diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/1197.c90416df.iframe.bundle.js b/1197.c90416df.iframe.bundle.js new file mode 100644 index 00000000000000..48433ceaf6fbd3 --- /dev/null +++ b/1197.c90416df.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 1197.c90416df.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1197],{"./node_modules/@ariakit/core/esm/__chunks/BCALMBPZ.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B1:()=>subscribe,OH:()=>sync,Ts:()=>init,UE:()=>throwOnConflictingProps,Up:()=>pick2,cJ:()=>omit2,mj:()=>setup,od:()=>mergeStore,vA:()=>batch,y$:()=>createStore});var _PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/3YLGPPWQ.js");function getInternal(store,key){const internals=store.__unstableInternals;return(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.V1)(internals,"Invalid store"),internals[key]}function createStore(initialState,...stores){let state=initialState,prevStateBatch=state,lastUpdate=Symbol(),destroy=_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.lQ;const instances=new Set,updatedKeys=new Set,setups=new Set,listeners=new Set,batchListeners=new Set,disposables=new WeakMap,listenerKeys=new WeakMap,sub=(keys,listener,set=listeners)=>(set.add(listener),listenerKeys.set(listener,keys),()=>{var _a;null==(_a=disposables.get(listener))||_a(),disposables.delete(listener),listenerKeys.delete(listener),set.delete(listener)}),setState=(key,value,fromStores=!1)=>{var _a;if(!(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.mQ)(state,key))return;const nextValue=(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.Qh)(value,state[key]);if(nextValue===state[key])return;if(!fromStores)for(const store of stores)null==(_a=null==store?void 0:store.setState)||_a.call(store,key,nextValue);const prevState=state;state=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_1__.ko)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_1__.IA)({},state),{[key]:nextValue});const thisUpdate=Symbol();lastUpdate=thisUpdate,updatedKeys.add(key);const run=(listener,prev,uKeys)=>{var _a2;const keys=listenerKeys.get(listener);keys&&!keys.some((k=>uKeys?uKeys.has(k):k===key))||(null==(_a2=disposables.get(listener))||_a2(),disposables.set(listener,listener(state,prev)))};for(const listener of listeners)run(listener,prevState);queueMicrotask((()=>{if(lastUpdate!==thisUpdate)return;const snapshot=state;for(const listener of batchListeners)run(listener,prevStateBatch,updatedKeys);prevStateBatch=snapshot,updatedKeys.clear()}))},finalStore={getState:()=>state,setState,__unstableInternals:{setup:callback=>(setups.add(callback),()=>setups.delete(callback)),init:()=>{const initialized=instances.size,instance=Symbol();instances.add(instance);const maybeDestroy=()=>{instances.delete(instance),instances.size||destroy()};if(initialized)return maybeDestroy;const desyncs=(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.xD)(state).map((key=>(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.cy)(...stores.map((store=>{var _a;const storeState=null==(_a=null==store?void 0:store.getState)?void 0:_a.call(store);if(storeState&&(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.mQ)(storeState,key))return sync(store,[key],(state2=>{setState(key,state2[key],!0)}))}))))),teardowns=[];for(const setup2 of setups)teardowns.push(setup2());const cleanups=stores.map(init);return destroy=(0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.cy)(...desyncs,...teardowns,...cleanups),maybeDestroy},subscribe:(keys,listener)=>sub(keys,listener),sync:(keys,listener)=>(disposables.set(listener,listener(state,state)),sub(keys,listener)),batch:(keys,listener)=>(disposables.set(listener,listener(state,prevStateBatch)),sub(keys,listener,batchListeners)),pick:keys=>createStore((0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.Up)(state,keys),finalStore),omit:keys=>createStore((0,_PBFD2E7P_js__WEBPACK_IMPORTED_MODULE_0__.cJ)(state,keys),finalStore)}};return finalStore}function setup(store,...args){if(store)return getInternal(store,"setup")(...args)}function init(store,...args){if(store)return getInternal(store,"init")(...args)}function subscribe(store,...args){if(store)return getInternal(store,"subscribe")(...args)}function sync(store,...args){if(store)return getInternal(store,"sync")(...args)}function batch(store,...args){if(store)return getInternal(store,"batch")(...args)}function omit2(store,...args){if(store)return getInternal(store,"omit")(...args)}function pick2(store,...args){if(store)return getInternal(store,"pick")(...args)}function mergeStore(...stores){const store=createStore(stores.reduce(((state,store2)=>{var _a;const nextState=null==(_a=null==store2?void 0:store2.getState)?void 0:_a.call(store2);return nextState?Object.assign(state,nextState):state}),{}),...stores);return Object.assign({},...stores,store)}function throwOnConflictingProps(props,store){}},"./node_modules/@ariakit/core/esm/utils/focus.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{AJ:()=>hasFocus,LC:()=>getFirstTabbableIn,QZ:()=>restoreFocusIn,UK:()=>getClosestFocusable,WA:()=>focusIntoView,XJ:()=>getPreviousTabbable,a9:()=>getAllTabbableIn,do:()=>focusIfNeeded,gw:()=>disableFocusIn,oW:()=>hasFocusWithin,tp:()=>isFocusable,vF:()=>getNextTabbable});var _chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/DTR5TSDJ.js"),_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/3YLGPPWQ.js"),selector="input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], summary, iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false'])";function isFocusable(element){return!!element.matches(selector)&&(!!(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.zN)(element)&&!element.closest("[inert]"))}function isTabbable(element){if(!isFocusable(element))return!1;if(function hasNegativeTabIndex(element){return Number.parseInt(element.getAttribute("tabindex")||"0",10)<0}(element))return!1;if(!("form"in element))return!0;if(!element.form)return!0;if(element.checked)return!0;if("radio"!==element.type)return!0;const radioGroup=element.form.elements.namedItem(element.name);if(!radioGroup)return!0;if(!("length"in radioGroup))return!0;const activeElement=(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.bq)(element);return!activeElement||(activeElement===element||(!("form"in activeElement)||(activeElement.form!==element.form||activeElement.name!==element.name)))}function getAllFocusableIn(container,includeContainer){const elements=Array.from(container.querySelectorAll(selector));includeContainer&&elements.unshift(container);const focusableElements=elements.filter(isFocusable);return focusableElements.forEach(((element,i)=>{if((0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.qt)(element)&&element.contentDocument){const frameBody=element.contentDocument.body;focusableElements.splice(i,1,...getAllFocusableIn(frameBody))}})),focusableElements}function getAllTabbableIn(container,includeContainer,fallbackToFocusable){const elements=Array.from(container.querySelectorAll(selector)),tabbableElements=elements.filter(isTabbable);return includeContainer&&isTabbable(container)&&tabbableElements.unshift(container),tabbableElements.forEach(((element,i)=>{if((0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.qt)(element)&&element.contentDocument){const allFrameTabbable=getAllTabbableIn(element.contentDocument.body,!1,fallbackToFocusable);tabbableElements.splice(i,1,...allFrameTabbable)}})),!tabbableElements.length&&fallbackToFocusable?elements:tabbableElements}function getFirstTabbableIn(container,includeContainer,fallbackToFocusable){const[first]=getAllTabbableIn(container,includeContainer,fallbackToFocusable);return first||null}function getNextTabbable(fallbackToFirst,fallbackToFocusable){return function getNextTabbableIn(container,includeContainer,fallbackToFirst,fallbackToFocusable){const activeElement=(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.bq)(container),allFocusable=getAllFocusableIn(container,includeContainer),activeIndex=allFocusable.indexOf(activeElement),nextFocusableElements=allFocusable.slice(activeIndex+1);return nextFocusableElements.find(isTabbable)||(fallbackToFirst?allFocusable.find(isTabbable):null)||(fallbackToFocusable?nextFocusableElements[0]:null)||null}(document.body,!1,fallbackToFirst,fallbackToFocusable)}function getPreviousTabbable(fallbackToFirst,fallbackToFocusable){return function getPreviousTabbableIn(container,includeContainer,fallbackToLast,fallbackToFocusable){const activeElement=(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.bq)(container),allFocusable=getAllFocusableIn(container,includeContainer).reverse(),activeIndex=allFocusable.indexOf(activeElement),previousFocusableElements=allFocusable.slice(activeIndex+1);return previousFocusableElements.find(isTabbable)||(fallbackToLast?allFocusable.find(isTabbable):null)||(fallbackToFocusable?previousFocusableElements[0]:null)||null}(document.body,!1,fallbackToFirst,fallbackToFocusable)}function getClosestFocusable(element){for(;element&&!isFocusable(element);)element=element.closest(selector);return element||null}function hasFocus(element){const activeElement=(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.bq)(element);if(!activeElement)return!1;if(activeElement===element)return!0;const activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&activeDescendant===element.id}function hasFocusWithin(element){const activeElement=(0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.bq)(element);if(!activeElement)return!1;if((0,_chunks_DTR5TSDJ_js__WEBPACK_IMPORTED_MODULE_0__.gR)(element,activeElement))return!0;const activeDescendant=activeElement.getAttribute("aria-activedescendant");return!!activeDescendant&&("id"in element&&(activeDescendant===element.id||!!element.querySelector(`#${CSS.escape(activeDescendant)}`)))}function focusIfNeeded(element){!hasFocusWithin(element)&&isFocusable(element)&&element.focus()}function disableFocus(element){var _a;const currentTabindex=null!=(_a=element.getAttribute("tabindex"))?_a:"";element.setAttribute("data-tabindex",currentTabindex),element.setAttribute("tabindex","-1")}function disableFocusIn(container,includeContainer){const tabbableElements=getAllTabbableIn(container,includeContainer);for(const element of tabbableElements)disableFocus(element)}function restoreFocusIn(container){const elements=container.querySelectorAll("[data-tabindex]"),restoreTabIndex=element=>{const tabindex=element.getAttribute("data-tabindex");element.removeAttribute("data-tabindex"),tabindex?element.setAttribute("tabindex",tabindex):element.removeAttribute("tabindex")};container.hasAttribute("data-tabindex")&&restoreTabIndex(container);for(const element of elements)restoreTabIndex(element)}function focusIntoView(element,options){"scrollIntoView"in element?(element.focus({preventScroll:!0}),element.scrollIntoView((0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_1__.IA)({block:"nearest",inline:"nearest"},options))):element.focus()}},"./node_modules/@ariakit/react-core/esm/__chunks/LVA2YJMS.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Am:()=>isSafariFocusAncestor,Wc:()=>useFocusable});var _SWN3JYXT_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/SWN3JYXT.js"),_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js"),_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_dom__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/DTR5TSDJ.js"),_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/core/esm/utils/events.js"),_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@ariakit/core/esm/utils/focus.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),_ariakit_core_utils_platform__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/QAGXQEUG.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),isSafariBrowser=(0,_ariakit_core_utils_platform__WEBPACK_IMPORTED_MODULE_1__.nr)(),alwaysFocusVisibleInputTypes=["text","search","url","tel","email","password","number","date","month","week","time","datetime","datetime-local"],safariFocusAncestorSymbol=Symbol("safariFocusAncestor");function isSafariFocusAncestor(element){return!!element&&!!element[safariFocusAncestorSymbol]}function markSafariFocusAncestor(element,value){element&&(element[safariFocusAncestorSymbol]=value)}function isNativeCheckboxOrRadio(element){return!("input"!==element.tagName.toLowerCase()||!element.type)&&("radio"===element.type||"checkbox"===element.type)}function getTabIndex(focusable,trulyDisabled,nativeTabbable,supportsDisabled,tabIndexProp){return focusable?trulyDisabled?nativeTabbable&&!supportsDisabled?-1:void 0:nativeTabbable?tabIndexProp:tabIndexProp||0:tabIndexProp}function useDisableEvent(onEvent,disabled){return(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((event=>{null==onEvent||onEvent(event),event.defaultPrevented||disabled&&(event.stopPropagation(),event.preventDefault())}))}var isKeyboardModality=!0;function onGlobalMouseDown(event){const target=event.target;target&&"hasAttribute"in target&&(target.hasAttribute("data-focus-visible")||(isKeyboardModality=!1))}function onGlobalKeyDown(event){event.metaKey||event.ctrlKey||event.altKey||(isKeyboardModality=!0)}var useFocusable=(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_3__.ab)((function useFocusable2(_a){var _b=_a,{focusable=!0,accessibleWhenDisabled,autoFocus,onFocusVisible}=_b,props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.YG)(_b,["focusable","accessibleWhenDisabled","autoFocus","onFocusVisible"]);const ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{focusable&&((0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.dg)("mousedown",onGlobalMouseDown,!0),(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.dg)("keydown",onGlobalKeyDown,!0))}),[focusable]),isSafariBrowser&&(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!focusable)return;const element=ref.current;if(!element)return;if(!isNativeCheckboxOrRadio(element))return;const labels=function getLabels(element){return"labels"in element?element.labels:null}(element);if(!labels)return;const onMouseUp=()=>queueMicrotask((()=>element.focus()));for(const label of labels)label.addEventListener("mouseup",onMouseUp);return()=>{for(const label of labels)label.removeEventListener("mouseup",onMouseUp)}}),[focusable]);const disabled=focusable&&(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.$f)(props),trulyDisabled=!!disabled&&!accessibleWhenDisabled,[focusVisible,setFocusVisible]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{focusable&&trulyDisabled&&focusVisible&&setFocusVisible(!1)}),[focusable,trulyDisabled,focusVisible]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!focusable)return;if(!focusVisible)return;const element=ref.current;if(!element)return;if("undefined"==typeof IntersectionObserver)return;const observer=new IntersectionObserver((()=>{(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.tp)(element)||setFocusVisible(!1)}));return observer.observe(element),()=>observer.disconnect()}),[focusable,focusVisible]);const onKeyPressCapture=useDisableEvent(props.onKeyPressCapture,disabled),onMouseDownCapture=useDisableEvent(props.onMouseDownCapture,disabled),onClickCapture=useDisableEvent(props.onClickCapture,disabled),onMouseDownProp=props.onMouseDown,onMouseDown=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((event=>{if(null==onMouseDownProp||onMouseDownProp(event),event.defaultPrevented)return;if(!focusable)return;const element=event.currentTarget;if(!isSafariBrowser)return;if((0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.ho)(event))return;if(!(0,_ariakit_core_utils_dom__WEBPACK_IMPORTED_MODULE_8__.Bm)(element)&&!isNativeCheckboxOrRadio(element))return;let receivedFocus=!1;const onFocus=()=>{receivedFocus=!0};element.addEventListener("focusin",onFocus,{capture:!0,once:!0});const focusableContainer=(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.UK)(element.parentElement);markSafariFocusAncestor(focusableContainer,!0),(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.nz)(element,"mouseup",(()=>{element.removeEventListener("focusin",onFocus,!0),markSafariFocusAncestor(focusableContainer,!1),receivedFocus||(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.do)(element)}))})),handleFocusVisible=(event,currentTarget)=>{if(currentTarget&&(event.currentTarget=currentTarget),!focusable)return;const element=event.currentTarget;element&&(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.AJ)(element)&&(null==onFocusVisible||onFocusVisible(event),event.defaultPrevented||(element.dataset.focusVisible="true",setFocusVisible(!0)))},onKeyDownCaptureProp=props.onKeyDownCapture,onKeyDownCapture=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((event=>{if(null==onKeyDownCaptureProp||onKeyDownCaptureProp(event),event.defaultPrevented)return;if(!focusable)return;if(focusVisible)return;if(event.metaKey)return;if(event.altKey)return;if(event.ctrlKey)return;if(!(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.uh)(event))return;const element=event.currentTarget;(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.nz)(element,"focusout",(()=>handleFocusVisible(event,element)))})),onFocusCaptureProp=props.onFocusCapture,onFocusCapture=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((event=>{if(null==onFocusCaptureProp||onFocusCaptureProp(event),event.defaultPrevented)return;if(!focusable)return;if(!(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.uh)(event))return void setFocusVisible(!1);const element=event.currentTarget,applyFocusVisible=()=>handleFocusVisible(event,element);isKeyboardModality||function isAlwaysFocusVisible(element){const{tagName,readOnly,type}=element;return"TEXTAREA"===tagName&&!readOnly||("SELECT"===tagName&&!readOnly||("INPUT"!==tagName||readOnly?!!element.isContentEditable||!("combobox"!==element.getAttribute("role")||!element.dataset.name):alwaysFocusVisibleInputTypes.includes(type)))}(event.target)?(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.nz)(event.target,"focusout",applyFocusVisible):setFocusVisible(!1)})),onBlurProp=props.onBlur,onBlur=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((event=>{null==onBlurProp||onBlurProp(event),focusable&&(0,_ariakit_core_utils_events__WEBPACK_IMPORTED_MODULE_5__.aG)(event)&&setFocusVisible(!1)})),autoFocusOnShow=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_SWN3JYXT_js__WEBPACK_IMPORTED_MODULE_9__.g),autoFocusRef=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__._q)((element=>{focusable&&autoFocus&&element&&autoFocusOnShow&&queueMicrotask((()=>{(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.AJ)(element)||(0,_ariakit_core_utils_focus__WEBPACK_IMPORTED_MODULE_7__.tp)(element)&&element.focus()}))})),tagName=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__.vO)(ref),nativeTabbable=focusable&&function isNativeTabbable(tagName){return!tagName||"button"===tagName||"summary"===tagName||"input"===tagName||"select"===tagName||"textarea"===tagName||"a"===tagName}(tagName),supportsDisabled=focusable&&function supportsDisabledAttribute(tagName){return!tagName||"button"===tagName||"input"===tagName||"select"===tagName||"textarea"===tagName}(tagName),styleProp=props.style,style=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>trulyDisabled?(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)({pointerEvents:"none"},styleProp):styleProp),[trulyDisabled,styleProp]);return props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.ko)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)({"data-focus-visible":focusable&&focusVisible||void 0,"data-autofocus":autoFocus||void 0,"aria-disabled":disabled||void 0},props),{ref:(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_2__.SV)(ref,autoFocusRef,props.ref),style,tabIndex:getTabIndex(focusable,trulyDisabled,nativeTabbable,supportsDisabled,props.tabIndex),disabled:!(!supportsDisabled||!trulyDisabled)||void 0,contentEditable:disabled?void 0:props.contentEditable,onKeyPressCapture,onClickCapture,onMouseDownCapture,onMouseDown,onKeyDownCapture,onFocusCapture,onBlur}),(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.HR)(props)}));(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_3__.Rf)((function Focusable2(props){const htmlProps=useFocusable(props);return(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_3__.n)("div",htmlProps)}))},"./node_modules/@ariakit/react-core/esm/__chunks/SWN3JYXT.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>FocusableContext});var FocusableContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)(!0)},"./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{O$:()=>useStoreState,PX:()=>useStoreStateObject,Pj:()=>useStore,Tz:()=>useStoreProps});var _ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/BCALMBPZ.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),use_sync_external_store_shim_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/use-sync-external-store/shim/index.js"),{useSyncExternalStore}=use_sync_external_store_shim_index_js__WEBPACK_IMPORTED_MODULE_1__,noopSubscribe=()=>()=>{};function useStoreState(store,keyOrSelector=_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_2__.D_){const storeSubscribe=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((callback=>store?(0,_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__.B1)(store,null,callback):noopSubscribe()),[store]),getSnapshot=()=>{const key="string"==typeof keyOrSelector?keyOrSelector:null,selector="function"==typeof keyOrSelector?keyOrSelector:null,state=null==store?void 0:store.getState();return selector?selector(state):state&&key&&(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_2__.mQ)(state,key)?state[key]:void 0};return useSyncExternalStore(storeSubscribe,getSnapshot,getSnapshot)}function useStoreStateObject(store,object){const objRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef({}),storeSubscribe=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((callback=>store?(0,_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__.B1)(store,null,callback):noopSubscribe()),[store]),getSnapshot=()=>{const state=null==store?void 0:store.getState();let updated=!1;const obj=objRef.current;for(const prop in object){const keyOrSelector=object[prop];if("function"==typeof keyOrSelector){const value=keyOrSelector(state);value!==obj[prop]&&(obj[prop]=value,updated=!0)}if("string"==typeof keyOrSelector){if(!state)continue;if(!(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_2__.mQ)(state,keyOrSelector))continue;const value=state[keyOrSelector];value!==obj[prop]&&(obj[prop]=value,updated=!0)}}return updated&&(objRef.current=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)({},obj)),objRef.current};return useSyncExternalStore(storeSubscribe,getSnapshot,getSnapshot)}function useStoreProps(store,props,key,setKey){const value=(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_2__.mQ)(props,key)?props[key]:void 0,setValue=setKey?props[setKey]:void 0,propsRef=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.hX)({value,setValue});(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.UQ)((()=>(0,_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__.OH)(store,[key],((state,prev)=>{const{value:value2,setValue:setValue2}=propsRef.current;setValue2&&state[key]!==prev[key]&&state[key]!==value2&&setValue2(state[key])}))),[store,key]),(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.UQ)((()=>{if(void 0!==value)return store.setState(key,value),(0,_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__.vA)(store,[key],(()=>{void 0!==value&&store.setState(key,value)}))}))}function useStore(createStore,props){const[store,setStore]=react__WEBPACK_IMPORTED_MODULE_0__.useState((()=>createStore(props)));(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.UQ)((()=>(0,_ariakit_core_utils_store__WEBPACK_IMPORTED_MODULE_3__.Ts)(store)),[store]);const useState2=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((keyOrSelector=>useStoreState(store,keyOrSelector)),[store]);return[react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.ko)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)({},store),{useState:useState2})),[store,useState2]),(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__._q)((()=>{setStore((store2=>createStore((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_4__.IA)({},props),store2.getState()))))}))]}},"./node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var e=__webpack_require__("./node_modules/react/index.js");var k="function"==typeof Object.is?Object.is:function h(a,b){return a===b&&(0!==a||1/a==1/b)||a!=a&&b!=b},l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return!k(a,d)}catch(f){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function t(a,b){return b()}:function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];return n((function(){c.value=d,c.getSnapshot=b,r(c)&&g({inst:c})}),[a,d,b]),m((function(){return r(c)&&g({inst:c}),a((function(){r(c)&&g({inst:c})}))}),[a]),p(d),d};exports.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u},"./node_modules/use-sync-external-store/shim/index.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.min.js")}}]); \ No newline at end of file diff --git a/1197.c90416df.iframe.bundle.js.LICENSE.txt b/1197.c90416df.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..36b68ee5c77452 --- /dev/null +++ b/1197.c90416df.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,9 @@ +/** + * @license React + * use-sync-external-store-shim.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ diff --git a/1217.7f0f8f96.iframe.bundle.js b/1217.7f0f8f96.iframe.bundle.js new file mode 100644 index 00000000000000..86e996223b5418 --- /dev/null +++ b/1217.7f0f8f96.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 1217.7f0f8f96.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1217],{"./node_modules/fast-average-color/dist/index.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function toHex(num){var str=num.toString(16);return 1===str.length?"0"+str:str}function arrayToHex(arr){return"#"+arr.map(toHex).join("")}function prepareIgnoredColor(color){return color?function isRGBArray(value){return Array.isArray(value[0])}(color)?color:[color]:[]}function isIgnoredColor(data,index,ignoredColor){for(var i=0;i=ignoredColorComponent-value&&colorComponent<=ignoredColorComponent+value}function dominantAlgorithm(arr,len,options){for(var colorHash={},ignoredColor=options.ignoredColor,step=options.step,max=[0,0,0,0,0],i=0;iFastAverageColor});function getOriginalSize(resource){if(isInstanceOfHTMLImageElement(resource)){var width=resource.naturalWidth,height=resource.naturalHeight;return!resource.naturalWidth&&function isSvg(filename){return-1!==filename.search(/\.svg(\?|$)/i)}(resource.src)&&(width=height=100),{width,height}}return function isInstanceOfHTMLVideoElement(resource){return"undefined"!=typeof HTMLVideoElement&&resource instanceof HTMLVideoElement}(resource)?{width:resource.videoWidth,height:resource.videoHeight}:{width:resource.width,height:resource.height}}function getSrc(resource){return function isInstanceOfHTMLCanvasElement(resource){return"undefined"!=typeof HTMLCanvasElement&&resource instanceof HTMLCanvasElement}(resource)?"canvas":function isInstanceOfOffscreenCanvas(resource){return"undefined"!=typeof OffscreenCanvas&&resource instanceof OffscreenCanvas}(resource)?"offscreencanvas":function isInstanceOfImageBitmap(resource){return"undefined"!=typeof ImageBitmap&&resource instanceof ImageBitmap}(resource)?"imagebitmap":resource.src}function isInstanceOfHTMLImageElement(resource){return"undefined"!=typeof HTMLImageElement&&resource instanceof HTMLImageElement}var isWebWorkers="undefined"==typeof window;function outputError(message,silent,error){silent||(console.error("FastAverageColor: "+message),error&&console.error(error))}function getError(text){return Error("FastAverageColor: "+text)}var FastAverageColor=function(){function FastAverageColor(){this.canvas=null,this.ctx=null}return FastAverageColor.prototype.getColorAsync=function(resource,options){if(!resource)return Promise.reject(getError("call .getColorAsync() without resource."));if("string"==typeof resource){if("undefined"==typeof Image)return Promise.reject(getError("resource as string is not supported in this environment"));var img=new Image;return img.crossOrigin=options&&options.crossOrigin||"",img.src=resource,this.bindImageEvents(img,options)}if(isInstanceOfHTMLImageElement(resource)&&!resource.complete)return this.bindImageEvents(resource,options);var result=this.getColor(resource,options);return result.error?Promise.reject(result.error):Promise.resolve(result)},FastAverageColor.prototype.getColor=function(resource,options){var defaultColor=getDefaultColor(options=options||{});if(!resource)return outputError("call .getColor(null) without resource",options.silent),this.prepareResult(defaultColor);var size=function prepareSizeAndPosition(originalSize,options){var factor,srcLeft=getOption(options,"left",0),srcTop=getOption(options,"top",0),srcWidth=getOption(options,"width",originalSize.width),srcHeight=getOption(options,"height",originalSize.height),destWidth=srcWidth,destHeight=srcHeight;return"precision"===options.mode||(srcWidth>srcHeight?(factor=srcWidth/srcHeight,destWidth=100,destHeight=Math.round(destWidth/factor)):(factor=srcHeight/srcWidth,destHeight=100,destWidth=Math.round(destHeight/factor)),(destWidth>srcWidth||destHeight>srcHeight||destWidth<10||destHeight<10)&&(destWidth=srcWidth,destHeight=srcHeight)),{srcLeft,srcTop,srcWidth,srcHeight,destWidth,destHeight}}(getOriginalSize(resource),options);if(!(size.srcWidth&&size.srcHeight&&size.destWidth&&size.destHeight))return outputError('incorrect sizes for resource "'.concat(getSrc(resource),'"'),options.silent),this.prepareResult(defaultColor);if(this.canvas||(this.canvas=function makeCanvas(){return isWebWorkers?new OffscreenCanvas(1,1):document.createElement("canvas")}()),!this.ctx&&(this.ctx=this.canvas.getContext&&this.canvas.getContext("2d"),!this.ctx))return outputError("Canvas Context 2D is not supported in this browser",options.silent),this.prepareResult(defaultColor);this.canvas.width=size.destWidth,this.canvas.height=size.destHeight;var value=defaultColor;try{this.ctx.clearRect(0,0,size.destWidth,size.destHeight),this.ctx.drawImage(resource,size.srcLeft,size.srcTop,size.srcWidth,size.srcHeight,0,0,size.destWidth,size.destHeight);var bitmapData=this.ctx.getImageData(0,0,size.destWidth,size.destHeight).data;value=this.getColorFromArray4(bitmapData,options)}catch(e){outputError("security error (CORS) for resource ".concat(getSrc(resource),".\nDetails: https://developer.mozilla.org/en/docs/Web/HTML/CORS_enabled_image"),options.silent,e)}return this.prepareResult(value)},FastAverageColor.prototype.getColorFromArray4=function(arr,options){options=options||{};var arrLength=arr.length,defaultColor=getDefaultColor(options);if(arrLength<4)return defaultColor;var algorithm,len=arrLength-arrLength%4,step=4*(options.step||1);switch(options.algorithm||"sqrt"){case"simple":algorithm=simpleAlgorithm;break;case"sqrt":algorithm=sqrtAlgorithm;break;case"dominant":algorithm=dominantAlgorithm;break;default:throw getError("".concat(options.algorithm," is unknown algorithm"))}return algorithm(arr,len,{defaultColor,ignoredColor:prepareIgnoredColor(options.ignoredColor),step})},FastAverageColor.prototype.prepareResult=function(value){var rgb=value.slice(0,3),rgba=[value[0],value[1],value[2],value[3]/255],isDarkColor=function isDark(color){return(299*color[0]+587*color[1]+114*color[2])/1e3<128}(value);return{value:[value[0],value[1],value[2],value[3]],rgb:"rgb("+rgb.join(",")+")",rgba:"rgba("+rgba.join(",")+")",hex:arrayToHex(rgb),hexa:arrayToHex(value),isDark:isDarkColor,isLight:!isDarkColor}},FastAverageColor.prototype.destroy=function(){this.canvas&&(this.canvas.width=1,this.canvas.height=1,this.canvas=null),this.ctx=null},FastAverageColor.prototype.bindImageEvents=function(resource,options){var _this=this;return new Promise((function(resolve,reject){var onload=function(){unbindEvents();var result=_this.getColor(resource,options);result.error?reject(result.error):resolve(result)},onerror=function(){unbindEvents(),reject(getError('Error loading image "'.concat(resource.src,'".')))},onabort=function(){unbindEvents(),reject(getError('Image "'.concat(resource.src,'" loading aborted')))},unbindEvents=function(){resource.removeEventListener("load",onload),resource.removeEventListener("error",onerror),resource.removeEventListener("abort",onabort)};resource.addEventListener("load",onload),resource.addEventListener("error",onerror),resource.addEventListener("abort",onabort)}))},FastAverageColor}()},"./packages/block-library/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var getRandomValues;__webpack_require__.d(__webpack_exports__,{A:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]); \ No newline at end of file diff --git a/1217.7f0f8f96.iframe.bundle.js.LICENSE.txt b/1217.7f0f8f96.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..c73b69bff01794 --- /dev/null +++ b/1217.7f0f8f96.iframe.bundle.js.LICENSE.txt @@ -0,0 +1 @@ +/*! Fast Average Color | © 2022 Denis Seleznev | MIT License | https://github.com/fast-average-color/fast-average-color */ diff --git a/1285.5a033303.iframe.bundle.js b/1285.5a033303.iframe.bundle.js new file mode 100644 index 00000000000000..5caf5c6f8de8a1 --- /dev/null +++ b/1285.5a033303.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1285],{"./packages/components/build-module/unit-control/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>unit_control});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),react=__webpack_require__("./node_modules/react/index.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js"),unit_control_styles=__webpack_require__("./packages/components/build-module/unit-control/styles/unit-control-styles.js"),utils=__webpack_require__("./packages/components/build-module/unit-control/utils.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const unit_select_control=(0,react.forwardRef)((function UnitSelectControl({className,isUnitSelectTabbable:isTabbable=!0,onChange,size="default",unit="px",units=utils.Cy,...props},ref){if(!(0,utils.U6)(units)||1===units?.length)return(0,jsx_runtime.jsx)(unit_control_styles.BZ,{className:"components-unit-control__unit-label",selectSize:size,children:unit});const classes=(0,clsx.A)("components-unit-control__select",className);return(0,jsx_runtime.jsx)(unit_control_styles.td,{ref,className:classes,onChange:event=>{const{value:unitValue}=event.target,data=units.find((option=>option.value===unitValue));onChange?.(unitValue,{event,data})},selectSize:size,tabIndex:isTabbable?void 0:-1,value:unit,...props,children:units.map((option=>(0,jsx_runtime.jsx)("option",{value:option.value,children:option.label},option.value)))})}));var use_controlled_state=__webpack_require__("./packages/components/build-module/utils/hooks/use-controlled-state.js"),strings=__webpack_require__("./packages/components/build-module/utils/strings.js"),use_deprecated_props=__webpack_require__("./packages/components/build-module/utils/use-deprecated-props.js"),deprecated_36px_size=__webpack_require__("./packages/components/build-module/utils/deprecated-36px-size.js");const unit_control=(0,react.forwardRef)((function UnforwardedUnitControl(unitControlProps,forwardedRef){const{__unstableStateReducer,autoComplete="off",children,className,disabled=!1,disableUnits=!1,isPressEnterToChange=!1,isResetValueOnUnitChange=!1,isUnitSelectTabbable=!0,label,onChange:onChangeProp,onUnitChange,size="default",unit:unitProp,units:unitsProp=utils.Cy,value:valueProp,onFocus:onFocusProp,__shouldNotWarnDeprecated36pxSize,...props}=(0,use_deprecated_props.R)(unitControlProps);(0,deprecated_36px_size.M)({componentName:"UnitControl",__next40pxDefaultSize:props.__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}),"unit"in unitControlProps&&(0,build_module.A)("UnitControl unit prop",{since:"5.6",hint:"The unit should be provided within the `value` prop.",version:"6.2"});const nonNullValueProp=null!=valueProp?valueProp:void 0,[units,reFirstCharacterOfUnits]=(0,react.useMemo)((()=>{const list=(0,utils.Pr)(nonNullValueProp,unitProp,unitsProp),[{value:firstUnitValue=""}={},...rest]=list,firstCharacters=rest.reduce(((carry,{value})=>{const first=(0,strings.Nt)(value?.substring(0,1)||"");return carry.includes(first)?carry:`${carry}|${first}`}),(0,strings.Nt)(firstUnitValue.substring(0,1)));return[list,new RegExp(`^(?:${firstCharacters})$`,"i")]}),[nonNullValueProp,unitProp,unitsProp]),[parsedQuantity,parsedUnit]=(0,utils.wC)(nonNullValueProp,unitProp,units),[unit,setUnit]=(0,use_controlled_state.A)(1===units.length?units[0].value:unitProp,{initial:parsedUnit,fallback:""});(0,react.useEffect)((()=>{void 0!==parsedUnit&&setUnit(parsedUnit)}),[parsedUnit,setUnit]);const classes=(0,clsx.A)("components-unit-control","components-unit-control-wrapper",className);let handleOnKeyDown;!disableUnits&&isUnitSelectTabbable&&units.length&&(handleOnKeyDown=event=>{props.onKeyDown?.(event),event.metaKey||event.ctrlKey||!reFirstCharacterOfUnits.test(event.key)||refInputSuffix.current?.focus()});const refInputSuffix=(0,react.useRef)(null),inputSuffix=disableUnits?null:(0,jsx_runtime.jsx)(unit_select_control,{ref:refInputSuffix,"aria-label":(0,i18n_build_module.__)("Select unit"),disabled,isUnitSelectTabbable,onChange:(nextUnitValue,changeProps)=>{const{data}=changeProps;let nextValue=`${null!=parsedQuantity?parsedQuantity:""}${nextUnitValue}`;isResetValueOnUnitChange&&void 0!==data?.default&&(nextValue=`${data.default}${nextUnitValue}`),onChangeProp?.(nextValue,changeProps),onUnitChange?.(nextUnitValue,changeProps),setUnit(nextUnitValue)},size:["small","compact"].includes(size)||"default"===size&&!props.__next40pxDefaultSize?"small":"default",unit,units,onFocus:onFocusProp,onBlur:unitControlProps.onBlur});let step=props.step;if(!step&&units){var _activeUnit$step;const activeUnit=units.find((option=>option.value===unit));step=null!==(_activeUnit$step=activeUnit?.step)&&void 0!==_activeUnit$step?_activeUnit$step:1}return(0,jsx_runtime.jsx)(unit_control_styles.mT,{...props,__shouldNotWarnDeprecated36pxSize:!0,autoComplete,className:classes,disabled,spinControls:"none",isPressEnterToChange,label,onKeyDown:handleOnKeyDown,onChange:(nextQuantityValue,changeProps)=>{if(""===nextQuantityValue||null==nextQuantityValue)return void onChangeProp?.("",changeProps);const onChangeValue=(0,utils.Op)(nextQuantityValue,units,parsedQuantity,unit).join("");onChangeProp?.(onChangeValue,changeProps)},ref:forwardedRef,size,suffix:inputSuffix,type:isPressEnterToChange?"text":"number",value:null!=parsedQuantity?parsedQuantity:"",step,onFocus:onFocusProp,__unstableStateReducer})}))},"./packages/components/build-module/unit-control/styles/unit-control-styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{BZ:()=>UnitLabel,mT:()=>ValueInput,td:()=>UnitSelect});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/build-module/utils/colors-values.js"),_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/build-module/utils/rtl.js"),_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/build-module/utils/config-values.js"),_number_control__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/build-module/number-control/index.js"),_input_control_styles_input_control_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/build-module/input-control/styles/input-control-styles.js"),_utils_space__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/build-module/utils/space.js");const ValueInput=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)(_number_control__WEBPACK_IMPORTED_MODULE_1__.A,{target:"e1bagdl32"})("&&&{input{display:block;width:100%;}",_input_control_styles_input_control_styles__WEBPACK_IMPORTED_MODULE_2__.Hr,"{transition:box-shadow 0.1s linear;}}"),baseUnitLabelStyles=({selectSize})=>({small:(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.AH)("box-sizing:border-box;padding:2px 1px;width:20px;font-size:8px;line-height:1;letter-spacing:-0.5px;text-transform:uppercase;text-align-last:center;&:not( :disabled ){color:",_utils__WEBPACK_IMPORTED_MODULE_4__.l.gray[800],";}","","",""),default:(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.AH)("box-sizing:border-box;min-width:24px;max-width:48px;height:24px;margin-inline-end:",(0,_utils_space__WEBPACK_IMPORTED_MODULE_5__.x)(2),";padding:",(0,_utils_space__WEBPACK_IMPORTED_MODULE_5__.x)(1),";font-size:13px;line-height:1;text-align-last:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;field-sizing:content;&:not( :disabled ){color:",_utils__WEBPACK_IMPORTED_MODULE_4__.l.theme.accent,";}","","","")}[selectSize]),UnitLabel=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e1bagdl31"})("&&&{pointer-events:none;",baseUnitLabelStyles,";color:",_utils__WEBPACK_IMPORTED_MODULE_4__.l.gray[900],";}"),unitSelectSizes=({selectSize="default"})=>({small:(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.AH)("height:100%;border:1px solid transparent;transition:box-shadow 0.1s linear,border 0.1s linear;",(0,_utils__WEBPACK_IMPORTED_MODULE_6__.h)({borderTopLeftRadius:0,borderBottomLeftRadius:0})()," &:not(:disabled):hover{background-color:",_utils__WEBPACK_IMPORTED_MODULE_4__.l.gray[100],";}&:focus{border:1px solid ",_utils__WEBPACK_IMPORTED_MODULE_4__.l.ui.borderFocus,";box-shadow:inset 0 0 0 ",_utils__WEBPACK_IMPORTED_MODULE_7__.A.borderWidth+" "+_utils__WEBPACK_IMPORTED_MODULE_4__.l.ui.borderFocus,";outline-offset:0;outline:2px solid transparent;z-index:1;}","","",""),default:(0,_emotion_react__WEBPACK_IMPORTED_MODULE_3__.AH)("display:flex;justify-content:center;align-items:center;&:where( :not( :disabled ) ):hover{box-shadow:0 0 0 ",_utils__WEBPACK_IMPORTED_MODULE_7__.A.borderWidth+" "+_utils__WEBPACK_IMPORTED_MODULE_4__.l.ui.borderFocus,";outline:",_utils__WEBPACK_IMPORTED_MODULE_7__.A.borderWidth," solid transparent;}&:focus{box-shadow:0 0 0 ",_utils__WEBPACK_IMPORTED_MODULE_7__.A.borderWidthFocus+" "+_utils__WEBPACK_IMPORTED_MODULE_4__.l.ui.borderFocus,";outline:",_utils__WEBPACK_IMPORTED_MODULE_7__.A.borderWidthFocus," solid transparent;}","","","")}[selectSize]),UnitSelect=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("select",{target:"e1bagdl30"})("&&&{appearance:none;background:transparent;border-radius:",_utils__WEBPACK_IMPORTED_MODULE_7__.A.radiusXSmall,";border:none;display:block;outline:none;margin:0;min-height:auto;font-family:inherit;",baseUnitLabelStyles,";",unitSelectSizes,";&:not( :disabled ){cursor:pointer;}}")},"./packages/components/build-module/unit-control/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Cy:()=>CSS_UNITS,E:()=>useCustomUnits,Op:()=>getValidParsedQuantityAndUnit,Pr:()=>getUnitsWithCurrentUnit,U6:()=>hasUnits,bu:()=>parseQuantityAndUnitFromRawValue,wC:()=>getParsedQuantityAndUnit});var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/i18n/build-module/index.js");const isWeb="web"===__webpack_require__("./packages/element/build-module/platform.js").A.OS,allUnits={px:{value:"px",label:isWeb?"px":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Pixels (px)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Pixels (px)"),step:1},"%":{value:"%",label:isWeb?"%":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Percentage (%)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Percent (%)"),step:.1},em:{value:"em",label:isWeb?"em":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Relative to parent font size (em)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)("ems","Relative to parent font size (em)"),step:.01},rem:{value:"rem",label:isWeb?"rem":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Relative to root font size (rem)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)("rems","Relative to root font size (rem)"),step:.01},vw:{value:"vw",label:isWeb?"vw":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport width (vw)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport width (vw)"),step:.1},vh:{value:"vh",label:isWeb?"vh":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport height (vh)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport height (vh)"),step:.1},vmin:{value:"vmin",label:isWeb?"vmin":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport smallest dimension (vmin)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport smallest dimension (vmin)"),step:.1},vmax:{value:"vmax",label:isWeb?"vmax":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport largest dimension (vmax)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport largest dimension (vmax)"),step:.1},ch:{value:"ch",label:isWeb?"ch":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Width of the zero (0) character (ch)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Width of the zero (0) character (ch)"),step:.01},ex:{value:"ex",label:isWeb?"ex":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("x-height of the font (ex)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("x-height of the font (ex)"),step:.01},cm:{value:"cm",label:isWeb?"cm":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Centimeters (cm)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Centimeters (cm)"),step:.001},mm:{value:"mm",label:isWeb?"mm":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Millimeters (mm)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Millimeters (mm)"),step:.1},in:{value:"in",label:isWeb?"in":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Inches (in)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Inches (in)"),step:.001},pc:{value:"pc",label:isWeb?"pc":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Picas (pc)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Picas (pc)"),step:1},pt:{value:"pt",label:isWeb?"pt":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Points (pt)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Points (pt)"),step:1},svw:{value:"svw",label:isWeb?"svw":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport width (svw)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport width (svw)"),step:.1},svh:{value:"svh",label:isWeb?"svh":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport height (svh)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport height (svh)"),step:.1},svi:{value:"svi",label:isWeb?"svi":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport smallest size in the inline direction (svi)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport width or height (svi)"),step:.1},svb:{value:"svb",label:isWeb?"svb":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Viewport smallest size in the block direction (svb)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport width or height (svb)"),step:.1},svmin:{value:"svmin",label:isWeb?"svmin":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport smallest dimension (svmin)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport smallest dimension (svmin)"),step:.1},lvw:{value:"lvw",label:isWeb?"lvw":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width (lvw)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width (lvw)"),step:.1},lvh:{value:"lvh",label:isWeb?"lvh":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport height (lvh)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport height (lvh)"),step:.1},lvi:{value:"lvi",label:isWeb?"lvi":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width or height (lvi)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width or height (lvi)"),step:.1},lvb:{value:"lvb",label:isWeb?"lvb":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width or height (lvb)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport width or height (lvb)"),step:.1},lvmin:{value:"lvmin",label:isWeb?"lvmin":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport smallest dimension (lvmin)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport smallest dimension (lvmin)"),step:.1},dvw:{value:"dvw",label:isWeb?"dvw":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width (dvw)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width (dvw)"),step:.1},dvh:{value:"dvh",label:isWeb?"dvh":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport height (dvh)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport height (dvh)"),step:.1},dvi:{value:"dvi",label:isWeb?"dvi":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width or height (dvi)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width or height (dvi)"),step:.1},dvb:{value:"dvb",label:isWeb?"dvb":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width or height (dvb)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport width or height (dvb)"),step:.1},dvmin:{value:"dvmin",label:isWeb?"dvmin":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport smallest dimension (dvmin)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport smallest dimension (dvmin)"),step:.1},dvmax:{value:"dvmax",label:isWeb?"dvmax":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport largest dimension (dvmax)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Dynamic viewport largest dimension (dvmax)"),step:.1},svmax:{value:"svmax",label:isWeb?"svmax":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport largest dimension (svmax)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Small viewport largest dimension (svmax)"),step:.1},lvmax:{value:"lvmax",label:isWeb?"lvmax":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport largest dimension (lvmax)"),a11yLabel:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Large viewport largest dimension (lvmax)"),step:.1}},ALL_CSS_UNITS=Object.values(allUnits),CSS_UNITS=[allUnits.px,allUnits["%"],allUnits.em,allUnits.rem,allUnits.vw,allUnits.vh],DEFAULT_UNIT=allUnits.px;function getParsedQuantityAndUnit(rawValue,fallbackUnit,allowedUnits){return parseQuantityAndUnitFromRawValue(fallbackUnit?`${null!=rawValue?rawValue:""}${fallbackUnit}`:rawValue,allowedUnits)}function hasUnits(units){return Array.isArray(units)&&!!units.length}function parseQuantityAndUnitFromRawValue(rawValue,allowedUnits=ALL_CSS_UNITS){let trimmedValue,quantityToReturn;if(void 0!==rawValue||null===rawValue){trimmedValue=`${rawValue}`.trim();const parsedQuantity=parseFloat(trimmedValue);quantityToReturn=isFinite(parsedQuantity)?parsedQuantity:void 0}const unitMatch=trimmedValue?.match(/[\d.\-\+]*\s*(.*)/),matchedUnit=unitMatch?.[1]?.toLowerCase();let unitToReturn;if(hasUnits(allowedUnits)){const match=allowedUnits.find((item=>item.value===matchedUnit));unitToReturn=match?.value}else unitToReturn=DEFAULT_UNIT.value;return[quantityToReturn,unitToReturn]}function getValidParsedQuantityAndUnit(rawValue,allowedUnits,fallbackQuantity,fallbackUnit){const[parsedQuantity,parsedUnit]=parseQuantityAndUnitFromRawValue(rawValue,allowedUnits),quantityToReturn=null!=parsedQuantity?parsedQuantity:fallbackQuantity;let unitToReturn=parsedUnit||fallbackUnit;return!unitToReturn&&hasUnits(allowedUnits)&&(unitToReturn=allowedUnits[0].value),[quantityToReturn,unitToReturn]}const useCustomUnits=({units=ALL_CSS_UNITS,availableUnits=[],defaultValues})=>{const customUnitsToReturn=function filterUnitsWithSettings(allowedUnitValues=[],availableUnits){return Array.isArray(availableUnits)?availableUnits.filter((unit=>allowedUnitValues.includes(unit.value))):[]}(availableUnits,units);return defaultValues&&customUnitsToReturn.forEach(((unit,i)=>{if(defaultValues[unit.value]){const[parsedDefaultValue]=parseQuantityAndUnitFromRawValue(defaultValues[unit.value]);customUnitsToReturn[i].default=parsedDefaultValue}})),customUnitsToReturn};function getUnitsWithCurrentUnit(rawValue,legacyUnit,units=ALL_CSS_UNITS){const unitsToReturn=Array.isArray(units)?[...units]:[],[,currentUnit]=getParsedQuantityAndUnit(rawValue,legacyUnit,ALL_CSS_UNITS);return currentUnit&&!unitsToReturn.some((unit=>unit.value===currentUnit))&&allUnits[currentUnit]&&unitsToReturn.unshift(allUnits[currentUnit]),unitsToReturn}},"./packages/components/build-module/utils/hooks/use-controlled-state.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_values__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/build-module/utils/values.js");const defaultOptions={initial:void 0,fallback:""};const __WEBPACK_DEFAULT_EXPORT__=function useControlledState(currentState,options=defaultOptions){const{initial,fallback}={...defaultOptions,...options},[internalState,setInternalState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(currentState),hasCurrentState=(0,_values__WEBPACK_IMPORTED_MODULE_1__.J5)(currentState);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{hasCurrentState&&internalState&&setInternalState(void 0)}),[hasCurrentState,internalState]),[(0,_values__WEBPACK_IMPORTED_MODULE_1__.vD)([currentState,internalState,initial],fallback),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextState=>{hasCurrentState||setInternalState(nextState)}),[hasCurrentState])]}},"./packages/components/build-module/utils/strings.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Aq:()=>normalizeTextString,Nt:()=>escapeRegExp,kW:()=>kebabCase});var remove_accents__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/remove-accents/index.js"),remove_accents__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(remove_accents__WEBPACK_IMPORTED_MODULE_0__),change_case__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const ALL_UNICODE_DASH_CHARACTERS=new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu),normalizeTextString=value=>remove_accents__WEBPACK_IMPORTED_MODULE_0___default()(value).toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS,"-");function kebabCase(str){var _str$toString;let input=null!==(_str$toString=str?.toString?.())&&void 0!==_str$toString?_str$toString:"";return input=input.replace(/['\u2019]/,""),(0,change_case__WEBPACK_IMPORTED_MODULE_1__.c)(input,{splitRegexp:[/(?!(?:1ST|2ND|3RD|[4-9]TH)(?![a-z]))([a-z0-9])([A-Z])/g,/(?!(?:1st|2nd|3rd|[4-9]th)(?![a-z]))([0-9])([a-z])/g,/([A-Za-z])([0-9])/g,/([A-Z])([A-Z][a-z])/g]})}function escapeRegExp(string){return string.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")}}}]); \ No newline at end of file diff --git a/1294.b70bce64.iframe.bundle.js b/1294.b70bce64.iframe.bundle.js new file mode 100644 index 00000000000000..954aecae529ac3 --- /dev/null +++ b/1294.b70bce64.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1294],{"./node_modules/@mdx-js/react/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MDXProvider:()=>_lib_index_js__WEBPACK_IMPORTED_MODULE_0__.x,useMDXComponents:()=>_lib_index_js__WEBPACK_IMPORTED_MODULE_0__.R});var _lib_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js")},"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}}}]); \ No newline at end of file diff --git a/1326.c10fa115.iframe.bundle.js b/1326.c10fa115.iframe.bundle.js new file mode 100644 index 00000000000000..493647f25542d1 --- /dev/null +++ b/1326.c10fa115.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1326],{"./packages/components/src/surface/hook.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>useSurface});var react=__webpack_require__("./node_modules/react/index.js"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js");const Surface=(0,emotion_react_browser_esm.AH)("background-color:",config_values.A.surfaceColor,";color:",colors_values.l.gray[900],";position:relative;","");config_values.A.surfaceBackgroundColor;function getBorders({borderBottom,borderLeft,borderRight,borderTop}){const borderStyle=`1px solid ${config_values.A.surfaceBorderColor}`;return(0,emotion_react_browser_esm.AH)({borderBottom:borderBottom?borderStyle:void 0,borderLeft:borderLeft?borderStyle:void 0,borderRight:borderRight?borderStyle:void 0,borderTop:borderTop?borderStyle:void 0},"","")}const primary=(0,emotion_react_browser_esm.AH)("",""),secondary=(0,emotion_react_browser_esm.AH)("background:",config_values.A.surfaceBackgroundTintColor,";",""),tertiary=(0,emotion_react_browser_esm.AH)("background:",config_values.A.surfaceBackgroundTertiaryColor,";",""),customBackgroundSize=surfaceBackgroundSize=>[surfaceBackgroundSize,surfaceBackgroundSize].join(" "),dottedBackground1=surfaceBackgroundSizeDotted=>["90deg",[config_values.A.surfaceBackgroundColor,surfaceBackgroundSizeDotted].join(" "),"transparent 1%"].join(","),dottedBackground2=surfaceBackgroundSizeDotted=>[[config_values.A.surfaceBackgroundColor,surfaceBackgroundSizeDotted].join(" "),"transparent 1%"].join(","),getDotted=(surfaceBackgroundSize,surfaceBackgroundSizeDotted)=>(0,emotion_react_browser_esm.AH)("background:",(surfaceBackgroundSizeDotted=>[`linear-gradient( ${dottedBackground1(surfaceBackgroundSizeDotted)} ) center`,`linear-gradient( ${dottedBackground2(surfaceBackgroundSizeDotted)} ) center`,config_values.A.surfaceBorderBoldColor].join(","))(surfaceBackgroundSizeDotted),";background-size:",customBackgroundSize(surfaceBackgroundSize),";",""),gridBackgroundCombined=[`linear-gradient( ${[`${config_values.A.surfaceBorderSubtleColor} 1px`,"transparent 1px"].join(",")} )`,`linear-gradient( ${["90deg",`${config_values.A.surfaceBorderSubtleColor} 1px`,"transparent 1px"].join(",")} )`].join(","),getVariant=(variant,surfaceBackgroundSize,surfaceBackgroundSizeDotted)=>{switch(variant){case"dotted":return getDotted(surfaceBackgroundSize,surfaceBackgroundSizeDotted);case"grid":return(surfaceBackgroundSize=>(0,emotion_react_browser_esm.AH)("background:",config_values.A.surfaceBackgroundColor,";background-image:",gridBackgroundCombined,";background-size:",customBackgroundSize(surfaceBackgroundSize),";",""))(surfaceBackgroundSize);case"primary":return primary;case"secondary":return secondary;case"tertiary":return tertiary}};var use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useSurface(props){const{backgroundSize=12,borderBottom=!1,borderLeft=!1,borderRight=!1,borderTop=!1,className,variant="primary",...otherProps}=(0,use_context_system.A)(props,"Surface"),cx=(0,use_cx.l)();return{...otherProps,className:(0,react.useMemo)((()=>{const sx={borders:getBorders({borderBottom,borderLeft,borderRight,borderTop})};return cx(Surface,sx.borders,getVariant(variant,`${backgroundSize}px`,backgroundSize-1+"px"),className)}),[backgroundSize,borderBottom,borderLeft,borderRight,borderTop,className,cx,variant])}}},"./packages/components/src/text/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,E:()=>Text});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/text/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Text=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedText(props,forwardedRef){const textProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{as:"span",...textProps,ref:forwardedRef})}),"Text"),__WEBPACK_DEFAULT_EXPORT__=Text;try{Text.displayName="Text",Text.__docgenInfo={description:"`Text` is a core component that renders text in the library, using the\nlibrary's typography system.\n\n`Text` can be used to render any text-content, like an HTML `p` or `span`.",displayName:"Text",props:{align:{defaultValue:null,description:"Adjusts the text alignment.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"inherit"'},{value:'"end"'},{value:'"start"'},{value:'"initial"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"match-parent"'}]}},adjustLineHeightForInnerControls:{defaultValue:null,description:"Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).",name:"adjustLineHeightForInnerControls",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'},{value:'"xSmall"'}]}},color:{defaultValue:null,description:"Adjusts the text color.",name:"color",required:!1,type:{name:"Color"}},display:{defaultValue:null,description:"Adjusts the CSS display.",name:"display",required:!1,type:{name:"Display"}},isDestructive:{defaultValue:{value:"false"},description:"Renders a destructive color.",name:"isDestructive",required:!1,type:{name:"boolean"}},highlightEscape:{defaultValue:{value:"false"},description:"Escape characters in `highlightWords` which are meaningful in regular expressions.",name:"highlightEscape",required:!1,type:{name:"boolean"}},highlightCaseSensitive:{defaultValue:{value:"false"},description:"Determines if `highlightWords` should be case sensitive.",name:"highlightCaseSensitive",required:!1,type:{name:"boolean"}},highlightSanitize:{defaultValue:null,description:"Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.",name:"highlightSanitize",required:!1,type:{name:"(text: string) => string"}},isBlock:{defaultValue:{value:"false"},description:"Sets `Text` to have `display: block`. Note: text truncation only works\nwhen `isBlock` is `false`.",name:"isBlock",required:!1,type:{name:"boolean"}},lineHeight:{defaultValue:null,description:"Adjusts all text line-height based on the typography system.",name:"lineHeight",required:!1,type:{name:"LineHeight"}},optimizeReadabilityFor:{defaultValue:null,description:"The `Text` color can be adapted to a background color for optimal readability. `optimizeReadabilityFor` can accept CSS variables, in addition to standard CSS color values (e.g. Hex, RGB, HSL, etc...).",name:"optimizeReadabilityFor",required:!1,type:{name:"Color"}},size:{defaultValue:null,description:"Adjusts text size based on the typography system. `Text` can render a wide range of font sizes, which are automatically calculated and adapted to the typography system. The `size` value can be a system preset, a `number`, or a custom unit value (`string`) such as `30em`.",name:"size",required:!1,type:{name:"string | number | (string & {})"}},truncate:{defaultValue:{value:"false"},description:"Enables text truncation. When `truncate` is set, we are able to truncate the long text in a variety of ways. Note: text truncation won't work if the `isBlock` property is set to `true`",name:"truncate",required:!1,type:{name:"boolean"}},upperCase:{defaultValue:{value:"false"},description:"Uppercases the text content.",name:"upperCase",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Adjusts style variation of the text.",name:"variant",required:!1,type:{name:'"muted"'}},weight:{defaultValue:{value:"'normal'"},description:"Adjusts font-weight of the text.",name:"weight",required:!1,type:{name:"FontWeight | TextWeight"}},letterSpacing:{defaultValue:null,description:"Adjusts letter-spacing of the text.",name:"letterSpacing",required:!1,type:{name:"LetterSpacing"}},highlightWords:{defaultValue:null,description:"Letters or words within `Text` can be highlighted using `highlightWords`.",name:"highlightWords",required:!1,type:{name:"string[]"}},ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"head"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text/component.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"packages/components/src/text/component.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])}}]); \ No newline at end of file diff --git a/1616.8b7059b0.iframe.bundle.js b/1616.8b7059b0.iframe.bundle.js new file mode 100644 index 00000000000000..0689a6c75200d9 --- /dev/null +++ b/1616.8b7059b0.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 1616.8b7059b0.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1616,9235],{"./node_modules/deepmerge/dist/cjs.js":module=>{"use strict";var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./packages/components/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{UE:()=>arrow,we:()=>useFloating});var _floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js");const arrow=options=>({name:"arrow",options,fn(state){const{element,padding}="function"==typeof options?options(state):options;return element&&function isRef(value){return{}.hasOwnProperty.call(value,"current")}(element)?null!=element.current?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element:element.current,padding}).fn(state):{}:element?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element,padding}).fn(state):{}}});var index="undefined"!=typeof document?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect;function deepEqual(a,b){if(a===b)return!0;if(typeof a!=typeof b)return!1;if("function"==typeof a&&a.toString()===b.toString())return!0;let length,i,keys;if(a&&b&&"object"==typeof a){if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;0!=i--;)if(!deepEqual(a[i],b[i]))return!1;return!0}if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!{}.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){const key=keys[i];if(("_owner"!==key||!a.$$typeof)&&!deepEqual(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}function getDPR(element){if("undefined"==typeof window)return 1;return(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value){const dpr=getDPR(element);return Math.round(value*dpr)/dpr}function useLatestRef(value){const ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(value);return index((()=>{ref.current=value})),ref}function useFloating(options){void 0===options&&(options={});const{placement="bottom",strategy="absolute",middleware=[],platform,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options,[data,setData]=react__WEBPACK_IMPORTED_MODULE_0__.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=react__WEBPACK_IMPORTED_MODULE_0__.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);const[_reference,_setReference]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),[_floating,_setFloating]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),setReference=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!=referenceRef.current&&(referenceRef.current=node,_setReference(node))}),[_setReference]),setFloating=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))}),[_setFloating]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),floatingRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),dataRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(data),whileElementsMountedRef=useLatestRef(whileElementsMounted),platformRef=useLatestRef(platform),update=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((()=>{if(!referenceRef.current||!floatingRef.current)return;const config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.rD)(referenceRef.current,floatingRef.current,config).then((data=>{const fullData={...data,isPositioned:!0};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,react_dom__WEBPACK_IMPORTED_MODULE_1__.flushSync((()=>{setData(fullData)})))}))}),[latestMiddleware,placement,strategy,platformRef]);index((()=>{!1===open&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData((data=>({...data,isPositioned:!1}))))}),[open]);const isMountedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);index((()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1})),[]),index((()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update);update()}}),[referenceEl,floatingEl,update,whileElementsMountedRef]);const refs=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating})),[setReference,setFloating]),elements=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceEl,floating:floatingEl})),[referenceEl,floatingEl]),floatingStyles=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>{const initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;const x=roundByDPR(elements.floating,data.x),y=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x+"px, "+y+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x,top:y}}),[strategy,transform,elements.floating,data.x,data.y]);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({...data,update,refs,elements,floatingStyles})),[data,update,refs,elements,floatingStyles])}},"./packages/components/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var getRandomValues;__webpack_require__.d(__webpack_exports__,{A:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]); \ No newline at end of file diff --git a/1616.8b7059b0.iframe.bundle.js.LICENSE.txt b/1616.8b7059b0.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/1616.8b7059b0.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/1618.4feede55.iframe.bundle.js b/1618.4feede55.iframe.bundle.js new file mode 100644 index 00000000000000..94aafe97cbca30 --- /dev/null +++ b/1618.4feede55.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1618],{"./packages/compose/build-module/higher-order/compose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=(0,__webpack_require__("./packages/compose/build-module/higher-order/pipe.js").A)(!0)},"./packages/compose/build-module/higher-order/pipe.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>basePipe,h:()=>__WEBPACK_DEFAULT_EXPORT__});const basePipe=(reverse=!1)=>(...funcs)=>(...args)=>{const functions=funcs.flat();return reverse&&functions.reverse(),functions.reduce(((prev,func)=>[func(...prev)]),args)[0]},__WEBPACK_DEFAULT_EXPORT__=basePipe()},"./packages/data/build-module/components/registry-provider/context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,ob:()=>Context});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_default_registry__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/data/build-module/default-registry.js");const Context=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext)(_default_registry__WEBPACK_IMPORTED_MODULE_1__.A),{Consumer,Provider}=Context,__WEBPACK_DEFAULT_EXPORT__=Provider},"./packages/data/build-module/components/registry-provider/use-registry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useRegistry});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/data/build-module/components/registry-provider/context.js");function useRegistry(){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.ob)}},"./packages/data/build-module/default-registry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=(0,__webpack_require__("./packages/data/build-module/registry.js").I)()},"./packages/data/build-module/factory.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function createRegistrySelector(registrySelector){const selectorsByRegistry=new WeakMap,wrappedSelector=(...args)=>{let selector=selectorsByRegistry.get(wrappedSelector.registry);return selector||(selector=registrySelector(wrappedSelector.registry.select),selectorsByRegistry.set(wrappedSelector.registry,selector)),selector(...args)};return wrappedSelector.isRegistrySelector=!0,wrappedSelector}function createRegistryControl(registryControl){return registryControl.isRegistryControl=!0,registryControl}__webpack_require__.d(__webpack_exports__,{N:()=>createRegistrySelector,b:()=>createRegistryControl})},"./packages/data/build-module/lock-unlock.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>unlock,s:()=>lock});var _wordpress_private_apis__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/private-apis/build-module/implementation.js");const{lock,unlock}=(0,_wordpress_private_apis__WEBPACK_IMPORTED_MODULE_0__.yf)("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.","@wordpress/data")},"./packages/data/build-module/redux-store/combine-reducers.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function combineReducers(reducers){const keys=Object.keys(reducers);return function combinedReducer(state={},action){const nextState={};let hasChanged=!1;for(const key of keys){const reducer=reducers[key],prevStateForKey=state[key],nextStateForKey=reducer(prevStateForKey,action);nextState[key]=nextStateForKey,hasChanged=hasChanged||nextStateForKey!==prevStateForKey}return hasChanged?nextState:state}}__webpack_require__.d(__webpack_exports__,{H:()=>combineReducers})},"./packages/data/build-module/redux-store/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>createReduxStore});var selectors_namespaceObject={};__webpack_require__.r(selectors_namespaceObject),__webpack_require__.d(selectors_namespaceObject,{countSelectorsByStatus:()=>countSelectorsByStatus,getCachedResolvers:()=>getCachedResolvers,getIsResolving:()=>getIsResolving,getResolutionError:()=>getResolutionError,getResolutionState:()=>getResolutionState,hasFinishedResolution:()=>hasFinishedResolution,hasResolutionFailed:()=>hasResolutionFailed,hasResolvingSelectors:()=>hasResolvingSelectors,hasStartedResolution:()=>hasStartedResolution,isResolving:()=>isResolving});var actions_namespaceObject={};__webpack_require__.r(actions_namespaceObject),__webpack_require__.d(actions_namespaceObject,{failResolution:()=>failResolution,failResolutions:()=>failResolutions,finishResolution:()=>finishResolution,finishResolutions:()=>finishResolutions,invalidateResolution:()=>invalidateResolution,invalidateResolutionForStore:()=>invalidateResolutionForStore,invalidateResolutionForStoreSelector:()=>invalidateResolutionForStoreSelector,startResolution:()=>startResolution,startResolutions:()=>startResolutions});var redux=__webpack_require__("./node_modules/redux/dist/redux.mjs"),equivalent_key_map=__webpack_require__("./node_modules/equivalent-key-map/equivalent-key-map.js"),equivalent_key_map_default=__webpack_require__.n(equivalent_key_map);var dist=__webpack_require__("./node_modules/rungen/dist/index.js"),is_promise=__webpack_require__("./node_modules/is-promise/index.mjs"),is_plain_object=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs");function isAction(object){return(0,is_plain_object.Q)(object)&&"string"==typeof object.type}function createRuntime(controls={},dispatch){const rungenControls=Object.entries(controls).map((([actionType,control])=>(value,next,iterate,yieldNext,yieldError)=>{if(!function isActionOfType(object,expectedType){return isAction(object)&&object.type===expectedType}(value,actionType))return!1;const routine=control(value);return(0,is_promise.A)(routine)?routine.then(yieldNext,yieldError):yieldNext(routine),!0}));rungenControls.push(((value,next)=>!!isAction(value)&&(dispatch(value),next(),!0)));const rungenRuntime=(0,dist.create)(rungenControls);return action=>new Promise(((resolve,reject)=>rungenRuntime(action,(result=>{isAction(result)&&dispatch(result),resolve(result)}),reject)))}function createMiddleware(controls={}){return store=>{const runtime=createRuntime(controls,store.dispatch);return next=>action=>function isGenerator(object){return!!object&&"function"==typeof object[Symbol.iterator]&&"function"==typeof object.next}(action)?runtime(action):next(action)}}var compose=__webpack_require__("./packages/compose/build-module/higher-order/compose.js"),combine_reducers=__webpack_require__("./packages/data/build-module/redux-store/combine-reducers.js"),factory=__webpack_require__("./packages/data/build-module/factory.js");const SELECT="@@data/SELECT",RESOLVE_SELECT="@@data/RESOLVE_SELECT",DISPATCH="@@data/DISPATCH";const builtinControls={[SELECT]:(0,factory.b)((registry=>({storeKey,selectorName,args})=>registry.select(storeKey)[selectorName](...args))),[RESOLVE_SELECT]:(0,factory.b)((registry=>({storeKey,selectorName,args})=>{const method=registry.select(storeKey)[selectorName].hasResolver?"resolveSelect":"select";return registry[method](storeKey)[selectorName](...args)})),[DISPATCH]:(0,factory.b)((registry=>({storeKey,actionName,args})=>registry.dispatch(storeKey)[actionName](...args)))};var lock_unlock=__webpack_require__("./packages/data/build-module/lock-unlock.js");const promise_middleware=()=>next=>action=>(0,is_promise.A)(action)?action.then((resolvedAction=>{if(resolvedAction)return next(resolvedAction)})):next(action),resolvers_cache_middleware=(registry,storeName)=>()=>next=>action=>{const resolvers=registry.select(storeName).getCachedResolvers();return Object.entries(resolvers).forEach((([selectorName,resolversByArgs])=>{const resolver=registry.stores[storeName]?.resolvers?.[selectorName];resolver&&resolver.shouldInvalidate&&resolversByArgs.forEach(((value,args)=>{void 0!==value&&("finished"!==value.status&&"error"!==value.status||resolver.shouldInvalidate(action,...args)&®istry.dispatch(storeName).invalidateResolution(selectorName,args))}))})),next(action)};function createThunkMiddleware(args){return()=>next=>action=>"function"==typeof action?action(args):next(action)}function selectorArgsToStateKey(args){if(null==args)return[];const len=args.length;let idx=len;for(;idx>0&&void 0===args[idx-1];)idx--;return idx===len?args:args.slice(0,idx)}const subKeysIsResolved=(actionProperty="selectorName",reducer=>(state={},action)=>{const key=action[actionProperty];if(void 0===key)return state;const nextKeyState=reducer(state[key],action);return nextKeyState===state[key]?state:{...state,[key]:nextKeyState}})(((state=new(equivalent_key_map_default()),action)=>{switch(action.type){case"START_RESOLUTION":{const nextState=new(equivalent_key_map_default())(state);return nextState.set(selectorArgsToStateKey(action.args),{status:"resolving"}),nextState}case"FINISH_RESOLUTION":{const nextState=new(equivalent_key_map_default())(state);return nextState.set(selectorArgsToStateKey(action.args),{status:"finished"}),nextState}case"FAIL_RESOLUTION":{const nextState=new(equivalent_key_map_default())(state);return nextState.set(selectorArgsToStateKey(action.args),{status:"error",error:action.error}),nextState}case"START_RESOLUTIONS":{const nextState=new(equivalent_key_map_default())(state);for(const resolutionArgs of action.args)nextState.set(selectorArgsToStateKey(resolutionArgs),{status:"resolving"});return nextState}case"FINISH_RESOLUTIONS":{const nextState=new(equivalent_key_map_default())(state);for(const resolutionArgs of action.args)nextState.set(selectorArgsToStateKey(resolutionArgs),{status:"finished"});return nextState}case"FAIL_RESOLUTIONS":{const nextState=new(equivalent_key_map_default())(state);return action.args.forEach(((resolutionArgs,idx)=>{const resolutionState={status:"error",error:void 0},error=action.errors[idx];error&&(resolutionState.error=error),nextState.set(selectorArgsToStateKey(resolutionArgs),resolutionState)})),nextState}case"INVALIDATE_RESOLUTION":{const nextState=new(equivalent_key_map_default())(state);return nextState.delete(selectorArgsToStateKey(action.args)),nextState}}return state}));var actionProperty;const metadata_reducer=(state={},action)=>{switch(action.type){case"INVALIDATE_RESOLUTION_FOR_STORE":return{};case"INVALIDATE_RESOLUTION_FOR_STORE_SELECTOR":if(action.selectorName in state){const{[action.selectorName]:removedSelector,...restState}=state;return restState}return state;case"START_RESOLUTION":case"FINISH_RESOLUTION":case"FAIL_RESOLUTION":case"START_RESOLUTIONS":case"FINISH_RESOLUTIONS":case"FAIL_RESOLUTIONS":case"INVALIDATE_RESOLUTION":return subKeysIsResolved(state,action)}return state};var build_module=__webpack_require__("./packages/deprecated/build-module/index.js");function getResolutionState(state,selectorName,args){const map=state[selectorName];if(map)return map.get(selectorArgsToStateKey(args))}function getIsResolving(state,selectorName,args){(0,build_module.A)("wp.data.select( store ).getIsResolving",{since:"6.6",version:"6.8",alternative:"wp.data.select( store ).getResolutionState"});const resolutionState=getResolutionState(state,selectorName,args);return resolutionState&&"resolving"===resolutionState.status}function hasStartedResolution(state,selectorName,args){return void 0!==getResolutionState(state,selectorName,args)}function hasFinishedResolution(state,selectorName,args){const status=getResolutionState(state,selectorName,args)?.status;return"finished"===status||"error"===status}function hasResolutionFailed(state,selectorName,args){return"error"===getResolutionState(state,selectorName,args)?.status}function getResolutionError(state,selectorName,args){const resolutionState=getResolutionState(state,selectorName,args);return"error"===resolutionState?.status?resolutionState.error:null}function isResolving(state,selectorName,args){return"resolving"===getResolutionState(state,selectorName,args)?.status}function getCachedResolvers(state){return state}function hasResolvingSelectors(state){return Object.values(state).some((selectorState=>Array.from(selectorState._map.values()).some((resolution=>"resolving"===resolution[1]?.status))))}const countSelectorsByStatus=(0,__webpack_require__("./node_modules/rememo/rememo.js").A)((state=>{const selectorsByStatus={};return Object.values(state).forEach((selectorState=>Array.from(selectorState._map.values()).forEach((resolution=>{var _resolution$1$status;const currentStatus=null!==(_resolution$1$status=resolution[1]?.status)&&void 0!==_resolution$1$status?_resolution$1$status:"error";selectorsByStatus[currentStatus]||(selectorsByStatus[currentStatus]=0),selectorsByStatus[currentStatus]++})))),selectorsByStatus}),(state=>[state]));function startResolution(selectorName,args){return{type:"START_RESOLUTION",selectorName,args}}function finishResolution(selectorName,args){return{type:"FINISH_RESOLUTION",selectorName,args}}function failResolution(selectorName,args,error){return{type:"FAIL_RESOLUTION",selectorName,args,error}}function startResolutions(selectorName,args){return{type:"START_RESOLUTIONS",selectorName,args}}function finishResolutions(selectorName,args){return{type:"FINISH_RESOLUTIONS",selectorName,args}}function failResolutions(selectorName,args,errors){return{type:"FAIL_RESOLUTIONS",selectorName,args,errors}}function invalidateResolution(selectorName,args){return{type:"INVALIDATE_RESOLUTION",selectorName,args}}function invalidateResolutionForStore(){return{type:"INVALIDATE_RESOLUTION_FOR_STORE"}}function invalidateResolutionForStoreSelector(selectorName){return{type:"INVALIDATE_RESOLUTION_FOR_STORE_SELECTOR",selectorName}}const trimUndefinedValues=array=>{const result=[...array];for(let i=result.length-1;i>=0;i--)void 0===result[i]&&result.splice(i,1);return result},mapValues=(obj,callback)=>Object.fromEntries(Object.entries(null!=obj?obj:{}).map((([key,value])=>[key,callback(value,key)]))),devToolsReplacer=(key,state)=>state instanceof Map?Object.fromEntries(state):state instanceof window.HTMLElement?null:state;function createBindingCache(bind){const cache=new WeakMap;return{get(item,itemName){let boundItem=cache.get(item);return boundItem||(boundItem=bind(item,itemName),cache.set(item,boundItem)),boundItem}}}function createReduxStore(key,options){const privateActions={},privateSelectors={},privateRegistrationFunctions={privateActions,registerPrivateActions:actions=>{Object.assign(privateActions,actions)},privateSelectors,registerPrivateSelectors:selectors=>{Object.assign(privateSelectors,selectors)}},storeDescriptor={name:key,instantiate:registry=>{const listeners=new Set,reducer=options.reducer,store=function instantiateReduxStore(key,options,registry,thunkArgs){const controls={...options.controls,...builtinControls},normalizedControls=mapValues(controls,(control=>control.isRegistryControl?control(registry):control)),middlewares=[resolvers_cache_middleware(registry,key),promise_middleware,createMiddleware(normalizedControls),createThunkMiddleware(thunkArgs)],enhancers=[(0,redux.Tw)(...middlewares)];"undefined"!=typeof window&&window.__REDUX_DEVTOOLS_EXTENSION__&&enhancers.push(window.__REDUX_DEVTOOLS_EXTENSION__({name:key,instanceId:key,serialize:{replacer:devToolsReplacer}}));const{reducer,initialState}=options,enhancedReducer=(0,combine_reducers.H)({metadata:metadata_reducer,root:reducer});return(0,redux.y$)(enhancedReducer,{root:initialState},(0,compose.A)(enhancers))}(key,options,registry,{registry,get dispatch(){return thunkActions},get select(){return thunkSelectors},get resolveSelect(){return getResolveSelectors()}});(0,lock_unlock.s)(store,privateRegistrationFunctions);const resolversCache=function createResolversCache(){const cache={};return{isRunning:(selectorName,args)=>cache[selectorName]&&cache[selectorName].get(trimUndefinedValues(args)),clear(selectorName,args){cache[selectorName]&&cache[selectorName].delete(trimUndefinedValues(args))},markAsRunning(selectorName,args){cache[selectorName]||(cache[selectorName]=new(equivalent_key_map_default())),cache[selectorName].set(trimUndefinedValues(args),!0)}}}();function bindAction(action){return(...args)=>Promise.resolve(store.dispatch(action(...args)))}const actions={...mapValues(actions_namespaceObject,bindAction),...mapValues(options.actions,bindAction)},boundPrivateActions=createBindingCache(bindAction),allActions=new Proxy((()=>{}),{get:(target,prop)=>{const privateAction=privateActions[prop];return privateAction?boundPrivateActions.get(privateAction,prop):actions[prop]}}),thunkActions=new Proxy(allActions,{apply:(target,thisArg,[action])=>store.dispatch(action)});(0,lock_unlock.s)(actions,allActions);const resolvers=options.resolvers?function mapResolvers(resolvers){return mapValues(resolvers,(resolver=>resolver.fulfill?resolver:{...resolver,fulfill:resolver}))}(options.resolvers):{};function bindSelector(selector,selectorName){selector.isRegistrySelector&&(selector.registry=registry);const boundSelector=(...args)=>{args=normalize(selector,args);const state=store.__unstableOriginalGetState();return selector.isRegistrySelector&&(selector.registry=registry),selector(state.root,...args)};boundSelector.__unstableNormalizeArgs=selector.__unstableNormalizeArgs;const resolver=resolvers[selectorName];return resolver?function mapSelectorWithResolver(selector,selectorName,resolver,store,resolversCache){function fulfillSelector(args){const state=store.getState();if(resolversCache.isRunning(selectorName,args)||"function"==typeof resolver.isFulfilled&&resolver.isFulfilled(state,...args))return;const{metadata}=store.__unstableOriginalGetState();hasStartedResolution(metadata,selectorName,args)||(resolversCache.markAsRunning(selectorName,args),setTimeout((async()=>{resolversCache.clear(selectorName,args),store.dispatch(startResolution(selectorName,args));try{const action=resolver.fulfill(...args);action&&await store.dispatch(action),store.dispatch(finishResolution(selectorName,args))}catch(error){store.dispatch(failResolution(selectorName,args,error))}}),0))}const selectorResolver=(...args)=>(fulfillSelector(args=normalize(selector,args)),selector(...args));return selectorResolver.hasResolver=!0,selectorResolver}(boundSelector,selectorName,resolver,store,resolversCache):(boundSelector.hasResolver=!1,boundSelector)}const selectors={...mapValues(selectors_namespaceObject,(function bindMetadataSelector(metaDataSelector){const boundSelector=(...args)=>{const state=store.__unstableOriginalGetState(),originalSelectorName=args&&args[0],originalSelectorArgs=args&&args[1],targetSelector=options?.selectors?.[originalSelectorName];return originalSelectorName&&targetSelector&&(args[1]=normalize(targetSelector,originalSelectorArgs)),metaDataSelector(state.metadata,...args)};return boundSelector.hasResolver=!1,boundSelector})),...mapValues(options.selectors,bindSelector)},boundPrivateSelectors=createBindingCache(bindSelector);for(const[selectorName,selector]of Object.entries(privateSelectors))boundPrivateSelectors.get(selector,selectorName);const allSelectors=new Proxy((()=>{}),{get:(target,prop)=>{const privateSelector=privateSelectors[prop];return privateSelector?boundPrivateSelectors.get(privateSelector,prop):selectors[prop]}}),thunkSelectors=new Proxy(allSelectors,{apply:(target,thisArg,[selector])=>selector(store.__unstableOriginalGetState())});(0,lock_unlock.s)(selectors,allSelectors);const resolveSelectors=function mapResolveSelectors(selectors,store){const{getIsResolving,hasStartedResolution,hasFinishedResolution,hasResolutionFailed,isResolving,getCachedResolvers,getResolutionState,getResolutionError,hasResolvingSelectors,countSelectorsByStatus,...storeSelectors}=selectors;return mapValues(storeSelectors,((selector,selectorName)=>selector.hasResolver?(...args)=>new Promise(((resolve,reject)=>{const hasFinished=()=>selectors.hasFinishedResolution(selectorName,args),finalize=result=>{if(selectors.hasResolutionFailed(selectorName,args)){const error=selectors.getResolutionError(selectorName,args);reject(error)}else resolve(result)},getResult=()=>selector.apply(null,args),result=getResult();if(hasFinished())return finalize(result);const unsubscribe=store.subscribe((()=>{hasFinished()&&(unsubscribe(),finalize(getResult()))}))})):async(...args)=>selector.apply(null,args)))}(selectors,store),suspendSelectors=function mapSuspendSelectors(selectors,store){return mapValues(selectors,((selector,selectorName)=>selector.hasResolver?(...args)=>{const result=selector.apply(null,args);if(selectors.hasFinishedResolution(selectorName,args)){if(selectors.hasResolutionFailed(selectorName,args))throw selectors.getResolutionError(selectorName,args);return result}throw new Promise((resolve=>{const unsubscribe=store.subscribe((()=>{selectors.hasFinishedResolution(selectorName,args)&&(resolve(),unsubscribe())}))}))}:selector))}(selectors,store),getResolveSelectors=()=>resolveSelectors;store.__unstableOriginalGetState=store.getState,store.getState=()=>store.__unstableOriginalGetState().root;const subscribe=store&&(listener=>(listeners.add(listener),()=>listeners.delete(listener)));let lastState=store.__unstableOriginalGetState();return store.subscribe((()=>{const state=store.__unstableOriginalGetState(),hasChanged=state!==lastState;if(lastState=state,hasChanged)for(const listener of listeners)listener()})),{reducer,store,actions,selectors,resolvers,getSelectors:()=>selectors,getResolveSelectors,getSuspendSelectors:()=>suspendSelectors,getActions:()=>actions,subscribe}}};return(0,lock_unlock.s)(storeDescriptor,privateRegistrationFunctions),storeDescriptor}function normalize(selector,args){return selector.__unstableNormalizeArgs&&"function"==typeof selector.__unstableNormalizeArgs&&args?.length?selector.__unstableNormalizeArgs(args):args}},"./packages/data/build-module/registry.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>createRegistry});var build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),redux_store=__webpack_require__("./packages/data/build-module/redux-store/index.js");const store={name:"core/data",instantiate(registry){const getCoreDataSelector=selectorName=>(key,...args)=>registry.select(key)[selectorName](...args),getCoreDataAction=actionName=>(key,...args)=>registry.dispatch(key)[actionName](...args);return{getSelectors:()=>Object.fromEntries(["getIsResolving","hasStartedResolution","hasFinishedResolution","isResolving","getCachedResolvers"].map((selectorName=>[selectorName,getCoreDataSelector(selectorName)]))),getActions:()=>Object.fromEntries(["startResolution","finishResolution","invalidateResolution","invalidateResolutionForStore","invalidateResolutionForStoreSelector"].map((actionName=>[actionName,getCoreDataAction(actionName)]))),subscribe:()=>()=>()=>{}}}};function createEmitter(){let isPaused=!1,isPending=!1;const listeners=new Set,notifyListeners=()=>Array.from(listeners).forEach((listener=>listener()));return{get isPaused(){return isPaused},subscribe:listener=>(listeners.add(listener),()=>listeners.delete(listener)),pause(){isPaused=!0},resume(){isPaused=!1,isPending&&(isPending=!1,notifyListeners())},emit(){isPaused?isPending=!0:notifyListeners()}}}var lock_unlock=__webpack_require__("./packages/data/build-module/lock-unlock.js");function getStoreName(storeNameOrDescriptor){return"string"==typeof storeNameOrDescriptor?storeNameOrDescriptor:storeNameOrDescriptor.name}function createRegistry(storeConfigs={},parent=null){const stores={},emitter=createEmitter();let listeningStores=null;function globalListener(){emitter.emit()}function registerStoreInstance(name,createStore){if(stores[name])return console.error('Store "'+name+'" is already registered.'),stores[name];const store=createStore();if("function"!=typeof store.getSelectors)throw new TypeError("store.getSelectors must be a function");if("function"!=typeof store.getActions)throw new TypeError("store.getActions must be a function");if("function"!=typeof store.subscribe)throw new TypeError("store.subscribe must be a function");store.emitter=createEmitter();const currentSubscribe=store.subscribe;if(store.subscribe=listener=>{const unsubscribeFromEmitter=store.emitter.subscribe(listener),unsubscribeFromStore=currentSubscribe((()=>{store.emitter.isPaused?store.emitter.emit():listener()}));return()=>{unsubscribeFromStore?.(),unsubscribeFromEmitter?.()}},stores[name]=store,store.subscribe(globalListener),parent)try{(0,lock_unlock.T)(store.store).registerPrivateActions((0,lock_unlock.T)(parent).privateActionsOf(name)),(0,lock_unlock.T)(store.store).registerPrivateSelectors((0,lock_unlock.T)(parent).privateSelectorsOf(name))}catch(e){}return store}let registry={batch:function batch(callback){if(emitter.isPaused)callback();else{emitter.pause(),Object.values(stores).forEach((store=>store.emitter.pause()));try{callback()}finally{emitter.resume(),Object.values(stores).forEach((store=>store.emitter.resume()))}}},stores,namespaces:stores,subscribe:(listener,storeNameOrDescriptor)=>{if(!storeNameOrDescriptor)return emitter.subscribe(listener);const storeName=getStoreName(storeNameOrDescriptor),store=stores[storeName];return store?store.subscribe(listener):parent?parent.subscribe(listener,storeNameOrDescriptor):emitter.subscribe(listener)},select:function select(storeNameOrDescriptor){const storeName=getStoreName(storeNameOrDescriptor);listeningStores?.add(storeName);const store=stores[storeName];return store?store.getSelectors():parent?.select(storeName)},resolveSelect:function resolveSelect(storeNameOrDescriptor){const storeName=getStoreName(storeNameOrDescriptor);listeningStores?.add(storeName);const store=stores[storeName];return store?store.getResolveSelectors():parent&&parent.resolveSelect(storeName)},suspendSelect:function suspendSelect(storeNameOrDescriptor){const storeName=getStoreName(storeNameOrDescriptor);listeningStores?.add(storeName);const store=stores[storeName];return store?store.getSuspendSelectors():parent&&parent.suspendSelect(storeName)},dispatch:function dispatch(storeNameOrDescriptor){const storeName=getStoreName(storeNameOrDescriptor),store=stores[storeName];return store?store.getActions():parent&&parent.dispatch(storeName)},use:function use(plugin,options){if(!plugin)return;return registry={...registry,...plugin(registry,options)},registry},register:function register(store){registerStoreInstance(store.name,(()=>store.instantiate(registry)))},registerGenericStore:function registerGenericStore(name,store){(0,build_module.A)("wp.data.registerGenericStore",{since:"5.9",alternative:"wp.data.register( storeDescriptor )"}),registerStoreInstance(name,(()=>store))},registerStore:function registerStore(storeName,options){if(!options.reducer)throw new TypeError("Must specify store reducer");return registerStoreInstance(storeName,(()=>(0,redux_store.A)(storeName,options).instantiate(registry))).store},__unstableMarkListeningStores:function __unstableMarkListeningStores(callback,ref){listeningStores=new Set;try{return callback.call(this)}finally{ref.current=Array.from(listeningStores),listeningStores=null}}};registry.register(store);for(const[name,config]of Object.entries(storeConfigs))registry.register((0,redux_store.A)(name,config));parent&&parent.subscribe(globalListener);const registryWithPlugins=function withPlugins(attributes){return Object.fromEntries(Object.entries(attributes).map((([key,attribute])=>"function"!=typeof attribute?[key,attribute]:[key,function(){return registry[key].apply(null,arguments)}])))}(registry);return(0,lock_unlock.s)(registryWithPlugins,{privateActionsOf:name=>{try{return(0,lock_unlock.T)(stores[name].store).privateActions}catch(e){return{}}},privateSelectorsOf:name=>{try{return(0,lock_unlock.T)(stores[name].store).privateSelectors}catch(e){return{}}}}),registryWithPlugins}},"./packages/dom/build-module/utils/assert-is-defined.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function assertIsDefined(val,name){0}__webpack_require__.d(__webpack_exports__,{e:()=>assertIsDefined})},"./packages/private-apis/build-module/implementation.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{yf:()=>__dangerousOptInToUnstableAPIsOnlyForCoreModules});const CORE_MODULES_USING_PRIVATE_APIS=["@wordpress/block-directory","@wordpress/block-editor","@wordpress/block-library","@wordpress/blocks","@wordpress/commands","@wordpress/components","@wordpress/core-commands","@wordpress/core-data","@wordpress/customize-widgets","@wordpress/data","@wordpress/edit-post","@wordpress/edit-site","@wordpress/edit-widgets","@wordpress/editor","@wordpress/format-library","@wordpress/patterns","@wordpress/preferences","@wordpress/reusable-blocks","@wordpress/router","@wordpress/dataviews","@wordpress/fields","@wordpress/media-utils","@wordpress/upload-media"],registeredPrivateApis=[],allowReRegistration=!globalThis.IS_WORDPRESS_CORE,__dangerousOptInToUnstableAPIsOnlyForCoreModules=(consent,moduleName)=>{if(!CORE_MODULES_USING_PRIVATE_APIS.includes(moduleName))throw new Error(`You tried to opt-in to unstable APIs as module "${moduleName}". This feature is only for JavaScript modules shipped with WordPress core. Please do not use it in plugins and themes as the unstable APIs will be removed without a warning. If you ignore this error and depend on unstable features, your product will inevitably break on one of the next WordPress releases.`);if(!allowReRegistration&®isteredPrivateApis.includes(moduleName))throw new Error(`You tried to opt-in to unstable APIs as module "${moduleName}" which is already registered. This feature is only for JavaScript modules shipped with WordPress core. Please do not use it in plugins and themes as the unstable APIs will be removed without a warning. If you ignore this error and depend on unstable features, your product will inevitably break on one of the next WordPress releases.`);if("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress."!==consent)throw new Error("You tried to opt-in to unstable APIs without confirming you know the consequences. This feature is only for JavaScript modules shipped with WordPress core. Please do not use it in plugins and themes as the unstable APIs will removed without a warning. If you ignore this error and depend on unstable features, your product will inevitably break on the next WordPress release.");return registeredPrivateApis.push(moduleName),{lock,unlock}};function lock(object,privateData){if(!object)throw new Error("Cannot lock an undefined object.");const _object=object;__private in _object||(_object[__private]={}),lockedData.set(_object[__private],privateData)}function unlock(object){if(!object)throw new Error("Cannot unlock an undefined object.");const _object=object;if(!(__private in _object))throw new Error("Cannot unlock an object that was not locked before. ");return lockedData.get(_object[__private])}const lockedData=new WeakMap,__private=Symbol("Private API ID")}}]); \ No newline at end of file diff --git a/1631.dda9f6ee.iframe.bundle.js b/1631.dda9f6ee.iframe.bundle.js new file mode 100644 index 00000000000000..e15b5d19890018 --- /dev/null +++ b/1631.dda9f6ee.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1631],{"./packages/block-editor/src/components/block-edit/context.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{B8:()=>DEFAULT_BLOCK_EDIT_CONTEXT,F9:()=>isPreviewModeKey,KY:()=>Provider,VN:()=>blockBindingsKey,dg:()=>mayDisplayParentControlsKey,dk:()=>mayDisplayControlsKey,gF:()=>blockEditingModeKey,m_:()=>useBlockEditContext});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const mayDisplayControlsKey=Symbol("mayDisplayControls"),mayDisplayParentControlsKey=Symbol("mayDisplayParentControls"),blockEditingModeKey=Symbol("blockEditingMode"),blockBindingsKey=Symbol("blockBindings"),isPreviewModeKey=Symbol("isPreviewMode"),DEFAULT_BLOCK_EDIT_CONTEXT={name:"",isSelected:!1},Context=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext)(DEFAULT_BLOCK_EDIT_CONTEXT),{Provider}=Context;function useBlockEditContext(){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context)}},"./packages/block-editor/src/components/block-patterns-list/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/blocks/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/build-module/tooltip/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/build-module/composite/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/components/build-module/h-stack/component.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./packages/components/build-module/visually-hidden/component.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/i18n/build-module/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./packages/icons/build-module/icon/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./packages/icons/build-module/library/symbol.js"),_block_preview__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/block-editor/src/components/block-preview/index.js"),_inserter_draggable_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/block-editor/src/components/inserter-draggable-blocks/index.js"),_block_patterns_paging__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./packages/block-editor/src/components/block-patterns-paging/index.js"),_inserter_block_patterns_tab_utils__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/block-editor/src/components/inserter/block-patterns-tab/utils.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const WithToolTip=({showTooltip,title,children})=>showTooltip?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Ay,{text:title,children}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children});function BlockPattern({id,isDraggable,pattern,onClick,onHover,showTitlesAsTooltip,category,isSelected}){const[isDragging,setIsDragging]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(!1),{blocks,viewportWidth}=pattern,descriptionId=`block-editor-block-patterns-list__item-description-${(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.A)(BlockPattern)}`,isUserPattern=pattern.type===_inserter_block_patterns_tab_utils__WEBPACK_IMPORTED_MODULE_6__.KG.user,patternBlocks=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useMemo)((()=>category&&isDraggable?(null!=blocks?blocks:[]).map((block=>{const clonedBlock=(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_0__.JB)(block);return clonedBlock.attributes.metadata?.categories?.includes(category)&&(clonedBlock.attributes.metadata.categories=[category]),clonedBlock})):blocks),[blocks,isDraggable,category]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_inserter_draggable_blocks__WEBPACK_IMPORTED_MODULE_7__.A,{isEnabled:isDraggable,blocks:patternBlocks,pattern,children:({draggable,onDragStart,onDragEnd})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"block-editor-block-patterns-list__list-item",draggable,onDragStart:event=>{setIsDragging(!0),onDragStart&&(onHover?.(null),onDragStart(event))},onDragEnd:event=>{setIsDragging(!1),onDragEnd&&onDragEnd(event)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(WithToolTip,{showTooltip:showTitlesAsTooltip&&!isUserPattern,title:pattern.title,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.e.Item,{render:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{role:"option","aria-label":pattern.title,"aria-describedby":pattern.description?descriptionId:void 0,className:(0,clsx__WEBPACK_IMPORTED_MODULE_9__.A)("block-editor-block-patterns-list__item",{"block-editor-block-patterns-list__list-item-synced":pattern.type===_inserter_block_patterns_tab_utils__WEBPACK_IMPORTED_MODULE_6__.KG.user&&!pattern.syncStatus,"is-selected":isSelected})}),id,onClick:()=>{onClick(pattern,blocks),onHover?.(null)},onMouseEnter:()=>{isDragging||onHover?.(pattern)},onMouseLeave:()=>onHover?.(null),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_block_preview__WEBPACK_IMPORTED_MODULE_10__.Ay.Async,{placeholder:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(BlockPatternPlaceholder,{}),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_block_preview__WEBPACK_IMPORTED_MODULE_10__.Ay,{blocks,viewportWidth})}),(!showTitlesAsTooltip||isUserPattern)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_11__.A,{className:"block-editor-patterns__pattern-details",spacing:2,children:[isUserPattern&&!pattern.syncStatus&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"block-editor-patterns__pattern-icon-wrapper",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_12__.A,{className:"block-editor-patterns__pattern-icon",icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_13__.A})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"block-editor-block-patterns-list__item-title",children:pattern.title})]}),!!pattern.description&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_14__.A,{id:descriptionId,children:pattern.description})]})})})})}function BlockPatternPlaceholder(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"block-editor-block-patterns-list__item is-placeholder"})}function BlockPatternsList({isDraggable,blockPatterns,onHover,onClickPattern,orientation,label=(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Block patterns"),category,showTitlesAsTooltip,pagingProps},ref){const[activeCompositeId,setActiveCompositeId]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(void 0),[activePattern,setActivePattern]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(null);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)((()=>{const firstCompositeItemId=blockPatterns[0]?.name;setActiveCompositeId(firstCompositeItemId)}),[blockPatterns]);const handleClickPattern=(pattern,blocks)=>{setActivePattern(pattern.name),onClickPattern(pattern,blocks)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_8__.e,{orientation,activeId:activeCompositeId,setActiveId:setActiveCompositeId,role:"listbox",className:"block-editor-block-patterns-list","aria-label":label,ref,children:[blockPatterns.map((pattern=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(BlockPattern,{id:pattern.name,pattern,onClick:handleClickPattern,onHover,isDraggable,showTitlesAsTooltip,category,isSelected:!!activePattern&&activePattern===pattern.name},pattern.name))),pagingProps&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_block_patterns_paging__WEBPACK_IMPORTED_MODULE_15__.A,{...pagingProps})]})}const __WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.forwardRef)(BlockPatternsList);BlockPatternsList.__docgenInfo={description:"",methods:[],displayName:"BlockPatternsList",props:{label:{defaultValue:{value:"__( 'Block patterns' )",computed:!0},required:!1}}}},"./packages/block-editor/src/components/block-patterns-paging/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Pagination});var _wordpress_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/build-module/v-stack/component.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/build-module/text/component.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/build-module/h-stack/component.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/build-module/button/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/i18n/build-module/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Pagination({currentPage,numPages,changePage,totalItems}){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.A,{className:"block-editor-patterns__grid-pagination-wrapper",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.A,{variant:"muted",children:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._n)("%s item","%s items",totalItems),totalItems)}),numPages>1&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.A,{expanded:!1,spacing:3,justify:"flex-start",className:"block-editor-patterns__grid-pagination",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.A,{expanded:!1,spacing:1,className:"block-editor-patterns__grid-pagination-previous",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Ay,{variant:"tertiary",onClick:()=>changePage(1),disabled:1===currentPage,"aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("First page"),size:"compact",accessibleWhenDisabled:!0,className:"block-editor-patterns__grid-pagination-button",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"«"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Ay,{variant:"tertiary",onClick:()=>changePage(currentPage-1),disabled:1===currentPage,"aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Previous page"),size:"compact",accessibleWhenDisabled:!0,className:"block-editor-patterns__grid-pagination-button",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"‹"})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.A,{variant:"muted",children:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__._x)("%1$s of %2$s","paging"),currentPage,numPages)}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.A,{expanded:!1,spacing:1,className:"block-editor-patterns__grid-pagination-next",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Ay,{variant:"tertiary",onClick:()=>changePage(currentPage+1),disabled:currentPage===numPages,"aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Next page"),size:"compact",accessibleWhenDisabled:!0,className:"block-editor-patterns__grid-pagination-button",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"›"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Ay,{variant:"tertiary",onClick:()=>changePage(numPages),disabled:currentPage===numPages,"aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Last page"),size:"compact",accessibleWhenDisabled:!0,className:"block-editor-patterns__grid-pagination-button",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span",{children:"»"})})]})]})]})}Pagination.__docgenInfo={description:"",methods:[],displayName:"Pagination"}},"./packages/block-editor/src/components/block-preview/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>block_preview});var use_select=__webpack_require__("./packages/data/build-module/components/use-select/index.js"),react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),provider=__webpack_require__("./packages/block-editor/src/components/provider/index.js"),use_resize_observer=__webpack_require__("./packages/compose/build-module/hooks/use-resize-observer/index.js"),use_ref_effect=__webpack_require__("./packages/compose/build-module/hooks/use-ref-effect/index.js"),disabled=__webpack_require__("./packages/components/build-module/disabled/index.js"),dist_clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),use_registry=__webpack_require__("./packages/data/build-module/components/registry-provider/use-registry.js"),use_dispatch=__webpack_require__("./packages/data/build-module/components/use-dispatch/use-dispatch.js"),context=__webpack_require__("./packages/data/build-module/components/async-mode-provider/context.js"),use_viewport_match=__webpack_require__("./packages/compose/build-module/hooks/use-viewport-match/index.js"),use_debounce=__webpack_require__("./packages/compose/build-module/hooks/use-debounce/index.js"),use_merge_refs=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),raw_html=__webpack_require__("./packages/element/build-module/raw-html.js"),blocks_build_module=__webpack_require__("./packages/blocks/build-module/index.js"),with_filters=__webpack_require__("./packages/components/build-module/higher-order/with-filters/index.js"),with_dispatch=__webpack_require__("./packages/data/build-module/components/with-dispatch/index.js"),compose=__webpack_require__("./packages/compose/build-module/higher-order/compose.js"),safe_html=__webpack_require__("./packages/dom/build-module/dom/safe-html.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Context=(0,react.createContext)({});function BlockContextProvider({value,children}){const context=(0,react.useContext)(Context),nextValue=(0,react.useMemo)((()=>({...context,...value})),[context,value]);return(0,jsx_runtime.jsx)(Context.Provider,{value:nextValue,children})}const block_context=Context;BlockContextProvider.__docgenInfo={description:"Component which merges passed value with current consumed block context.\n\n@see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-context/README.md\n\n@param {BlockContextProviderProps} props",methods:[],displayName:"BlockContextProvider"};var get_protocol=__webpack_require__("./packages/url/build-module/get-protocol.js"),is_valid_protocol=__webpack_require__("./packages/url/build-module/is-valid-protocol.js"),is_valid_fragment=__webpack_require__("./packages/url/build-module/is-valid-fragment.js");function isURLLike(val){if(val.includes(" "))return!1;const protocol=(0,get_protocol.J)(val),protocolIsValid=(0,is_valid_protocol.v)(protocol),mayBeTLD=function hasPossibleTLD(url,maxLength=6){const cleanedURL=url.split(/[?#]/)[0];return new RegExp(`(?<=\\S)\\.(?:[a-zA-Z_]{2,${maxLength}})(?:\\/|$)`).test(cleanedURL)}(val),isWWW=val?.startsWith("www."),isInternal=val?.startsWith("#")&&(0,is_valid_fragment.R)(val);return protocolIsValid||isWWW||isInternal||mayBeTLD}var store=__webpack_require__("./packages/block-editor/src/store/index.js");const DEFAULT_ATTRIBUTE="__default",PATTERN_OVERRIDES_SOURCE="core/pattern-overrides",BLOCK_BINDINGS_ALLOWED_BLOCKS={"core/paragraph":["content"],"core/heading":["content"],"core/image":["id","url","title","alt"],"core/button":["url","text","linkTarget","rel"]};function canBindBlock(blockName){return blockName in BLOCK_BINDINGS_ALLOWED_BLOCKS}function canBindAttribute(blockName,attributeName){return canBindBlock(blockName)&&BLOCK_BINDINGS_ALLOWED_BLOCKS[blockName].includes(attributeName)}function hasPatternOverridesDefaultBinding(bindings){return bindings?.[DEFAULT_ATTRIBUTE]?.source===PATTERN_OVERRIDES_SOURCE}function replacePatternOverridesDefaultBinding(blockName,bindings){if(hasPatternOverridesDefaultBinding(bindings)){const supportedAttributes=BLOCK_BINDINGS_ALLOWED_BLOCKS[blockName],bindingsWithDefaults={};for(const attributeName of supportedAttributes){const bindingSource=bindings[attributeName]?bindings[attributeName]:{source:PATTERN_OVERRIDES_SOURCE};bindingsWithDefaults[attributeName]=bindingSource}return bindingsWithDefaults}return bindings}var lock_unlock=__webpack_require__("./packages/block-editor/src/lock-unlock.ts");const DEFAULT_BLOCK_CONTEXT={},EditWithFilters=(0,with_filters.A)("editor.BlockEdit")((props=>{const{name}=props,blockType=(0,blocks_build_module.E7)(name);if(!blockType)return null;const Component=blockType.edit||blockType.save;return(0,jsx_runtime.jsx)(Component,{...props})})),EditWithGeneratedProps=props=>{const{name,clientId,attributes,setAttributes}=props,registry=(0,use_registry.A)(),blockType=(0,blocks_build_module.E7)(name),blockContext=(0,react.useContext)(block_context),registeredSources=(0,use_select.A)((select=>(0,lock_unlock.T)(select(blocks_build_module.M_)).getAllBlockBindingsSources()),[]),{blockBindings,context,hasPatternOverrides}=(0,react.useMemo)((()=>{const computedContext=blockType?.usesContext?Object.fromEntries(Object.entries(blockContext).filter((([key])=>blockType.usesContext.includes(key)))):DEFAULT_BLOCK_CONTEXT;return attributes?.metadata?.bindings&&Object.values(attributes?.metadata?.bindings||{}).forEach((binding=>{registeredSources[binding?.source]?.usesContext?.forEach((key=>{computedContext[key]=blockContext[key]}))})),{blockBindings:replacePatternOverridesDefaultBinding(name,attributes?.metadata?.bindings),context:computedContext,hasPatternOverrides:hasPatternOverridesDefaultBinding(attributes?.metadata?.bindings)}}),[name,blockType?.usesContext,blockContext,attributes?.metadata?.bindings,registeredSources]),computedAttributes=(0,use_select.A)((select=>{if(!blockBindings)return attributes;const attributesFromSources={},blockBindingsBySource=new Map;for(const[attributeName,binding]of Object.entries(blockBindings)){const{source:sourceName,args:sourceArgs}=binding,source=registeredSources[sourceName];source&&canBindAttribute(name,attributeName)&&blockBindingsBySource.set(source,{...blockBindingsBySource.get(source),[attributeName]:{args:sourceArgs}})}if(blockBindingsBySource.size)for(const[source,bindings]of blockBindingsBySource){let values={};source.getValues?values=source.getValues({select,context,clientId,bindings}):Object.keys(bindings).forEach((attr=>{values[attr]=source.label}));for(const[attributeName,value]of Object.entries(values))"url"!==attributeName||value&&isURLLike(value)?attributesFromSources[attributeName]=value:attributesFromSources[attributeName]=null}return{...attributes,...attributesFromSources}}),[attributes,blockBindings,clientId,context,name,registeredSources]),setBoundAttributes=(0,react.useCallback)((nextAttributes=>{blockBindings?registry.batch((()=>{const keptAttributes={...nextAttributes},blockBindingsBySource=new Map;for(const[attributeName,newValue]of Object.entries(keptAttributes)){if(!blockBindings[attributeName]||!canBindAttribute(name,attributeName))continue;const binding=blockBindings[attributeName],source=registeredSources[binding?.source];source?.setValues&&(blockBindingsBySource.set(source,{...blockBindingsBySource.get(source),[attributeName]:{args:binding.args,newValue}}),delete keptAttributes[attributeName])}if(blockBindingsBySource.size)for(const[source,bindings]of blockBindingsBySource)source.setValues({select:registry.select,dispatch:registry.dispatch,context,clientId,bindings});const hasParentPattern=!!context["pattern/overrides"];hasPatternOverrides&&hasParentPattern||!Object.keys(keptAttributes).length||(hasPatternOverrides&&(delete keptAttributes.caption,delete keptAttributes.href),setAttributes(keptAttributes))})):setAttributes(nextAttributes)}),[blockBindings,clientId,context,hasPatternOverrides,setAttributes,registeredSources,name,registry]);if(!blockType)return null;if(blockType.apiVersion>1)return(0,jsx_runtime.jsx)(EditWithFilters,{...props,attributes:computedAttributes,context,setAttributes:setBoundAttributes});const generatedClassName=(0,blocks_build_module.pN)(blockType,"className",!0)?(0,blocks_build_module.KW)(name):null,className=(0,dist_clsx.A)(generatedClassName,attributes?.className,props.className);return(0,jsx_runtime.jsx)(EditWithFilters,{...props,attributes:computedAttributes,className,context,setAttributes:setBoundAttributes})},edit=EditWithGeneratedProps;EditWithGeneratedProps.__docgenInfo={description:"",methods:[],displayName:"EditWithGeneratedProps"};var block_edit_context=__webpack_require__("./packages/block-editor/src/components/block-edit/context.js"),build_module_button=__webpack_require__("./packages/components/build-module/button/index.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js"),dropdown_menu=__webpack_require__("./packages/components/build-module/dropdown-menu/index.js"),menu_group=__webpack_require__("./packages/components/build-module/menu-group/index.js"),menu_item=__webpack_require__("./packages/components/build-module/menu-item/index.js"),more_vertical=__webpack_require__("./packages/icons/build-module/library/more-vertical.js");function Warning({className,actions,children,secondaryActions}){return(0,jsx_runtime.jsx)("div",{style:{display:"contents",all:"initial"},children:(0,jsx_runtime.jsx)("div",{className:(0,dist_clsx.A)(className,"block-editor-warning"),children:(0,jsx_runtime.jsxs)("div",{className:"block-editor-warning__contents",children:[(0,jsx_runtime.jsx)("p",{className:"block-editor-warning__message",children}),(actions?.length>0||secondaryActions)&&(0,jsx_runtime.jsxs)("div",{className:"block-editor-warning__actions",children:[actions?.length>0&&actions.map(((action,i)=>(0,jsx_runtime.jsx)("span",{className:"block-editor-warning__action",children:action},i))),secondaryActions&&(0,jsx_runtime.jsx)(dropdown_menu.A,{className:"block-editor-warning__secondary",icon:more_vertical.A,label:(0,i18n_build_module.__)("More options"),popoverProps:{position:"bottom left",className:"block-editor-warning__dropdown"},noIcons:!0,children:()=>(0,jsx_runtime.jsx)(menu_group.A,{children:secondaryActions.map(((item,pos)=>(0,jsx_runtime.jsx)(menu_item.A,{onClick:item.onClick,children:item.title},pos)))})})]})]})})})}const warning=Warning;function MultipleUsageWarning({originalBlockClientId,name,onReplace}){const{selectBlock}=(0,use_dispatch.A)(store.M),blockType=(0,blocks_build_module.E7)(name);return(0,jsx_runtime.jsxs)(warning,{actions:[(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,variant:"secondary",onClick:()=>selectBlock(originalBlockClientId),children:(0,i18n_build_module.__)("Find original")},"find-original"),(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,variant:"secondary",onClick:()=>onReplace([]),children:(0,i18n_build_module.__)("Remove")},"remove")],children:[(0,jsx_runtime.jsxs)("strong",{children:[blockType?.title,": "]}),(0,i18n_build_module.__)("This block can only be used once.")]})}Warning.__docgenInfo={description:"",methods:[],displayName:"Warning"},MultipleUsageWarning.__docgenInfo={description:"",methods:[],displayName:"MultipleUsageWarning"};const PrivateBlockContext=(0,react.createContext)({});function BlockEdit({mayDisplayControls,mayDisplayParentControls,blockEditingMode,isPreviewMode,...props}){const{name,isSelected,clientId,attributes={},__unstableLayoutClassNames}=props,{layout=null,metadata={}}=attributes,{bindings}=metadata,layoutSupport=(0,blocks_build_module.pN)(name,"layout",!1)||(0,blocks_build_module.pN)(name,"__experimentalLayout",!1),{originalBlockClientId}=(0,react.useContext)(PrivateBlockContext);return(0,jsx_runtime.jsxs)(block_edit_context.KY,{value:(0,react.useMemo)((()=>({name,isSelected,clientId,layout:layoutSupport?layout:null,__unstableLayoutClassNames,[block_edit_context.dk]:mayDisplayControls,[block_edit_context.dg]:mayDisplayParentControls,[block_edit_context.gF]:blockEditingMode,[block_edit_context.VN]:bindings,[block_edit_context.F9]:isPreviewMode})),[name,isSelected,clientId,layoutSupport,layout,__unstableLayoutClassNames,mayDisplayControls,mayDisplayParentControls,blockEditingMode,bindings,isPreviewMode]),children:[(0,jsx_runtime.jsx)(edit,{...props}),originalBlockClientId&&(0,jsx_runtime.jsx)(MultipleUsageWarning,{originalBlockClientId,name,onReplace:props.onReplace})]})}BlockEdit.__docgenInfo={description:"",methods:[],displayName:"BlockEdit"};var modal=__webpack_require__("./packages/components/build-module/modal/index.js"),character=__webpack_require__("./node_modules/diff/lib/diff/character.js");function BlockView({title,rawContent,renderedContent,action,actionText,className}){return(0,jsx_runtime.jsxs)("div",{className,children:[(0,jsx_runtime.jsxs)("div",{className:"block-editor-block-compare__content",children:[(0,jsx_runtime.jsx)("h2",{className:"block-editor-block-compare__heading",children:title}),(0,jsx_runtime.jsx)("div",{className:"block-editor-block-compare__html",children:rawContent}),(0,jsx_runtime.jsx)("div",{className:"block-editor-block-compare__preview edit-post-visual-editor",children:(0,jsx_runtime.jsx)(raw_html.A,{children:(0,safe_html.A)(renderedContent)})})]}),(0,jsx_runtime.jsx)("div",{className:"block-editor-block-compare__action",children:(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,variant:"secondary",tabIndex:"0",onClick:action,children:actionText})})]})}function BlockCompare({block,onKeep,onConvert,convertor,convertButtonText}){const converted=function getConvertedContent(convertedBlock){return(Array.isArray(convertedBlock)?convertedBlock:[convertedBlock]).map((item=>(0,blocks_build_module.Z9)(item.name,item.attributes,item.innerBlocks))).join("")}(convertor(block)),difference=function getDifference(originalContent,newContent){return(0,character.JJ)(originalContent,newContent).map(((item,pos)=>{const classes=(0,dist_clsx.A)({"block-editor-block-compare__added":item.added,"block-editor-block-compare__removed":item.removed});return(0,jsx_runtime.jsx)("span",{className:classes,children:item.value},pos)}))}(block.originalContent,converted);return(0,jsx_runtime.jsxs)("div",{className:"block-editor-block-compare__wrapper",children:[(0,jsx_runtime.jsx)(BlockView,{title:(0,i18n_build_module.__)("Current"),className:"block-editor-block-compare__current",action:onKeep,actionText:(0,i18n_build_module.__)("Convert to HTML"),rawContent:block.originalContent,renderedContent:block.originalContent}),(0,jsx_runtime.jsx)(BlockView,{title:(0,i18n_build_module.__)("After Conversion"),className:"block-editor-block-compare__converted",action:onConvert,actionText:convertButtonText,rawContent:difference,renderedContent:converted})]})}BlockView.__docgenInfo={description:"",methods:[],displayName:"BlockView"};const block_compare=BlockCompare;BlockCompare.__docgenInfo={description:"",methods:[],displayName:"BlockCompare"};const blockToBlocks=block=>(0,blocks_build_module.lh)({HTML:block.originalContent});function BlockInvalidWarning({clientId}){const{block,canInsertHTMLBlock,canInsertClassicBlock}=(0,use_select.A)((select=>{const{canInsertBlockType,getBlock,getBlockRootClientId}=select(store.M),rootClientId=getBlockRootClientId(clientId);return{block:getBlock(clientId),canInsertHTMLBlock:canInsertBlockType("core/html",rootClientId),canInsertClassicBlock:canInsertBlockType("core/freeform",rootClientId)}}),[clientId]),{replaceBlock}=(0,use_dispatch.A)(store.M),[compare,setCompare]=(0,react.useState)(!1),onCompareClose=(0,react.useCallback)((()=>setCompare(!1)),[]),convert=(0,react.useMemo)((()=>({toClassic(){const classicBlock=(0,blocks_build_module.Wv)("core/freeform",{content:block.originalContent});return replaceBlock(block.clientId,classicBlock)},toHTML(){const htmlBlock=(0,blocks_build_module.Wv)("core/html",{content:block.originalContent});return replaceBlock(block.clientId,htmlBlock)},toBlocks(){const newBlocks=blockToBlocks(block);return replaceBlock(block.clientId,newBlocks)},toRecoveredBlock(){const recoveredBlock=(0,blocks_build_module.Wv)(block.name,block.attributes,block.innerBlocks);return replaceBlock(block.clientId,recoveredBlock)}})),[block,replaceBlock]),secondaryActions=(0,react.useMemo)((()=>[{title:(0,i18n_build_module._x)("Resolve","imperative verb"),onClick:()=>setCompare(!0)},canInsertHTMLBlock&&{title:(0,i18n_build_module.__)("Convert to HTML"),onClick:convert.toHTML},canInsertClassicBlock&&{title:(0,i18n_build_module.__)("Convert to Classic Block"),onClick:convert.toClassic}].filter(Boolean)),[canInsertHTMLBlock,canInsertClassicBlock,convert]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(warning,{actions:[(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,onClick:convert.toRecoveredBlock,variant:"primary",children:(0,i18n_build_module.__)("Attempt recovery")},"recover")],secondaryActions,children:(0,i18n_build_module.__)("Block contains unexpected or invalid content.")}),compare&&(0,jsx_runtime.jsx)(modal.A,{title:(0,i18n_build_module.__)("Resolve Block"),onRequestClose:onCompareClose,className:"block-editor-block-compare",children:(0,jsx_runtime.jsx)(block_compare,{block,onKeep:convert.toHTML,onConvert:convert.toBlocks,convertor:blockToBlocks,convertButtonText:(0,i18n_build_module.__)("Convert to Blocks")})})]})}BlockInvalidWarning.__docgenInfo={description:"",methods:[],displayName:"BlockInvalidWarning"};const block_crash_warning_warning=(0,jsx_runtime.jsx)(warning,{className:"block-editor-block-list__block-crash-warning",children:(0,i18n_build_module.__)("This block has encountered an error and cannot be previewed.")}),block_crash_warning=()=>block_crash_warning_warning;class BlockCrashBoundary extends react.Component{constructor(){super(...arguments),this.state={hasError:!1}}componentDidCatch(){this.setState({hasError:!0})}render(){return this.state.hasError?this.props.fallback:this.props.children}}const block_crash_boundary=BlockCrashBoundary;BlockCrashBoundary.__docgenInfo={description:"",methods:[],displayName:"BlockCrashBoundary"};var lib=__webpack_require__("./node_modules/react-autosize-textarea/lib/index.js");function BlockHTML({clientId}){const[html,setHtml]=(0,react.useState)(""),block=(0,use_select.A)((select=>select(store.M).getBlock(clientId)),[clientId]),{updateBlock}=(0,use_dispatch.A)(store.M);return(0,react.useEffect)((()=>{setHtml((0,blocks_build_module.F8)(block))}),[block]),(0,jsx_runtime.jsx)(lib.A,{className:"block-editor-block-list__block-html-textarea",value:html,onBlur:()=>{const blockType=(0,blocks_build_module.E7)(block.name);if(!blockType)return;const attributes=(0,blocks_build_module.Ph)(blockType,html,block.attributes),content=html||(0,blocks_build_module.Z9)(blockType,attributes),[isValid]=html?(0,blocks_build_module.YV)({...block,attributes,originalContent:content}):[!0];updateBlock(clientId,{attributes,originalContent:content,isValid}),html||setHtml(content)},onChange:event=>setHtml(event.target.value)})}const block_html=BlockHTML;BlockHTML.__docgenInfo={description:"",methods:[],displayName:"BlockHTML"};var use_disabled=__webpack_require__("./packages/compose/build-module/hooks/use-disabled/index.js"),react_spring_web_esm=__webpack_require__("./node_modules/@react-spring/web/dist/react-spring-web.esm.js"),get_scroll_container=__webpack_require__("./packages/dom/build-module/dom/get-scroll-container.js");function getAbsolutePosition(element){return{top:element.offsetTop,left:element.offsetLeft}}const use_moving_animation=function useMovingAnimation({triggerAnimationOnChange,clientId}){const ref=(0,react.useRef)(),{isTyping,getGlobalBlockCount,isBlockSelected,isFirstMultiSelectedBlock,isBlockMultiSelected,isAncestorMultiSelected,isDraggingBlocks}=(0,use_select.A)(store.M),{previous,prevRect}=(0,react.useMemo)((()=>({previous:ref.current&&getAbsolutePosition(ref.current),prevRect:ref.current&&ref.current.getBoundingClientRect()})),[triggerAnimationOnChange]);return(0,react.useLayoutEffect)((()=>{if(!previous||!ref.current)return;const scrollContainer=(0,get_scroll_container.A)(ref.current),isSelected=isBlockSelected(clientId),adjustScrolling=isSelected||isFirstMultiSelectedBlock(clientId),isDragging=isDraggingBlocks();function preserveScrollPosition(){if(!isDragging&&adjustScrolling&&prevRect){const diff=ref.current.getBoundingClientRect().top-prevRect.top;diff&&(scrollContainer.scrollTop+=diff)}}if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||isTyping()||getGlobalBlockCount()>200)return void preserveScrollPosition();const isPartOfSelection=isSelected||isBlockMultiSelected(clientId)||isAncestorMultiSelected(clientId);if(isPartOfSelection&&isDragging)return;const zIndex=isPartOfSelection?"1":"",controller=new react_spring_web_esm.Controller({x:0,y:0,config:{mass:5,tension:2e3,friction:200},onChange({value}){if(!ref.current)return;let{x,y}=value;x=Math.round(x),y=Math.round(y);const finishedMoving=0===x&&0===y;ref.current.style.transformOrigin="center center",ref.current.style.transform=finishedMoving?null:`translate3d(${x}px,${y}px,0)`,ref.current.style.zIndex=zIndex,preserveScrollPosition()}});ref.current.style.transform=void 0;const destination=getAbsolutePosition(ref.current),x=Math.round(previous.left-destination.left),y=Math.round(previous.top-destination.top);return controller.start({x:0,y:0,from:{x,y}}),()=>{controller.stop(),controller.set({x:0,y:0})}}),[previous,prevRect,clientId,isTyping,getGlobalBlockCount,isBlockSelected,isFirstMultiSelectedBlock,isBlockMultiSelected,isAncestorMultiSelected,isDraggingBlocks]),ref};var dom_build_module=__webpack_require__("./packages/dom/build-module/index.js"),is_text_field=__webpack_require__("./packages/dom/build-module/dom/is-text-field.js"),is_form_element=__webpack_require__("./packages/dom/build-module/dom/is-form-element.js"),place_caret_at_horizontal_edge=__webpack_require__("./packages/dom/build-module/dom/place-caret-at-horizontal-edge.js");const BLOCK_SELECTOR=".block-editor-block-list__block",APPENDER_SELECTOR=".block-list-appender",BLOCK_APPENDER_CLASS=".block-editor-button-block-appender";function isInSameBlock(a,b){return a.closest(BLOCK_SELECTOR)===b.closest(BLOCK_SELECTOR)}function isInsideRootBlock(blockElement,element){return element.closest([BLOCK_SELECTOR,APPENDER_SELECTOR,BLOCK_APPENDER_CLASS].join(","))===blockElement}function getBlockClientId(node){for(;node&&node.nodeType!==node.ELEMENT_NODE;)node=node.parentNode;if(!node)return;const blockNode=node.closest(BLOCK_SELECTOR);return blockNode?blockNode.id.slice(6):void 0}function rectUnion(rect1,rect2){const left=Math.min(rect1.left,rect2.left),right=Math.max(rect1.right,rect2.right),bottom=Math.max(rect1.bottom,rect2.bottom),top=Math.min(rect1.top,rect2.top);return new window.DOMRectReadOnly(left,top,right-left,bottom-top)}function isElementVisible(element){const viewport=element.ownerDocument.defaultView;if(!viewport)return!1;if(element.classList.contains("components-visually-hidden"))return!1;const bounds=element.getBoundingClientRect();if(0===bounds.width||0===bounds.height)return!1;if(element.checkVisibility)return element.checkVisibility?.({opacityProperty:!0,contentVisibilityAuto:!0,visibilityProperty:!0});const style=viewport.getComputedStyle(element);return"none"!==style.display&&"hidden"!==style.visibility&&"0"!==style.opacity}function isScrollable(element){const style=window.getComputedStyle(element);return"auto"===style.overflowX||"scroll"===style.overflowX||"auto"===style.overflowY||"scroll"===style.overflowY}const WITH_OVERFLOW_ELEMENT_BLOCKS=["core/navigation"];function getElementBounds(element){const viewport=element.ownerDocument.defaultView;if(!viewport)return new window.DOMRectReadOnly;let bounds=element.getBoundingClientRect();const dataType=element.getAttribute("data-type");if(dataType&&WITH_OVERFLOW_ELEMENT_BLOCKS.includes(dataType)){const stack=[element];let currentElement;for(;currentElement=stack.pop();)if(!isScrollable(currentElement))for(const child of currentElement.children)if(isElementVisible(child)){bounds=rectUnion(bounds,child.getBoundingClientRect()),stack.push(child)}}const left=Math.max(bounds.left,0),right=Math.min(bounds.right,viewport.innerWidth);return bounds=new window.DOMRectReadOnly(left,bounds.top,right-left,bounds.height),bounds}function useFocusFirstElement({clientId,initialPosition}){const ref=(0,react.useRef)(),{isBlockSelected,isMultiSelecting,isZoomOut}=(0,lock_unlock.T)((0,use_select.A)(store.M));return(0,react.useEffect)((()=>{if(!isBlockSelected(clientId)||isMultiSelecting()||isZoomOut())return;if(null==initialPosition)return;if(!ref.current)return;const{ownerDocument}=ref.current;if(isInsideRootBlock(ref.current,ownerDocument.activeElement))return;const textInputs=dom_build_module.XC.tabbable.find(ref.current).filter((node=>(0,is_text_field.A)(node))),isReverse=-1===initialPosition,target=textInputs[isReverse?textInputs.length-1:0]||ref.current;if(isInsideRootBlock(ref.current,target)){if(!ref.current.getAttribute("contenteditable")){const focusElement=dom_build_module.XC.tabbable.findNext(ref.current);if(focusElement&&isInsideRootBlock(ref.current,focusElement)&&(0,is_form_element.A)(focusElement))return void focusElement.focus()}(0,place_caret_at_horizontal_edge.A)(target,isReverse)}else ref.current.focus()}),[initialPosition,clientId]),ref}function useIsHovered({clientId}){const{hoverBlock}=(0,use_dispatch.A)(store.M);function listener(event){if(event.defaultPrevented)return;const action="mouseover"===event.type?"add":"remove";event.preventDefault(),event.currentTarget.classList[action]("is-hovered"),hoverBlock("add"===action?clientId:null)}return(0,use_ref_effect.A)((node=>(node.addEventListener("mouseout",listener),node.addEventListener("mouseover",listener),()=>{node.removeEventListener("mouseout",listener),node.removeEventListener("mouseover",listener),node.classList.remove("is-hovered"),hoverBlock(null)})),[])}function useFocusHandler(clientId){const{isBlockSelected}=(0,use_select.A)(store.M),{selectBlock,selectionChange}=(0,use_dispatch.A)(store.M);return(0,use_ref_effect.A)((node=>{function onFocus(event){node.parentElement.closest('[contenteditable="true"]')||(isBlockSelected(clientId)?event.target.isContentEditable||selectionChange(clientId):isInsideRootBlock(node,event.target)&&selectBlock(clientId))}return node.addEventListener("focusin",onFocus),()=>{node.removeEventListener("focusin",onFocus)}}),[isBlockSelected,selectBlock])}var keycodes_build_module=__webpack_require__("./packages/keycodes/build-module/index.js"),client=__webpack_require__("./node_modules/react-dom/client.js"),draggable_chip=__webpack_require__("./packages/block-editor/src/components/block-draggable/draggable-chip.js");function useEventHandlers({clientId,isSelected}){const{getBlockType}=(0,use_select.A)(blocks_build_module.M_),{getBlockRootClientId,isZoomOut,hasMultiSelection,getBlockName}=(0,lock_unlock.T)((0,use_select.A)(store.M)),{insertAfterBlock,removeBlock,resetZoomLevel,startDraggingBlocks,stopDraggingBlocks}=(0,lock_unlock.T)((0,use_dispatch.A)(store.M));return(0,use_ref_effect.A)((node=>{if(isSelected)return node.addEventListener("keydown",onKeyDown),node.addEventListener("dragstart",onDragStart),()=>{node.removeEventListener("keydown",onKeyDown),node.removeEventListener("dragstart",onDragStart)};function onKeyDown(event){const{keyCode,target}=event;keyCode!==keycodes_build_module.Fm&&keyCode!==keycodes_build_module.G_&&keyCode!==keycodes_build_module.SJ||target!==node||(0,is_text_field.A)(target)||(event.preventDefault(),keyCode===keycodes_build_module.Fm&&isZoomOut()?resetZoomLevel():keyCode===keycodes_build_module.Fm?insertAfterBlock(clientId):removeBlock(clientId))}function onDragStart(event){if(node!==event.target||node.isContentEditable||node.ownerDocument.activeElement!==node||hasMultiSelection())return void event.preventDefault();const data=JSON.stringify({type:"block",srcClientIds:[clientId],srcRootClientId:getBlockRootClientId(clientId)});event.dataTransfer.effectAllowed="move",event.dataTransfer.clearData(),event.dataTransfer.setData("wp-blocks",data);const{ownerDocument}=node,{defaultView}=ownerDocument;defaultView.getSelection().removeAllRanges();const domNode=document.createElement("div");(0,client.H)(domNode).render((0,jsx_runtime.jsx)(draggable_chip.A,{icon:getBlockType(getBlockName(clientId)).icon})),document.body.appendChild(domNode),domNode.style.position="absolute",domNode.style.top="0",domNode.style.left="0",domNode.style.zIndex="1000",domNode.style.pointerEvents="none";const dragElement=ownerDocument.createElement("div");dragElement.style.width="1px",dragElement.style.height="1px",dragElement.style.position="fixed",dragElement.style.visibility="hidden",ownerDocument.body.appendChild(dragElement),event.dataTransfer.setDragImage(dragElement,0,0);let offset={x:0,y:0};if(document!==ownerDocument){const frame=defaultView.frameElement;if(frame){const rect=frame.getBoundingClientRect();offset={x:rect.left,y:rect.top}}}function over(e){domNode.style.transform=`translate( ${e.clientX+offset.x}px, ${e.clientY+offset.y}px )`}function end(){ownerDocument.removeEventListener("dragover",over),ownerDocument.removeEventListener("dragend",end),domNode.remove(),dragElement.remove(),stopDraggingBlocks(),document.body.classList.remove("is-dragging-components-draggable"),ownerDocument.documentElement.classList.remove("is-dragging")}offset.x-=58,over(event),ownerDocument.addEventListener("dragover",over),ownerDocument.addEventListener("dragend",end),ownerDocument.addEventListener("drop",end),startDraggingBlocks([clientId]),document.body.classList.add("is-dragging-components-draggable"),ownerDocument.documentElement.classList.add("is-dragging")}}),[clientId,isSelected,getBlockRootClientId,insertAfterBlock,removeBlock,isZoomOut,resetZoomLevel,hasMultiSelection,startDraggingBlocks,stopDraggingBlocks])}var use_block_refs=__webpack_require__("./packages/block-editor/src/components/block-list/use-block-props/use-block-refs.js");function useIntersectionObserver(){const observer=(0,react.useContext)(IntersectionObserver);return(0,use_ref_effect.A)((node=>{if(observer)return observer.observe(node),()=>{observer.unobserve(node)}}),[observer])}var use_reduced_motion=__webpack_require__("./packages/compose/build-module/hooks/use-reduced-motion/index.js");function useScrollIntoView({isSelected}){const prefersReducedMotion=(0,use_reduced_motion.A)();return(0,use_ref_effect.A)((node=>{if(isSelected){const{ownerDocument}=node,{defaultView}=ownerDocument;if(!defaultView.IntersectionObserver)return;const observer=new defaultView.IntersectionObserver((entries=>{entries[0].isIntersecting||node.scrollIntoView({behavior:prefersReducedMotion?"instant":"smooth"}),observer.disconnect()}));return observer.observe(node),()=>{observer.disconnect()}}}),[isSelected])}function useFlashEditableBlocks({clientId="",isEnabled=!0}={}){const{getEnabledClientIdsTree}=(0,lock_unlock.T)((0,use_select.A)(store.M));return(0,use_ref_effect.A)((element=>{if(!isEnabled)return;const handleClick=event=>{(event.target===element||event.target.classList.contains("is-root-container"))&&(event.defaultPrevented||(event.preventDefault(),getEnabledClientIdsTree(clientId).forEach((({clientId:id})=>{const block=element.querySelector(`[data-block="${id}"]`);block&&(block.classList.remove("has-editable-outline"),block.offsetWidth,block.classList.add("has-editable-outline"))}))))};return element.addEventListener("click",handleClick),()=>element.removeEventListener("click",handleClick)}),[isEnabled])}const nodesByDocument=new Map;function restore(node){const prevDraggable=node.getAttribute("data-draggable");prevDraggable&&(node.removeAttribute("data-draggable"),"true"!==prevDraggable||node.getAttribute("draggable")||node.setAttribute("draggable","true"))}function down(event){const{target}=event,{ownerDocument,isContentEditable}=target,nodes=nodesByDocument.get(ownerDocument);if(isContentEditable)for(const node of nodes)"true"===node.getAttribute("draggable")&&node.contains(target)&&(node.removeAttribute("draggable"),node.setAttribute("data-draggable","true"));else for(const node of nodes)restore(node)}function useFirefoxDraggableCompatibility(){return(0,use_ref_effect.A)((node=>(function add(doc,node){let set=nodesByDocument.get(doc);set||(set=new Set,nodesByDocument.set(doc,set),doc.addEventListener("pointerdown",down)),set.add(node)}(node.ownerDocument,node),()=>{!function remove(doc,node){const set=nodesByDocument.get(doc);set&&(set.delete(node),restore(node),0===set.size&&(nodesByDocument.delete(doc),doc.removeEventListener("pointerdown",down)))}(node.ownerDocument,node)})),[])}function useBlockProps(props={},{__unstableIsHtml}={}){const{clientId,className,wrapperProps={},isAligned,index,mode,name,blockApiVersion,blockTitle,isSelected,isSubtreeDisabled,hasOverlay,initialPosition,blockEditingMode,isHighlighted,isMultiSelected,isPartiallySelected,isReusable,isDragging,hasChildSelected,isEditingDisabled,hasEditableOutline,isTemporarilyEditingAsBlocks,defaultClassName,isSectionBlock,canMove}=(0,react.useContext)(PrivateBlockContext),blockLabel=(0,i18n_build_module.nv)((0,i18n_build_module.__)("Block: %s"),blockTitle),htmlSuffix="html"!==mode||__unstableIsHtml?"":"-visual",ffDragRef=useFirefoxDraggableCompatibility(),mergedRefs=(0,use_merge_refs.A)([props.ref,useFocusFirstElement({clientId,initialPosition}),(0,use_block_refs.xL)(clientId),useFocusHandler(clientId),useEventHandlers({clientId,isSelected}),useIsHovered({clientId}),useIntersectionObserver(),use_moving_animation({triggerAnimationOnChange:index,clientId}),(0,use_disabled.A)({isDisabled:!hasOverlay}),useFlashEditableBlocks({clientId,isEnabled:isSectionBlock}),useScrollIntoView({isSelected}),canMove?ffDragRef:void 0]),blockEditContext=(0,block_edit_context.m_)(),bindingsStyle=!!blockEditContext[block_edit_context.VN]&&canBindBlock(name)?{"--wp-admin-theme-color":"var(--wp-block-synced-color)","--wp-admin-theme-color--rgb":"var(--wp-block-synced-color--rgb)"}:{};blockApiVersion<2&&blockEditContext.clientId;let hasNegativeMargin=!1;return"-"!==wrapperProps?.style?.marginTop?.charAt(0)&&"-"!==wrapperProps?.style?.marginBottom?.charAt(0)&&"-"!==wrapperProps?.style?.marginLeft?.charAt(0)&&"-"!==wrapperProps?.style?.marginRight?.charAt(0)||(hasNegativeMargin=!0),{tabIndex:"disabled"===blockEditingMode?-1:0,draggable:!(!canMove||hasChildSelected)||void 0,...wrapperProps,...props,ref:mergedRefs,id:`block-${clientId}${htmlSuffix}`,role:"document","aria-label":blockLabel,"data-block":clientId,"data-type":name,"data-title":blockTitle,inert:isSubtreeDisabled?"true":void 0,className:(0,dist_clsx.A)("block-editor-block-list__block",{"wp-block":!isAligned,"has-block-overlay":hasOverlay,"is-selected":isSelected,"is-highlighted":isHighlighted,"is-multi-selected":isMultiSelected,"is-partially-selected":isPartiallySelected,"is-reusable":isReusable,"is-dragging":isDragging,"has-child-selected":hasChildSelected,"is-editing-disabled":isEditingDisabled,"has-editable-outline":hasEditableOutline,"has-negative-margin":hasNegativeMargin,"is-content-locked-temporarily-editing-as-blocks":isTemporarilyEditingAsBlocks},className,props.className,wrapperProps.className,defaultClassName),style:{...wrapperProps.style,...props.style,...bindingsStyle}}}useBlockProps.save=blocks_build_module.cV;var justify_left=__webpack_require__("./packages/icons/build-module/library/justify-left.js"),justify_center=__webpack_require__("./packages/icons/build-module/library/justify-center.js"),justify_right=__webpack_require__("./packages/icons/build-module/library/justify-right.js"),justify_space_between=__webpack_require__("./packages/icons/build-module/library/justify-space-between.js"),justify_stretch=__webpack_require__("./packages/icons/build-module/library/justify-stretch.js"),arrow_right=__webpack_require__("./packages/icons/build-module/library/arrow-right.js"),arrow_down=__webpack_require__("./packages/icons/build-module/library/arrow-down.js"),component=__webpack_require__("./packages/components/build-module/flex/flex/component.js"),flex_item_component=__webpack_require__("./packages/components/build-module/flex/flex-item/component.js"),toggle_group_control_component=__webpack_require__("./packages/components/build-module/toggle-group-control/toggle-group-control/component.js"),toggle_group_control_option_icon_component=__webpack_require__("./packages/components/build-module/toggle-group-control/toggle-group-control-option-icon/component.js"),toggle_control=__webpack_require__("./packages/components/build-module/toggle-control/index.js");const LAYOUT_DEFINITIONS={default:{name:"default",slug:"flow",className:"is-layout-flow",baseStyles:[{selector:" > .alignleft",rules:{float:"left","margin-inline-start":"0","margin-inline-end":"2em"}},{selector:" > .alignright",rules:{float:"right","margin-inline-start":"2em","margin-inline-end":"0"}},{selector:" > .aligncenter",rules:{"margin-left":"auto !important","margin-right":"auto !important"}}],spacingStyles:[{selector:" > :first-child",rules:{"margin-block-start":"0"}},{selector:" > :last-child",rules:{"margin-block-end":"0"}},{selector:" > *",rules:{"margin-block-start":null,"margin-block-end":"0"}}]},constrained:{name:"constrained",slug:"constrained",className:"is-layout-constrained",baseStyles:[{selector:" > .alignleft",rules:{float:"left","margin-inline-start":"0","margin-inline-end":"2em"}},{selector:" > .alignright",rules:{float:"right","margin-inline-start":"2em","margin-inline-end":"0"}},{selector:" > .aligncenter",rules:{"margin-left":"auto !important","margin-right":"auto !important"}},{selector:" > :where(:not(.alignleft):not(.alignright):not(.alignfull))",rules:{"max-width":"var(--wp--style--global--content-size)","margin-left":"auto !important","margin-right":"auto !important"}},{selector:" > .alignwide",rules:{"max-width":"var(--wp--style--global--wide-size)"}}],spacingStyles:[{selector:" > :first-child",rules:{"margin-block-start":"0"}},{selector:" > :last-child",rules:{"margin-block-end":"0"}},{selector:" > *",rules:{"margin-block-start":null,"margin-block-end":"0"}}]},flex:{name:"flex",slug:"flex",className:"is-layout-flex",displayMode:"flex",baseStyles:[{selector:"",rules:{"flex-wrap":"wrap","align-items":"center"}},{selector:" > :is(*, div)",rules:{margin:"0"}}],spacingStyles:[{selector:"",rules:{gap:null}}]},grid:{name:"grid",slug:"grid",className:"is-layout-grid",displayMode:"grid",baseStyles:[{selector:" > :is(*, div)",rules:{margin:"0"}}],spacingStyles:[{selector:"",rules:{gap:null}}]}};function appendSelectors(selectors,append=""){return selectors.split(",").map((subselector=>`${subselector}${append?` ${append}`:""}`)).join(",")}function getBlockGapCSS(selector,layoutDefinitions=LAYOUT_DEFINITIONS,layoutType,blockGapValue){let output="";return layoutDefinitions?.[layoutType]?.spacingStyles?.length&&blockGapValue&&layoutDefinitions[layoutType].spacingStyles.forEach((gapStyle=>{output+=`${appendSelectors(selector,gapStyle.selector.trim())} { `,output+=Object.entries(gapStyle.rules).map((([cssProperty,value])=>`${cssProperty}: ${value||blockGapValue}`)).join("; "),output+="; }"})),output}function getAlignmentsInfo(layout){const{contentSize,wideSize,type="default"}=layout,alignmentInfo={},sizeRegex=/^(?!0)\d+(px|em|rem|vw|vh|%|svw|lvw|dvw|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax)?$/i;return sizeRegex.test(contentSize)&&"constrained"===type&&(alignmentInfo.none=(0,i18n_build_module.nv)((0,i18n_build_module.__)("Max %s wide"),contentSize)),sizeRegex.test(wideSize)&&(alignmentInfo.wide=(0,i18n_build_module.nv)((0,i18n_build_module.__)("Max %s wide"),wideSize)),alignmentInfo}var sides_all=__webpack_require__("./packages/icons/build-module/library/sides-all.js"),sides_horizontal=__webpack_require__("./packages/icons/build-module/library/sides-horizontal.js"),sides_vertical=__webpack_require__("./packages/icons/build-module/library/sides-vertical.js"),sides_top=__webpack_require__("./packages/icons/build-module/library/sides-top.js"),sides_right=__webpack_require__("./packages/icons/build-module/library/sides-right.js"),sides_bottom=__webpack_require__("./packages/icons/build-module/library/sides-bottom.js"),sides_left=__webpack_require__("./packages/icons/build-module/library/sides-left.js");sides_all.A,sides_all.A,sides_horizontal.A,sides_vertical.A,sides_top.A,sides_right.A,sides_bottom.A,sides_left.A,(0,i18n_build_module.__)("Spacing control"),(0,i18n_build_module.__)("Top"),(0,i18n_build_module.__)("Bottom"),(0,i18n_build_module.__)("Left"),(0,i18n_build_module.__)("Right"),(0,i18n_build_module.__)("Mixed"),(0,i18n_build_module.__)("Vertical"),(0,i18n_build_module.__)("Horizontal"),(0,i18n_build_module.__)("Horizontal & vertical"),(0,i18n_build_module.__)("Custom");function getSpacingPresetCssVar(value){if(!value)return;const slug=value.match(/var:preset\|spacing\|(.+)/);return slug?`var(--wp--preset--spacing--${slug[1]})`:value}function getGapCSSValue(blockGapValue,defaultValue="0"){const blockGapBoxControlValue=function getGapBoxControlValueFromStyle(blockGapValue){if(!blockGapValue)return null;const isValueString="string"==typeof blockGapValue;return{top:isValueString?blockGapValue:blockGapValue?.top,left:isValueString?blockGapValue:blockGapValue?.left}}(blockGapValue);if(!blockGapBoxControlValue)return null;const row=getSpacingPresetCssVar(blockGapBoxControlValue?.top)||defaultValue,column=getSpacingPresetCssVar(blockGapBoxControlValue?.left)||defaultValue;return row===column?row:`${row} ${column}`}var toolbar_group=__webpack_require__("./packages/components/build-module/toolbar/toolbar-group/index.js"),style_provider=__webpack_require__("./packages/components/build-module/style-provider/index.js"),slot_fill=__webpack_require__("./packages/components/build-module/slot-fill/index.js");const block_controls_groups={default:(0,slot_fill.QJ)("BlockControls"),block:(0,slot_fill.QJ)("BlockControlsBlock"),inline:(0,slot_fill.QJ)("BlockFormatControls"),other:(0,slot_fill.QJ)("BlockControlsOther"),parent:(0,slot_fill.QJ)("BlockControlsParent")};function BlockControlsFill({group="default",controls,children,__experimentalShareWithChildBlocks=!1}){const Fill=function useBlockControlsFill(group,shareWithChildBlocks){const context=(0,block_edit_context.m_)();return context[block_edit_context.dk]?block_controls_groups[group]?.Fill:context[block_edit_context.dg]&&shareWithChildBlocks?block_controls_groups.parent.Fill:null}(group,__experimentalShareWithChildBlocks);if(!Fill)return null;const innerMarkup=(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["default"===group&&(0,jsx_runtime.jsx)(toolbar_group.A,{controls}),children]});return(0,jsx_runtime.jsx)(style_provider.A,{document,children:(0,jsx_runtime.jsx)(Fill,{children:fillProps=>{const{forwardedContext=[]}=fillProps;return forwardedContext.reduce(((inner,[Provider,props])=>(0,jsx_runtime.jsx)(Provider,{...props,children:inner})),innerMarkup)}})})}BlockControlsFill.__docgenInfo={description:"",methods:[],displayName:"BlockControlsFill",props:{group:{defaultValue:{value:"'default'",computed:!1},required:!1},__experimentalShareWithChildBlocks:{defaultValue:{value:"false",computed:!1},required:!1}}};var private_apis=__webpack_require__("./packages/components/build-module/private-apis.js"),toolbar_context=__webpack_require__("./packages/components/build-module/toolbar/toolbar-context/index.js"),use_slot_fills=__webpack_require__("./packages/components/build-module/slot-fill/bubbles-virtually/use-slot-fills.js");const{ComponentsContext}=(0,lock_unlock.T)(private_apis.j);function BlockControlsSlot({group="default",...props}){const toolbarState=(0,react.useContext)(toolbar_context.A),contextState=(0,react.useContext)(ComponentsContext),fillProps=(0,react.useMemo)((()=>({forwardedContext:[[toolbar_context.A.Provider,{value:toolbarState}],[ComponentsContext.Provider,{value:contextState}]]})),[toolbarState,contextState]),slotFill=block_controls_groups[group],fills=(0,use_slot_fills.A)(slotFill.name);if(!slotFill)return null;if(!fills?.length)return null;const{Slot}=slotFill,slot=(0,jsx_runtime.jsx)(Slot,{...props,bubblesVirtually:!0,fillProps});return"default"===group?slot:(0,jsx_runtime.jsx)(toolbar_group.A,{children:slot})}BlockControlsSlot.__docgenInfo={description:"",methods:[],displayName:"BlockControlsSlot",props:{group:{defaultValue:{value:"'default'",computed:!1},required:!1}}};const BlockControls=BlockControlsFill;BlockControls.Slot=BlockControlsSlot;const BlockFormatControls=props=>(0,jsx_runtime.jsx)(BlockControlsFill,{group:"inline",...props});BlockFormatControls.Slot=props=>(0,jsx_runtime.jsx)(BlockControlsSlot,{group:"inline",...props});const block_controls=BlockControls;BlockFormatControls.__docgenInfo={description:"",methods:[{name:"Slot",docblock:null,modifiers:["static"],params:[{name:"props",optional:!1,type:null}],returns:null}],displayName:"BlockFormatControls"};var toolbar_dropdown_menu=__webpack_require__("./packages/components/build-module/toolbar/toolbar-dropdown-menu/index.js"),justify_top=__webpack_require__("./packages/icons/build-module/library/justify-top.js"),justify_center_vertical=__webpack_require__("./packages/icons/build-module/library/justify-center-vertical.js"),justify_bottom=__webpack_require__("./packages/icons/build-module/library/justify-bottom.js"),justify_stretch_vertical=__webpack_require__("./packages/icons/build-module/library/justify-stretch-vertical.js"),justify_space_between_vertical=__webpack_require__("./packages/icons/build-module/library/justify-space-between-vertical.js");const BLOCK_ALIGNMENTS_CONTROLS={top:{icon:justify_top.A,title:(0,i18n_build_module._x)("Align top","Block vertical alignment setting")},center:{icon:justify_center_vertical.A,title:(0,i18n_build_module._x)("Align middle","Block vertical alignment setting")},bottom:{icon:justify_bottom.A,title:(0,i18n_build_module._x)("Align bottom","Block vertical alignment setting")},stretch:{icon:justify_stretch_vertical.A,title:(0,i18n_build_module._x)("Stretch to fill","Block vertical alignment setting")},"space-between":{icon:justify_space_between_vertical.A,title:(0,i18n_build_module._x)("Space between","Block vertical alignment setting")}},DEFAULT_CONTROLS=["top","center","bottom"];function BlockVerticalAlignmentUI({value,onChange,controls=DEFAULT_CONTROLS,isCollapsed=!0,isToolbar}){const activeAlignment=BLOCK_ALIGNMENTS_CONTROLS[value],defaultAlignmentControl=BLOCK_ALIGNMENTS_CONTROLS.top,UIComponent=isToolbar?toolbar_group.A:toolbar_dropdown_menu.A,extraProps=isToolbar?{isCollapsed}:{};return(0,jsx_runtime.jsx)(UIComponent,{icon:activeAlignment?activeAlignment.icon:defaultAlignmentControl.icon,label:(0,i18n_build_module._x)("Change vertical alignment","Block vertical alignment setting label"),controls:controls.map((control=>{return{...BLOCK_ALIGNMENTS_CONTROLS[control],isActive:value===control,role:isCollapsed?"menuitemradio":void 0,onClick:(align=control,()=>onChange(value===align?void 0:align))};var align})),...extraProps})}const ui=BlockVerticalAlignmentUI;BlockVerticalAlignmentUI.__docgenInfo={description:"",methods:[],displayName:"BlockVerticalAlignmentUI",props:{controls:{defaultValue:{value:"[ 'top', 'center', 'bottom' ]",computed:!1},required:!1},isCollapsed:{defaultValue:{value:"true",computed:!1},required:!1}}};const BlockVerticalAlignmentControl=props=>(0,jsx_runtime.jsx)(ui,{...props,isToolbar:!1});BlockVerticalAlignmentControl.__docgenInfo={description:"",methods:[],displayName:"BlockVerticalAlignmentControl"};const icons={left:justify_left.A,center:justify_center.A,right:justify_right.A,"space-between":justify_space_between.A,stretch:justify_stretch.A};function JustifyContentUI({allowedControls=["left","center","right","space-between"],isCollapsed=!0,onChange,value,popoverProps,isToolbar}){const handleClick=next=>{onChange(next===value?void 0:next)},icon=value?icons[value]:icons.left,allControls=[{name:"left",icon:justify_left.A,title:(0,i18n_build_module.__)("Justify items left"),isActive:"left"===value,onClick:()=>handleClick("left")},{name:"center",icon:justify_center.A,title:(0,i18n_build_module.__)("Justify items center"),isActive:"center"===value,onClick:()=>handleClick("center")},{name:"right",icon:justify_right.A,title:(0,i18n_build_module.__)("Justify items right"),isActive:"right"===value,onClick:()=>handleClick("right")},{name:"space-between",icon:justify_space_between.A,title:(0,i18n_build_module.__)("Space between items"),isActive:"space-between"===value,onClick:()=>handleClick("space-between")},{name:"stretch",icon:justify_stretch.A,title:(0,i18n_build_module.__)("Stretch items"),isActive:"stretch"===value,onClick:()=>handleClick("stretch")}],UIComponent=isToolbar?toolbar_group.A:toolbar_dropdown_menu.A,extraProps=isToolbar?{isCollapsed}:{};return(0,jsx_runtime.jsx)(UIComponent,{icon,popoverProps,label:(0,i18n_build_module.__)("Change items justification"),controls:allControls.filter((elem=>allowedControls.includes(elem.name))),...extraProps})}const justify_content_control_ui=JustifyContentUI;JustifyContentUI.__docgenInfo={description:"",methods:[],displayName:"JustifyContentUI",props:{allowedControls:{defaultValue:{value:"[ 'left', 'center', 'right', 'space-between' ]",computed:!1},required:!1},isCollapsed:{defaultValue:{value:"true",computed:!1},required:!1}}};const JustifyContentControl=props=>(0,jsx_runtime.jsx)(justify_content_control_ui,{...props,isToolbar:!1});JustifyContentControl.__docgenInfo={description:"",methods:[],displayName:"JustifyContentControl"};__webpack_require__("./packages/hooks/build-module/index.js");function shouldSkipSerialization(blockNameOrType,featureSet,feature){const support=(0,blocks_build_module.bI)(blockNameOrType,featureSet),skipSerialization=support?.skipSerialization;return Array.isArray(skipSerialization)?skipSerialization.includes(feature):skipSerialization}new WeakMap;(0,react.memo)((function BlockProps({index,useBlockProps:hook,setAllWrapperProps,...props}){const wrapperProps=hook(props),setWrapperProps=next=>setAllWrapperProps((prev=>{const nextAll=[...prev];return nextAll[index]=next,nextAll}));return(0,react.useEffect)((()=>(setWrapperProps(wrapperProps),()=>{setWrapperProps(void 0)}))),null}));const justifyContentMap={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"},alignItemsMap={left:"flex-start",right:"flex-end",center:"center",stretch:"stretch"},verticalAlignmentMap={top:"flex-start",center:"center",bottom:"flex-end",stretch:"stretch","space-between":"space-between"},flexWrapOptions=["wrap","nowrap"],flex={name:"flex",label:(0,i18n_build_module.__)("Flex"),inspectorControls:function FlexLayoutInspectorControls({layout={},onChange,layoutBlockSupport={}}){const{allowOrientation=!0,allowJustification=!0}=layoutBlockSupport;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(component.A,{children:[allowJustification&&(0,jsx_runtime.jsx)(flex_item_component.A,{children:(0,jsx_runtime.jsx)(FlexLayoutJustifyContentControl,{layout,onChange})}),allowOrientation&&(0,jsx_runtime.jsx)(flex_item_component.A,{children:(0,jsx_runtime.jsx)(OrientationControl,{layout,onChange})})]}),(0,jsx_runtime.jsx)(FlexWrapControl,{layout,onChange})]})},toolBarControls:function FlexLayoutToolbarControls({layout={},onChange,layoutBlockSupport}){const{allowVerticalAlignment=!0,allowJustification=!0}=layoutBlockSupport;return allowJustification||allowVerticalAlignment?(0,jsx_runtime.jsxs)(block_controls,{group:"block",__experimentalShareWithChildBlocks:!0,children:[allowJustification&&(0,jsx_runtime.jsx)(FlexLayoutJustifyContentControl,{layout,onChange,isToolbar:!0}),allowVerticalAlignment&&(0,jsx_runtime.jsx)(FlexLayoutVerticalAlignmentControl,{layout,onChange})]}):null},getLayoutStyle:function getLayoutStyle({selector,layout,style,blockName,hasBlockGapSupport,layoutDefinitions=LAYOUT_DEFINITIONS}){const{orientation="horizontal"}=layout,blockGapValue=style?.spacing?.blockGap&&!shouldSkipSerialization(blockName,"spacing","blockGap")?getGapCSSValue(style?.spacing?.blockGap,"0.5em"):void 0,justifyContent=justifyContentMap[layout.justifyContent],flexWrap=flexWrapOptions.includes(layout.flexWrap)?layout.flexWrap:"wrap",verticalAlignment=verticalAlignmentMap[layout.verticalAlignment],alignItems=alignItemsMap[layout.justifyContent]||alignItemsMap.left;let output="";const rules=[];return flexWrap&&"wrap"!==flexWrap&&rules.push(`flex-wrap: ${flexWrap}`),"horizontal"===orientation?(verticalAlignment&&rules.push(`align-items: ${verticalAlignment}`),justifyContent&&rules.push(`justify-content: ${justifyContent}`)):(verticalAlignment&&rules.push(`justify-content: ${verticalAlignment}`),rules.push("flex-direction: column"),rules.push(`align-items: ${alignItems}`)),rules.length&&(output=`${appendSelectors(selector)} {\n\t\t\t\t${rules.join("; ")};\n\t\t\t}`),hasBlockGapSupport&&blockGapValue&&(output+=getBlockGapCSS(selector,layoutDefinitions,"flex",blockGapValue)),output},getOrientation(layout){const{orientation="horizontal"}=layout;return orientation},getAlignments:()=>[]};function FlexLayoutVerticalAlignmentControl({layout,onChange}){const{orientation="horizontal"}=layout,defaultVerticalAlignment="horizontal"===orientation?verticalAlignmentMap.center:verticalAlignmentMap.top,{verticalAlignment=defaultVerticalAlignment}=layout;return(0,jsx_runtime.jsx)(BlockVerticalAlignmentControl,{onChange:value=>{onChange({...layout,verticalAlignment:value})},value:verticalAlignment,controls:"horizontal"===orientation?["top","center","bottom","stretch"]:["top","center","bottom","space-between"]})}const POPOVER_PROPS={placement:"bottom-start"};function FlexLayoutJustifyContentControl({layout,onChange,isToolbar=!1}){const{justifyContent="left",orientation="horizontal"}=layout,onJustificationChange=value=>{onChange({...layout,justifyContent:value})},allowedControls=["left","center","right"];if("horizontal"===orientation?allowedControls.push("space-between"):allowedControls.push("stretch"),isToolbar)return(0,jsx_runtime.jsx)(JustifyContentControl,{allowedControls,value:justifyContent,onChange:onJustificationChange,popoverProps:POPOVER_PROPS});const justificationOptions=[{value:"left",icon:justify_left.A,label:(0,i18n_build_module.__)("Justify items left")},{value:"center",icon:justify_center.A,label:(0,i18n_build_module.__)("Justify items center")},{value:"right",icon:justify_right.A,label:(0,i18n_build_module.__)("Justify items right")}];return"horizontal"===orientation?justificationOptions.push({value:"space-between",icon:justify_space_between.A,label:(0,i18n_build_module.__)("Space between items")}):justificationOptions.push({value:"stretch",icon:justify_stretch.A,label:(0,i18n_build_module.__)("Stretch items")}),(0,jsx_runtime.jsx)(toggle_group_control_component.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,i18n_build_module.__)("Justification"),value:justifyContent,onChange:onJustificationChange,className:"block-editor-hooks__flex-layout-justification-controls",children:justificationOptions.map((({value,icon,label})=>(0,jsx_runtime.jsx)(toggle_group_control_option_icon_component.A,{value,icon,label},value)))})}function FlexWrapControl({layout,onChange}){const{flexWrap="wrap"}=layout;return(0,jsx_runtime.jsx)(toggle_control.A,{__nextHasNoMarginBottom:!0,label:(0,i18n_build_module.__)("Allow to wrap to multiple lines"),onChange:value=>{onChange({...layout,flexWrap:value?"wrap":"nowrap"})},checked:"wrap"===flexWrap})}function OrientationControl({layout,onChange}){const{orientation="horizontal",verticalAlignment,justifyContent}=layout;return(0,jsx_runtime.jsxs)(toggle_group_control_component.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,className:"block-editor-hooks__flex-layout-orientation-controls",label:(0,i18n_build_module.__)("Orientation"),value:orientation,onChange:value=>{let newVerticalAlignment=verticalAlignment,newJustification=justifyContent;return"horizontal"===value?("space-between"===verticalAlignment&&(newVerticalAlignment="center"),"stretch"===justifyContent&&(newJustification="left")):("stretch"===verticalAlignment&&(newVerticalAlignment="top"),"space-between"===justifyContent&&(newJustification="left")),onChange({...layout,orientation:value,verticalAlignment:newVerticalAlignment,justifyContent:newJustification})},children:[(0,jsx_runtime.jsx)(toggle_group_control_option_icon_component.A,{icon:arrow_right.A,value:"horizontal",label:(0,i18n_build_module.__)("Horizontal")}),(0,jsx_runtime.jsx)(toggle_group_control_option_icon_component.A,{icon:arrow_down.A,value:"vertical",label:(0,i18n_build_module.__)("Vertical")})]})}const flow={name:"default",label:(0,i18n_build_module.__)("Flow"),inspectorControls:function DefaultLayoutInspectorControls(){return null},toolBarControls:function DefaultLayoutToolbarControls(){return null},getLayoutStyle:function getLayoutStyle({selector,style,blockName,hasBlockGapSupport,layoutDefinitions=LAYOUT_DEFINITIONS}){const blockGapStyleValue=getGapCSSValue(style?.spacing?.blockGap);let blockGapValue="";shouldSkipSerialization(blockName,"spacing","blockGap")||(blockGapStyleValue?.top?blockGapValue=getGapCSSValue(blockGapStyleValue?.top):"string"==typeof blockGapStyleValue&&(blockGapValue=getGapCSSValue(blockGapStyleValue)));let output="";return hasBlockGapSupport&&blockGapValue&&(output+=getBlockGapCSS(selector,layoutDefinitions,"default",blockGapValue)),output},getOrientation:()=>"vertical",getAlignments(layout,isBlockBasedTheme){const alignmentInfo=getAlignmentsInfo(layout);if(void 0!==layout.alignments)return layout.alignments.includes("none")||layout.alignments.unshift("none"),layout.alignments.map((alignment=>({name:alignment,info:alignmentInfo[alignment]})));const alignments=[{name:"left"},{name:"center"},{name:"right"}];if(!isBlockBasedTheme){const{contentSize,wideSize}=layout;contentSize&&alignments.unshift({name:"full"}),wideSize&&alignments.unshift({name:"wide",info:alignmentInfo.wide})}return alignments.unshift({name:"none",info:alignmentInfo.none}),alignments}};var utils=__webpack_require__("./packages/components/build-module/unit-control/utils.js"),v_stack_component=__webpack_require__("./packages/components/build-module/v-stack/component.js"),unit_control=__webpack_require__("./packages/components/build-module/unit-control/index.js"),input_prefix_wrapper=__webpack_require__("./packages/components/build-module/input-control/input-prefix-wrapper.js"),icon=__webpack_require__("./packages/icons/build-module/icon/index.js"),align_none=__webpack_require__("./packages/icons/build-module/library/align-none.js"),stretch_wide=__webpack_require__("./packages/icons/build-module/library/stretch-wide.js"),style_engine_build_module=__webpack_require__("./packages/style-engine/build-module/index.js"),use_settings=__webpack_require__("./packages/block-editor/src/components/use-settings/index.js");const constrained={name:"constrained",label:(0,i18n_build_module.__)("Constrained"),inspectorControls:function DefaultLayoutInspectorControls({layout,onChange,layoutBlockSupport={}}){const{wideSize,contentSize,justifyContent="center"}=layout,{allowJustification=!0,allowCustomContentAndWideSize=!0}=layoutBlockSupport,justificationOptions=[{value:"left",icon:justify_left.A,label:(0,i18n_build_module.__)("Justify items left")},{value:"center",icon:justify_center.A,label:(0,i18n_build_module.__)("Justify items center")},{value:"right",icon:justify_right.A,label:(0,i18n_build_module.__)("Justify items right")}],[availableUnits]=(0,use_settings.t)("spacing.units"),units=(0,utils.E)({availableUnits:availableUnits||["%","px","em","rem","vw"]});return(0,jsx_runtime.jsxs)(v_stack_component.A,{spacing:4,className:"block-editor-hooks__layout-constrained",children:[allowCustomContentAndWideSize&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:(0,i18n_build_module.__)("Content width"),labelPosition:"top",value:contentSize||wideSize||"",onChange:nextWidth=>{nextWidth=0>parseFloat(nextWidth)?"0":nextWidth,onChange({...layout,contentSize:nextWidth})},units,prefix:(0,jsx_runtime.jsx)(input_prefix_wrapper.A,{variant:"icon",children:(0,jsx_runtime.jsx)(icon.A,{icon:align_none.A})})}),(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:(0,i18n_build_module.__)("Wide width"),labelPosition:"top",value:wideSize||contentSize||"",onChange:nextWidth=>{nextWidth=0>parseFloat(nextWidth)?"0":nextWidth,onChange({...layout,wideSize:nextWidth})},units,prefix:(0,jsx_runtime.jsx)(input_prefix_wrapper.A,{variant:"icon",children:(0,jsx_runtime.jsx)(icon.A,{icon:stretch_wide.A})})}),(0,jsx_runtime.jsx)("p",{className:"block-editor-hooks__layout-constrained-helptext",children:(0,i18n_build_module.__)("Customize the width for all elements that are assigned to the center or wide columns.")})]}),allowJustification&&(0,jsx_runtime.jsx)(toggle_group_control_component.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,i18n_build_module.__)("Justification"),value:justifyContent,onChange:value=>{onChange({...layout,justifyContent:value})},children:justificationOptions.map((({value,icon,label})=>(0,jsx_runtime.jsx)(toggle_group_control_option_icon_component.A,{value,icon,label},value)))})]})},toolBarControls:function DefaultLayoutToolbarControls({layout={},onChange,layoutBlockSupport}){const{allowJustification=!0}=layoutBlockSupport;return allowJustification?(0,jsx_runtime.jsx)(block_controls,{group:"block",__experimentalShareWithChildBlocks:!0,children:(0,jsx_runtime.jsx)(DefaultLayoutJustifyContentControl,{layout,onChange})}):null},getLayoutStyle:function getLayoutStyle({selector,layout={},style,blockName,hasBlockGapSupport,layoutDefinitions=LAYOUT_DEFINITIONS}){const{contentSize,wideSize,justifyContent}=layout,blockGapStyleValue=getGapCSSValue(style?.spacing?.blockGap);let blockGapValue="";shouldSkipSerialization(blockName,"spacing","blockGap")||(blockGapStyleValue?.top?blockGapValue=getGapCSSValue(blockGapStyleValue?.top):"string"==typeof blockGapStyleValue&&(blockGapValue=getGapCSSValue(blockGapStyleValue)));const marginLeft="left"===justifyContent?"0 !important":"auto !important",marginRight="right"===justifyContent?"0 !important":"auto !important";let output=contentSize||wideSize?`\n\t\t\t\t\t${appendSelectors(selector,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")} {\n\t\t\t\t\t\tmax-width: ${null!=contentSize?contentSize:wideSize};\n\t\t\t\t\t\tmargin-left: ${marginLeft};\n\t\t\t\t\t\tmargin-right: ${marginRight};\n\t\t\t\t\t}\n\t\t\t\t\t${appendSelectors(selector,"> .alignwide")} {\n\t\t\t\t\t\tmax-width: ${null!=wideSize?wideSize:contentSize};\n\t\t\t\t\t}\n\t\t\t\t\t${appendSelectors(selector,"> .alignfull")} {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`:"";if("left"===justifyContent?output+=`${appendSelectors(selector,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-left: ${marginLeft}; }`:"right"===justifyContent&&(output+=`${appendSelectors(selector,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-right: ${marginRight}; }`),style?.spacing?.padding){(0,style_engine_build_module.np)(style).forEach((rule=>{if("paddingRight"===rule.key){const paddingRightValue="0"===rule.value?"0px":rule.value;output+=`\n\t\t\t\t\t${appendSelectors(selector,"> .alignfull")} {\n\t\t\t\t\t\tmargin-right: calc(${paddingRightValue} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`}else if("paddingLeft"===rule.key){const paddingLeftValue="0"===rule.value?"0px":rule.value;output+=`\n\t\t\t\t\t${appendSelectors(selector,"> .alignfull")} {\n\t\t\t\t\t\tmargin-left: calc(${paddingLeftValue} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`}}))}return hasBlockGapSupport&&blockGapValue&&(output+=getBlockGapCSS(selector,layoutDefinitions,"constrained",blockGapValue)),output},getOrientation:()=>"vertical",getAlignments(layout){const alignmentInfo=getAlignmentsInfo(layout);if(void 0!==layout.alignments)return layout.alignments.includes("none")||layout.alignments.unshift("none"),layout.alignments.map((alignment=>({name:alignment,info:alignmentInfo[alignment]})));const{contentSize,wideSize}=layout,alignments=[{name:"left"},{name:"center"},{name:"right"}];return contentSize&&alignments.unshift({name:"full"}),wideSize&&alignments.unshift({name:"wide",info:alignmentInfo.wide}),alignments.unshift({name:"none",info:alignmentInfo.none}),alignments}},constrained_POPOVER_PROPS={placement:"bottom-start"};function DefaultLayoutJustifyContentControl({layout,onChange}){const{justifyContent="center"}=layout;return(0,jsx_runtime.jsx)(JustifyContentControl,{allowedControls:["left","center","right"],value:justifyContent,onChange:value=>{onChange({...layout,justifyContent:value})},popoverProps:constrained_POPOVER_PROPS})}var base_control=__webpack_require__("./packages/components/build-module/base-control/index.js"),range_control=__webpack_require__("./packages/components/build-module/range-control/index.js"),number_control=__webpack_require__("./packages/components/build-module/number-control/index.js"),toggle_group_control_option_component=__webpack_require__("./packages/components/build-module/toggle-group-control/toggle-group-control-option/component.js");const RANGE_CONTROL_MAX_VALUES={px:600,"%":100,vw:100,vh:100,em:38,rem:38,svw:100,lvw:100,dvw:100,svh:100,lvh:100,dvh:100,vi:100,svi:100,lvi:100,dvi:100,vb:100,svb:100,lvb:100,dvb:100,vmin:100,svmin:100,lvmin:100,dvmin:100,vmax:100,svmax:100,lvmax:100,dvmax:100},units=[{value:"px",label:"px",default:0},{value:"rem",label:"rem",default:0},{value:"em",label:"em",default:0}],grid={name:"grid",label:(0,i18n_build_module.__)("Grid"),inspectorControls:function GridLayoutInspectorControls({layout={},onChange,layoutBlockSupport={}}){const{allowSizingOnChildren=!1}=layoutBlockSupport,showColumnsControl=window.__experimentalEnableGridInteractivity||!!layout?.columnCount,showMinWidthControl=window.__experimentalEnableGridInteractivity||!layout?.columnCount;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(GridLayoutTypeControl,{layout,onChange}),(0,jsx_runtime.jsxs)(v_stack_component.A,{spacing:4,children:[showColumnsControl&&(0,jsx_runtime.jsx)(GridLayoutColumnsAndRowsControl,{layout,onChange,allowSizingOnChildren}),showMinWidthControl&&(0,jsx_runtime.jsx)(GridLayoutMinimumWidthControl,{layout,onChange})]})]})},toolBarControls:function GridLayoutToolbarControls(){return null},getLayoutStyle:function getLayoutStyle({selector,layout,style,blockName,hasBlockGapSupport,layoutDefinitions=LAYOUT_DEFINITIONS}){const{minimumColumnWidth=null,columnCount=null,rowCount=null}=layout;const blockGapValue=style?.spacing?.blockGap&&!shouldSkipSerialization(blockName,"spacing","blockGap")?getGapCSSValue(style?.spacing?.blockGap,"0.5em"):void 0;let output="";const rules=[];if(minimumColumnWidth&&columnCount>0){const maxValue=`max(${minimumColumnWidth}, ( 100% - (${blockGapValue||"1.2rem"}*${columnCount-1}) ) / ${columnCount})`;rules.push(`grid-template-columns: repeat(auto-fill, minmax(${maxValue}, 1fr))`,"container-type: inline-size"),rowCount&&rules.push(`grid-template-rows: repeat(${rowCount}, minmax(1rem, auto))`)}else columnCount?(rules.push(`grid-template-columns: repeat(${columnCount}, minmax(0, 1fr))`),rowCount&&rules.push(`grid-template-rows: repeat(${rowCount}, minmax(1rem, auto))`)):rules.push(`grid-template-columns: repeat(auto-fill, minmax(min(${minimumColumnWidth||"12rem"}, 100%), 1fr))`,"container-type: inline-size");return rules.length&&(output=`${appendSelectors(selector)} { ${rules.join("; ")}; }`),hasBlockGapSupport&&blockGapValue&&(output+=getBlockGapCSS(selector,layoutDefinitions,"grid",blockGapValue)),output},getOrientation:()=>"horizontal",getAlignments:()=>[]};function GridLayoutMinimumWidthControl({layout,onChange}){const{minimumColumnWidth,columnCount,isManualPlacement}=layout,value=minimumColumnWidth||(isManualPlacement||columnCount?null:"12rem"),[quantity,unit="rem"]=(0,utils.bu)(value);return(0,jsx_runtime.jsxs)("fieldset",{children:[(0,jsx_runtime.jsx)(base_control.Ay.VisualLabel,{as:"legend",children:(0,i18n_build_module.__)("Minimum column width")}),(0,jsx_runtime.jsxs)(component.A,{gap:4,children:[(0,jsx_runtime.jsx)(flex_item_component.A,{isBlock:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{size:"__unstable-large",onChange:newValue=>{onChange({...layout,minimumColumnWidth:""===newValue?void 0:newValue})},onUnitChange:newUnit=>{let newValue;["em","rem"].includes(newUnit)&&"px"===unit?newValue=(quantity/16).toFixed(2)+newUnit:["em","rem"].includes(unit)&&"px"===newUnit&&(newValue=Math.round(16*quantity)+newUnit),onChange({...layout,minimumColumnWidth:newValue})},value,units,min:0,label:(0,i18n_build_module.__)("Minimum column width"),hideLabelFromVision:!0})}),(0,jsx_runtime.jsx)(flex_item_component.A,{isBlock:!0,children:(0,jsx_runtime.jsx)(range_control.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:next=>{onChange({...layout,minimumColumnWidth:[next,unit].join("")})},value:quantity||0,min:0,max:RANGE_CONTROL_MAX_VALUES[unit]||600,withInputField:!1,label:(0,i18n_build_module.__)("Minimum column width"),hideLabelFromVision:!0})})]})]})}function GridLayoutColumnsAndRowsControl({layout,onChange,allowSizingOnChildren}){const defaultColumnCount=window.__experimentalEnableGridInteractivity?void 0:3,{columnCount=defaultColumnCount,rowCount,isManualPlacement}=layout;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsxs)("fieldset",{children:[(!window.__experimentalEnableGridInteractivity||!isManualPlacement)&&(0,jsx_runtime.jsx)(base_control.Ay.VisualLabel,{as:"legend",children:(0,i18n_build_module.__)("Columns")}),(0,jsx_runtime.jsxs)(component.A,{gap:4,children:[(0,jsx_runtime.jsx)(flex_item_component.A,{isBlock:!0,children:(0,jsx_runtime.jsx)(number_control.A,{size:"__unstable-large",onChange:value=>{if(window.__experimentalEnableGridInteractivity){const newColumnCount=""===value||"0"===value?isManualPlacement?1:void 0:parseInt(value,10);onChange({...layout,columnCount:newColumnCount})}else{const newColumnCount=""===value||"0"===value?1:parseInt(value,10);onChange({...layout,columnCount:newColumnCount})}},value:columnCount,min:1,label:(0,i18n_build_module.__)("Columns"),hideLabelFromVision:!window.__experimentalEnableGridInteractivity||!isManualPlacement})}),(0,jsx_runtime.jsx)(flex_item_component.A,{isBlock:!0,children:window.__experimentalEnableGridInteractivity&&allowSizingOnChildren&&isManualPlacement?(0,jsx_runtime.jsx)(number_control.A,{size:"__unstable-large",onChange:value=>{const newRowCount=""===value||"0"===value?1:parseInt(value,10);onChange({...layout,rowCount:newRowCount})},value:rowCount,min:1,label:(0,i18n_build_module.__)("Rows")}):(0,jsx_runtime.jsx)(range_control.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:null!=columnCount?columnCount:1,onChange:value=>onChange({...layout,columnCount:""===value||"0"===value?1:value}),min:1,max:16,withInputField:!1,label:(0,i18n_build_module.__)("Columns"),hideLabelFromVision:!0})})]})]})})}function GridLayoutTypeControl({layout,onChange}){const{columnCount,rowCount,minimumColumnWidth,isManualPlacement}=layout,[tempColumnCount,setTempColumnCount]=(0,react.useState)(columnCount||3),[tempRowCount,setTempRowCount]=(0,react.useState)(rowCount),[tempMinimumColumnWidth,setTempMinimumColumnWidth]=(0,react.useState)(minimumColumnWidth||"12rem"),gridPlacement=isManualPlacement||columnCount&&!window.__experimentalEnableGridInteractivity?"manual":"auto",helpText="manual"===gridPlacement?(0,i18n_build_module.__)("Grid items can be manually placed in any position on the grid."):(0,i18n_build_module.__)("Grid items are placed automatically depending on their order.");return(0,jsx_runtime.jsxs)(toggle_group_control_component.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,i18n_build_module.__)("Grid item position"),value:gridPlacement,onChange:value=>{"manual"===value?setTempMinimumColumnWidth(minimumColumnWidth||"12rem"):(setTempColumnCount(columnCount||3),setTempRowCount(rowCount)),onChange({...layout,columnCount:"manual"===value?tempColumnCount:null,rowCount:"manual"===value&&window.__experimentalEnableGridInteractivity?tempRowCount:void 0,isManualPlacement:!("manual"!==value||!window.__experimentalEnableGridInteractivity)||void 0,minimumColumnWidth:"auto"===value?tempMinimumColumnWidth:null})},isBlock:!0,help:window.__experimentalEnableGridInteractivity?helpText:void 0,children:[(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"auto",label:(0,i18n_build_module.__)("Auto")},"auto"),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"manual",label:(0,i18n_build_module.__)("Manual")},"manual")]})}const layoutTypes=[flow,flex,constrained,grid];function getLayoutType(name="default"){return layoutTypes.find((layoutType=>layoutType.name===name))}const defaultLayout={type:"default"},Layout=(0,react.createContext)(defaultLayout),LayoutProvider=Layout.Provider;function Block({children,isHtml,...props}){return(0,jsx_runtime.jsx)("div",{...useBlockProps(props,{__unstableIsHtml:isHtml}),children})}function BlockListBlock({block:{__unstableBlockSource},mode,isLocked,canRemove,clientId,isSelected,isSelectionEnabled,className,__unstableLayoutClassNames:layoutClassNames,name,isValid,attributes,wrapperProps,setAttributes,onReplace,onRemove,onInsertBlocksAfter,onMerge,toggleSelection}){var _wrapperProps;const{mayDisplayControls,mayDisplayParentControls,themeSupportsLayout,...context}=(0,react.useContext)(PrivateBlockContext),parentLayout=function useLayout(){return(0,react.useContext)(Layout)}()||{};let blockEdit=(0,jsx_runtime.jsx)(BlockEdit,{name,isSelected,attributes,setAttributes,insertBlocksAfter:isLocked?void 0:onInsertBlocksAfter,onReplace:canRemove?onReplace:void 0,onRemove:canRemove?onRemove:void 0,mergeBlocks:canRemove?onMerge:void 0,clientId,isSelectionEnabled,toggleSelection,__unstableLayoutClassNames:layoutClassNames,__unstableParentLayout:Object.keys(parentLayout).length?parentLayout:void 0,mayDisplayControls,mayDisplayParentControls,blockEditingMode:context.blockEditingMode,isPreviewMode:context.isPreviewMode});const blockType=(0,blocks_build_module.E7)(name);blockType?.getEditWrapperProps&&(wrapperProps=function mergeWrapperProps(propsA,propsB){const newProps={...propsA,...propsB};return propsA?.hasOwnProperty("className")&&propsB?.hasOwnProperty("className")&&(newProps.className=(0,dist_clsx.A)(propsA.className,propsB.className)),propsA?.hasOwnProperty("style")&&propsB?.hasOwnProperty("style")&&(newProps.style={...propsA.style,...propsB.style}),newProps}(wrapperProps,blockType.getEditWrapperProps(attributes)));const isAligned=wrapperProps&&!!wrapperProps["data-align"]&&!themeSupportsLayout,isSticky=className?.includes("is-position-sticky");let block;if(isAligned&&(blockEdit=(0,jsx_runtime.jsx)("div",{className:(0,dist_clsx.A)("wp-block",isSticky&&className),"data-align":wrapperProps["data-align"],children:blockEdit})),isValid)block="html"===mode?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{style:{display:"none"},children:blockEdit}),(0,jsx_runtime.jsx)(Block,{isHtml:!0,children:(0,jsx_runtime.jsx)(block_html,{clientId})})]}):blockType?.apiVersion>1?blockEdit:(0,jsx_runtime.jsx)(Block,{children:blockEdit});else{const saveContent=__unstableBlockSource?(0,blocks_build_module.Kx)(__unstableBlockSource):(0,blocks_build_module.Z9)(blockType,attributes);block=(0,jsx_runtime.jsxs)(Block,{className:"has-warning",children:[(0,jsx_runtime.jsx)(BlockInvalidWarning,{clientId}),(0,jsx_runtime.jsx)(raw_html.A,{children:(0,safe_html.A)(saveContent)})]})}const{"data-align":dataAlign,...restWrapperProps}=null!==(_wrapperProps=wrapperProps)&&void 0!==_wrapperProps?_wrapperProps:{},updatedWrapperProps={...restWrapperProps,className:(0,dist_clsx.A)(restWrapperProps.className,dataAlign&&themeSupportsLayout&&`align${dataAlign}`,!(dataAlign&&isSticky)&&className)};return(0,jsx_runtime.jsx)(PrivateBlockContext.Provider,{value:{wrapperProps:updatedWrapperProps,isAligned,...context},children:(0,jsx_runtime.jsx)(block_crash_boundary,{fallback:(0,jsx_runtime.jsx)(Block,{className:"has-warning",children:(0,jsx_runtime.jsx)(block_crash_warning,{})}),children:block})})}const applyWithDispatch=(0,with_dispatch.A)(((dispatch,ownProps,registry)=>{const{updateBlockAttributes,insertBlocks,mergeBlocks,replaceBlocks,toggleSelection,__unstableMarkLastChangeAsPersistent,moveBlocksToPosition,removeBlock,selectBlock}=dispatch(store.M);return{setAttributes(newAttributes){const{getMultiSelectedBlockClientIds}=registry.select(store.M),multiSelectedBlockClientIds=getMultiSelectedBlockClientIds(),{clientId}=ownProps,clientIds=multiSelectedBlockClientIds.length?multiSelectedBlockClientIds:[clientId];updateBlockAttributes(clientIds,newAttributes)},onInsertBlocks(blocks,index){const{rootClientId}=ownProps;insertBlocks(blocks,index,rootClientId)},onInsertBlocksAfter(blocks){const{clientId,rootClientId}=ownProps,{getBlockIndex}=registry.select(store.M),index=getBlockIndex(clientId);insertBlocks(blocks,index+1,rootClientId)},onMerge(forward){const{clientId,rootClientId}=ownProps,{getPreviousBlockClientId,getNextBlockClientId,getBlock,getBlockAttributes,getBlockName,getBlockOrder,getBlockIndex,getBlockRootClientId,canInsertBlockType}=registry.select(store.M);function switchToDefaultOrRemove(){const block=getBlock(clientId),defaultBlockName=(0,blocks_build_module.K$)(),defaultBlockType=(0,blocks_build_module.E7)(defaultBlockName);if(getBlockName(clientId)!==defaultBlockName){const replacement=(0,blocks_build_module.bh)(block,defaultBlockName);replacement&&replacement.length&&replaceBlocks(clientId,replacement)}else if((0,blocks_build_module.Xw)(block)){const nextBlockClientId=getNextBlockClientId(clientId);nextBlockClientId&®istry.batch((()=>{removeBlock(clientId),selectBlock(nextBlockClientId)}))}else if(defaultBlockType.merge){const attributes=defaultBlockType.merge({},block.attributes);replaceBlocks([clientId],[(0,blocks_build_module.Wv)(defaultBlockName,attributes)])}}function moveFirstItemUp(_clientId,changeSelection=!0){const wrapperBlockName=getBlockName(_clientId),isTextualWrapper="text"===(0,blocks_build_module.E7)(wrapperBlockName).category,targetRootClientId=getBlockRootClientId(_clientId),blockOrder=getBlockOrder(_clientId),[firstClientId]=blockOrder;1===blockOrder.length&&(0,blocks_build_module.C5)(getBlock(firstClientId))?removeBlock(_clientId):isTextualWrapper?registry.batch((()=>{if(canInsertBlockType(getBlockName(firstClientId),targetRootClientId))moveBlocksToPosition([firstClientId],_clientId,targetRootClientId,getBlockIndex(_clientId));else{const replacement=(0,blocks_build_module.bh)(getBlock(firstClientId),(0,blocks_build_module.K$)());replacement&&replacement.length&&replacement.every((block=>canInsertBlockType(block.name,targetRootClientId)))?(insertBlocks(replacement,getBlockIndex(_clientId),targetRootClientId,changeSelection),removeBlock(firstClientId,!1)):switchToDefaultOrRemove()}!getBlockOrder(_clientId).length&&(0,blocks_build_module.C5)(getBlock(_clientId))&&removeBlock(_clientId,!1)})):switchToDefaultOrRemove()}if(forward){if(rootClientId){const nextRootClientId=getNextBlockClientId(rootClientId);if(nextRootClientId){if(getBlockName(rootClientId)!==getBlockName(nextRootClientId))return void mergeBlocks(rootClientId,nextRootClientId);{const rootAttributes=getBlockAttributes(rootClientId),previousRootAttributes=getBlockAttributes(nextRootClientId);if(Object.keys(rootAttributes).every((key=>rootAttributes[key]===previousRootAttributes[key])))return void registry.batch((()=>{moveBlocksToPosition(getBlockOrder(nextRootClientId),nextRootClientId,rootClientId),removeBlock(nextRootClientId,!1)}))}}}const nextBlockClientId=getNextBlockClientId(clientId);if(!nextBlockClientId)return;getBlockOrder(nextBlockClientId).length?moveFirstItemUp(nextBlockClientId,!1):mergeBlocks(clientId,nextBlockClientId)}else{const previousBlockClientId=getPreviousBlockClientId(clientId);if(previousBlockClientId)mergeBlocks(previousBlockClientId,clientId);else if(rootClientId){const previousRootClientId=getPreviousBlockClientId(rootClientId);if(previousRootClientId&&getBlockName(rootClientId)===getBlockName(previousRootClientId)){const rootAttributes=getBlockAttributes(rootClientId),previousRootAttributes=getBlockAttributes(previousRootClientId);if(Object.keys(rootAttributes).every((key=>rootAttributes[key]===previousRootAttributes[key])))return void registry.batch((()=>{moveBlocksToPosition(getBlockOrder(rootClientId),rootClientId,previousRootClientId),removeBlock(rootClientId,!1)}))}moveFirstItemUp(rootClientId)}else switchToDefaultOrRemove()}},onReplace(blocks,indexToSelect,initialPosition){blocks.length&&!(0,blocks_build_module.Xw)(blocks[blocks.length-1])&&__unstableMarkLastChangeAsPersistent();const replacementBlocks=1===blocks?.length&&Array.isArray(blocks[0])?blocks[0]:blocks;replaceBlocks([ownProps.clientId],replacementBlocks,indexToSelect,initialPosition)},onRemove(){removeBlock(ownProps.clientId)},toggleSelection(selectionEnabled){toggleSelection(selectionEnabled)}}}));function BlockListBlockProvider(props){const{clientId,rootClientId}=props,selectedProps=(0,use_select.A)((select=>{const{isBlockSelected,getBlockMode,isSelectionEnabled,getTemplateLock,isSectionBlock:_isSectionBlock,getBlockWithoutAttributes,getBlockAttributes,canRemoveBlock,canMoveBlock,getSettings,getTemporarilyEditingAsBlocks,getBlockEditingMode,getBlockName,isFirstMultiSelectedBlock,getMultiSelectedBlockClientIds,hasSelectedInnerBlock,getBlocksByName,getBlockIndex,isBlockMultiSelected,isBlockSubtreeDisabled,isBlockHighlighted,__unstableIsFullySelected,__unstableSelectionHasUnmergeableBlock,isBlockBeingDragged,isDragging,__unstableHasActiveBlockOverlayActive,getSelectedBlocksInitialCaretPosition}=(0,lock_unlock.T)(select(store.M)),blockWithoutAttributes=getBlockWithoutAttributes(clientId);if(!blockWithoutAttributes)return;const{hasBlockSupport:_hasBlockSupport,getActiveBlockVariation}=select(blocks_build_module.M_),attributes=getBlockAttributes(clientId),{name:blockName,isValid}=blockWithoutAttributes,blockType=(0,blocks_build_module.E7)(blockName),{supportsLayout,isPreviewMode}=getSettings(),hasLightBlockWrapper=blockType?.apiVersion>1,previewContext={isPreviewMode,blockWithoutAttributes,name:blockName,attributes,isValid,themeSupportsLayout:supportsLayout,index:getBlockIndex(clientId),isReusable:(0,blocks_build_module.tk)(blockType),className:hasLightBlockWrapper?attributes.className:void 0,defaultClassName:hasLightBlockWrapper?(0,blocks_build_module.KW)(blockName):void 0,blockTitle:blockType?.title};if(isPreviewMode)return previewContext;const _isSelected=isBlockSelected(clientId),canRemove=canRemoveBlock(clientId),canMove=canMoveBlock(clientId),match=getActiveBlockVariation(blockName,attributes),isMultiSelected=isBlockMultiSelected(clientId),isAncestorOfSelectedBlock=hasSelectedInnerBlock(clientId,!0),blockEditingMode=getBlockEditingMode(clientId),blocksWithSameName=(0,blocks_build_module.pN)(blockName,"multiple",!0)?[]:getBlocksByName(blockName),isInvalid=blocksWithSameName.length&&blocksWithSameName[0]!==clientId;return{...previewContext,mode:getBlockMode(clientId),isSelectionEnabled:isSelectionEnabled(),isLocked:!!getTemplateLock(rootClientId),isSectionBlock:_isSectionBlock(clientId),canRemove,canMove,isSelected:_isSelected,isTemporarilyEditingAsBlocks:getTemporarilyEditingAsBlocks()===clientId,blockEditingMode,mayDisplayControls:_isSelected||isFirstMultiSelectedBlock(clientId)&&getMultiSelectedBlockClientIds().every((id=>getBlockName(id)===blockName)),mayDisplayParentControls:_hasBlockSupport(getBlockName(clientId),"__experimentalExposeControlsToChildren",!1)&&hasSelectedInnerBlock(clientId),blockApiVersion:blockType?.apiVersion||1,blockTitle:match?.title||blockType?.title,isSubtreeDisabled:"disabled"===blockEditingMode&&isBlockSubtreeDisabled(clientId),hasOverlay:__unstableHasActiveBlockOverlayActive(clientId)&&!isDragging(),initialPosition:_isSelected?getSelectedBlocksInitialCaretPosition():void 0,isHighlighted:isBlockHighlighted(clientId),isMultiSelected,isPartiallySelected:isMultiSelected&&!__unstableIsFullySelected()&&!__unstableSelectionHasUnmergeableBlock(),isDragging:isBlockBeingDragged(clientId),hasChildSelected:isAncestorOfSelectedBlock,isEditingDisabled:"disabled"===blockEditingMode,hasEditableOutline:"disabled"!==blockEditingMode&&"disabled"===getBlockEditingMode(rootClientId),originalBlockClientId:!!isInvalid&&blocksWithSameName[0]}}),[clientId,rootClientId]),{isPreviewMode,mode="visual",isSelectionEnabled=!1,isLocked=!1,canRemove=!1,canMove=!1,blockWithoutAttributes,name,attributes,isValid,isSelected=!1,themeSupportsLayout,isTemporarilyEditingAsBlocks,blockEditingMode,mayDisplayControls,mayDisplayParentControls,index,blockApiVersion,blockTitle,isSubtreeDisabled,hasOverlay,initialPosition,isHighlighted,isMultiSelected,isPartiallySelected,isReusable,isDragging,hasChildSelected,isSectionBlock,isEditingDisabled,hasEditableOutline,className,defaultClassName,originalBlockClientId}=selectedProps,block=(0,react.useMemo)((()=>({...blockWithoutAttributes,attributes})),[blockWithoutAttributes,attributes]);if(!selectedProps)return null;const privateContext={isPreviewMode,clientId,className,index,mode,name,blockApiVersion,blockTitle,isSelected,isSubtreeDisabled,hasOverlay,initialPosition,blockEditingMode,isHighlighted,isMultiSelected,isPartiallySelected,isReusable,isDragging,hasChildSelected,isSectionBlock,isEditingDisabled,hasEditableOutline,isTemporarilyEditingAsBlocks,defaultClassName,mayDisplayControls,mayDisplayParentControls,originalBlockClientId,themeSupportsLayout,canMove};return(0,jsx_runtime.jsx)(PrivateBlockContext.Provider,{value:privateContext,children:(0,jsx_runtime.jsx)(BlockListBlock,{...props,mode,isSelectionEnabled,isLocked,canRemove,canMove,block,name,attributes,isValid,isSelected})})}BlockListBlock=(0,compose.A)(applyWithDispatch,(0,with_filters.A)("editor.BlockListBlock"))(BlockListBlock);const block=(0,react.memo)(BlockListBlockProvider);BlockListBlockProvider.__docgenInfo={description:"",methods:[],displayName:"BlockListBlockProvider"};var html_entities_build_module=__webpack_require__("./packages/html-entities/build-module/index.js"),inserter=__webpack_require__("./packages/block-editor/src/components/inserter/index.js");const ZWNBSP="\ufeff";function DefaultBlockAppender({rootClientId}){const{showPrompt,isLocked,placeholder,isManualGrid}=(0,use_select.A)((select=>{const{getBlockCount,getSettings,getTemplateLock,getBlockAttributes}=select(store.M),isEmpty=!getBlockCount(rootClientId),{bodyPlaceholder}=getSettings();return{showPrompt:isEmpty,isLocked:!!getTemplateLock(rootClientId),placeholder:bodyPlaceholder,isManualGrid:getBlockAttributes(rootClientId)?.layout?.isManualPlacement}}),[rootClientId]),{insertDefaultBlock,startTyping}=(0,use_dispatch.A)(store.M);if(isLocked||isManualGrid)return null;const value=(0,html_entities_build_module.S)(placeholder)||(0,i18n_build_module.__)("Type / to choose a block"),onAppend=()=>{insertDefaultBlock(void 0,rootClientId),startTyping()};return(0,jsx_runtime.jsxs)("div",{"data-root-client-id":rootClientId||"",className:(0,dist_clsx.A)("block-editor-default-block-appender",{"has-visible-prompt":showPrompt}),children:[(0,jsx_runtime.jsx)("p",{tabIndex:"0",role:"button","aria-label":(0,i18n_build_module.__)("Add default block"),className:"block-editor-default-block-appender__content",onKeyDown:event=>{keycodes_build_module.Fm!==event.keyCode&&keycodes_build_module.t6!==event.keyCode||onAppend()},onClick:()=>onAppend(),onFocus:()=>{showPrompt&&onAppend()},children:showPrompt?value:ZWNBSP}),(0,jsx_runtime.jsx)(inserter.A,{rootClientId,position:"bottom right",isAppender:!0,__experimentalIsQuick:!0})]})}DefaultBlockAppender.__docgenInfo={description:"",methods:[],displayName:"DefaultBlockAppender"};var plus=__webpack_require__("./packages/icons/build-module/library/plus.js");function ButtonBlockAppender({rootClientId,className,onFocus,tabIndex,onSelect},ref){const inserterButtonRef=(0,react.useRef)(),mergedInserterButtonRef=(0,use_merge_refs.A)([inserterButtonRef,ref]);return(0,jsx_runtime.jsx)(inserter.A,{position:"bottom center",rootClientId,__experimentalIsQuick:!0,onSelectOrClose:(...args)=>{onSelect&&"function"==typeof onSelect&&onSelect(...args),inserterButtonRef.current?.focus()},renderToggle:({onToggle,disabled,isOpen,blockTitle,hasSingleBlockType})=>{const isToggleButton=!hasSingleBlockType,label=hasSingleBlockType?(0,i18n_build_module.nv)((0,i18n_build_module._x)("Add %s","directly add the only allowed block"),blockTitle):(0,i18n_build_module._x)("Add block","Generic label for block inserter button");return(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,ref:mergedInserterButtonRef,onFocus,tabIndex,className:(0,dist_clsx.A)(className,"block-editor-button-block-appender"),onClick:onToggle,"aria-haspopup":isToggleButton?"true":void 0,"aria-expanded":isToggleButton?isOpen:void 0,disabled,label,showTooltip:!0,children:(0,jsx_runtime.jsx)(icon.A,{icon:plus.A})})},isAppender:!0})}const ButtonBlockerAppender=(0,react.forwardRef)(((props,ref)=>((0,build_module.A)("wp.blockEditor.ButtonBlockerAppender",{alternative:"wp.blockEditor.ButtonBlockAppender",since:"5.9"}),ButtonBlockAppender(props,ref)))),button_block_appender=(0,react.forwardRef)(ButtonBlockAppender);function DefaultAppender({rootClientId}){return(0,use_select.A)((select=>select(store.M).canInsertBlockType((0,blocks_build_module.K$)(),rootClientId)))?(0,jsx_runtime.jsx)(DefaultBlockAppender,{rootClientId}):(0,jsx_runtime.jsx)(button_block_appender,{rootClientId,className:"block-list-appender__toggle"})}function BlockListAppender({rootClientId,CustomAppender,className,tagName:TagName="div"}){const isDragOver=(0,use_select.A)((select=>{const{getBlockInsertionPoint,isBlockInsertionPointVisible,getBlockCount}=select(store.M),insertionPoint=getBlockInsertionPoint();return isBlockInsertionPointVisible()&&rootClientId===insertionPoint?.rootClientId&&0===getBlockCount(rootClientId)}),[rootClientId]);return(0,jsx_runtime.jsx)(TagName,{tabIndex:-1,className:(0,dist_clsx.A)("block-list-appender wp-block",className,{"is-drag-over":isDragOver}),contentEditable:!1,"data-block":!0,children:CustomAppender?(0,jsx_runtime.jsx)(CustomAppender,{}):(0,jsx_runtime.jsx)(DefaultAppender,{rootClientId})})}ButtonBlockerAppender.__docgenInfo={description:"Use `ButtonBlockAppender` instead.\n\n@deprecated",methods:[],displayName:"ButtonBlockerAppender"},ButtonBlockAppender.__docgenInfo={description:"",methods:[],displayName:"ButtonBlockAppender"},BlockListAppender.__docgenInfo={description:"",methods:[],displayName:"BlockListAppender",props:{tagName:{defaultValue:{value:"'div'",computed:!1},required:!1}}};var motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),popover=__webpack_require__("./packages/components/build-module/popover/index.js");const use_popover_scroll=function usePopoverScroll(scrollableRef){return(0,use_ref_effect.A)((node=>{if(!scrollableRef)return;function onWheel(event){const{deltaX,deltaY}=event;scrollableRef.current.scrollBy(deltaX,deltaY)}const options={passive:!0};return node.addEventListener("wheel",onWheel,options),()=>{node.removeEventListener("wheel",onWheel,options)}}),[scrollableRef])},MAX_POPOVER_RECOMPUTE_COUNTER=Number.MAX_SAFE_INTEGER;(0,react.createContext)();function BlockPopoverInbetween({previousClientId,nextClientId,children,__unstablePopoverSlot,__unstableContentRef,operation="insert",nearestSide="right",...props}){const[popoverRecomputeCounter,forcePopoverRecompute]=(0,react.useReducer)((s=>(s+1)%MAX_POPOVER_RECOMPUTE_COUNTER),0),{orientation,rootClientId,isVisible}=(0,use_select.A)((select=>{const{getBlockListSettings,getBlockRootClientId,isBlockVisible}=select(store.M),_rootClientId=getBlockRootClientId(null!=previousClientId?previousClientId:nextClientId);return{orientation:getBlockListSettings(_rootClientId)?.orientation||"vertical",rootClientId:_rootClientId,isVisible:isBlockVisible(previousClientId)&&isBlockVisible(nextClientId)}}),[previousClientId,nextClientId]),previousElement=(0,use_block_refs.dN)(previousClientId),nextElement=(0,use_block_refs.dN)(nextClientId),isVertical="vertical"===orientation,popoverAnchor=(0,react.useMemo)((()=>{if(popoverRecomputeCounter<0||!previousElement&&!nextElement||!isVisible)return;return{contextElement:"group"===operation?nextElement||previousElement:previousElement||nextElement,getBoundingClientRect(){const previousRect=previousElement?previousElement.getBoundingClientRect():null,nextRect=nextElement?nextElement.getBoundingClientRect():null;let left=0,top=0,width=0,height=0;if("group"===operation){const targetRect=nextRect||previousRect;top=targetRect.top,width=0,height=targetRect.bottom-targetRect.top,left="left"===nearestSide?targetRect.left-2:targetRect.right-2}else isVertical?(top=previousRect?previousRect.bottom:nextRect.top,width=previousRect?previousRect.width:nextRect.width,height=nextRect&&previousRect?nextRect.top-previousRect.bottom:0,left=previousRect?previousRect.left:nextRect.left):(top=previousRect?previousRect.top:nextRect.top,height=previousRect?previousRect.height:nextRect.height,(0,i18n_build_module.V8)()?(left=nextRect?nextRect.right:previousRect.left,width=previousRect&&nextRect?previousRect.left-nextRect.right:0):(left=previousRect?previousRect.right:nextRect.left,width=previousRect&&nextRect?nextRect.left-previousRect.right:0),width=Math.max(width,0));return new window.DOMRect(left,top,width,height)}}}),[previousElement,nextElement,popoverRecomputeCounter,isVertical,isVisible,operation,nearestSide]),popoverScrollRef=use_popover_scroll(__unstableContentRef);return(0,react.useLayoutEffect)((()=>{if(!previousElement)return;const observer=new window.MutationObserver(forcePopoverRecompute);return observer.observe(previousElement,{attributes:!0}),()=>{observer.disconnect()}}),[previousElement]),(0,react.useLayoutEffect)((()=>{if(!nextElement)return;const observer=new window.MutationObserver(forcePopoverRecompute);return observer.observe(nextElement,{attributes:!0}),()=>{observer.disconnect()}}),[nextElement]),(0,react.useLayoutEffect)((()=>{if(previousElement)return previousElement.ownerDocument.defaultView.addEventListener("resize",forcePopoverRecompute),()=>{previousElement.ownerDocument.defaultView?.removeEventListener("resize",forcePopoverRecompute)}}),[previousElement]),(previousElement||nextElement)&&isVisible?(0,jsx_runtime.jsx)(popover.Ay,{ref:popoverScrollRef,animate:!1,anchor:popoverAnchor,focusOnMount:!1,__unstableSlotName:__unstablePopoverSlot,inline:!__unstablePopoverSlot,...props,className:(0,dist_clsx.A)("block-editor-block-popover","block-editor-block-popover__inbetween",props.className),resize:!1,flip:!1,placement:"overlay",variant:"unstyled",children:(0,jsx_runtime.jsx)("div",{className:"block-editor-block-popover__inbetween-container",children})},nextClientId+"--"+rootClientId):null}BlockPopoverInbetween.__docgenInfo={description:"",methods:[],displayName:"BlockPopoverInbetween",props:{operation:{defaultValue:{value:"'insert'",computed:!1},required:!1},nearestSide:{defaultValue:{value:"'right'",computed:!1},required:!1}}};const block_popover_MAX_POPOVER_RECOMPUTE_COUNTER=Number.MAX_SAFE_INTEGER;function BlockPopover({clientId,bottomClientId,children,__unstablePopoverSlot,__unstableContentRef,shift=!0,...props},ref){const selectedElement=(0,use_block_refs.dN)(clientId),lastSelectedElement=(0,use_block_refs.dN)(null!=bottomClientId?bottomClientId:clientId),mergedRefs=(0,use_merge_refs.A)([ref,use_popover_scroll(__unstableContentRef)]),[popoverDimensionsRecomputeCounter,forceRecomputePopoverDimensions]=(0,react.useReducer)((s=>(s+1)%block_popover_MAX_POPOVER_RECOMPUTE_COUNTER),0);(0,react.useLayoutEffect)((()=>{if(!selectedElement)return;const observer=new window.MutationObserver(forceRecomputePopoverDimensions);return observer.observe(selectedElement,{attributes:!0}),()=>{observer.disconnect()}}),[selectedElement]);const popoverAnchor=(0,react.useMemo)((()=>{if(!(popoverDimensionsRecomputeCounter<0||!selectedElement||bottomClientId&&!lastSelectedElement))return{getBoundingClientRect:()=>lastSelectedElement?rectUnion(getElementBounds(selectedElement),getElementBounds(lastSelectedElement)):getElementBounds(selectedElement),contextElement:selectedElement}}),[popoverDimensionsRecomputeCounter,selectedElement,bottomClientId,lastSelectedElement]);return!selectedElement||bottomClientId&&!lastSelectedElement?null:(0,jsx_runtime.jsx)(popover.Ay,{ref:mergedRefs,animate:!1,focusOnMount:!1,anchor:popoverAnchor,__unstableSlotName:__unstablePopoverSlot,inline:!__unstablePopoverSlot,placement:"top-start",resize:!1,flip:!1,shift,...props,className:(0,dist_clsx.A)("block-editor-block-popover",props.className),variant:"unstyled",children})}const PrivateBlockPopover=(0,react.forwardRef)(BlockPopover),PublicBlockPopover=({clientId,bottomClientId,children,...props},ref)=>(0,jsx_runtime.jsx)(PrivateBlockPopover,{...props,bottomClientId,clientId,__unstableContentRef:void 0,__unstablePopoverSlot:void 0,ref,children});(0,react.forwardRef)(PublicBlockPopover);function BlockPopoverCover({clientId,bottomClientId,children,shift=!1,additionalStyles,...props},ref){var _bottomClientId;null!==(_bottomClientId=bottomClientId)&&void 0!==_bottomClientId||(bottomClientId=clientId);const selectedElement=(0,use_block_refs.dN)(clientId);return(0,jsx_runtime.jsx)(PrivateBlockPopover,{ref,clientId,bottomClientId,shift,...props,children:selectedElement&&clientId===bottomClientId?(0,jsx_runtime.jsx)(CoverContainer,{selectedElement,additionalStyles,children}):children})}function CoverContainer({selectedElement,additionalStyles={},children}){const[width,setWidth]=(0,react.useState)(selectedElement.offsetWidth),[height,setHeight]=(0,react.useState)(selectedElement.offsetHeight);(0,react.useEffect)((()=>{const observer=new window.ResizeObserver((()=>{setWidth(selectedElement.offsetWidth),setHeight(selectedElement.offsetHeight)}));return observer.observe(selectedElement,{box:"border-box"}),()=>observer.disconnect()}),[selectedElement]);const style=(0,react.useMemo)((()=>({position:"absolute",width,height,...additionalStyles})),[width,height,additionalStyles]);return(0,jsx_runtime.jsx)("div",{style,children})}BlockPopover.__docgenInfo={description:"",methods:[],displayName:"BlockPopover",props:{shift:{defaultValue:{value:"true",computed:!1},required:!1}}},PublicBlockPopover.__docgenInfo={description:"",methods:[],displayName:"PublicBlockPopover"};const cover=(0,react.forwardRef)(BlockPopoverCover);BlockPopoverCover.__docgenInfo={description:"",methods:[],displayName:"BlockPopoverCover",props:{shift:{defaultValue:{value:"false",computed:!1},required:!1}}};const animateVariants={hide:{opacity:0,scaleY:.75},show:{opacity:1,scaleY:1},exit:{opacity:0,scaleY:.9}};function BlockDropZonePopover({__unstablePopoverSlot,__unstableContentRef}){const{clientId}=(0,use_select.A)((select=>{const{getBlockOrder,getBlockInsertionPoint}=select(store.M),insertionPoint=getBlockInsertionPoint(),order=getBlockOrder(insertionPoint.rootClientId);return order.length?{clientId:order[insertionPoint.index]}:{}}),[]),reducedMotion=(0,use_reduced_motion.A)();return(0,jsx_runtime.jsx)(cover,{clientId,__unstablePopoverSlot,__unstableContentRef,className:"block-editor-block-popover__drop-zone",children:(0,jsx_runtime.jsx)(motion.P.div,{"data-testid":"block-popover-drop-zone",initial:reducedMotion?animateVariants.show:animateVariants.hide,animate:animateVariants.show,exit:reducedMotion?animateVariants.show:animateVariants.exit,className:"block-editor-block-popover__drop-zone-foreground"})})}BlockDropZonePopover.__docgenInfo={description:"",methods:[],displayName:"BlockDropZonePopover"};const insertion_point_InsertionPointOpenRef=(0,react.createContext)();function useInBetweenInserter(){const openRef=(0,react.useContext)(insertion_point_InsertionPointOpenRef),isInBetweenInserterDisabled=(0,use_select.A)((select=>select(store.M).getSettings().isDistractionFree||(0,lock_unlock.T)(select(store.M)).isZoomOut()),[]),{getBlockListSettings,getBlockIndex,isMultiSelecting,getSelectedBlockClientIds,getSettings,getTemplateLock,__unstableIsWithinBlockOverlay,getBlockEditingMode,getBlockName,getBlockAttributes,getParentSectionBlock}=(0,lock_unlock.T)((0,use_select.A)(store.M)),{showInsertionPoint,hideInsertionPoint}=(0,use_dispatch.A)(store.M);return(0,use_ref_effect.A)((node=>{if(!isInBetweenInserterDisabled)return node.addEventListener("mousemove",onMouseMove),()=>{node.removeEventListener("mousemove",onMouseMove)};function onMouseMove(event){if(void 0===openRef||openRef.current)return;if(event.target.nodeType===event.target.TEXT_NODE)return;if(isMultiSelecting())return;if(!event.target.classList.contains("block-editor-block-list__layout"))return void hideInsertionPoint();let rootClientId;if(!event.target.classList.contains("is-root-container")){rootClientId=(event.target.getAttribute("data-block")?event.target:event.target.closest("[data-block]")).getAttribute("data-block")}if(getTemplateLock(rootClientId)||"disabled"===getBlockEditingMode(rootClientId)||"core/block"===getBlockName(rootClientId)||rootClientId&&getBlockAttributes(rootClientId).layout?.isManualPlacement)return;const blockListSettings=getBlockListSettings(rootClientId),orientation=blockListSettings?.orientation||"vertical",captureToolbars=!!blockListSettings?.__experimentalCaptureToolbars,offsetTop=event.clientY,offsetLeft=event.clientX;let element=Array.from(event.target.children).find((blockEl=>{const blockElRect=blockEl.getBoundingClientRect();return blockEl.classList.contains("wp-block")&&"vertical"===orientation&&blockElRect.top>offsetTop||blockEl.classList.contains("wp-block")&&"horizontal"===orientation&&((0,i18n_build_module.V8)()?blockElRect.rightoffsetLeft)}));if(!element)return void hideInsertionPoint();if(!element.id&&(element=element.firstElementChild,!element))return void hideInsertionPoint();const clientId=element.id.slice(6);if(!clientId||__unstableIsWithinBlockOverlay(clientId)||getParentSectionBlock(clientId))return;if(getSelectedBlockClientIds().includes(clientId)&&"vertical"===orientation&&!captureToolbars&&!getSettings().hasFixedToolbar)return;const elementRect=element.getBoundingClientRect();if("horizontal"===orientation&&(event.clientY>elementRect.bottom||event.clientYelementRect.right||event.clientX{if(isEnabled)return node.addEventListener("mousedown",onMouseDown),()=>{node.removeEventListener("mousedown",onMouseDown)};function onMouseDown(event){(hasSelectedBlock()||hasMultiSelection())&&event.target===node&&clearSelectedBlock()}}),[hasSelectedBlock,hasMultiSelection,clearSelectedBlock,isEnabled])}function button_block_appender_ButtonBlockAppender({showSeparator,isFloating,onAddBlock,isToggle}){const{clientId}=(0,block_edit_context.m_)();return(0,jsx_runtime.jsx)(button_block_appender,{className:(0,dist_clsx.A)({"block-list-appender__toggle":isToggle}),rootClientId:clientId,showSeparator,isFloating,onAddBlock})}function default_block_appender_DefaultBlockAppender(){const{clientId}=(0,block_edit_context.m_)();return(0,jsx_runtime.jsx)(DefaultBlockAppender,{rootClientId:clientId})}button_block_appender_ButtonBlockAppender.__docgenInfo={description:"",methods:[],displayName:"ButtonBlockAppender"},default_block_appender_DefaultBlockAppender.__docgenInfo={description:"",methods:[],displayName:"DefaultBlockAppender"};var is_shallow_equal_build_module=__webpack_require__("./packages/is-shallow-equal/build-module/index.js");const pendingSettingsUpdates=new WeakMap;function createShallowMemo(){let value;return newValue=>(void 0!==value&&(0,is_shallow_equal_build_module.Ay)(value,newValue)||(value=newValue),value)}function useShallowMemo(value){const[memo]=(0,react.useState)(createShallowMemo);return memo(value)}var es6=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),es6_default=__webpack_require__.n(es6);var use_block_sync=__webpack_require__("./packages/block-editor/src/components/provider/use-block-sync.js"),use_block_drop_zone=__webpack_require__("./packages/block-editor/src/components/use-block-drop-zone/index.js");const EMPTY_OBJECT={};function BlockContext({children,clientId}){const context=function useBlockContext(clientId){return(0,use_select.A)((select=>{const block=select(store.M).getBlock(clientId);if(!block)return;const blockType=select(blocks_build_module.M_).getBlockType(block.name);return blockType&&0!==Object.keys(blockType.providesContext).length?Object.fromEntries(Object.entries(blockType.providesContext).map((([contextName,attributeName])=>[contextName,block.attributes[attributeName]]))):void 0}),[clientId])}(clientId);return(0,jsx_runtime.jsx)(BlockContextProvider,{value:context,children})}const BlockListItemsMemo=(0,react.memo)(block_list_BlockListItems);function UncontrolledInnerBlocks(props){const{clientId,allowedBlocks,prioritizedInserterBlocks,defaultBlock,directInsert,__experimentalDefaultBlock,__experimentalDirectInsert,template,templateLock,wrapperRef,templateInsertUpdatesSelection,__experimentalCaptureToolbars:captureToolbars,__experimentalAppenderTagName,renderAppender,orientation,placeholder,layout,name,blockType,parentLock,defaultLayout}=props;!function useNestedSettingsUpdate(clientId,parentLock,allowedBlocks,prioritizedInserterBlocks,defaultBlock,directInsert,__experimentalDefaultBlock,__experimentalDirectInsert,templateLock,captureToolbars,orientation,layout){const registry=(0,use_registry.A)(),_allowedBlocks=useShallowMemo(allowedBlocks),_prioritizedInserterBlocks=useShallowMemo(prioritizedInserterBlocks),_templateLock=void 0===templateLock||"contentOnly"===parentLock?parentLock:templateLock;(0,react.useLayoutEffect)((()=>{const newSettings={allowedBlocks:_allowedBlocks,prioritizedInserterBlocks:_prioritizedInserterBlocks,templateLock:_templateLock};if(void 0!==captureToolbars&&(newSettings.__experimentalCaptureToolbars=captureToolbars),void 0!==orientation)newSettings.orientation=orientation;else{const layoutType=getLayoutType(layout?.type);newSettings.orientation=layoutType.getOrientation(layout)}void 0!==__experimentalDefaultBlock&&((0,build_module.A)("__experimentalDefaultBlock",{alternative:"defaultBlock",since:"6.3",version:"6.4"}),newSettings.defaultBlock=__experimentalDefaultBlock),void 0!==defaultBlock&&(newSettings.defaultBlock=defaultBlock),void 0!==__experimentalDirectInsert&&((0,build_module.A)("__experimentalDirectInsert",{alternative:"directInsert",since:"6.3",version:"6.4"}),newSettings.directInsert=__experimentalDirectInsert),void 0!==directInsert&&(newSettings.directInsert=directInsert),void 0!==newSettings.directInsert&&"boolean"!=typeof newSettings.directInsert&&(0,build_module.A)("Using `Function` as a `directInsert` argument",{alternative:"`boolean` values",since:"6.5"}),pendingSettingsUpdates.get(registry)||pendingSettingsUpdates.set(registry,{}),pendingSettingsUpdates.get(registry)[clientId]=newSettings,window.queueMicrotask((()=>{const settings=pendingSettingsUpdates.get(registry);if(Object.keys(settings).length){const{updateBlockListSettings}=registry.dispatch(store.M);updateBlockListSettings(settings),pendingSettingsUpdates.set(registry,{})}}))}),[clientId,_allowedBlocks,_prioritizedInserterBlocks,_templateLock,defaultBlock,directInsert,__experimentalDefaultBlock,__experimentalDirectInsert,captureToolbars,orientation,layout,registry])}(clientId,parentLock,allowedBlocks,prioritizedInserterBlocks,defaultBlock,directInsert,__experimentalDefaultBlock,__experimentalDirectInsert,templateLock,captureToolbars,orientation,layout),function useInnerBlockTemplateSync(clientId,template,templateLock,templateInsertUpdatesSelection){const{getBlocks,getSelectedBlocksInitialCaretPosition,isBlockSelected}=(0,use_select.A)(store.M),{replaceInnerBlocks,__unstableMarkNextChangeAsNotPersistent}=(0,use_dispatch.A)(store.M),existingTemplateRef=(0,react.useRef)(null);(0,react.useLayoutEffect)((()=>{let isCancelled=!1;return window.queueMicrotask((()=>{if(isCancelled)return;const currentInnerBlocks=getBlocks(clientId),shouldApplyTemplate=0===currentInnerBlocks.length||"all"===templateLock||"contentOnly"===templateLock,hasTemplateChanged=!es6_default()(template,existingTemplateRef.current);if(!shouldApplyTemplate||!hasTemplateChanged)return;existingTemplateRef.current=template;const nextBlocks=(0,blocks_build_module.Nk)(currentInnerBlocks,template);es6_default()(nextBlocks,currentInnerBlocks)||(__unstableMarkNextChangeAsNotPersistent(),replaceInnerBlocks(clientId,nextBlocks,0===currentInnerBlocks.length&&templateInsertUpdatesSelection&&0!==nextBlocks.length&&isBlockSelected(clientId),getSelectedBlocksInitialCaretPosition()))})),()=>{isCancelled=!0}}),[template,templateLock,clientId])}(clientId,template,templateLock,templateInsertUpdatesSelection);const defaultLayoutBlockSupport=(0,blocks_build_module.bI)(name,"layout")||(0,blocks_build_module.bI)(name,"__experimentalLayout")||EMPTY_OBJECT,{allowSizingOnChildren=!1}=defaultLayoutBlockSupport,usedLayout=layout||defaultLayoutBlockSupport,memoedLayout=(0,react.useMemo)((()=>({...defaultLayout,...usedLayout,...allowSizingOnChildren&&{allowSizingOnChildren:!0}})),[defaultLayout,usedLayout,allowSizingOnChildren]),items=(0,jsx_runtime.jsx)(BlockListItemsMemo,{rootClientId:clientId,renderAppender,__experimentalAppenderTagName,layout:memoedLayout,wrapperRef,placeholder});return blockType?.providesContext&&0!==Object.keys(blockType.providesContext).length?(0,jsx_runtime.jsx)(BlockContext,{clientId,children:items}):items}function ControlledInnerBlocks(props){return(0,use_block_sync.A)(props),(0,jsx_runtime.jsx)(UncontrolledInnerBlocks,{...props})}const ForwardedInnerBlocks=(0,react.forwardRef)(((props,ref)=>{const innerBlocksProps=useInnerBlocksProps({ref},props);return(0,jsx_runtime.jsx)("div",{className:"block-editor-inner-blocks",children:(0,jsx_runtime.jsx)("div",{...innerBlocksProps})})}));function useInnerBlocksProps(props={},options={}){const{__unstableDisableLayoutClassNames,__unstableDisableDropZone,dropZoneElement}=options,{clientId,layout=null,__unstableLayoutClassNames:layoutClassNames=""}=(0,block_edit_context.m_)(),selected=(0,use_select.A)((select=>{const{getBlockName,isZoomOut,getTemplateLock,getBlockRootClientId,getBlockEditingMode,getBlockSettings,getSectionRootClientId}=(0,lock_unlock.T)(select(store.M));if(!clientId){const sectionRootClientId=getSectionRootClientId();return{isDropZoneDisabled:isZoomOut()&&""!==sectionRootClientId}}const{hasBlockSupport,getBlockType}=select(blocks_build_module.M_),blockName=getBlockName(clientId),blockEditingMode=getBlockEditingMode(clientId),parentClientId=getBlockRootClientId(clientId),[defaultLayout]=getBlockSettings(clientId,"layout");let _isDropZoneDisabled="disabled"===blockEditingMode;if(isZoomOut()){const sectionRootClientId=getSectionRootClientId();_isDropZoneDisabled=clientId!==sectionRootClientId}return{__experimentalCaptureToolbars:hasBlockSupport(blockName,"__experimentalExposeControlsToChildren",!1),name:blockName,blockType:getBlockType(blockName),parentLock:getTemplateLock(parentClientId),parentClientId,isDropZoneDisabled:_isDropZoneDisabled,defaultLayout}}),[clientId]),{__experimentalCaptureToolbars,name,blockType,parentLock,parentClientId,isDropZoneDisabled,defaultLayout}=selected,blockDropZoneRef=(0,use_block_drop_zone.Ay)({dropZoneElement,rootClientId:clientId,parentClientId}),ref=(0,use_merge_refs.A)([props.ref,__unstableDisableDropZone||isDropZoneDisabled||layout?.isManualPlacement&&window.__experimentalEnableGridInteractivity?null:blockDropZoneRef]),innerBlocksProps={__experimentalCaptureToolbars,layout,name,blockType,parentLock,defaultLayout,...options},InnerBlocks=innerBlocksProps.value&&innerBlocksProps.onChange?ControlledInnerBlocks:UncontrolledInnerBlocks;return{...props,ref,className:(0,dist_clsx.A)(props.className,"block-editor-block-list__layout",__unstableDisableLayoutClassNames?"":layoutClassNames),children:clientId?(0,jsx_runtime.jsx)(InnerBlocks,{...innerBlocksProps,clientId}):(0,jsx_runtime.jsx)(block_list_BlockListItems,{...options})}}useInnerBlocksProps.save=blocks_build_module.v9,ForwardedInnerBlocks.DefaultBlockAppender=default_block_appender_DefaultBlockAppender,ForwardedInnerBlocks.ButtonBlockAppender=button_block_appender_ButtonBlockAppender,ForwardedInnerBlocks.Content=()=>useInnerBlocksProps.save().children;ForwardedInnerBlocks.__docgenInfo={description:"",methods:[],displayName:"ForwardedInnerBlocks"};const KEY_DOWN_ELIGIBLE_KEY_CODES=new Set([keycodes_build_module.UP,keycodes_build_module.NS,keycodes_build_module.PX,keycodes_build_module.M3,keycodes_build_module.Fm,keycodes_build_module.G_]);function useTypingObserver(){const{isTyping}=(0,use_select.A)((select=>{const{isTyping:_isTyping}=select(store.M);return{isTyping:_isTyping()}}),[]),{startTyping,stopTyping}=(0,use_dispatch.A)(store.M),ref1=function useMouseMoveTypingReset(){const isTyping=(0,use_select.A)((select=>select(store.M).isTyping()),[]),{stopTyping}=(0,use_dispatch.A)(store.M);return(0,use_ref_effect.A)((node=>{if(!isTyping)return;const{ownerDocument}=node;let lastClientX,lastClientY;function stopTypingOnMouseMove(event){const{clientX,clientY}=event;lastClientX&&lastClientY&&(lastClientX!==clientX||lastClientY!==clientY)&&stopTyping(),lastClientX=clientX,lastClientY=clientY}return ownerDocument.addEventListener("mousemove",stopTypingOnMouseMove),()=>{ownerDocument.removeEventListener("mousemove",stopTypingOnMouseMove)}}),[isTyping,stopTyping])}(),ref2=(0,use_ref_effect.A)((node=>{const{ownerDocument}=node,{defaultView}=ownerDocument,selection=defaultView.getSelection();if(isTyping){let timerId;function stopTypingOnNonTextField(event){const{target}=event;timerId=defaultView.setTimeout((()=>{(0,is_text_field.A)(target)||stopTyping()}))}function stopTypingOnEscapeKey(event){const{keyCode}=event;keyCode!==keycodes_build_module._f&&keyCode!==keycodes_build_module.wn||stopTyping()}function stopTypingOnSelectionUncollapse(){selection.isCollapsed||stopTyping()}return node.addEventListener("focus",stopTypingOnNonTextField),node.addEventListener("keydown",stopTypingOnEscapeKey),ownerDocument.addEventListener("selectionchange",stopTypingOnSelectionUncollapse),()=>{defaultView.clearTimeout(timerId),node.removeEventListener("focus",stopTypingOnNonTextField),node.removeEventListener("keydown",stopTypingOnEscapeKey),ownerDocument.removeEventListener("selectionchange",stopTypingOnSelectionUncollapse)}}function startTypingInTextField(event){const{type,target}=event;(0,is_text_field.A)(target)&&node.contains(target)&&("keydown"!==type||function isKeyDownEligibleForStartTyping(event){const{keyCode,shiftKey}=event;return!shiftKey&&KEY_DOWN_ELIGIBLE_KEY_CODES.has(keyCode)}(event))&&startTyping()}return node.addEventListener("keypress",startTypingInTextField),node.addEventListener("keydown",startTypingInTextField),()=>{node.removeEventListener("keypress",startTypingInTextField),node.removeEventListener("keydown",startTypingInTextField)}}),[isTyping,startTyping,stopTyping]);return(0,use_merge_refs.A)([ref1,ref2])}function ObserveTyping({children}){return(0,jsx_runtime.jsx)("div",{ref:useTypingObserver(),children})}ObserveTyping.__docgenInfo={description:"",methods:[],displayName:"ObserveTyping"};var AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs");function ZoomOutSeparator({clientId,rootClientId="",position="top"}){const[isDraggedOver,setIsDraggedOver]=(0,react.useState)(!1),{sectionRootClientId,sectionClientIds,insertionPoint,blockInsertionPointVisible,blockInsertionPoint,blocksBeingDragged}=(0,use_select.A)((select=>{const{getInsertionPoint,getBlockOrder,getSectionRootClientId,isBlockInsertionPointVisible,getBlockInsertionPoint,getDraggedBlockClientIds}=(0,lock_unlock.T)(select(store.M)),root=getSectionRootClientId();return{sectionRootClientId:root,sectionClientIds:getBlockOrder(root),blockOrder:getBlockOrder(root),insertionPoint:getInsertionPoint(),blockInsertionPoint:getBlockInsertionPoint(),blockInsertionPointVisible:isBlockInsertionPointVisible(),blocksBeingDragged:getDraggedBlockClientIds()}}),[]),isReducedMotion=(0,use_reduced_motion.A)();if(!clientId)return;let isVisible=!1;if(!(rootClientId===sectionRootClientId&§ionClientIds&§ionClientIds.includes(clientId)))return null;const hasTopInsertionPoint=0===insertionPoint?.index&&clientId===sectionClientIds[insertionPoint.index],hasBottomInsertionPoint=insertionPoint&&insertionPoint.hasOwnProperty("index")&&clientId===sectionClientIds[insertionPoint.index-1];"top"===position&&(isVisible=hasTopInsertionPoint||blockInsertionPointVisible&&0===blockInsertionPoint.index&&clientId===sectionClientIds[blockInsertionPoint.index]),"bottom"===position&&(isVisible=hasBottomInsertionPoint||blockInsertionPointVisible&&clientId===sectionClientIds[blockInsertionPoint.index-1]);const blockBeingDraggedClientId=blocksBeingDragged[0],isCurrentBlockBeingDragged=blocksBeingDragged.includes(clientId),blockBeingDraggedIndex=sectionClientIds.indexOf(blockBeingDraggedClientId),blockBeingDraggedPreviousSiblingClientId=blockBeingDraggedIndex>0?sectionClientIds[blockBeingDraggedIndex-1]:null;return(isCurrentBlockBeingDragged||blockBeingDraggedPreviousSiblingClientId===clientId)&&(isVisible=!1),(0,jsx_runtime.jsx)(AnimatePresence.N,{children:isVisible&&(0,jsx_runtime.jsx)(motion.P.div,{initial:{height:0},animate:{height:"calc(1 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale)"},exit:{height:0},transition:{type:"tween",duration:isReducedMotion?0:.2,ease:[.6,0,.4,1]},className:(0,dist_clsx.A)("block-editor-block-list__zoom-out-separator",{"is-dragged-over":isDraggedOver}),"data-is-insertion-point":"true",onDragOver:()=>setIsDraggedOver(!0),onDragLeave:()=>setIsDraggedOver(!1),children:(0,jsx_runtime.jsx)(motion.P.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{delay:-.125}},transition:{ease:"linear",duration:.1,delay:.125},children:(0,i18n_build_module.__)("Drop pattern.")})})})}ZoomOutSeparator.__docgenInfo={description:"",methods:[],displayName:"ZoomOutSeparator",props:{rootClientId:{defaultValue:{value:"''",computed:!1},required:!1},position:{defaultValue:{value:"'top'",computed:!1},required:!1}}};const IntersectionObserver=(0,react.createContext)(),pendingBlockVisibilityUpdatesPerRegistry=new WeakMap;function Root({className,...settings}){const isLargeViewport=(0,use_viewport_match.A)("medium"),{isOutlineMode,isFocusMode,temporarilyEditingAsBlocks}=(0,use_select.A)((select=>{const{getSettings,getTemporarilyEditingAsBlocks,isTyping}=(0,lock_unlock.T)(select(store.M)),{outlineMode,focusMode}=getSettings();return{isOutlineMode:outlineMode&&!isTyping(),isFocusMode:focusMode,temporarilyEditingAsBlocks:getTemporarilyEditingAsBlocks()}}),[]),registry=(0,use_registry.A)(),{setBlockVisibility}=(0,use_dispatch.A)(store.M),delayedBlockVisibilityUpdates=(0,use_debounce.A)((0,react.useCallback)((()=>{const updates={};pendingBlockVisibilityUpdatesPerRegistry.get(registry).forEach((([id,isIntersecting])=>{updates[id]=isIntersecting})),setBlockVisibility(updates)}),[registry]),300,{trailing:!0}),intersectionObserver=(0,react.useMemo)((()=>{const{IntersectionObserver:Observer}=window;if(Observer)return new Observer((entries=>{pendingBlockVisibilityUpdatesPerRegistry.get(registry)||pendingBlockVisibilityUpdatesPerRegistry.set(registry,[]);for(const entry of entries){const clientId=entry.target.getAttribute("data-block");pendingBlockVisibilityUpdatesPerRegistry.get(registry).push([clientId,entry.isIntersecting])}delayedBlockVisibilityUpdates()}))}),[]),innerBlocksProps=useInnerBlocksProps({ref:(0,use_merge_refs.A)([useBlockSelectionClearer(),useInBetweenInserter(),useTypingObserver()]),className:(0,dist_clsx.A)("is-root-container",className,{"is-outline-mode":isOutlineMode,"is-focus-mode":isFocusMode&&isLargeViewport})},settings);return(0,jsx_runtime.jsxs)(IntersectionObserver.Provider,{value:intersectionObserver,children:[(0,jsx_runtime.jsx)("div",{...innerBlocksProps}),!!temporarilyEditingAsBlocks&&(0,jsx_runtime.jsx)(StopEditingAsBlocksOnOutsideSelect,{clientId:temporarilyEditingAsBlocks})]})}function StopEditingAsBlocksOnOutsideSelect({clientId}){const{stopEditingAsBlocks}=(0,lock_unlock.T)((0,use_dispatch.A)(store.M)),isBlockOrDescendantSelected=(0,use_select.A)((select=>{const{isBlockSelected,hasSelectedInnerBlock}=select(store.M);return isBlockSelected(clientId)||hasSelectedInnerBlock(clientId,!0)}),[clientId]);return(0,react.useEffect)((()=>{isBlockOrDescendantSelected||stopEditingAsBlocks(clientId)}),[isBlockOrDescendantSelected,clientId,stopEditingAsBlocks]),null}function BlockList(settings){return(0,jsx_runtime.jsx)(block_edit_context.KY,{value:block_edit_context.B8,children:(0,jsx_runtime.jsx)(Root,{...settings})})}const EMPTY_ARRAY=[],EMPTY_SET=new Set;function Items({placeholder,rootClientId,renderAppender:CustomAppender,__experimentalAppenderTagName,layout=defaultLayout}){const hasAppender=!1!==CustomAppender,hasCustomAppender=!!CustomAppender,{order,isZoomOut,selectedBlocks,visibleBlocks,shouldRenderAppender}=(0,use_select.A)((select=>{const{getSettings,getBlockOrder,getSelectedBlockClientId,getSelectedBlockClientIds,__unstableGetVisibleBlocks,getTemplateLock,getBlockEditingMode,isSectionBlock,isZoomOut:_isZoomOut}=(0,lock_unlock.T)(select(store.M)),_order=getBlockOrder(rootClientId);if(getSettings().isPreviewMode)return{order:_order,selectedBlocks:EMPTY_ARRAY,visibleBlocks:EMPTY_SET};const selectedBlockClientId=getSelectedBlockClientId();return{order:_order,selectedBlocks:getSelectedBlockClientIds(),visibleBlocks:__unstableGetVisibleBlocks(),isZoomOut:_isZoomOut(),shouldRenderAppender:!isSectionBlock(rootClientId)&&"disabled"!==getBlockEditingMode(rootClientId)&&!getTemplateLock(rootClientId)&&hasAppender&&!_isZoomOut()&&(hasCustomAppender||rootClientId===selectedBlockClientId||!rootClientId&&!selectedBlockClientId&&!_order.length)}}),[rootClientId,hasAppender,hasCustomAppender]);return(0,jsx_runtime.jsxs)(LayoutProvider,{value:layout,children:[order.map((clientId=>(0,jsx_runtime.jsxs)(context.Ay,{value:!visibleBlocks.has(clientId)&&!selectedBlocks.includes(clientId),children:[isZoomOut&&(0,jsx_runtime.jsx)(ZoomOutSeparator,{clientId,rootClientId,position:"top"}),(0,jsx_runtime.jsx)(block,{rootClientId,clientId}),isZoomOut&&(0,jsx_runtime.jsx)(ZoomOutSeparator,{clientId,rootClientId,position:"bottom"})]},clientId))),order.length<1&&placeholder,shouldRenderAppender&&(0,jsx_runtime.jsx)(BlockListAppender,{tagName:__experimentalAppenderTagName,rootClientId,CustomAppender})]})}function block_list_BlockListItems(props){return(0,jsx_runtime.jsx)(context.Ay,{value:!1,children:(0,jsx_runtime.jsx)(Items,{...props})})}BlockList.__docgenInfo={description:"",methods:[],displayName:"BlockList"},block_list_BlockListItems.__docgenInfo={description:"",methods:[],displayName:"BlockListItems"};var react_dom=__webpack_require__("./node_modules/react-dom/index.js");function selector(select){const{isMultiSelecting,getMultiSelectedBlockClientIds,hasMultiSelection,getSelectedBlockClientId,getSelectedBlocksInitialCaretPosition,__unstableIsFullySelected}=select(store.M);return{isMultiSelecting:isMultiSelecting(),multiSelectedBlockClientIds:getMultiSelectedBlockClientIds(),hasMultiSelection:hasMultiSelection(),selectedBlockClientId:getSelectedBlockClientId(),initialPosition:getSelectedBlocksInitialCaretPosition(),isFullSelection:__unstableIsFullySelected()}}function useMultiSelection(){const{initialPosition,isMultiSelecting,multiSelectedBlockClientIds,hasMultiSelection,selectedBlockClientId,isFullSelection}=(0,use_select.A)(selector,[]);return(0,use_ref_effect.A)((node=>{const{ownerDocument}=node,{defaultView}=ownerDocument;if(null==initialPosition)return;if(!hasMultiSelection||isMultiSelecting)return;const{length}=multiSelectedBlockClientIds;length<2||isFullSelection&&(node.contentEditable=!0,node.focus(),defaultView.getSelection().removeAllRanges())}),[hasMultiSelection,isMultiSelecting,multiSelectedBlockClientIds,selectedBlockClientId,initialPosition,isFullSelection])}var is_vertical_edge=__webpack_require__("./packages/dom/build-module/dom/is-vertical-edge.js"),is_horizontal_edge=__webpack_require__("./packages/dom/build-module/dom/is-horizontal-edge.js"),compute_caret_rect=__webpack_require__("./packages/dom/build-module/dom/compute-caret-rect.js"),is_rtl=__webpack_require__("./packages/dom/build-module/dom/is-rtl.js"),place_caret_at_vertical_edge=__webpack_require__("./packages/dom/build-module/dom/place-caret-at-vertical-edge.js");function getClosestTabbable(target,isReverse,containerElement,onlyVertical){let targetRect,focusableNodes=dom_build_module.XC.focusable.find(containerElement);return isReverse&&focusableNodes.reverse(),focusableNodes=focusableNodes.slice(focusableNodes.indexOf(target)+1),onlyVertical&&(targetRect=target.getBoundingClientRect()),focusableNodes.find((function isTabCandidate(node){if(!(node.closest("[inert]")||1===node.children.length&&isInSameBlock(node,node.firstElementChild)&&"true"===node.firstElementChild.getAttribute("contenteditable"))){if(!dom_build_module.XC.tabbable.isTabbableIndex(node))return!1;if(node.isContentEditable&&"true"!==node.contentEditable)return!1;if(onlyVertical){const nodeRect=node.getBoundingClientRect();if(nodeRect.left>=targetRect.right||nodeRect.right<=targetRect.left)return!1}return!0}}))}function useArrowNav(){const{getMultiSelectedBlocksStartClientId,getMultiSelectedBlocksEndClientId,getSettings,hasMultiSelection,__unstableIsFullySelected}=(0,use_select.A)(store.M),{selectBlock}=(0,use_dispatch.A)(store.M);return(0,use_ref_effect.A)((node=>{let verticalRect;function onMouseDown(){verticalRect=null}function onKeyDown(event){if(event.defaultPrevented)return;const{keyCode,target,shiftKey,ctrlKey,altKey,metaKey}=event,isUp=keyCode===keycodes_build_module.UP,isDown=keyCode===keycodes_build_module.PX,isLeft=keyCode===keycodes_build_module.M3,isRight=keyCode===keycodes_build_module.NS,isReverse=isUp||isLeft,isHorizontal=isLeft||isRight,isVertical=isUp||isDown,isNav=isHorizontal||isVertical,hasModifier=shiftKey||ctrlKey||altKey||metaKey,isNavEdge=isVertical?is_vertical_edge.A:is_horizontal_edge.A,{ownerDocument}=node,{defaultView}=ownerDocument;if(!isNav)return;if(hasMultiSelection()){if(shiftKey)return;if(!__unstableIsFullySelected())return;return event.preventDefault(),void(isReverse?selectBlock(getMultiSelectedBlocksStartClientId()):selectBlock(getMultiSelectedBlocksEndClientId(),-1))}if(!function isNavigationCandidate(element,keyCode,hasModifier){const isVertical=keyCode===keycodes_build_module.UP||keyCode===keycodes_build_module.PX,{tagName}=element,elementType=element.getAttribute("type");if(isVertical&&!hasModifier)return"INPUT"!==tagName||!["date","datetime-local","month","number","range","time","week"].includes(elementType);if("INPUT"===tagName)return["button","checkbox","number","color","file","image","radio","reset","submit"].includes(elementType);return"TEXTAREA"!==tagName}(target,keyCode,hasModifier))return;isVertical?verticalRect||(verticalRect=(0,compute_caret_rect.A)(defaultView)):verticalRect=null;const isReverseDir=(0,is_rtl.A)(target)?!isReverse:isReverse,{keepCaretInsideBlock}=getSettings();if(shiftKey)(function isClosestTabbableABlock(target,isReverse){const closestTabbable=getClosestTabbable(target,isReverse,node);return closestTabbable&&getBlockClientId(closestTabbable)})(target,isReverse)&&isNavEdge(target,isReverse)&&(node.contentEditable=!0,node.focus());else if(!isVertical||!(0,is_vertical_edge.A)(target,isReverse)||altKey&&!(0,is_horizontal_edge.A)(target,isReverseDir)||keepCaretInsideBlock){if(isHorizontal&&defaultView.getSelection().isCollapsed&&(0,is_horizontal_edge.A)(target,isReverseDir)&&!keepCaretInsideBlock){const closestTabbable=getClosestTabbable(target,isReverseDir,node);(0,place_caret_at_horizontal_edge.A)(closestTabbable,isReverse),event.preventDefault()}}else{const closestTabbable=getClosestTabbable(target,isReverse,node,!0);closestTabbable&&((0,place_caret_at_vertical_edge.A)(closestTabbable,altKey?!isReverse:isReverse,altKey?void 0:verticalRect),event.preventDefault())}}return node.addEventListener("mousedown",onMouseDown),node.addEventListener("keydown",onKeyDown),()=>{node.removeEventListener("mousedown",onMouseDown),node.removeEventListener("keydown",onKeyDown)}}),[])}var is_entirely_selected=__webpack_require__("./packages/dom/build-module/dom/is-entirely-selected.js"),keyboard_shortcuts_build_module=__webpack_require__("./packages/keyboard-shortcuts/build-module/index.js");function useSelectAll(){const{getBlockOrder,getSelectedBlockClientIds,getBlockRootClientId}=(0,use_select.A)(store.M),{multiSelect,selectBlock}=(0,use_dispatch.A)(store.M),isMatch=(0,keyboard_shortcuts_build_module.ZK)();return(0,use_ref_effect.A)((node=>{function onKeyDown(event){if(!isMatch("core/block-editor/select-all",event))return;const selectedClientIds=getSelectedBlockClientIds();if(selectedClientIds.length<2&&!(0,is_entirely_selected.A)(event.target))return;event.preventDefault();const[firstSelectedClientId]=selectedClientIds,rootClientId=getBlockRootClientId(firstSelectedClientId),blockClientIds=getBlockOrder(rootClientId);selectedClientIds.length!==blockClientIds.length?multiSelect(blockClientIds[0],blockClientIds[blockClientIds.length-1]):rootClientId&&(node.ownerDocument.defaultView.getSelection().removeAllRanges(),selectBlock(rootClientId))}return node.addEventListener("keydown",onKeyDown),()=>{node.removeEventListener("keydown",onKeyDown)}}),[])}function setContentEditableWrapper(node,value){node.contentEditable=value,value&&node.focus()}function useDragSelection(){const{startMultiSelect,stopMultiSelect}=(0,use_dispatch.A)(store.M),{isSelectionEnabled,hasSelectedBlock,isDraggingBlocks,isMultiSelecting}=(0,use_select.A)(store.M);return(0,use_ref_effect.A)((node=>{const{ownerDocument}=node,{defaultView}=ownerDocument;let anchorElement,rafId,lastMouseDownTarget;function onMouseUp(){stopMultiSelect(),defaultView.removeEventListener("mouseup",onMouseUp),rafId=defaultView.requestAnimationFrame((()=>{if(!hasSelectedBlock())return;setContentEditableWrapper(node,!1);const selection=defaultView.getSelection();if(selection.rangeCount){const range=selection.getRangeAt(0),{commonAncestorContainer}=range,clonedRange=range.cloneRange();anchorElement.contains(commonAncestorContainer)&&(anchorElement.focus(),selection.removeAllRanges(),selection.addRange(clonedRange))}}))}function onMouseLeave({buttons,target,relatedTarget}){target.contains(lastMouseDownTarget)&&(target.contains(relatedTarget)||isDraggingBlocks()||1===buttons&&(isMultiSelecting()||node!==target&&"true"===target.getAttribute("contenteditable")&&isSelectionEnabled()&&(anchorElement=target,startMultiSelect(),defaultView.addEventListener("mouseup",onMouseUp),setContentEditableWrapper(node,!0))))}return node.addEventListener("mouseout",onMouseLeave),node.addEventListener("mousedown",(function onMouseDown({target}){lastMouseDownTarget=target})),()=>{node.removeEventListener("mouseout",onMouseLeave),defaultView.removeEventListener("mouseup",onMouseUp),defaultView.cancelAnimationFrame(rafId)}}),[startMultiSelect,stopMultiSelect,isSelectionEnabled,hasSelectedBlock])}var rich_text_build_module=__webpack_require__("./packages/rich-text/build-module/index.js"),is_selection_forward=__webpack_require__("./packages/dom/build-module/dom/is-selection-forward.js");function use_selection_observer_setContentEditableWrapper(node,value){node.contentEditable!==String(value)&&(node.contentEditable=value,value&&node.focus())}function getRichTextElement(node){const element=node.nodeType===node.ELEMENT_NODE?node:node.parentElement;return element?.closest("[data-wp-block-attribute-key]")}function useSelectionObserver(){const{multiSelect,selectBlock,selectionChange}=(0,use_dispatch.A)(store.M),{getBlockParents,getBlockSelectionStart,isMultiSelecting}=(0,use_select.A)(store.M);return(0,use_ref_effect.A)((node=>{const{ownerDocument}=node,{defaultView}=ownerDocument;function onSelectionChange(event){const selection=defaultView.getSelection();if(!selection.rangeCount)return;const startNode=function extractSelectionStartNode(selection){const{anchorNode,anchorOffset}=selection;return anchorNode.nodeType===anchorNode.TEXT_NODE||0===anchorOffset?anchorNode:anchorNode.childNodes[anchorOffset-1]}(selection),endNode=function extractSelectionEndNode(selection){const{focusNode,focusOffset}=selection;return focusNode.nodeType===focusNode.TEXT_NODE||focusOffset===focusNode.childNodes.length?focusNode:0===focusOffset&&(0,is_selection_forward.A)(selection)?null!==(_focusNode$previousSi=focusNode.previousSibling)&&void 0!==_focusNode$previousSi?_focusNode$previousSi:focusNode.parentElement:focusNode.childNodes[focusOffset];var _focusNode$previousSi}(selection);if(!node.contains(startNode)||!node.contains(endNode))return;const isClickShift=event.shiftKey&&"mouseup"===event.type;if(selection.isCollapsed&&!isClickShift){if("true"===node.contentEditable&&!isMultiSelecting()){use_selection_observer_setContentEditableWrapper(node,!1);let element=startNode.nodeType===startNode.ELEMENT_NODE?startNode:startNode.parentElement;element=element?.closest("[contenteditable]"),element?.focus()}return}let startClientId=getBlockClientId(startNode),endClientId=getBlockClientId(endNode);if(isClickShift){const selectedClientId=getBlockSelectionStart(),clickedClientId=getBlockClientId(event.target),focusNodeIsNonSelectable=clickedClientId!==endClientId;(startClientId===endClientId&&selection.isCollapsed||!endClientId||focusNodeIsNonSelectable)&&(endClientId=clickedClientId),startClientId!==selectedClientId&&(startClientId=selectedClientId)}if(void 0===startClientId&&void 0===endClientId)return void use_selection_observer_setContentEditableWrapper(node,!1);if(startClientId===endClientId)isMultiSelecting()?multiSelect(startClientId,startClientId):selectBlock(startClientId);else{const startPath=[...getBlockParents(startClientId),startClientId],endPath=[...getBlockParents(endClientId),endClientId],depth=function findDepth(a,b){let depth=0;for(;a[depth]===b[depth];)depth++;return depth}(startPath,endPath);if(startPath[depth]!==startClientId||endPath[depth]!==endClientId)return void multiSelect(startPath[depth],endPath[depth]);const richTextElementStart=getRichTextElement(startNode),richTextElementEnd=getRichTextElement(endNode);if(richTextElementStart&&richTextElementEnd){var _richTextDataStart$st,_richTextDataEnd$star;const range=selection.getRangeAt(0),richTextDataStart=(0,rich_text_build_module.vt)({element:richTextElementStart,range,__unstableIsEditableTree:!0}),richTextDataEnd=(0,rich_text_build_module.vt)({element:richTextElementEnd,range,__unstableIsEditableTree:!0}),startOffset=null!==(_richTextDataStart$st=richTextDataStart.start)&&void 0!==_richTextDataStart$st?_richTextDataStart$st:richTextDataStart.end,endOffset=null!==(_richTextDataEnd$star=richTextDataEnd.start)&&void 0!==_richTextDataEnd$star?_richTextDataEnd$star:richTextDataEnd.end;selectionChange({start:{clientId:startClientId,attributeKey:richTextElementStart.dataset.wpBlockAttributeKey,offset:startOffset},end:{clientId:endClientId,attributeKey:richTextElementEnd.dataset.wpBlockAttributeKey,offset:endOffset}})}else multiSelect(startClientId,endClientId)}}return ownerDocument.addEventListener("selectionchange",onSelectionChange),defaultView.addEventListener("mouseup",onSelectionChange),()=>{ownerDocument.removeEventListener("selectionchange",onSelectionChange),defaultView.removeEventListener("mouseup",onSelectionChange)}}),[multiSelect,selectBlock,selectionChange,getBlockParents])}function useClickSelection(){const{selectBlock}=(0,use_dispatch.A)(store.M),{isSelectionEnabled,getBlockSelectionStart,hasMultiSelection}=(0,use_select.A)(store.M);return(0,use_ref_effect.A)((node=>{function onMouseDown(event){if(!isSelectionEnabled()||0!==event.button)return;const startClientId=getBlockSelectionStart(),clickedClientId=getBlockClientId(event.target);event.shiftKey?startClientId!==clickedClientId&&(node.contentEditable=!0,node.focus()):hasMultiSelection()&&selectBlock(clickedClientId)}return node.addEventListener("mousedown",onMouseDown),()=>{node.removeEventListener("mousedown",onMouseDown)}}),[selectBlock,isSelectionEnabled,getBlockSelectionStart,hasMultiSelection])}function useInput(){const{__unstableIsFullySelected,getSelectedBlockClientIds,getSelectedBlockClientId,__unstableIsSelectionMergeable,hasMultiSelection,getBlockName,canInsertBlockType,getBlockRootClientId,getSelectionStart,getSelectionEnd,getBlockAttributes}=(0,use_select.A)(store.M),{replaceBlocks,__unstableSplitSelection,removeBlocks,__unstableDeleteSelection,__unstableExpandSelection,__unstableMarkAutomaticChange}=(0,use_dispatch.A)(store.M);return(0,use_ref_effect.A)((node=>{function onBeforeInput(event){"true"===node.contentEditable&&event.preventDefault()}function onKeyDown(event){if(!event.defaultPrevented)if(hasMultiSelection())event.keyCode===keycodes_build_module.Fm?(node.contentEditable=!1,event.preventDefault(),__unstableIsFullySelected()?replaceBlocks(getSelectedBlockClientIds(),(0,blocks_build_module.Wv)((0,blocks_build_module.K$)())):__unstableSplitSelection()):event.keyCode===keycodes_build_module.G_||event.keyCode===keycodes_build_module.SJ?(node.contentEditable=!1,event.preventDefault(),__unstableIsFullySelected()?removeBlocks(getSelectedBlockClientIds()):__unstableIsSelectionMergeable()?__unstableDeleteSelection(event.keyCode===keycodes_build_module.SJ):__unstableExpandSelection()):1!==event.key.length||event.metaKey||event.ctrlKey||(node.contentEditable=!1,__unstableIsSelectionMergeable()?__unstableDeleteSelection(event.keyCode===keycodes_build_module.SJ):(event.preventDefault(),node.ownerDocument.defaultView.getSelection().removeAllRanges()));else if(event.keyCode===keycodes_build_module.Fm){if(event.shiftKey||__unstableIsFullySelected())return;const clientId=getSelectedBlockClientId(),blockName=getBlockName(clientId),selectionStart=getSelectionStart(),selectionEnd=getSelectionEnd();if(selectionStart.attributeKey===selectionEnd.attributeKey){const selectedAttributeValue=getBlockAttributes(clientId)[selectionStart.attributeKey],transforms=(0,blocks_build_module.XD)("from").filter((({type})=>"enter"===type)),transformation=(0,blocks_build_module.wG)(transforms,(item=>item.regExp.test(selectedAttributeValue)));if(transformation)return replaceBlocks(clientId,transformation.transform({content:selectedAttributeValue})),void __unstableMarkAutomaticChange()}if(!(0,blocks_build_module.pN)(blockName,"splitting",!1)&&!event.__deprecatedOnSplit)return;canInsertBlockType(blockName,getBlockRootClientId(clientId))&&(__unstableSplitSelection(),event.preventDefault())}}function onCompositionStart(event){hasMultiSelection()&&(node.contentEditable=!1,__unstableIsSelectionMergeable()?__unstableDeleteSelection():(event.preventDefault(),node.ownerDocument.defaultView.getSelection().removeAllRanges()))}return node.addEventListener("beforeinput",onBeforeInput),node.addEventListener("keydown",onKeyDown),node.addEventListener("compositionstart",onCompositionStart),()=>{node.removeEventListener("beforeinput",onBeforeInput),node.removeEventListener("keydown",onKeyDown),node.removeEventListener("compositionstart",onCompositionStart)}}),[])}var document_has_uncollapsed_selection=__webpack_require__("./packages/dom/build-module/dom/document-has-uncollapsed-selection.js"),document_has_selection=__webpack_require__("./packages/dom/build-module/dom/document-has-selection.js"),notices_build_module=__webpack_require__("./packages/notices/build-module/index.js");var strip_html=__webpack_require__("./packages/dom/build-module/dom/strip-html.js");const requiresWrapperOnCopy=Symbol("requiresWrapperOnCopy");function setClipboardBlocks(event,blocks,registry){let _blocks=blocks;const[firstBlock]=blocks;if(firstBlock){if(registry.select(blocks_build_module.M_).getBlockType(firstBlock.name)[requiresWrapperOnCopy]){const{getBlockRootClientId,getBlockName,getBlockAttributes}=registry.select(store.M),wrapperBlockClientId=getBlockRootClientId(firstBlock.clientId),wrapperBlockName=getBlockName(wrapperBlockClientId);wrapperBlockName&&(_blocks=(0,blocks_build_module.Wv)(wrapperBlockName,getBlockAttributes(wrapperBlockClientId),_blocks))}}const serialized=(0,blocks_build_module.lK)(_blocks);event.clipboardData.setData("text/plain",function toPlainText(html){html=html.replace(/
/g,"\n");return(0,strip_html.A)(html).trim().replace(/\n\n+/g,"\n\n")}(serialized)),event.clipboardData.setData("text/html",serialized)}var data_transfer=__webpack_require__("./packages/dom/build-module/data-transfer.js");function useClipboardHandler(){const registry=(0,use_registry.A)(),{getBlocksByClientId,getSelectedBlockClientIds,hasMultiSelection,getSettings,getBlockName,__unstableIsFullySelected,__unstableIsSelectionCollapsed,__unstableIsSelectionMergeable,__unstableGetSelectedBlocksWithPartialSelection,canInsertBlockType,getBlockRootClientId}=(0,use_select.A)(store.M),{flashBlock,removeBlocks,replaceBlocks,__unstableDeleteSelection,__unstableExpandSelection,__unstableSplitSelection}=(0,use_dispatch.A)(store.M),notifyCopy=function useNotifyCopy(){const{getBlockName}=(0,use_select.A)(store.M),{getBlockType}=(0,use_select.A)(blocks_build_module.M_),{createSuccessNotice}=(0,use_dispatch.A)(notices_build_module.M);return(0,react.useCallback)(((eventType,selectedBlockClientIds)=>{let notice="";if(1===selectedBlockClientIds.length){const clientId=selectedBlockClientIds[0],title=getBlockType(getBlockName(clientId))?.title;notice="copy"===eventType?(0,i18n_build_module.nv)((0,i18n_build_module.__)('Copied "%s" to clipboard.'),title):(0,i18n_build_module.nv)((0,i18n_build_module.__)('Moved "%s" to clipboard.'),title)}else notice="copy"===eventType?(0,i18n_build_module.nv)((0,i18n_build_module._n)("Copied %d block to clipboard.","Copied %d blocks to clipboard.",selectedBlockClientIds.length),selectedBlockClientIds.length):(0,i18n_build_module.nv)((0,i18n_build_module._n)("Moved %d block to clipboard.","Moved %d blocks to clipboard.",selectedBlockClientIds.length),selectedBlockClientIds.length);createSuccessNotice(notice,{type:"snackbar"})}),[])}();return(0,use_ref_effect.A)((node=>{function handler(event){if(event.defaultPrevented)return;const selectedBlockClientIds=getSelectedBlockClientIds();if(0===selectedBlockClientIds.length)return;if(!hasMultiSelection()){const{target}=event,{ownerDocument}=target;if("copy"===event.type||"cut"===event.type?(0,document_has_uncollapsed_selection.A)(ownerDocument):(0,document_has_selection.A)(ownerDocument)&&!ownerDocument.activeElement.isContentEditable)return}const{activeElement}=event.target.ownerDocument;if(!node.contains(activeElement))return;const isSelectionMergeable=__unstableIsSelectionMergeable(),shouldHandleWholeBlocks=__unstableIsSelectionCollapsed()||__unstableIsFullySelected(),expandSelectionIsNeeded=!shouldHandleWholeBlocks&&!isSelectionMergeable;if("copy"===event.type||"cut"===event.type)if(event.preventDefault(),1===selectedBlockClientIds.length&&flashBlock(selectedBlockClientIds[0]),expandSelectionIsNeeded)__unstableExpandSelection();else{let blocks;if(notifyCopy(event.type,selectedBlockClientIds),shouldHandleWholeBlocks)blocks=getBlocksByClientId(selectedBlockClientIds);else{const[head,tail]=__unstableGetSelectedBlocksWithPartialSelection();blocks=[head,...getBlocksByClientId(selectedBlockClientIds.slice(1,selectedBlockClientIds.length-1)),tail]}setClipboardBlocks(event,blocks,registry)}if("cut"===event.type)shouldHandleWholeBlocks&&!expandSelectionIsNeeded?removeBlocks(selectedBlockClientIds):(event.target.ownerDocument.activeElement.contentEditable=!1,__unstableDeleteSelection());else if("paste"===event.type){const{__experimentalCanUserUseUnfilteredHTML:canUserUseUnfilteredHTML}=getSettings();if("true"===event.clipboardData.getData("rich-text"))return;const{plainText,html,files}=function pasting_getPasteEventData({clipboardData}){let plainText="",html="";try{plainText=clipboardData.getData("text/plain"),html=clipboardData.getData("text/html")}catch(error){return}html=function removeWindowsFragments(html){const startIdx=html.indexOf("\x3c!--StartFragment--\x3e");if(!(startIdx>-1))return html;const endIdx=(html=html.substring(startIdx+20)).indexOf("\x3c!--EndFragment--\x3e");return endIdx>-1&&(html=html.substring(0,endIdx)),html}(html),html=function removeCharsetMetaTag(html){const metaTag="";return html.startsWith(metaTag)?html.slice(22):html}(html);const files=(0,data_transfer.$)(clipboardData);return files.length&&!function shouldDismissPastedFiles(files,html){if(html&&1===files?.length&&0===files[0].type.indexOf("image/")){const IMAGE_TAG=/<\s*img\b/gi;if(1!==html.match(IMAGE_TAG)?.length)return!0;const IMG_WITH_LOCAL_SRC=/<\s*img\b[^>]*\bsrc="file:\/\//i;if(html.match(IMG_WITH_LOCAL_SRC))return!0}return!1}(files,html)?{files}:{html,plainText,files:[]}}(event),isFullySelected=__unstableIsFullySelected();let blocks=[];if(files.length){const fromTransforms=(0,blocks_build_module.XD)("from");blocks=files.reduce(((accumulator,file)=>{const transformation=(0,blocks_build_module.wG)(fromTransforms,(transform=>"files"===transform.type&&transform.isMatch([file])));return transformation&&accumulator.push(transformation.transform([file])),accumulator}),[]).flat()}else blocks=(0,blocks_build_module.Gk)({HTML:html,plainText,mode:isFullySelected?"BLOCKS":"AUTO",canUserUseUnfilteredHTML});if("string"==typeof blocks)return;if(isFullySelected)return replaceBlocks(selectedBlockClientIds,blocks,blocks.length-1,-1),void event.preventDefault();if(!hasMultiSelection()&&!(0,blocks_build_module.pN)(getBlockName(selectedBlockClientIds[0]),"splitting",!1)&&!event.__deprecatedOnSplit)return;const[firstSelectedClientId]=selectedBlockClientIds,rootClientId=getBlockRootClientId(firstSelectedClientId),newBlocks=[];for(const block of blocks)if(canInsertBlockType(block.name,rootClientId))newBlocks.push(block);else{const rootBlockName=getBlockName(rootClientId),switchedBlocks=block.name!==rootBlockName?(0,blocks_build_module.bh)(block,rootBlockName):[block];if(!switchedBlocks)return;for(const switchedBlock of switchedBlocks)for(const innerBlock of switchedBlock.innerBlocks)newBlocks.push(innerBlock)}__unstableSplitSelection(newBlocks),event.preventDefault()}}return node.ownerDocument.addEventListener("copy",handler),node.ownerDocument.addEventListener("cut",handler),node.ownerDocument.addEventListener("paste",handler),()=>{node.ownerDocument.removeEventListener("copy",handler),node.ownerDocument.removeEventListener("cut",handler),node.ownerDocument.removeEventListener("paste",handler)}}),[])}function useWritingFlow(){const[before,ref,after]=function useTabNav(){const container=(0,react.useRef)(),focusCaptureBeforeRef=(0,react.useRef)(),focusCaptureAfterRef=(0,react.useRef)(),{hasMultiSelection,getSelectedBlockClientId,getBlockCount,getBlockOrder,getLastFocus,getSectionRootClientId,isZoomOut}=(0,lock_unlock.T)((0,use_select.A)(store.M)),{setLastFocus}=(0,lock_unlock.T)((0,use_dispatch.A)(store.M)),noCaptureRef=(0,react.useRef)();function onFocusCapture(event){const canvasElement=container.current.ownerDocument===event.target.ownerDocument?container.current:container.current.ownerDocument.defaultView.frameElement;if(noCaptureRef.current)noCaptureRef.current=null;else if(hasMultiSelection())container.current.focus();else if(getSelectedBlockClientId())getLastFocus()?.current?getLastFocus().current.focus():container.current.querySelector(`[data-block="${getSelectedBlockClientId()}"]`).focus();else if(isZoomOut()){const sectionRootClientId=getSectionRootClientId(),sectionBlocks=getBlockOrder(sectionRootClientId);sectionBlocks.length?container.current.querySelector(`[data-block="${sectionBlocks[0]}"]`).focus():sectionRootClientId?container.current.querySelector(`[data-block="${sectionRootClientId}"]`).focus():canvasElement.focus()}else{const isBefore=event.target.compareDocumentPosition(canvasElement)&event.target.DOCUMENT_POSITION_FOLLOWING,tabbables=dom_build_module.XC.tabbable.find(container.current);tabbables.length&&(isBefore?tabbables[0]:tabbables[tabbables.length-1]).focus()}}const before=(0,jsx_runtime.jsx)("div",{ref:focusCaptureBeforeRef,tabIndex:"0",onFocus:onFocusCapture}),after=(0,jsx_runtime.jsx)("div",{ref:focusCaptureAfterRef,tabIndex:"0",onFocus:onFocusCapture}),ref=(0,use_ref_effect.A)((node=>{function onKeyDown(event){if(event.defaultPrevented)return;if(event.keyCode!==keycodes_build_module.wn)return;const isShift=event.shiftKey,direction=isShift?"findPrevious":"findNext",nextTabbable=dom_build_module.XC.tabbable[direction](event.target),currentBlock=event.target.closest("[data-block]"),isElementPartOfSelectedBlock=currentBlock&&nextTabbable&&(isInSameBlock(currentBlock,nextTabbable)||isInsideRootBlock(currentBlock,nextTabbable));if((0,is_form_element.A)(nextTabbable)&&isElementPartOfSelectedBlock)return;const next=isShift?focusCaptureBeforeRef:focusCaptureAfterRef;noCaptureRef.current=!0,next.current.focus({preventScroll:!0})}function onFocusOut(event){setLastFocus({...getLastFocus(),current:event.target});const{ownerDocument}=node;event.relatedTarget||ownerDocument.activeElement!==ownerDocument.body||0!==getBlockCount()||node.focus()}function preventScrollOnTab(event){if(event.keyCode!==keycodes_build_module.wn)return;if("region"===event.target?.getAttribute("role"))return;if(container.current===event.target)return;const direction=event.shiftKey?"findPrevious":"findNext",target=dom_build_module.XC.tabbable[direction](event.target);target!==focusCaptureBeforeRef.current&&target!==focusCaptureAfterRef.current||(event.preventDefault(),target.focus({preventScroll:!0}))}const{ownerDocument}=node,{defaultView}=ownerDocument;return defaultView.addEventListener("keydown",preventScrollOnTab),node.addEventListener("keydown",onKeyDown),node.addEventListener("focusout",onFocusOut),()=>{defaultView.removeEventListener("keydown",preventScrollOnTab),node.removeEventListener("keydown",onKeyDown),node.removeEventListener("focusout",onFocusOut)}}),[]);return[before,(0,use_merge_refs.A)([container,ref]),after]}(),hasMultiSelection=(0,use_select.A)((select=>select(store.M).hasMultiSelection()),[]);return[before,(0,use_merge_refs.A)([ref,useClipboardHandler(),useInput(),useDragSelection(),useSelectionObserver(),useClickSelection(),useMultiSelection(),useSelectAll(),useArrowNav(),(0,use_ref_effect.A)((node=>(node.tabIndex=0,node.dataset.hasMultiSelection=hasMultiSelection,hasMultiSelection?(node.setAttribute("aria-label",(0,i18n_build_module.__)("Multiple selected blocks")),()=>{delete node.dataset.hasMultiSelection,node.removeAttribute("aria-label")}):()=>{delete node.dataset.hasMultiSelection})),[hasMultiSelection])]),after]}function WritingFlow({children,...props},forwardedRef){const[before,ref,after]=useWritingFlow();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[before,(0,jsx_runtime.jsx)("div",{...props,ref:(0,use_merge_refs.A)([ref,forwardedRef]),className:(0,dist_clsx.A)(props.className,"block-editor-writing-flow"),children}),after]})}(0,react.forwardRef)(WritingFlow);WritingFlow.__docgenInfo={description:"",methods:[],displayName:"WritingFlow"};let compatibilityStyles=null;function calculateScale({frameSize,containerWidth,maxContainerWidth,scaleContainerWidth}){return(Math.min(containerWidth,maxContainerWidth)-2*frameSize)/scaleContainerWidth}function useScaleCanvas({frameSize,iframeDocument,maxContainerWidth=750,scale}){const[contentResizeListener,{height:contentHeight}]=(0,use_resize_observer.A)(),[containerResizeListener,{width:containerWidth,height:containerHeight}]=(0,use_resize_observer.A)(),initialContainerWidthRef=(0,react.useRef)(0),isZoomedOut=1!==scale,prefersReducedMotion=(0,use_reduced_motion.A)(),isAutoScaled="auto-scaled"===scale,startAnimationRef=(0,react.useRef)(!1),animationRef=(0,react.useRef)(null);(0,react.useEffect)((()=>{isZoomedOut||(initialContainerWidthRef.current=containerWidth)}),[containerWidth,isZoomedOut]);const scaleContainerWidth=Math.max(initialContainerWidthRef.current,containerWidth),scaleValue=isAutoScaled?calculateScale({frameSize,containerWidth,maxContainerWidth,scaleContainerWidth}):scale,transitionFromRef=(0,react.useRef)({scaleValue,frameSize,containerHeight:0,scrollTop:0,scrollHeight:0}),transitionToRef=(0,react.useRef)({scaleValue,frameSize,containerHeight:0,scrollTop:0,scrollHeight:0}),startZoomOutAnimation=(0,react.useCallback)((()=>{const{scrollTop}=transitionFromRef.current,{scrollTop:scrollTopNext}=transitionToRef.current;return iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-scroll-top",`${scrollTop}px`),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-scroll-top-next",`${scrollTopNext}px`),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-overflow-behavior",transitionFromRef.current.scrollHeight===transitionFromRef.current.containerHeight?"auto":"scroll"),iframeDocument.documentElement.classList.add("zoom-out-animation"),iframeDocument.documentElement.animate(function getAnimationKeyframes(transitionFrom,transitionTo){const{scaleValue:prevScale,frameSize:prevFrameSize,scrollTop}=transitionFrom,{scaleValue,frameSize,scrollTop:scrollTopNext}=transitionTo;return[{translate:"0 0",scale:prevScale,paddingTop:prevFrameSize/prevScale+"px",paddingBottom:prevFrameSize/prevScale+"px"},{translate:`0 ${scrollTop-scrollTopNext}px`,scale:scaleValue,paddingTop:frameSize/scaleValue+"px",paddingBottom:frameSize/scaleValue+"px"}]}(transitionFromRef.current,transitionToRef.current),{easing:"cubic-bezier(0.46, 0.03, 0.52, 0.96)",duration:400})}),[iframeDocument]),finishZoomOutAnimation=(0,react.useCallback)((()=>{startAnimationRef.current=!1,animationRef.current=null,iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-scale",transitionToRef.current.scaleValue),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-frame-size",`${transitionToRef.current.frameSize}px`),iframeDocument.documentElement.classList.remove("zoom-out-animation"),iframeDocument.documentElement.scrollTop=transitionToRef.current.scrollTop,iframeDocument.documentElement.style.removeProperty("--wp-block-editor-iframe-zoom-out-scroll-top"),iframeDocument.documentElement.style.removeProperty("--wp-block-editor-iframe-zoom-out-scroll-top-next"),iframeDocument.documentElement.style.removeProperty("--wp-block-editor-iframe-zoom-out-overflow-behavior"),transitionFromRef.current=transitionToRef.current}),[iframeDocument]),previousIsZoomedOut=(0,react.useRef)(!1);return(0,react.useEffect)((()=>{const trigger=iframeDocument&&previousIsZoomedOut.current!==isZoomedOut;if(previousIsZoomedOut.current=isZoomedOut,trigger&&(startAnimationRef.current=!0,isZoomedOut))return iframeDocument.documentElement.classList.add("is-zoomed-out"),()=>{iframeDocument.documentElement.classList.remove("is-zoomed-out")}}),[iframeDocument,isZoomedOut]),(0,react.useEffect)((()=>{if(iframeDocument&&(isAutoScaled&&1!==transitionFromRef.current.scaleValue&&(transitionFromRef.current.scaleValue=calculateScale({frameSize:transitionFromRef.current.frameSize,containerWidth,maxContainerWidth,scaleContainerWidth:containerWidth})),scaleValue<1&&(startAnimationRef.current||(iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-scale",scaleValue),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-frame-size",`${frameSize}px`)),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-content-height",`${contentHeight}px`),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-inner-height",`${containerHeight}px`),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-container-width",`${containerWidth}px`),iframeDocument.documentElement.style.setProperty("--wp-block-editor-iframe-zoom-out-scale-container-width",`${scaleContainerWidth}px`)),startAnimationRef.current))if(startAnimationRef.current=!1,animationRef.current){animationRef.current.reverse();const tempTransitionFrom=transitionFromRef.current,tempTransitionTo=transitionToRef.current;transitionFromRef.current=tempTransitionTo,transitionToRef.current=tempTransitionFrom}else transitionFromRef.current.scrollTop=iframeDocument.documentElement.scrollTop,transitionFromRef.current.scrollHeight=iframeDocument.documentElement.scrollHeight,transitionFromRef.current.containerHeight=containerHeight,transitionToRef.current={scaleValue,frameSize,containerHeight:iframeDocument.documentElement.clientHeight},transitionToRef.current.scrollHeight=function computeScrollHeightNext(transitionFrom,transitionTo){const{scaleValue:prevScale,scrollHeight:prevScrollHeight}=transitionFrom,{frameSize,scaleValue}=transitionTo;return prevScrollHeight*(scaleValue/prevScale)+2*frameSize}(transitionFromRef.current,transitionToRef.current),transitionToRef.current.scrollTop=function computeScrollTopNext(transitionFrom,transitionTo){const{containerHeight:prevContainerHeight,frameSize:prevFrameSize,scaleValue:prevScale,scrollTop:prevScrollTop}=transitionFrom,{containerHeight,frameSize,scaleValue,scrollHeight}=transitionTo;let scrollTopNext=prevScrollTop;scrollTopNext=(scrollTopNext+prevContainerHeight/2-prevFrameSize)/prevScale-prevContainerHeight/2,scrollTopNext=(scrollTopNext+containerHeight/2)*scaleValue+frameSize-containerHeight/2,scrollTopNext=prevScrollTop<=prevFrameSize?0:scrollTopNext;const maxScrollTop=scrollHeight-containerHeight;return Math.round(Math.min(Math.max(0,scrollTopNext),Math.max(0,maxScrollTop)))}(transitionFromRef.current,transitionToRef.current),animationRef.current=startZoomOutAnimation(),prefersReducedMotion?finishZoomOutAnimation():animationRef.current.onfinish=finishZoomOutAnimation}),[startZoomOutAnimation,finishZoomOutAnimation,prefersReducedMotion,isAutoScaled,scaleValue,frameSize,iframeDocument,contentHeight,containerWidth,containerHeight,maxContainerWidth,scaleContainerWidth]),{isZoomedOut,scaleContainerWidth,contentResizeListener,containerResizeListener}}function bubbleEvent(event,Constructor,frame){const init={};for(const key in event)init[key]=event[key];if(event instanceof frame.contentDocument.defaultView.MouseEvent){const rect=frame.getBoundingClientRect();init.clientX+=rect.left,init.clientY+=rect.top}const newEvent=new Constructor(event.type,init);init.defaultPrevented&&newEvent.preventDefault();!frame.dispatchEvent(newEvent)&&event.preventDefault()}function useBubbleEvents(iframeDocument){return(0,use_ref_effect.A)((()=>{const{defaultView}=iframeDocument;if(!defaultView)return;const{frameElement}=defaultView,html=iframeDocument.documentElement,eventTypes=["dragover","mousemove"],handlers={};for(const name of eventTypes)handlers[name]=event=>{const constructorName=Object.getPrototypeOf(event).constructor.name;bubbleEvent(event,window[constructorName],frameElement)},html.addEventListener(name,handlers[name]);return()=>{for(const name of eventTypes)html.removeEventListener(name,handlers[name])}}))}function Iframe({contentRef,children,tabIndex=0,scale=1,frameSize=0,readonly,forwardedRef:ref,title=(0,i18n_build_module.__)("Editor canvas"),...props}){const{resolvedAssets,isPreviewMode}=(0,use_select.A)((select=>{const{getSettings}=select(store.M),settings=getSettings();return{resolvedAssets:settings.__unstableResolvedAssets,isPreviewMode:settings.isPreviewMode}}),[]),{styles="",scripts=""}=resolvedAssets,[iframeDocument,setIframeDocument]=(0,react.useState)(),[bodyClasses,setBodyClasses]=(0,react.useState)([]),clearerRef=useBlockSelectionClearer(),[before,writingFlowRef,after]=useWritingFlow(),setRef=(0,use_ref_effect.A)((node=>{let iFrameDocument;function preventFileDropDefault(event){event.preventDefault()}function onLoad(){const{contentDocument,ownerDocument}=node,{documentElement}=contentDocument;iFrameDocument=contentDocument,documentElement.classList.add("block-editor-iframe__html"),clearerRef(documentElement),setBodyClasses(Array.from(ownerDocument.body.classList).filter((name=>name.startsWith("admin-color-")||name.startsWith("post-type-")||"wp-embed-responsive"===name))),contentDocument.dir=ownerDocument.dir;for(const compatStyle of function getCompatibilityStyles(){return compatibilityStyles||(compatibilityStyles=Array.from(document.styleSheets).reduce(((accumulator,styleSheet)=>{try{styleSheet.cssRules}catch(e){return accumulator}const{ownerNode,cssRules}=styleSheet;if(null===ownerNode)return accumulator;if(!cssRules)return accumulator;if(ownerNode.id.startsWith("wp-"))return accumulator;if(!ownerNode.id)return accumulator;if(function matchFromRules(_cssRules){return Array.from(_cssRules).find((({selectorText,conditionText,cssRules:__cssRules})=>conditionText?matchFromRules(__cssRules):selectorText&&(selectorText.includes(".editor-styles-wrapper")||selectorText.includes(".wp-block"))))}(cssRules)){const isInline="STYLE"===ownerNode.tagName;if(isInline){const mainStylesCssId=ownerNode.id.replace("-inline-css","-css"),mainStylesElement=document.getElementById(mainStylesCssId);mainStylesElement&&accumulator.push(mainStylesElement.cloneNode(!0))}if(accumulator.push(ownerNode.cloneNode(!0)),!isInline){const inlineStylesCssId=ownerNode.id.replace("-css","-inline-css"),inlineStylesElement=document.getElementById(inlineStylesCssId);inlineStylesElement&&accumulator.push(inlineStylesElement.cloneNode(!0))}}return accumulator}),[]),compatibilityStyles)}())contentDocument.getElementById(compatStyle.id)||(contentDocument.head.appendChild(compatStyle.cloneNode(!0)),isPreviewMode||console.warn(`${compatStyle.id} was added to the iframe incorrectly. Please use block.json or enqueue_block_assets to add styles to the iframe.`,compatStyle));iFrameDocument.addEventListener("dragover",preventFileDropDefault,!1),iFrameDocument.addEventListener("drop",preventFileDropDefault,!1),iFrameDocument.addEventListener("click",(event=>{if("A"===event.target.tagName){event.preventDefault();const href=event.target.getAttribute("href");href?.startsWith("#")&&(iFrameDocument.defaultView.location.hash=href.slice(1))}}))}return node._load=()=>{setIframeDocument(node.contentDocument)},node.addEventListener("load",onLoad),()=>{delete node._load,node.removeEventListener("load",onLoad),iFrameDocument?.removeEventListener("dragover",preventFileDropDefault),iFrameDocument?.removeEventListener("drop",preventFileDropDefault)}}),[]),{contentResizeListener,containerResizeListener,isZoomedOut,scaleContainerWidth}=useScaleCanvas({scale,frameSize:parseInt(frameSize),iframeDocument}),disabledRef=(0,use_disabled.A)({isDisabled:!readonly}),bodyRef=(0,use_merge_refs.A)([useBubbleEvents(iframeDocument),contentRef,clearerRef,writingFlowRef,disabledRef]),html=`\n\n\t\n\t\t\n\t\t\n\t\t

No Preview

Sorry, but you either have no stories or none are selected somehow.

  • Please check the Storybook config.
  • Try reloading the page.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

  1. Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.
  2. Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring Webpack or Vite with Storybook.
  3. Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the Environment Variables documentation.
\ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 00000000000000..83e0a3e560fd43 --- /dev/null +++ b/index.html @@ -0,0 +1,228 @@ + + + + + + @storybook/core - Storybook + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + diff --git a/index.json b/index.json new file mode 100644 index 00000000000000..4f0b4435da1f1d --- /dev/null +++ b/index.json @@ -0,0 +1 @@ +{"v":5,"entries":{"docs-introduction--page":{"id":"docs-introduction--page","title":"Docs/Introduction","name":"page","importPath":"./storybook/stories/docs/introduction.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"playground-block-editor--docs":{"id":"playground-block-editor--docs","title":"Playground/Block Editor","name":"Docs","importPath":"./storybook/stories/playground/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"playground-block-editor--default":{"type":"story","id":"playground-block-editor--default","name":"Default","title":"Playground/Block Editor","importPath":"./storybook/stories/playground/index.story.js","tags":["dev","test","autodocs"]},"playground-block-editor--box":{"type":"story","id":"playground-block-editor--box","name":"Box","title":"Playground/Block Editor","importPath":"./storybook/stories/playground/index.story.js","tags":["dev","test","autodocs"]},"playground-block-editor--undo-redo":{"type":"story","id":"playground-block-editor--undo-redo","name":"Undo Redo","title":"Playground/Block Editor","importPath":"./storybook/stories/playground/index.story.js","tags":["dev","test","autodocs"]},"playground-block-editor--zoom-out":{"type":"story","id":"playground-block-editor--zoom-out","name":"Zoom Out","title":"Playground/Block Editor","importPath":"./storybook/stories/playground/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-alignmenttoolbar--docs":{"id":"blockeditor-alignmenttoolbar--docs","title":"BlockEditor/AlignmentToolbar","name":"Docs","importPath":"./packages/block-editor/src/components/alignment-control/stories/aliginment-toolbar.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-alignmenttoolbar--default":{"type":"story","id":"blockeditor-alignmenttoolbar--default","name":"Default","title":"BlockEditor/AlignmentToolbar","importPath":"./packages/block-editor/src/components/alignment-control/stories/aliginment-toolbar.story.js","componentPath":"./packages/block-editor/src/components/alignment-control","tags":["dev","test","autodocs"]},"blockeditor-alignmentcontrol--docs":{"id":"blockeditor-alignmentcontrol--docs","title":"BlockEditor/AlignmentControl","name":"Docs","importPath":"./packages/block-editor/src/components/alignment-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-alignmentcontrol--default":{"type":"story","id":"blockeditor-alignmentcontrol--default","name":"Default","title":"BlockEditor/AlignmentControl","importPath":"./packages/block-editor/src/components/alignment-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/alignment-control","tags":["dev","test","autodocs"]},"blockeditor-blockdraggable--docs":{"id":"blockeditor-blockdraggable--docs","title":"BlockEditor/BlockDraggable","name":"Docs","importPath":"./packages/block-editor/src/components/block-draggable/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-blockdraggable--default":{"type":"story","id":"blockeditor-blockdraggable--default","name":"Default","title":"BlockEditor/BlockDraggable","importPath":"./packages/block-editor/src/components/block-draggable/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-headingleveldropdown--docs":{"id":"blockeditor-headingleveldropdown--docs","title":"BlockEditor/HeadingLevelDropdown","name":"Docs","importPath":"./packages/block-editor/src/components/block-heading-level-dropdown/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-headingleveldropdown--default":{"type":"story","id":"blockeditor-headingleveldropdown--default","name":"Default","title":"BlockEditor/HeadingLevelDropdown","importPath":"./packages/block-editor/src/components/block-heading-level-dropdown/stories/index.story.js","componentPath":"./packages/block-editor/src/components/block-heading-level-dropdown","tags":["dev","test","autodocs"]},"blockeditor-blockmover--docs":{"id":"blockeditor-blockmover--docs","title":"BlockEditor/BlockMover","name":"Docs","importPath":"./packages/block-editor/src/components/block-mover/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-blockmover--default":{"type":"story","id":"blockeditor-blockmover--default","name":"Default","title":"BlockEditor/BlockMover","importPath":"./packages/block-editor/src/components/block-mover/stories/index.story.js","componentPath":"./packages/block-editor/src/components/block-mover","tags":["dev","test","autodocs"]},"blockeditor-blockmover--horizontal":{"type":"story","id":"blockeditor-blockmover--horizontal","name":"Horizontal","title":"BlockEditor/BlockMover","importPath":"./packages/block-editor/src/components/block-mover/stories/index.story.js","componentPath":"./packages/block-editor/src/components/block-mover","tags":["dev","test","autodocs"]},"blockeditor-blockmover--hide-drag-handle":{"type":"story","id":"blockeditor-blockmover--hide-drag-handle","name":"Hide Drag Handle","title":"BlockEditor/BlockMover","importPath":"./packages/block-editor/src/components/block-mover/stories/index.story.js","componentPath":"./packages/block-editor/src/components/block-mover","tags":["dev","test","autodocs"]},"blockeditor-blockpatternslist--docs":{"id":"blockeditor-blockpatternslist--docs","title":"BlockEditor/BlockPatternsList","name":"Docs","importPath":"./packages/block-editor/src/components/block-patterns-list/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-blockpatternslist--default":{"type":"story","id":"blockeditor-blockpatternslist--default","name":"Default","title":"BlockEditor/BlockPatternsList","importPath":"./packages/block-editor/src/components/block-patterns-list/stories/index.story.js","componentPath":"./packages/block-editor/src/components/block-patterns-list","tags":["dev","test","autodocs"]},"blockeditor-fontfamilycontrol--docs":{"id":"blockeditor-fontfamilycontrol--docs","title":"BlockEditor/FontFamilyControl","name":"Docs","importPath":"./packages/block-editor/src/components/font-family/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-fontfamilycontrol--default":{"type":"story","id":"blockeditor-fontfamilycontrol--default","name":"Default","title":"BlockEditor/FontFamilyControl","importPath":"./packages/block-editor/src/components/font-family/stories/index.story.js","componentPath":"./packages/block-editor/src/components/font-family","tags":["dev","test","autodocs"]},"blockeditor-heightcontrol--docs":{"id":"blockeditor-heightcontrol--docs","title":"BlockEditor/HeightControl","name":"Docs","importPath":"./packages/block-editor/src/components/height-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-heightcontrol--default":{"type":"story","id":"blockeditor-heightcontrol--default","name":"Default","title":"BlockEditor/HeightControl","importPath":"./packages/block-editor/src/components/height-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/height-control","tags":["dev","test","autodocs"]},"blockeditor-inserter--docs":{"id":"blockeditor-inserter--docs","title":"BlockEditor/Inserter","name":"Docs","importPath":"./packages/block-editor/src/components/inserter/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-inserter--library-without-patterns":{"type":"story","id":"blockeditor-inserter--library-without-patterns","name":"Library Without Patterns","title":"BlockEditor/Inserter","importPath":"./packages/block-editor/src/components/inserter/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-inserter--library-with-patterns":{"type":"story","id":"blockeditor-inserter--library-with-patterns","name":"Library With Patterns","title":"BlockEditor/Inserter","importPath":"./packages/block-editor/src/components/inserter/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-inserter--library-with-patterns-and-reusable-blocks":{"type":"story","id":"blockeditor-inserter--library-with-patterns-and-reusable-blocks","name":"Library With Patterns And Reusable Blocks","title":"BlockEditor/Inserter","importPath":"./packages/block-editor/src/components/inserter/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-inserter--quick-inserter":{"type":"story","id":"blockeditor-inserter--quick-inserter","name":"Quick Inserter","title":"BlockEditor/Inserter","importPath":"./packages/block-editor/src/components/inserter/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-lineheightcontrol--docs":{"id":"blockeditor-lineheightcontrol--docs","title":"BlockEditor/LineHeightControl","name":"Docs","importPath":"./packages/block-editor/src/components/line-height-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-lineheightcontrol--default":{"type":"story","id":"blockeditor-lineheightcontrol--default","name":"Default","title":"BlockEditor/LineHeightControl","importPath":"./packages/block-editor/src/components/line-height-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/line-height-control","tags":["dev","test","autodocs"]},"blockeditor-lineheightcontrol--unconstrained-width":{"type":"story","id":"blockeditor-lineheightcontrol--unconstrained-width","name":"Unconstrained Width","title":"BlockEditor/LineHeightControl","importPath":"./packages/block-editor/src/components/line-height-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/line-height-control","tags":["dev","test","autodocs"]},"blockeditor-textalignmentcontrol--docs":{"id":"blockeditor-textalignmentcontrol--docs","title":"BlockEditor/TextAlignmentControl","name":"Docs","importPath":"./packages/block-editor/src/components/text-alignment-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-textalignmentcontrol--default":{"type":"story","id":"blockeditor-textalignmentcontrol--default","name":"Default","title":"BlockEditor/TextAlignmentControl","importPath":"./packages/block-editor/src/components/text-alignment-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/text-alignment-control","tags":["dev","test","autodocs"]},"blockeditor-textdecorationcontrol--docs":{"id":"blockeditor-textdecorationcontrol--docs","title":"BlockEditor/TextDecorationControl","name":"Docs","importPath":"./packages/block-editor/src/components/text-decoration-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-textdecorationcontrol--default":{"type":"story","id":"blockeditor-textdecorationcontrol--default","name":"Default","title":"BlockEditor/TextDecorationControl","importPath":"./packages/block-editor/src/components/text-decoration-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/text-decoration-control","tags":["dev","test","autodocs"]},"blockeditor-texttransformcontrol--docs":{"id":"blockeditor-texttransformcontrol--docs","title":"BlockEditor/TextTransformControl","name":"Docs","importPath":"./packages/block-editor/src/components/text-transform-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-texttransformcontrol--default":{"type":"story","id":"blockeditor-texttransformcontrol--default","name":"Default","title":"BlockEditor/TextTransformControl","importPath":"./packages/block-editor/src/components/text-transform-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/text-transform-control","tags":["dev","test","autodocs"]},"blockeditor-urlpopover--docs":{"id":"blockeditor-urlpopover--docs","title":"BlockEditor/URLPopover","name":"Docs","importPath":"./packages/block-editor/src/components/url-popover/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-urlpopover--default":{"type":"story","id":"blockeditor-urlpopover--default","name":"Default","title":"BlockEditor/URLPopover","importPath":"./packages/block-editor/src/components/url-popover/stories/index.story.js","tags":["dev","test","autodocs"]},"blockeditor-writingmodecontrol--docs":{"id":"blockeditor-writingmodecontrol--docs","title":"BlockEditor/WritingModeControl","name":"Docs","importPath":"./packages/block-editor/src/components/writing-mode-control/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-writingmodecontrol--default":{"type":"story","id":"blockeditor-writingmodecontrol--default","name":"Default","title":"BlockEditor/WritingModeControl","importPath":"./packages/block-editor/src/components/writing-mode-control/stories/index.story.js","componentPath":"./packages/block-editor/src/components/writing-mode-control","tags":["dev","test","autodocs"]},"components-introduction--docs":{"id":"components-introduction--docs","title":"Components/Introduction","name":"Docs","importPath":"./storybook/stories/docs/components/readme.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"components-contributing-guidelines--docs":{"id":"components-contributing-guidelines--docs","title":"Components/Contributing Guidelines","name":"Docs","importPath":"./storybook/stories/docs/components/contributing.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"components-button--docs":{"id":"components-button--docs","title":"Components/Actions/Button","name":"Docs","importPath":"./packages/components/src/button/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-button--default":{"type":"story","id":"components-button--default","name":"Default","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--primary":{"type":"story","id":"components-button--primary","name":"Primary","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--secondary":{"type":"story","id":"components-button--secondary","name":"Secondary","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--tertiary":{"type":"story","id":"components-button--tertiary","name":"Tertiary","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--link":{"type":"story","id":"components-button--link","name":"Link","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--is-destructive":{"type":"story","id":"components-button--is-destructive","name":"Is Destructive","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--icon":{"type":"story","id":"components-button--icon","name":"Icon","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-button--grouped-icons":{"type":"story","id":"components-button--grouped-icons","name":"Grouped Icons","title":"Components/Actions/Button","importPath":"./packages/components/src/button/stories/index.story.tsx","componentPath":"./packages/components/src/button","tags":["dev","test","autodocs"]},"components-dropdownmenu--docs":{"id":"components-dropdownmenu--docs","title":"Components/Actions/DropdownMenu","name":"Docs","importPath":"./packages/components/src/dropdown-menu/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-dropdownmenu--default":{"type":"story","id":"components-dropdownmenu--default","name":"Default","title":"Components/Actions/DropdownMenu","importPath":"./packages/components/src/dropdown-menu/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown-menu","tags":["dev","test","autodocs"]},"components-dropdownmenu--with-children":{"type":"story","id":"components-dropdownmenu--with-children","name":"With Children","title":"Components/Actions/DropdownMenu","importPath":"./packages/components/src/dropdown-menu/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown-menu","tags":["dev","test","autodocs"]},"components-menugroup--docs":{"id":"components-menugroup--docs","title":"Components/Actions/MenuGroup","name":"Docs","importPath":"./packages/components/src/menu-group/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-menugroup--default":{"type":"story","id":"components-menugroup--default","name":"Default","title":"Components/Actions/MenuGroup","importPath":"./packages/components/src/menu-group/stories/index.story.tsx","componentPath":"./packages/components/src/menu-group","tags":["dev","test","autodocs"]},"components-menugroup--with-seperator":{"type":"story","id":"components-menugroup--with-seperator","name":"With Seperator","title":"Components/Actions/MenuGroup","importPath":"./packages/components/src/menu-group/stories/index.story.tsx","componentPath":"./packages/components/src/menu-group","tags":["dev","test","autodocs"]},"components-menuitem--docs":{"id":"components-menuitem--docs","title":"Components/Actions/MenuItem","name":"Docs","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-menuitem--default":{"type":"story","id":"components-menuitem--default","name":"Default","title":"Components/Actions/MenuItem","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","componentPath":"./packages/components/src/menu-item","tags":["dev","test","autodocs"]},"components-menuitem--is-selected":{"type":"story","id":"components-menuitem--is-selected","name":"Is Selected","title":"Components/Actions/MenuItem","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","componentPath":"./packages/components/src/menu-item","tags":["dev","test","autodocs"]},"components-menuitem--with-icon":{"type":"story","id":"components-menuitem--with-icon","name":"With Icon","title":"Components/Actions/MenuItem","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","componentPath":"./packages/components/src/menu-item","tags":["dev","test","autodocs"]},"components-menuitem--with-info":{"type":"story","id":"components-menuitem--with-info","name":"With Info","title":"Components/Actions/MenuItem","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","componentPath":"./packages/components/src/menu-item","tags":["dev","test","autodocs"]},"components-menuitem--with-suffix":{"type":"story","id":"components-menuitem--with-suffix","name":"With Suffix","title":"Components/Actions/MenuItem","importPath":"./packages/components/src/menu-item/stories/index.story.tsx","componentPath":"./packages/components/src/menu-item","tags":["dev","test","autodocs"]},"components-menuitemschoice--docs":{"id":"components-menuitemschoice--docs","title":"Components/Actions/MenuItemsChoice","name":"Docs","importPath":"./packages/components/src/menu-items-choice/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-menuitemschoice--default":{"type":"story","id":"components-menuitemschoice--default","name":"Default","title":"Components/Actions/MenuItemsChoice","importPath":"./packages/components/src/menu-items-choice/stories/index.story.tsx","componentPath":"./packages/components/src/menu-items-choice","tags":["dev","test","autodocs"]},"components-actions-button-best-practices--docs":{"id":"components-actions-button-best-practices--docs","title":"Components/Actions/Button/Best Practices","name":"Docs","importPath":"./packages/components/src/button/stories/best-practices.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"components-containers-badge--docs":{"id":"components-containers-badge--docs","title":"Components/Containers/Badge","name":"Docs","importPath":"./packages/components/src/badge/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs","status-private"],"storiesImports":[]},"components-containers-badge--default":{"type":"story","id":"components-containers-badge--default","name":"Default","title":"Components/Containers/Badge","importPath":"./packages/components/src/badge/stories/index.story.tsx","componentPath":"./packages/components/src/badge","tags":["dev","test","autodocs","status-private"]},"components-containers-badge--info":{"type":"story","id":"components-containers-badge--info","name":"Info","title":"Components/Containers/Badge","importPath":"./packages/components/src/badge/stories/index.story.tsx","componentPath":"./packages/components/src/badge","tags":["dev","test","autodocs","status-private"]},"components-containers-badge--success":{"type":"story","id":"components-containers-badge--success","name":"Success","title":"Components/Containers/Badge","importPath":"./packages/components/src/badge/stories/index.story.tsx","componentPath":"./packages/components/src/badge","tags":["dev","test","autodocs","status-private"]},"components-containers-badge--warning":{"type":"story","id":"components-containers-badge--warning","name":"Warning","title":"Components/Containers/Badge","importPath":"./packages/components/src/badge/stories/index.story.tsx","componentPath":"./packages/components/src/badge","tags":["dev","test","autodocs","status-private"]},"components-containers-badge--error":{"type":"story","id":"components-containers-badge--error","name":"Error","title":"Components/Containers/Badge","importPath":"./packages/components/src/badge/stories/index.story.tsx","componentPath":"./packages/components/src/badge","tags":["dev","test","autodocs","status-private"]},"components-card--docs":{"id":"components-card--docs","title":"Components/Containers/Card","name":"Docs","importPath":"./packages/components/src/card/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-card--default":{"type":"story","id":"components-card--default","name":"Default","title":"Components/Containers/Card","importPath":"./packages/components/src/card/stories/index.story.tsx","componentPath":"./packages/components/src/card","tags":["dev","test","autodocs"]},"components-card--full-bleed-content":{"type":"story","id":"components-card--full-bleed-content","name":"Full Bleed Content","title":"Components/Containers/Card","importPath":"./packages/components/src/card/stories/index.story.tsx","componentPath":"./packages/components/src/card","tags":["dev","test","autodocs"]},"components-navigablemenu--docs":{"id":"components-navigablemenu--docs","title":"Components/Containers/NavigableMenu","name":"Docs","importPath":"./packages/components/src/navigable-container/stories/navigable-menu.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-navigablemenu--default":{"type":"story","id":"components-navigablemenu--default","name":"Default","title":"Components/Containers/NavigableMenu","importPath":"./packages/components/src/navigable-container/stories/navigable-menu.story.tsx","componentPath":"./packages/components/src/navigable-container","tags":["dev","test","autodocs"]},"components-tabbablecontainer--docs":{"id":"components-tabbablecontainer--docs","title":"Components/Containers/TabbableContainer","name":"Docs","importPath":"./packages/components/src/navigable-container/stories/tabbable-container.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-tabbablecontainer--default":{"type":"story","id":"components-tabbablecontainer--default","name":"Default","title":"Components/Containers/TabbableContainer","importPath":"./packages/components/src/navigable-container/stories/tabbable-container.story.tsx","componentPath":"./packages/components/src/navigable-container","tags":["dev","test","autodocs"]},"components-panel--docs":{"id":"components-panel--docs","title":"Components/Containers/Panel","name":"Docs","importPath":"./packages/components/src/panel/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-panel--default":{"type":"story","id":"components-panel--default","name":"Default","title":"Components/Containers/Panel","importPath":"./packages/components/src/panel/stories/index.story.tsx","componentPath":"./packages/components/src/panel","tags":["dev","test","autodocs"]},"components-panel--panel-row":{"type":"story","id":"components-panel--panel-row","name":"Panel Row","title":"Components/Containers/Panel","importPath":"./packages/components/src/panel/stories/index.story.tsx","componentPath":"./packages/components/src/panel","tags":["dev","test","autodocs"]},"components-panel--disabled-section":{"type":"story","id":"components-panel--disabled-section","name":"Disabled Section","title":"Components/Containers/Panel","importPath":"./packages/components/src/panel/stories/index.story.tsx","componentPath":"./packages/components/src/panel","tags":["dev","test","autodocs"]},"components-panel--with-icon":{"type":"story","id":"components-panel--with-icon","name":"With Icon","title":"Components/Containers/Panel","importPath":"./packages/components/src/panel/stories/index.story.tsx","componentPath":"./packages/components/src/panel","tags":["dev","test","autodocs"]},"components-tabpanel--docs":{"id":"components-tabpanel--docs","title":"Components/Containers/TabPanel","name":"Docs","importPath":"./packages/components/src/tab-panel/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-tabpanel--default":{"type":"story","id":"components-tabpanel--default","name":"Default","title":"Components/Containers/TabPanel","importPath":"./packages/components/src/tab-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tab-panel","tags":["dev","test","autodocs"]},"components-tabpanel--disabled-tab":{"type":"story","id":"components-tabpanel--disabled-tab","name":"Disabled Tab","title":"Components/Containers/TabPanel","importPath":"./packages/components/src/tab-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tab-panel","tags":["dev","test","autodocs"]},"components-tabpanel--with-tab-icons-and-tooltips":{"type":"story","id":"components-tabpanel--with-tab-icons-and-tooltips","name":"With Tab Icons And Tooltips","title":"Components/Containers/TabPanel","importPath":"./packages/components/src/tab-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tab-panel","tags":["dev","test","autodocs"]},"components-tabpanel--manual-activation":{"type":"story","id":"components-tabpanel--manual-activation","name":"Manual Activation","title":"Components/Containers/TabPanel","importPath":"./packages/components/src/tab-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tab-panel","tags":["dev","test","autodocs"]},"components-tabs--docs":{"id":"components-tabs--docs","title":"Components/Containers/Tabs","name":"Docs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs","status-private"],"storiesImports":[]},"components-tabs--default":{"type":"story","id":"components-tabs--default","name":"Default","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--size-and-overflow-playground":{"type":"story","id":"components-tabs--size-and-overflow-playground","name":"Size And Overflow Playground","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--vertical":{"type":"story","id":"components-tabs--vertical","name":"Vertical","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--disabled-tab":{"type":"story","id":"components-tabs--disabled-tab","name":"Disabled Tab","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--with-tab-icons-and-tooltips":{"type":"story","id":"components-tabs--with-tab-icons-and-tooltips","name":"With Tab Icons And Tooltips","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--manual-activation":{"type":"story","id":"components-tabs--manual-activation","name":"Manual Activation","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--using-slot-fill":{"type":"story","id":"components-tabs--using-slot-fill","name":"Using SlotFill","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--insert-custom-elements":{"type":"story","id":"components-tabs--insert-custom-elements","name":"Insert Custom Elements","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--controlled-mode":{"type":"story","id":"components-tabs--controlled-mode","name":"Controlled Mode","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--tab-becomes-disabled":{"type":"story","id":"components-tabs--tab-becomes-disabled","name":"Tab Becomes Disabled","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-tabs--tab-gets-removed":{"type":"story","id":"components-tabs--tab-gets-removed","name":"Tab Gets Removed","title":"Components/Containers/Tabs","importPath":"./packages/components/src/tabs/stories/index.story.tsx","componentPath":"./packages/components/src/tabs","tags":["dev","test","autodocs","status-private"]},"components-notice--docs":{"id":"components-notice--docs","title":"Components/Feedback/Notice","name":"Docs","importPath":"./packages/components/src/notice/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-notice--default":{"type":"story","id":"components-notice--default","name":"Default","title":"Components/Feedback/Notice","importPath":"./packages/components/src/notice/stories/index.story.tsx","componentPath":"./packages/components/src/notice","tags":["dev","test","autodocs"]},"components-notice--with-custom-spoken-message":{"type":"story","id":"components-notice--with-custom-spoken-message","name":"With Custom Spoken Message","title":"Components/Feedback/Notice","importPath":"./packages/components/src/notice/stories/index.story.tsx","componentPath":"./packages/components/src/notice","tags":["dev","test","autodocs"]},"components-notice--with-jsx-children":{"type":"story","id":"components-notice--with-jsx-children","name":"With JSX Children","title":"Components/Feedback/Notice","importPath":"./packages/components/src/notice/stories/index.story.tsx","componentPath":"./packages/components/src/notice","tags":["dev","test","autodocs"]},"components-notice--with-actions":{"type":"story","id":"components-notice--with-actions","name":"With Actions","title":"Components/Feedback/Notice","importPath":"./packages/components/src/notice/stories/index.story.tsx","componentPath":"./packages/components/src/notice","tags":["dev","test","autodocs"]},"components-notice--notice-list-subcomponent":{"type":"story","id":"components-notice--notice-list-subcomponent","name":"NoticeList Subcomponent","title":"Components/Feedback/Notice","importPath":"./packages/components/src/notice/stories/index.story.tsx","componentPath":"./packages/components/src/notice","tags":["dev","test","autodocs"]},"components-progressbar--docs":{"id":"components-progressbar--docs","title":"Components/Feedback/ProgressBar","name":"Docs","importPath":"./packages/components/src/progress-bar/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-progressbar--default":{"type":"story","id":"components-progressbar--default","name":"Default","title":"Components/Feedback/ProgressBar","importPath":"./packages/components/src/progress-bar/stories/index.story.tsx","componentPath":"./packages/components/src/progress-bar","tags":["dev","test","autodocs"]},"components-progressbar--with-custom-width":{"type":"story","id":"components-progressbar--with-custom-width","name":"With Custom Width","title":"Components/Feedback/ProgressBar","importPath":"./packages/components/src/progress-bar/stories/index.story.tsx","componentPath":"./packages/components/src/progress-bar","tags":["dev","test","autodocs"]},"components-snackbar--docs":{"id":"components-snackbar--docs","title":"Components/Feedback/Snackbar","name":"Docs","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-snackbar--default":{"type":"story","id":"components-snackbar--default","name":"Default","title":"Components/Feedback/Snackbar","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","componentPath":"./packages/components/src/snackbar","tags":["dev","test","autodocs"]},"components-snackbar--with-actions":{"type":"story","id":"components-snackbar--with-actions","name":"With Actions","title":"Components/Feedback/Snackbar","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","componentPath":"./packages/components/src/snackbar","tags":["dev","test","autodocs"]},"components-snackbar--with-icon":{"type":"story","id":"components-snackbar--with-icon","name":"With Icon","title":"Components/Feedback/Snackbar","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","componentPath":"./packages/components/src/snackbar","tags":["dev","test","autodocs"]},"components-snackbar--with-explicit-dismiss":{"type":"story","id":"components-snackbar--with-explicit-dismiss","name":"With Explicit Dismiss","title":"Components/Feedback/Snackbar","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","componentPath":"./packages/components/src/snackbar","tags":["dev","test","autodocs"]},"components-snackbar--with-action-and-explicit-dismiss":{"type":"story","id":"components-snackbar--with-action-and-explicit-dismiss","name":"With Action And Explicit Dismiss","title":"Components/Feedback/Snackbar","importPath":"./packages/components/src/snackbar/stories/index.story.tsx","componentPath":"./packages/components/src/snackbar","tags":["dev","test","autodocs"]},"components-snackbarlist--docs":{"id":"components-snackbarlist--docs","title":"Components/Feedback/SnackbarList","name":"Docs","importPath":"./packages/components/src/snackbar/stories/list.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-snackbarlist--default":{"type":"story","id":"components-snackbarlist--default","name":"Default","title":"Components/Feedback/SnackbarList","importPath":"./packages/components/src/snackbar/stories/list.story.tsx","componentPath":"./packages/components/src/snackbar/list.tsx","tags":["dev","test","autodocs"]},"components-spinner--docs":{"id":"components-spinner--docs","title":"Components/Feedback/Spinner","name":"Docs","importPath":"./packages/components/src/spinner/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-spinner--default":{"type":"story","id":"components-spinner--default","name":"Default","title":"Components/Feedback/Spinner","importPath":"./packages/components/src/spinner/stories/index.story.tsx","componentPath":"./packages/components/src/spinner","tags":["dev","test","autodocs"]},"components-spinner--custom-size":{"type":"story","id":"components-spinner--custom-size","name":"Custom Size","title":"Components/Feedback/Spinner","importPath":"./packages/components/src/spinner/stories/index.story.tsx","componentPath":"./packages/components/src/spinner","tags":["dev","test","autodocs"]},"components-tip--docs":{"id":"components-tip--docs","title":"Components/Feedback/Tip","name":"Docs","importPath":"./packages/components/src/tip/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-tip--default":{"type":"story","id":"components-tip--default","name":"Default","title":"Components/Feedback/Tip","importPath":"./packages/components/src/tip/stories/index.story.tsx","componentPath":"./packages/components/src/tip","tags":["dev","test","autodocs"]},"components-responsivewrapper--docs":{"id":"components-responsivewrapper--docs","title":"Components/Layout/ResponsiveWrapper","name":"Docs","importPath":"./packages/components/src/responsive-wrapper/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-responsivewrapper--default":{"type":"story","id":"components-responsivewrapper--default","name":"Default","title":"Components/Layout/ResponsiveWrapper","importPath":"./packages/components/src/responsive-wrapper/stories/index.story.tsx","componentPath":"./packages/components/src/responsive-wrapper","tags":["dev","test","autodocs"]},"components-responsivewrapper--with-svg":{"type":"story","id":"components-responsivewrapper--with-svg","name":"With SVG","title":"Components/Layout/ResponsiveWrapper","importPath":"./packages/components/src/responsive-wrapper/stories/index.story.tsx","componentPath":"./packages/components/src/responsive-wrapper","tags":["dev","test","autodocs"]},"components-externallink--docs":{"id":"components-externallink--docs","title":"Components/Navigation/ExternalLink","name":"Docs","importPath":"./packages/components/src/external-link/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-externallink--default":{"type":"story","id":"components-externallink--default","name":"Default","title":"Components/Navigation/ExternalLink","importPath":"./packages/components/src/external-link/stories/index.story.tsx","componentPath":"./packages/components/src/external-link","tags":["dev","test","autodocs"]},"components-navigator--docs":{"id":"components-navigator--docs","title":"Components/Navigation/Navigator","name":"Docs","importPath":"./packages/components/src/navigator/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-navigator--default":{"type":"story","id":"components-navigator--default","name":"Default","title":"Components/Navigation/Navigator","importPath":"./packages/components/src/navigator/stories/index.story.tsx","componentPath":"./packages/components/src/navigator","tags":["dev","test","autodocs"]},"components-navigator--with-nested-initial-path":{"type":"story","id":"components-navigator--with-nested-initial-path","name":"With Nested Initial Path","title":"Components/Navigation/Navigator","importPath":"./packages/components/src/navigator/stories/index.story.tsx","componentPath":"./packages/components/src/navigator","tags":["dev","test","autodocs"]},"components-navigator--skip-focus":{"type":"story","id":"components-navigator--skip-focus","name":"Skip Focus","title":"Components/Navigation/Navigator","importPath":"./packages/components/src/navigator/stories/index.story.tsx","componentPath":"./packages/components/src/navigator","tags":["dev","test","autodocs"]},"components-dropdown--docs":{"id":"components-dropdown--docs","title":"Components/Overlays/Dropdown","name":"Docs","importPath":"./packages/components/src/dropdown/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-dropdown--default":{"type":"story","id":"components-dropdown--default","name":"Default","title":"Components/Overlays/Dropdown","importPath":"./packages/components/src/dropdown/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown","tags":["dev","test","autodocs"]},"components-dropdown--with-more-padding":{"type":"story","id":"components-dropdown--with-more-padding","name":"With More Padding","title":"Components/Overlays/Dropdown","importPath":"./packages/components/src/dropdown/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown","tags":["dev","test","autodocs"]},"components-dropdown--with-no-padding":{"type":"story","id":"components-dropdown--with-no-padding","name":"With No Padding","title":"Components/Overlays/Dropdown","importPath":"./packages/components/src/dropdown/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown","tags":["dev","test","autodocs"]},"components-dropdown--with-menu-items":{"type":"story","id":"components-dropdown--with-menu-items","name":"With Menu Items","title":"Components/Overlays/Dropdown","importPath":"./packages/components/src/dropdown/stories/index.story.tsx","componentPath":"./packages/components/src/dropdown","tags":["dev","test","autodocs"]},"components-modal--docs":{"id":"components-modal--docs","title":"Components/Overlays/Modal","name":"Docs","importPath":"./packages/components/src/modal/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-modal--default":{"type":"story","id":"components-modal--default","name":"Default","title":"Components/Overlays/Modal","importPath":"./packages/components/src/modal/stories/index.story.tsx","componentPath":"./packages/components/src/modal","tags":["dev","test","autodocs"]},"components-modal--withsize-small":{"type":"story","id":"components-modal--withsize-small","name":"With size: small","title":"Components/Overlays/Modal","importPath":"./packages/components/src/modal/stories/index.story.tsx","componentPath":"./packages/components/src/modal","tags":["dev","test","autodocs"]},"components-modal--with-header-actions":{"type":"story","id":"components-modal--with-header-actions","name":"With Header Actions","title":"Components/Overlays/Modal","importPath":"./packages/components/src/modal/stories/index.story.tsx","componentPath":"./packages/components/src/modal","tags":["dev","test","autodocs"]},"components-popover--docs":{"id":"components-popover--docs","title":"Components/Overlays/Popover","name":"Docs","importPath":"./packages/components/src/popover/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-popover--default":{"type":"story","id":"components-popover--default","name":"Default","title":"Components/Overlays/Popover","importPath":"./packages/components/src/popover/stories/index.story.tsx","componentPath":"./packages/components/src/popover","tags":["dev","test","autodocs"]},"components-popover--unstyled":{"type":"story","id":"components-popover--unstyled","name":"Unstyled","title":"Components/Overlays/Popover","importPath":"./packages/components/src/popover/stories/index.story.tsx","componentPath":"./packages/components/src/popover","tags":["dev","test","autodocs"]},"components-popover--all-placements":{"type":"story","id":"components-popover--all-placements","name":"All Placements","title":"Components/Overlays/Popover","importPath":"./packages/components/src/popover/stories/index.story.tsx","componentPath":"./packages/components/src/popover","tags":["dev","test","autodocs"]},"components-popover--dynamic-height":{"type":"story","id":"components-popover--dynamic-height","name":"Dynamic Height","title":"Components/Overlays/Popover","importPath":"./packages/components/src/popover/stories/index.story.tsx","componentPath":"./packages/components/src/popover","tags":["dev","test","autodocs"]},"components-popover--with-slot-outside-iframe":{"type":"story","id":"components-popover--with-slot-outside-iframe","name":"With Slot Outside Iframe","title":"Components/Overlays/Popover","importPath":"./packages/components/src/popover/stories/index.story.tsx","componentPath":"./packages/components/src/popover","tags":["dev","test","autodocs"]},"components-tooltip--docs":{"id":"components-tooltip--docs","title":"Components/Overlays/Tooltip","name":"Docs","importPath":"./packages/components/src/tooltip/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-tooltip--default":{"type":"story","id":"components-tooltip--default","name":"Default","title":"Components/Overlays/Tooltip","importPath":"./packages/components/src/tooltip/stories/index.story.tsx","componentPath":"./packages/components/src/tooltip","tags":["dev","test","autodocs"]},"components-tooltip--keyboard-shortcut":{"type":"story","id":"components-tooltip--keyboard-shortcut","name":"Keyboard Shortcut","title":"Components/Overlays/Tooltip","importPath":"./packages/components/src/tooltip/stories/index.story.tsx","componentPath":"./packages/components/src/tooltip","tags":["dev","test","autodocs"]},"components-tooltip--nested":{"type":"story","id":"components-tooltip--nested","name":"Nested","title":"Components/Overlays/Tooltip","importPath":"./packages/components/src/tooltip/stories/index.story.tsx","componentPath":"./packages/components/src/tooltip","tags":["dev","test","autodocs"]},"components-circularoptionpicker--docs":{"id":"components-circularoptionpicker--docs","title":"Components/Selection & Input/Color/CircularOptionPicker","name":"Docs","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-circularoptionpicker--default":{"type":"story","id":"components-circularoptionpicker--default","name":"Default","title":"Components/Selection & Input/Color/CircularOptionPicker","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","componentPath":"./packages/components/src/circular-option-picker","tags":["dev","test","autodocs"]},"components-circularoptionpicker--as-buttons":{"type":"story","id":"components-circularoptionpicker--as-buttons","name":"As Buttons","title":"Components/Selection & Input/Color/CircularOptionPicker","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","componentPath":"./packages/components/src/circular-option-picker","tags":["dev","test","autodocs"]},"components-circularoptionpicker--with-looping-disabled":{"type":"story","id":"components-circularoptionpicker--with-looping-disabled","name":"With Looping Disabled","title":"Components/Selection & Input/Color/CircularOptionPicker","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","componentPath":"./packages/components/src/circular-option-picker","tags":["dev","test","autodocs"]},"components-circularoptionpicker--with-button-action":{"type":"story","id":"components-circularoptionpicker--with-button-action","name":"With ButtonAction","title":"Components/Selection & Input/Color/CircularOptionPicker","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","componentPath":"./packages/components/src/circular-option-picker","tags":["dev","test","autodocs"]},"components-circularoptionpicker--with-dropdown-link-action":{"type":"story","id":"components-circularoptionpicker--with-dropdown-link-action","name":"With DropdownLinkAction","title":"Components/Selection & Input/Color/CircularOptionPicker","importPath":"./packages/components/src/circular-option-picker/stories/index.story.tsx","componentPath":"./packages/components/src/circular-option-picker","tags":["dev","test","autodocs"]},"components-colorindicator--docs":{"id":"components-colorindicator--docs","title":"Components/Selection & Input/Color/ColorIndicator","name":"Docs","importPath":"./packages/components/src/color-indicator/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-colorindicator--default":{"type":"story","id":"components-colorindicator--default","name":"Default","title":"Components/Selection & Input/Color/ColorIndicator","importPath":"./packages/components/src/color-indicator/stories/index.story.tsx","componentPath":"./packages/components/src/color-indicator","tags":["dev","test","autodocs"]},"components-colorpalette--docs":{"id":"components-colorpalette--docs","title":"Components/Selection & Input/Color/ColorPalette","name":"Docs","importPath":"./packages/components/src/color-palette/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-colorpalette--default":{"type":"story","id":"components-colorpalette--default","name":"Default","title":"Components/Selection & Input/Color/ColorPalette","importPath":"./packages/components/src/color-palette/stories/index.story.tsx","componentPath":"./packages/components/src/color-palette","tags":["dev","test","autodocs"]},"components-colorpalette--initial-value":{"type":"story","id":"components-colorpalette--initial-value","name":"Initial Value","title":"Components/Selection & Input/Color/ColorPalette","importPath":"./packages/components/src/color-palette/stories/index.story.tsx","componentPath":"./packages/components/src/color-palette","tags":["dev","test","autodocs"]},"components-colorpalette--multiple-origins":{"type":"story","id":"components-colorpalette--multiple-origins","name":"Multiple Origins","title":"Components/Selection & Input/Color/ColorPalette","importPath":"./packages/components/src/color-palette/stories/index.story.tsx","componentPath":"./packages/components/src/color-palette","tags":["dev","test","autodocs"]},"components-colorpalette--css-variables":{"type":"story","id":"components-colorpalette--css-variables","name":"CSS Variables","title":"Components/Selection & Input/Color/ColorPalette","importPath":"./packages/components/src/color-palette/stories/index.story.tsx","componentPath":"./packages/components/src/color-palette","tags":["dev","test","autodocs"]},"components-colorpicker--docs":{"id":"components-colorpicker--docs","title":"Components/Selection & Input/Color/ColorPicker","name":"Docs","importPath":"./packages/components/src/color-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-colorpicker--default":{"type":"story","id":"components-colorpicker--default","name":"Default","title":"Components/Selection & Input/Color/ColorPicker","importPath":"./packages/components/src/color-picker/stories/index.story.tsx","componentPath":"./packages/components/src/color-picker/component.tsx","tags":["dev","test","autodocs"]},"components-customgradientpicker--docs":{"id":"components-customgradientpicker--docs","title":"Components/Selection & Input/Color/CustomGradientPicker","name":"Docs","importPath":"./packages/components/src/custom-gradient-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-customgradientpicker--default":{"type":"story","id":"components-customgradientpicker--default","name":"Default","title":"Components/Selection & Input/Color/CustomGradientPicker","importPath":"./packages/components/src/custom-gradient-picker/stories/index.story.tsx","componentPath":"./packages/components/src/custom-gradient-picker","tags":["dev","test","autodocs"]},"components-gradientpicker--docs":{"id":"components-gradientpicker--docs","title":"Components/Selection & Input/Color/GradientPicker","name":"Docs","importPath":"./packages/components/src/gradient-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-gradientpicker--default":{"type":"story","id":"components-gradientpicker--default","name":"Default","title":"Components/Selection & Input/Color/GradientPicker","importPath":"./packages/components/src/gradient-picker/stories/index.story.tsx","componentPath":"./packages/components/src/gradient-picker","tags":["dev","test","autodocs"]},"components-gradientpicker--with-no-existing-gradients":{"type":"story","id":"components-gradientpicker--with-no-existing-gradients","name":"With No Existing Gradients","title":"Components/Selection & Input/Color/GradientPicker","importPath":"./packages/components/src/gradient-picker/stories/index.story.tsx","componentPath":"./packages/components/src/gradient-picker","tags":["dev","test","autodocs"]},"components-gradientpicker--multiple-origins":{"type":"story","id":"components-gradientpicker--multiple-origins","name":"Multiple Origins","title":"Components/Selection & Input/Color/GradientPicker","importPath":"./packages/components/src/gradient-picker/stories/index.story.tsx","componentPath":"./packages/components/src/gradient-picker","tags":["dev","test","autodocs"]},"components-basecontrol--docs":{"id":"components-basecontrol--docs","title":"Components/Selection & Input/Common/BaseControl","name":"Docs","importPath":"./packages/components/src/base-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-basecontrol--default":{"type":"story","id":"components-basecontrol--default","name":"Default","title":"Components/Selection & Input/Common/BaseControl","importPath":"./packages/components/src/base-control/stories/index.story.tsx","componentPath":"./packages/components/src/base-control","tags":["dev","test","autodocs"]},"components-basecontrol--with-help-text":{"type":"story","id":"components-basecontrol--with-help-text","name":"With Help Text","title":"Components/Selection & Input/Common/BaseControl","importPath":"./packages/components/src/base-control/stories/index.story.tsx","componentPath":"./packages/components/src/base-control","tags":["dev","test","autodocs"]},"components-basecontrol--with-visual-label":{"type":"story","id":"components-basecontrol--with-visual-label","name":"With Visual Label","title":"Components/Selection & Input/Common/BaseControl","importPath":"./packages/components/src/base-control/stories/index.story.tsx","componentPath":"./packages/components/src/base-control","tags":["dev","test","autodocs"]},"components-checkboxcontrol--docs":{"id":"components-checkboxcontrol--docs","title":"Components/Selection & Input/Common/CheckboxControl","name":"Docs","importPath":"./packages/components/src/checkbox-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-checkboxcontrol--default":{"type":"story","id":"components-checkboxcontrol--default","name":"Default","title":"Components/Selection & Input/Common/CheckboxControl","importPath":"./packages/components/src/checkbox-control/stories/index.story.tsx","componentPath":"./packages/components/src/checkbox-control","tags":["dev","test","autodocs"]},"components-checkboxcontrol--indeterminate":{"type":"story","id":"components-checkboxcontrol--indeterminate","name":"Indeterminate","title":"Components/Selection & Input/Common/CheckboxControl","importPath":"./packages/components/src/checkbox-control/stories/index.story.tsx","componentPath":"./packages/components/src/checkbox-control","tags":["dev","test","autodocs"]},"components-checkboxcontrol--with-custom-label":{"type":"story","id":"components-checkboxcontrol--with-custom-label","name":"With Custom Label","title":"Components/Selection & Input/Common/CheckboxControl","importPath":"./packages/components/src/checkbox-control/stories/index.story.tsx","componentPath":"./packages/components/src/checkbox-control","tags":["dev","test","autodocs"]},"components-comboboxcontrol--docs":{"id":"components-comboboxcontrol--docs","title":"Components/Selection & Input/Common/ComboboxControl","name":"Docs","importPath":"./packages/components/src/combobox-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-comboboxcontrol--default":{"type":"story","id":"components-comboboxcontrol--default","name":"Default","title":"Components/Selection & Input/Common/ComboboxControl","importPath":"./packages/components/src/combobox-control/stories/index.story.tsx","componentPath":"./packages/components/src/combobox-control","tags":["dev","test","autodocs"]},"components-comboboxcontrol--with-custom-render-item":{"type":"story","id":"components-comboboxcontrol--with-custom-render-item","name":"With Custom Render Item","title":"Components/Selection & Input/Common/ComboboxControl","importPath":"./packages/components/src/combobox-control/stories/index.story.tsx","componentPath":"./packages/components/src/combobox-control","tags":["dev","test","autodocs"]},"components-comboboxcontrol--with-disabled-options":{"type":"story","id":"components-comboboxcontrol--with-disabled-options","name":"With Disabled Options","title":"Components/Selection & Input/Common/ComboboxControl","importPath":"./packages/components/src/combobox-control/stories/index.story.tsx","componentPath":"./packages/components/src/combobox-control","tags":["dev","test","autodocs"]},"components-comboboxcontrol--not-expand-on-focus":{"type":"story","id":"components-comboboxcontrol--not-expand-on-focus","name":"Not Expand On Focus","title":"Components/Selection & Input/Common/ComboboxControl","importPath":"./packages/components/src/combobox-control/stories/index.story.tsx","componentPath":"./packages/components/src/combobox-control","tags":["dev","test","autodocs"]},"components-customselectcontrol-v2--docs":{"id":"components-customselectcontrol-v2--docs","title":"Components/Selection & Input/Common/CustomSelectControl v2","name":"Docs","importPath":"./packages/components/src/custom-select-control-v2/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs","status-wip"],"storiesImports":[]},"components-customselectcontrol-v2--default":{"type":"story","id":"components-customselectcontrol-v2--default","name":"Default","title":"Components/Selection & Input/Common/CustomSelectControl v2","importPath":"./packages/components/src/custom-select-control-v2/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control-v2","tags":["dev","test","autodocs","status-wip"]},"components-customselectcontrol-v2--multiple-selection":{"type":"story","id":"components-customselectcontrol-v2--multiple-selection","name":"Multiple Selection","title":"Components/Selection & Input/Common/CustomSelectControl v2","importPath":"./packages/components/src/custom-select-control-v2/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control-v2","tags":["dev","test","autodocs","status-wip"]},"components-customselectcontrol-v2--custom-selected-value":{"type":"story","id":"components-customselectcontrol-v2--custom-selected-value","name":"Custom Selected Value","title":"Components/Selection & Input/Common/CustomSelectControl v2","importPath":"./packages/components/src/custom-select-control-v2/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control-v2","tags":["dev","test","autodocs","status-wip"]},"components-customselectcontrol--docs":{"id":"components-customselectcontrol--docs","title":"Components/Selection & Input/Common/CustomSelectControl","name":"Docs","importPath":"./packages/components/src/custom-select-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-customselectcontrol--default":{"type":"story","id":"components-customselectcontrol--default","name":"Default","title":"Components/Selection & Input/Common/CustomSelectControl","importPath":"./packages/components/src/custom-select-control/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control","tags":["dev","test","autodocs"]},"components-customselectcontrol--with-long-labels":{"type":"story","id":"components-customselectcontrol--with-long-labels","name":"With Long Labels","title":"Components/Selection & Input/Common/CustomSelectControl","importPath":"./packages/components/src/custom-select-control/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control","tags":["dev","test","autodocs"]},"components-customselectcontrol--with-hints":{"type":"story","id":"components-customselectcontrol--with-hints","name":"With Hints","title":"Components/Selection & Input/Common/CustomSelectControl","importPath":"./packages/components/src/custom-select-control/stories/index.story.tsx","componentPath":"./packages/components/src/custom-select-control","tags":["dev","test","autodocs"]},"components-formtokenfield--docs":{"id":"components-formtokenfield--docs","title":"Components/Selection & Input/Common/FormTokenField","name":"Docs","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-formtokenfield--default":{"type":"story","id":"components-formtokenfield--default","name":"Default","title":"Components/Selection & Input/Common/FormTokenField","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","componentPath":"./packages/components/src/form-token-field","tags":["dev","test","autodocs"]},"components-formtokenfield--async":{"type":"story","id":"components-formtokenfield--async","name":"Async","title":"Components/Selection & Input/Common/FormTokenField","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","componentPath":"./packages/components/src/form-token-field","tags":["dev","test","autodocs"]},"components-formtokenfield--dropdown-selector":{"type":"story","id":"components-formtokenfield--dropdown-selector","name":"Dropdown Selector","title":"Components/Selection & Input/Common/FormTokenField","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","componentPath":"./packages/components/src/form-token-field","tags":["dev","test","autodocs"]},"components-formtokenfield--with-custom-render-item":{"type":"story","id":"components-formtokenfield--with-custom-render-item","name":"With Custom Render Item","title":"Components/Selection & Input/Common/FormTokenField","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","componentPath":"./packages/components/src/form-token-field","tags":["dev","test","autodocs"]},"components-formtokenfield--with-validated-input":{"type":"story","id":"components-formtokenfield--with-validated-input","name":"With Validated Input","title":"Components/Selection & Input/Common/FormTokenField","importPath":"./packages/components/src/form-token-field/stories/index.story.tsx","componentPath":"./packages/components/src/form-token-field","tags":["dev","test","autodocs"]},"components-radiocontrol--docs":{"id":"components-radiocontrol--docs","title":"Components/Selection & Input/Common/RadioControl","name":"Docs","importPath":"./packages/components/src/radio-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-radiocontrol--default":{"type":"story","id":"components-radiocontrol--default","name":"Default","title":"Components/Selection & Input/Common/RadioControl","importPath":"./packages/components/src/radio-control/stories/index.story.tsx","componentPath":"./packages/components/src/radio-control","tags":["dev","test","autodocs"]},"components-radiocontrol--with-option-descriptions":{"type":"story","id":"components-radiocontrol--with-option-descriptions","name":"With Option Descriptions","title":"Components/Selection & Input/Common/RadioControl","importPath":"./packages/components/src/radio-control/stories/index.story.tsx","componentPath":"./packages/components/src/radio-control","tags":["dev","test","autodocs"]},"components-rangecontrol--docs":{"id":"components-rangecontrol--docs","title":"Components/Selection & Input/Common/RangeControl","name":"Docs","importPath":"./packages/components/src/range-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-rangecontrol--default":{"type":"story","id":"components-rangecontrol--default","name":"Default","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-any-step":{"type":"story","id":"components-rangecontrol--with-any-step","name":"With Any Step","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-integer-step-and-marks":{"type":"story","id":"components-rangecontrol--with-integer-step-and-marks","name":"With Integer Step And Marks","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-decimal-step-and-marks":{"type":"story","id":"components-rangecontrol--with-decimal-step-and-marks","name":"With Decimal Step And Marks","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-negative-minimum-and-marks":{"type":"story","id":"components-rangecontrol--with-negative-minimum-and-marks","name":"With Negative Minimum And Marks","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-negative-range-and-marks":{"type":"story","id":"components-rangecontrol--with-negative-range-and-marks","name":"With Negative Range And Marks","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-rangecontrol--with-any-step-and-marks":{"type":"story","id":"components-rangecontrol--with-any-step-and-marks","name":"With Any Step And Marks","title":"Components/Selection & Input/Common/RangeControl","importPath":"./packages/components/src/range-control/stories/index.story.tsx","componentPath":"./packages/components/src/range-control","tags":["dev","test","autodocs"]},"components-searchcontrol--docs":{"id":"components-searchcontrol--docs","title":"Components/Selection & Input/Common/SearchControl","name":"Docs","importPath":"./packages/components/src/search-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-searchcontrol--default":{"type":"story","id":"components-searchcontrol--default","name":"Default","title":"Components/Selection & Input/Common/SearchControl","importPath":"./packages/components/src/search-control/stories/index.story.tsx","componentPath":"./packages/components/src/search-control","tags":["dev","test","autodocs"]},"components-selectcontrol--docs":{"id":"components-selectcontrol--docs","title":"Components/Selection & Input/Common/SelectControl","name":"Docs","importPath":"./packages/components/src/select-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-selectcontrol--default":{"type":"story","id":"components-selectcontrol--default","name":"Default","title":"Components/Selection & Input/Common/SelectControl","importPath":"./packages/components/src/select-control/stories/index.story.tsx","componentPath":"./packages/components/src/select-control","tags":["dev","test","autodocs"]},"components-selectcontrol--with-label-and-help-text":{"type":"story","id":"components-selectcontrol--with-label-and-help-text","name":"With Label And Help Text","title":"Components/Selection & Input/Common/SelectControl","importPath":"./packages/components/src/select-control/stories/index.story.tsx","componentPath":"./packages/components/src/select-control","tags":["dev","test","autodocs"]},"components-selectcontrol--with-custom-children":{"type":"story","id":"components-selectcontrol--with-custom-children","name":"With Custom Children","title":"Components/Selection & Input/Common/SelectControl","importPath":"./packages/components/src/select-control/stories/index.story.tsx","componentPath":"./packages/components/src/select-control","tags":["dev","test","autodocs"]},"components-selectcontrol--with-prefix":{"type":"story","id":"components-selectcontrol--with-prefix","name":"With Prefix","title":"Components/Selection & Input/Common/SelectControl","importPath":"./packages/components/src/select-control/stories/index.story.tsx","componentPath":"./packages/components/src/select-control","tags":["dev","test","autodocs"]},"components-selectcontrol--minimal":{"type":"story","id":"components-selectcontrol--minimal","name":"Minimal","title":"Components/Selection & Input/Common/SelectControl","importPath":"./packages/components/src/select-control/stories/index.story.tsx","componentPath":"./packages/components/src/select-control","tags":["dev","test","autodocs"]},"components-textcontrol--docs":{"id":"components-textcontrol--docs","title":"Components/Selection & Input/Common/TextControl","name":"Docs","importPath":"./packages/components/src/text-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-textcontrol--default":{"type":"story","id":"components-textcontrol--default","name":"Default","title":"Components/Selection & Input/Common/TextControl","importPath":"./packages/components/src/text-control/stories/index.story.tsx","componentPath":"./packages/components/src/text-control","tags":["dev","test","autodocs"]},"components-textcontrol--with-label-and-help-text":{"type":"story","id":"components-textcontrol--with-label-and-help-text","name":"With Label And Help Text","title":"Components/Selection & Input/Common/TextControl","importPath":"./packages/components/src/text-control/stories/index.story.tsx","componentPath":"./packages/components/src/text-control","tags":["dev","test","autodocs"]},"components-textareacontrol--docs":{"id":"components-textareacontrol--docs","title":"Components/Selection & Input/Common/TextareaControl","name":"Docs","importPath":"./packages/components/src/textarea-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-textareacontrol--default":{"type":"story","id":"components-textareacontrol--default","name":"Default","title":"Components/Selection & Input/Common/TextareaControl","importPath":"./packages/components/src/textarea-control/stories/index.story.tsx","componentPath":"./packages/components/src/textarea-control","tags":["dev","test","autodocs"]},"components-togglecontrol--docs":{"id":"components-togglecontrol--docs","title":"Components/Selection & Input/Common/ToggleControl","name":"Docs","importPath":"./packages/components/src/toggle-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-togglecontrol--default":{"type":"story","id":"components-togglecontrol--default","name":"Default","title":"Components/Selection & Input/Common/ToggleControl","importPath":"./packages/components/src/toggle-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-control","tags":["dev","test","autodocs"]},"components-togglecontrol--with-help-text":{"type":"story","id":"components-togglecontrol--with-help-text","name":"With Help Text","title":"Components/Selection & Input/Common/ToggleControl","importPath":"./packages/components/src/toggle-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-control","tags":["dev","test","autodocs"]},"components-treeselect--docs":{"id":"components-treeselect--docs","title":"Components/Selection & Input/Common/TreeSelect","name":"Docs","importPath":"./packages/components/src/tree-select/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-treeselect--default":{"type":"story","id":"components-treeselect--default","name":"Default","title":"Components/Selection & Input/Common/TreeSelect","importPath":"./packages/components/src/tree-select/stories/index.story.tsx","componentPath":"./packages/components/src/tree-select","tags":["dev","test","autodocs"]},"components-dropzone--docs":{"id":"components-dropzone--docs","title":"Components/Selection & Input/File Upload/DropZone","name":"Docs","importPath":"./packages/components/src/drop-zone/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-dropzone--default":{"type":"story","id":"components-dropzone--default","name":"Default","title":"Components/Selection & Input/File Upload/DropZone","importPath":"./packages/components/src/drop-zone/stories/index.story.tsx","componentPath":"./packages/components/src/drop-zone","tags":["dev","test","autodocs"]},"components-formfileupload--docs":{"id":"components-formfileupload--docs","title":"Components/Selection & Input/File Upload/FormFileUpload","name":"Docs","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-formfileupload--default":{"type":"story","id":"components-formfileupload--default","name":"Default","title":"Components/Selection & Input/File Upload/FormFileUpload","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","componentPath":"./packages/components/src/form-file-upload","tags":["dev","test","autodocs"]},"components-formfileupload--restrict-file-types":{"type":"story","id":"components-formfileupload--restrict-file-types","name":"Restrict File Types","title":"Components/Selection & Input/File Upload/FormFileUpload","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","componentPath":"./packages/components/src/form-file-upload","tags":["dev","test","autodocs"]},"components-formfileupload--allow-multiple-files":{"type":"story","id":"components-formfileupload--allow-multiple-files","name":"Allow Multiple Files","title":"Components/Selection & Input/File Upload/FormFileUpload","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","componentPath":"./packages/components/src/form-file-upload","tags":["dev","test","autodocs"]},"components-formfileupload--with-icon":{"type":"story","id":"components-formfileupload--with-icon","name":"With Icon","title":"Components/Selection & Input/File Upload/FormFileUpload","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","componentPath":"./packages/components/src/form-file-upload","tags":["dev","test","autodocs"]},"components-formfileupload--with-custom-render":{"type":"story","id":"components-formfileupload--with-custom-render","name":"With Custom Render","title":"Components/Selection & Input/File Upload/FormFileUpload","importPath":"./packages/components/src/form-file-upload/stories/index.story.tsx","componentPath":"./packages/components/src/form-file-upload","tags":["dev","test","autodocs"]},"components-datetimepicker--docs":{"id":"components-datetimepicker--docs","title":"Components/Selection & Input/Time & Date/DateTimePicker","name":"Docs","importPath":"./packages/components/src/date-time/stories/date-time.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-datetimepicker--default":{"type":"story","id":"components-datetimepicker--default","name":"Default","title":"Components/Selection & Input/Time & Date/DateTimePicker","importPath":"./packages/components/src/date-time/stories/date-time.story.tsx","componentPath":"./packages/components/src/date-time/date-time","tags":["dev","test","autodocs"]},"components-datetimepicker--with-events":{"type":"story","id":"components-datetimepicker--with-events","name":"With Events","title":"Components/Selection & Input/Time & Date/DateTimePicker","importPath":"./packages/components/src/date-time/stories/date-time.story.tsx","componentPath":"./packages/components/src/date-time/date-time","tags":["dev","test","autodocs"]},"components-datetimepicker--with-invalid-dates":{"type":"story","id":"components-datetimepicker--with-invalid-dates","name":"With Invalid Dates","title":"Components/Selection & Input/Time & Date/DateTimePicker","importPath":"./packages/components/src/date-time/stories/date-time.story.tsx","componentPath":"./packages/components/src/date-time/date-time","tags":["dev","test","autodocs"]},"components-datepicker--docs":{"id":"components-datepicker--docs","title":"Components/Selection & Input/Time & Date/DatePicker","name":"Docs","importPath":"./packages/components/src/date-time/stories/date.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-datepicker--default":{"type":"story","id":"components-datepicker--default","name":"Default","title":"Components/Selection & Input/Time & Date/DatePicker","importPath":"./packages/components/src/date-time/stories/date.story.tsx","componentPath":"./packages/components/src/date-time/date","tags":["dev","test","autodocs"]},"components-datepicker--with-events":{"type":"story","id":"components-datepicker--with-events","name":"With Events","title":"Components/Selection & Input/Time & Date/DatePicker","importPath":"./packages/components/src/date-time/stories/date.story.tsx","componentPath":"./packages/components/src/date-time/date","tags":["dev","test","autodocs"]},"components-datepicker--with-invalid-dates":{"type":"story","id":"components-datepicker--with-invalid-dates","name":"With Invalid Dates","title":"Components/Selection & Input/Time & Date/DatePicker","importPath":"./packages/components/src/date-time/stories/date.story.tsx","componentPath":"./packages/components/src/date-time/date","tags":["dev","test","autodocs"]},"components-timepicker--docs":{"id":"components-timepicker--docs","title":"Components/Selection & Input/Time & Date/TimePicker","name":"Docs","importPath":"./packages/components/src/date-time/stories/time.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-timepicker--default":{"type":"story","id":"components-timepicker--default","name":"Default","title":"Components/Selection & Input/Time & Date/TimePicker","importPath":"./packages/components/src/date-time/stories/time.story.tsx","componentPath":"./packages/components/src/date-time/time","tags":["dev","test","autodocs"]},"components-timepicker--time-input":{"type":"story","id":"components-timepicker--time-input","name":"Time Input","title":"Components/Selection & Input/Time & Date/TimePicker","importPath":"./packages/components/src/date-time/stories/time.story.tsx","componentPath":"./packages/components/src/date-time/time","tags":["dev","test","autodocs"]},"components-texthighlight--docs":{"id":"components-texthighlight--docs","title":"Components/Typography/TextHighlight","name":"Docs","importPath":"./packages/components/src/text-highlight/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-texthighlight--default":{"type":"story","id":"components-texthighlight--default","name":"Default","title":"Components/Typography/TextHighlight","importPath":"./packages/components/src/text-highlight/stories/index.story.tsx","componentPath":"./packages/components/src/text-highlight","tags":["dev","test","autodocs"]},"components-visuallyhidden--docs":{"id":"components-visuallyhidden--docs","title":"Components/Typography/VisuallyHidden","name":"Docs","importPath":"./packages/components/src/visually-hidden/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-visuallyhidden--default":{"type":"story","id":"components-visuallyhidden--default","name":"Default","title":"Components/Typography/VisuallyHidden","importPath":"./packages/components/src/visually-hidden/stories/index.story.tsx","componentPath":"./packages/components/src/visually-hidden","tags":["dev","test","autodocs"]},"components-visuallyhidden--with-forwarded-props":{"type":"story","id":"components-visuallyhidden--with-forwarded-props","name":"With Forwarded Props","title":"Components/Typography/VisuallyHidden","importPath":"./packages/components/src/visually-hidden/stories/index.story.tsx","componentPath":"./packages/components/src/visually-hidden","tags":["dev","test","autodocs"]},"components-visuallyhidden--with-additional-class-names":{"type":"story","id":"components-visuallyhidden--with-additional-class-names","name":"With Additional Class Names","title":"Components/Typography/VisuallyHidden","importPath":"./packages/components/src/visually-hidden/stories/index.story.tsx","componentPath":"./packages/components/src/visually-hidden","tags":["dev","test","autodocs"]},"components-animate--docs":{"id":"components-animate--docs","title":"Components/Utilities/Animate","name":"Docs","importPath":"./packages/components/src/animate/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-animate--default":{"type":"story","id":"components-animate--default","name":"Default","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--appear-top-left":{"type":"story","id":"components-animate--appear-top-left","name":"Appear Top Left","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--appear-top-right":{"type":"story","id":"components-animate--appear-top-right","name":"Appear Top Right","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--appear-bottom-left":{"type":"story","id":"components-animate--appear-bottom-left","name":"Appear Bottom Left","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--appear-bottom-right":{"type":"story","id":"components-animate--appear-bottom-right","name":"Appear Bottom Right","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--loading":{"type":"story","id":"components-animate--loading","name":"Loading","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-animate--slide-in":{"type":"story","id":"components-animate--slide-in","name":"Slide In","title":"Components/Utilities/Animate","importPath":"./packages/components/src/animate/stories/index.story.tsx","componentPath":"./packages/components/src/animate","tags":["dev","test","autodocs"]},"components-composite--docs":{"id":"components-composite--docs","title":"Components/Utilities/Composite","name":"Docs","importPath":"./packages/components/src/composite/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-composite--default":{"type":"story","id":"components-composite--default","name":"Default","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--groups":{"type":"story","id":"components-composite--groups","name":"Groups","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--grid":{"type":"story","id":"components-composite--grid","name":"Grid","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--hover":{"type":"story","id":"components-composite--hover","name":"Hover","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--typeahead":{"type":"story","id":"components-composite--typeahead","name":"Typeahead","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--with-slot-fill":{"type":"story","id":"components-composite--with-slot-fill","name":"With Slot Fill","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-composite--with-tooltips":{"type":"story","id":"components-composite--with-tooltips","name":"With Tooltips","title":"Components/Utilities/Composite","importPath":"./packages/components/src/composite/stories/index.story.tsx","componentPath":"./packages/components/src/composite","tags":["dev","test","autodocs"]},"components-disabled--docs":{"id":"components-disabled--docs","title":"Components/Utilities/Disabled","name":"Docs","importPath":"./packages/components/src/disabled/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-disabled--default":{"type":"story","id":"components-disabled--default","name":"Default","title":"Components/Utilities/Disabled","importPath":"./packages/components/src/disabled/stories/index.story.tsx","componentPath":"./packages/components/src/disabled","tags":["dev","test","autodocs"]},"components-disabled--content-editable":{"type":"story","id":"components-disabled--content-editable","name":"Content Editable","title":"Components/Utilities/Disabled","importPath":"./packages/components/src/disabled/stories/index.story.tsx","componentPath":"./packages/components/src/disabled","tags":["dev","test","autodocs"]},"components-draggable--docs":{"id":"components-draggable--docs","title":"Components/Utilities/Draggable","name":"Docs","importPath":"./packages/components/src/draggable/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-draggable--default":{"type":"story","id":"components-draggable--default","name":"Default","title":"Components/Utilities/Draggable","importPath":"./packages/components/src/draggable/stories/index.story.tsx","componentPath":"./packages/components/src/draggable","tags":["dev","test","autodocs"]},"components-draggable--append-element-to-owner-document":{"type":"story","id":"components-draggable--append-element-to-owner-document","name":"Append Element To Owner Document","title":"Components/Utilities/Draggable","importPath":"./packages/components/src/draggable/stories/index.story.tsx","componentPath":"./packages/components/src/draggable","tags":["dev","test","autodocs"]},"components-keyboardshortcuts--docs":{"id":"components-keyboardshortcuts--docs","title":"Components/Utilities/KeyboardShortcuts","name":"Docs","importPath":"./packages/components/src/keyboard-shortcuts/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-keyboardshortcuts--default":{"type":"story","id":"components-keyboardshortcuts--default","name":"Default","title":"Components/Utilities/KeyboardShortcuts","importPath":"./packages/components/src/keyboard-shortcuts/stories/index.story.tsx","componentPath":"./packages/components/src/keyboard-shortcuts","tags":["dev","test","autodocs"]},"components-resizablebox--docs":{"id":"components-resizablebox--docs","title":"Components/Utilities/ResizableBox","name":"Docs","importPath":"./packages/components/src/resizable-box/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-resizablebox--default":{"type":"story","id":"components-resizablebox--default","name":"Default","title":"Components/Utilities/ResizableBox","importPath":"./packages/components/src/resizable-box/stories/index.story.tsx","componentPath":"./packages/components/src/resizable-box","tags":["dev","test","autodocs"]},"components-resizablebox--disabled-directions":{"type":"story","id":"components-resizablebox--disabled-directions","name":"Disabled Directions","title":"Components/Utilities/ResizableBox","importPath":"./packages/components/src/resizable-box/stories/index.story.tsx","componentPath":"./packages/components/src/resizable-box","tags":["dev","test","autodocs"]},"components-sandbox--docs":{"id":"components-sandbox--docs","title":"Components/Utilities/SandBox","name":"Docs","importPath":"./packages/components/src/sandbox/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-sandbox--default":{"type":"story","id":"components-sandbox--default","name":"Default","title":"Components/Utilities/SandBox","importPath":"./packages/components/src/sandbox/stories/index.story.tsx","componentPath":"./packages/components/src/sandbox","tags":["dev","test","autodocs"]},"components-scrolllock--docs":{"id":"components-scrolllock--docs","title":"Components/Utilities/ScrollLock","name":"Docs","importPath":"./packages/components/src/scroll-lock/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-scrolllock--default":{"type":"story","id":"components-scrolllock--default","name":"Default","title":"Components/Utilities/ScrollLock","importPath":"./packages/components/src/scroll-lock/stories/index.story.tsx","componentPath":"./packages/components/src/scroll-lock","tags":["dev","test","autodocs"]},"components-shortcut--docs":{"id":"components-shortcut--docs","title":"Components/Utilities/Shortcut","name":"Docs","importPath":"./packages/components/src/shortcut/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-shortcut--default":{"type":"story","id":"components-shortcut--default","name":"Default","title":"Components/Utilities/Shortcut","importPath":"./packages/components/src/shortcut/stories/index.story.tsx","componentPath":"./packages/components/src/shortcut","tags":["dev","test","autodocs"]},"components-shortcut--with-aria-label":{"type":"story","id":"components-shortcut--with-aria-label","name":"With Aria Label","title":"Components/Utilities/Shortcut","importPath":"./packages/components/src/shortcut/stories/index.story.tsx","componentPath":"./packages/components/src/shortcut","tags":["dev","test","autodocs"]},"components-slotfill--docs":{"id":"components-slotfill--docs","title":"Components/Utilities/SlotFill","name":"Docs","importPath":"./packages/components/src/slot-fill/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-slotfill--default":{"type":"story","id":"components-slotfill--default","name":"Default","title":"Components/Utilities/SlotFill","importPath":"./packages/components/src/slot-fill/stories/index.story.tsx","componentPath":"./packages/components/src/slot-fill","tags":["dev","test","autodocs"]},"components-slotfill--with-fill-props":{"type":"story","id":"components-slotfill--with-fill-props","name":"With Fill Props","title":"Components/Utilities/SlotFill","importPath":"./packages/components/src/slot-fill/stories/index.story.tsx","componentPath":"./packages/components/src/slot-fill","tags":["dev","test","autodocs"]},"components-slotfill--with-slot-children":{"type":"story","id":"components-slotfill--with-slot-children","name":"With Slot Children","title":"Components/Utilities/SlotFill","importPath":"./packages/components/src/slot-fill/stories/index.story.tsx","componentPath":"./packages/components/src/slot-fill","tags":["dev","test","autodocs"]},"components-slotfill--with-context":{"type":"story","id":"components-slotfill--with-context","name":"With Context","title":"Components/Utilities/SlotFill","importPath":"./packages/components/src/slot-fill/stories/index.story.tsx","componentPath":"./packages/components/src/slot-fill","tags":["dev","test","autodocs"]},"components-theme--docs":{"id":"components-theme--docs","title":"Components/Utilities/Theme","name":"Docs","importPath":"./packages/components/src/theme/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs","status-private"],"storiesImports":[]},"components-theme--default":{"type":"story","id":"components-theme--default","name":"Default","title":"Components/Utilities/Theme","importPath":"./packages/components/src/theme/stories/index.story.tsx","componentPath":"./packages/components/src/theme/index.tsx","tags":["dev","test","autodocs","status-private"]},"components-theme--nested":{"type":"story","id":"components-theme--nested","name":"Nested","title":"Components/Utilities/Theme","importPath":"./packages/components/src/theme/stories/index.story.tsx","componentPath":"./packages/components/src/theme/index.tsx","tags":["dev","test","autodocs","status-private"]},"components-theme--color-scheme":{"type":"story","id":"components-theme--color-scheme","name":"Color Scheme","title":"Components/Utilities/Theme","importPath":"./packages/components/src/theme/stories/index.story.tsx","componentPath":"./packages/components/src/theme/index.tsx","tags":["dev","test","autodocs","status-private"]},"components-alignmentmatrixcontrol--docs":{"id":"components-alignmentmatrixcontrol--docs","title":"Components/AlignmentMatrixControl","name":"Docs","importPath":"./packages/components/src/alignment-matrix-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-alignmentmatrixcontrol--default":{"type":"story","id":"components-alignmentmatrixcontrol--default","name":"Default","title":"Components/AlignmentMatrixControl","importPath":"./packages/components/src/alignment-matrix-control/stories/index.story.tsx","componentPath":"./packages/components/src/alignment-matrix-control","tags":["dev","test","autodocs"]},"components-alignmentmatrixcontrol--icon-subcomponent":{"type":"story","id":"components-alignmentmatrixcontrol--icon-subcomponent","name":"Icon Subcomponent","title":"Components/AlignmentMatrixControl","importPath":"./packages/components/src/alignment-matrix-control/stories/index.story.tsx","componentPath":"./packages/components/src/alignment-matrix-control","tags":["dev","test","autodocs"]},"components-anglepickercontrol--docs":{"id":"components-anglepickercontrol--docs","title":"Components/AnglePickerControl","name":"Docs","importPath":"./packages/components/src/angle-picker-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-anglepickercontrol--default":{"type":"story","id":"components-anglepickercontrol--default","name":"Default","title":"Components/AnglePickerControl","importPath":"./packages/components/src/angle-picker-control/stories/index.story.tsx","componentPath":"./packages/components/src/angle-picker-control","tags":["dev","test","autodocs"]},"components-borderboxcontrol--docs":{"id":"components-borderboxcontrol--docs","title":"Components/BorderBoxControl","name":"Docs","importPath":"./packages/components/src/border-box-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-borderboxcontrol--default":{"type":"story","id":"components-borderboxcontrol--default","name":"Default","title":"Components/BorderBoxControl","importPath":"./packages/components/src/border-box-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-box-control","tags":["dev","test","autodocs"]},"components-bordercontrol--docs":{"id":"components-bordercontrol--docs","title":"Components/BorderControl","name":"Docs","importPath":"./packages/components/src/border-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-bordercontrol--default":{"type":"story","id":"components-bordercontrol--default","name":"Default","title":"Components/BorderControl","importPath":"./packages/components/src/border-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-control","tags":["dev","test","autodocs"]},"components-bordercontrol--with-slider":{"type":"story","id":"components-bordercontrol--with-slider","name":"With Slider","title":"Components/BorderControl","importPath":"./packages/components/src/border-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-control","tags":["dev","test","autodocs"]},"components-bordercontrol--with-slider-custom-width":{"type":"story","id":"components-bordercontrol--with-slider-custom-width","name":"With Slider (Custom Width)","title":"Components/BorderControl","importPath":"./packages/components/src/border-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-control","tags":["dev","test","autodocs"]},"components-bordercontrol--is-compact":{"type":"story","id":"components-bordercontrol--is-compact","name":"Is Compact","title":"Components/BorderControl","importPath":"./packages/components/src/border-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-control","tags":["dev","test","autodocs"]},"components-bordercontrol--with-multiple-origins":{"type":"story","id":"components-bordercontrol--with-multiple-origins","name":"With Multiple Origins","title":"Components/BorderControl","importPath":"./packages/components/src/border-control/stories/index.story.tsx","componentPath":"./packages/components/src/border-control","tags":["dev","test","autodocs"]},"components-boxcontrol--docs":{"id":"components-boxcontrol--docs","title":"Components/BoxControl","name":"Docs","importPath":"./packages/components/src/box-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-boxcontrol--default":{"type":"story","id":"components-boxcontrol--default","name":"Default","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--controlled":{"type":"story","id":"components-boxcontrol--controlled","name":"Controlled","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--arbitrary-sides":{"type":"story","id":"components-boxcontrol--arbitrary-sides","name":"Arbitrary Sides","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--single-side":{"type":"story","id":"components-boxcontrol--single-side","name":"Single Side","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--axial-controls":{"type":"story","id":"components-boxcontrol--axial-controls","name":"Axial Controls","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--axial-controls-with-single-side":{"type":"story","id":"components-boxcontrol--axial-controls-with-single-side","name":"Axial Controls With Single Side","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-boxcontrol--control-with-presets":{"type":"story","id":"components-boxcontrol--control-with-presets","name":"Control With Presets","title":"Components/BoxControl","importPath":"./packages/components/src/box-control/stories/index.story.tsx","componentPath":"./packages/components/src/box-control","tags":["dev","test","autodocs"]},"components-duotonepicker--docs":{"id":"components-duotonepicker--docs","title":"Components/DuotonePicker","name":"Docs","importPath":"./packages/components/src/duotone-picker/stories/duotone-picker.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-duotonepicker--default":{"type":"story","id":"components-duotonepicker--default","name":"Default","title":"Components/DuotonePicker","importPath":"./packages/components/src/duotone-picker/stories/duotone-picker.story.tsx","componentPath":"./packages/components/src/duotone-picker","tags":["dev","test","autodocs"]},"components-duotoneswatch--docs":{"id":"components-duotoneswatch--docs","title":"Components/DuotoneSwatch","name":"Docs","importPath":"./packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-duotoneswatch--default":{"type":"story","id":"components-duotoneswatch--default","name":"Default","title":"Components/DuotoneSwatch","importPath":"./packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx","componentPath":"./packages/components/src/duotone-picker","tags":["dev","test","autodocs"]},"components-duotoneswatch--single-color":{"type":"story","id":"components-duotoneswatch--single-color","name":"Single Color","title":"Components/DuotoneSwatch","importPath":"./packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx","componentPath":"./packages/components/src/duotone-picker","tags":["dev","test","autodocs"]},"components-duotoneswatch--null":{"type":"story","id":"components-duotoneswatch--null","name":"Null","title":"Components/DuotoneSwatch","importPath":"./packages/components/src/duotone-picker/stories/duotone-swatch.story.tsx","componentPath":"./packages/components/src/duotone-picker","tags":["dev","test","autodocs"]},"components-flex--docs":{"id":"components-flex--docs","title":"Components/Flex","name":"Docs","importPath":"./packages/components/src/flex/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-flex--default":{"type":"story","id":"components-flex--default","name":"Default","title":"Components/Flex","importPath":"./packages/components/src/flex/stories/index.story.tsx","componentPath":"./packages/components/src/flex","tags":["dev","test","autodocs"]},"components-flex--responsive-direction":{"type":"story","id":"components-flex--responsive-direction","name":"Responsive Direction","title":"Components/Flex","importPath":"./packages/components/src/flex/stories/index.story.tsx","componentPath":"./packages/components/src/flex","tags":["dev","test","autodocs"]},"components-focalpointpicker--docs":{"id":"components-focalpointpicker--docs","title":"Components/FocalPointPicker","name":"Docs","importPath":"./packages/components/src/focal-point-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-focalpointpicker--default":{"type":"story","id":"components-focalpointpicker--default","name":"Default","title":"Components/FocalPointPicker","importPath":"./packages/components/src/focal-point-picker/stories/index.story.tsx","componentPath":"./packages/components/src/focal-point-picker","tags":["dev","test","autodocs"]},"components-focalpointpicker--image":{"type":"story","id":"components-focalpointpicker--image","name":"Image","title":"Components/FocalPointPicker","importPath":"./packages/components/src/focal-point-picker/stories/index.story.tsx","componentPath":"./packages/components/src/focal-point-picker","tags":["dev","test","autodocs"]},"components-focalpointpicker--video":{"type":"story","id":"components-focalpointpicker--video","name":"Video","title":"Components/FocalPointPicker","importPath":"./packages/components/src/focal-point-picker/stories/index.story.tsx","componentPath":"./packages/components/src/focal-point-picker","tags":["dev","test","autodocs"]},"components-focalpointpicker--snapping":{"type":"story","id":"components-focalpointpicker--snapping","name":"Snapping","title":"Components/FocalPointPicker","importPath":"./packages/components/src/focal-point-picker/stories/index.story.tsx","componentPath":"./packages/components/src/focal-point-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--docs":{"id":"components-fontsizepicker--docs","title":"Components/FontSizePicker","name":"Docs","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-fontsizepicker--default":{"type":"story","id":"components-fontsizepicker--default","name":"Default","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--with-slider":{"type":"story","id":"components-fontsizepicker--with-slider","name":"With Slider","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--with-custom-sizes-disabled":{"type":"story","id":"components-fontsizepicker--with-custom-sizes-disabled","name":"With Custom Sizes Disabled","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--with-more-font-sizes":{"type":"story","id":"components-fontsizepicker--with-more-font-sizes","name":"With More Font Sizes","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--with-units":{"type":"story","id":"components-fontsizepicker--with-units","name":"With Units","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-fontsizepicker--with-complex-css-values":{"type":"story","id":"components-fontsizepicker--with-complex-css-values","name":"With Complex CSS Values","title":"Components/FontSizePicker","importPath":"./packages/components/src/font-size-picker/stories/index.story.tsx","componentPath":"./packages/components/src/font-size-picker","tags":["dev","test","autodocs"]},"components-formtoggle--docs":{"id":"components-formtoggle--docs","title":"Components/FormToggle","name":"Docs","importPath":"./packages/components/src/form-toggle/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-formtoggle--default":{"type":"story","id":"components-formtoggle--default","name":"Default","title":"Components/FormToggle","importPath":"./packages/components/src/form-toggle/stories/index.story.tsx","componentPath":"./packages/components/src/form-toggle","tags":["dev","test","autodocs"]},"components-guide--docs":{"id":"components-guide--docs","title":"Components/Guide","name":"Docs","importPath":"./packages/components/src/guide/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-guide--default":{"type":"story","id":"components-guide--default","name":"Default","title":"Components/Guide","importPath":"./packages/components/src/guide/stories/index.story.tsx","componentPath":"./packages/components/src/guide","tags":["dev","test","autodocs"]},"components-icon--docs":{"id":"components-icon--docs","title":"Components/Icon","name":"Docs","importPath":"./packages/components/src/icon/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-icon--default":{"type":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-icon--fill-color":{"type":"story","id":"components-icon--fill-color","name":"Fill Color","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-icon--with-a-function":{"type":"story","id":"components-icon--with-a-function","name":"With A Function","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-icon--with-a-component":{"type":"story","id":"components-icon--with-a-component","name":"With A Component","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-icon--with-an-svg":{"type":"story","id":"components-icon--with-an-svg","name":"With An SVG","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-icon--with-a-dashicon":{"type":"story","id":"components-icon--with-a-dashicon","name":"With A Dashicon","title":"Components/Icon","importPath":"./packages/components/src/icon/stories/index.story.tsx","componentPath":"./packages/components/src/icon","tags":["dev","test","autodocs"]},"components-paletteedit--docs":{"id":"components-paletteedit--docs","title":"Components/PaletteEdit","name":"Docs","importPath":"./packages/components/src/palette-edit/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-paletteedit--default":{"type":"story","id":"components-paletteedit--default","name":"Default","title":"Components/PaletteEdit","importPath":"./packages/components/src/palette-edit/stories/index.story.tsx","componentPath":"./packages/components/src/palette-edit","tags":["dev","test","autodocs"]},"components-paletteedit--gradients":{"type":"story","id":"components-paletteedit--gradients","name":"Gradients","title":"Components/PaletteEdit","importPath":"./packages/components/src/palette-edit/stories/index.story.tsx","componentPath":"./packages/components/src/palette-edit","tags":["dev","test","autodocs"]},"components-placeholder--docs":{"id":"components-placeholder--docs","title":"Components/Placeholder","name":"Docs","importPath":"./packages/components/src/placeholder/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-placeholder--default":{"type":"story","id":"components-placeholder--default","name":"Default","title":"Components/Placeholder","importPath":"./packages/components/src/placeholder/stories/index.story.tsx","componentPath":"./packages/components/src/placeholder","tags":["dev","test","autodocs"]},"components-querycontrols--docs":{"id":"components-querycontrols--docs","title":"Components/QueryControls","name":"Docs","importPath":"./packages/components/src/query-controls/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-querycontrols--default":{"type":"story","id":"components-querycontrols--default","name":"Default","title":"Components/QueryControls","importPath":"./packages/components/src/query-controls/stories/index.story.tsx","componentPath":"./packages/components/src/query-controls","tags":["dev","test","autodocs"]},"components-querycontrols--select-single-category":{"type":"story","id":"components-querycontrols--select-single-category","name":"Select Single Category","title":"Components/QueryControls","importPath":"./packages/components/src/query-controls/stories/index.story.tsx","componentPath":"./packages/components/src/query-controls","tags":["dev","test","autodocs"]},"components-toolbar--docs":{"id":"components-toolbar--docs","title":"Components/Toolbar","name":"Docs","importPath":"./packages/components/src/toolbar/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-toolbar--default":{"type":"story","id":"components-toolbar--default","name":"Default","title":"Components/Toolbar","importPath":"./packages/components/src/toolbar/stories/index.story.tsx","componentPath":"./packages/components/src/toolbar","tags":["dev","test","autodocs"]},"components-toolbar--without-group":{"type":"story","id":"components-toolbar--without-group","name":"Without Group","title":"Components/Toolbar","importPath":"./packages/components/src/toolbar/stories/index.story.tsx","componentPath":"./packages/components/src/toolbar","tags":["dev","test","autodocs"]},"components-toolbar--unstyled":{"type":"story","id":"components-toolbar--unstyled","name":"Unstyled","title":"Components/Toolbar","importPath":"./packages/components/src/toolbar/stories/index.story.tsx","componentPath":"./packages/components/src/toolbar","tags":["dev","test","autodocs"]},"components-experimental-menu--docs":{"id":"components-experimental-menu--docs","title":"Components (Experimental)/Actions/Menu","name":"Docs","importPath":"./packages/components/src/menu/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs","status-private"],"storiesImports":[]},"components-experimental-menu--default":{"type":"story","id":"components-experimental-menu--default","name":"Default","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--with-submenu":{"type":"story","id":"components-experimental-menu--with-submenu","name":"With Submenu","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--with-checkboxes":{"type":"story","id":"components-experimental-menu--with-checkboxes","name":"With Checkboxes","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--with-radios":{"type":"story","id":"components-experimental-menu--with-radios","name":"With Radios","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--with-modals":{"type":"story","id":"components-experimental-menu--with-modals","name":"With Modals","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--with-slot-fill":{"type":"story","id":"components-experimental-menu--with-slot-fill","name":"With Slot Fill","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--toolbar-variant":{"type":"story","id":"components-experimental-menu--toolbar-variant","name":"Toolbar Variant","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-menu--inside-modal":{"type":"story","id":"components-experimental-menu--inside-modal","name":"Inside Modal","title":"Components (Experimental)/Actions/Menu","importPath":"./packages/components/src/menu/stories/index.story.tsx","componentPath":"./packages/components/src/menu","tags":["dev","test","autodocs","status-private"]},"components-experimental-hstack--docs":{"id":"components-experimental-hstack--docs","title":"Components (Experimental)/Layout/HStack","name":"Docs","importPath":"./packages/components/src/h-stack/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-hstack--default":{"type":"story","id":"components-experimental-hstack--default","name":"Default","title":"Components (Experimental)/Layout/HStack","importPath":"./packages/components/src/h-stack/stories/index.story.tsx","componentPath":"./packages/components/src/h-stack","tags":["dev","test","autodocs"]},"components-experimental-vstack--docs":{"id":"components-experimental-vstack--docs","title":"Components (Experimental)/Layout/VStack","name":"Docs","importPath":"./packages/components/src/v-stack/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-vstack--default":{"type":"story","id":"components-experimental-vstack--default","name":"Default","title":"Components (Experimental)/Layout/VStack","importPath":"./packages/components/src/v-stack/stories/index.story.tsx","componentPath":"./packages/components/src/v-stack","tags":["dev","test","autodocs"]},"components-experimental-treegrid--docs":{"id":"components-experimental-treegrid--docs","title":"Components (Experimental)/Navigation/TreeGrid","name":"Docs","importPath":"./packages/components/src/tree-grid/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-treegrid--default":{"type":"story","id":"components-experimental-treegrid--default","name":"Default","title":"Components (Experimental)/Navigation/TreeGrid","importPath":"./packages/components/src/tree-grid/stories/index.story.tsx","componentPath":"./packages/components/src/tree-grid","tags":["dev","test","autodocs"]},"components-experimental-confirmdialog--docs":{"id":"components-experimental-confirmdialog--docs","title":"Components (Experimental)/Overlays/ConfirmDialog","name":"Docs","importPath":"./packages/components/src/confirm-dialog/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-confirmdialog--default":{"type":"story","id":"components-experimental-confirmdialog--default","name":"Default","title":"Components (Experimental)/Overlays/ConfirmDialog","importPath":"./packages/components/src/confirm-dialog/stories/index.story.tsx","componentPath":"./packages/components/src/confirm-dialog/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-confirmdialog--with-custom-button-labels":{"type":"story","id":"components-experimental-confirmdialog--with-custom-button-labels","name":"With Custom Button Labels","title":"Components (Experimental)/Overlays/ConfirmDialog","importPath":"./packages/components/src/confirm-dialog/stories/index.story.tsx","componentPath":"./packages/components/src/confirm-dialog/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--docs":{"id":"components-experimental-inputcontrol--docs","title":"Components (Experimental)/Selection & Input/InputControl","name":"Docs","importPath":"./packages/components/src/input-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-inputcontrol--default":{"type":"story","id":"components-experimental-inputcontrol--default","name":"Default","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-help-text":{"type":"story","id":"components-experimental-inputcontrol--with-help-text","name":"With Help Text","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-prefix":{"type":"story","id":"components-experimental-inputcontrol--with-prefix","name":"With Prefix","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-suffix":{"type":"story","id":"components-experimental-inputcontrol--with-suffix","name":"With Suffix","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-icon-or-control":{"type":"story","id":"components-experimental-inputcontrol--with-icon-or-control","name":"With Icon Or Control","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-side-label":{"type":"story","id":"components-experimental-inputcontrol--with-side-label","name":"With Side Label","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--with-edge-label":{"type":"story","id":"components-experimental-inputcontrol--with-edge-label","name":"With Edge Label","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-inputcontrol--show-password":{"type":"story","id":"components-experimental-inputcontrol--show-password","name":"Show Password","title":"Components (Experimental)/Selection & Input/InputControl","importPath":"./packages/components/src/input-control/stories/index.story.tsx","componentPath":"./packages/components/src/input-control","tags":["dev","test","autodocs"]},"components-experimental-numbercontrol--docs":{"id":"components-experimental-numbercontrol--docs","title":"Components (Experimental)/Selection & Input/NumberControl","name":"Docs","importPath":"./packages/components/src/number-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-numbercontrol--default":{"type":"story","id":"components-experimental-numbercontrol--default","name":"Default","title":"Components (Experimental)/Selection & Input/NumberControl","importPath":"./packages/components/src/number-control/stories/index.story.tsx","componentPath":"./packages/components/src/number-control","tags":["dev","test","autodocs"]},"components-experimental-togglegroupcontrol--docs":{"id":"components-experimental-togglegroupcontrol--docs","title":"Components (Experimental)/Selection & Input/ToggleGroupControl","name":"Docs","importPath":"./packages/components/src/toggle-group-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-togglegroupcontrol--default":{"type":"story","id":"components-experimental-togglegroupcontrol--default","name":"Default","title":"Components (Experimental)/Selection & Input/ToggleGroupControl","importPath":"./packages/components/src/toggle-group-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-group-control/index.ts","tags":["dev","test","autodocs"]},"components-experimental-togglegroupcontrol--with-tooltip":{"type":"story","id":"components-experimental-togglegroupcontrol--with-tooltip","name":"With Tooltip","title":"Components (Experimental)/Selection & Input/ToggleGroupControl","importPath":"./packages/components/src/toggle-group-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-group-control/index.ts","tags":["dev","test","autodocs"]},"components-experimental-togglegroupcontrol--with-icons":{"type":"story","id":"components-experimental-togglegroupcontrol--with-icons","name":"With Icons","title":"Components (Experimental)/Selection & Input/ToggleGroupControl","importPath":"./packages/components/src/toggle-group-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-group-control/index.ts","tags":["dev","test","autodocs"]},"components-experimental-togglegroupcontrol--deselectable":{"type":"story","id":"components-experimental-togglegroupcontrol--deselectable","name":"Deselectable","title":"Components (Experimental)/Selection & Input/ToggleGroupControl","importPath":"./packages/components/src/toggle-group-control/stories/index.story.tsx","componentPath":"./packages/components/src/toggle-group-control/index.ts","tags":["dev","test","autodocs"]},"components-experimental-unitcontrol--docs":{"id":"components-experimental-unitcontrol--docs","title":"Components (Experimental)/Selection & Input/UnitControl","name":"Docs","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-unitcontrol--default":{"type":"story","id":"components-experimental-unitcontrol--default","name":"Default","title":"Components (Experimental)/Selection & Input/UnitControl","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","componentPath":"./packages/components/src/unit-control","tags":["dev","test","autodocs"]},"components-experimental-unitcontrol--press-enter-to-change":{"type":"story","id":"components-experimental-unitcontrol--press-enter-to-change","name":"Press Enter To Change","title":"Components (Experimental)/Selection & Input/UnitControl","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","componentPath":"./packages/components/src/unit-control","tags":["dev","test","autodocs"]},"components-experimental-unitcontrol--tweaking-the-number-input":{"type":"story","id":"components-experimental-unitcontrol--tweaking-the-number-input","name":"Tweaking The Number Input","title":"Components (Experimental)/Selection & Input/UnitControl","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","componentPath":"./packages/components/src/unit-control","tags":["dev","test","autodocs"]},"components-experimental-unitcontrol--with-single-unit":{"type":"story","id":"components-experimental-unitcontrol--with-single-unit","name":"With Single Unit","title":"Components (Experimental)/Selection & Input/UnitControl","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","componentPath":"./packages/components/src/unit-control","tags":["dev","test","autodocs"]},"components-experimental-unitcontrol--with-custom-units":{"type":"story","id":"components-experimental-unitcontrol--with-custom-units","name":"With Custom Units","title":"Components (Experimental)/Selection & Input/UnitControl","importPath":"./packages/components/src/unit-control/stories/index.story.tsx","componentPath":"./packages/components/src/unit-control","tags":["dev","test","autodocs"]},"components-experimental-heading--docs":{"id":"components-experimental-heading--docs","title":"Components (Experimental)/Typography/Heading","name":"Docs","importPath":"./packages/components/src/heading/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-heading--default":{"type":"story","id":"components-experimental-heading--default","name":"Default","title":"Components (Experimental)/Typography/Heading","importPath":"./packages/components/src/heading/stories/index.story.tsx","componentPath":"./packages/components/src/heading","tags":["dev","test","autodocs"]},"components-experimental-text--docs":{"id":"components-experimental-text--docs","title":"Components (Experimental)/Typography/Text","name":"Docs","importPath":"./packages/components/src/text/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-text--default":{"type":"story","id":"components-experimental-text--default","name":"Default","title":"Components (Experimental)/Typography/Text","importPath":"./packages/components/src/text/stories/index.story.tsx","componentPath":"./packages/components/src/text/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-text--truncate":{"type":"story","id":"components-experimental-text--truncate","name":"Truncate","title":"Components (Experimental)/Typography/Text","importPath":"./packages/components/src/text/stories/index.story.tsx","componentPath":"./packages/components/src/text/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-text--highlight":{"type":"story","id":"components-experimental-text--highlight","name":"Highlight","title":"Components (Experimental)/Typography/Text","importPath":"./packages/components/src/text/stories/index.story.tsx","componentPath":"./packages/components/src/text/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-truncate--docs":{"id":"components-experimental-truncate--docs","title":"Components (Experimental)/Typography/Truncate","name":"Docs","importPath":"./packages/components/src/truncate/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-truncate--default":{"type":"story","id":"components-experimental-truncate--default","name":"Default","title":"Components (Experimental)/Typography/Truncate","importPath":"./packages/components/src/truncate/stories/index.story.tsx","componentPath":"./packages/components/src/truncate","tags":["dev","test","autodocs"]},"components-experimental-truncate--character-count":{"type":"story","id":"components-experimental-truncate--character-count","name":"Truncate by character count","title":"Components (Experimental)/Typography/Truncate","importPath":"./packages/components/src/truncate/stories/index.story.tsx","componentPath":"./packages/components/src/truncate","tags":["dev","test","autodocs"]},"components-experimental-divider--docs":{"id":"components-experimental-divider--docs","title":"Components (Experimental)/Divider","name":"Docs","importPath":"./packages/components/src/divider/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-divider--horizontal":{"type":"story","id":"components-experimental-divider--horizontal","name":"Horizontal","title":"Components (Experimental)/Divider","importPath":"./packages/components/src/divider/stories/index.story.tsx","componentPath":"./packages/components/src/divider","tags":["dev","test","autodocs"]},"components-experimental-divider--vertical":{"type":"story","id":"components-experimental-divider--vertical","name":"Vertical","title":"Components (Experimental)/Divider","importPath":"./packages/components/src/divider/stories/index.story.tsx","componentPath":"./packages/components/src/divider","tags":["dev","test","autodocs"]},"components-experimental-divider--in-flex-container":{"type":"story","id":"components-experimental-divider--in-flex-container","name":"In Flex Container","title":"Components (Experimental)/Divider","importPath":"./packages/components/src/divider/stories/index.story.tsx","componentPath":"./packages/components/src/divider","tags":["dev","test","autodocs"]},"components-experimental-elevation--docs":{"id":"components-experimental-elevation--docs","title":"Components (Experimental)/Elevation","name":"Docs","importPath":"./packages/components/src/elevation/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-elevation--default":{"type":"story","id":"components-experimental-elevation--default","name":"Default","title":"Components (Experimental)/Elevation","importPath":"./packages/components/src/elevation/stories/index.story.tsx","componentPath":"./packages/components/src/elevation","tags":["dev","test","autodocs"]},"components-experimental-elevation--with-interactive":{"type":"story","id":"components-experimental-elevation--with-interactive","name":"With Interactive","title":"Components (Experimental)/Elevation","importPath":"./packages/components/src/elevation/stories/index.story.tsx","componentPath":"./packages/components/src/elevation","tags":["dev","test","autodocs"]},"components-experimental-elevation--with-custom-interactive":{"type":"story","id":"components-experimental-elevation--with-custom-interactive","name":"With Custom Interactive","title":"Components (Experimental)/Elevation","importPath":"./packages/components/src/elevation/stories/index.story.tsx","componentPath":"./packages/components/src/elevation","tags":["dev","test","autodocs"]},"components-experimental-grid--docs":{"id":"components-experimental-grid--docs","title":"Components (Experimental)/Grid","name":"Docs","importPath":"./packages/components/src/grid/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-grid--default":{"type":"story","id":"components-experimental-grid--default","name":"Default","title":"Components (Experimental)/Grid","importPath":"./packages/components/src/grid/stories/index.story.tsx","componentPath":"./packages/components/src/grid","tags":["dev","test","autodocs"]},"components-experimental-itemgroup--docs":{"id":"components-experimental-itemgroup--docs","title":"Components (Experimental)/ItemGroup","name":"Docs","importPath":"./packages/components/src/item-group/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-itemgroup--default":{"type":"story","id":"components-experimental-itemgroup--default","name":"Default","title":"Components (Experimental)/ItemGroup","importPath":"./packages/components/src/item-group/stories/index.story.tsx","componentPath":"./packages/components/src/item-group/item-group/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-itemgroup--non-clickable-items":{"type":"story","id":"components-experimental-itemgroup--non-clickable-items","name":"Non Clickable Items","title":"Components (Experimental)/ItemGroup","importPath":"./packages/components/src/item-group/stories/index.story.tsx","componentPath":"./packages/components/src/item-group/item-group/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-itemgroup--custom-item-size":{"type":"story","id":"components-experimental-itemgroup--custom-item-size","name":"Custom Item Size","title":"Components (Experimental)/ItemGroup","importPath":"./packages/components/src/item-group/stories/index.story.tsx","componentPath":"./packages/components/src/item-group/item-group/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-itemgroup--without-border":{"type":"story","id":"components-experimental-itemgroup--without-border","name":"Without Border","title":"Components (Experimental)/ItemGroup","importPath":"./packages/components/src/item-group/stories/index.story.tsx","componentPath":"./packages/components/src/item-group/item-group/component.tsx","tags":["dev","test","autodocs"]},"components-experimental-scrollable--docs":{"id":"components-experimental-scrollable--docs","title":"Components (Experimental)/Scrollable","name":"Docs","importPath":"./packages/components/src/scrollable/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-scrollable--default":{"type":"story","id":"components-experimental-scrollable--default","name":"Default","title":"Components (Experimental)/Scrollable","importPath":"./packages/components/src/scrollable/stories/index.story.tsx","componentPath":"./packages/components/src/scrollable","tags":["dev","test","autodocs"]},"components-experimental-spacer--docs":{"id":"components-experimental-spacer--docs","title":"Components (Experimental)/Spacer","name":"Docs","importPath":"./packages/components/src/spacer/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-spacer--default":{"type":"story","id":"components-experimental-spacer--default","name":"Default","title":"Components (Experimental)/Spacer","importPath":"./packages/components/src/spacer/stories/index.story.tsx","componentPath":"./packages/components/src/spacer","tags":["dev","test","autodocs"]},"components-experimental-surface--docs":{"id":"components-experimental-surface--docs","title":"Components (Experimental)/Surface","name":"Docs","importPath":"./packages/components/src/surface/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-surface--default":{"type":"story","id":"components-experimental-surface--default","name":"Default","title":"Components (Experimental)/Surface","importPath":"./packages/components/src/surface/stories/index.story.tsx","componentPath":"./packages/components/src/surface","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--docs":{"id":"components-experimental-toolspanel--docs","title":"Components (Experimental)/ToolsPanel","name":"Docs","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-toolspanel--default":{"type":"story","id":"components-experimental-toolspanel--default","name":"Default","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--with-non-tools-panel-items":{"type":"story","id":"components-experimental-toolspanel--with-non-tools-panel-items","name":"With Non Tools Panel Items","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--with-optional-items-plus-icon":{"type":"story","id":"components-experimental-toolspanel--with-optional-items-plus-icon","name":"With Optional Items Plus Icon","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--with-slot-fill-items":{"type":"story","id":"components-experimental-toolspanel--with-slot-fill-items","name":"With Slot Fill Items","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--with-conditional-default-control":{"type":"story","id":"components-experimental-toolspanel--with-conditional-default-control","name":"With Conditional Default Control","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-toolspanel--with-conditionally-rendered-control":{"type":"story","id":"components-experimental-toolspanel--with-conditionally-rendered-control","name":"With Conditionally Rendered Control","title":"Components (Experimental)/ToolsPanel","importPath":"./packages/components/src/tools-panel/stories/index.story.tsx","componentPath":"./packages/components/src/tools-panel","tags":["dev","test","autodocs"]},"components-experimental-view--docs":{"id":"components-experimental-view--docs","title":"Components (Experimental)/View","name":"Docs","importPath":"./packages/components/src/view/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-view--default":{"type":"story","id":"components-experimental-view--default","name":"Default","title":"Components (Experimental)/View","importPath":"./packages/components/src/view/stories/index.story.tsx","componentPath":"./packages/components/src/view","tags":["dev","test","autodocs"]},"components-experimental-zstack--docs":{"id":"components-experimental-zstack--docs","title":"Components (Experimental)/ZStack","name":"Docs","importPath":"./packages/components/src/z-stack/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-experimental-zstack--default":{"type":"story","id":"components-experimental-zstack--default","name":"Default","title":"Components (Experimental)/ZStack","importPath":"./packages/components/src/z-stack/stories/index.story.tsx","componentPath":"./packages/components/src/z-stack","tags":["dev","test","autodocs"]},"icons-icon--docs":{"id":"icons-icon--docs","title":"Icons/Icon","name":"Docs","importPath":"./packages/icons/src/icon/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"icons-icon--default":{"type":"story","id":"icons-icon--default","name":"Default","title":"Icons/Icon","importPath":"./packages/icons/src/icon/stories/index.story.js","componentPath":"./packages/icons/src/icon","tags":["dev","test","autodocs"]},"icons-icon--library":{"type":"story","id":"icons-icon--library","name":"Library","title":"Icons/Icon","importPath":"./packages/icons/src/icon/stories/index.story.js","componentPath":"./packages/icons/src/icon","tags":["dev","test","autodocs"]},"foundations-design-language-elevation--page":{"id":"foundations-design-language-elevation--page","title":"Foundations/Design Language/Elevation","name":"page","importPath":"./storybook/stories/foundations/design-language/elevation.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"foundations-design-language-radius--page":{"id":"foundations-design-language-radius--page","title":"Foundations/Design Language/Radius","name":"page","importPath":"./storybook/stories/foundations/design-language/radius.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"foundations-layout--page":{"id":"foundations-layout--page","title":"Foundations/Layout","name":"page","importPath":"./storybook/stories/foundations/layout.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"tokens-color--page":{"id":"tokens-color--page","title":"Tokens/Color","name":"page","importPath":"./storybook/stories/tokens/color.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"tokens-elevation--page":{"id":"tokens-elevation--page","title":"Tokens/Elevation","name":"page","importPath":"./storybook/stories/tokens/elevation.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"tokens-radius--page":{"id":"tokens-radius--page","title":"Tokens/Radius","name":"page","importPath":"./storybook/stories/tokens/radius.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"tokens-typography--page":{"id":"tokens-typography--page","title":"Tokens/Typography","name":"page","importPath":"./storybook/stories/tokens/typography.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"blockeditor-private-apis-dimensionstool--docs":{"id":"blockeditor-private-apis-dimensionstool--docs","title":"BlockEditor (Private APIs)/DimensionsTool","name":"Docs","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-private-apis-dimensionstool--default":{"type":"story","id":"blockeditor-private-apis-dimensionstool--default","name":"Default","title":"BlockEditor (Private APIs)/DimensionsTool","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/index.story.js","componentPath":"./packages/block-editor/src/components/dimensions-tool","tags":["dev","test","autodocs"]},"blockeditor-private-apis-dimensionstool-aspectratiotool--docs":{"id":"blockeditor-private-apis-dimensionstool-aspectratiotool--docs","title":"BlockEditor (Private APIs)/DimensionsTool/AspectRatioTool","name":"Docs","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/aspect-ratio-tool.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-private-apis-dimensionstool-aspectratiotool--default":{"type":"story","id":"blockeditor-private-apis-dimensionstool-aspectratiotool--default","name":"Default","title":"BlockEditor (Private APIs)/DimensionsTool/AspectRatioTool","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/aspect-ratio-tool.story.js","componentPath":"./packages/block-editor/src/components/dimensions-tool/aspect-ratio-tool.js","tags":["dev","test","autodocs"]},"blockeditor-private-apis-dimensionstool-scaletool--docs":{"id":"blockeditor-private-apis-dimensionstool-scaletool--docs","title":"BlockEditor (Private APIs)/DimensionsTool/ScaleTool","name":"Docs","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/scale-tool.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-private-apis-dimensionstool-scaletool--default":{"type":"story","id":"blockeditor-private-apis-dimensionstool-scaletool--default","name":"Default","title":"BlockEditor (Private APIs)/DimensionsTool/ScaleTool","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/scale-tool.story.js","componentPath":"./packages/block-editor/src/components/dimensions-tool/scale-tool.js","tags":["dev","test","autodocs"]},"blockeditor-private-apis-dimensionstool-widthheighttool--docs":{"id":"blockeditor-private-apis-dimensionstool-widthheighttool--docs","title":"BlockEditor (Private APIs)/DimensionsTool/WidthHeightTool","name":"Docs","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/width-height-tool.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-private-apis-dimensionstool-widthheighttool--default":{"type":"story","id":"blockeditor-private-apis-dimensionstool-widthheighttool--default","name":"Default","title":"BlockEditor (Private APIs)/DimensionsTool/WidthHeightTool","importPath":"./packages/block-editor/src/components/dimensions-tool/stories/width-height-tool.story.js","componentPath":"./packages/block-editor/src/components/dimensions-tool/width-height-tool.js","tags":["dev","test","autodocs"]},"blockeditor-private-apis-resolutioncontrol--docs":{"id":"blockeditor-private-apis-resolutioncontrol--docs","title":"BlockEditor (Private APIs)/ResolutionControl","name":"Docs","importPath":"./packages/block-editor/src/components/resolution-tool/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"blockeditor-private-apis-resolutioncontrol--default":{"type":"story","id":"blockeditor-private-apis-resolutioncontrol--default","name":"Default","title":"BlockEditor (Private APIs)/ResolutionControl","importPath":"./packages/block-editor/src/components/resolution-tool/stories/index.story.js","componentPath":"./packages/block-editor/src/components/resolution-tool","tags":["dev","test","autodocs"]},"components-buttongroup--docs":{"id":"components-buttongroup--docs","title":"Components (Deprecated)/ButtonGroup","name":"Docs","importPath":"./packages/components/src/button-group/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-buttongroup--default":{"type":"story","id":"components-buttongroup--default","name":"Default","title":"Components (Deprecated)/ButtonGroup","importPath":"./packages/components/src/button-group/stories/index.story.tsx","componentPath":"./packages/components/src/button-group","tags":["dev","test","autodocs"]},"components-composite-unstable--docs":{"id":"components-composite-unstable--docs","title":"Components (Deprecated)/Composite (Unstable)","name":"Docs","importPath":"./packages/components/src/composite/legacy/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-composite-unstable--two-dimensions-with-state-prop":{"type":"story","id":"components-composite-unstable--two-dimensions-with-state-prop","name":"Two Dimensions With State Prop","title":"Components (Deprecated)/Composite (Unstable)","importPath":"./packages/components/src/composite/legacy/stories/index.story.tsx","componentPath":"./packages/components/src/composite/legacy/stories/utils.tsx","tags":["dev","test","autodocs"]},"components-composite-unstable--two-dimensions-with-spread-props":{"type":"story","id":"components-composite-unstable--two-dimensions-with-spread-props","name":"Two Dimensions With Spread Props","title":"Components (Deprecated)/Composite (Unstable)","importPath":"./packages/components/src/composite/legacy/stories/index.story.tsx","componentPath":"./packages/components/src/composite/legacy/stories/utils.tsx","tags":["dev","test","autodocs"]},"components-composite-unstable--one-dimension-with-state-prop":{"type":"story","id":"components-composite-unstable--one-dimension-with-state-prop","name":"One Dimension With State Prop","title":"Components (Deprecated)/Composite (Unstable)","importPath":"./packages/components/src/composite/legacy/stories/index.story.tsx","componentPath":"./packages/components/src/composite/legacy/stories/utils.tsx","tags":["dev","test","autodocs"]},"components-composite-unstable--one-dimension-with-spread-props":{"type":"story","id":"components-composite-unstable--one-dimension-with-spread-props","name":"One Dimension With Spread Props","title":"Components (Deprecated)/Composite (Unstable)","importPath":"./packages/components/src/composite/legacy/stories/index.story.tsx","componentPath":"./packages/components/src/composite/legacy/stories/utils.tsx","tags":["dev","test","autodocs"]},"components-dimensioncontrol--docs":{"id":"components-dimensioncontrol--docs","title":"Components (Deprecated)/DimensionControl","name":"Docs","importPath":"./packages/components/src/dimension-control/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-dimensioncontrol--default":{"type":"story","id":"components-dimensioncontrol--default","name":"Default","title":"Components (Deprecated)/DimensionControl","importPath":"./packages/components/src/dimension-control/stories/index.story.tsx","componentPath":"./packages/components/src/dimension-control","tags":["dev","test","autodocs"]},"components-navigation--docs":{"id":"components-navigation--docs","title":"Components (Deprecated)/Navigation","name":"Docs","importPath":"./packages/components/src/navigation/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-navigation--default":{"type":"story","id":"components-navigation--default","name":"Default","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-navigation--controlled-state":{"type":"story","id":"components-navigation--controlled-state","name":"Controlled State","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-navigation--groups":{"type":"story","id":"components-navigation--groups","name":"Groups","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-navigation--search":{"type":"story","id":"components-navigation--search","name":"Search","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-navigation--more-examples":{"type":"story","id":"components-navigation--more-examples","name":"More Examples","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-navigation--hide-if-empty":{"type":"story","id":"components-navigation--hide-if-empty","name":"Hide If Empty","title":"Components (Deprecated)/Navigation","importPath":"./packages/components/src/navigation/stories/index.story.tsx","componentPath":"./packages/components/src/navigation","tags":["dev","test","autodocs"]},"components-radiogroup--docs":{"id":"components-radiogroup--docs","title":"Components (Deprecated)/RadioGroup","name":"Docs","importPath":"./packages/components/src/radio-group/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"components-radiogroup--default":{"type":"story","id":"components-radiogroup--default","name":"Default","title":"Components (Deprecated)/RadioGroup","importPath":"./packages/components/src/radio-group/stories/index.story.tsx","componentPath":"./packages/components/src/radio-group","tags":["dev","test","autodocs"]},"components-radiogroup--disabled":{"type":"story","id":"components-radiogroup--disabled","name":"Disabled","title":"Components (Deprecated)/RadioGroup","importPath":"./packages/components/src/radio-group/stories/index.story.tsx","componentPath":"./packages/components/src/radio-group","tags":["dev","test","autodocs"]},"components-radiogroup--controlled":{"type":"story","id":"components-radiogroup--controlled","name":"Controlled","title":"Components (Deprecated)/RadioGroup","importPath":"./packages/components/src/radio-group/stories/index.story.tsx","componentPath":"./packages/components/src/radio-group","tags":["dev","test","autodocs"]},"editsite-globalstylesui--docs":{"id":"editsite-globalstylesui--docs","title":"EditSite/GlobalStylesUI","name":"Docs","importPath":"./packages/edit-site/src/components/global-styles/stories/index.story.js","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"editsite-globalstylesui--global-styles-ui":{"type":"story","id":"editsite-globalstylesui--global-styles-ui","name":"Global Styles UI","title":"EditSite/GlobalStylesUI","importPath":"./packages/edit-site/src/components/global-styles/stories/index.story.js","tags":["dev","test","autodocs"]},"dataviews-dataform--docs":{"id":"dataviews-dataform--docs","title":"DataViews/DataForm","name":"Docs","importPath":"./packages/dataviews/src/components/dataform/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"dataviews-dataform--default":{"type":"story","id":"dataviews-dataform--default","name":"Default","title":"DataViews/DataForm","importPath":"./packages/dataviews/src/components/dataform/stories/index.story.tsx","componentPath":"./packages/dataviews/src/components/dataform/index.tsx","tags":["dev","test","autodocs"]},"dataviews-dataform--combined-fields":{"type":"story","id":"dataviews-dataform--combined-fields","name":"Combined Fields","title":"DataViews/DataForm","importPath":"./packages/dataviews/src/components/dataform/stories/index.story.tsx","componentPath":"./packages/dataviews/src/components/dataform/index.tsx","tags":["dev","test","autodocs"]},"dataviews-dataviews--docs":{"id":"dataviews-dataviews--docs","title":"DataViews/DataViews","name":"Docs","importPath":"./packages/dataviews/src/components/dataviews/stories/index.story.tsx","type":"docs","tags":["dev","test","autodocs"],"storiesImports":[]},"dataviews-dataviews--default":{"type":"story","id":"dataviews-dataviews--default","name":"Default","title":"DataViews/DataViews","importPath":"./packages/dataviews/src/components/dataviews/stories/index.story.tsx","componentPath":"./packages/dataviews/src/components/dataviews/index.tsx","tags":["dev","test","autodocs"]},"dataviews-dataviews--empty":{"type":"story","id":"dataviews-dataviews--empty","name":"Empty","title":"DataViews/DataViews","importPath":"./packages/dataviews/src/components/dataviews/stories/index.story.tsx","componentPath":"./packages/dataviews/src/components/dataviews/index.tsx","tags":["dev","test","autodocs"]},"dataviews-dataviews--fields-no-sortable-no-hidable":{"type":"story","id":"dataviews-dataviews--fields-no-sortable-no-hidable","name":"Fields No Sortable No Hidable","title":"DataViews/DataViews","importPath":"./packages/dataviews/src/components/dataviews/stories/index.story.tsx","componentPath":"./packages/dataviews/src/components/dataviews/index.tsx","tags":["dev","test","autodocs"]}}} \ No newline at end of file diff --git a/input-control-stories-index-story.7603a766.iframe.bundle.js b/input-control-stories-index-story.7603a766.iframe.bundle.js new file mode 100644 index 00000000000000..2958418d754100 --- /dev/null +++ b/input-control-stories-index-story.7603a766.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6482],{"./packages/components/src/input-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,ShowPassword:()=>ShowPassword,WithEdgeLabel:()=>WithEdgeLabel,WithHelpText:()=>WithHelpText,WithIconOrControl:()=>WithIconOrControl,WithPrefix:()=>WithPrefix,WithSideLabel:()=>WithSideLabel,WithSuffix:()=>WithSuffix,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/icons/build-module/icon/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/icons/build-module/library/link.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/icons/build-module/library/close-small.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./packages/icons/build-module/library/unseen.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./packages/icons/build-module/library/seen.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/input-control/index.tsx"),_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/input-control/input-prefix-wrapper.tsx"),_input_suffix_wrapper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/input-control/input-suffix-wrapper.tsx"),_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/button/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components (Experimental)/Selection & Input/InputControl",id:"components-experimental-inputcontrol",component:___WEBPACK_IMPORTED_MODULE_1__.Ay,subcomponents:{InputControlPrefixWrapper:_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_2__.R,InputControlSuffixWrapper:_input_suffix_wrapper__WEBPACK_IMPORTED_MODULE_3__.i},argTypes:{__unstableInputWidth:{control:{type:"text"}},__unstableStateReducer:{control:!1},onChange:{control:!1},prefix:{control:!1},suffix:{control:!1},type:{control:{type:"text"}},value:{control:{disable:!0}}},parameters:{sourceLink:"packages/components/src/input-control",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Ay,{...args}),Default=Template.bind({});Default.args={label:"Value",placeholder:"Placeholder",__next40pxDefaultSize:!0};const WithHelpText=Template.bind({});WithHelpText.args={...Default.args,help:"Help text to describe the control."};const WithPrefix=Template.bind({});WithPrefix.args={...Default.args,prefix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_2__.R,{children:"@"})};const WithSuffix=Template.bind({});WithSuffix.args={...Default.args,suffix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_suffix_wrapper__WEBPACK_IMPORTED_MODULE_3__.i,{children:"%"})};const WithIconOrControl=Template.bind({});WithIconOrControl.args={...Default.args,prefix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_2__.R,{variant:"icon",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__.A,{icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__.A})}),suffix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_suffix_wrapper__WEBPACK_IMPORTED_MODULE_3__.i,{variant:"control",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_7__.A,size:"small",label:"Clear"})})};const WithSideLabel=Template.bind({});WithSideLabel.args={...Default.args,labelPosition:"side"};const WithEdgeLabel=Template.bind({});WithEdgeLabel.args={...Default.args,__unstableInputWidth:"20em",labelPosition:"edge"};const ShowPassword=args=>{const[visible,setVisible]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_8__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Ay,{type:visible?"text":"password",suffix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_suffix_wrapper__WEBPACK_IMPORTED_MODULE_3__.i,{variant:"control",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{size:"small",icon:visible?_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__.A:_wordpress_icons__WEBPACK_IMPORTED_MODULE_10__.A,onClick:()=>setVisible((value=>!value)),label:visible?"Hide password":"Show password"})}),...args})};ShowPassword.args={...Default.args,label:"Password",placeholder:void 0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => ",...Default.parameters?.docs?.source}}},WithHelpText.parameters={...WithHelpText.parameters,docs:{...WithHelpText.parameters?.docs,source:{originalSource:"args => ",...WithHelpText.parameters?.docs?.source}}},WithPrefix.parameters={...WithPrefix.parameters,docs:{...WithPrefix.parameters?.docs,source:{originalSource:"args => ",...WithPrefix.parameters?.docs?.source},description:{story:"A `prefix` can be inserted before the input. By default, the prefix is aligned with the edge of the input border,\nwith no padding. If you want to apply standard padding in accordance with the size variant, use the provided\n`` convenience wrapper.",...WithPrefix.parameters?.docs?.description}}},WithSuffix.parameters={...WithSuffix.parameters,docs:{...WithSuffix.parameters?.docs,source:{originalSource:"args => ",...WithSuffix.parameters?.docs?.source},description:{story:"A `suffix` can be inserted after the input. By default, the suffix is aligned with the edge of the input border,\nwith no padding. If you want to apply standard padding in accordance with the size variant, use the provided\n`` convenience wrapper.",...WithSuffix.parameters?.docs?.description}}},WithIconOrControl.parameters={...WithIconOrControl.parameters,docs:{...WithIconOrControl.parameters?.docs,source:{originalSource:"args => ",...WithIconOrControl.parameters?.docs?.source},description:{story:"`` and `` have a `variant` prop that can be used to\nadjust the wrapper based on the prefix or suffix content.\n\n- `'default'`: Standard padding for text content.\n- `'icon'`: For icons.\n- `'control'`: For controls, like buttons or selects.",...WithIconOrControl.parameters?.docs?.description}}},WithSideLabel.parameters={...WithSideLabel.parameters,docs:{...WithSideLabel.parameters?.docs,source:{originalSource:"args => ",...WithSideLabel.parameters?.docs?.source}}},WithEdgeLabel.parameters={...WithEdgeLabel.parameters,docs:{...WithEdgeLabel.parameters?.docs,source:{originalSource:"args => ",...WithEdgeLabel.parameters?.docs?.source}}},ShowPassword.parameters={...ShowPassword.parameters,docs:{...ShowPassword.parameters?.docs,source:{originalSource:"args => {\n const [visible, setVisible] = useState(false);\n return \n \n\n```\n\n@template {Record} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/font.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>font});const font_values={"default.fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","default.fontSize":"13px","helpText.fontSize":"12px",mobileTextMinFontSize:"16px"};function font(value){var _FONT$value;return null!==(_FONT$value=font_values[value])&&void 0!==_FONT$value?_FONT$value:""}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;imemize})}}]); \ No newline at end of file diff --git a/item-group-stories-index-story.3a00051a.iframe.bundle.js.LICENSE.txt b/item-group-stories-index-story.3a00051a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/item-group-stories-index-story.3a00051a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/keyboard-shortcuts-stories-index-story.136bb792.iframe.bundle.js b/keyboard-shortcuts-stories-index-story.136bb792.iframe.bundle.js new file mode 100644 index 00000000000000..f1a21dfb63a1eb --- /dev/null +++ b/keyboard-shortcuts-stories-index-story.136bb792.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[5217],{"./packages/components/src/keyboard-shortcuts/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),mousetrap_mousetrap=__webpack_require__("./node_modules/mousetrap/mousetrap.js"),mousetrap_default=__webpack_require__.n(mousetrap_mousetrap),platform=(__webpack_require__("./node_modules/mousetrap/plugins/global-bind/mousetrap-global-bind.js"),__webpack_require__("./packages/keycodes/build-module/platform.js"));const use_keyboard_shortcut=function useKeyboardShortcut(shortcuts,callback,{bindGlobal=!1,eventName="keydown",isDisabled=!1,target}={}){const currentCallbackRef=(0,react.useRef)(callback);(0,react.useEffect)((()=>{currentCallbackRef.current=callback}),[callback]),(0,react.useEffect)((()=>{if(isDisabled)return;const mousetrap=new(mousetrap_default())(target&&target.current?target.current:document);return(Array.isArray(shortcuts)?shortcuts:[shortcuts]).forEach((shortcut=>{const keys=shortcut.split("+"),modifiers=new Set(keys.filter((value=>value.length>1))),hasAlt=modifiers.has("alt"),hasShift=modifiers.has("shift");if((0,platform.H)()&&(1===modifiers.size&&hasAlt||2===modifiers.size&&hasAlt&&hasShift))throw new Error(`Cannot bind ${shortcut}. Alt and Shift+Alt modifiers are reserved for character input.`);mousetrap[bindGlobal?"bindGlobal":"bind"](shortcut,((...args)=>currentCallbackRef.current(...args)),eventName)})),()=>{mousetrap.reset()}}),[shortcuts,bindGlobal,eventName,target,isDisabled])};var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function KeyboardShortcut({target,callback,shortcut,bindGlobal,eventName}){return use_keyboard_shortcut(shortcut,callback,{bindGlobal,target,eventName}),null}function KeyboardShortcuts({children,shortcuts,bindGlobal,eventName}){const target=(0,react.useRef)(null),element=Object.entries(null!=shortcuts?shortcuts:{}).map((([shortcut,callback])=>(0,jsx_runtime.jsx)(KeyboardShortcut,{shortcut,callback,bindGlobal,eventName,target},shortcut)));return react.Children.count(children)?(0,jsx_runtime.jsxs)("div",{ref:target,children:[element,children]}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:element})}const keyboard_shortcuts=KeyboardShortcuts;try{KeyboardShortcuts.displayName="KeyboardShortcuts",KeyboardShortcuts.__docgenInfo={description:"`KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.\n\nWhen passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.\n\nIt uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.\n\n```jsx\nimport { KeyboardShortcuts } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyKeyboardShortcuts = () => {\n\tconst [ isAllSelected, setIsAllSelected ] = useState( false );\n\tconst selectAll = () => {\n\t\tsetIsAllSelected( true );\n\t};\n\n\treturn (\n\t\t
\n\t\t\t\n\t\t\t[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }\n\t\t
\n\t);\n};\n```",displayName:"KeyboardShortcuts",props:{children:{defaultValue:null,description:"Elements to render, upon whom key events are to be monitored.",name:"children",required:!1,type:{name:"ReactNode"}},shortcuts:{defaultValue:null,description:"An object of shortcut bindings, where each key is a keyboard combination,\nthe value of which is the callback to be invoked when the key combination is pressed.\n\nThe value of each shortcut should be a consistent function reference, not an anonymous function.\nOtherwise, the callback will not be correctly unbound when the component unmounts.\n\nThe `KeyboardShortcuts` component will not update to reflect a changed `shortcuts` prop.\nIf you need to change shortcuts, mount a separate `KeyboardShortcuts` element,\nwhich can be achieved by assigning a unique `key` prop.\n@see {@link https://craig.is/killing/mice Mousetrap documentation}",name:"shortcuts",required:!0,type:{name:"Record void>"}},bindGlobal:{defaultValue:null,description:"By default, a callback will not be invoked if the key combination occurs in an editable field.\nPass `bindGlobal` as `true` if the key events should be observed globally, including within editable fields.\n\nTip: If you need some but not all keyboard events to be observed globally,\nsimply render two distinct `KeyboardShortcuts` elements, one with and one without the `bindGlobal` prop.",name:"bindGlobal",required:!1,type:{name:"boolean"}},eventName:{defaultValue:null,description:"By default, a callback is invoked in response to the `keydown` event.\nTo override this, pass `eventName` with the name of a specific keyboard event.",name:"eventName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/keyboard-shortcuts/index.tsx#KeyboardShortcuts"]={docgenInfo:KeyboardShortcuts.__docgenInfo,name:"KeyboardShortcuts",path:"packages/components/src/keyboard-shortcuts/index.tsx#KeyboardShortcuts"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:keyboard_shortcuts,title:"Components/Utilities/KeyboardShortcuts",id:"components-keyboardshortcuts",parameters:{sourceLink:"packages/components/src/keyboard-shortcuts",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(props=>(0,jsx_runtime.jsx)(keyboard_shortcuts,{...props})).bind({});Default.args={shortcuts:{a:()=>window.alert('You hit "a"!'),b:()=>window.alert('You hit "b"!')},children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("p",{children:'Hit the "a" or "b" key in this textarea:'}),(0,jsx_runtime.jsx)("textarea",{})]})},Default.parameters={docs:{source:{code:'\n window.alert(\'You hit "a"!\'),\n b: () => window.alert(\'You hit "b"!\'),\n }}\n>\n
\n

\n Hit the "a" or "b" key in this textarea:\n

\n \n\t\t\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/icon/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>icon});var react=__webpack_require__("./node_modules/react/index.js"),svg=__webpack_require__("./packages/primitives/build-module/svg/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Dashicon({icon,className,size=20,style={},...extraProps}){const iconClass=["dashicon","dashicons","dashicons-"+icon,className].filter(Boolean).join(" "),styles={...20!=size?{fontSize:`${size}px`,width:`${size}px`,height:`${size}px`}:{},...style};return(0,jsx_runtime.jsx)("span",{className:iconClass,style:styles,...extraProps})}const dashicon=Dashicon;try{Dashicon.displayName="Dashicon",Dashicon.__docgenInfo={description:"",displayName:"Dashicon",props:{icon:{defaultValue:null,description:"The icon name",name:"icon",required:!0,type:{name:"enum",value:[{value:'"button"'},{value:'"html"'},{value:'"menu"'},{value:'"search"'},{value:'"filter"'},{value:'"marker"'},{value:'"text"'},{value:'"hidden"'},{value:'"id"'},{value:'"yes"'},{value:'"no"'},{value:'"heading"'},{value:'"email"'},{value:'"location"'},{value:'"move"'},{value:'"visibility"'},{value:'"download"'},{value:'"groups"'},{value:'"columns"'},{value:'"ellipsis"'},{value:'"store"'},{value:'"sort"'},{value:'"admin-appearance"'},{value:'"admin-collapse"'},{value:'"admin-comments"'},{value:'"admin-customizer"'},{value:'"admin-generic"'},{value:'"admin-home"'},{value:'"admin-links"'},{value:'"admin-media"'},{value:'"admin-multisite"'},{value:'"admin-network"'},{value:'"admin-page"'},{value:'"admin-plugins"'},{value:'"admin-post"'},{value:'"admin-settings"'},{value:'"admin-site-alt"'},{value:'"admin-site-alt2"'},{value:'"admin-site-alt3"'},{value:'"admin-site"'},{value:'"admin-tools"'},{value:'"admin-users"'},{value:'"airplane"'},{value:'"album"'},{value:'"align-center"'},{value:'"align-full-width"'},{value:'"align-left"'},{value:'"align-none"'},{value:'"align-pull-left"'},{value:'"align-pull-right"'},{value:'"align-right"'},{value:'"align-wide"'},{value:'"amazon"'},{value:'"analytics"'},{value:'"archive"'},{value:'"arrow-down-alt"'},{value:'"arrow-down-alt2"'},{value:'"arrow-down"'},{value:'"arrow-left-alt"'},{value:'"arrow-left-alt2"'},{value:'"arrow-left"'},{value:'"arrow-right-alt"'},{value:'"arrow-right-alt2"'},{value:'"arrow-right"'},{value:'"arrow-up-alt"'},{value:'"arrow-up-alt2"'},{value:'"arrow-up"'},{value:'"arrow-up-duplicate"'},{value:'"art"'},{value:'"awards"'},{value:'"backup"'},{value:'"bank"'},{value:'"beer"'},{value:'"bell"'},{value:'"block-default"'},{value:'"book-alt"'},{value:'"book"'},{value:'"buddicons-activity"'},{value:'"buddicons-bbpress-logo"'},{value:'"buddicons-buddypress-logo"'},{value:'"buddicons-community"'},{value:'"buddicons-forums"'},{value:'"buddicons-friends"'},{value:'"buddicons-groups"'},{value:'"buddicons-pm"'},{value:'"buddicons-replies"'},{value:'"buddicons-topics"'},{value:'"buddicons-tracking"'},{value:'"building"'},{value:'"businessman"'},{value:'"businessperson"'},{value:'"businesswoman"'},{value:'"calculator"'},{value:'"camera-alt"'},{value:'"car"'},{value:'"calendar-alt"'},{value:'"calendar"'},{value:'"camera"'},{value:'"carrot"'},{value:'"cart"'},{value:'"category"'},{value:'"chart-area"'},{value:'"chart-bar"'},{value:'"chart-line"'},{value:'"chart-pie"'},{value:'"clipboard"'},{value:'"clock"'},{value:'"cloud-saved"'},{value:'"cloud-upload"'},{value:'"cloud"'},{value:'"code-standards"'},{value:'"coffee"'},{value:'"color-picker"'},{value:'"controls-back"'},{value:'"controls-forward"'},{value:'"controls-pause"'},{value:'"controls-play"'},{value:'"controls-repeat"'},{value:'"controls-skipback"'},{value:'"controls-skipforward"'},{value:'"controls-volumeoff"'},{value:'"controls-volumeon"'},{value:'"cover-image"'},{value:'"dashboard"'},{value:'"database"'},{value:'"database-add"'},{value:'"database-export"'},{value:'"database-import"'},{value:'"database-remove"'},{value:'"database-view"'},{value:'"desktop"'},{value:'"dismiss"'},{value:'"drumstick"'},{value:'"edit"'},{value:'"edit-large"'},{value:'"edit-page"'},{value:'"editor-aligncenter"'},{value:'"editor-alignleft"'},{value:'"editor-alignright"'},{value:'"editor-bold"'},{value:'"editor-break"'},{value:'"editor-code"'},{value:'"editor-code-duplicate"'},{value:'"editor-contract"'},{value:'"editor-customchar"'},{value:'"editor-expand"'},{value:'"editor-help"'},{value:'"editor-indent"'},{value:'"editor-insertmore"'},{value:'"editor-italic"'},{value:'"editor-justify"'},{value:'"editor-kitchensink"'},{value:'"editor-ltr"'},{value:'"editor-ol-rtl"'},{value:'"editor-ol"'},{value:'"editor-outdent"'},{value:'"editor-paragraph"'},{value:'"editor-paste-text"'},{value:'"editor-paste-word"'},{value:'"editor-quote"'},{value:'"editor-removeformatting"'},{value:'"editor-rtl"'},{value:'"editor-spellcheck"'},{value:'"editor-strikethrough"'},{value:'"editor-table"'},{value:'"editor-textcolor"'},{value:'"editor-ul"'},{value:'"editor-underline"'},{value:'"editor-unlink"'},{value:'"editor-video"'},{value:'"email-alt"'},{value:'"email-alt2"'},{value:'"embed-audio"'},{value:'"embed-generic"'},{value:'"embed-photo"'},{value:'"embed-post"'},{value:'"embed-video"'},{value:'"excerpt-view"'},{value:'"exit"'},{value:'"external"'},{value:'"facebook-alt"'},{value:'"facebook"'},{value:'"feedback"'},{value:'"flag"'},{value:'"food"'},{value:'"format-aside"'},{value:'"format-audio"'},{value:'"format-chat"'},{value:'"format-gallery"'},{value:'"format-image"'},{value:'"format-quote"'},{value:'"format-status"'},{value:'"format-video"'},{value:'"forms"'},{value:'"fullscreen-alt"'},{value:'"fullscreen-exit-alt"'},{value:'"games"'},{value:'"google"'},{value:'"googleplus"'},{value:'"grid-view"'},{value:'"hammer"'},{value:'"heart"'},{value:'"hourglass"'},{value:'"id-alt"'},{value:'"image-crop"'},{value:'"image-filter"'},{value:'"image-flip-horizontal"'},{value:'"image-flip-vertical"'},{value:'"image-rotate-left"'},{value:'"image-rotate-right"'},{value:'"image-rotate"'},{value:'"images-alt"'},{value:'"images-alt2"'},{value:'"index-card"'},{value:'"info-outline"'},{value:'"info"'},{value:'"insert-after"'},{value:'"insert-before"'},{value:'"insert"'},{value:'"instagram"'},{value:'"laptop"'},{value:'"layout"'},{value:'"leftright"'},{value:'"lightbulb"'},{value:'"list-view"'},{value:'"linkedin"'},{value:'"location-alt"'},{value:'"lock-duplicate"'},{value:'"lock"'},{value:'"media-archive"'},{value:'"media-audio"'},{value:'"media-code"'},{value:'"media-default"'},{value:'"media-document"'},{value:'"media-interactive"'},{value:'"media-spreadsheet"'},{value:'"media-text"'},{value:'"media-video"'},{value:'"megaphone"'},{value:'"menu-alt"'},{value:'"menu-alt2"'},{value:'"menu-alt3"'},{value:'"money-alt"'},{value:'"microphone"'},{value:'"migrate"'},{value:'"minus"'},{value:'"money"'},{value:'"nametag"'},{value:'"networking"'},{value:'"no-alt"'},{value:'"open-folder"'},{value:'"palmtree"'},{value:'"paperclip"'},{value:'"performance"'},{value:'"pets"'},{value:'"pdf"'},{value:'"phone"'},{value:'"pinterest"'},{value:'"playlist-audio"'},{value:'"playlist-video"'},{value:'"plus-alt"'},{value:'"plus"'},{value:'"portfolio"'},{value:'"post-status"'},{value:'"pressthis"'},{value:'"products"'},{value:'"plugins-checked"'},{value:'"plus-alt2"'},{value:'"podio"'},{value:'"printer"'},{value:'"privacy"'},{value:'"randomize"'},{value:'"reddit"'},{value:'"redo"'},{value:'"remove"'},{value:'"rest-api"'},{value:'"rss"'},{value:'"saved"'},{value:'"schedule"'},{value:'"screenoptions"'},{value:'"share-alt"'},{value:'"share-alt2"'},{value:'"share"'},{value:'"shield-alt"'},{value:'"shield"'},{value:'"shortcode"'},{value:'"slides"'},{value:'"smartphone"'},{value:'"smiley"'},{value:'"sos"'},{value:'"star-empty"'},{value:'"star-filled"'},{value:'"star-half"'},{value:'"sticky"'},{value:'"spotify"'},{value:'"superhero"'},{value:'"superhero-alt"'},{value:'"table-col-after"'},{value:'"table-col-before"'},{value:'"table-col-delete"'},{value:'"table-row-after"'},{value:'"table-row-before"'},{value:'"table-row-delete"'},{value:'"tablet"'},{value:'"tag"'},{value:'"tagcloud"'},{value:'"testimonial"'},{value:'"text-page"'},{value:'"thumbs-down"'},{value:'"thumbs-up"'},{value:'"tickets-alt"'},{value:'"tickets"'},{value:'"tide"'},{value:'"translation"'},{value:'"trash"'},{value:'"twitch"'},{value:'"twitter"'},{value:'"twitter-alt"'},{value:'"undo"'},{value:'"universal-access-alt"'},{value:'"universal-access"'},{value:'"unlock"'},{value:'"update-alt"'},{value:'"update"'},{value:'"upload"'},{value:'"vault"'},{value:'"video-alt"'},{value:'"video-alt2"'},{value:'"video-alt3"'},{value:'"warning"'},{value:'"welcome-add-page"'},{value:'"welcome-comments"'},{value:'"welcome-learn-more"'},{value:'"welcome-view-site"'},{value:'"welcome-widgets-menus"'},{value:'"welcome-write-blog"'},{value:'"whatsapp"'},{value:'"wordpress-alt"'},{value:'"wordpress"'},{value:'"xing"'},{value:'"yes-alt"'},{value:'"youtube"'}]}},size:{defaultValue:{value:"20"},description:"Size of the icon",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dashicon/index.tsx#Dashicon"]={docgenInfo:Dashicon.__docgenInfo,name:"Dashicon",path:"packages/components/src/dashicon/index.tsx#Dashicon"})}catch(__react_docgen_typescript_loader_error){}function Icon({icon=null,size="string"==typeof icon?20:24,...additionalProps}){if("string"==typeof icon)return(0,jsx_runtime.jsx)(dashicon,{icon,size,...additionalProps});if((0,react.isValidElement)(icon)&&dashicon===icon.type)return(0,react.cloneElement)(icon,{...additionalProps});if("function"==typeof icon)return(0,react.createElement)(icon,{size,...additionalProps});if(icon&&("svg"===icon.type||icon.type===svg.t4)){const appliedProps={...icon.props,width:size,height:size,...additionalProps};return(0,jsx_runtime.jsx)(svg.t4,{...appliedProps})}return(0,react.isValidElement)(icon)?(0,react.cloneElement)(icon,{size,...additionalProps}):icon}const icon=Icon;try{Icon.displayName="Icon",Icon.__docgenInfo={description:"Renders a raw icon without any initial styling or wrappers.\n\n```jsx\nimport { wordpress } from '@wordpress/icons';\n\n\n```",displayName:"Icon",props:{icon:{defaultValue:{value:"null"},description:"The icon to render. In most cases, you should use an icon from\n[the `@wordpress/icons` package](https://wordpress.github.io/gutenberg/?path=/story/icons-icon--library).\n\nOther supported values are: component instances, functions,\n[Dashicons](https://developer.wordpress.org/resource/dashicons/)\n(specified as strings), and `null`.\n\nThe `size` value, as well as any other additional props, will be passed through.",name:"icon",required:!1,type:{name:"IconType"}},size:{defaultValue:{value:"'string' === typeof icon ? 20 : 24"},description:"The size (width and height) of the icon.\n\nDefaults to `20` when `icon` is a string (i.e. a Dashicon id), otherwise `24`.",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/icon/index.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"packages/components/src/icon/index.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}}}]); \ No newline at end of file diff --git a/playground-index-story.5eeb1c34.iframe.bundle.js b/playground-index-story.5eeb1c34.iframe.bundle.js new file mode 100644 index 00000000000000..fc1af7ef75ecb0 --- /dev/null +++ b/playground-index-story.5eeb1c34.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9371],{"./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./storybook/stories/playground/box/style.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".editor-box {\n\tborder: 1px solid #ddd;\n}\n","",{version:3,sources:["webpack://./storybook/stories/playground/box/style.css"],names:[],mappings:"AAAA;CACC,sBAAsB;AACvB",sourcesContent:[".editor-box {\n\tborder: 1px solid #ddd;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./storybook/stories/playground/with-undo-redo/style.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_storybook_builder_webpack5_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".editor-with-undo-redo {\n\tborder: 1px solid #ddd;\n}\n\n.editor-with-undo-redo__toolbar {\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid #ddd;\n\theight: 46px;\n}\n\n.editor-with-undo-redo__toolbar .components-accessible-toolbar.block-editor-block-contextual-toolbar {\n\tborder-bottom: none;\n}","",{version:3,sources:["webpack://./storybook/stories/playground/with-undo-redo/style.css"],names:[],mappings:"AAAA;CACC,sBAAsB;AACvB;;AAEA;CACC,aAAa;CACb,mBAAmB;CACnB,6BAA6B;CAC7B,YAAY;AACb;;AAEA;CACC,mBAAmB;AACpB",sourcesContent:[".editor-with-undo-redo {\n\tborder: 1px solid #ddd;\n}\n\n.editor-with-undo-redo__toolbar {\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid #ddd;\n\theight: 46px;\n}\n\n.editor-with-undo-redo__toolbar .components-accessible-toolbar.block-editor-block-contextual-toolbar {\n\tborder-bottom: none;\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/api.js":module=>{module.exports=function(cssWithMappingToString){var list=[];return list.toString=function toString(){return this.map((function(item){var content="",needLayer=void 0!==item[5];return item[4]&&(content+="@supports (".concat(item[4],") {")),item[2]&&(content+="@media ".concat(item[2]," {")),needLayer&&(content+="@layer".concat(item[5].length>0?" ".concat(item[5]):""," {")),content+=cssWithMappingToString(item),needLayer&&(content+="}"),item[2]&&(content+="}"),item[4]&&(content+="}"),content})).join("")},list.i=function i(modules,media,dedupe,supports,layer){"string"==typeof modules&&(modules=[[null,modules,void 0]]);var alreadyImportedModules={};if(dedupe)for(var k=0;k0?" ".concat(item[5]):""," {").concat(item[1],"}")),item[5]=layer),media&&(item[2]?(item[1]="@media ".concat(item[2]," {").concat(item[1],"}"),item[2]=media):item[2]=media),supports&&(item[4]?(item[1]="@supports (".concat(item[4],") {").concat(item[1],"}"),item[4]=supports):item[4]="".concat(supports)),list.push(item))}},list}},"./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/runtime/sourceMaps.js":module=>{module.exports=function(item){var content=item[1],cssMapping=item[3];if(!cssMapping)return content;if("function"==typeof btoa){var base64=btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping)))),data="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64),sourceMapping="/*# ".concat(data," */");return[content].concat([sourceMapping]).join("\n")}return[content].join("\n")}},"./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":module=>{var stylesInDOM=[];function getIndexByIdentifier(identifier){for(var result=-1,i=0;i{var memo={};module.exports=function insertBySelector(insert,style){var target=function getTarget(target){if(void 0===memo[target]){var styleTarget=document.querySelector(target);if(window.HTMLIFrameElement&&styleTarget instanceof window.HTMLIFrameElement)try{styleTarget=styleTarget.contentDocument.head}catch(e){styleTarget=null}memo[target]=styleTarget}return memo[target]}(insert);if(!target)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");target.appendChild(style)}},"./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/insertStyleElement.js":module=>{module.exports=function insertStyleElement(options){var element=document.createElement("style");return options.setAttributes(element,options.attributes),options.insert(element,options.options),element}},"./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function setAttributesWithoutAttributes(styleElement){var nonce=__webpack_require__.nc;nonce&&styleElement.setAttribute("nonce",nonce)}},"./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/styleDomAPI.js":module=>{module.exports=function domAPI(options){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var styleElement=options.insertStyleElement(options);return{update:function update(obj){!function apply(styleElement,options,obj){var css="";obj.supports&&(css+="@supports (".concat(obj.supports,") {")),obj.media&&(css+="@media ".concat(obj.media," {"));var needLayer=void 0!==obj.layer;needLayer&&(css+="@layer".concat(obj.layer.length>0?" ".concat(obj.layer):""," {")),css+=obj.css,needLayer&&(css+="}"),obj.media&&(css+="}"),obj.supports&&(css+="}");var sourceMap=obj.sourceMap;sourceMap&&"undefined"!=typeof btoa&&(css+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))))," */")),options.styleTagTransform(css,styleElement,options.options)}(styleElement,options,obj)},remove:function remove(){!function removeStyleElement(styleElement){if(null===styleElement.parentNode)return!1;styleElement.parentNode.removeChild(styleElement)}(styleElement)}}}},"./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/styleTagTransform.js":module=>{module.exports=function styleTagTransform(css,styleElement){if(styleElement.styleSheet)styleElement.styleSheet.cssText=css;else{for(;styleElement.firstChild;)styleElement.removeChild(styleElement.firstChild);styleElement.appendChild(document.createTextNode(css))}}},"./storybook/stories/playground/index.story.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Box:()=>Box,UndoRedo:()=>UndoRedo,ZoomOut:()=>ZoomOut,_default:()=>_default,default:()=>index_story});var editor_styles_namespaceObject={};__webpack_require__.r(editor_styles_namespaceObject),__webpack_require__.d(editor_styles_namespaceObject,{y:()=>editorStyles});var react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/block-editor/build-module/index.js"),block_library_build_module=__webpack_require__("./packages/block-library/build-module/index.js"),rich_text_build_module=__webpack_require__("./packages/rich-text/build-module/index.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js"),format_bold=__webpack_require__("./packages/icons/build-module/library/format-bold.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const title=(0,i18n_build_module.__)("Bold"),bold={name:"core/bold",title,tagName:"strong",className:null,edit({isActive,value,onChange,onFocus}){function onToggle(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/bold",title}))}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.aX,{type:"primary",character:"b",onUse:onToggle}),(0,jsx_runtime.jsx)(build_module.RD,{name:"bold",icon:format_bold.A,title,onClick:function onClick(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/bold"})),onFocus()},isActive,shortcutType:"primary",shortcutCharacter:"b"}),(0,jsx_runtime.jsx)(build_module.EW,{inputType:"formatBold",onInput:onToggle})]})}};var code=__webpack_require__("./packages/icons/build-module/library/code.js");const code_title=(0,i18n_build_module.__)("Inline code"),code_code={name:"core/code",title:code_title,tagName:"code",className:null,__unstableInputRule(value){const{start,text}=value;if("`"!==text[start-1])return value;if(start-2<0)return value;const indexBefore=text.lastIndexOf("`",start-2);if(-1===indexBefore)return value;const startIndex=indexBefore,endIndex=start-2;return startIndex===endIndex?value:(value=(0,rich_text_build_module.TF)(value,startIndex,startIndex+1),value=(0,rich_text_build_module.TF)(value,endIndex,endIndex+1),value=(0,rich_text_build_module.Wc)(value,{type:"core/code"},startIndex,endIndex))},edit({value,onChange,onFocus,isActive}){function onClick(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/code",title:code_title})),onFocus()}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.aX,{type:"access",character:"x",onUse:onClick}),(0,jsx_runtime.jsx)(build_module.RD,{icon:code.A,title:code_title,onClick,isActive,role:"menuitemcheckbox"})]})}};var popover=__webpack_require__("./packages/components/build-module/popover/index.js"),component=__webpack_require__("./packages/components/build-module/v-stack/component.js"),number_control=__webpack_require__("./packages/components/build-module/number-control/index.js"),textarea_control=__webpack_require__("./packages/components/build-module/textarea-control/index.js"),external_link=__webpack_require__("./packages/components/build-module/external-link/index.js"),h_stack_component=__webpack_require__("./packages/components/build-module/h-stack/component.js"),build_module_button=__webpack_require__("./packages/components/build-module/button/index.js"),svg=__webpack_require__("./packages/primitives/build-module/svg/index.js");const ALLOWED_MEDIA_TYPES=["image"],image_name="core/image",image_title=(0,i18n_build_module.__)("Inline image"),image_image={name:image_name,title:image_title,keywords:[(0,i18n_build_module.__)("photo"),(0,i18n_build_module.__)("media")],object:!0,tagName:"img",className:null,attributes:{className:"class",style:"style",url:"src",alt:"alt"},edit:function Edit({value,onChange,onFocus,isObjectActive,activeObjectAttributes,contentRef}){return(0,jsx_runtime.jsxs)(build_module.qJ,{children:[(0,jsx_runtime.jsx)(build_module.Q8,{allowedTypes:ALLOWED_MEDIA_TYPES,onSelect:({id,url,alt,width:imgWidth})=>{onChange((0,rich_text_build_module.PE)(value,{type:image_name,attributes:{className:`wp-image-${id}`,style:`width: ${Math.min(imgWidth,150)}px;`,url,alt}})),onFocus()},render:({open})=>(0,jsx_runtime.jsx)(build_module.RD,{icon:(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"})}),title:image_title,onClick:open,isActive:isObjectActive})}),isObjectActive&&(0,jsx_runtime.jsx)(InlineUI,{value,onChange,activeObjectAttributes,contentRef})]})}};function InlineUI({value,onChange,activeObjectAttributes,contentRef}){const{style,alt}=activeObjectAttributes,width=style?.replace(/\D/g,""),[editedWidth,setEditedWidth]=(0,react.useState)(width),[editedAlt,setEditedAlt]=(0,react.useState)(alt),hasChanged=editedWidth!==width||editedAlt!==alt,popoverAnchor=(0,rich_text_build_module.d6)({editableContentElement:contentRef.current,settings:image_image});return(0,jsx_runtime.jsx)(popover.Ay,{placement:"bottom",focusOnMount:!1,anchor:popoverAnchor,className:"block-editor-format-toolbar__image-popover",children:(0,jsx_runtime.jsx)("form",{className:"block-editor-format-toolbar__image-container-content",onSubmit:event=>{const newReplacements=value.replacements.slice();newReplacements[value.start]={type:image_name,attributes:{...activeObjectAttributes,style:width?`width: ${editedWidth}px;`:"",alt:editedAlt}},onChange({...value,replacements:newReplacements}),event.preventDefault()},children:(0,jsx_runtime.jsxs)(component.A,{spacing:4,children:[(0,jsx_runtime.jsx)(number_control.A,{__next40pxDefaultSize:!0,label:(0,i18n_build_module.__)("Width"),value:editedWidth,min:1,onChange:newWidth=>{setEditedWidth(newWidth)}}),(0,jsx_runtime.jsx)(textarea_control.A,{label:(0,i18n_build_module.__)("Alternative text"),__nextHasNoMarginBottom:!0,value:editedAlt,onChange:newAlt=>{setEditedAlt(newAlt)},help:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(external_link.A,{href:(0,i18n_build_module.__)("https://www.w3.org/WAI/tutorials/images/decision-tree/"),children:(0,i18n_build_module.__)("Describe the purpose of the image.")}),(0,jsx_runtime.jsx)("br",{}),(0,i18n_build_module.__)("Leave empty if decorative.")]})}),(0,jsx_runtime.jsx)(h_stack_component.A,{justify:"right",children:(0,jsx_runtime.jsx)(build_module_button.Ay,{disabled:!hasChanged,accessibleWhenDisabled:!0,variant:"primary",type:"submit",size:"compact",children:(0,i18n_build_module.__)("Apply")})})]})})})}var format_italic=__webpack_require__("./packages/icons/build-module/library/format-italic.js");const italic_title=(0,i18n_build_module.__)("Italic"),italic={name:"core/italic",title:italic_title,tagName:"em",className:null,edit({isActive,value,onChange,onFocus}){function onToggle(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/italic",title:italic_title}))}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.aX,{type:"primary",character:"i",onUse:onToggle}),(0,jsx_runtime.jsx)(build_module.RD,{name:"italic",icon:format_italic.A,title:italic_title,onClick:function onClick(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/italic"})),onFocus()},isActive,shortcutType:"primary",shortcutCharacter:"i"}),(0,jsx_runtime.jsx)(build_module.EW,{inputType:"formatItalic",onInput:onToggle})]})}};var is_url=__webpack_require__("./packages/url/build-module/is-url.js"),is_email=__webpack_require__("./packages/url/build-module/is-email.js");const PHONE_REGEXP=/^(tel:)?(\+)?\d{6,15}$/;var html_entities_build_module=__webpack_require__("./packages/html-entities/build-module/index.js"),library_link=__webpack_require__("./packages/icons/build-module/library/link.js"),a11y_build_module=__webpack_require__("./packages/a11y/build-module/index.js"),create_interpolate_element=__webpack_require__("./packages/element/build-module/create-interpolate-element.js"),prepend_http=__webpack_require__("./packages/url/build-module/prepend-http.js"),use_dispatch=__webpack_require__("./packages/data/build-module/components/use-dispatch/use-dispatch.js"),use_select=__webpack_require__("./packages/data/build-module/components/use-select/index.js"),get_protocol=__webpack_require__("./packages/url/build-module/get-protocol.js"),is_valid_protocol=__webpack_require__("./packages/url/build-module/is-valid-protocol.js"),get_authority=__webpack_require__("./packages/url/build-module/get-authority.js");var get_path=__webpack_require__("./packages/url/build-module/get-path.js");var get_query_string=__webpack_require__("./packages/url/build-module/get-query-string.js");var is_valid_fragment=__webpack_require__("./packages/url/build-module/is-valid-fragment.js");function isValidHref(href){if(!href)return!1;const trimmedHref=href.trim();if(!trimmedHref)return!1;if(/^\S+:/.test(trimmedHref)){const protocol=(0,get_protocol.J)(trimmedHref);if(!(0,is_valid_protocol.v)(protocol))return!1;if(protocol.startsWith("http")&&!/^https?:\/\/[^\/\s]/i.test(trimmedHref))return!1;if(!function isValidAuthority(authority){return!!authority&&/^[^\s#?]+$/.test(authority)}((0,get_authority.M)(trimmedHref)))return!1;const path=(0,get_path.Y)(trimmedHref);if(path&&!function isValidPath(path){return!!path&&/^[^\s#?]+$/.test(path)}(path))return!1;const queryString=(0,get_query_string.e)(trimmedHref);if(queryString&&!function isValidQueryString(queryString){return!!queryString&&/^[^\s#?\/]+$/.test(queryString)}(queryString))return!1;const fragment=function getFragment(url){const matches=/^\S+?(#[^\s\?]*)/.exec(url);if(matches)return matches[1]}(trimmedHref);if(fragment&&!(0,is_valid_fragment.R)(fragment))return!1}return!(trimmedHref.startsWith("#")&&!(0,is_valid_fragment.R)(trimmedHref))}function getFormatBoundary(value,format,startIndex=value.start,endIndex=value.end){const EMPTY_BOUNDARIES={start:null,end:null},{formats}=value;let targetFormat,initialIndex;if(!formats?.length)return EMPTY_BOUNDARIES;const newFormats=formats.slice(),formatAtStart=newFormats[startIndex]?.find((({type})=>type===format.type)),formatAtEnd=newFormats[endIndex]?.find((({type})=>type===format.type)),formatAtEndMinusOne=newFormats[endIndex-1]?.find((({type})=>type===format.type));if(formatAtStart)targetFormat=formatAtStart,initialIndex=startIndex;else if(formatAtEnd)targetFormat=formatAtEnd,initialIndex=endIndex;else{if(!formatAtEndMinusOne)return EMPTY_BOUNDARIES;targetFormat=formatAtEndMinusOne,initialIndex=endIndex-1}const index=newFormats[initialIndex].indexOf(targetFormat),walkingArgs=[newFormats,initialIndex,targetFormat,index];return{start:startIndex=(startIndex=walkToStart(...walkingArgs))<0?0:startIndex,end:endIndex=walkToEnd(...walkingArgs)}}function walkToBoundary(formats,initialIndex,targetFormatRef,formatIndex,direction){let index=initialIndex;const directionIncrement={forwards:1,backwards:-1}[direction]||1,inverseDirectionIncrement=-1*directionIncrement;for(;formats[index]&&formats[index][formatIndex]===targetFormatRef;)index+=directionIncrement;return index+=inverseDirectionIncrement,index}const partialRight=(fn,...partialArgs)=>(...args)=>fn(...args,...partialArgs),walkToStart=partialRight(walkToBoundary,"backwards"),walkToEnd=partialRight(walkToBoundary,"forwards"),LINK_SETTINGS=[...build_module.mF.DEFAULT_LINK_SETTINGS,{id:"nofollow",title:(0,i18n_build_module.__)("Mark as nofollow")}];const inline=function InlineLinkUI({isActive,activeAttributes,value,onChange,onFocusOutside,stopAddingLink,contentRef,focusOnMount}){const richTextText=function getRichTextValueFromSelection(value,isActive){let textStart=value.start,textEnd=value.end;if(isActive){const boundary=getFormatBoundary(value,{type:"core/link"});textStart=boundary.start,textEnd=boundary.end+1}return(0,rich_text_build_module.di)(value,textStart,textEnd)}(value,isActive).text,{selectionChange}=(0,use_dispatch.A)(build_module.M_),{createPageEntity,userCanCreatePages,selectionStart}=(0,use_select.A)((select=>{const{getSettings,getSelectionStart}=select(build_module.M_),_settings=getSettings();return{createPageEntity:_settings.__experimentalCreatePageEntity,userCanCreatePages:_settings.__experimentalUserCanCreatePages,selectionStart:getSelectionStart()}}),[]),linkValue=(0,react.useMemo)((()=>({url:activeAttributes.url,type:activeAttributes.type,id:activeAttributes.id,opensInNewTab:"_blank"===activeAttributes.target,nofollow:activeAttributes.rel?.includes("nofollow"),title:richTextText})),[activeAttributes.id,activeAttributes.rel,activeAttributes.target,activeAttributes.type,activeAttributes.url,richTextText]),popoverAnchor=(0,rich_text_build_module.d6)({editableContentElement:contentRef.current,settings:{...link_link,isActive}});return(0,jsx_runtime.jsx)(popover.Ay,{anchor:popoverAnchor,animate:!1,onClose:stopAddingLink,onFocusOutside,placement:"bottom",offset:8,shift:!0,focusOnMount,constrainTabbing:!0,children:(0,jsx_runtime.jsx)(build_module.mF,{value:linkValue,onChange:function onChangeLink(nextValue){const hasLink=linkValue?.url,isNewLink=!hasLink;nextValue={...linkValue,...nextValue};const newUrl=(0,prepend_http.N)(nextValue.url),linkFormat=function createLinkFormat({url,type,id,opensInNewWindow,nofollow}){const format={type:"core/link",attributes:{url}};return type&&(format.attributes.type=type),id&&(format.attributes.id=id),opensInNewWindow&&(format.attributes.target="_blank",format.attributes.rel=format.attributes.rel?format.attributes.rel+" noreferrer noopener":"noreferrer noopener"),nofollow&&(format.attributes.rel=format.attributes.rel?format.attributes.rel+" nofollow":"nofollow"),format}({url:newUrl,type:nextValue.type,id:void 0!==nextValue.id&&null!==nextValue.id?String(nextValue.id):void 0,opensInNewWindow:nextValue.opensInNewTab,nofollow:nextValue.nofollow}),newText=nextValue.title||newUrl;let newValue;if((0,rich_text_build_module.kW)(value)&&!isActive){const inserted=(0,rich_text_build_module.Yr)(value,newText);return newValue=(0,rich_text_build_module.Wc)(inserted,linkFormat,value.start,value.start+newText.length),onChange(newValue),stopAddingLink(),void selectionChange({clientId:selectionStart.clientId,identifier:selectionStart.attributeKey,start:value.start+newText.length+1})}if(newText===richTextText)newValue=(0,rich_text_build_module.Wc)(value,linkFormat);else{newValue=(0,rich_text_build_module.vt)({text:newText}),newValue=(0,rich_text_build_module.Wc)(newValue,linkFormat,0,newText.length);const boundary=getFormatBoundary(value,{type:"core/link"}),[valBefore,valAfter]=(0,rich_text_build_module.lD)(value,boundary.start,boundary.start),newValAfter=(0,rich_text_build_module.HC)(valAfter,richTextText,newValue);newValue=(0,rich_text_build_module.xW)(valBefore,newValAfter)}onChange(newValue),isNewLink||stopAddingLink(),isValidHref(newUrl)?isActive?(0,a11y_build_module.L)((0,i18n_build_module.__)("Link edited."),"assertive"):(0,a11y_build_module.L)((0,i18n_build_module.__)("Link inserted."),"assertive"):(0,a11y_build_module.L)((0,i18n_build_module.__)("Warning: the link has been inserted but may have errors. Please test it."),"assertive")},onRemove:function removeLink(){const newValue=(0,rich_text_build_module.k2)(value,"core/link");onChange(newValue),stopAddingLink(),(0,a11y_build_module.L)((0,i18n_build_module.__)("Link removed."),"assertive")},hasRichPreviews:!0,createSuggestion:createPageEntity&&async function handleCreate(pageTitle){const page=await createPageEntity({title:pageTitle,status:"draft"});return{id:page.id,type:page.type,title:page.title.rendered,url:page.link,kind:"post-type"}},withCreateSuggestion:userCanCreatePages,createSuggestionButtonText:function createButtonText(searchTerm){return(0,create_interpolate_element.A)((0,i18n_build_module.nv)((0,i18n_build_module.__)("Create page: %s"),searchTerm),{mark:(0,jsx_runtime.jsx)("mark",{})})},hasTextControl:!0,settings:LINK_SETTINGS,showInitialSuggestions:!0,suggestionsQuery:{initialSuggestionsSearchOptions:{type:"post",subtype:"page",perPage:20}}})})},link_title=(0,i18n_build_module.__)("Link");const link_link={name:"core/link",title:link_title,tagName:"a",className:null,attributes:{url:"href",type:"data-type",id:"data-id",_id:"id",target:"target",rel:"rel"},__unstablePasteRule(value,{html,plainText}){const pastedText=(html||plainText).replace(/<[^>]+>/g,"").trim();if(!(0,is_url.m)(pastedText)||!/^https?:/.test(pastedText))return value;window.console.log("Created link:\n\n",pastedText);const format={type:"core/link",attributes:{url:(0,html_entities_build_module.S)(pastedText)}};return(0,rich_text_build_module.kW)(value)?(0,rich_text_build_module.Yr)(value,(0,rich_text_build_module.Wc)((0,rich_text_build_module.vt)({text:plainText}),format,0,plainText.length)):(0,rich_text_build_module.Wc)(value,format)},edit:function link_Edit({isActive,activeAttributes,value,onChange,onFocus,contentRef}){const[addingLink,setAddingLink]=(0,react.useState)(!1),[openedBy,setOpenedBy]=(0,react.useState)(null);function addLink(target){const text=(0,rich_text_build_module.rf)((0,rich_text_build_module.di)(value));!isActive&&text&&(0,is_url.m)(text)&&isValidHref(text)?onChange((0,rich_text_build_module.Wc)(value,{type:"core/link",attributes:{url:text}})):!isActive&&text&&(0,is_email.x)(text)?onChange((0,rich_text_build_module.Wc)(value,{type:"core/link",attributes:{url:`mailto:${text}`}})):!isActive&&text&&function isPhoneNumber(phoneNumber){return phoneNumber=phoneNumber.replace(/[-.() ]/g,""),PHONE_REGEXP.test(phoneNumber)}(text)?onChange((0,rich_text_build_module.Wc)(value,{type:"core/link",attributes:{url:`tel:${text.replace(/\D/g,"")}`}})):(target&&setOpenedBy({el:target,action:null}),setAddingLink(!0))}(0,react.useEffect)((()=>{isActive||setAddingLink(!1)}),[isActive]),(0,react.useLayoutEffect)((()=>{const editableContentElement=contentRef.current;if(editableContentElement)return editableContentElement.addEventListener("click",handleClick),()=>{editableContentElement.removeEventListener("click",handleClick)};function handleClick(event){const link=event.target.closest("[contenteditable] a");link&&isActive&&(setAddingLink(!0),setOpenedBy({el:link,action:"click"}))}}),[contentRef,isActive]);const shouldAutoFocus=!("A"===openedBy?.el?.tagName&&"click"===openedBy?.action),hasSelection=!(0,rich_text_build_module.kW)(value);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasSelection&&(0,jsx_runtime.jsx)(build_module.aX,{type:"primary",character:"k",onUse:addLink}),(0,jsx_runtime.jsx)(build_module.aX,{type:"primaryShift",character:"k",onUse:function onRemoveFormat(){onChange((0,rich_text_build_module.k2)(value,"core/link")),(0,a11y_build_module.L)((0,i18n_build_module.__)("Link removed."),"assertive")}}),(0,jsx_runtime.jsx)(build_module.RD,{name:"link",icon:library_link.A,title:isActive?(0,i18n_build_module.__)("Link"):link_title,onClick:event=>{addLink(event.currentTarget)},isActive:isActive||addingLink,shortcutType:"primary",shortcutCharacter:"k","aria-haspopup":"true","aria-expanded":addingLink}),addingLink&&(0,jsx_runtime.jsx)(inline,{stopAddingLink:function stopAddingLink(){setAddingLink(!1),"BUTTON"===openedBy?.el?.tagName?openedBy.el.focus():onFocus(),setOpenedBy(null)},onFocusOutside:function onFocusOutside(){setAddingLink(!1),setOpenedBy(null)},isActive,activeAttributes,value,onChange,contentRef,focusOnMount:!!shouldAutoFocus&&"firstElement"})]})}};var format_strikethrough=__webpack_require__("./packages/icons/build-module/library/format-strikethrough.js");const strikethrough_title=(0,i18n_build_module.__)("Strikethrough"),strikethrough={name:"core/strikethrough",title:strikethrough_title,tagName:"s",className:null,edit({isActive,value,onChange,onFocus}){function onClick(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/strikethrough",title:strikethrough_title})),onFocus()}return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.aX,{type:"access",character:"d",onUse:onClick}),(0,jsx_runtime.jsx)(build_module.RD,{icon:format_strikethrough.A,title:strikethrough_title,onClick,isActive,role:"menuitemcheckbox"})]})}},underline_title=(0,i18n_build_module.__)("Underline"),underline={name:"core/underline",title:underline_title,tagName:"span",className:null,attributes:{style:"style"},edit({value,onChange}){const onToggle=()=>{onChange((0,rich_text_build_module.Kt)(value,{type:"core/underline",attributes:{style:"text-decoration: underline;"},title:underline_title}))};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.aX,{type:"primary",character:"u",onUse:onToggle}),(0,jsx_runtime.jsx)(build_module.EW,{inputType:"formatUnderline",onInput:onToggle})]})}};var icon=__webpack_require__("./packages/icons/build-module/icon/index.js");const text_color=(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M12.9 6h-2l-4 11h1.9l1.1-3h4.2l1.1 3h1.9L12.9 6zm-2.5 6.5l1.5-4.9 1.7 4.9h-3.2z"})});var color=__webpack_require__("./packages/icons/build-module/library/color.js"),private_apis=__webpack_require__("./packages/components/build-module/private-apis.js"),implementation=__webpack_require__("./packages/private-apis/build-module/implementation.js");const{lock,unlock}=(0,implementation.yf)("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.","@wordpress/format-library"),{Tabs}=unlock(private_apis.j),TABS=[{name:"color",title:(0,i18n_build_module.__)("Text")},{name:"backgroundColor",title:(0,i18n_build_module.__)("Background")}];function parseCSS(css=""){return css.split(";").reduce(((accumulator,rule)=>{if(rule){const[property,value]=rule.split(":");"color"===property&&(accumulator.color=value),"background-color"===property&&value!==transparentValue&&(accumulator.backgroundColor=value)}return accumulator}),{})}function parseClassName(className="",colorSettings){return className.split(" ").reduce(((accumulator,name)=>{if(name.startsWith("has-")&&name.endsWith("-color")){const colorSlug=name.replace(/^has-/,"").replace(/-color$/,""),colorObject=(0,build_module.MK)(colorSettings,colorSlug);accumulator.color=colorObject.color}return accumulator}),{})}function getActiveColors(value,name,colorSettings){const activeColorFormat=(0,rich_text_build_module.SX)(value,name);return activeColorFormat?{...parseCSS(activeColorFormat.attributes.style),...parseClassName(activeColorFormat.attributes.class,colorSettings)}:{}}function ColorPicker({name,property,value,onChange}){const colors=(0,use_select.A)((select=>{var _getSettings$colors;const{getSettings}=select(build_module.M_);return null!==(_getSettings$colors=getSettings().colors)&&void 0!==_getSettings$colors?_getSettings$colors:[]}),[]),activeColors=(0,react.useMemo)((()=>getActiveColors(value,name,colors)),[name,value,colors]);return(0,jsx_runtime.jsx)(build_module.rE,{value:activeColors[property],onChange:color=>{onChange(function setColors(value,name,colorSettings,colors){const{color,backgroundColor}={...getActiveColors(value,name,colorSettings),...colors};if(!color&&!backgroundColor)return(0,rich_text_build_module.k2)(value,name);const styles=[],classNames=[],attributes={};if(backgroundColor?styles.push(["background-color",backgroundColor].join(":")):styles.push(["background-color",transparentValue].join(":")),color){const colorObject=(0,build_module.cr)(colorSettings,color);colorObject?classNames.push((0,build_module.tQ)("color",colorObject.slug)):styles.push(["color",color].join(":"))}return styles.length&&(attributes.style=styles.join(";")),classNames.length&&(attributes.class=classNames.join(" ")),(0,rich_text_build_module.Wc)(value,{type:name,attributes})}(value,name,colors,{[property]:color}))}})}function InlineColorUI({name,value,onChange,onClose,contentRef,isActive}){const popoverAnchor=(0,rich_text_build_module.d6)({editableContentElement:contentRef.current,settings:{...text_color_textColor,isActive}});return(0,jsx_runtime.jsx)(popover.Ay,{onClose,className:"format-library__inline-color-popover",anchor:popoverAnchor,children:(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsx)(Tabs.TabList,{children:TABS.map((tab=>(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:tab.name,children:tab.title},tab.name)))}),TABS.map((tab=>(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:tab.name,focusable:!1,children:(0,jsx_runtime.jsx)(ColorPicker,{name,property:tab.name,value,onChange})},tab.name)))]})})}const transparentValue="rgba(0, 0, 0, 0)",text_color_title=(0,i18n_build_module.__)("Highlight"),EMPTY_ARRAY=[];function getComputedStyleProperty(element,property){const{ownerDocument}=element,{defaultView}=ownerDocument,value=defaultView.getComputedStyle(element).getPropertyValue(property);return"background-color"===property&&value===transparentValue&&element.parentElement?getComputedStyleProperty(element.parentElement,property):value}const text_color_textColor={name:"core/text-color",title:text_color_title,tagName:"mark",className:"has-inline-color",attributes:{style:"style",class:"class"},edit:function TextColorEdit({value,onChange,isActive,activeAttributes,contentRef}){const[allowCustomControl,colors=EMPTY_ARRAY]=(0,build_module.t0)("color.custom","color.palette"),[isAddingColor,setIsAddingColor]=(0,react.useState)(!1),colorIndicatorStyle=(0,react.useMemo)((()=>function fillComputedColors(element,{color,backgroundColor}){if(color||backgroundColor)return{color:color||getComputedStyleProperty(element,"color"),backgroundColor:backgroundColor===transparentValue?getComputedStyleProperty(element,"background-color"):backgroundColor}}(contentRef.current,getActiveColors(value,"core/text-color",colors))),[contentRef,value,colors]),hasColorsToChoose=!!colors.length||allowCustomControl;return hasColorsToChoose||isActive?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.RD,{className:"format-library-text-color-button",isActive,icon:(0,jsx_runtime.jsx)(icon.A,{icon:Object.keys(activeAttributes).length?text_color:color.A,style:colorIndicatorStyle}),title:text_color_title,onClick:hasColorsToChoose?()=>setIsAddingColor(!0):()=>onChange((0,rich_text_build_module.k2)(value,"core/text-color")),role:"menuitemcheckbox"}),isAddingColor&&(0,jsx_runtime.jsx)(InlineColorUI,{name:"core/text-color",onClose:()=>setIsAddingColor(!1),activeAttributes,value,onChange,contentRef,isActive})]}):null}},library_subscript=(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M16.9 18.3l.8-1.2c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.1-.3-.4-.5-.6-.7-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.2 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3L15 19.4h4.3v-1.2h-2.4zM14.1 7.2h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"})}),subscript_title=(0,i18n_build_module.__)("Subscript"),subscript_subscript={name:"core/subscript",title:subscript_title,tagName:"sub",className:null,edit:({isActive,value,onChange,onFocus})=>(0,jsx_runtime.jsx)(build_module.RD,{icon:library_subscript,title:subscript_title,onClick:function onClick(){!function onToggle(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/subscript",title:subscript_title}))}(),onFocus()},isActive,role:"menuitemcheckbox"})},library_superscript=(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M16.9 10.3l.8-1.3c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.2-.2-.4-.4-.7-.6-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.1 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3l-1.8 2.8h4.3v-1.2h-2.2zm-2.8-3.1h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z"})}),superscript_title=(0,i18n_build_module.__)("Superscript"),superscript_superscript={name:"core/superscript",title:superscript_title,tagName:"sup",className:null,edit:({isActive,value,onChange,onFocus})=>(0,jsx_runtime.jsx)(build_module.RD,{icon:library_superscript,title:superscript_title,onClick:function onClick(){!function onToggle(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/superscript",title:superscript_title}))}(),onFocus()},isActive,role:"menuitemcheckbox"})};var library_button=__webpack_require__("./packages/icons/build-module/library/button.js");const keyboard_title=(0,i18n_build_module.__)("Keyboard input"),keyboard={name:"core/keyboard",title:keyboard_title,tagName:"kbd",className:null,edit:({isActive,value,onChange,onFocus})=>(0,jsx_runtime.jsx)(build_module.RD,{icon:library_button.A,title:keyboard_title,onClick:function onClick(){!function onToggle(){onChange((0,rich_text_build_module.Kt)(value,{type:"core/keyboard",title:keyboard_title}))}(),onFocus()},isActive,role:"menuitemcheckbox"})},library_help=(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zM3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 8.75a1.5 1.5 0 01.167 2.99c-.465.052-.917.44-.917 1.01V14h1.5v-.845A3 3 0 109 10.25h1.5a1.5 1.5 0 011.5-1.5zM11.25 15v1.5h1.5V15h-1.5z"})}),unknown_title=(0,i18n_build_module.__)("Clear Unknown Formatting");const unknown={name:"core/unknown",title:unknown_title,tagName:"*",className:null,edit({isActive,value,onChange,onFocus}){if(!isActive&&!function selectionContainsUnknownFormats(value){return!(0,rich_text_build_module.kW)(value)&&(0,rich_text_build_module.di)(value).formats.some((formats=>formats.some((format=>"core/unknown"===format.type))))}(value))return null;return(0,jsx_runtime.jsx)(build_module.RD,{name:"unknown",icon:library_help,title:unknown_title,onClick:function onClick(){onChange((0,rich_text_build_module.k2)(value,"core/unknown")),onFocus()},isActive:!0})}};var text_control=__webpack_require__("./packages/components/build-module/text-control/index.js"),select_control=__webpack_require__("./packages/components/build-module/select-control/index.js");const library_language=(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M17.5 10h-1.7l-3.7 10.5h1.7l.9-2.6h3.9l.9 2.6h1.7L17.5 10zm-2.2 6.3 1.4-4 1.4 4h-2.8zm-4.8-3.8c1.6-1.8 2.9-3.6 3.7-5.7H16V5.2h-5.8V3H8.8v2.2H3v1.5h9.6c-.7 1.6-1.8 3.1-3.1 4.6C8.6 10.2 7.8 9 7.2 8H5.6c.6 1.4 1.7 2.9 2.9 4.4l-2.4 2.4c-.3.4-.7.8-1.1 1.2l1 1 1.2-1.2c.8-.8 1.6-1.5 2.3-2.3.8.9 1.7 1.7 2.5 2.5l.6-1.5c-.7-.6-1.4-1.3-2.1-2z"})}),language_name="core/language",language_title=(0,i18n_build_module.__)("Language"),language_language={name:language_name,tagName:"bdo",className:null,edit:function language_Edit({isActive,value,onChange,contentRef}){const[isPopoverVisible,setIsPopoverVisible]=(0,react.useState)(!1),togglePopover=()=>{setIsPopoverVisible((state=>!state))};return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(build_module.RD,{icon:library_language,label:language_title,title:language_title,onClick:()=>{isActive?onChange((0,rich_text_build_module.k2)(value,language_name)):togglePopover()},isActive,role:"menuitemcheckbox"}),isPopoverVisible&&(0,jsx_runtime.jsx)(InlineLanguageUI,{value,onChange,onClose:togglePopover,contentRef})]})},title:language_title};function InlineLanguageUI({value,contentRef,onChange,onClose}){const popoverAnchor=(0,rich_text_build_module.d6)({editableContentElement:contentRef.current,settings:language_language}),[lang,setLang]=(0,react.useState)(""),[dir,setDir]=(0,react.useState)("ltr");return(0,jsx_runtime.jsx)(popover.Ay,{className:"block-editor-format-toolbar__language-popover",anchor:popoverAnchor,onClose,children:(0,jsx_runtime.jsxs)(component.A,{as:"form",spacing:4,className:"block-editor-format-toolbar__language-container-content",onSubmit:event=>{event.preventDefault(),onChange((0,rich_text_build_module.Wc)(value,{type:language_name,attributes:{lang,dir}})),onClose()},children:[(0,jsx_runtime.jsx)(text_control.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:language_title,value:lang,onChange:val=>setLang(val),help:(0,i18n_build_module.__)('A valid language attribute, like "en" or "fr".')}),(0,jsx_runtime.jsx)(select_control.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,i18n_build_module.__)("Text direction"),value:dir,options:[{label:(0,i18n_build_module.__)("Left to right"),value:"ltr"},{label:(0,i18n_build_module.__)("Right to left"),value:"rtl"}],onChange:val=>setDir(val)}),(0,jsx_runtime.jsx)(h_stack_component.A,{alignment:"right",children:(0,jsx_runtime.jsx)(build_module_button.Ay,{__next40pxDefaultSize:!0,variant:"primary",type:"submit",text:(0,i18n_build_module.__)("Apply")})})]})})}const non_breaking_space_title=(0,i18n_build_module.__)("Non breaking space");[bold,code_code,image_image,italic,link_link,strikethrough,underline,text_color_textColor,subscript_subscript,superscript_superscript,keyboard,unknown,language_language,{name:"core/non-breaking-space",title:non_breaking_space_title,tagName:"nbsp",className:null,edit:({value,onChange})=>(0,jsx_runtime.jsx)(build_module.aX,{type:"primaryShift",character:" ",onUse:function addNonBreakingSpace(){onChange((0,rich_text_build_module.Yr)(value," "))}})}].forEach((({name,...settings})=>(0,rich_text_build_module.DE)(name,settings)));var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),style_lazy=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[16].use[2]!./node_modules/sass-loader/dist/cjs.js!./storybook/stories/playground/fullpage/style.lazy.scss"),exported={};style_lazy.A&&style_lazy.A.locals&&(exported.locals=style_lazy.A.locals);var update,refs=0,options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),exported.use=function(){return refs++||(update=injectStylesIntoStyleTag_default()(style_lazy.A,options)),exported},exported.unuse=function(){refs>0&&! --refs&&(update(),update=null)};const fullpage_style_lazy=exported,editorStyles=[{css:'\n body {\n font-family: Arial;\n font-size: 16px;\n }\n p {\n font-size: inherit;\n line-height: inherit;\n }\n ul,\n ol {\n margin: 0;\n padding: 0;\n }\n \n ul li,\n ol li {\n margin-bottom: initial;\n }\n \n ul {\n list-style-type: disc;\n }\n \n ol {\n list-style-type: decimal;\n }\n \n ul ul,\n ol ul {\n list-style-type: circle;\n }\n \n .wp-block {\n max-width: 700px; \n margin-left: auto;\n margin-right: auto;\n }\n .wp-block[data-align="wide"],\n .wp-block.alignwide {\n max-width: 900px;\n }\n .wp-block[data-align="full"],\n .wp-block.alignfull {\n max-width: none;\n }\n '}];function EditorFullPage(){const[blocks,updateBlocks]=(0,react.useState)([]);return(0,react.useEffect)((()=>{(0,block_library_build_module.JK)()}),[]),(0,react.useEffect)((()=>(fullpage_style_lazy.use(),fullpage_style_lazy.unuse))),(0,jsx_runtime.jsx)("div",{className:"playground",onKeyDown:event=>event.stopPropagation(),children:(0,jsx_runtime.jsxs)(build_module.oS,{value:blocks,onInput:updateBlocks,onChange:updateBlocks,children:[(0,jsx_runtime.jsx)("div",{className:"playground__sidebar",children:(0,jsx_runtime.jsx)(build_module.Nh,{})}),(0,jsx_runtime.jsx)("div",{className:"playground__content",children:(0,jsx_runtime.jsx)(build_module.Eo,{height:"100%",styles:editorStyles})})]})})}EditorFullPage.__docgenInfo={description:"",methods:[],displayName:"EditorFullPage"};var runtime_injectStylesIntoStyleTag=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),runtime_injectStylesIntoStyleTag_default=__webpack_require__.n(runtime_injectStylesIntoStyleTag),runtime_styleDomAPI=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/styleDomAPI.js"),runtime_styleDomAPI_default=__webpack_require__.n(runtime_styleDomAPI),runtime_insertBySelector=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/insertBySelector.js"),runtime_insertBySelector_default=__webpack_require__.n(runtime_insertBySelector),runtime_setAttributesWithoutAttributes=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),runtime_setAttributesWithoutAttributes_default=__webpack_require__.n(runtime_setAttributesWithoutAttributes),runtime_insertStyleElement=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/insertStyleElement.js"),runtime_insertStyleElement_default=__webpack_require__.n(runtime_insertStyleElement),runtime_styleTagTransform=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/style-loader/dist/runtime/styleTagTransform.js"),runtime_styleTagTransform_default=__webpack_require__.n(runtime_styleTagTransform),style=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./storybook/stories/playground/box/style.css"),style_options={};style_options.styleTagTransform=runtime_styleTagTransform_default(),style_options.setAttributes=runtime_setAttributesWithoutAttributes_default(),style_options.insert=runtime_insertBySelector_default().bind(null,"head"),style_options.domAPI=runtime_styleDomAPI_default(),style_options.insertStyleElement=runtime_insertStyleElement_default();runtime_injectStylesIntoStyleTag_default()(style.A,style_options);style.A&&style.A.locals&&style.A.locals;function EditorBox(){const[blocks,updateBlocks]=(0,react.useState)([]);return(0,react.useEffect)((()=>{(0,block_library_build_module.JK)()}),[]),(0,jsx_runtime.jsx)("div",{className:"editor-box",onKeyDown:event=>event.stopPropagation(),children:(0,jsx_runtime.jsxs)(build_module.oS,{value:blocks,onInput:updateBlocks,onChange:updateBlocks,settings:{hasFixedToolbar:!0},children:[(0,jsx_runtime.jsx)(build_module.Lz,{hideDragHandle:!0}),(0,jsx_runtime.jsx)(build_module.Eo,{height:"500px",styles:editor_styles_namespaceObject.default})]})})}EditorBox.__docgenInfo={description:"",methods:[],displayName:"EditorBox"};var undo_manager_build_module=__webpack_require__("./packages/undo-manager/build-module/index.js");function undoRedoReducer(state,action){switch(action.type){case"UNDO":{const undoRecord=state.manager.undo();return undoRecord?{...state,value:undoRecord[0].changes.prop.from}:state}case"REDO":{const redoRecord=state.manager.redo();return redoRecord?{...state,value:redoRecord[0].changes.prop.to}:state}case"RECORD":return state.manager.addRecord([{id:"object",changes:{prop:{from:state.value,to:action.value}}}],action.isStaged),{...state,value:action.value}}return state}function initReducer(value){return{manager:(0,undo_manager_build_module.u)(),value}}var library_undo=__webpack_require__("./packages/icons/build-module/library/undo.js"),library_redo=__webpack_require__("./packages/icons/build-module/library/redo.js"),with_undo_redo_style=__webpack_require__("./node_modules/@storybook/builder-webpack5/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./storybook/stories/playground/with-undo-redo/style.css"),with_undo_redo_style_options={};with_undo_redo_style_options.styleTagTransform=runtime_styleTagTransform_default(),with_undo_redo_style_options.setAttributes=runtime_setAttributesWithoutAttributes_default(),with_undo_redo_style_options.insert=runtime_insertBySelector_default().bind(null,"head"),with_undo_redo_style_options.domAPI=runtime_styleDomAPI_default(),with_undo_redo_style_options.insertStyleElement=runtime_insertStyleElement_default();runtime_injectStylesIntoStyleTag_default()(with_undo_redo_style.A,with_undo_redo_style_options);with_undo_redo_style.A&&with_undo_redo_style.A.locals&&with_undo_redo_style.A.locals;function EditorWithUndoRedo(){const{value,setValue,hasUndo,hasRedo,undo,redo}=function useStateWithHistory(initialValue){const[state,dispatch]=(0,react.useReducer)(undoRedoReducer,initialValue,initReducer);return{value:state.value,setValue:(0,react.useCallback)(((newValue,isStaged)=>{dispatch({type:"RECORD",value:newValue,isStaged})}),[]),hasUndo:state.manager.hasUndo(),hasRedo:state.manager.hasRedo(),undo:(0,react.useCallback)((()=>{dispatch({type:"UNDO"})}),[]),redo:(0,react.useCallback)((()=>{dispatch({type:"REDO"})}),[])}}({blocks:[]});return(0,react.useEffect)((()=>{(0,block_library_build_module.JK)()}),[]),(0,jsx_runtime.jsx)("div",{className:"editor-with-undo-redo",onKeyDown:event=>event.stopPropagation(),children:(0,jsx_runtime.jsxs)(build_module.oS,{value:value.blocks,selection:value.selection,onInput:(blocks,{selection})=>setValue({blocks,selection},!0),onChange:(blocks,{selection})=>setValue({blocks,selection},!1),settings:{hasFixedToolbar:!0},children:[(0,jsx_runtime.jsxs)("div",{className:"editor-with-undo-redo__toolbar",children:[(0,jsx_runtime.jsx)(build_module_button.Ay,{onClick:undo,disabled:!hasUndo,accessibleWhenDisabled:!0,icon:library_undo.A,label:"Undo",size:"compact"}),(0,jsx_runtime.jsx)(build_module_button.Ay,{onClick:redo,disabled:!hasRedo,accessibleWhenDisabled:!0,icon:library_redo.A,label:"Redo",size:"compact"}),(0,jsx_runtime.jsx)(build_module.Lz,{hideDragHandle:!0})]}),(0,jsx_runtime.jsx)(build_module.Eo,{height:"100%",styles:editor_styles_namespaceObject.default})]})})}EditorWithUndoRedo.__docgenInfo={description:"",methods:[],displayName:"EditorWithUndoRedo"};var blocks_build_module=__webpack_require__("./packages/blocks/build-module/index.js");const{unlock:zoom_out_unlock}=(0,implementation.yf)("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.","@wordpress/edit-site");function EnableZoomOut({zoomLevel}){const{setZoomLevel}=zoom_out_unlock((0,use_dispatch.A)(build_module.M_));return(0,react.useEffect)((()=>{setZoomLevel(zoomLevel?zoomLevel/100:"auto-scaled")}),[setZoomLevel,zoomLevel]),null}function EditorZoomOut({zoomLevel}){const[blocks,updateBlocks]=(0,react.useState)([]);return(0,react.useEffect)((()=>{(0,block_library_build_module.JK)(),updateBlocks((0,blocks_build_module.qg)('\x3c!-- wp:cover {"customOverlayColor":"#eb4c77","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"6vw","right":"6vw","bottom":"6vw","left":"6vw"},"margin":{"top":"0"}}}} --\x3e\n
\x3c!-- wp:group {"style":{"spacing":{"blockGap":"0vw"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"top"}} --\x3e\n
\x3c!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"600px"}} --\x3e\n
\x3c!-- wp:heading {"textAlign":"left","align":"wide","style":{"typography":{"fontSize":"100px","textTransform":"none","fontStyle":"normal","fontWeight":"500","lineHeight":"0.9"}},"textColor":"contrast"} --\x3e\n

Time for an adventure

\n\x3c!-- /wp:heading --\x3e\n\n\x3c!-- wp:spacer {"height":"24px"} --\x3e\n\n\x3c!-- /wp:spacer --\x3e\n\n\x3c!-- wp:paragraph {"align":"left","textColor":"contrast"} --\x3e\n

Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home.

\n\x3c!-- /wp:paragraph --\x3e\n\n\x3c!-- wp:spacer {"height":"60px"} --\x3e\n\n\x3c!-- /wp:spacer --\x3e\n\n\x3c!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"nowrap"}} --\x3e\n
\x3c!-- wp:button {"backgroundColor":"contrast","textColor":"base","style":{"spacing":{"padding":{"top":"24px","right":"48px","bottom":"24px","left":"48px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","letterSpacing":"0px"},"border":{"radius":"0px"}},"className":"is-style-fill"} --\x3e\n
Sign up
\n\x3c!-- /wp:button --\x3e
\n\x3c!-- /wp:buttons --\x3e
\n\x3c!-- /wp:group --\x3e\n\n\x3c!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"blockGap":"24px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top","justifyContent":"right"}} --\x3e\n
\x3c!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}},"layout":{"type":"default"}} --\x3e\n
\x3c!-- wp:spacer {"height":"8vw"} --\x3e\n\n\x3c!-- /wp:spacer --\x3e\n\n
\n\x3c!-- /wp:group --\x3e\n\n
\n\x3c!-- /wp:group --\x3e
\n\x3c!-- /wp:group --\x3e
\n\x3c!-- /wp:cover --\x3e'))}),[]),(0,jsx_runtime.jsx)("div",{className:"editor-zoom-out",onKeyDown:event=>event.stopPropagation(),style:{border:"1px solid gray"},children:(0,jsx_runtime.jsxs)(build_module.oS,{value:blocks,onInput:updateBlocks,onChange:updateBlocks,children:[(0,jsx_runtime.jsx)(EnableZoomOut,{zoomLevel}),(0,jsx_runtime.jsxs)(build_module.Eo,{height:"500px",styles:editor_styles_namespaceObject.default,children:[(0,jsx_runtime.jsx)("style",{children:'/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Colors\n */\n/**\n * Breakpoints & Media Queries\n */\n/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don\'t add to this sheet unless you\'re pretty sure the value will be reused in many places.\n * For example, don\'t add rules to this sheet that affect block visuals. It\'s purely for UI.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Colors\n */\n/**\n * Fonts & basic variables.\n */\n/**\n * Typography\n */\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n/**\n * Radius scale.\n */\n/**\n * Elevation scale.\n */\n/**\n * Dimensions.\n */\n/**\n * Mobile specific styles\n */\n/**\n * Editor styles.\n */\n/**\n * Block & Editor UI.\n */\n/**\n * Block paddings.\n */\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n/**\n* Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n/**\n * Typography\n */\n/**\n * Breakpoint mixins\n */\n/**\n * Focus styles.\n */\n/**\n * Applies editor left position to the selector passed as argument\n */\n/**\n * Styles that are reused verbatim in a few places\n */\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n:root {\n --wp-admin-theme-color: #007cba;\n --wp-admin-theme-color--rgb: 0, 124, 186;\n --wp-admin-theme-color-darker-10: #006ba1;\n --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;\n --wp-admin-theme-color-darker-20: #005a87;\n --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;\n --wp-admin-border-width-focus: 2px;\n --wp-block-synced-color: #7a00df;\n --wp-block-synced-color--rgb: 122, 0, 223;\n --wp-bound-block-color: var(--wp-block-synced-color);\n}\n@media (min-resolution: 192dpi) {\n :root {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\n.block-editor-block-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n}\n.block-editor-block-icon.has-colors svg {\n fill: currentColor;\n}\n@media (forced-colors: active) {\n .block-editor-block-icon.has-colors svg {\n fill: CanvasText;\n }\n}\n.block-editor-block-icon svg {\n min-width: 20px;\n min-height: 20px;\n max-width: 24px;\n max-height: 24px;\n}\n\n.block-editor-block-styles .block-editor-block-list__block {\n margin: 0;\n}\n\n/**\n * Cross-Block Selection\n */\n@keyframes selection-overlay__fade-in-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: 0.4;\n }\n}\n/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */\n_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,\n_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {\n background-color: transparent;\n}\n\n/* stylelint-enable */\n.block-editor-block-list__layout {\n position: relative;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {\n background: transparent;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {\n content: "";\n position: absolute;\n z-index: 1;\n pointer-events: none;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--wp-admin-theme-color);\n opacity: 0.4;\n animation: selection-overlay__fade-in-animation 0.1s ease-out;\n animation-fill-mode: forwards;\n outline: 2px solid transparent;\n}\n@media (prefers-reduced-motion: reduce) {\n .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {\n animation-duration: 1ms;\n animation-delay: 0s;\n }\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {\n outline-color: transparent;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,\n.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,\n.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {\n outline: none;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,\n.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,\n.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {\n content: "";\n position: absolute;\n pointer-events: none;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-color: var(--wp-admin-theme-color);\n outline-style: solid;\n outline-width: calc(1 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n outline-offset: calc(1 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n z-index: 1;\n}\n.block-editor-block-list__layout [class^=components-] {\n -webkit-user-select: text;\n user-select: text;\n}\n\n.block-editor-block-list__layout .block-editor-block-list__block {\n position: relative;\n overflow-wrap: break-word;\n pointer-events: auto;\n /**\n * Notices\n */\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {\n pointer-events: none;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {\n z-index: 20;\n}\n.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {\n z-index: 1;\n}\n.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {\n margin: -10px 0 12px 0;\n}\n.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {\n margin: 0 0 12px 0;\n width: 100%;\n}\n.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {\n font-size: 13px;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-warning {\n min-height: 48px;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {\n pointer-events: none;\n -webkit-user-select: none;\n user-select: none;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {\n pointer-events: all;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(255, 255, 255, 0.4);\n}\n.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {\n background-color: transparent;\n}\n.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after {\n box-shadow: 0 0 0 1px var(--wp-admin-theme-color);\n}\n.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {\n float: none;\n}\n\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered {\n cursor: default;\n}\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text {\n cursor: auto;\n}\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {\n content: "";\n position: absolute;\n pointer-events: none;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-color: var(--wp-admin-theme-color);\n outline-style: solid;\n outline-width: calc(1 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n outline-offset: calc(1 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n}\n\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {\n outline-color: var(--wp-block-synced-color);\n}\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,\n.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {\n outline-color: var(--wp-block-synced-color);\n}\n\n@keyframes block-editor-is-editable__animation {\n from {\n background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);\n }\n to {\n background-color: rgba(var(--wp-admin-theme-color--rgb), 0);\n }\n}\n@keyframes block-editor-is-editable__animation_reduce-motion {\n 0% {\n background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);\n }\n 99% {\n background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);\n }\n 100% {\n background-color: rgba(var(--wp-admin-theme-color--rgb), 0);\n }\n}\n.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {\n animation-name: block-editor-is-editable__animation;\n animation-duration: 0.8s;\n animation-timing-function: ease-out;\n animation-delay: 0.1s;\n animation-fill-mode: backwards;\n bottom: 0;\n content: "";\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n}\n@media (prefers-reduced-motion: reduce) {\n .is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {\n animation-name: block-editor-is-editable__animation_reduce-motion;\n animation-delay: 0s;\n }\n}\n\n.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {\n opacity: 0.2;\n transition: opacity 0.1s linear;\n}\n@media (prefers-reduced-motion: reduce) {\n .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {\n opacity: 1;\n}\n\n.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,\n.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,\n.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block {\n opacity: 1;\n}\n\n.wp-block[data-align=left] > *,\n.wp-block[data-align=right] > *,\n.wp-block.alignleft,\n.wp-block.alignright {\n z-index: 21;\n}\n\n.wp-site-blocks > [data-align=left] {\n float: left;\n margin-right: 2em;\n}\n\n.wp-site-blocks > [data-align=right] {\n float: right;\n margin-left: 2em;\n}\n\n.wp-site-blocks > [data-align=center] {\n justify-content: center;\n margin-left: auto;\n margin-right: auto;\n}\n\n/**\n * In-Canvas Inserter\n */\n.block-editor-block-list .block-editor-inserter {\n margin: 8px;\n cursor: move;\n cursor: grab;\n}\n\n@keyframes block-editor-inserter__toggle__fade-in-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.wp-block .block-list-appender .block-editor-inserter__toggle {\n animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;\n animation-fill-mode: forwards;\n}\n@media (prefers-reduced-motion: reduce) {\n .wp-block .block-list-appender .block-editor-inserter__toggle {\n animation-duration: 1ms;\n animation-delay: 0s;\n }\n}\n\n.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {\n display: none;\n}\n.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {\n opacity: 0;\n transform: scale(0);\n}\n\n.block-editor-block-list__block .block-editor-block-list__block-html-textarea {\n display: block;\n margin: 0;\n padding: 12px;\n width: 100%;\n border: none;\n outline: none;\n border-radius: 2px;\n box-shadow: inset 0 0 0 1px #1e1e1e;\n resize: none;\n overflow: hidden;\n font-family: Menlo, Consolas, monaco, monospace;\n font-size: 15px;\n line-height: 1.5;\n transition: padding 0.2s linear;\n}\n@media (prefers-reduced-motion: reduce) {\n .block-editor-block-list__block .block-editor-block-list__block-html-textarea {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n}\n.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {\n box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n}\n\n/**\n * Warnings.\n */\n.block-editor-block-list__block .block-editor-warning {\n z-index: 5;\n position: relative;\n}\n.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {\n margin-bottom: auto;\n}\n\n.block-editor-block-list__zoom-out-separator {\n /* same color as the iframe\'s background */\n background: #ddd;\n margin-left: -1px;\n margin-right: -1px;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n color: #000;\n font-weight: normal;\n}\n.is-zoomed-out .block-editor-block-list__zoom-out-separator {\n font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));\n}\n.block-editor-block-list__zoom-out-separator.is-dragged-over {\n background: #ccc;\n}\n\n.has-global-padding > .block-editor-block-list__zoom-out-separator,\n.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {\n max-width: none;\n margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;\n}\n\n.is-dragging {\n cursor: grabbing;\n}\n\n.is-vertical .block-list-appender {\n width: 24px;\n margin-right: auto;\n margin-top: 12px;\n margin-left: 12px;\n}\n\n.block-list-appender > .block-editor-inserter {\n display: block;\n}\n\n.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {\n opacity: 0;\n transform: scale(0);\n}\n\n.block-editor-block-list__block.has-block-overlay {\n cursor: default;\n}\n.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {\n pointer-events: none;\n}\n.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {\n left: 0;\n right: 0;\n width: auto;\n}\n\n.block-editor-block-list__layout .is-dragging {\n opacity: 0.1 !important;\n border-radius: 2px !important;\n}\n.block-editor-block-list__layout .is-dragging iframe {\n pointer-events: none;\n}\n.block-editor-block-list__layout .is-dragging::selection {\n background: transparent !important;\n}\n.block-editor-block-list__layout .is-dragging::after {\n content: none !important;\n}\n\n.wp-block img:not([draggable]),\n.wp-block svg:not([draggable]) {\n pointer-events: none;\n}\n\n.block-editor-block-preview__content-iframe .block-list-appender {\n display: none;\n}\n\n.block-editor-block-preview__live-content * {\n pointer-events: none;\n}\n.block-editor-block-preview__live-content .block-list-appender {\n display: none;\n}\n.block-editor-block-preview__live-content .components-button:disabled {\n opacity: initial;\n}\n.block-editor-block-preview__live-content .components-placeholder,\n.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {\n display: none;\n}\n\n.block-editor-block-variation-picker__variations,\n.block-editor-block-variation-picker__skip,\n.wp-block-group-placeholder__variations {\n list-style: none;\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n padding: 0;\n margin: 0;\n gap: 8px;\n font-size: 12px;\n}\n.block-editor-block-variation-picker__variations svg,\n.block-editor-block-variation-picker__skip svg,\n.wp-block-group-placeholder__variations svg {\n fill: #949494 !important;\n}\n.block-editor-block-variation-picker__variations .components-button,\n.block-editor-block-variation-picker__skip .components-button,\n.wp-block-group-placeholder__variations .components-button {\n padding: 4px;\n}\n.block-editor-block-variation-picker__variations .components-button:hover,\n.block-editor-block-variation-picker__skip .components-button:hover,\n.wp-block-group-placeholder__variations .components-button:hover {\n background: none !important;\n}\n.block-editor-block-variation-picker__variations .components-button:hover svg,\n.block-editor-block-variation-picker__skip .components-button:hover svg,\n.wp-block-group-placeholder__variations .components-button:hover svg {\n fill: var(--wp-admin-theme-color) !important;\n}\n.block-editor-block-variation-picker__variations > li,\n.block-editor-block-variation-picker__skip > li,\n.wp-block-group-placeholder__variations > li {\n width: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n}\n\n.block-editor-button-block-appender {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: auto;\n color: #1e1e1e;\n box-shadow: inset 0 0 0 1px #1e1e1e;\n}\n.is-dark-theme .block-editor-button-block-appender {\n color: rgba(255, 255, 255, 0.65);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);\n}\n.block-editor-button-block-appender:hover {\n color: var(--wp-admin-theme-color);\n box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);\n}\n.block-editor-button-block-appender:focus {\n box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);\n}\n.block-editor-button-block-appender:active {\n color: #000;\n}\n\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {\n pointer-events: none;\n}\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::after {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n border: 1px dashed currentColor;\n}\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {\n opacity: 0;\n}\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within {\n opacity: 1;\n}\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after {\n border: none;\n}\n.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {\n visibility: visible;\n}\n.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {\n border: none;\n}\n.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {\n background-color: var(--wp-admin-theme-color);\n box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);\n color: rgba(255, 255, 255, 0.65);\n transition: background-color 0.2s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {\n transition: none;\n }\n}\n\n/**\n * Default block appender.\n *\n * This component shows up in 3 places:\n * - the black plus that sits at the end of the canvas, if the last block isn\'t a paragraph\n * - on the right, inside empty paragraphs\n * - absolute positioned and blue inside nesting containers\n */\n.block-editor-default-block-appender {\n clear: both;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n}\n.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {\n outline: 1px solid transparent;\n}\n.block-editor-default-block-appender .block-editor-default-block-appender__content {\n opacity: 0.62;\n margin-block-start: 0;\n margin-block-end: 0;\n}\n.block-editor-default-block-appender .components-drop-zone__content-icon {\n display: none;\n}\n.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {\n background: #1e1e1e;\n color: #fff;\n padding: 0;\n min-width: 24px;\n height: 24px;\n}\n.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {\n color: #fff;\n background: var(--wp-admin-theme-color);\n}\n\n.block-editor-default-block-appender .block-editor-inserter {\n position: absolute;\n top: 0;\n right: 0;\n line-height: 0;\n}\n.block-editor-default-block-appender .block-editor-inserter:disabled {\n display: none;\n}\n\n/**\n * Fixed position appender (right bottom corner).\n *\n * These styles apply to all in-canvas inserters. All in-canvas inserters always\n * exist within a block.\n */\n.block-editor-block-list__block .block-list-appender {\n position: absolute;\n list-style: none;\n padding: 0;\n z-index: 2;\n bottom: 0;\n right: 0;\n}\n.block-editor-block-list__block .block-list-appender.block-list-appender {\n margin: 0;\n line-height: 0;\n}\n.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {\n display: none;\n}\n.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {\n height: 24px;\n}\n.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,\n.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {\n flex-direction: row;\n box-shadow: none;\n height: 24px;\n width: 24px;\n min-width: 24px;\n display: none;\n padding: 0 !important;\n background: #1e1e1e;\n color: #fff;\n}\n.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,\n.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {\n color: #fff;\n background: var(--wp-admin-theme-color);\n}\n.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {\n display: none;\n}\n.block-editor-block-list__block .block-list-appender:only-child {\n position: relative;\n right: auto;\n align-self: center;\n list-style: none;\n line-height: inherit;\n}\n.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {\n display: block;\n}\n\n.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,\n.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,\n.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,\n.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {\n display: flex;\n}\n\n.block-editor-default-block-appender__content {\n cursor: text;\n}\n\n.block-editor-iframe__body {\n position: relative;\n}\n\n.block-editor-iframe__html {\n transform-origin: top center;\n transition: background-color 400ms;\n}\n.block-editor-iframe__html.zoom-out-animation {\n position: fixed;\n left: 0;\n right: 0;\n top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));\n bottom: 0;\n overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);\n}\n.block-editor-iframe__html.is-zoomed-out {\n transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);\n background-color: #ddd;\n margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));\n padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));\n padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));\n}\n.block-editor-iframe__html.is-zoomed-out body {\n min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));\n}\n.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {\n flex: 1;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {\n flex: 1;\n}\n.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {\n cursor: grab;\n}\n\n.block-editor-media-placeholder__url-input-form {\n min-width: 260px;\n}\n@media (min-width: 600px) {\n .block-editor-media-placeholder__url-input-form {\n width: 300px;\n }\n}\n\n.block-editor-media-placeholder__cancel-button.is-link {\n margin: 1em;\n display: block;\n}\n\n.block-editor-media-placeholder.is-appender {\n min-height: 0;\n}\n.block-editor-media-placeholder.is-appender:hover {\n cursor: pointer;\n box-shadow: 0 0 0 1px var(--wp-admin-theme-color);\n}\n\n.block-editor-plain-text {\n box-shadow: none;\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n line-height: inherit;\n border: none;\n padding: 0;\n margin: 0;\n width: 100%;\n}\n\n.rich-text [data-rich-text-placeholder] {\n pointer-events: none;\n}\n.rich-text [data-rich-text-placeholder]::after {\n content: attr(data-rich-text-placeholder);\n opacity: 0.62;\n}\n.rich-text:focus {\n outline: none;\n}\n\nfigcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {\n opacity: 0.8;\n}\n\n[data-rich-text-script] {\n display: inline;\n}\n[data-rich-text-script]::before {\n content: "";\n background: rgb(255, 255, 0);\n}\n\n[data-rich-text-comment],\n[data-rich-text-format-boundary] {\n border-radius: 2px;\n}\n\n[data-rich-text-comment] {\n background-color: currentColor;\n}\n[data-rich-text-comment] span {\n filter: invert(100%);\n color: currentColor;\n padding: 0 2px;\n}\n\n.block-editor-warning {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n padding: 1em;\n border: 1px solid #1e1e1e;\n border-radius: 2px;\n background-color: #fff;\n}\n.block-editor-warning .block-editor-warning__message {\n line-height: 1.4;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n font-size: 13px;\n color: #1e1e1e;\n margin: 0;\n}\n.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {\n min-height: auto;\n}\n.block-editor-warning .block-editor-warning__contents {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: baseline;\n width: 100%;\n gap: 12px;\n}\n.block-editor-warning .block-editor-warning__actions {\n align-items: center;\n display: flex;\n gap: 8px;\n}\n\n.components-popover.block-editor-warning__dropdown {\n z-index: 99998;\n}\n\nbody.admin-color-light {\n --wp-admin-theme-color: #0085ba;\n --wp-admin-theme-color--rgb: 0, 133, 186;\n --wp-admin-theme-color-darker-10: #0073a1;\n --wp-admin-theme-color-darker-10--rgb: 0, 115, 161;\n --wp-admin-theme-color-darker-20: #006187;\n --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-light {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-modern {\n --wp-admin-theme-color: #3858e9;\n --wp-admin-theme-color--rgb: 56, 88, 233;\n --wp-admin-theme-color-darker-10: #2145e6;\n --wp-admin-theme-color-darker-10--rgb: 33, 69, 230;\n --wp-admin-theme-color-darker-20: #183ad6;\n --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-modern {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-blue {\n --wp-admin-theme-color: #096484;\n --wp-admin-theme-color--rgb: 9, 100, 132;\n --wp-admin-theme-color-darker-10: #07526c;\n --wp-admin-theme-color-darker-10--rgb: 7, 82, 108;\n --wp-admin-theme-color-darker-20: #064054;\n --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-blue {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-coffee {\n --wp-admin-theme-color: #46403c;\n --wp-admin-theme-color--rgb: 70, 64, 60;\n --wp-admin-theme-color-darker-10: #383330;\n --wp-admin-theme-color-darker-10--rgb: 56, 51, 48;\n --wp-admin-theme-color-darker-20: #2b2724;\n --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-coffee {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-ectoplasm {\n --wp-admin-theme-color: #523f6d;\n --wp-admin-theme-color--rgb: 82, 63, 109;\n --wp-admin-theme-color-darker-10: #46365d;\n --wp-admin-theme-color-darker-10--rgb: 70, 54, 93;\n --wp-admin-theme-color-darker-20: #3a2c4d;\n --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-ectoplasm {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-midnight {\n --wp-admin-theme-color: #e14d43;\n --wp-admin-theme-color--rgb: 225, 77, 67;\n --wp-admin-theme-color-darker-10: #dd382d;\n --wp-admin-theme-color-darker-10--rgb: 221, 56, 45;\n --wp-admin-theme-color-darker-20: #d02c21;\n --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-midnight {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-ocean {\n --wp-admin-theme-color: #627c83;\n --wp-admin-theme-color--rgb: 98, 124, 131;\n --wp-admin-theme-color-darker-10: #576e74;\n --wp-admin-theme-color-darker-10--rgb: 87, 110, 116;\n --wp-admin-theme-color-darker-20: #4c6066;\n --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-ocean {\n --wp-admin-border-width-focus: 1.5px;\n }\n}\n\nbody.admin-color-sunrise {\n --wp-admin-theme-color: #dd823b;\n --wp-admin-theme-color--rgb: 221, 130, 59;\n --wp-admin-theme-color-darker-10: #d97426;\n --wp-admin-theme-color-darker-10--rgb: 217, 116, 38;\n --wp-admin-theme-color-darker-20: #c36922;\n --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;\n --wp-admin-border-width-focus: 2px;\n}\n@media (min-resolution: 192dpi) {\n body.admin-color-sunrise {\n --wp-admin-border-width-focus: 1.5px;\n }\n}'}),(0,jsx_runtime.jsx)(build_module.m9,{})]})]})})}EditorZoomOut.__docgenInfo={description:"",methods:[],displayName:"EditorZoomOut"};const index_story={title:"Playground/Block Editor",parameters:{sourceLink:"storybook/stories",badges:[],sourceLink:"storybook/stories/playground"}},_default=()=>(0,jsx_runtime.jsx)(EditorFullPage,{});_default.parameters={sourceLink:"storybook/stories/playground/fullpage/index.js"};const Box=()=>(0,jsx_runtime.jsx)(EditorBox,{});Box.parameters={sourceLink:"storybook/stories/playground/box/index.js"};const UndoRedo=()=>(0,jsx_runtime.jsx)(EditorWithUndoRedo,{});UndoRedo.parameters={sourceLink:"storybook/stories/playground/with-undo-redo/index.js"};const ZoomOut=props=>(0,jsx_runtime.jsx)(EditorZoomOut,{...props});ZoomOut.parameters={sourceLink:"storybook/stories/playground/zoom-out/index.js"},ZoomOut.argTypes={zoomLevel:{control:{type:"range",min:10,max:100,step:5}}},_default.parameters={..._default.parameters,docs:{..._default.parameters?.docs,source:{originalSource:"() => {\n return ;\n}",..._default.parameters?.docs?.source}}},Box.parameters={...Box.parameters,docs:{...Box.parameters?.docs,source:{originalSource:"() => {\n return ;\n}",...Box.parameters?.docs?.source}}},UndoRedo.parameters={...UndoRedo.parameters,docs:{...UndoRedo.parameters?.docs,source:{originalSource:"() => {\n return ;\n}",...UndoRedo.parameters?.docs?.source}}},ZoomOut.parameters={...ZoomOut.parameters,docs:{...ZoomOut.parameters?.docs,source:{originalSource:"props => {\n return ;\n}",...ZoomOut.parameters?.docs?.source}}}},"./packages/icons/build-module/library/color.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"})})},"./packages/icons/build-module/library/format-bold.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M14.7 11.3c1-.6 1.5-1.6 1.5-3 0-2.3-1.3-3.4-4-3.4H7v14h5.8c1.4 0 2.5-.3 3.3-1 .8-.7 1.2-1.7 1.2-2.9.1-1.9-.8-3.1-2.6-3.7zm-5.1-4h2.3c.6 0 1.1.1 1.4.4.3.3.5.7.5 1.2s-.2 1-.5 1.2c-.3.3-.8.4-1.4.4H9.6V7.3zm4.6 9c-.4.3-1 .4-1.7.4H9.6v-3.9h2.9c.7 0 1.3.2 1.7.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5z"})})},"./packages/icons/build-module/library/format-italic.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M12.5 5L10 19h1.9l2.5-14z"})})},"./packages/icons/build-module/library/redo.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z"})})},"./packages/icons/build-module/library/undo.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z"})})},"./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[16].use[2]!./node_modules/sass-loader/dist/cjs.js!./storybook/stories/playground/fullpage/style.lazy.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,':root{box-sizing:border-box}:root *,:root *::before,:root *::after{box-sizing:inherit}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px}a,div{outline:0}.playground img{max-width:100%;height:auto}.playground iframe{width:100%}.playground__content{position:fixed;top:0;right:0;bottom:0;left:0}@media(min-width: 600px){.playground__content{right:280px}}.playground__sidebar{position:fixed;top:0;right:0;bottom:0;width:280px;border-left:1px solid #ddd;height:auto;overflow:auto;-webkit-overflow-scrolling:touch;display:none}@media(min-width: 600px){.playground__sidebar{display:block}}',"",{version:3,sources:["webpack://./storybook/stories/playground/fullpage/reset.scss","webpack://./packages/base-styles/_mixins.scss","webpack://./packages/base-styles/_variables.scss","webpack://./storybook/stories/playground/fullpage/style.lazy.scss"],names:[],mappings:"AAAA,MCoaC,qBAAA,CAEA,uCAGC,kBAAA,CDraF,UAEC,QAAA,CACA,SAAA,CACA,uHEMc,CFLd,cEekB,CFZnB,MAEC,SAAA,CGJA,gBACC,cAAA,CACA,WAAA,CAGD,mBACC,UAAA,CAIF,qBACC,cAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CFuFA,yBE5FD,qBAOE,WDgGc,CAAA,CC5FhB,qBACC,cAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,WDuFe,CCtFf,0BAAA,CACA,WAAA,CACA,aAAA,CACA,gCAAA,CAGA,YAAA,CFqEA,yBEjFD,qBAcE,aAAA,CAAA",sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); \ No newline at end of file diff --git a/popover-stories-index-story.aef7170a.iframe.bundle.js b/popover-stories-index-story.aef7170a.iframe.bundle.js new file mode 100644 index 00000000000000..710a727381308d --- /dev/null +++ b/popover-stories-index-story.aef7170a.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see popover-stories-index-story.aef7170a.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8653],{"./packages/components/src/popover/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AllPlacements:()=>AllPlacements,Default:()=>Default,DynamicHeight:()=>DynamicHeight,Unstyled:()=>Unstyled,WithSlotOutsideIframe:()=>WithSlotOutsideIframe,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),src_button=__webpack_require__("./packages/components/src/button/index.tsx"),popover=__webpack_require__("./packages/components/src/popover/index.tsx"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),slot_fill=__webpack_require__("./packages/components/src/slot-fill/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const GenericIframe=({children,...props})=>{const[containerNode,setContainerNode]=(0,react.useState)();return(0,jsx_runtime.jsx)("iframe",{...props,title:"My Iframe",srcDoc:"",onLoad:event=>{event.currentTarget.contentDocument&&setContainerNode(event.currentTarget.contentDocument.body)},children:containerNode&&(0,react_dom.createPortal)(children,containerNode)})},PopoverInsideIframeRenderedInExternalSlot=props=>{const[anchorRef,setAnchorRef]=(0,react.useState)(null);return(0,jsx_runtime.jsxs)(slot_fill.Kq,{children:[(0,jsx_runtime.jsx)(popover.Ay.Slot,{name:"my-slot"}),(0,jsx_runtime.jsx)(GenericIframe,{style:{width:"100%",height:"400px",border:"0",outline:"1px solid purple"},children:(0,jsx_runtime.jsxs)("div",{style:{height:"200vh",paddingTop:"10vh"},children:[(0,jsx_runtime.jsx)("p",{style:{padding:"8px",background:"salmon",maxWidth:"200px",marginTop:"100px",marginLeft:"auto",marginRight:"auto"},ref:setAnchorRef,children:"Popover's anchor"}),(0,jsx_runtime.jsx)(popover.Ay,{...props,__unstableSlotName:"my-slot",anchor:anchorRef})]})})]})};try{PopoverInsideIframeRenderedInExternalSlot.displayName="PopoverInsideIframeRenderedInExternalSlot",PopoverInsideIframeRenderedInExternalSlot.__docgenInfo={description:"",displayName:"PopoverInsideIframeRenderedInExternalSlot",props:{animate:{defaultValue:{value:"true"},description:"Whether the popover should animate when opening.",name:"animate",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The `children` elements rendered as the popover's content.",name:"children",required:!0,type:{name:"ReactNode"}},inline:{defaultValue:{value:"false"},description:"Whether to render the popover inline or within the slot.",name:"inline",required:!1,type:{name:"boolean"}},offset:{defaultValue:null,description:"The distance (in px) between the anchor and the popover.",name:"offset",required:!1,type:{name:"number"}},onClose:{defaultValue:null,description:"A callback invoked when the popover should be closed.",name:"onClose",required:!1,type:{name:"() => void"}},anchor:{defaultValue:null,description:"The element that should be used by the popover as its anchor. It can either\nbe an `Element` or, alternatively, a `VirtualElement` — ie. an object with\nthe `getBoundingClientRect()` and the `ownerDocument` properties defined.\n\n**The anchor element should be stored in local state** rather than a\nplain React ref to ensure reactive updating when it changes.",name:"anchor",required:!1,type:{name:"Element | VirtualElement"}},variant:{defaultValue:{value:"undefined"},description:"Specifies the popover's style.\n\nLeave undefined for the default style. Other values are:\n- 'unstyled': The popover is essentially without any visible style, it\n has no background, border, outline or drop shadow, but\n the popover contents are still displayed.\n- 'toolbar': A style that has no elevation, but a high contrast with\n other elements. This is matches the style of the\n `Toolbar` component.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"toolbar"'},{value:'"unstyled"'}]}},placement:{defaultValue:{value:"'bottom-start'"},description:"Used to specify the popover's position with respect to its anchor.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top-end"'},{value:'"top-start"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'},{value:'"overlay"'}]}},position:{defaultValue:null,description:"Legacy way to specify the popover's position with respect to its anchor.\n_Note: this prop is deprecated. Use the `placement` prop instead._",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},resize:{defaultValue:{value:"true"},description:"Adjusts the size of the popover to prevent its contents from going out of\nview when meeting the viewport edges.",name:"resize",required:!1,type:{name:"boolean"}},shift:{defaultValue:{value:"false"},description:"Enables the `Popover` to shift in order to stay in view when meeting the\nviewport edges.",name:"shift",required:!1,type:{name:"boolean"}},__unstableSlotName:{defaultValue:{value:"'Popover'"},description:"The name of the Slot in which the popover should be rendered. It should\nbe also passed to the corresponding `PopoverSlot` component.",name:"__unstableSlotName",required:!1,type:{name:"string"}},expandOnMobile:{defaultValue:null,description:"Show the popover fullscreen on mobile viewports.",name:"expandOnMobile",required:!1,type:{name:"boolean"}},flip:{defaultValue:{value:"true"},description:"Specifies whether the popover should flip across its axis if there isn't\nspace for it in the normal placement.\nWhen the using a 'top' placement, the popover will switch to a 'bottom'\nplacement. When using a 'left' placement, the popover will switch to a\n`right' placement.\nThe popover will retain its alignment of 'start' or 'end' when flipping.",name:"flip",required:!1,type:{name:"boolean"}},constrainTabbing:{defaultValue:{value:"`focusOnMount` !== false"},description:"Determines whether tabbing is constrained to within the popover,\npreventing keyboard focus from leaving the popover content without\nexplicit focus elswhere, or whether the popover remains part of the wider\ntab order. If no value is passed, it will be derived from `focusOnMount`.",name:"constrainTabbing",required:!1,type:{name:"boolean"}},focusOnMount:{defaultValue:{value:"'firstElement'"},description:'By default, the _first tabbable element_ in the popover will receive focus\nwhen it mounts. This is the same as setting this prop to `"firstElement"`.\nSpecifying a `false` value disables the focus handling entirely (this\nshould only be done when an appropriately accessible substitute behavior\nexists).',name:"focusOnMount",required:!1,type:{name:'boolean | "firstElement"'}},onFocusOutside:{defaultValue:null,description:"A callback invoked when the focus leaves the opened popover. This should\nonly be provided in advanced use-cases when a popover should close under\nspecific circumstances (for example, if the new `document.activeElement`\nis content of or otherwise controlling popover visibility).\n\nWhen not provided, the `onClose` callback will be called instead.",name:"onFocusOutside",required:!1,type:{name:"(event: SyntheticEvent) => void"}},headerTitle:{defaultValue:null,description:"Used to customize the header text shown when the popover is toggled to\nfullscreen on mobile viewports (see the `expandOnMobile` prop).",name:"headerTitle",required:!1,type:{name:"string"}},noArrow:{defaultValue:{value:"true"},description:"Used to show/hide the arrow that points at the popover's anchor.",name:"noArrow",required:!1,type:{name:"boolean"}},__unstableForcePosition:{defaultValue:null,description:"Prevent the popover from flipping and resizing when meeting the viewport\nedges. _Note: this prop is deprecated. Instead, provide use the individual\n`flip` and `resize` props._\n@deprecated",name:"__unstableForcePosition",required:!1,type:{name:"boolean"}},anchorRect:{defaultValue:null,description:"An object extending a `DOMRect` with an additional optional `ownerDocument`\nproperty, used to specify a fixed popover position.\n@deprecated",name:"anchorRect",required:!1,type:{name:"DomRectWithOwnerDocument"}},anchorRef:{defaultValue:null,description:"Used to specify a fixed popover position. It can be an `Element`, a React\nreference to an `element`, an object with a `top` and a `bottom` properties\n(both pointing to elements), or a `range`.\n@deprecated",name:"anchorRef",required:!1,type:{name:"Element | PopoverAnchorRefReference | PopoverAnchorRefTopBottom | Range"}},getAnchorRect:{defaultValue:null,description:"A function returning the same value as the one expected by the `anchorRect`\nprop, used to specify a dynamic popover position.\n@deprecated",name:"getAnchorRect",required:!1,type:{name:"(fallbackReferenceElement: Element) => DomRectWithOwnerDocument"}},isAlternate:{defaultValue:null,description:"Used to enable a different visual style for the popover.\n_Note: this prop is deprecated. Use the `variant` prop with the\n'toolbar' value instead._\n@deprecated",name:"isAlternate",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/popover/test/utils/index.tsx#PopoverInsideIframeRenderedInExternalSlot"]={docgenInfo:PopoverInsideIframeRenderedInExternalSlot.__docgenInfo,name:"PopoverInsideIframeRenderedInExternalSlot",path:"packages/components/src/popover/test/utils/index.tsx#PopoverInsideIframeRenderedInExternalSlot"})}catch(__react_docgen_typescript_loader_error){}const AVAILABLE_PLACEMENTS=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end","overlay"],index_story={title:"Components/Overlays/Popover",id:"components-popover",component:popover.AM,argTypes:{anchor:{control:!1},anchorRef:{control:!1},anchorRect:{control:!1},children:{control:!1},focusOnMount:{control:{type:"select"},options:["firstElement",!0,!1]},getAnchorRect:{control:!1},onClose:{action:"onClose"},onFocusOutside:{action:"onFocusOutside"},__unstableSlotName:{control:!1}},parameters:{sourceLink:"packages/components/src/popover",badges:[],controls:{expanded:!0}}},PopoverWithAnchor=args=>{const[popoverAnchor,setPopoverAnchor]=(0,react.useState)(null);return(0,jsx_runtime.jsxs)("div",{style:{height:"200px",display:"flex",justifyContent:"center",alignItems:"center"},children:[(0,jsx_runtime.jsx)("p",{style:{padding:"8px",background:"salmon"},ref:setPopoverAnchor,children:"Popover's anchor"}),(0,jsx_runtime.jsx)(popover.AM,{...args,anchor:popoverAnchor})]})},Default={decorators:[Story=>{const[isVisible,setIsVisible]=(0,react.useState)(!1),buttonRef=(0,react.useRef)();return(0,react.useEffect)((()=>{buttonRef.current?.scrollIntoView?.({block:"center",inline:"center"})}),[]),(0,jsx_runtime.jsx)("div",{style:{width:"300vw",height:"300vh",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,jsx_runtime.jsxs)(src_button.Ay,{variant:"secondary",onClick:()=>{setIsVisible((state=>!state))},ref:buttonRef,children:["Toggle Popover",isVisible&&(0,jsx_runtime.jsx)(Story,{})]})})}],args:{children:(0,jsx_runtime.jsx)("div",{style:{width:"280px",whiteSpace:"normal"},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."})}},Unstyled={...Default,args:{...Default.args,variant:"unstyled"}},AllPlacements={render:({children,...args})=>(0,jsx_runtime.jsxs)("div",{style:{minWidth:"600px",marginLeft:"auto",marginRight:"auto"},children:[(0,jsx_runtime.jsx)("h2",{children:"Resize / scroll the viewport to test the behavior of the popovers when they reach the viewport boundaries."}),(0,jsx_runtime.jsx)("div",{children:AVAILABLE_PLACEMENTS.map((p=>(0,jsx_runtime.jsxs)(PopoverWithAnchor,{placement:p,...args,resize:"overlay"===p||args.resize,children:[children,(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsxs)("small",{children:["(placement: ",p,")"]})})]},p)))})]}),parameters:{controls:{exclude:["placement","position"]}},args:{...Default.args,children:(0,jsx_runtime.jsx)("div",{style:{width:"280px",whiteSpace:"normal"},children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."}),noArrow:!1,offset:10,resize:!1,flip:!1}},DynamicHeight={decorators:[Story=>{const[height,setHeight]=(0,react.useState)(200);return(0,jsx_runtime.jsxs)("div",{style:{padding:"20px"},children:[(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(src_button.Ay,{variant:"primary",onClick:()=>setHeight(height+100),style:{marginRight:"20px"},children:"Increase Size"}),(0,jsx_runtime.jsx)(src_button.Ay,{variant:"primary",onClick:()=>setHeight(height-100),children:"Decrease Size"})]}),(0,jsx_runtime.jsx)("p",{children:"When the height of the popover exceeds the available space in the canvas, a scrollbar inside the popover should appear."}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("style",{children:`.components-popover { --dynamic-height: ${height}px; }`}),(0,jsx_runtime.jsx)(Story,{})]})]})}],args:{...Default.args,children:(0,jsx_runtime.jsx)("div",{style:{height:"var(--dynamic-height)",background:"#eee",padding:"20px"},children:"Content with dynamic height"})}},WithSlotOutsideIframe={render:args=>(0,jsx_runtime.jsx)(PopoverInsideIframeRenderedInExternalSlot,{...args}),args:{...Default.args}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n decorators: [Story => {\n const [isVisible, setIsVisible] = useState(false);\n const toggleVisible = () => {\n setIsVisible(state => !state);\n };\n const buttonRef = useRef();\n useEffect(() => {\n buttonRef.current?.scrollIntoView?.({\n block: 'center',\n inline: 'center'\n });\n }, []);\n return
\n \n
;\n }],\n args: {\n children:
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut\n enim ad minim veniam, quis nostrud exercitation ullamco laboris\n nisi ut aliquip ex ea commodo consequat.\n
\n }\n}",...Default.parameters?.docs?.source}}},Unstyled.parameters={...Unstyled.parameters,docs:{...Unstyled.parameters?.docs,source:{originalSource:"{\n ...Default,\n args: {\n ...Default.args,\n variant: 'unstyled'\n }\n}",...Unstyled.parameters?.docs?.source}}},AllPlacements.parameters={...AllPlacements.parameters,docs:{...AllPlacements.parameters?.docs,source:{originalSource:"{\n render: ({\n children,\n ...args\n }) =>
\n

\n Resize / scroll the viewport to test the behavior of the\n popovers when they reach the viewport boundaries.\n

\n
\n {AVAILABLE_PLACEMENTS.map(p => \n {children}\n
\n (placement: {p})\n
\n )}\n
\n
,\n // Excluding placement and position since they all possible values\n // are passed directly in code.\n parameters: {\n controls: {\n exclude: ['placement', 'position']\n }\n },\n args: {\n ...Default.args,\n children:
\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n eiusmod tempor incididunt ut labore et dolore magna aliqua.\n
,\n noArrow: false,\n offset: 10,\n resize: false,\n flip: false\n }\n}",...AllPlacements.parameters?.docs?.source}}},DynamicHeight.parameters={...DynamicHeight.parameters,docs:{...DynamicHeight.parameters?.docs,source:{originalSource:"{\n decorators: [Story => {\n const [height, setHeight] = useState(200);\n const increase = () => setHeight(height + 100);\n const decrease = () => setHeight(height - 100);\n return
\n
\n \n\n \n
\n\n

\n When the height of the popover exceeds the available\n space in the canvas, a scrollbar inside the popover\n should appear.\n

\n\n
\n \n \n
\n
;\n }],\n args: {\n ...Default.args,\n children:
\n Content with dynamic height\n
\n }\n}",...DynamicHeight.parameters?.docs?.source}}},WithSlotOutsideIframe.parameters={...WithSlotOutsideIframe.parameters,docs:{...WithSlotOutsideIframe.parameters?.docs,source:{originalSource:"{\n render: args => ,\n args: {\n ...Default.args\n }\n}",...WithSlotOutsideIframe.parameters?.docs?.source}}}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./packages/components/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{UE:()=>arrow,we:()=>useFloating});var _floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js");const arrow=options=>({name:"arrow",options,fn(state){const{element,padding}="function"==typeof options?options(state):options;return element&&function isRef(value){return{}.hasOwnProperty.call(value,"current")}(element)?null!=element.current?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element:element.current,padding}).fn(state):{}:element?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element,padding}).fn(state):{}}});var index="undefined"!=typeof document?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect;function deepEqual(a,b){if(a===b)return!0;if(typeof a!=typeof b)return!1;if("function"==typeof a&&a.toString()===b.toString())return!0;let length,i,keys;if(a&&b&&"object"==typeof a){if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;0!=i--;)if(!deepEqual(a[i],b[i]))return!1;return!0}if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!{}.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){const key=keys[i];if(("_owner"!==key||!a.$$typeof)&&!deepEqual(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}function getDPR(element){if("undefined"==typeof window)return 1;return(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value){const dpr=getDPR(element);return Math.round(value*dpr)/dpr}function useLatestRef(value){const ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(value);return index((()=>{ref.current=value})),ref}function useFloating(options){void 0===options&&(options={});const{placement="bottom",strategy="absolute",middleware=[],platform,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options,[data,setData]=react__WEBPACK_IMPORTED_MODULE_0__.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=react__WEBPACK_IMPORTED_MODULE_0__.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);const[_reference,_setReference]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),[_floating,_setFloating]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),setReference=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!=referenceRef.current&&(referenceRef.current=node,_setReference(node))}),[_setReference]),setFloating=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))}),[_setFloating]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),floatingRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),dataRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(data),whileElementsMountedRef=useLatestRef(whileElementsMounted),platformRef=useLatestRef(platform),update=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((()=>{if(!referenceRef.current||!floatingRef.current)return;const config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.rD)(referenceRef.current,floatingRef.current,config).then((data=>{const fullData={...data,isPositioned:!0};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,react_dom__WEBPACK_IMPORTED_MODULE_1__.flushSync((()=>{setData(fullData)})))}))}),[latestMiddleware,placement,strategy,platformRef]);index((()=>{!1===open&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData((data=>({...data,isPositioned:!1}))))}),[open]);const isMountedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);index((()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1})),[]),index((()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update);update()}}),[referenceEl,floatingEl,update,whileElementsMountedRef]);const refs=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating})),[setReference,setFloating]),elements=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceEl,floating:floatingEl})),[referenceEl,floatingEl]),floatingStyles=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>{const initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;const x=roundByDPR(elements.floating,data.x),y=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x+"px, "+y+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x,top:y}}),[strategy,transform,elements.floating,data.x,data.y]);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({...data,update,refs,elements,floatingStyles})),[data,update,refs,elements,floatingStyles])}},"./packages/components/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var getRandomValues;__webpack_require__.d(__webpack_exports__,{A:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]); \ No newline at end of file diff --git a/popover-stories-index-story.aef7170a.iframe.bundle.js.LICENSE.txt b/popover-stories-index-story.aef7170a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/popover-stories-index-story.aef7170a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/progress-bar-stories-index-story.81c4e3d8.iframe.bundle.js b/progress-bar-stories-index-story.81c4e3d8.iframe.bundle.js new file mode 100644 index 00000000000000..901ccd3c14ac29 --- /dev/null +++ b/progress-bar-stories-index-story.81c4e3d8.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[2801],{"./packages/components/src/progress-bar/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithCustomWidth:()=>WithCustomWidth,default:()=>index_story});var build_module=__webpack_require__("./packages/i18n/build-module/index.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js");function animateProgressBar(isRtl=!1){const animationDirection=isRtl?"right":"left";return(0,emotion_react_browser_esm.i7)({"0%":{[animationDirection]:"-50%"},"100%":{[animationDirection]:"100%"}})}const Track=(0,emotion_styled_base_browser_esm.A)("div",{target:"e15u147w2"})("position:relative;overflow:hidden;height:",config_values.A.borderWidthFocus,";background-color:color-mix(\n\t\tin srgb,\n\t\t",colors_values.l.theme.foreground,",\n\t\ttransparent 90%\n\t);border-radius:",config_values.A.radiusFull,";outline:2px solid transparent;outline-offset:2px;:where( & ){width:160px;}");var _ref={name:"152sa26",styles:"width:var(--indicator-width);transition:width 0.4s ease-in-out"};const Indicator=(0,emotion_styled_base_browser_esm.A)("div",{target:"e15u147w1"})("display:inline-block;position:absolute;top:0;height:100%;border-radius:",config_values.A.radiusFull,";background-color:color-mix(\n\t\tin srgb,\n\t\t",colors_values.l.theme.foreground,",\n\t\ttransparent 10%\n\t);outline:2px solid transparent;outline-offset:-2px;",(({isIndeterminate})=>isIndeterminate?(0,emotion_react_browser_esm.AH)({animationDuration:"1.5s",animationTimingFunction:"ease-in-out",animationIterationCount:"infinite",animationName:animateProgressBar((0,build_module.V8)()),width:"50%"},"",""):_ref),";"),ProgressElement=(0,emotion_styled_base_browser_esm.A)("progress",{target:"e15u147w0"})({name:"11fb690",styles:"position:absolute;top:0;left:0;opacity:0;width:100%;height:100%"});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ProgressBar=(0,react.forwardRef)((function UnforwardedProgressBar(props,ref){const{className,value,...progressProps}=props,isIndeterminate=!Number.isFinite(value);return(0,jsx_runtime.jsxs)(Track,{className,children:[(0,jsx_runtime.jsx)(Indicator,{style:{"--indicator-width":isIndeterminate?void 0:`${value}%`},isIndeterminate}),(0,jsx_runtime.jsx)(ProgressElement,{max:100,value,"aria-label":(0,build_module.__)("Loading …"),ref,...progressProps})]})}));try{ProgressBar.displayName="ProgressBar",ProgressBar.__docgenInfo={description:"A simple horizontal progress bar component.\n\nSupports two modes: determinate and indeterminate. A progress bar is determinate\nwhen a specific progress value has been specified (from 0 to 100), and indeterminate\nwhen a value hasn't been specified.\n\n```jsx\nimport { ProgressBar } from '@wordpress/components';\n\nconst MyLoadingComponent = () => {\n\treturn ;\n};\n```",displayName:"ProgressBar",props:{value:{defaultValue:null,description:"Value of the progress bar.",name:"value",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"A CSS class to apply to the progress bar wrapper (track) element.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/progress-bar/index.tsx#ProgressBar"]={docgenInfo:ProgressBar.__docgenInfo,name:"ProgressBar",path:"packages/components/src/progress-bar/index.tsx#ProgressBar"})}catch(__react_docgen_typescript_loader_error){}try{progressbar.displayName="progressbar",progressbar.__docgenInfo={description:"A simple horizontal progress bar component.\n\nSupports two modes: determinate and indeterminate. A progress bar is determinate\nwhen a specific progress value has been specified (from 0 to 100), and indeterminate\nwhen a value hasn't been specified.\n\n```jsx\nimport { ProgressBar } from '@wordpress/components';\n\nconst MyLoadingComponent = () => {\n\treturn ;\n};\n```",displayName:"progressbar",props:{value:{defaultValue:null,description:"Value of the progress bar.",name:"value",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"A CSS class to apply to the progress bar wrapper (track) element.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/progress-bar/index.tsx#progressbar"]={docgenInfo:progressbar.__docgenInfo,name:"progressbar",path:"packages/components/src/progress-bar/index.tsx#progressbar"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:ProgressBar,title:"Components/Feedback/ProgressBar",id:"components-progressbar",argTypes:{value:{control:{type:"number",min:0,max:100,step:1}}},parameters:{sourceLink:"packages/components/src/progress-bar",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=({...args})=>(0,jsx_runtime.jsx)(ProgressBar,{...args}),Default=Template.bind({});Default.args={};const WithCustomWidth=Template.bind({});WithCustomWidth.args={className:"custom-progress-bar"},WithCustomWidth.decorators=[Story=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("style",{children:"\n .custom-progress-bar {\n width: 100%;\n }\n"}),(0,jsx_runtime.jsx)(Story,{})]})],Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return ;\n}",...Default.parameters?.docs?.source}}},WithCustomWidth.parameters={...WithCustomWidth.parameters,docs:{...WithCustomWidth.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n return ;\n}",...WithCustomWidth.parameters?.docs?.source},description:{story:"A progress bar with a custom width.\n\nYou can override the default `width` by passing a custom CSS class via the\n`className` prop.\n\nThis example shows a progress bar with an overriden `width` of `100%` which\nmakes it fit all available horizontal space of the parent element. The CSS\nclass looks like this:\n\n```css\n.custom-progress-bar {\n width: 100%;\n}\n```",...WithCustomWidth.parameters?.docs?.description}}};try{WithCustomWidth.displayName="WithCustomWidth",WithCustomWidth.__docgenInfo={description:"A progress bar with a custom width.\n\nYou can override the default `width` by passing a custom CSS class via the\n`className` prop.\n\nThis example shows a progress bar with an overriden `width` of `100%` which\nmakes it fit all available horizontal space of the parent element. The CSS\nclass looks like this:\n\n```css\n.custom-progress-bar {\n width: 100%;\n}\n```",displayName:"WithCustomWidth",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/progress-bar/stories/index.story.tsx#WithCustomWidth"]={docgenInfo:WithCustomWidth.__docgenInfo,name:"WithCustomWidth",path:"packages/components/src/progress-bar/stories/index.story.tsx#WithCustomWidth"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}}}]); \ No newline at end of file diff --git a/project.json b/project.json new file mode 100644 index 00000000000000..f3ab1eb30c2163 --- /dev/null +++ b/project.json @@ -0,0 +1 @@ +{"generatedAt":1734489771397,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@emotion/jest":"11.7.1","@playwright/test":"1.48.1","@testing-library/jest-dom":"5.16.5","@testing-library/react":"14.3.0","@testing-library/react-native":"12.4.3","@testing-library/user-event":null,"babel-jest":"29.7.0","eslint-plugin-jest":"27.4.3","eslint-plugin-jest-dom":"5.0.2","eslint-plugin-testing-library":"6.0.2","jest":"29.6.2","jest-environment-jsdom":"29.6.2","jest-jasmine2":"29.6.2","jest-junit":"13.0.0","jest-message-util":"29.6.2","jest-watch-typeahead":"2.2.2","puppeteer-core":"23.10.1","webdriverio":"8.16.20"},"monorepo":"Lerna","packageManager":{"type":"npm","version":"10.8.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.7","storybookVersionSpecifier":"8.4.7","language":"typescript","storybookPackages":{"@storybook/react":{"version":"8.4.7"},"@storybook/react-webpack5":{"version":"8.4.7"},"@storybook/source-loader":{"version":"8.4.7"},"@storybook/test":{"version":"8.4.7"},"@storybook/theming":{"version":"8.4.7"},"@storybook/types":{"version":"8.4.7"},"eslint-plugin-storybook":{"version":"0.6.13"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-docs":{"version":"8.4.7"},"@storybook/addon-controls":{"version":"8.4.7"},"@storybook/addon-viewport":{"version":"8.4.7"},"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/addon-toolbars":{"version":"8.4.7"},"@storybook/addon-actions":{"version":"8.4.7"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.3"},"storybook-source-link":{"version":"2.0.9"},"@geometricpanda/storybook-addon-badges":{"version":"2.0.5"}}} \ No newline at end of file diff --git a/query-controls-stories-index-story.fc801da7.iframe.bundle.js b/query-controls-stories-index-story.fc801da7.iframe.bundle.js new file mode 100644 index 00000000000000..3adada9cb7b909 --- /dev/null +++ b/query-controls-stories-index-story.fc801da7.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9315],{"./packages/components/src/query-controls/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,SelectSingleCategory:()=>SelectSingleCategory,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/i18n/build-module/index.js");const ensureParentsAreDefined=terms=>terms.every((term=>null!==term.parent));function buildTermsTree(flatTerms){const flatTermsWithParentAndChildren=flatTerms.map((term=>({children:[],parent:null,...term,id:String(term.id)})));if(!ensureParentsAreDefined(flatTermsWithParentAndChildren))return flatTermsWithParentAndChildren;const termsByParent=flatTermsWithParentAndChildren.reduce(((acc,term)=>{const{parent}=term;return acc[parent]||(acc[parent]=[]),acc[parent].push(term),acc}),{}),fillWithChildren=terms=>terms.map((term=>{const children=termsByParent[term.id];return{...term,children:children&&children.length?fillWithChildren(children):[]}}));return fillWithChildren(termsByParent[0]||[])}var tree_select=__webpack_require__("./packages/components/src/tree-select/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function AuthorSelect({__next40pxDefaultSize,label,noOptionLabel,authorList,selectedAuthorId,onChange:onChangeProp}){if(!authorList)return null;const termsTree=buildTermsTree(authorList);return(0,jsx_runtime.jsx)(tree_select.A,{label,noOptionLabel,onChange:onChangeProp,tree:termsTree,selectedId:void 0!==selectedAuthorId?String(selectedAuthorId):void 0,__nextHasNoMarginBottom:!0,__next40pxDefaultSize})}try{authorselect.displayName="authorselect",authorselect.__docgenInfo={description:"",displayName:"authorselect",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},noOptionLabel:{defaultValue:null,description:"If this property is added, an option will be added with this label to represent empty selection.",name:"noOptionLabel",required:!1,type:{name:"string"}},authorList:{defaultValue:null,description:"",name:"authorList",required:!1,type:{name:"Author[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(newAuthor: string) => void"}},selectedAuthorId:{defaultValue:null,description:"",name:"selectedAuthorId",required:!1,type:{name:"number"}},__next40pxDefaultSize:{defaultValue:null,description:"",name:"__next40pxDefaultSize",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/query-controls/author-select.tsx#authorselect"]={docgenInfo:authorselect.__docgenInfo,name:"authorselect",path:"packages/components/src/query-controls/author-select.tsx#authorselect"})}catch(__react_docgen_typescript_loader_error){}function CategorySelect({__next40pxDefaultSize,label,noOptionLabel,categoriesList,selectedCategoryId,onChange:onChangeProp,...props}){const termsTree=(0,react.useMemo)((()=>buildTermsTree(categoriesList)),[categoriesList]);return(0,jsx_runtime.jsx)(tree_select.A,{label,noOptionLabel,onChange:onChangeProp,tree:termsTree,selectedId:void 0!==selectedCategoryId?String(selectedCategoryId):void 0,...props,__nextHasNoMarginBottom:!0,__next40pxDefaultSize})}try{categoryselect.displayName="categoryselect",categoryselect.__docgenInfo={description:"",displayName:"categoryselect",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},noOptionLabel:{defaultValue:null,description:"If this property is added, an option will be added with this label to represent empty selection.",name:"noOptionLabel",required:!1,type:{name:"string"}},categoriesList:{defaultValue:null,description:"",name:"categoriesList",required:!0,type:{name:"Category[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(newCategory: string) => void"}},selectedCategoryId:{defaultValue:null,description:"",name:"selectedCategoryId",required:!1,type:{name:"number"}},__next40pxDefaultSize:{defaultValue:null,description:"",name:"__next40pxDefaultSize",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/query-controls/category-select.tsx#categoryselect"]={docgenInfo:categoryselect.__docgenInfo,name:"categoryselect",path:"packages/components/src/query-controls/category-select.tsx#categoryselect"})}catch(__react_docgen_typescript_loader_error){}var form_token_field=__webpack_require__("./packages/components/src/form-token-field/index.tsx"),range_control=__webpack_require__("./packages/components/src/range-control/index.tsx"),select_control=__webpack_require__("./packages/components/src/select-control/index.tsx"),component=__webpack_require__("./packages/components/src/v-stack/component.tsx");function isSingleCategorySelection(props){return"categoriesList"in props}function isMultipleCategorySelection(props){return"categorySuggestions"in props}function QueryControls({authorList,selectedAuthorId,numberOfItems,order,orderBy,maxItems=100,minItems=1,onAuthorChange,onNumberOfItemsChange,onOrderChange,onOrderByChange,...props}){return(0,jsx_runtime.jsx)(component.A,{spacing:"4",className:"components-query-controls",children:[onOrderChange&&onOrderByChange&&(0,jsx_runtime.jsx)(select_control.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:(0,build_module.__)("Order by"),value:void 0===orderBy||void 0===order?void 0:`${orderBy}/${order}`,options:[{label:(0,build_module.__)("Newest to oldest"),value:"date/desc"},{label:(0,build_module.__)("Oldest to newest"),value:"date/asc"},{label:(0,build_module.__)("A → Z"),value:"title/asc"},{label:(0,build_module.__)("Z → A"),value:"title/desc"}],onChange:value=>{if("string"!=typeof value)return;const[newOrderBy,newOrder]=value.split("/");newOrder!==order&&onOrderChange(newOrder),newOrderBy!==orderBy&&onOrderByChange(newOrderBy)}},"query-controls-order-select"),isSingleCategorySelection(props)&&props.categoriesList&&props.onCategoryChange&&(0,jsx_runtime.jsx)(CategorySelect,{__next40pxDefaultSize:!0,categoriesList:props.categoriesList,label:(0,build_module.__)("Category"),noOptionLabel:(0,build_module._x)("All","categories"),selectedCategoryId:props.selectedCategoryId,onChange:props.onCategoryChange},"query-controls-category-select"),isMultipleCategorySelection(props)&&props.categorySuggestions&&props.onCategoryChange&&(0,jsx_runtime.jsx)(form_token_field.A,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,build_module.__)("Categories"),value:props.selectedCategories&&props.selectedCategories.map((item=>({id:item.id,value:item.name||item.value}))),suggestions:Object.keys(props.categorySuggestions),onChange:props.onCategoryChange,maxSuggestions:20},"query-controls-categories-select"),onAuthorChange&&(0,jsx_runtime.jsx)(AuthorSelect,{__next40pxDefaultSize:!0,authorList,label:(0,build_module.__)("Author"),noOptionLabel:(0,build_module._x)("All","authors"),selectedAuthorId,onChange:onAuthorChange},"query-controls-author-select"),onNumberOfItemsChange&&(0,jsx_runtime.jsx)(range_control.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:(0,build_module.__)("Number of items"),value:numberOfItems,onChange:onNumberOfItemsChange,min:minItems,max:maxItems,required:!0},"query-controls-range-control")]})}const query_controls=QueryControls;try{QueryControls.displayName="QueryControls",QueryControls.__docgenInfo={description:"Controls to query for posts.\n\n```jsx\nconst MyQueryControls = () => (\n {\n updateQuery( { orderBy: newOrderBy } )\n }\n onOrderChange={ ( newOrder ) => {\n updateQuery( { order: newOrder } )\n }\n categoriesList={ categories }\n selectedCategoryId={ category }\n onCategoryChange={ ( newCategory ) => {\n updateQuery( { category: newCategory } )\n }\n onNumberOfItemsChange={ ( newNumberOfItems ) => {\n updateQuery( { numberOfItems: newNumberOfItems } )\n } }\n />\n);\n```",displayName:"QueryControls",props:{authorList:{defaultValue:null,description:"An array of the authors to select from.",name:"authorList",required:!1,type:{name:"Author[]"}},maxItems:{defaultValue:{value:"100"},description:"The maximum number of items.",name:"maxItems",required:!1,type:{name:"number"}},minItems:{defaultValue:{value:"1"},description:"The minimum number of items.",name:"minItems",required:!1,type:{name:"number"}},numberOfItems:{defaultValue:null,description:"The selected number of items to retrieve via the query.",name:"numberOfItems",required:!1,type:{name:"number"}},onAuthorChange:{defaultValue:null,description:"A function that receives the new author value.\nIf not specified, the author controls are not rendered.",name:"onAuthorChange",required:!1,type:{name:"(newAuthor: string) => void"}},onNumberOfItemsChange:{defaultValue:null,description:"A function that receives the new number of items.\nIf not specified, then the number of items\nrange control is not rendered.",name:"onNumberOfItemsChange",required:!1,type:{name:"(newNumber?: number) => void"}},onOrderChange:{defaultValue:null,description:"A function that receives the new order value.\nIf this prop or the `onOrderByChange` prop are not specified,\nthen the order controls are not rendered.",name:"onOrderChange",required:!1,type:{name:"(newOrder: Order) => void"}},onOrderByChange:{defaultValue:null,description:"A function that receives the new orderby value.\nIf this prop or the `onOrderChange` prop are not specified,\nthen the order controls are not rendered.",name:"onOrderByChange",required:!1,type:{name:"(newOrderBy: OrderBy) => void"}},order:{defaultValue:null,description:"The order in which to retrieve posts.",name:"order",required:!1,type:{name:"enum",value:[{value:'"desc"'},{value:'"asc"'}]}},orderBy:{defaultValue:null,description:"The meta key by which to order posts.",name:"orderBy",required:!1,type:{name:"enum",value:[{value:'"title"'},{value:'"date"'}]}},selectedAuthorId:{defaultValue:null,description:"The selected author ID.",name:"selectedAuthorId",required:!1,type:{name:"number"}},__next40pxDefaultSize:{defaultValue:null,description:"Start opting into the larger default height that will become the\ndefault size in a future version.\n@deprecated Default behavior since WP 6.7. Prop can be safely removed.\n@ignore",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},categoriesList:{defaultValue:null,description:"An array of categories. When passed in conjunction with the\n`onCategoryChange` prop, it causes the component to render UI that allows\nselecting one category at a time.",name:"categoriesList",required:!1,type:{name:"Category[]"}},selectedCategoryId:{defaultValue:null,description:"The selected category for the `categoriesList` prop.",name:"selectedCategoryId",required:!1,type:{name:"number"}},onCategoryChange:{defaultValue:null,description:"A function that receives the new category value. If not specified, the\ncategory controls are not rendered.\nThe function's signature changes depending on whether multiple category\nselection is enabled or not.",name:"onCategoryChange",required:!1,type:{name:"((newCategory: string) => void) | ((tokens: (string | TokenItem)[]) => void)"}},categorySuggestions:{defaultValue:null,description:"An object of categories with the category name as the key. When passed in\nconjunction with the `onCategoryChange` prop, it causes the component to\nrender UI that enables multiple selection.",name:"categorySuggestions",required:!1,type:{name:"Record"}},selectedCategories:{defaultValue:null,description:"The selected categories for the `categorySuggestions` prop.",name:"selectedCategories",required:!1,type:{name:"Category[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/query-controls/index.tsx#QueryControls"]={docgenInfo:QueryControls.__docgenInfo,name:"QueryControls",path:"packages/components/src/query-controls/index.tsx#QueryControls"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components/QueryControls",component:query_controls,argTypes:{numberOfItems:{control:!1},order:{control:!1},orderBy:{control:!1},selectedAuthorId:{control:!1},selectedCategories:{control:!1},selectedCategoryId:{control:!1}},parameters:{sourceLink:"packages/components/src/query-controls",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=args=>{const{onAuthorChange,onCategoryChange,onNumberOfItemsChange,onOrderByChange,onOrderChange,...props}=args,[ownNumberOfItems,setOwnNumberOfItems]=(0,react.useState)(props.numberOfItems),[ownOrder,setOwnOrder]=(0,react.useState)(props.order),[ownOrderBy,setOwnOrderBy]=(0,react.useState)(props.orderBy),[ownSelectedAuthorId,setOwnSelectedAuthorId]=(0,react.useState)(props.selectedAuthorId),[ownSelectedCategories,setOwnSelectedCategories]=(0,react.useState)(props.selectedCategories);return(0,jsx_runtime.jsx)(query_controls,{...props,numberOfItems:ownNumberOfItems,onCategoryChange:tokens=>{onCategoryChange?.(tokens);if(tokens.some((token=>"string"==typeof token&&!props.categorySuggestions?.[token])))return;const allCategories=tokens.map((token=>"string"==typeof token?props.categorySuggestions?.[token]:token)).filter(Boolean);setOwnSelectedCategories(allCategories)},onOrderByChange:newOrderBy=>{onOrderByChange?.(newOrderBy),setOwnOrderBy(newOrderBy)},onOrderChange:newOrder=>{onOrderChange?.(newOrder),setOwnOrder(newOrder)},order:ownOrder,orderBy:ownOrderBy,onNumberOfItemsChange:newNumber=>{onNumberOfItemsChange?.(newNumber),setOwnNumberOfItems(newNumber)},onAuthorChange:newAuthor=>{onAuthorChange?.(newAuthor),setOwnSelectedAuthorId(Number(newAuthor))},selectedAuthorId:ownSelectedAuthorId,selectedCategories:ownSelectedCategories})};Default.args={authorList:[{id:1,name:"admin"},{id:2,name:"editor"}],categorySuggestions:{TypeScript:{id:11,name:"TypeScript",parent:0},JavaScript:{id:12,name:"JavaScript",parent:0}},selectedCategories:[{id:11,name:"JavaScript",parent:0}],numberOfItems:5,order:"desc",orderBy:"date",selectedAuthorId:1};const SelectSingleCategory=(args=>{const{onAuthorChange,onCategoryChange,onNumberOfItemsChange,onOrderByChange,onOrderChange,...props}=args,[ownOrder,setOwnOrder]=(0,react.useState)(props.order),[ownOrderBy,setOwnOrderBy]=(0,react.useState)(props.orderBy),[ownSelectedCategoryId,setSelectedCategoryId]=(0,react.useState)(props.selectedCategoryId);return(0,jsx_runtime.jsx)(query_controls,{...props,onCategoryChange:newCategory=>{onCategoryChange?.(newCategory),setSelectedCategoryId(Number(newCategory))},onOrderByChange:newOrderBy=>{setOwnOrderBy(newOrderBy)},onOrderChange:newOrder=>{onOrderChange?.(newOrder),setOwnOrder(newOrder)},order:ownOrder,orderBy:ownOrderBy,selectedCategoryId:ownSelectedCategoryId})}).bind({});SelectSingleCategory.args={categoriesList:[{id:11,name:"TypeScript",parent:0},{id:12,name:"JavaScript",parent:0}],selectedCategoryId:11},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n const {\n onAuthorChange,\n onCategoryChange,\n onNumberOfItemsChange,\n onOrderByChange,\n onOrderChange,\n ...props\n } = args as QueryControlsWithMultipleCategorySelectionProps;\n const [ownNumberOfItems, setOwnNumberOfItems] = useState(props.numberOfItems);\n const [ownOrder, setOwnOrder] = useState(props.order);\n const [ownOrderBy, setOwnOrderBy] = useState(props.orderBy);\n const [ownSelectedAuthorId, setOwnSelectedAuthorId] = useState(props.selectedAuthorId);\n const [ownSelectedCategories, setOwnSelectedCategories] = useState(props.selectedCategories);\n const handleCategoryChange: QueryControlsWithMultipleCategorySelectionProps['onCategoryChange'] = tokens => {\n onCategoryChange?.(tokens);\n const hasNoSuggestion = tokens.some(token => typeof token === 'string' && !props.categorySuggestions?.[token]);\n if (hasNoSuggestion) {\n return;\n }\n const allCategories = tokens.map(token => {\n return typeof token === 'string' ? props.categorySuggestions?.[token] : token;\n }).filter(Boolean) as Array>;\n setOwnSelectedCategories(allCategories);\n };\n return {\n onOrderByChange?.(newOrderBy);\n setOwnOrderBy(newOrderBy);\n }} onOrderChange={newOrder => {\n onOrderChange?.(newOrder);\n setOwnOrder(newOrder);\n }} order={ownOrder} orderBy={ownOrderBy} onNumberOfItemsChange={newNumber => {\n onNumberOfItemsChange?.(newNumber);\n setOwnNumberOfItems(newNumber);\n }} onAuthorChange={newAuthor => {\n onAuthorChange?.(newAuthor);\n setOwnSelectedAuthorId(Number(newAuthor));\n }} selectedAuthorId={ownSelectedAuthorId} selectedCategories={ownSelectedCategories} />;\n}",...Default.parameters?.docs?.source}}},SelectSingleCategory.parameters={...SelectSingleCategory.parameters,docs:{...SelectSingleCategory.parameters?.docs,source:{originalSource:"args => {\n const {\n onAuthorChange,\n onCategoryChange,\n onNumberOfItemsChange,\n onOrderByChange,\n onOrderChange,\n ...props\n } = args as QueryControlsWithSingleCategorySelectionProps;\n const [ownOrder, setOwnOrder] = useState(props.order);\n const [ownOrderBy, setOwnOrderBy] = useState(props.orderBy);\n const [ownSelectedCategoryId, setSelectedCategoryId] = useState(props.selectedCategoryId);\n const handleCategoryChange: QueryControlsWithSingleCategorySelectionProps['onCategoryChange'] = newCategory => {\n onCategoryChange?.(newCategory);\n setSelectedCategoryId(Number(newCategory));\n };\n return {\n setOwnOrderBy(newOrderBy);\n }} onOrderChange={newOrder => {\n onOrderChange?.(newOrder);\n setOwnOrder(newOrder);\n }} order={ownOrder} orderBy={ownOrderBy} selectedCategoryId={ownSelectedCategoryId} />;\n}",...SelectSingleCategory.parameters?.docs?.source}}}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./packages/html-entities/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{let _decodeTextArea;function decodeEntities(html){if("string"!=typeof html||-1===html.indexOf("&"))return html;void 0===_decodeTextArea&&(_decodeTextArea=document.implementation&&document.implementation.createHTMLDocument?document.implementation.createHTMLDocument("").createElement("textarea"):document.createElement("textarea")),_decodeTextArea.innerHTML=html;const decoded=_decodeTextArea.textContent;return _decodeTextArea.innerHTML="",decoded}__webpack_require__.d(__webpack_exports__,{S:()=>decodeEntities})},"./packages/components/src/select-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,Y:()=>SelectControl});var clsx__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_base_control__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/base-control/index.tsx"),_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/select-control/styles/select-control-styles.ts"),_chevron_down__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/select-control/chevron-down.tsx"),_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts"),_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function SelectOptions({options}){return options.map((({id,label,value,...optionProps},index)=>{const key=id||`${label}-${value}-${index}`;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value,...optionProps,children:label},key)}))}const SelectControl=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_8__.forwardRef)((function UnforwardedSelectControl(props,ref){const{className,disabled=!1,help,hideLabelFromVision,id:idProp,label,multiple=!1,onChange,options=[],size="default",value:valueProp,labelPosition="top",children,prefix,suffix,variant="default",__next40pxDefaultSize=!1,__nextHasNoMarginBottom=!1,__shouldNotWarnDeprecated36pxSize,...restProps}=(0,_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__.R)(props),id=function useUniqueId(idProp){const instanceId=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.A)(SelectControl);return idProp||`inspector-select-control-${instanceId}`}(idProp),helpId=help?`${id}__help`:void 0;if(!options?.length&&!children)return null;const classes=(0,clsx__WEBPACK_IMPORTED_MODULE_3__.A)("components-select-control",className);return(0,_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__.M)({componentName:"SelectControl",__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_control__WEBPACK_IMPORTED_MODULE_5__.Ay,{help,id,__nextHasNoMarginBottom,__associatedWPComponentName:"SelectControl",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.Xg,{className:classes,disabled,hideLabelFromVision,id,isBorderless:"minimal"===variant,label,size,suffix:suffix||!multiple&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_chevron_down__WEBPACK_IMPORTED_MODULE_7__.A,{}),prefix,labelPosition,__unstableInputWidth:"minimal"===variant?"auto":void 0,variant,__next40pxDefaultSize,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.l6,{...restProps,__next40pxDefaultSize,"aria-describedby":helpId,className:"components-select-control__input",disabled,id,multiple,onChange:event=>{if(props.multiple){const newValues=Array.from(event.target.options).filter((({selected})=>selected)).map((({value})=>value));props.onChange?.(newValues,{event})}else props.onChange?.(event.target.value,{event})},ref,selectSize:size,value:valueProp,variant,children:children||(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SelectOptions,{options})})})})})),__WEBPACK_DEFAULT_EXPORT__=SelectControl;try{SelectControl.displayName="SelectControl",SelectControl.__docgenInfo={description:"`SelectControl` allows users to select from a single or multiple option menu.\nIt functions as a wrapper around the browser's native `\n\t\t\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/flex/flex-item/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/flex/flex-item/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FlexItem=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedFlexItem(props,forwardedRef){const flexItemProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.K)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...flexItemProps,ref:forwardedRef})}),"FlexItem"),__WEBPACK_DEFAULT_EXPORT__=FlexItem;try{FlexItem.displayName="FlexItem",FlexItem.__docgenInfo={description:"`FlexItem` is a primitive layout component that aligns content within layout\ncontainers like `Flex`.\n\n```jsx\nimport { Flex, FlexItem } from '@wordpress/components';\n\nfunction Example() {\n return (\n \n ...\n \n );\n}\n```",displayName:"FlexItem",props:{display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},isBlock:{defaultValue:{value:"true"},description:"Determines if `FlexItem` should render as an adaptive full-width block.",name:"isBlock",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex-item/component.tsx#FlexItem"]={docgenInfo:FlexItem.__docgenInfo,name:"FlexItem",path:"packages/components/src/flex/flex-item/component.tsx#FlexItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/hook.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useHStack});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/flex/flex-item/component.tsx"),hook=__webpack_require__("./packages/components/src/flex/flex/hook.ts"),values=__webpack_require__("./packages/components/src/utils/values.js");const H_ALIGNMENTS={bottom:{align:"flex-end",justify:"center"},bottomLeft:{align:"flex-end",justify:"flex-start"},bottomRight:{align:"flex-end",justify:"flex-end"},center:{align:"center",justify:"center"},edge:{align:"center",justify:"space-between"},left:{align:"center",justify:"flex-start"},right:{align:"center",justify:"flex-end"},stretch:{align:"stretch"},top:{align:"flex-start",justify:"center"},topLeft:{align:"flex-start",justify:"flex-start"},topRight:{align:"flex-start",justify:"flex-end"}},V_ALIGNMENTS={bottom:{justify:"flex-end",align:"center"},bottomLeft:{justify:"flex-end",align:"flex-start"},bottomRight:{justify:"flex-end",align:"flex-end"},center:{justify:"center",align:"center"},edge:{justify:"space-between",align:"center"},left:{justify:"center",align:"flex-start"},right:{justify:"center",align:"flex-end"},stretch:{align:"stretch"},top:{justify:"flex-start",align:"center"},topLeft:{justify:"flex-start",align:"flex-start"},topRight:{justify:"flex-start",align:"flex-end"}};var get_valid_children=__webpack_require__("./packages/components/src/utils/get-valid-children.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function useHStack(props){const{alignment="edge",children,direction,spacing=2,...otherProps}=(0,use_context_system.A)(props,"HStack"),align=function getAlignmentProps(alignment,direction="row"){if(!(0,values.J5)(alignment))return{};const props="column"===direction?V_ALIGNMENTS:H_ALIGNMENTS;return alignment in props?props[alignment]:{align:alignment}}(alignment,direction),propsForFlex={children:(0,get_valid_children.a)(children).map(((child,index)=>{if((0,context_connect.SZ)(child,["Spacer"])){const childElement=child,_key=childElement.key||`hstack-${index}`;return(0,jsx_runtime.jsx)(component.A,{isBlock:!0,...childElement.props},_key)}return child})),direction,justify:"center",...align,...otherProps,gap:spacing},{isColumn,...flexProps}=(0,hook.v)(propsForFlex);return flexProps}try{useHStack.displayName="useHStack",useHStack.__docgenInfo={description:"",displayName:"useHStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/hook.tsx#useHStack"]={docgenInfo:useHStack.__docgenInfo,name:"useHStack",path:"packages/components/src/h-stack/hook.tsx#useHStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/get-valid-children.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>getValidChildren});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function getValidChildren(children){return"string"==typeof children?[children]:_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter((child=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child)))}},"./packages/components/src/v-stack/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>v_stack_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),hook=__webpack_require__("./packages/components/src/h-stack/hook.tsx");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VStack=(0,context_connect.KZ)((function UnconnectedVStack(props,forwardedRef){const vStackProps=function useVStack(props){const{expanded=!1,alignment="stretch",...otherProps}=(0,use_context_system.A)(props,"VStack");return(0,hook.A)({direction:"column",expanded,alignment,...otherProps})}(props);return(0,jsx_runtime.jsx)(component.A,{...vStackProps,ref:forwardedRef})}),"VStack"),v_stack_component=VStack;try{VStack.displayName="VStack",VStack.__docgenInfo={description:"`VStack` (or Vertical Stack) is a layout component that arranges child\nelements in a vertical line.\n\n`VStack` can render anything inside.\n\n```jsx\nimport {\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\tCode\n\t\t\tis\n\t\t\tPoetry\n\t\t\n\t);\n}\n```",displayName:"VStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'stretch'"},description:"Determines how the child elements are aligned.\n\n- `top`: Aligns content to the top.\n- `topLeft`: Aligns content to the top/left.\n- `topRight`: Aligns content to the top/right.\n- `left`: Aligns content to the left.\n- `center`: Aligns content to the center.\n- `right`: Aligns content to the right.\n- `bottom`: Aligns content to the bottom.\n- `bottomLeft`: Aligns content to the bottom/left.\n- `bottomRight`: Aligns content to the bottom/right.\n- `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n- `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:null,description:"The amount of space between each child element. Spacing in between each\nchild can be adjusted by using `spacing`. The value of `spacing` works as\na multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/v-stack/component.tsx#VStack"]={docgenInfo:VStack.__docgenInfo,name:"VStack",path:"packages/components/src/v-stack/component.tsx#VStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n \n \n \n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;imemize})}}]); \ No newline at end of file diff --git a/radio-control-stories-index-story.4d39cc56.iframe.bundle.js.LICENSE.txt b/radio-control-stories-index-story.4d39cc56.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/radio-control-stories-index-story.4d39cc56.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/radio-group-stories-index-story.d084788a.iframe.bundle.js b/radio-group-stories-index-story.d084788a.iframe.bundle.js new file mode 100644 index 00000000000000..0912ed2dcf3b93 --- /dev/null +++ b/radio-group-stories-index-story.d084788a.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see radio-group-stories-index-story.d084788a.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1557],{"./node_modules/@ariakit/react-core/esm/__chunks/4BXJGRNH.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>useRadioStore});var _4CMBR7SL=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/4CMBR7SL.js"),YV4JVR4I=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),AJZ4BYF3=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/AJZ4BYF3.js"),BCALMBPZ=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/BCALMBPZ.js"),PBFD2E7P=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),_3YLGPPWQ=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/3YLGPPWQ.js");function createRadioStore(_a={}){var _a2,props=(0,_3YLGPPWQ.YG)(_a,[]);const syncState=null==(_a2=props.store)?void 0:_a2.getState(),composite=(0,AJZ4BYF3.z)((0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)({},props),{focusLoop:(0,PBFD2E7P.Jh)(props.focusLoop,null==syncState?void 0:syncState.focusLoop,!0)})),initialState=(0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)({},composite.getState()),{value:(0,PBFD2E7P.Jh)(props.value,null==syncState?void 0:syncState.value,props.defaultValue,null)}),radio=(0,BCALMBPZ.y$)(initialState,composite,props.store);return(0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)((0,_3YLGPPWQ.IA)({},composite),radio),{setValue:value=>radio.setState("value",value)})}function useRadioStore(props={}){const[store,update]=(0,YV4JVR4I.Pj)(createRadioStore,props);return function useRadioStoreProps(store,update,props){return store=(0,_4CMBR7SL.YO)(store,update,props),(0,YV4JVR4I.Tz)(store,props,"value","setValue"),store}(store,update,props)}},"./node_modules/@ariakit/react-core/esm/__chunks/NLEBE274.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>Radio,z:()=>useRadio});var _UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js"),_P2CTZE2T_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/P2CTZE2T.js"),_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js"),_YV4JVR4I_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");var useRadio=(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ab)((function useRadio2(_a){var _b=_a,{store,name,value,checked}=_b,props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.YG)(_b,["store","name","value","checked"]);const context=(0,_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.c4)();store=store||context;const id=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.Bi)(props.id),ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),isChecked=(0,_YV4JVR4I_js__WEBPACK_IMPORTED_MODULE_5__.O$)(store,(state=>null!=checked?checked:function getIsChecked(value,storeValue){if(void 0!==storeValue)return null!=value&&null!=storeValue?storeValue===value:!!storeValue}(value,null==state?void 0:state.value)));(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!id)return;if(!isChecked)return;(null==store?void 0:store.getState().activeId)===id||null==store||store.setActiveId(id)}),[store,isChecked,id]);const onChangeProp=props.onChange,nativeRadio=function isNativeRadio(tagName,type){return"input"===tagName&&(!type||"radio"===type)}((0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.vO)(ref,"input"),props.type),disabled=(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.$f)(props),[propertyUpdated,schedulePropertyUpdate]=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.CH)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const element=ref.current;element&&(nativeRadio||(void 0!==isChecked&&(element.checked=isChecked),void 0!==name&&(element.name=name),void 0!==value&&(element.value=`${value}`)))}),[propertyUpdated,nativeRadio,isChecked,name,value]);const onChange=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{if(disabled)return event.preventDefault(),void event.stopPropagation();(null==store?void 0:store.getState().value)!==value&&(nativeRadio||(event.currentTarget.checked=!0,schedulePropertyUpdate()),null==onChangeProp||onChangeProp(event),event.defaultPrevented||null==store||store.setValue(value))})),onClickProp=props.onClick,onClick=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{null==onClickProp||onClickProp(event),event.defaultPrevented||nativeRadio||onChange(event)})),onFocusProp=props.onFocus,onFocus=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{if(null==onFocusProp||onFocusProp(event),event.defaultPrevented)return;if(!nativeRadio)return;if(!store)return;const{moves,activeId}=store.getState();moves&&(id&&activeId!==id||onChange(event))}));return props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.ko)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({id,role:nativeRadio?void 0:"radio",type:nativeRadio?"radio":void 0,"aria-checked":isChecked},props),{ref:(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.SV)(ref,props.ref),onChange,onClick,onFocus}),props=(0,_P2CTZE2T_js__WEBPACK_IMPORTED_MODULE_7__.k)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({store,clickOnEnter:!nativeRadio},props)),(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.HR)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({name:nativeRadio?name:void 0,value:nativeRadio?value:void 0,checked:isChecked},props))})),Radio=(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ph)((0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.Rf)((function Radio2(props){const htmlProps=useRadio(props);return(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.n)("input",htmlProps)})))},"./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XF:()=>useRadioProviderContext,aN:()=>RadioScopedContextProvider,c4:()=>useRadioContext});var _P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/P7GR5CS5.js"),ctx=(0,__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js").B0)([_P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__.ws],[_P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__.aN]),useRadioContext=ctx.useContext,useRadioProviderContext=(ctx.useScopedContext,ctx.useProviderContext),RadioScopedContextProvider=(ctx.ContextProvider,ctx.ScopedContextProvider)},"./node_modules/@ariakit/react-core/esm/radio/radio-group.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>RadioGroup});var _chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js"),_chunks_ITI7HKP4_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ITI7HKP4.js"),_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js"),_chunks_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),useRadioGroup=(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ab)((function useRadioGroup2(_a){var _b=_a,{store}=_b,props=(0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.YG)(_b,["store"]);const context=(0,_chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.XF)();return store=store||context,(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_4__.V1)(store,!1),props=(0,_chunks_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.w7)(props,(element=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.aN,{value:store,children:element})),[store]),props=(0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({role:"radiogroup"},props),props=(0,_chunks_ITI7HKP4_js__WEBPACK_IMPORTED_MODULE_6__.T)((0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({store},props))})),RadioGroup=(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.Rf)((function RadioGroup2(props){const htmlProps=useRadioGroup(props);return(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.n)("div",htmlProps)}))},"./packages/components/src/radio-group/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Controlled:()=>Controlled,Default:()=>Default,Disabled:()=>Disabled,default:()=>index_story});var _4BXJGRNH=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/4BXJGRNH.js"),radio_group=__webpack_require__("./node_modules/@ariakit/react-core/esm/radio/radio-group.js"),react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/i18n/build-module/index.js"),button_group=__webpack_require__("./packages/components/src/button-group/index.tsx");const RadioGroupContext=(0,react.createContext)({store:void 0,disabled:void 0});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const RadioGroup=(0,react.forwardRef)((function UnforwardedRadioGroup({label,checked,defaultChecked,disabled,onChange,children,...props},ref){const radioStore=_4BXJGRNH.s({value:checked,defaultValue:defaultChecked,setValue:newValue=>{onChange?.(null!=newValue?newValue:void 0)},rtl:(0,build_module.V8)()}),contextValue=(0,react.useMemo)((()=>({store:radioStore,disabled})),[radioStore,disabled]);return(0,jsx_runtime.jsx)(RadioGroupContext.Provider,{value:contextValue,children:(0,jsx_runtime.jsx)(radio_group.z,{store:radioStore,render:(0,jsx_runtime.jsx)(button_group.A,{children}),"aria-label":label,ref,...props})})}));try{RadioGroup.displayName="RadioGroup",RadioGroup.__docgenInfo={description:"",displayName:"RadioGroup",props:{label:{defaultValue:null,description:"Accessible label for the radio group",name:"label",required:!0,type:{name:"string"}},checked:{defaultValue:null,description:"The `value` of the `Radio` element which should be selected.\nIndicates controlled usage of the component.",name:"checked",required:!1,type:{name:"string | number"}},defaultChecked:{defaultValue:null,description:"The value of the radio element which is initially selected.",name:"defaultChecked",required:!1,type:{name:"string | number"}},disabled:{defaultValue:null,description:"Whether the `RadioGroup` should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Called when a `Radio` element has been selected.\nReceives the `value` of the selected element as an argument.",name:"onChange",required:!1,type:{name:"(value: string | number) => void"}},children:{defaultValue:null,description:"The children elements, which should be a series of `Radio` components.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/radio-group/index.tsx#RadioGroup"]={docgenInfo:RadioGroup.__docgenInfo,name:"RadioGroup",path:"packages/components/src/radio-group/index.tsx#RadioGroup"})}catch(__react_docgen_typescript_loader_error){}try{radiogroup.displayName="radiogroup",radiogroup.__docgenInfo={description:"",displayName:"radiogroup",props:{label:{defaultValue:null,description:"Accessible label for the radio group",name:"label",required:!0,type:{name:"string"}},checked:{defaultValue:null,description:"The `value` of the `Radio` element which should be selected.\nIndicates controlled usage of the component.",name:"checked",required:!1,type:{name:"string | number"}},defaultChecked:{defaultValue:null,description:"The value of the radio element which is initially selected.",name:"defaultChecked",required:!1,type:{name:"string | number"}},disabled:{defaultValue:null,description:"Whether the `RadioGroup` should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Called when a `Radio` element has been selected.\nReceives the `value` of the selected element as an argument.",name:"onChange",required:!1,type:{name:"(value: string | number) => void"}},children:{defaultValue:null,description:"The children elements, which should be a series of `Radio` components.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/radio-group/index.tsx#radiogroup"]={docgenInfo:radiogroup.__docgenInfo,name:"radiogroup",path:"packages/components/src/radio-group/index.tsx#radiogroup"})}catch(__react_docgen_typescript_loader_error){}var YV4JVR4I=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),NLEBE274=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/NLEBE274.js"),src_button=__webpack_require__("./packages/components/src/button/index.tsx"),deprecated_36px_size=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts");const Radio=(0,react.forwardRef)((function UnforwardedRadio({value,children,...props},ref){const{store,disabled}=(0,react.useContext)(RadioGroupContext),selectedValue=YV4JVR4I.O$(store,"value"),isChecked=void 0!==selectedValue&&selectedValue===value;return(0,deprecated_36px_size.M)({componentName:"Radio",size:void 0,__next40pxDefaultSize:props.__next40pxDefaultSize}),(0,jsx_runtime.jsx)(NLEBE274.s,{disabled,store,ref,value,render:(0,jsx_runtime.jsx)(src_button.Ay,{variant:isChecked?"primary":"secondary",...props}),children:children||value})}));try{Radio.displayName="Radio",Radio.__docgenInfo={description:"",displayName:"Radio",props:{__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the\ndefault size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The actual value of the radio element.",name:"value",required:!0,type:{name:"string | number"}},children:{defaultValue:null,description:"Content displayed on the Radio element. If there aren't any children, `value` is displayed.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/radio-group/radio.tsx#Radio"]={docgenInfo:Radio.__docgenInfo,name:"Radio",path:"packages/components/src/radio-group/radio.tsx#Radio"})}catch(__react_docgen_typescript_loader_error){}try{radio.displayName="radio",radio.__docgenInfo={description:"",displayName:"radio",props:{__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the\ndefault size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The actual value of the radio element.",name:"value",required:!0,type:{name:"string | number"}},children:{defaultValue:null,description:"Content displayed on the Radio element. If there aren't any children, `value` is displayed.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/radio-group/radio.tsx#radio"]={docgenInfo:radio.__docgenInfo,name:"radio",path:"packages/components/src/radio-group/radio.tsx#radio"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components (Deprecated)/RadioGroup",id:"components-radiogroup",component:RadioGroup,subcomponents:{Radio},argTypes:{onChange:{control:!1},children:{control:!1},checked:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/radio-group",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"},description:{component:"This component is deprecated. Use `RadioControl` or `ToggleGroupControl` instead."}}}},Template=props=>(0,jsx_runtime.jsx)(RadioGroup,{...props}),Default=Template.bind({});Default.args={id:"default-radiogroup",label:"options",defaultChecked:"option2",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Radio,{__next40pxDefaultSize:!0,value:"option1",children:"Option 1"}),(0,jsx_runtime.jsx)(Radio,{__next40pxDefaultSize:!0,value:"option2",children:"Option 2"}),(0,jsx_runtime.jsx)(Radio,{__next40pxDefaultSize:!0,value:"option3",children:"Option 3"})]})};const Disabled=Template.bind({});Disabled.args={...Default.args,id:"disabled-radiogroup",disabled:!0};const Controlled=(({checked:checkedProp,onChange:onChangeProp,...props})=>{const[checked,setChecked]=(0,react.useState)(checkedProp);return(0,jsx_runtime.jsx)(RadioGroup,{...props,onChange:value=>{setChecked(value),onChangeProp?.(value)},checked})}).bind({});Controlled.args={...Default.args,checked:"option2",id:"controlled-radiogroup"},Controlled.argTypes={checked:{control:!1}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n return ;\n}",...Default.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"props => {\n return ;\n}",...Disabled.parameters?.docs?.source}}},Controlled.parameters={...Controlled.parameters,docs:{...Controlled.parameters?.docs,source:{originalSource:"({\n checked: checkedProp,\n onChange: onChangeProp,\n ...props\n}) => {\n const [checked, setChecked] = useState['checked']>(checkedProp);\n const onChange: typeof onChangeProp = value => {\n setChecked(value);\n onChangeProp?.(value);\n };\n return ;\n}",...Controlled.parameters?.docs?.source}}}},"./packages/components/src/button-group/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ButtonGroup=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.forwardRef)((function UnforwardedButtonGroup(props,ref){const{className,...restProps}=props,classes=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-button-group",className);return(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)("wp.components.ButtonGroup",{since:"6.8",alternative:"wp.components.ToggleGroupControl"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref,role:"group",className:classes,...restProps})})),__WEBPACK_DEFAULT_EXPORT__=ButtonGroup;try{ButtonGroup.displayName="ButtonGroup",ButtonGroup.__docgenInfo={description:"ButtonGroup can be used to group any related buttons together. To emphasize\nrelated buttons, a group should share a common container.",displayName:"ButtonGroup",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/button-group/index.tsx#ButtonGroup"]={docgenInfo:ButtonGroup.__docgenInfo,name:"ButtonGroup",path:"packages/components/src/button-group/index.tsx#ButtonGroup"})}catch(__react_docgen_typescript_loader_error){}try{buttongroup.displayName="buttongroup",buttongroup.__docgenInfo={description:"ButtonGroup can be used to group any related buttons together. To emphasize\nrelated buttons, a group should share a common container.",displayName:"buttongroup",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/button-group/index.tsx#buttongroup"]={docgenInfo:buttongroup.__docgenInfo,name:"buttongroup",path:"packages/components/src/button-group/index.tsx#buttongroup"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/deprecated-36px-size.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>maybeWarnDeprecated36pxSize});var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/deprecated/build-module/index.js");function maybeWarnDeprecated36pxSize({componentName,__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}){__shouldNotWarnDeprecated36pxSize||__next40pxDefaultSize||void 0!==size&&"default"!==size||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__.A)(`36px default size for wp.components.${componentName}`,{since:"6.8",version:"7.1",hint:"Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."})}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/radio-group-stories-index-story.d084788a.iframe.bundle.js.LICENSE.txt b/radio-group-stories-index-story.d084788a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/radio-group-stories-index-story.d084788a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/range-control-stories-index-story.504ea2ff.iframe.bundle.js b/range-control-stories-index-story.504ea2ff.iframe.bundle.js new file mode 100644 index 00000000000000..27215e3476300b --- /dev/null +++ b/range-control-stories-index-story.504ea2ff.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[2553],{"./packages/components/src/range-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithAnyStep:()=>WithAnyStep,WithAnyStepAndMarks:()=>WithAnyStepAndMarks,WithDecimalStepAndMarks:()=>WithDecimalStepAndMarks,WithIntegerStepAndMarks:()=>WithIntegerStepAndMarks,WithNegativeMinimumAndMarks:()=>WithNegativeMinimumAndMarks,WithNegativeRangeAndMarks:()=>WithNegativeRangeAndMarks,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/icons/build-module/library/star-empty.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/icons/build-module/library/star-filled.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/icons/build-module/library/styles.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/icons/build-module/library/wordpress.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/range-control/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ICONS={starEmpty:_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__.A,starFilled:_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__.A,styles:_wordpress_icons__WEBPACK_IMPORTED_MODULE_3__.A,wordpress:_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__.A},__WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_5__.A,title:"Components/Selection & Input/Common/RangeControl",id:"components-rangecontrol",argTypes:{afterIcon:{control:{type:"select"},options:Object.keys(ICONS),mapping:ICONS},beforeIcon:{control:{type:"select"},options:Object.keys(ICONS),mapping:ICONS},color:{control:{type:"color"}},help:{control:{type:"text"}},icon:{control:!1},marks:{control:{type:"object"}},onBlur:{control:!1},onChange:{control:!1},onFocus:{control:!1},onMouseLeave:{control:!1},onMouseMove:{control:!1},railColor:{control:{type:"color"}},step:{control:{type:"number"}},trackColor:{control:{type:"color"}},type:{control:{type:"check"},options:["stepper"]},value:{control:!1}},parameters:{sourceLink:"packages/components/src/range-control",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.A,{...args,value,onChange:v=>{setValue(v),onChange?.(v)}})}).bind({});Default.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:"Please select how transparent you would like this.",initialPosition:50,label:"Opacity",max:100,min:0};const WithAnyStep=({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.A,{...args,value,onChange:v=>{setValue(v),onChange?.(v)}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("hr",{style:{marginTop:"5em"}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Current value: ",value]})]})};WithAnyStep.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Brightness",step:"any"};const MarkTemplate=({label,onChange,...args})=>{const[automaticValue,setAutomaticValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.useState)(),[customValue,setCustomValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:label}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.A,{...args,label:"Automatic marks",marks:!0,onChange:v=>{setAutomaticValue(v),onChange?.(v)},value:automaticValue}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_5__.A,{...args,label:"Custom marks",onChange:v=>{setCustomValue(v),onChange?.(v)},value:customValue})]})},marksBase=[{value:0,label:"0"},{value:1,label:"1"},{value:2,label:"2"},{value:8,label:"8"},{value:10,label:"10"}],marksWithNegatives=[...marksBase,{value:-1,label:"-1"},{value:-2,label:"-2"},{value:-4,label:"-4"},{value:-8,label:"-8"}],WithIntegerStepAndMarks=MarkTemplate.bind({});WithIntegerStepAndMarks.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Integer Step",marks:marksBase,max:10,min:0,step:1};const WithDecimalStepAndMarks=MarkTemplate.bind({});WithDecimalStepAndMarks.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,marks:[...marksBase,{value:3.5,label:"3.5"},{value:5.8,label:"5.8"}],max:10,min:0,step:.1};const WithNegativeMinimumAndMarks=MarkTemplate.bind({});WithNegativeMinimumAndMarks.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,marks:marksWithNegatives,max:10,min:-10,step:1};const WithNegativeRangeAndMarks=MarkTemplate.bind({});WithNegativeRangeAndMarks.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,marks:marksWithNegatives,max:-1,min:-10,step:1};const WithAnyStepAndMarks=MarkTemplate.bind({});WithAnyStepAndMarks.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,marks:marksBase,max:10,min:0,step:"any"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState();\n return {\n setValue(v);\n onChange?.(v);\n }} />;\n}",...Default.parameters?.docs?.source}}},WithAnyStep.parameters={...WithAnyStep.parameters,docs:{...WithAnyStep.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState();\n return <>\n {\n setValue(v);\n onChange?.(v);\n }} />\n
\n

Current value: {value}

\n ;\n}",...WithAnyStep.parameters?.docs?.source},description:{story:'Setting the `step` prop to `"any"` will allow users to select non-integer\nvalues. This also overrides both `withInputField` and `showTooltip` props to\n`false`.',...WithAnyStep.parameters?.docs?.description}}},WithIntegerStepAndMarks.parameters={...WithIntegerStepAndMarks.parameters,docs:{...WithIntegerStepAndMarks.parameters?.docs,source:{originalSource:'({\n label,\n onChange,\n ...args\n}) => {\n const [automaticValue, setAutomaticValue] = useState();\n const [customValue, setCustomValue] = useState();\n return <>\n

{label}

\n {\n setAutomaticValue(v);\n onChange?.(v);\n }} value={automaticValue} />\n {\n setCustomValue(v);\n onChange?.(v);\n }} value={customValue} />\n ;\n}',...WithIntegerStepAndMarks.parameters?.docs?.source},description:{story:"Use `marks` to render a visual representation of `step` ticks. Marks may be\nautomatically generated or custom mark indicators can be provided by an\n`Array`.",...WithIntegerStepAndMarks.parameters?.docs?.description}}},WithDecimalStepAndMarks.parameters={...WithDecimalStepAndMarks.parameters,docs:{...WithDecimalStepAndMarks.parameters?.docs,source:{originalSource:'({\n label,\n onChange,\n ...args\n}) => {\n const [automaticValue, setAutomaticValue] = useState();\n const [customValue, setCustomValue] = useState();\n return <>\n

{label}

\n {\n setAutomaticValue(v);\n onChange?.(v);\n }} value={automaticValue} />\n {\n setCustomValue(v);\n onChange?.(v);\n }} value={customValue} />\n ;\n}',...WithDecimalStepAndMarks.parameters?.docs?.source},description:{story:"Decimal values may be used for `marks` rendered as a visual representation of\n`step` ticks. Marks may be automatically generated or custom mark indicators\ncan be provided by an `Array`.",...WithDecimalStepAndMarks.parameters?.docs?.description}}},WithNegativeMinimumAndMarks.parameters={...WithNegativeMinimumAndMarks.parameters,docs:{...WithNegativeMinimumAndMarks.parameters?.docs,source:{originalSource:'({\n label,\n onChange,\n ...args\n}) => {\n const [automaticValue, setAutomaticValue] = useState();\n const [customValue, setCustomValue] = useState();\n return <>\n

{label}

\n {\n setAutomaticValue(v);\n onChange?.(v);\n }} value={automaticValue} />\n {\n setCustomValue(v);\n onChange?.(v);\n }} value={customValue} />\n ;\n}',...WithNegativeMinimumAndMarks.parameters?.docs?.source},description:{story:"A negative `min` value can be used to constrain `RangeControl` values. Mark\nindicators can represent negative values as well. Marks may be automatically\ngenerated or custom mark indicators can be provided by an `Array`.",...WithNegativeMinimumAndMarks.parameters?.docs?.description}}},WithNegativeRangeAndMarks.parameters={...WithNegativeRangeAndMarks.parameters,docs:{...WithNegativeRangeAndMarks.parameters?.docs,source:{originalSource:'({\n label,\n onChange,\n ...args\n}) => {\n const [automaticValue, setAutomaticValue] = useState();\n const [customValue, setCustomValue] = useState();\n return <>\n

{label}

\n {\n setAutomaticValue(v);\n onChange?.(v);\n }} value={automaticValue} />\n {\n setCustomValue(v);\n onChange?.(v);\n }} value={customValue} />\n ;\n}',...WithNegativeRangeAndMarks.parameters?.docs?.source},description:{story:"The entire range of valid values for a `RangeControl` may be negative. Mark\nindicators can represent negative values as well. Marks may be automatically\ngenerated or custom mark indicators can be provided by an `Array`.",...WithNegativeRangeAndMarks.parameters?.docs?.description}}},WithAnyStepAndMarks.parameters={...WithAnyStepAndMarks.parameters,docs:{...WithAnyStepAndMarks.parameters?.docs,source:{originalSource:'({\n label,\n onChange,\n ...args\n}) => {\n const [automaticValue, setAutomaticValue] = useState();\n const [customValue, setCustomValue] = useState();\n return <>\n

{label}

\n {\n setAutomaticValue(v);\n onChange?.(v);\n }} value={automaticValue} />\n {\n setCustomValue(v);\n onChange?.(v);\n }} value={customValue} />\n ;\n}',...WithAnyStepAndMarks.parameters?.docs?.source},description:{story:"When a `RangeControl` has a `step` value of `any` a user may select\nnon-integer values. This may still be used in conjunction with `marks`\nrendering a visual representation of `step` ticks.",...WithAnyStepAndMarks.parameters?.docs?.description}}};try{WithAnyStep.displayName="WithAnyStep",WithAnyStep.__docgenInfo={description:'Setting the `step` prop to `"any"` will allow users to select non-integer\nvalues. This also overrides both `withInputField` and `showTooltip` props to\n`false`.',displayName:"WithAnyStep",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithAnyStep"]={docgenInfo:WithAnyStep.__docgenInfo,name:"WithAnyStep",path:"packages/components/src/range-control/stories/index.story.tsx#WithAnyStep"})}catch(__react_docgen_typescript_loader_error){}try{WithIntegerStepAndMarks.displayName="WithIntegerStepAndMarks",WithIntegerStepAndMarks.__docgenInfo={description:"Use `marks` to render a visual representation of `step` ticks. Marks may be\nautomatically generated or custom mark indicators can be provided by an\n`Array`.",displayName:"WithIntegerStepAndMarks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithIntegerStepAndMarks"]={docgenInfo:WithIntegerStepAndMarks.__docgenInfo,name:"WithIntegerStepAndMarks",path:"packages/components/src/range-control/stories/index.story.tsx#WithIntegerStepAndMarks"})}catch(__react_docgen_typescript_loader_error){}try{WithDecimalStepAndMarks.displayName="WithDecimalStepAndMarks",WithDecimalStepAndMarks.__docgenInfo={description:"Decimal values may be used for `marks` rendered as a visual representation of\n`step` ticks. Marks may be automatically generated or custom mark indicators\ncan be provided by an `Array`.",displayName:"WithDecimalStepAndMarks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithDecimalStepAndMarks"]={docgenInfo:WithDecimalStepAndMarks.__docgenInfo,name:"WithDecimalStepAndMarks",path:"packages/components/src/range-control/stories/index.story.tsx#WithDecimalStepAndMarks"})}catch(__react_docgen_typescript_loader_error){}try{WithNegativeMinimumAndMarks.displayName="WithNegativeMinimumAndMarks",WithNegativeMinimumAndMarks.__docgenInfo={description:"A negative `min` value can be used to constrain `RangeControl` values. Mark\nindicators can represent negative values as well. Marks may be automatically\ngenerated or custom mark indicators can be provided by an `Array`.",displayName:"WithNegativeMinimumAndMarks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithNegativeMinimumAndMarks"]={docgenInfo:WithNegativeMinimumAndMarks.__docgenInfo,name:"WithNegativeMinimumAndMarks",path:"packages/components/src/range-control/stories/index.story.tsx#WithNegativeMinimumAndMarks"})}catch(__react_docgen_typescript_loader_error){}try{WithNegativeRangeAndMarks.displayName="WithNegativeRangeAndMarks",WithNegativeRangeAndMarks.__docgenInfo={description:"The entire range of valid values for a `RangeControl` may be negative. Mark\nindicators can represent negative values as well. Marks may be automatically\ngenerated or custom mark indicators can be provided by an `Array`.",displayName:"WithNegativeRangeAndMarks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithNegativeRangeAndMarks"]={docgenInfo:WithNegativeRangeAndMarks.__docgenInfo,name:"WithNegativeRangeAndMarks",path:"packages/components/src/range-control/stories/index.story.tsx#WithNegativeRangeAndMarks"})}catch(__react_docgen_typescript_loader_error){}try{WithAnyStepAndMarks.displayName="WithAnyStepAndMarks",WithAnyStepAndMarks.__docgenInfo={description:"When a `RangeControl` has a `step` value of `any` a user may select\nnon-integer values. This may still be used in conjunction with `marks`\nrendering a visual representation of `step` ticks.",displayName:"WithAnyStepAndMarks",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/range-control/stories/index.story.tsx#WithAnyStepAndMarks"]={docgenInfo:WithAnyStepAndMarks.__docgenInfo,name:"WithAnyStepAndMarks",path:"packages/components/src/range-control/stories/index.story.tsx#WithAnyStepAndMarks"})}catch(__react_docgen_typescript_loader_error){}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./packages/icons/build-module/library/star-empty.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{fillRule:"evenodd",d:"M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z",clipRule:"evenodd"})})},"./packages/icons/build-module/library/star-filled.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"})})},"./packages/icons/build-module/library/styles.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{fillRule:"evenodd",clipRule:"evenodd",d:"M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 0 1-6.5 6.5v-13a6.5 6.5 0 0 1 6.5 6.5Z"})})},"./packages/icons/build-module/library/wordpress.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})})}}]); \ No newline at end of file diff --git a/resizable-box-stories-index-story.9192e24a.iframe.bundle.js b/resizable-box-stories-index-story.9192e24a.iframe.bundle.js new file mode 100644 index 00000000000000..bd4571927553f6 --- /dev/null +++ b/resizable-box-stories-index-story.9192e24a.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see resizable-box-stories-index-story.9192e24a.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3709],{"./packages/components/src/resizable-box/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DisabledDirections:()=>DisabledDirections,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),lib=__webpack_require__("./node_modules/re-resizable/lib/index.js"),build_module=__webpack_require__("./packages/i18n/build-module/index.js"),use_resize_observer=__webpack_require__("./packages/compose/build-module/hooks/use-resize-observer/index.js");const noop=()=>{},POSITIONS={bottom:"bottom",corner:"corner"};function useResizeLabel({axis,fadeTimeout=180,onResize=noop,position=POSITIONS.bottom,showPx=!1}){const[resizeListener,sizes]=(0,use_resize_observer.A)(),isAxisControlled=!!axis,[moveX,setMoveX]=(0,react.useState)(!1),[moveY,setMoveY]=(0,react.useState)(!1),{width,height}=sizes,heightRef=(0,react.useRef)(height),widthRef=(0,react.useRef)(width),moveTimeoutRef=(0,react.useRef)(),debounceUnsetMoveXY=(0,react.useCallback)((()=>{moveTimeoutRef.current&&window.clearTimeout(moveTimeoutRef.current),moveTimeoutRef.current=window.setTimeout((()=>{isAxisControlled||(setMoveX(!1),setMoveY(!1))}),fadeTimeout)}),[fadeTimeout,isAxisControlled]);(0,react.useEffect)((()=>{if(!(null!==width||null!==height))return;const didWidthChange=width!==widthRef.current,didHeightChange=height!==heightRef.current;if(didWidthChange||didHeightChange){if(width&&!widthRef.current&&height&&!heightRef.current)return widthRef.current=width,void(heightRef.current=height);didWidthChange&&(setMoveX(!0),widthRef.current=width),didHeightChange&&(setMoveY(!0),heightRef.current=height),onResize({width,height}),debounceUnsetMoveXY()}}),[width,height,onResize,debounceUnsetMoveXY]);const label=function getSizeLabel({axis,height,moveX=!1,moveY=!1,position=POSITIONS.bottom,showPx=!1,width}){if(!moveX&&!moveY)return;if(position===POSITIONS.corner)return`${width} x ${height}`;const labelUnit=showPx?" px":"";if(axis){if("x"===axis&&moveX)return`${width}${labelUnit}`;if("y"===axis&&moveY)return`${height}${labelUnit}`}if(moveX&&moveY)return`${width} x ${height}`;if(moveX)return`${width}${labelUnit}`;if(moveY)return`${height}${labelUnit}`;return}({axis,height,moveX,moveY,position,showPx,width});return{label,resizeListener}}var emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),component=__webpack_require__("./packages/components/src/text/component.tsx"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),font=__webpack_require__("./packages/components/src/utils/font.js");const Root=(0,emotion_styled_base_browser_esm.A)("div",{target:"e1wq7y4k3"})({name:"1cd7zoc",styles:"bottom:0;box-sizing:border-box;left:0;pointer-events:none;position:absolute;right:0;top:0"}),TooltipWrapper=(0,emotion_styled_base_browser_esm.A)("div",{target:"e1wq7y4k2"})({name:"ajymcs",styles:"align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity 120ms linear"}),Tooltip=(0,emotion_styled_base_browser_esm.A)("div",{target:"e1wq7y4k1"})("background:",colors_values.l.theme.foreground,";border-radius:",config_values.A.radiusSmall,";box-sizing:border-box;font-family:",(0,font.g)("default.fontFamily"),";font-size:12px;color:",colors_values.l.theme.foregroundInverted,";padding:4px 8px;position:relative;"),LabelText=(0,emotion_styled_base_browser_esm.A)(component.A,{target:"e1wq7y4k0"})("&&&{color:",colors_values.l.theme.foregroundInverted,";display:block;font-size:13px;line-height:1.4;white-space:nowrap;}");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const resize_tooltip_label=(0,react.forwardRef)((function Label({label,position=POSITIONS.corner,zIndex=1e3,...props},ref){const showLabel=!!label,isBottom=position===POSITIONS.bottom,isCorner=position===POSITIONS.corner;if(!showLabel)return null;let style={opacity:showLabel?1:void 0,zIndex},labelStyle={};return isBottom&&(style={...style,position:"absolute",bottom:-10,left:"50%",transform:"translate(-50%, 0)"},labelStyle={transform:"translate(0, 100%)"}),isCorner&&(style={...style,position:"absolute",top:4,right:(0,build_module.V8)()?void 0:4,left:(0,build_module.V8)()?4:void 0}),(0,jsx_runtime.jsx)(TooltipWrapper,{"aria-hidden":"true",className:"components-resizable-tooltip__tooltip-wrapper",ref,style,...props,children:(0,jsx_runtime.jsx)(Tooltip,{className:"components-resizable-tooltip__tooltip",style:labelStyle,children:(0,jsx_runtime.jsx)(LabelText,{as:"span",children:label})})})}));try{label.displayName="label",label.__docgenInfo={description:"",displayName:"label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},position:{defaultValue:null,description:"",name:"position",required:!0,type:{name:"enum",value:[{value:'"bottom"'},{value:'"corner"'}]}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/resizable-box/resize-tooltip/label.tsx#label"]={docgenInfo:label.__docgenInfo,name:"label",path:"packages/components/src/resizable-box/resize-tooltip/label.tsx#label"})}catch(__react_docgen_typescript_loader_error){}const resize_tooltip_noop=()=>{};const resize_tooltip=(0,react.forwardRef)((function ResizeTooltip({axis,className,fadeTimeout=180,isVisible=!0,labelRef,onResize=resize_tooltip_noop,position=POSITIONS.bottom,showPx=!0,zIndex=1e3,...props},ref){const{label,resizeListener}=useResizeLabel({axis,fadeTimeout,onResize,showPx,position});if(!isVisible)return null;const classes=(0,clsx.A)("components-resize-tooltip",className);return(0,jsx_runtime.jsxs)(Root,{"aria-hidden":"true",className:classes,ref,...props,children:[resizeListener,(0,jsx_runtime.jsx)(resize_tooltip_label,{"aria-hidden":props["aria-hidden"],label,position,ref:labelRef,zIndex})]})}));try{resizetooltip.displayName="resizetooltip",resizetooltip.__docgenInfo={description:"",displayName:"resizetooltip",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"ElementType"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"enum",value:[{value:'"bottom"'},{value:'"corner"'}]}},zIndex:{defaultValue:null,description:"",name:"zIndex",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"Theme"}},axis:{defaultValue:null,description:"",name:"axis",required:!1,type:{name:"enum",value:[{value:'"x"'},{value:'"y"'}]}},fadeTimeout:{defaultValue:null,description:"",name:"fadeTimeout",required:!1,type:{name:"number"}},isVisible:{defaultValue:null,description:"",name:"isVisible",required:!1,type:{name:"boolean"}},labelRef:{defaultValue:null,description:"",name:"labelRef",required:!1,type:{name:"Ref"}},showPx:{defaultValue:null,description:"",name:"showPx",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/resizable-box/resize-tooltip/index.tsx#resizetooltip"]={docgenInfo:resizetooltip.__docgenInfo,name:"resizetooltip",path:"packages/components/src/resizable-box/resize-tooltip/index.tsx#resizetooltip"})}catch(__react_docgen_typescript_loader_error){}const HANDLE_CLASS_NAME="components-resizable-box__handle",SIDE_HANDLE_CLASS_NAME="components-resizable-box__side-handle",CORNER_HANDLE_CLASS_NAME="components-resizable-box__corner-handle",HANDLE_CLASSES={top:(0,clsx.A)(HANDLE_CLASS_NAME,SIDE_HANDLE_CLASS_NAME,"components-resizable-box__handle-top"),right:(0,clsx.A)(HANDLE_CLASS_NAME,SIDE_HANDLE_CLASS_NAME,"components-resizable-box__handle-right"),bottom:(0,clsx.A)(HANDLE_CLASS_NAME,SIDE_HANDLE_CLASS_NAME,"components-resizable-box__handle-bottom"),left:(0,clsx.A)(HANDLE_CLASS_NAME,SIDE_HANDLE_CLASS_NAME,"components-resizable-box__handle-left"),topLeft:(0,clsx.A)(HANDLE_CLASS_NAME,CORNER_HANDLE_CLASS_NAME,"components-resizable-box__handle-top","components-resizable-box__handle-left"),topRight:(0,clsx.A)(HANDLE_CLASS_NAME,CORNER_HANDLE_CLASS_NAME,"components-resizable-box__handle-top","components-resizable-box__handle-right"),bottomRight:(0,clsx.A)(HANDLE_CLASS_NAME,CORNER_HANDLE_CLASS_NAME,"components-resizable-box__handle-bottom","components-resizable-box__handle-right"),bottomLeft:(0,clsx.A)(HANDLE_CLASS_NAME,CORNER_HANDLE_CLASS_NAME,"components-resizable-box__handle-bottom","components-resizable-box__handle-left")},HANDLE_STYLES_OVERRIDES={width:void 0,height:void 0,top:void 0,right:void 0,bottom:void 0,left:void 0},HANDLE_STYLES={top:HANDLE_STYLES_OVERRIDES,right:HANDLE_STYLES_OVERRIDES,bottom:HANDLE_STYLES_OVERRIDES,left:HANDLE_STYLES_OVERRIDES,topLeft:HANDLE_STYLES_OVERRIDES,topRight:HANDLE_STYLES_OVERRIDES,bottomRight:HANDLE_STYLES_OVERRIDES,bottomLeft:HANDLE_STYLES_OVERRIDES};const ResizableBox=(0,react.forwardRef)((function UnforwardedResizableBox({className,children,showHandle=!0,__experimentalShowTooltip:showTooltip=!1,__experimentalTooltipProps:tooltipProps={},...props},ref){return(0,jsx_runtime.jsxs)(lib.c,{className:(0,clsx.A)("components-resizable-box__container",showHandle&&"has-show-handle",className),handleComponent:Object.fromEntries(Object.keys(HANDLE_CLASSES).map((key=>[key,(0,jsx_runtime.jsx)("div",{tabIndex:-1},key)]))),handleClasses:HANDLE_CLASSES,handleStyles:HANDLE_STYLES,ref,...props,children:[children,showTooltip&&(0,jsx_runtime.jsx)(resize_tooltip,{...tooltipProps})]})})),resizable_box=ResizableBox;try{ResizableBox.displayName="ResizableBox",ResizableBox.__docgenInfo={description:"",displayName:"ResizableBox",props:{showHandle:{defaultValue:null,description:"",name:"showHandle",required:!1,type:{name:"boolean"}},__experimentalShowTooltip:{defaultValue:null,description:"",name:"__experimentalShowTooltip",required:!1,type:{name:"boolean"}},__experimentalTooltipProps:{defaultValue:null,description:"",name:"__experimentalTooltipProps",required:!1,type:{name:'Omit & RefAttributes'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/resizable-box/index.tsx#ResizableBox"]={docgenInfo:ResizableBox.__docgenInfo,name:"ResizableBox",path:"packages/components/src/resizable-box/index.tsx#ResizableBox"})}catch(__react_docgen_typescript_loader_error){}try{resizablebox.displayName="resizablebox",resizablebox.__docgenInfo={description:"",displayName:"resizablebox",props:{showHandle:{defaultValue:null,description:"",name:"showHandle",required:!1,type:{name:"boolean"}},__experimentalShowTooltip:{defaultValue:null,description:"",name:"__experimentalShowTooltip",required:!1,type:{name:"boolean"}},__experimentalTooltipProps:{defaultValue:null,description:"",name:"__experimentalTooltipProps",required:!1,type:{name:'Omit & RefAttributes'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/resizable-box/index.tsx#resizablebox"]={docgenInfo:resizablebox.__docgenInfo,name:"resizablebox",path:"packages/components/src/resizable-box/index.tsx#resizablebox"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components/Utilities/ResizableBox",id:"components-resizablebox",component:resizable_box,argTypes:{children:{control:!1},enable:{control:"object"},onResizeStop:{action:"onResizeStop"}},parameters:{sourceLink:"packages/components/src/resizable-box",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=({onResizeStop,...props})=>{const[{height,width},setAttributes]=(0,react.useState)({height:200,width:400});return(0,jsx_runtime.jsx)(resizable_box,{...props,size:{height,width},onResizeStop:(event,direction,elt,delta)=>{onResizeStop?.(event,direction,elt,delta),setAttributes({height:height+delta.height,width:width+delta.width})}})},Default=Template.bind({});Default.args={children:(0,jsx_runtime.jsx)("div",{style:{background:"#eee",display:"flex",height:"100%",width:"100%",alignItems:"center",justifyContent:"center"},children:"Resize"})};const DisabledDirections=Template.bind({});DisabledDirections.args={...Default.args,enable:{top:!1,right:!0,bottom:!0,left:!1,topRight:!1,bottomRight:!0,bottomLeft:!1,topLeft:!1}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onResizeStop,\n ...props\n}) => {\n const [{\n height,\n width\n }, setAttributes] = useState({\n height: 200,\n width: 400\n });\n return {\n onResizeStop?.(event, direction, elt, delta);\n setAttributes({\n height: height + delta.height,\n width: width + delta.width\n });\n }} />;\n}",...Default.parameters?.docs?.source}}},DisabledDirections.parameters={...DisabledDirections.parameters,docs:{...DisabledDirections.parameters?.docs,source:{originalSource:"({\n onResizeStop,\n ...props\n}) => {\n const [{\n height,\n width\n }, setAttributes] = useState({\n height: 200,\n width: 400\n });\n return {\n onResizeStop?.(event, direction, elt, delta);\n setAttributes({\n height: height + delta.height,\n width: width + delta.width\n });\n }} />;\n}",...DisabledDirections.parameters?.docs?.source},description:{story:"The `enable` prop can be used to disable resizing in specific directions.",...DisabledDirections.parameters?.docs?.description}}};try{DisabledDirections.displayName="DisabledDirections",DisabledDirections.__docgenInfo={description:"The `enable` prop can be used to disable resizing in specific directions.",displayName:"DisabledDirections",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/resizable-box/stories/index.story.tsx#DisabledDirections"]={docgenInfo:DisabledDirections.__docgenInfo,name:"DisabledDirections",path:"packages/components/src/resizable-box/stories/index.story.tsx#DisabledDirections"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n\n \n\n```\n\n@template {Record} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/font.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>font});const font_values={"default.fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif","default.fontSize":"13px","helpText.fontSize":"12px",mobileTextMinFontSize:"16px"};function font(value){var _FONT$value;return null!==(_FONT$value=font_values[value])&&void 0!==_FONT$value?_FONT$value:""}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/compose/build-module/hooks/use-event/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useEvent});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useEvent(callback){const ref=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)((()=>{throw new Error("Callbacks created with `useEvent` cannot be called during rendering.")}));return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)((()=>{ref.current=callback})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((...args)=>ref.current?.(...args)),[])}},"./packages/compose/build-module/hooks/use-resize-observer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>use_resize_observer_useResizeObserver});var react=__webpack_require__("./node_modules/react/index.js"),use_event=__webpack_require__("./packages/compose/build-module/hooks/use-event/index.js");function useResizeObserver(callback,resizeObserverOptions={}){const callbackEvent=(0,use_event.A)(callback),observedElementRef=(0,react.useRef)(),resizeObserverRef=(0,react.useRef)();return(0,use_event.A)((element=>{var _resizeObserverRef$cu;if(element===observedElementRef.current)return;null!==(_resizeObserverRef$cu=resizeObserverRef.current)&&void 0!==_resizeObserverRef$cu||(resizeObserverRef.current=new ResizeObserver(callbackEvent));const{current:resizeObserver}=resizeObserverRef;observedElementRef.current&&resizeObserver.unobserve(observedElementRef.current),observedElementRef.current=element,element&&resizeObserver.observe(element,resizeObserverOptions)}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const extractSize=entry=>{let entrySize;if(entry.contentBoxSize)if(entry.contentBoxSize[0]){const contentBoxSize=entry.contentBoxSize[0];entrySize=[contentBoxSize.inlineSize,contentBoxSize.blockSize]}else{const contentBoxSize=entry.contentBoxSize;entrySize=[contentBoxSize.inlineSize,contentBoxSize.blockSize]}else entrySize=[entry.contentRect.width,entry.contentRect.height];const[width,height]=entrySize.map((d=>Math.round(d)));return{width,height}},RESIZE_ELEMENT_STYLES={position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:0,overflow:"hidden",zIndex:-1};function ResizeElement({onResize}){const resizeElementRef=useResizeObserver((entries=>{const newSize=extractSize(entries.at(-1));onResize(newSize)}));return(0,jsx_runtime.jsx)("div",{ref:resizeElementRef,style:RESIZE_ELEMENT_STYLES,"aria-hidden":"true"})}const NULL_SIZE={width:null,height:null};function use_resize_observer_useResizeObserver(callback,options={}){return callback?useResizeObserver(callback,options):function useLegacyResizeObserver(){const[size,setSize]=(0,react.useState)(NULL_SIZE),previousSizeRef=(0,react.useRef)(NULL_SIZE),handleResize=(0,react.useCallback)((newSize=>{(function sizeEquals(a,b){return a.width===b.width&&a.height===b.height})(previousSizeRef.current,newSize)||(previousSizeRef.current=newSize,setSize(newSize))}),[]);return[(0,jsx_runtime.jsx)(ResizeElement,{onResize:handleResize}),size]}()}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/text/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,E:()=>Text});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/text/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Text=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedText(props,forwardedRef){const textProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{as:"span",...textProps,ref:forwardedRef})}),"Text"),__WEBPACK_DEFAULT_EXPORT__=Text;try{Text.displayName="Text",Text.__docgenInfo={description:"`Text` is a core component that renders text in the library, using the\nlibrary's typography system.\n\n`Text` can be used to render any text-content, like an HTML `p` or `span`.",displayName:"Text",props:{align:{defaultValue:null,description:"Adjusts the text alignment.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"inherit"'},{value:'"end"'},{value:'"start"'},{value:'"initial"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"match-parent"'}]}},adjustLineHeightForInnerControls:{defaultValue:null,description:"Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).",name:"adjustLineHeightForInnerControls",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'},{value:'"xSmall"'}]}},color:{defaultValue:null,description:"Adjusts the text color.",name:"color",required:!1,type:{name:"Color"}},display:{defaultValue:null,description:"Adjusts the CSS display.",name:"display",required:!1,type:{name:"Display"}},isDestructive:{defaultValue:{value:"false"},description:"Renders a destructive color.",name:"isDestructive",required:!1,type:{name:"boolean"}},highlightEscape:{defaultValue:{value:"false"},description:"Escape characters in `highlightWords` which are meaningful in regular expressions.",name:"highlightEscape",required:!1,type:{name:"boolean"}},highlightCaseSensitive:{defaultValue:{value:"false"},description:"Determines if `highlightWords` should be case sensitive.",name:"highlightCaseSensitive",required:!1,type:{name:"boolean"}},highlightSanitize:{defaultValue:null,description:"Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.",name:"highlightSanitize",required:!1,type:{name:"(text: string) => string"}},isBlock:{defaultValue:{value:"false"},description:"Sets `Text` to have `display: block`. Note: text truncation only works\nwhen `isBlock` is `false`.",name:"isBlock",required:!1,type:{name:"boolean"}},lineHeight:{defaultValue:null,description:"Adjusts all text line-height based on the typography system.",name:"lineHeight",required:!1,type:{name:"LineHeight"}},optimizeReadabilityFor:{defaultValue:null,description:"The `Text` color can be adapted to a background color for optimal readability. `optimizeReadabilityFor` can accept CSS variables, in addition to standard CSS color values (e.g. Hex, RGB, HSL, etc...).",name:"optimizeReadabilityFor",required:!1,type:{name:"Color"}},size:{defaultValue:null,description:"Adjusts text size based on the typography system. `Text` can render a wide range of font sizes, which are automatically calculated and adapted to the typography system. The `size` value can be a system preset, a `number`, or a custom unit value (`string`) such as `30em`.",name:"size",required:!1,type:{name:"string | number | (string & {})"}},truncate:{defaultValue:{value:"false"},description:"Enables text truncation. When `truncate` is set, we are able to truncate the long text in a variety of ways. Note: text truncation won't work if the `isBlock` property is set to `true`",name:"truncate",required:!1,type:{name:"boolean"}},upperCase:{defaultValue:{value:"false"},description:"Uppercases the text content.",name:"upperCase",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Adjusts style variation of the text.",name:"variant",required:!1,type:{name:'"muted"'}},weight:{defaultValue:{value:"'normal'"},description:"Adjusts font-weight of the text.",name:"weight",required:!1,type:{name:"FontWeight | TextWeight"}},letterSpacing:{defaultValue:null,description:"Adjusts letter-spacing of the text.",name:"letterSpacing",required:!1,type:{name:"LetterSpacing"}},highlightWords:{defaultValue:null,description:"Letters or words within `Text` can be highlighted using `highlightWords`.",name:"highlightWords",required:!1,type:{name:"string[]"}},ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"head"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass | FunctionComponent | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text/component.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"packages/components/src/text/component.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t\n\t\t\t Code is Poetry\n\t\t\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{"use strict";var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/resizable-box-stories-index-story.9192e24a.iframe.bundle.js.LICENSE.txt b/resizable-box-stories-index-story.9192e24a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/resizable-box-stories-index-story.9192e24a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/responsive-wrapper-stories-index-story.891ee94c.iframe.bundle.js b/responsive-wrapper-stories-index-story.891ee94c.iframe.bundle.js new file mode 100644 index 00000000000000..8f98e93e42ebfe --- /dev/null +++ b/responsive-wrapper-stories-index-story.891ee94c.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3932],{"./packages/components/src/responsive-wrapper/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithSVG:()=>WithSVG,default:()=>index_story});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function ResponsiveWrapper({naturalWidth,naturalHeight,children,isInline=!1}){if(1!==react.Children.count(children))return null;const TagName=isInline?"span":"div";let aspectRatio;return naturalWidth&&naturalHeight&&(aspectRatio=`${naturalWidth} / ${naturalHeight}`),(0,jsx_runtime.jsx)(TagName,{className:"components-responsive-wrapper",children:(0,jsx_runtime.jsx)("div",{children:(0,react.cloneElement)(children,{className:(0,clsx.A)("components-responsive-wrapper__content",children.props.className),style:{...children.props.style,aspectRatio}})})})}const responsive_wrapper=ResponsiveWrapper;try{ResponsiveWrapper.displayName="ResponsiveWrapper",ResponsiveWrapper.__docgenInfo={description:'A wrapper component that maintains its aspect ratio when resized.\n\n```jsx\nimport { ResponsiveWrapper } from \'@wordpress/components\';\n\nconst MyResponsiveWrapper = () => (\n\t\n\t\t\n\t\n);\n```',displayName:"ResponsiveWrapper",props:{naturalWidth:{defaultValue:null,description:"The intrinsic width of the element to wrap. Will be used to determine the aspect ratio.",name:"naturalWidth",required:!1,type:{name:"number"}},naturalHeight:{defaultValue:null,description:"The intrinsic height of the element to wrap. Will be used to determine the aspect ratio.",name:"naturalHeight",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The element to wrap.",name:"children",required:!0,type:{name:"ReactElement>"}},isInline:{defaultValue:{value:"false"},description:"If true, the wrapper will be `span` instead of `div`.",name:"isInline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/responsive-wrapper/index.tsx#ResponsiveWrapper"]={docgenInfo:ResponsiveWrapper.__docgenInfo,name:"ResponsiveWrapper",path:"packages/components/src/responsive-wrapper/index.tsx#ResponsiveWrapper"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:responsive_wrapper,title:"Components/Layout/ResponsiveWrapper",id:"components-responsivewrapper",argTypes:{children:{control:!1}},parameters:{sourceLink:"packages/components/src/responsive-wrapper",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=args=>(0,jsx_runtime.jsx)(responsive_wrapper,{...args}),Default=Template.bind({});Default.args={naturalWidth:2e3,naturalHeight:680,children:(0,jsx_runtime.jsx)("img",{src:"https://s.w.org/style/images/about/WordPress-logotype-standard.png",alt:"WordPress"})};const WithSVG=Template.bind({});WithSVG.args={children:(0,jsx_runtime.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 280 640",preserveAspectRatio:"xMinYMin meet",width:"280px",height:"640px",children:[(0,jsx_runtime.jsx)("rect",{x:"0",y:"0",width:"280",height:"640",style:{fill:"blue"}}),(0,jsx_runtime.jsxs)("g",{children:[(0,jsx_runtime.jsx)("circle",{style:{fill:"red"},cx:"140",cy:"160",r:"60"}),(0,jsx_runtime.jsx)("circle",{style:{fill:"yellow"},cx:"140",cy:"320",r:"60"}),(0,jsx_runtime.jsx)("circle",{style:{fill:"#40CC40"},cx:"140",cy:"480",r:"60"})]})]})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => ",...Default.parameters?.docs?.source}}},WithSVG.parameters={...WithSVG.parameters,docs:{...WithSVG.parameters?.docs,source:{originalSource:"args => ",...WithSVG.parameters?.docs?.source},description:{story:"When passing an `SVG` element as the ``'s child, make\nsure that it has the `viewbox` and the `preserveAspectRatio` set.\n\nWhen dealing with SVGs, it may not be possible to derive its `naturalWidth`\nand `naturalHeight` and therefore passing them as propertied to\n``. In this case, the SVG simply keeps scaling up to fill\nits container, unless the `height` and `width` attributes are specified.",...WithSVG.parameters?.docs?.description}}};try{WithSVG.displayName="WithSVG",WithSVG.__docgenInfo={description:"When passing an `SVG` element as the ``'s child, make\nsure that it has the `viewbox` and the `preserveAspectRatio` set.\n\nWhen dealing with SVGs, it may not be possible to derive its `naturalWidth`\nand `naturalHeight` and therefore passing them as propertied to\n``. In this case, the SVG simply keeps scaling up to fill\nits container, unless the `height` and `width` attributes are specified.",displayName:"WithSVG",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/responsive-wrapper/stories/index.story.tsx#WithSVG"]={docgenInfo:WithSVG.__docgenInfo,name:"WithSVG",path:"packages/components/src/responsive-wrapper/stories/index.story.tsx#WithSVG"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/runtime~main.f1482789.iframe.bundle.js b/runtime~main.f1482789.iframe.bundle.js new file mode 100644 index 00000000000000..c04c2caea58209 --- /dev/null +++ b/runtime~main.f1482789.iframe.bundle.js @@ -0,0 +1 @@ +(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({0:"drop-zone-stories-index-story",21:"combobox-control-stories-index-story",48:"foundations-layout-mdx",100:"angle-picker-control-stories-index-story",137:"form-toggle-stories-index-story",199:"alignment-matrix-control-stories-index-story",377:"components-block-patterns-list-stories-index-story",417:"custom-gradient-picker-stories-index-story",492:"spacer-stories-index-story",532:"slot-fill-stories-index-story",614:"palette-edit-stories-index-story",642:"textarea-control-stories-index-story",664:"components-dimensions-tool-stories-aspect-ratio-tool-story",675:"draggable-stories-index-story",810:"card-stories-index-story",842:"dimension-control-stories-index-story",971:"tokens-typography-mdx",1051:"components-text-decoration-control-stories-index-story",1305:"color-palette-stories-index-story",1469:"icon-stories-index-story-js",1557:"radio-group-stories-index-story",1587:"components-writing-mode-control-stories-index-story",1812:"date-time-stories-date-story",1859:"sandbox-stories-index-story",1861:"components-inserter-stories-index-story",1864:"search-control-stories-index-story",1874:"truncate-stories-index-story",1960:"grid-stories-index-story",2016:"external-link-stories-index-story",2042:"date-time-stories-date-time-story",2065:"navigator-stories-index-story",2285:"gradient-picker-stories-index-story",2363:"color-indicator-stories-index-story",2471:"number-control-stories-index-story",2505:"menu-item-stories-index-story",2553:"range-control-stories-index-story",2591:"animate-stories-index-story",2732:"menu-items-choice-stories-index-story",2735:"tooltip-stories-index-story",2737:"h-stack-stories-index-story",2801:"progress-bar-stories-index-story",3006:"shortcut-stories-index-story",3017:"spinner-stories-index-story",3061:"tokens-elevation-mdx",3261:"docs-introduction-mdx",3299:"components-global-styles-stories-index-story",3363:"components-font-family-stories-index-story",3414:"components-dimensions-tool-stories-scale-tool-story",3510:"docs-components-contributing-mdx",3673:"tokens-color-mdx",3709:"resizable-box-stories-index-story",3932:"responsive-wrapper-stories-index-story",3955:"elevation-stories-index-story",3957:"form-file-upload-stories-index-story",4002:"components-dimensions-tool-stories-width-height-tool-story",4053:"flex-stories-index-story",4328:"duotone-picker-stories-duotone-swatch-story",4356:"toggle-control-stories-index-story",4460:"heading-stories-index-story",4470:"navigable-container-stories-tabbable-container-story",4769:"button-stories-best-practices-mdx",4774:"components-height-control-stories-index-story",4822:"guide-stories-index-story",4917:"icon-stories-index-story-tsx",4989:"tip-stories-index-story",5086:"components-resolution-tool-stories-index-story",5208:"notice-stories-index-story",5209:"divider-stories-index-story",5217:"keyboard-shortcuts-stories-index-story",5257:"confirm-dialog-stories-index-story",5363:"scrollable-stories-index-story",5572:"components-alignment-control-stories-aliginment-toolbar-story",5615:"dropdown-menu-stories-index-story",5649:"modal-stories-index-story",5756:"select-control-stories-index-story",5801:"box-control-stories-index-story",5811:"composite-stories-index-story",5830:"tab-panel-stories-index-story",5902:"components-block-draggable-stories-index-story",5932:"navigable-container-stories-navigable-menu-story",6117:"components-line-height-control-stories-index-story",6124:"panel-stories-index-story",6207:"base-control-stories-index-story",6215:"badge-stories-index-story",6222:"components-text-alignment-control-stories-index-story",6255:"icon-stories-index-story",6261:"theme-stories-index-story",6349:"menu-stories-index-story",6365:"placeholder-stories-index-story",6389:"snackbar-stories-index-story",6471:"tree-grid-stories-index-story",6482:"input-control-stories-index-story",6483:"v-stack-stories-index-story",6496:"custom-select-control-stories-index-story",6577:"text-stories-index-story",6808:"button-stories-index-story",6846:"border-control-stories-index-story",6887:"toolbar-stories-index-story",6918:"duotone-picker-stories-duotone-picker-story",6939:"radio-control-stories-index-story",7109:"components-dataform-stories-index-story",7118:"navigation-stories-index-story",7183:"tree-select-stories-index-story",7244:"components-block-mover-stories-index-story",7262:"unit-control-stories-index-story",7488:"components-block-heading-level-dropdown-stories-index-story",7503:"checkbox-control-stories-index-story",7535:"date-time-stories-time-story",7584:"components-alignment-control-stories-index-story",7586:"border-box-control-stories-index-story",7671:"item-group-stories-index-story",7748:"tabs-stories-index-story",7769:"form-token-field-stories-index-story",7906:"toggle-group-control-stories-index-story",7975:"z-stack-stories-index-story",8037:"text-control-stories-index-story",8097:"components-text-transform-control-stories-index-story",8251:"scroll-lock-stories-index-story",8295:"view-stories-index-story",8429:"components-dataviews-stories-index-story",8577:"foundations-design-language-elevation-mdx",8653:"popover-stories-index-story",8712:"visually-hidden-stories-index-story",8749:"focal-point-picker-stories-index-story",8803:"snackbar-stories-list-story",8843:"composite-legacy-stories-index-story",8947:"custom-select-control-v2-stories-index-story",8956:"components-url-popover-stories-index-story",9035:"surface-stories-index-story",9074:"button-group-stories-index-story",9152:"docs-components-readme-mdx",9242:"foundations-design-language-radius-mdx",9315:"query-controls-stories-index-story",9323:"menu-group-stories-index-story",9324:"color-picker-stories-index-story",9366:"font-size-picker-stories-index-story",9369:"components-dimensions-tool-stories-index-story",9371:"playground-index-story",9383:"dropdown-stories-index-story",9582:"tokens-radius-mdx",9662:"text-highlight-stories-index-story",9788:"disabled-stories-index-story",9826:"circular-option-picker-stories-index-story",9974:"tools-panel-stories-index-story"}[chunkId]||chunkId)+"."+{0:"530e8009",21:"87390df3",48:"b14911c1",100:"0f104f0d",137:"78a0ecae",199:"b1c436fb",233:"3889fe00",377:"d96ec030",417:"2189fbf4",458:"3fcc49ab",492:"6b32821a",532:"c52f0ce5",555:"df2c2524",614:"513f9de7",642:"67a22566",656:"67e044df",664:"0f59d357",675:"ee825544",759:"73ea7d61",810:"5a7f47c4",842:"27a42dbc",866:"e254be86",971:"a0721415",1051:"3982dc77",1197:"c90416df",1217:"7f0f8f96",1285:"5a033303",1294:"b70bce64",1305:"62c06918",1326:"c10fa115",1469:"7bf28f6b",1557:"d084788a",1587:"d71f6bc7",1616:"8b7059b0",1618:"4feede55",1631:"dda9f6ee",1648:"37026bdc",1812:"68e5319b",1859:"f56eb042",1861:"3f331eaa",1864:"9f1462a8",1874:"62399814",1960:"05524862",2016:"e861837c",2022:"6125e386",2039:"0fecfae2",2042:"461081be",2062:"98d83fa2",2065:"a22c866e",2285:"dd5fcf22",2363:"c42b1084",2370:"5065342e",2416:"a9a1e9e5",2432:"35549d1a",2471:"e29beb0e",2505:"56c29850",2546:"d2d8c207",2553:"504ea2ff",2591:"f917062c",2599:"6dcccefb",2732:"7fe6a09c",2735:"1d10b67d",2737:"85f31eab",2778:"fa5be5e1",2801:"81c4e3d8",2889:"8f3e988f",3006:"ed8f21e3",3017:"584b8942",3061:"583232d2",3140:"b1eeca25",3149:"ca51bb0b",3177:"515a377a",3242:"07640c7b",3245:"fa721b27",3261:"8a46ec35",3299:"86635868",3363:"0759ac03",3389:"5f87ed56",3414:"0caeedc7",3454:"5c9b7552",3484:"62a13000",3510:"08f2be4f",3593:"5d5cf6e3",3627:"f49e1654",3673:"ed0335f5",3709:"9192e24a",3777:"1420e2f9",3875:"fa35122a",3932:"891ee94c",3955:"3ee3a2c6",3957:"5981d4ca",4002:"711d09bf",4008:"55d4ac3a",4037:"5be009bc",4053:"7f0de1cd",4061:"d5478dbd",4103:"5fcf4881",4166:"03899d56",4328:"e44a6ceb",4356:"bcca5e42",4426:"4eea4b17",4460:"6ec68478",4470:"e9c54d34",4540:"41d0f137",4551:"0698a2a3",4769:"425a27c0",4774:"a82370fc",4822:"78b302c2",4894:"4e517386",4917:"d48680d1",4947:"6acc3d26",4989:"38e29caa",4993:"1cc30979",5028:"835e6f91",5086:"38571f6b",5087:"0e86f6f2",5208:"7ac474d1",5209:"bb4cd792",5214:"cb7d4a69",5217:"136bb792",5257:"cc541ddb",5261:"1da4ea73",5349:"14203e58",5363:"fdf1dd4b",5368:"2b1ea8e0",5380:"3e9ddce0",5496:"73b72463",5572:"959c33c9",5581:"47edec30",5615:"ed9f4976",5649:"642f89b4",5756:"a2f47c8f",5798:"697a95b4",5801:"d093885f",5811:"72f45354",5830:"c8afe08a",5902:"6ae80600",5932:"32ae68b5",6117:"4b802f27",6124:"40f38c62",6207:"2fb98fb2",6210:"949460d7",6215:"c630b0d2",6222:"6ba9b54d",6255:"39486e55",6261:"4f84a64a",6329:"bd3a222b",6349:"7116d30f",6365:"0adc9fad",6389:"5818015c",6413:"cf7249d1",6420:"eed6db64",6422:"7c392961",6430:"52da050b",6471:"4829e8f1",6482:"7603a766",6483:"e6653acb",6496:"c6438c34",6577:"b1f0242b",6613:"1d6bc40a",6808:"88e64bbc",6846:"8eb1bf09",6869:"28c48e6a",6887:"c2188819",6918:"82150b22",6939:"4d39cc56",7005:"d66e089c",7081:"f91476c2",7109:"1c2709d5",7118:"4da236cc",7183:"02eb0282",7216:"97de9d9f",7244:"8ba7353d",7262:"1691cb35",7307:"007b2ee9",7361:"d006cbaf",7364:"c78a43e4",7488:"b3b62e10",7503:"3b5de92d",7506:"9dfea7fd",7535:"983c94f1",7584:"cbaf2f2a",7586:"d1ea0009",7671:"3a00051a",7748:"552a000f",7761:"30c4f4ec",7769:"705ad1cf",7798:"cd73bc4b",7882:"89b1c46f",7906:"16b7d8ea",7975:"24d22ab7",8037:"460897ca",8097:"6bd92ad4",8136:"8373d554",8246:"80427eb2",8251:"4b922f2c",8295:"43854977",8326:"0b261328",8429:"fb6f93cd",8575:"5d1a63b4",8577:"ef4fa191",8609:"f3bd3a31",8653:"aef7170a",8712:"9fcaacfc",8735:"d3c1158e",8749:"71bab044",8756:"068403c3",8803:"9667e3a9",8820:"3eab3e21",8821:"2ca3eac9",8843:"ee535603",8873:"16229d82",8947:"6d492ef4",8952:"066afe91",8956:"aa7767b1",8964:"b1b3fe12",9013:"68208056",9035:"04fb0ea4",9068:"d9bd34ed",9070:"992b5eb4",9074:"7d59b1ed",9120:"a3672636",9130:"9dcb26cb",9152:"ecfe0ea3",9235:"3965e851",9242:"231a7725",9315:"fc801da7",9316:"592f8cd9",9323:"75f7fc4e",9324:"1849a3f9",9366:"c945d31e",9369:"0f80d729",9371:"5eeb1c34",9383:"512095cd",9582:"28fa32a9",9614:"016bbb8e",9662:"9e2c8bb5",9694:"16dc9310",9713:"1a6c64d1",9788:"8ae70166",9826:"b7a01cf9",9861:"721e592b",9895:"5d3b1811",9929:"a5db8b1b",9974:"a9fbeca2",9993:"59284349"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{__webpack_require__.b=document.baseURI||self.location.href;var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),serialize=__webpack_require__("./packages/element/build-module/serialize.js"),use_merge_refs=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),use_focusable_iframe=__webpack_require__("./packages/compose/build-module/hooks/use-focusable-iframe/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const observeAndResizeJS=function(){const{MutationObserver}=window;if(!MutationObserver||!document.body||!window.parent)return;function sendResize(){const clientBoundingRect=document.body.getBoundingClientRect();window.parent.postMessage({action:"resize",width:clientBoundingRect.width,height:clientBoundingRect.height},"*")}function removeViewportStyles(ruleOrNode){ruleOrNode.style&&["width","height","minHeight","maxHeight"].forEach((function(style){/^\\d+(vw|vh|svw|lvw|dvw|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax)$/.test(ruleOrNode.style[style])&&(ruleOrNode.style[style]="")}))}new MutationObserver(sendResize).observe(document.body,{attributes:!0,attributeOldValue:!1,characterData:!0,characterDataOldValue:!1,childList:!0,subtree:!0}),window.addEventListener("load",sendResize,!0),Array.prototype.forEach.call(document.querySelectorAll("[style]"),removeViewportStyles),Array.prototype.forEach.call(document.styleSheets,(function(stylesheet){Array.prototype.forEach.call(stylesheet.cssRules||stylesheet.rules,removeViewportStyles)})),document.body.style.position="absolute",document.body.style.width="100%",document.body.setAttribute("data-resizable-iframe-connected",""),sendResize(),window.addEventListener("resize",sendResize,!0)};function SandBox({html="",title="",type,styles=[],scripts=[],onFocus,tabIndex}){const ref=(0,react.useRef)(),[width,setWidth]=(0,react.useState)(0),[height,setHeight]=(0,react.useState)(0);function trySandBox(forceRerender=!1){if(!function isFrameAccessible(){try{return!!ref.current?.contentDocument?.body}catch(e){return!1}}())return;const{contentDocument,ownerDocument}=ref.current;if(!forceRerender&&null!==contentDocument?.body.getAttribute("data-resizable-iframe-connected"))return;const htmlDoc=(0,jsx_runtime.jsxs)("html",{lang:ownerDocument.documentElement.lang,className:type,children:[(0,jsx_runtime.jsxs)("head",{children:[(0,jsx_runtime.jsx)("title",{children:title}),(0,jsx_runtime.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n\tbody {\n\t\tmargin: 0;\n\t}\n\thtml,\n\tbody,\n\tbody > div {\n\t\twidth: 100%;\n\t}\n\thtml.wp-has-aspect-ratio,\n\tbody.wp-has-aspect-ratio,\n\tbody.wp-has-aspect-ratio > div,\n\tbody.wp-has-aspect-ratio > div iframe {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden; /* If it has an aspect ratio, it shouldn't scroll. */\n\t}\n\tbody > div > * {\n\t\tmargin-top: 0 !important; /* Has to have !important to override inline styles. */\n\t\tmargin-bottom: 0 !important;\n\t}\n"}}),styles.map(((rules,i)=>(0,jsx_runtime.jsx)("style",{dangerouslySetInnerHTML:{__html:rules}},i)))]}),(0,jsx_runtime.jsxs)("body",{"data-resizable-iframe-connected":"data-resizable-iframe-connected",className:type,children:[(0,jsx_runtime.jsx)("div",{dangerouslySetInnerHTML:{__html:html}}),(0,jsx_runtime.jsx)("script",{type:"text/javascript",dangerouslySetInnerHTML:{__html:`(${observeAndResizeJS.toString()})();`}}),scripts.map((src=>(0,jsx_runtime.jsx)("script",{src},src)))]})]});contentDocument.open(),contentDocument.write(""+(0,serialize.Ay)(htmlDoc)),contentDocument.close()}return(0,react.useEffect)((()=>{function tryNoForceSandBox(){trySandBox(!1)}function checkMessageForResize(event){const iframe=ref.current;if(!iframe||iframe.contentWindow!==event.source)return;let data=event.data||{};if("string"==typeof data)try{data=JSON.parse(data)}catch(e){}"resize"===data.action&&(setWidth(data.width),setHeight(data.height))}trySandBox();const iframe=ref.current,defaultView=iframe?.ownerDocument?.defaultView;return iframe?.addEventListener("load",tryNoForceSandBox,!1),defaultView?.addEventListener("message",checkMessageForResize),()=>{iframe?.removeEventListener("load",tryNoForceSandBox,!1),defaultView?.removeEventListener("message",checkMessageForResize)}}),[]),(0,react.useEffect)((()=>{trySandBox()}),[title,styles,scripts]),(0,react.useEffect)((()=>{trySandBox(!0)}),[html,type]),(0,jsx_runtime.jsx)("iframe",{ref:(0,use_merge_refs.A)([ref,(0,use_focusable_iframe.A)()]),title,tabIndex,className:"components-sandbox",sandbox:"allow-scripts allow-same-origin allow-presentation",onFocus,width:Math.ceil(width),height:Math.ceil(height)})}const sandbox=SandBox;try{SandBox.displayName="SandBox",SandBox.__docgenInfo={description:'This component provides an isolated environment for arbitrary HTML via iframes.\n\n```jsx\nimport { SandBox } from \'@wordpress/components\';\n\nconst MySandBox = () => (\n\t\n);\n```',displayName:"SandBox",props:{html:{defaultValue:{value:""},description:"The HTML to render in the body of the iframe document.",name:"html",required:!1,type:{name:"string"}},title:{defaultValue:{value:""},description:"The `` of the iframe document.",name:"title",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"The CSS class name to apply to the `<html>` and `<body>` elements of the iframe.",name:"type",required:!1,type:{name:"string"}},styles:{defaultValue:{value:"[]"},description:"An array of CSS strings to inject into the `<head>` of the iframe document.",name:"styles",required:!1,type:{name:"string[]"}},scripts:{defaultValue:{value:"[]"},description:"An array of script URLs to inject as `<script>` tags into the bottom of the `<body>` of the iframe document.",name:"scripts",required:!1,type:{name:"string[]"}},onFocus:{defaultValue:null,description:"The `onFocus` callback for the iframe.",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLIFrameElement>"}},tabIndex:{defaultValue:{value:"0"},description:"The `tabindex` the iframe should receive.",name:"tabIndex",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/sandbox/index.tsx#SandBox"]={docgenInfo:SandBox.__docgenInfo,name:"SandBox",path:"packages/components/src/sandbox/index.tsx#SandBox"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:sandbox,title:"Components/Utilities/SandBox",id:"components-sandbox",argTypes:{onFocus:{control:!1}},parameters:{sourceLink:"packages/components/src/sandbox",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,jsx_runtime.jsx)(sandbox,{...args})).bind({});Default.args={html:"<p>Arbitrary HTML content</p>"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <SandBox {...args} />",...Default.parameters?.docs?.source}}}},"./packages/compose/build-module/hooks/use-focusable-iframe/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useFocusableIframe});var _use_ref_effect__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/compose/build-module/hooks/use-ref-effect/index.js");function useFocusableIframe(){return(0,_use_ref_effect__WEBPACK_IMPORTED_MODULE_0__.A)((element=>{const{ownerDocument}=element;if(!ownerDocument)return;const{defaultView}=ownerDocument;if(defaultView)return defaultView.addEventListener("blur",checkFocus),()=>{defaultView.removeEventListener("blur",checkFocus)};function checkFocus(){ownerDocument&&ownerDocument.activeElement===element&&element.focus()}}),[])}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./packages/compose/build-module/hooks/use-ref-effect/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useRefEffect});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useRefEffect(callback,dependencies){const cleanupRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((node=>{node?cleanupRef.current=callback(node):cleanupRef.current&&cleanupRef.current()}),dependencies)}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/sandbox-stories-index-story.f56eb042.iframe.bundle.js.LICENSE.txt b/sandbox-stories-index-story.f56eb042.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/sandbox-stories-index-story.f56eb042.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/sb-addons/a11y-3/manager-bundle.js b/sb-addons/a11y-3/manager-bundle.js new file mode 100644 index 00000000000000..1717fbd2c20046 --- /dev/null +++ b/sb-addons/a11y-3/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var r=__REACT__,{Children:_o,Component:To,Fragment:U,Profiler:yo,PureComponent:se,StrictMode:bo,Suspense:Oo,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Co,cloneElement:G,createContext:ue,createElement:E,createFactory:vo,createRef:de,forwardRef:Ao,isValidElement:me,lazy:xo,memo:No,startTransition:ko,unstable_act:Lo,useCallback:x,useContext:pe,useDebugValue:Do,useDeferredValue:wo,useEffect:H,useId:Po,useImperativeHandle:Ho,useInsertionEffect:Bo,useLayoutEffect:ge,useMemo:F,useReducer:Mo,useRef:W,useState:k,useSyncExternalStore:Uo,useTransition:Go,version:Fo}=__REACT__;var jo=__STORYBOOK_COMPONENTS__,{A:zo,ActionBar:K,AddonPanel:Vo,Badge:Q,Bar:Ko,Blockquote:Qo,Button:qo,ClipboardCode:Xo,Code:Zo,DL:Jo,Div:er,DocumentWrapper:tr,EmptyTabContent:Ee,ErrorFormatter:nr,FlexBar:or,Form:rr,H1:ar,H2:ir,H3:cr,H4:lr,H5:sr,H6:ur,HR:dr,IconButton:he,IconButtonSkeleton:mr,Icons:pr,Img:gr,LI:Er,Link:hr,ListItem:Ir,Loader:fr,Modal:Rr,OL:Sr,P:_r,Placeholder:Tr,Pre:yr,ResetWrapper:br,ScrollArea:Ie,Separator:Or,Spaced:fe,Span:Cr,StorybookIcon:vr,StorybookLogo:Ar,Symbols:xr,SyntaxHighlighter:Nr,TT:kr,TabBar:Lr,TabButton:Dr,TabWrapper:wr,Table:Pr,Tabs:Hr,TabsState:Br,TooltipLinkList:Re,TooltipMessage:Mr,TooltipNote:Ur,UL:Gr,WithTooltip:Se,WithTooltipPure:Fr,Zoom:Wr,codeCommon:$r,components:Yr,createCopyToClipboardFunction:jr,getStoryHref:zr,icons:Vr,interleaveSeparators:Kr,nameSpaceClassNames:Qr,resetComponents:qr,withReset:Xr}=__STORYBOOK_COMPONENTS__;var na=__STORYBOOK_API__,{ActiveTabs:oa,Consumer:ra,ManagerContext:aa,Provider:ia,RequestResponseError:ca,addons:$,combineParameters:la,controlOrMetaKey:sa,controlOrMetaSymbol:ua,eventMatchesShortcut:da,eventToShortcut:ma,experimental_requestResponse:pa,isMacLike:ga,isShortcutTaken:Ea,keyToSymbol:ha,merge:Ia,mockChannel:fa,optionOrAltSymbol:Ra,shortcutMatchesShortcut:Sa,shortcutToHumanString:_a,types:q,useAddonState:X,useArgTypes:Ta,useArgs:ya,useChannel:Z,useGlobalTypes:ba,useGlobals:Oa,useParameter:_e,useSharedState:Ca,useStoryPrepared:va,useStorybookApi:J,useStorybookState:Te}=__STORYBOOK_API__;var La=__STORYBOOK_THEMING__,{CacheProvider:Da,ClassNames:wa,Global:ye,ThemeProvider:Pa,background:Ha,color:Ba,convert:Y,create:Ma,createCache:Ua,createGlobal:Ga,createReset:Fa,css:Wa,darken:$a,ensure:Ya,ignoreSsrWarning:ja,isPropValid:za,jsx:Va,keyframes:Ka,lighten:Qa,styled:l,themes:j,typography:qa,useTheme:Xa,withTheme:Za}=__STORYBOOK_THEMING__;var oi=__STORYBOOK_ICONS__,{AccessibilityAltIcon:ri,AccessibilityIcon:be,AddIcon:ai,AdminIcon:ii,AlertAltIcon:ci,AlertIcon:li,AlignLeftIcon:si,AlignRightIcon:ui,AppleIcon:di,ArrowBottomLeftIcon:mi,ArrowBottomRightIcon:pi,ArrowDownIcon:gi,ArrowLeftIcon:Ei,ArrowRightIcon:hi,ArrowSolidDownIcon:Ii,ArrowSolidLeftIcon:fi,ArrowSolidRightIcon:Ri,ArrowSolidUpIcon:Si,ArrowTopLeftIcon:_i,ArrowTopRightIcon:Ti,ArrowUpIcon:yi,AzureDevOpsIcon:bi,BackIcon:Oi,BasketIcon:Ci,BatchAcceptIcon:vi,BatchDenyIcon:Ai,BeakerIcon:xi,BellIcon:Ni,BitbucketIcon:ki,BoldIcon:Li,BookIcon:Di,BookmarkHollowIcon:wi,BookmarkIcon:Pi,BottomBarIcon:Hi,BottomBarToggleIcon:Bi,BoxIcon:Mi,BranchIcon:Ui,BrowserIcon:Gi,ButtonIcon:Fi,CPUIcon:Wi,CalendarIcon:$i,CameraIcon:Yi,CategoryIcon:ji,CertificateIcon:zi,ChangedIcon:Vi,ChatIcon:Ki,CheckIcon:Oe,ChevronDownIcon:Qi,ChevronLeftIcon:qi,ChevronRightIcon:Xi,ChevronSmallDownIcon:Ce,ChevronSmallLeftIcon:Zi,ChevronSmallRightIcon:Ji,ChevronSmallUpIcon:ec,ChevronUpIcon:tc,ChromaticIcon:nc,ChromeIcon:oc,CircleHollowIcon:rc,CircleIcon:ac,ClearIcon:ic,CloseAltIcon:cc,CloseIcon:lc,CloudHollowIcon:sc,CloudIcon:uc,CogIcon:dc,CollapseIcon:mc,CommandIcon:pc,CommentAddIcon:gc,CommentIcon:Ec,CommentsIcon:hc,CommitIcon:Ic,CompassIcon:fc,ComponentDrivenIcon:Rc,ComponentIcon:Sc,ContrastIcon:_c,ControlsIcon:Tc,CopyIcon:yc,CreditIcon:bc,CrossIcon:Oc,DashboardIcon:Cc,DatabaseIcon:vc,DeleteIcon:Ac,DiamondIcon:xc,DirectionIcon:Nc,DiscordIcon:kc,DocChartIcon:Lc,DocListIcon:Dc,DocumentIcon:wc,DownloadIcon:Pc,DragIcon:Hc,EditIcon:Bc,EllipsisIcon:Mc,EmailIcon:Uc,ExpandAltIcon:Gc,ExpandIcon:Fc,EyeCloseIcon:Wc,EyeIcon:$c,FaceHappyIcon:Yc,FaceNeutralIcon:jc,FaceSadIcon:zc,FacebookIcon:Vc,FailedIcon:Kc,FastForwardIcon:Qc,FigmaIcon:qc,FilterIcon:Xc,FlagIcon:Zc,FolderIcon:Jc,FormIcon:el,GDriveIcon:tl,GithubIcon:nl,GitlabIcon:ol,GlobeIcon:rl,GoogleIcon:al,GraphBarIcon:il,GraphLineIcon:cl,GraphqlIcon:ll,GridAltIcon:sl,GridIcon:ul,GrowIcon:dl,HeartHollowIcon:ml,HeartIcon:pl,HomeIcon:gl,HourglassIcon:El,InfoIcon:hl,ItalicIcon:Il,JumpToIcon:fl,KeyIcon:Rl,LightningIcon:Sl,LightningOffIcon:_l,LinkBrokenIcon:Tl,LinkIcon:yl,LinkedinIcon:bl,LinuxIcon:Ol,ListOrderedIcon:Cl,ListUnorderedIcon:vl,LocationIcon:Al,LockIcon:xl,MarkdownIcon:Nl,MarkupIcon:kl,MediumIcon:Ll,MemoryIcon:Dl,MenuIcon:wl,MergeIcon:Pl,MirrorIcon:Hl,MobileIcon:Bl,MoonIcon:Ml,NutIcon:Ul,OutboxIcon:Gl,OutlineIcon:Fl,PaintBrushIcon:Wl,PaperClipIcon:$l,ParagraphIcon:Yl,PassedIcon:jl,PhoneIcon:zl,PhotoDragIcon:Vl,PhotoIcon:Kl,PinAltIcon:Ql,PinIcon:ql,PlayAllHollowIcon:Xl,PlayBackIcon:Zl,PlayHollowIcon:Jl,PlayIcon:es,PlayNextIcon:ts,PlusIcon:ns,PointerDefaultIcon:os,PointerHandIcon:rs,PowerIcon:as,PrintIcon:is,ProceedIcon:cs,ProfileIcon:ls,PullRequestIcon:ss,QuestionIcon:us,RSSIcon:ds,RedirectIcon:ms,ReduxIcon:ps,RefreshIcon:gs,ReplyIcon:Es,RepoIcon:hs,RequestChangeIcon:Is,RewindIcon:fs,RulerIcon:Rs,SaveIcon:Ss,SearchIcon:_s,ShareAltIcon:Ts,ShareIcon:ys,ShieldIcon:bs,SideBySideIcon:Os,SidebarAltIcon:Cs,SidebarAltToggleIcon:vs,SidebarIcon:As,SidebarToggleIcon:xs,SpeakerIcon:Ns,StackedIcon:ks,StarHollowIcon:Ls,StarIcon:Ds,StatusFailIcon:ws,StatusPassIcon:Ps,StatusWarnIcon:Hs,StickerIcon:Bs,StopAltHollowIcon:Ms,StopAltIcon:Us,StopIcon:Gs,StorybookIcon:Fs,StructureIcon:Ws,SubtractIcon:$s,SunIcon:Ys,SupportIcon:js,SwitchAltIcon:zs,SyncIcon:ve,TabletIcon:Vs,ThumbsUpIcon:Ks,TimeIcon:Qs,TimerIcon:qs,TransferIcon:Xs,TrashIcon:Zs,TwitterIcon:Js,TypeIcon:eu,UbuntuIcon:tu,UndoIcon:nu,UnfoldIcon:ou,UnlockIcon:ru,UnpinIcon:au,UploadIcon:iu,UserAddIcon:cu,UserAltIcon:lu,UserIcon:su,UsersIcon:uu,VSCodeIcon:du,VerifiedIcon:mu,VideoIcon:pu,WandIcon:gu,WatchIcon:Eu,WindowsIcon:hu,WrenchIcon:Iu,XIcon:fu,YoutubeIcon:Ru,ZoomIcon:Su,ZoomOutIcon:_u,ZoomResetIcon:Tu,iconList:yu}=__STORYBOOK_ICONS__;var Au=__STORYBOOK_CORE_EVENTS__,{ARGTYPES_INFO_REQUEST:xu,ARGTYPES_INFO_RESPONSE:Nu,CHANNEL_CREATED:ku,CHANNEL_WS_DISCONNECT:Lu,CONFIG_ERROR:Du,CREATE_NEW_STORYFILE_REQUEST:wu,CREATE_NEW_STORYFILE_RESPONSE:Pu,CURRENT_STORY_WAS_SET:Hu,DOCS_PREPARED:Bu,DOCS_RENDERED:Mu,FILE_COMPONENT_SEARCH_REQUEST:Uu,FILE_COMPONENT_SEARCH_RESPONSE:Gu,FORCE_REMOUNT:Fu,FORCE_RE_RENDER:Wu,GLOBALS_UPDATED:$u,NAVIGATE_URL:Yu,PLAY_FUNCTION_THREW_EXCEPTION:ju,PRELOAD_ENTRIES:zu,PREVIEW_BUILDER_PROGRESS:Vu,PREVIEW_KEYDOWN:Ku,REGISTER_SUBSCRIPTION:Qu,REQUEST_WHATS_NEW_DATA:qu,RESET_STORY_ARGS:Xu,RESULT_WHATS_NEW_DATA:Zu,SAVE_STORY_REQUEST:Ju,SAVE_STORY_RESPONSE:ed,SELECT_STORY:td,SET_CONFIG:nd,SET_CURRENT_STORY:od,SET_FILTER:rd,SET_GLOBALS:ad,SET_INDEX:id,SET_STORIES:cd,SET_WHATS_NEW_CACHE:ld,SHARED_STATE_CHANGED:sd,SHARED_STATE_SET:ud,STORIES_COLLAPSE_ALL:dd,STORIES_EXPAND_ALL:md,STORY_ARGS_UPDATED:pd,STORY_CHANGED:Ae,STORY_ERRORED:gd,STORY_INDEX_INVALIDATED:Ed,STORY_MISSING:hd,STORY_PREPARED:Id,STORY_RENDERED:xe,STORY_RENDER_PHASE_CHANGED:fd,STORY_SPECIFIED:Rd,STORY_THREW_EXCEPTION:Sd,STORY_UNCHANGED:_d,TELEMETRY_ERROR:Td,TESTING_MODULE_CANCEL_TEST_RUN_REQUEST:yd,TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE:bd,TESTING_MODULE_CRASH_REPORT:Od,TESTING_MODULE_PROGRESS_REPORT:Cd,TESTING_MODULE_RUN_ALL_REQUEST:vd,TESTING_MODULE_RUN_REQUEST:Ad,TESTING_MODULE_WATCH_MODE_REQUEST:xd,TOGGLE_WHATS_NEW_NOTIFICATIONS:Nd,UNHANDLED_ERRORS_WHILE_PLAYING:kd,UPDATE_GLOBALS:Ld,UPDATE_QUERY_PARAMS:Dd,UPDATE_STORY_ARGS:wd}=__STORYBOOK_CORE_EVENTS__;var Ne="storybook/highlight",ke=`${Ne}/add`,Yd=`${Ne}/reset`;var Qd=__REACT_DOM__,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:qd,createPortal:Xd,createRoot:Zd,findDOMNode:Le,flushSync:Jd,hydrate:em,hydrateRoot:tm,render:nm,unmountComponentAtNode:om,unstable_batchedUpdates:rm,unstable_renderSubtreeIntoContainer:am,version:im}=__REACT_DOM__;var N="storybook/a11y",De=`${N}/panel`,nt="a11y",ot=`${N}/result`,rt=`${N}/request`,at=`${N}/running`,it=`${N}/error`,ct=`${N}/manual`,M={RESULT:ot,REQUEST:rt,RUNNING:at,ERROR:it,MANUAL:ct},lt=[Y(j.light).color.negative,Y(j.light).color.positive,Y(j.light).color.warning],$e=ue({results:{passes:[],incomplete:[],violations:[]},setResults:()=>{},highlighted:[],toggleHighlight:()=>{},clearHighlights:()=>{},tab:0,setTab:()=>{}}),we={passes:[],incomplete:[],violations:[]},st=({active:e,...n})=>{let[o,t]=X(N,we),[a,u]=k(0),[s,i]=k([]),m=J(),p=m.getCurrentStoryData(),d=x((R,h)=>{i(S=>h?[...S,...R]:S.filter(y=>!R.includes(y)))},[]),g=R=>{T(M.REQUEST,R,m.getParameters(R,"a11y"))},c=x(()=>i([]),[]),f=x(R=>{c(),u(R)},[]),_=x(()=>{u(0),t(we)},[]),T=Z({[xe]:g,[Ae]:_});return H(()=>{T(ke,{elements:s,color:lt[a]})},[s,a]),H(()=>{e&&p?.type==="story"?g(p.id):c()},[e,c,T,p]),e?E($e.Provider,{value:{results:o,setResults:t,highlighted:s,toggleHighlight:d,clearHighlights:c,tab:a,setTab:f},...n}):null},ae=()=>pe($e),ut=l.input(({disabled:e})=>({cursor:e?"not-allowed":"pointer"}));function Pe(e,n){let o=e.filter(t=>n.includes(t.target[0])).length;return o===0?1:o===e.length?0:2}var dt=({toggleId:e,elementsToHighlight:n=[]})=>{let{toggleHighlight:o,highlighted:t}=ae(),a=r.useRef(null),[u,s]=r.useState(Pe(n,t));r.useEffect(()=>{let m=Pe(n,t);a.current&&(a.current.indeterminate=m===2),s(m)},[n,t]);let i=r.useCallback(()=>{o(n.map(m=>m.target[0]),u!==0)},[n,u,o]);return r.createElement(ut,{ref:a,id:e,type:"checkbox","aria-label":"Highlight result",disabled:!n.length,onChange:i,checked:u===0})},ie=dt,ne=function(e,n){return ne=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(o,t){o.__proto__=t}||function(o,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(o[a]=t[a])},ne(e,n)};function mt(e,n){if(typeof n!="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");ne(e,n);function o(){this.constructor=e}e.prototype=n===null?Object.create(n):(o.prototype=n.prototype,new o)}var oe=function(){return oe=Object.assign||function(e){for(var n,o=1,t=arguments.length;o<t;o++){n=arguments[o];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},oe.apply(this,arguments)};function pt(e,n){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,t=Object.getOwnPropertySymbols(e);a<t.length;a++)n.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]]);return o}var z=typeof globalThis<"u"?globalThis:typeof window<"u"||typeof window<"u"?window:typeof self<"u"?self:{};function gt(e){var n=typeof e;return e!=null&&(n=="object"||n=="function")}var ce=gt,Et=typeof z=="object"&&z&&z.Object===Object&&z,ht=Et,It=ht,ft=typeof self=="object"&&self&&self.Object===Object&&self,Rt=It||ft||Function("return this")(),Ye=Rt,St=Ye,_t=function(){return St.Date.now()},Tt=_t,yt=/\s/;function bt(e){for(var n=e.length;n--&&yt.test(e.charAt(n)););return n}var Ot=bt,Ct=Ot,vt=/^\s+/;function At(e){return e&&e.slice(0,Ct(e)+1).replace(vt,"")}var xt=At,Nt=Ye,kt=Nt.Symbol,je=kt,He=je,ze=Object.prototype,Lt=ze.hasOwnProperty,Dt=ze.toString,B=He?He.toStringTag:void 0;function wt(e){var n=Lt.call(e,B),o=e[B];try{e[B]=void 0;var t=!0}catch{}var a=Dt.call(e);return t&&(n?e[B]=o:delete e[B]),a}var Pt=wt,Ht=Object.prototype,Bt=Ht.toString;function Mt(e){return Bt.call(e)}var Ut=Mt,Be=je,Gt=Pt,Ft=Ut,Wt="[object Null]",$t="[object Undefined]",Me=Be?Be.toStringTag:void 0;function Yt(e){return e==null?e===void 0?$t:Wt:Me&&Me in Object(e)?Gt(e):Ft(e)}var jt=Yt;function zt(e){return e!=null&&typeof e=="object"}var Vt=zt,Kt=jt,Qt=Vt,qt="[object Symbol]";function Xt(e){return typeof e=="symbol"||Qt(e)&&Kt(e)==qt}var Zt=Xt,Jt=xt,Ue=ce,en=Zt,Ge=NaN,tn=/^[-+]0x[0-9a-f]+$/i,nn=/^0b[01]+$/i,on=/^0o[0-7]+$/i,rn=parseInt;function an(e){if(typeof e=="number")return e;if(en(e))return Ge;if(Ue(e)){var n=typeof e.valueOf=="function"?e.valueOf():e;e=Ue(n)?n+"":n}if(typeof e!="string")return e===0?e:+e;e=Jt(e);var o=nn.test(e);return o||on.test(e)?rn(e.slice(2),o?2:8):tn.test(e)?Ge:+e}var cn=an,ln=ce,ee=Tt,Fe=cn,sn="Expected a function",un=Math.max,dn=Math.min;function mn(e,n,o){var t,a,u,s,i,m,p=0,d=!1,g=!1,c=!0;if(typeof e!="function")throw new TypeError(sn);n=Fe(n)||0,ln(o)&&(d=!!o.leading,g="maxWait"in o,u=g?un(Fe(o.maxWait)||0,n):u,c="trailing"in o?!!o.trailing:c);function f(I){var b=t,O=a;return t=a=void 0,p=I,s=e.apply(O,b),s}function _(I){return p=I,i=setTimeout(h,n),d?f(I):s}function T(I){var b=I-m,O=I-p,P=n-b;return g?dn(P,u-O):P}function R(I){var b=I-m,O=I-p;return m===void 0||b>=n||b<0||g&&O>=u}function h(){var I=ee();if(R(I))return S(I);i=setTimeout(h,T(I))}function S(I){return i=void 0,c&&t?f(I):(t=a=void 0,s)}function y(){i!==void 0&&clearTimeout(i),p=0,t=m=a=i=void 0}function w(){return i===void 0?s:S(ee())}function D(){var I=ee(),b=R(I);if(t=arguments,a=this,m=I,b){if(i===void 0)return _(m);if(g)return clearTimeout(i),i=setTimeout(h,n),f(m)}return i===void 0&&(i=setTimeout(h,n)),s}return D.cancel=y,D.flush=w,D}var Ve=mn,pn=Ve,gn=ce,En="Expected a function";function hn(e,n,o){var t=!0,a=!0;if(typeof e!="function")throw new TypeError(En);return gn(o)&&(t="leading"in o?!!o.leading:t,a="trailing"in o?!!o.trailing:a),pn(e,n,{leading:t,maxWait:n,trailing:a})}var In=hn,Ke=function(e,n,o,t){switch(n){case"debounce":return Ve(e,o,t);case"throttle":return In(e,o,t);default:return e}},re=function(e){return typeof e=="function"},L=function(){return typeof window>"u"},We=function(e){return e instanceof Element||e instanceof HTMLDocument},Qe=function(e,n,o,t){return function(a){var u=a.width,s=a.height;n(function(i){return i.width===u&&i.height===s||i.width===u&&!t||i.height===s&&!o?i:(e&&re(e)&&e(u,s),{width:u,height:s})})}};(function(e){mt(n,e);function n(o){var t=e.call(this,o)||this;t.cancelHandler=function(){t.resizeHandler&&t.resizeHandler.cancel&&(t.resizeHandler.cancel(),t.resizeHandler=null)},t.attachObserver=function(){var p=t.props,d=p.targetRef,g=p.observerOptions;if(!L()){d&&d.current&&(t.targetRef.current=d.current);var c=t.getElement();c&&(t.observableElement&&t.observableElement===c||(t.observableElement=c,t.resizeObserver.observe(c,g)))}},t.getElement=function(){var p=t.props,d=p.querySelector,g=p.targetDomEl;if(L())return null;if(d)return document.querySelector(d);if(g&&We(g))return g;if(t.targetRef&&We(t.targetRef.current))return t.targetRef.current;var c=Le(t);if(!c)return null;var f=t.getRenderType();switch(f){case"renderProp":return c;case"childFunction":return c;case"child":return c;case"childArray":return c;default:return c.parentElement}},t.createResizeHandler=function(p){var d=t.props,g=d.handleWidth,c=g===void 0?!0:g,f=d.handleHeight,_=f===void 0?!0:f,T=d.onResize;if(!(!c&&!_)){var R=Qe(T,t.setState.bind(t),c,_);p.forEach(function(h){var S=h&&h.contentRect||{},y=S.width,w=S.height,D=!t.skipOnMount&&!L();D&&R({width:y,height:w}),t.skipOnMount=!1})}},t.getRenderType=function(){var p=t.props,d=p.render,g=p.children;return re(d)?"renderProp":re(g)?"childFunction":me(g)?"child":Array.isArray(g)?"childArray":"parent"};var a=o.skipOnMount,u=o.refreshMode,s=o.refreshRate,i=s===void 0?1e3:s,m=o.refreshOptions;return t.state={width:void 0,height:void 0},t.skipOnMount=a,t.targetRef=de(),t.observableElement=null,L()||(t.resizeHandler=Ke(t.createResizeHandler,u,i,m),t.resizeObserver=new window.ResizeObserver(t.resizeHandler)),t}return n.prototype.componentDidMount=function(){this.attachObserver()},n.prototype.componentDidUpdate=function(){this.attachObserver()},n.prototype.componentWillUnmount=function(){L()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},n.prototype.render=function(){var o=this.props,t=o.render,a=o.children,u=o.nodeType,s=u===void 0?"div":u,i=this.state,m=i.width,p=i.height,d={width:m,height:p,targetRef:this.targetRef},g=this.getRenderType(),c;switch(g){case"renderProp":return t&&t(d);case"childFunction":return c=a,c(d);case"child":if(c=a,c.type&&typeof c.type=="string"){d.targetRef;var f=pt(d,["targetRef"]);return G(c,f)}return G(c,d);case"childArray":return c=a,c.map(function(_){return!!_&&G(_,d)});default:return E(s,null)}},n})(se);var fn=L()?H:ge;function qe(e){e===void 0&&(e={});var n=e.skipOnMount,o=n===void 0?!1:n,t=e.refreshMode,a=e.refreshRate,u=a===void 0?1e3:a,s=e.refreshOptions,i=e.handleWidth,m=i===void 0?!0:i,p=e.handleHeight,d=p===void 0?!0:p,g=e.targetRef,c=e.observerOptions,f=e.onResize,_=W(o),T=W(null),R=g??T,h=W(),S=k({width:void 0,height:void 0}),y=S[0],w=S[1];return fn(function(){if(!L()){var D=Qe(f,w,m,d),I=function(O){!m&&!d||O.forEach(function(P){var le=P&&P.contentRect||{},Ze=le.width,Je=le.height,et=!_.current&&!L();et&&D({width:Ze,height:Je}),_.current=!1})};h.current=Ke(I,t,u,s);var b=new window.ResizeObserver(h.current);return R.current&&b.observe(R.current,c),function(){b.disconnect();var O=h.current;O&&O.cancel&&O.cancel()}}},[t,u,s,m,d,f,c,R.current]),oe({ref:R},y)}var Rn=l.div({display:"flex",flexDirection:"column",paddingBottom:4,paddingRight:4,paddingTop:4,fontWeight:400}),Sn=l.div(({elementWidth:e})=>({flexDirection:e>407?"row":"inherit",marginBottom:e>407?6:12,display:e>407?"flex":"block"})),_n=l(Q)({padding:"2px 8px",marginBottom:3,minWidth:65,maxWidth:"fit-content",width:"100%",textAlign:"center"}),Tn=l.div({paddingLeft:6,paddingRight:23}),yn=e=>e.charAt(0).toUpperCase().concat(e.slice(1)),bn=({rule:e})=>{let{ref:n,width:o}=qe({refreshMode:"debounce",handleHeight:!1,handleWidth:!0}),t=null;switch(e.impact){case"critical":t="critical";break;case"serious":t="negative";break;case"moderate":t="warning";break;case"minor":t="neutral";break}return r.createElement(Sn,{ref:n,elementWidth:o||0},r.createElement(_n,{status:t},yn(e.impact)),r.createElement(Tn,null,e.message))},On=({rules:e})=>r.createElement(Rn,null,e.map((n,o)=>r.createElement(bn,{rule:n,key:o}))),Cn=l.li({fontWeight:600}),vn=l.span(({theme:e})=>({borderBottom:`1px solid ${e.appBorderColor}`,width:"100%",display:"flex",paddingBottom:6,marginBottom:6,justifyContent:"space-between"})),An=l.span({fontWeight:"normal",alignSelf:"center",paddingRight:15,input:{margin:0,display:"block"}}),xn=({element:e,type:n})=>{let{any:o,all:t,none:a}=e,u=[...o,...t,...a],s=`${n}-${e.target[0]}`;return r.createElement(Cn,null,r.createElement(vn,null,e.target[0],r.createElement(An,null,r.createElement(ie,{toggleId:s,elementsToHighlight:[e]}))),r.createElement(On,{rules:u}))},Nn=({elements:e,type:n})=>r.createElement("ol",null,e.map((o,t)=>r.createElement(xn,{element:o,key:t,type:n}))),kn=l.div({padding:12,marginBottom:10}),Ln=l.p({margin:"0 0 12px"}),Dn=l.a({marginTop:12,textDecoration:"underline",color:"inherit",display:"block"}),wn=({item:e})=>r.createElement(kn,null,r.createElement(Ln,null,e.description),r.createElement(Dn,{href:e.helpUrl,target:"_blank"},"More info...")),Pn=l.div({display:"flex",flexWrap:"wrap",margin:"12px 0"}),Hn=l.div(({theme:e})=>({margin:"0 6px",padding:5,border:`1px solid ${e.appBorderColor}`,borderRadius:e.appBorderRadius})),Bn=({tags:e})=>r.createElement(Pn,null,e.map(n=>r.createElement(Hn,{key:n},n))),Mn=l.div(({theme:e})=>({display:"flex",width:"100%",borderBottom:`1px solid ${e.appBorderColor}`,"&:hover":{background:e.background.hoverable}})),Un=l(Ce)({marginRight:10,transition:"transform 0.1s ease-in-out",verticalAlign:"inherit"}),Gn=l.div(({theme:e})=>({padding:e.layoutMargin,paddingLeft:e.layoutMargin-3,lineHeight:"20px",background:"none",color:"inherit",textAlign:"left",cursor:"pointer",borderLeft:"3px solid transparent",width:"100%","&:focus":{outline:"0 none",borderLeft:`3px solid ${e.color.secondary}`}})),Fn=l.span({fontWeight:"normal",float:"right",marginRight:15,alignSelf:"center",input:{margin:0,display:"block"}}),Wn=e=>{let[n,o]=k(!1),{item:t,type:a}=e,u=`${a}-${t.id}`;return r.createElement(U,null,r.createElement(Mn,null,r.createElement(Gn,{onClick:()=>o(!n),role:"button"},r.createElement(Un,{style:{transform:`rotate(${n?0:-90}deg)`}}),t.help),r.createElement(Fn,null,r.createElement(ie,{toggleId:u,elementsToHighlight:t.nodes}))),n?r.createElement(U,null,r.createElement(wn,{item:t,key:"info"}),r.createElement(Nn,{elements:t.nodes,type:a,key:"elements"}),r.createElement(Bn,{tags:t.tags,key:"tags"})):null)},te=({items:e,empty:n,type:o})=>r.createElement(U,null,e&&e.length?e.map(t=>r.createElement(Wn,{item:t,key:`${o}:${t.id}`,type:o})):r.createElement(Ee,{title:n})),$n=l.div({width:"100%",position:"relative",minHeight:"100%"}),Yn=l.label(({theme:e})=>({cursor:"pointer",userSelect:"none",color:e.color.dark})),jn=l.div(({elementWidth:e,theme:n})=>({cursor:"pointer",fontSize:13,lineHeight:"20px",padding:e>450?"10px 15px 10px 0":"10px 0px 10px 15px",height:"40px",border:"none",marginTop:e>450?-40:0,float:e>450?"right":"left",display:"flex",alignItems:"center",width:e>450?"auto":"100%",borderBottom:e>450?"none":`1px solid ${n.appBorderColor}`,input:{marginLeft:10,marginRight:0,marginTop:-1,marginBottom:0}})),zn=l.button(({theme:e})=>({textDecoration:"none",padding:"10px 15px",cursor:"pointer",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,lineHeight:1,height:40,border:"none",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",background:"transparent","&:focus":{outline:"0 none",borderBottom:`3px solid ${e.color.secondary}`}}),({active:e,theme:n})=>e?{opacity:1,borderBottom:`3px solid ${n.color.secondary}`}:{}),Vn=l.div({}),Kn=l.div(({theme:e})=>({boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.background.app,display:"flex",justifyContent:"space-between",whiteSpace:"nowrap"}));function Qn(e){return e.reduce((n,o)=>n.concat(o.nodes),[])}var qn=({tabs:e})=>{let{ref:n,width:o}=qe({refreshMode:"debounce",handleHeight:!1,handleWidth:!0}),{tab:t,setTab:a}=ae(),u=x(i=>{a(parseInt(i.currentTarget.getAttribute("data-index")||"",10))},[a]),s=`${e[t].type}-global-checkbox`;return E($n,{ref:n},E(Kn,null,E(Vn,null,e.map((i,m)=>E(zn,{key:m,"data-index":m,active:t===m,onClick:u},i.label)))),e[t].items.length>0?E(jn,{elementWidth:o||0},E(Yn,{htmlFor:s},"Highlight results"),E(ie,{toggleId:s,elementsToHighlight:Qn(e[t].items)})):null,e[t].panel)},Xn=l(ve)({marginRight:4}),Zn=l(Xn)(({theme:e})=>({animation:`${e.animation.rotate360} 1s linear infinite;`})),Jn=l.span(({theme:e})=>({color:e.color.positiveText})),eo=l.span(({theme:e})=>({color:e.color.negativeText})),to=l.span(({theme:e})=>({color:e.color.warningText})),V=l.span({display:"flex",alignItems:"center",justifyContent:"center",height:"100%"}),no=()=>{let{manual:e}=_e("a11y",{manual:!1}),[n,o]=k(e?"manual":"initial"),[t,a]=r.useState(void 0),{setResults:u,results:s}=ae(),{storyId:i}=Te(),m=J();r.useEffect(()=>{o(e?"manual":"initial")},[e]);let p=h=>{o("ran"),u(h),setTimeout(()=>{n==="ran"&&o("ready")},900)},d=x(()=>{o("running")},[]),g=x(h=>{o("error"),a(h)},[]),c=Z({[M.RUNNING]:d,[M.RESULT]:p,[M.ERROR]:g}),f=x(()=>{o("running"),c(M.MANUAL,i,m.getParameters(i,"a11y"))},[i]),_=F(()=>[{title:"Run test",onClick:f}],[f]),T=F(()=>[{title:n==="ready"?"Rerun tests":r.createElement(r.Fragment,null,r.createElement(Oe,null)," Tests completed"),onClick:f}],[n,f]),R=F(()=>{let{passes:h,incomplete:S,violations:y}=s;return[{label:r.createElement(eo,null,y.length," Violations"),panel:r.createElement(te,{items:y,type:0,empty:"No accessibility violations found."}),items:y,type:0},{label:r.createElement(Jn,null,h.length," Passes"),panel:r.createElement(te,{items:h,type:1,empty:"No accessibility checks passed."}),items:h,type:1},{label:r.createElement(to,null,S.length," Incomplete"),panel:r.createElement(te,{items:S,type:2,empty:"No accessibility checks incomplete."}),items:S,type:2}]},[s]);return r.createElement(r.Fragment,null,n==="initial"&&r.createElement(V,null,"Initializing..."),n==="manual"&&r.createElement(r.Fragment,null,r.createElement(V,null,"Manually run the accessibility scan."),r.createElement(K,{key:"actionbar",actionItems:_})),n==="running"&&r.createElement(V,null,r.createElement(Zn,{size:12})," Please wait while the accessibility scan is running ..."),(n==="ready"||n==="ran")&&r.createElement(r.Fragment,null,r.createElement(Ie,{vertical:!0,horizontal:!0},r.createElement(qn,{key:"tabs",tabs:R})),r.createElement(K,{key:"actionbar",actionItems:T})),n==="error"&&r.createElement(V,null,"The accessibility scan encountered an error.",r.createElement("br",null),typeof t=="string"?t:JSON.stringify(t)))},oo=e=>E("svg",{...e},E("defs",null,E("filter",{id:"protanopia"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"protanomaly"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"deuteranopia"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"deuteranomaly"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"tritanopia"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.95, 0.05, 0, 0, 0 0, 0.433, 0.567, 0, 0 0, 0.475, 0.525, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"tritanomaly"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"})),E("filter",{id:"achromatopsia"},E("feColorMatrix",{in:"SourceGraphic",type:"matrix",values:"0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"})))),ro="storybook-preview-iframe",ao=[{name:"blurred vision",percentage:22.9},{name:"deuteranomaly",percentage:2.7},{name:"deuteranopia",percentage:.56},{name:"protanomaly",percentage:.66},{name:"protanopia",percentage:.59},{name:"tritanomaly",percentage:.01},{name:"tritanopia",percentage:.016},{name:"achromatopsia",percentage:1e-4},{name:"grayscale"}],Xe=e=>e?e==="blurred vision"?"blur(2px)":e==="grayscale"?"grayscale(100%)":`url('#${e}')`:"none",io=l.div(()=>({"&, & svg":{position:"absolute",width:0,height:0}})),co=l.span({background:"linear-gradient(to right, #F44336, #FF9800, #FFEB3B, #8BC34A, #2196F3, #9C27B0)",borderRadius:"1rem",display:"block",height:"1rem",width:"1rem"},({filter:e})=>({filter:Xe(e)}),({theme:e})=>({boxShadow:`${e.appBorderColor} 0 0 0 1px inset`})),lo=l.span({display:"flex",flexDirection:"column"}),so=l.span({textTransform:"capitalize"}),uo=l.span(({theme:e})=>({fontSize:11,color:e.textMutedColor})),mo=(e,n)=>[...e!==null?[{id:"reset",title:"Reset color filter",onClick:()=>{n(null)},right:void 0,active:!1}]:[],...ao.map(o=>{let t=o.percentage!==void 0?`${o.percentage}% of users`:void 0;return{id:o.name,title:r.createElement(lo,null,r.createElement(so,null,o.name),t&&r.createElement(uo,null,t)),onClick:()=>{n(o)},right:r.createElement(co,{filter:o.name}),active:e===o}})],po=()=>{let[e,n]=k(null);return r.createElement(r.Fragment,null,e&&r.createElement(ye,{styles:{[`#${ro}`]:{filter:Xe(e.name)}}}),r.createElement(Se,{placement:"top",tooltip:({onHide:o})=>{let t=mo(e,a=>{n(a),o()});return r.createElement(Re,{links:t})},closeOnOutsideClick:!0,onDoubleClick:()=>n(null)},r.createElement(he,{key:"filter",active:!!e,title:"Vision simulator"},r.createElement(be,null))),r.createElement(io,null,r.createElement(oo,null)))},go=()=>{let[e]=X(N),n=e?.violations?.length||0,o=e?.incomplete?.length||0,t=n+o;return r.createElement("div",null,r.createElement(fe,{col:1},r.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Accessibility"),t===0?"":r.createElement(Q,{status:"neutral"},t)))};$.register(N,e=>{$.add(De,{title:"",type:q.TOOL,match:({viewMode:n,tabId:o})=>n==="story"&&!o,render:()=>r.createElement(po,null)}),$.add(De,{title:go,type:q.PANEL,render:({active:n=!0})=>r.createElement(st,{active:n},r.createElement(no,null)),paramKey:nt})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/a11y-3/manager-bundle.js.LEGAL.txt b/sb-addons/a11y-3/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/actions-5/manager-bundle.js b/sb-addons/actions-5/manager-bundle.js new file mode 100644 index 00000000000000..a4c1cc5a9fa4fa --- /dev/null +++ b/sb-addons/actions-5/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var o=__REACT__,{Children:Te,Component:_e,Fragment:ve,Profiler:Jr,PureComponent:qr,StrictMode:Xr,Suspense:Zr,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Kr,cloneElement:Qr,createContext:Z,createElement:en,createFactory:tn,createRef:rn,forwardRef:Se,isValidElement:nn,lazy:an,memo:U,startTransition:on,unstable_act:sn,useCallback:x,useContext:K,useDebugValue:ln,useDeferredValue:un,useEffect:Re,useId:cn,useImperativeHandle:pn,useInsertionEffect:fn,useLayoutEffect:Ae,useMemo:Ce,useReducer:dn,useRef:Ne,useState:j,useSyncExternalStore:mn,useTransition:gn,version:bn}=__REACT__;var Tn=__STORYBOOK_COMPONENTS__,{A:_n,ActionBar:we,AddonPanel:vn,Badge:xe,Bar:Sn,Blockquote:Rn,Button:An,ClipboardCode:Cn,Code:Nn,DL:wn,Div:xn,DocumentWrapper:Ln,EmptyTabContent:In,ErrorFormatter:Dn,FlexBar:Mn,Form:Pn,H1:Bn,H2:Fn,H3:Hn,H4:zn,H5:Un,H6:jn,HR:kn,IconButton:Gn,IconButtonSkeleton:Wn,Icons:Vn,Img:$n,LI:Yn,Link:Jn,ListItem:qn,Loader:Xn,Modal:Zn,OL:Kn,P:Qn,Placeholder:ea,Pre:ta,ResetWrapper:ra,ScrollArea:Le,Separator:na,Spaced:Ie,Span:aa,StorybookIcon:oa,StorybookLogo:ia,Symbols:sa,SyntaxHighlighter:la,TT:ua,TabBar:ca,TabButton:pa,TabWrapper:fa,Table:da,Tabs:ma,TabsState:ga,TooltipLinkList:ba,TooltipMessage:ha,TooltipNote:Ea,UL:ya,WithTooltip:Oa,WithTooltipPure:Ta,Zoom:_a,codeCommon:va,components:Sa,createCopyToClipboardFunction:Ra,getStoryHref:Aa,icons:Ca,interleaveSeparators:Na,nameSpaceClassNames:wa,resetComponents:xa,withReset:La}=__STORYBOOK_COMPONENTS__;var Ba=__STORYBOOK_CORE_EVENTS__,{ARGTYPES_INFO_REQUEST:Fa,ARGTYPES_INFO_RESPONSE:Ha,CHANNEL_CREATED:za,CHANNEL_WS_DISCONNECT:Ua,CONFIG_ERROR:ja,CREATE_NEW_STORYFILE_REQUEST:ka,CREATE_NEW_STORYFILE_RESPONSE:Ga,CURRENT_STORY_WAS_SET:Wa,DOCS_PREPARED:Va,DOCS_RENDERED:$a,FILE_COMPONENT_SEARCH_REQUEST:Ya,FILE_COMPONENT_SEARCH_RESPONSE:Ja,FORCE_REMOUNT:qa,FORCE_RE_RENDER:Xa,GLOBALS_UPDATED:Za,NAVIGATE_URL:Ka,PLAY_FUNCTION_THREW_EXCEPTION:Qa,PRELOAD_ENTRIES:eo,PREVIEW_BUILDER_PROGRESS:to,PREVIEW_KEYDOWN:ro,REGISTER_SUBSCRIPTION:no,REQUEST_WHATS_NEW_DATA:ao,RESET_STORY_ARGS:oo,RESULT_WHATS_NEW_DATA:io,SAVE_STORY_REQUEST:so,SAVE_STORY_RESPONSE:lo,SELECT_STORY:uo,SET_CONFIG:co,SET_CURRENT_STORY:po,SET_FILTER:fo,SET_GLOBALS:mo,SET_INDEX:go,SET_STORIES:bo,SET_WHATS_NEW_CACHE:ho,SHARED_STATE_CHANGED:Eo,SHARED_STATE_SET:yo,STORIES_COLLAPSE_ALL:Oo,STORIES_EXPAND_ALL:To,STORY_ARGS_UPDATED:_o,STORY_CHANGED:k,STORY_ERRORED:vo,STORY_INDEX_INVALIDATED:So,STORY_MISSING:Ro,STORY_PREPARED:Ao,STORY_RENDERED:Co,STORY_RENDER_PHASE_CHANGED:No,STORY_SPECIFIED:wo,STORY_THREW_EXCEPTION:xo,STORY_UNCHANGED:Lo,TELEMETRY_ERROR:Io,TESTING_MODULE_CANCEL_TEST_RUN_REQUEST:Do,TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE:Mo,TESTING_MODULE_CRASH_REPORT:Po,TESTING_MODULE_PROGRESS_REPORT:Bo,TESTING_MODULE_RUN_ALL_REQUEST:Fo,TESTING_MODULE_RUN_REQUEST:Ho,TESTING_MODULE_WATCH_MODE_REQUEST:zo,TOGGLE_WHATS_NEW_NOTIFICATIONS:Uo,UNHANDLED_ERRORS_WHILE_PLAYING:jo,UPDATE_GLOBALS:ko,UPDATE_QUERY_PARAMS:Go,UPDATE_STORY_ARGS:Wo}=__STORYBOOK_CORE_EVENTS__;var ei=__STORYBOOK_API__,{ActiveTabs:ti,Consumer:ri,ManagerContext:ni,Provider:ai,RequestResponseError:oi,addons:Q,combineParameters:ii,controlOrMetaKey:si,controlOrMetaSymbol:li,eventMatchesShortcut:ui,eventToShortcut:ci,experimental_requestResponse:pi,isMacLike:fi,isShortcutTaken:di,keyToSymbol:mi,merge:gi,mockChannel:bi,optionOrAltSymbol:hi,shortcutMatchesShortcut:Ei,shortcutToHumanString:yi,types:De,useAddonState:Me,useArgTypes:Oi,useArgs:Ti,useChannel:Pe,useGlobalTypes:_i,useGlobals:vi,useParameter:Si,useSharedState:Ri,useStoryPrepared:Ai,useStorybookApi:Ci,useStorybookState:Ni}=__STORYBOOK_API__;var Be=Object.prototype.hasOwnProperty;function Fe(e,t,r){for(r of e.keys())if(L(r,t))return r}function L(e,t){var r,n,a;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&L(e[n],t[n]););return n===-1}if(r===Set){if(e.size!==t.size)return!1;for(n of e)if(a=n,a&&typeof a=="object"&&(a=Fe(t,a),!a)||!t.has(a))return!1;return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e)if(a=n[0],a&&typeof a=="object"&&(a=Fe(t,a),!a)||!L(n[1],t.get(a)))return!1;return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return n===-1}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return n===-1}if(!r||typeof e=="object"){n=0;for(r in e)if(Be.call(e,r)&&++n&&!Be.call(t,r)||!(r in t)||!L(e[r],t[r]))return!1;return Object.keys(t).length===n}}return e!==e&&t!==t}var Fi=__STORYBOOK_THEMING__,{CacheProvider:Hi,ClassNames:zi,Global:Ui,ThemeProvider:ji,background:ki,color:Gi,convert:Wi,create:Vi,createCache:$i,createGlobal:Yi,createReset:Ji,css:qi,darken:Xi,ensure:Zi,ignoreSsrWarning:Ki,isPropValid:Qi,jsx:es,keyframes:ts,lighten:rs,styled:B,themes:ns,typography:as,useTheme:os,withTheme:He}=__STORYBOOK_THEMING__;function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},T.apply(null,arguments)}function ze(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,t){return R=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},R(e,t)}function Ue(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,R(e,t)}function G(e){return G=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},G(e)}function je(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function ee(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(ee=function(){return!!e})()}function ke(e,t,r){if(ee())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var a=new(e.bind.apply(e,n));return r&&R(a,r.prototype),a}function W(e){var t=typeof Map=="function"?new Map:void 0;return W=function(n){if(n===null||!je(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(t!==void 0){if(t.has(n))return t.get(n);t.set(n,a)}function a(){return ke(n,arguments,G(this).constructor)}return a.prototype=Object.create(n.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),R(a,n)},W(e)}var _=function(e){Ue(t,e);function t(r){var n;if(!0)n=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+r+" for more information.")||this;else for(var a,i,s;s<a;s++);return ze(n)}return t}(W(Error));function Ge(e,t){return e.substr(-t.length)===t}var pt=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function We(e){if(typeof e!="string")return e;var t=e.match(pt);return t?parseFloat(e):e}var ft=function(t){return function(r,n){n===void 0&&(n="16px");var a=r,i=n;if(typeof r=="string"){if(!Ge(r,"px"))throw new _(69,t,r);a=We(r)}if(typeof n=="string"){if(!Ge(n,"px"))throw new _(70,t,n);i=We(n)}if(typeof a=="string")throw new _(71,r,t);if(typeof i=="string")throw new _(72,n,t);return""+a/i+t}},$e=ft,ul=$e("em");var cl=$e("rem");function te(e){return Math.round(e*255)}function dt(e,t,r){return te(e)+","+te(t)+","+te(r)}function F(e,t,r,n){if(n===void 0&&(n=dt),t===0)return n(r,r,r);var a=(e%360+360)%360/60,i=(1-Math.abs(2*r-1))*t,s=i*(1-Math.abs(a%2-1)),l=0,u=0,c=0;a>=0&&a<1?(l=i,u=s):a>=1&&a<2?(l=s,u=i):a>=2&&a<3?(u=i,c=s):a>=3&&a<4?(u=s,c=i):a>=4&&a<5?(l=s,c=i):a>=5&&a<6&&(l=i,c=s);var p=r-i/2,d=l+p,f=u+p,E=c+p;return n(d,f,E)}var Ve={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 mt(e){if(typeof e!="string")return e;var t=e.toLowerCase();return Ve[t]?"#"+Ve[t]:e}var gt=/^#[a-fA-F0-9]{6}$/,bt=/^#[a-fA-F0-9]{8}$/,ht=/^#[a-fA-F0-9]{3}$/,Et=/^#[a-fA-F0-9]{4}$/,re=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,yt=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Ot=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Tt=/^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 I(e){if(typeof e!="string")throw new _(3);var t=mt(e);if(t.match(gt))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(bt)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(ht))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(Et)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=re.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var i=yt.exec(t.substring(0,50));if(i)return{red:parseInt(""+i[1],10),green:parseInt(""+i[2],10),blue:parseInt(""+i[3],10),alpha:parseFloat(""+i[4])>1?parseFloat(""+i[4])/100:parseFloat(""+i[4])};var s=Ot.exec(t);if(s){var l=parseInt(""+s[1],10),u=parseInt(""+s[2],10)/100,c=parseInt(""+s[3],10)/100,p="rgb("+F(l,u,c)+")",d=re.exec(p);if(!d)throw new _(4,t,p);return{red:parseInt(""+d[1],10),green:parseInt(""+d[2],10),blue:parseInt(""+d[3],10)}}var f=Tt.exec(t.substring(0,50));if(f){var E=parseInt(""+f[1],10),m=parseInt(""+f[2],10)/100,y=parseInt(""+f[3],10)/100,O="rgb("+F(E,m,y)+")",w=re.exec(O);if(!w)throw new _(4,t,O);return{red:parseInt(""+w[1],10),green:parseInt(""+w[2],10),blue:parseInt(""+w[3],10),alpha:parseFloat(""+f[4])>1?parseFloat(""+f[4])/100:parseFloat(""+f[4])}}throw new _(5)}function _t(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),i=Math.min(t,r,n),s=(a+i)/2;if(a===i)return e.alpha!==void 0?{hue:0,saturation:0,lightness:s,alpha:e.alpha}:{hue:0,saturation:0,lightness:s};var l,u=a-i,c=s>.5?u/(2-a-i):u/(a+i);switch(a){case t:l=(r-n)/u+(r<n?6:0);break;case r:l=(n-t)/u+2;break;default:l=(t-r)/u+4;break}return l*=60,e.alpha!==void 0?{hue:l,saturation:c,lightness:s,alpha:e.alpha}:{hue:l,saturation:c,lightness:s}}function A(e){return _t(I(e))}var vt=function(t){return t.length===7&&t[1]===t[2]&&t[3]===t[4]&&t[5]===t[6]?"#"+t[1]+t[3]+t[5]:t},ae=vt;function N(e){var t=e.toString(16);return t.length===1?"0"+t:t}function ne(e){return N(Math.round(e*255))}function St(e,t,r){return ae("#"+ne(e)+ne(t)+ne(r))}function V(e,t,r){return F(e,t,r,St)}function Rt(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return V(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return V(e.hue,e.saturation,e.lightness);throw new _(1)}function At(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?V(e,t,r):"rgba("+F(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?V(e.hue,e.saturation,e.lightness):"rgba("+F(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new _(2)}function oe(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return ae("#"+N(e)+N(t)+N(r));if(typeof e=="object"&&t===void 0&&r===void 0)return ae("#"+N(e.red)+N(e.green)+N(e.blue));throw new _(6)}function $(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=I(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?oe(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?oe(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new _(7)}var Ct=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},Nt=function(t){return typeof t.red=="number"&&typeof t.green=="number"&&typeof t.blue=="number"&&typeof t.alpha=="number"},wt=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&(typeof t.alpha!="number"||typeof t.alpha>"u")},xt=function(t){return typeof t.hue=="number"&&typeof t.saturation=="number"&&typeof t.lightness=="number"&&typeof t.alpha=="number"};function C(e){if(typeof e!="object")throw new _(8);if(Nt(e))return $(e);if(Ct(e))return oe(e);if(xt(e))return At(e);if(wt(e))return Rt(e);throw new _(8)}function Ye(e,t,r){return function(){var a=r.concat(Array.prototype.slice.call(arguments));return a.length>=t?e.apply(this,a):Ye(e,t,a)}}function v(e){return Ye(e,e.length,[])}function Lt(e,t){if(t==="transparent")return t;var r=A(t);return C(T({},r,{hue:r.hue+parseFloat(e)}))}var pl=v(Lt);function D(e,t,r){return Math.max(e,Math.min(t,r))}function It(e,t){if(t==="transparent")return t;var r=A(t);return C(T({},r,{lightness:D(0,1,r.lightness-parseFloat(e))}))}var fl=v(It);function Dt(e,t){if(t==="transparent")return t;var r=A(t);return C(T({},r,{saturation:D(0,1,r.saturation-parseFloat(e))}))}var dl=v(Dt);function Mt(e,t){if(t==="transparent")return t;var r=A(t);return C(T({},r,{lightness:D(0,1,r.lightness+parseFloat(e))}))}var ml=v(Mt);function Pt(e,t,r){if(t==="transparent")return r;if(r==="transparent")return t;if(e===0)return r;var n=I(t),a=T({},n,{alpha:typeof n.alpha=="number"?n.alpha:1}),i=I(r),s=T({},i,{alpha:typeof i.alpha=="number"?i.alpha:1}),l=a.alpha-s.alpha,u=parseFloat(e)*2-1,c=u*l===-1?u:u+l,p=1+u*l,d=(c/p+1)/2,f=1-d,E={red:Math.floor(a.red*d+s.red*f),green:Math.floor(a.green*d+s.green*f),blue:Math.floor(a.blue*d+s.blue*f),alpha:a.alpha*parseFloat(e)+s.alpha*(1-parseFloat(e))};return $(E)}var Bt=v(Pt),Je=Bt;function Ft(e,t){if(t==="transparent")return t;var r=I(t),n=typeof r.alpha=="number"?r.alpha:1,a=T({},r,{alpha:D(0,1,(n*100+parseFloat(e)*100)/100)});return $(a)}var Ht=v(Ft),qe=Ht;function zt(e,t){if(t==="transparent")return t;var r=A(t);return C(T({},r,{saturation:D(0,1,r.saturation+parseFloat(e))}))}var gl=v(zt);function Ut(e,t){return t==="transparent"?t:C(T({},A(t),{hue:parseFloat(e)}))}var bl=v(Ut);function jt(e,t){return t==="transparent"?t:C(T({},A(t),{lightness:parseFloat(e)}))}var hl=v(jt);function kt(e,t){return t==="transparent"?t:C(T({},A(t),{saturation:parseFloat(e)}))}var El=v(kt);function Gt(e,t){return t==="transparent"?t:Je(parseFloat(e),"rgb(0, 0, 0)",t)}var yl=v(Gt);function Wt(e,t){return t==="transparent"?t:Je(parseFloat(e),"rgb(255, 255, 255)",t)}var Ol=v(Wt);function Vt(e,t){if(t==="transparent")return t;var r=I(t),n=typeof r.alpha=="number"?r.alpha:1,a=T({},r,{alpha:D(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return $(a)}var Tl=v(Vt);var $t="actions",z="storybook/actions",Yt=`${z}/panel`,se=`${z}/action-event`,et=`${z}/action-clear`,Jt=Object.create,pe=Object.defineProperty,qt=Object.getOwnPropertyDescriptor,tt=Object.getOwnPropertyNames,Xt=Object.getPrototypeOf,Zt=Object.prototype.hasOwnProperty,fe=(e,t)=>function(){return t||(0,e[tt(e)[0]])((t={exports:{}}).exports,t),t.exports},Kt=(e,t)=>{for(var r in t)pe(e,r,{get:t[r],enumerable:!0})},Qt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of tt(t))!Zt.call(e,a)&&a!==r&&pe(e,a,{get:()=>t[a],enumerable:!(n=qt(t,a))||n.enumerable});return e},er=(e,t,r)=>(r=e!=null?Jt(Xt(e)):{},Qt(t||!e||!e.__esModule?pe(r,"default",{value:e,enumerable:!0}):r,e)),tr=fe({"node_modules/is-object/index.js"(e,t){t.exports=function(r){return typeof r=="object"&&r!==null}}}),rr=fe({"node_modules/is-window/index.js"(e,t){t.exports=function(r){if(r==null)return!1;var n=Object(r);return n===n.window}}}),nr=fe({"node_modules/is-dom/index.js"(e,t){var r=tr(),n=rr();function a(i){return!r(i)||!n(window)||typeof window.Node!="function"?!1:typeof i.nodeType=="number"&&typeof i.nodeName=="string"}t.exports=a}}),q={};Kt(q,{chromeDark:()=>ar,chromeLight:()=>or});var ar={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},or={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},rt=Z([{},()=>{}]),ie={WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",OUserSelect:"none",userSelect:"none"},Y=e=>({DOMNodePreview:{htmlOpenTag:{base:{color:e.HTML_TAG_COLOR},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM},htmlAttributeName:{color:e.HTML_ATTRIBUTE_NAME_COLOR},htmlAttributeValue:{color:e.HTML_ATTRIBUTE_VALUE_COLOR}},htmlCloseTag:{base:{color:e.HTML_TAG_COLOR},offsetLeft:{marginLeft:-e.TREENODE_PADDING_LEFT},tagName:{color:e.HTML_TAGNAME_COLOR,textTransform:e.HTML_TAGNAME_TEXT_TRANSFORM}},htmlComment:{color:e.HTML_COMMENT_COLOR},htmlDoctype:{color:e.HTML_DOCTYPE_COLOR}},ObjectPreview:{objectDescription:{fontStyle:"italic"},preview:{fontStyle:"italic"},arrayMaxProperties:e.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,objectMaxProperties:e.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES},ObjectName:{base:{color:e.OBJECT_NAME_COLOR},dimmed:{opacity:.6}},ObjectValue:{objectValueNull:{color:e.OBJECT_VALUE_NULL_COLOR},objectValueUndefined:{color:e.OBJECT_VALUE_UNDEFINED_COLOR},objectValueRegExp:{color:e.OBJECT_VALUE_REGEXP_COLOR},objectValueString:{color:e.OBJECT_VALUE_STRING_COLOR},objectValueSymbol:{color:e.OBJECT_VALUE_SYMBOL_COLOR},objectValueNumber:{color:e.OBJECT_VALUE_NUMBER_COLOR},objectValueBoolean:{color:e.OBJECT_VALUE_BOOLEAN_COLOR},objectValueFunctionPrefix:{color:e.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,fontStyle:"italic"},objectValueFunctionName:{fontStyle:"italic"}},TreeView:{treeViewOutline:{padding:0,margin:0,listStyleType:"none"}},TreeNode:{treeNodeBase:{color:e.BASE_COLOR,backgroundColor:e.BASE_BACKGROUND_COLOR,lineHeight:e.TREENODE_LINE_HEIGHT,cursor:"default",boxSizing:"border-box",listStyle:"none",fontFamily:e.TREENODE_FONT_FAMILY,fontSize:e.TREENODE_FONT_SIZE},treeNodePreviewContainer:{},treeNodePlaceholder:{whiteSpace:"pre",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...ie},treeNodeArrow:{base:{color:e.ARROW_COLOR,display:"inline-block",fontSize:e.ARROW_FONT_SIZE,marginRight:e.ARROW_MARGIN_RIGHT,...parseFloat(e.ARROW_ANIMATION_DURATION)>0?{transition:`transform ${e.ARROW_ANIMATION_DURATION} ease 0s`}:{},...ie},expanded:{WebkitTransform:"rotateZ(90deg)",MozTransform:"rotateZ(90deg)",transform:"rotateZ(90deg)"},collapsed:{WebkitTransform:"rotateZ(0deg)",MozTransform:"rotateZ(0deg)",transform:"rotateZ(0deg)"}},treeNodeChildNodesContainer:{margin:0,paddingLeft:e.TREENODE_PADDING_LEFT}},TableInspector:{base:{color:e.BASE_COLOR,position:"relative",border:`1px solid ${e.TABLE_BORDER_COLOR}`,fontFamily:e.BASE_FONT_FAMILY,fontSize:e.BASE_FONT_SIZE,lineHeight:"120%",boxSizing:"border-box",cursor:"default"}},TableInspectorHeaderContainer:{base:{top:0,height:"17px",left:0,right:0,overflowX:"hidden"},table:{tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",height:"100%",width:"100%",margin:0}},TableInspectorDataContainer:{tr:{display:"table-row"},td:{boxSizing:"border-box",border:"none",height:"16px",verticalAlign:"top",padding:"1px 4px",WebkitUserSelect:"text",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px"},div:{position:"static",top:"17px",bottom:0,overflowY:"overlay",transform:"translateZ(0)",left:0,right:0,overflowX:"hidden"},table:{positon:"static",left:0,top:0,right:0,bottom:0,borderTop:"0 none transparent",margin:0,backgroundImage:e.TABLE_DATA_BACKGROUND_IMAGE,backgroundSize:e.TABLE_DATA_BACKGROUND_SIZE,tableLayout:"fixed",borderSpacing:0,borderCollapse:"separate",width:"100%",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorTH:{base:{position:"relative",height:"auto",textAlign:"left",backgroundColor:e.TABLE_TH_BACKGROUND_COLOR,borderBottom:`1px solid ${e.TABLE_BORDER_COLOR}`,fontWeight:"normal",verticalAlign:"middle",padding:"0 4px",whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",lineHeight:"14px",":hover":{backgroundColor:e.TABLE_TH_HOVER_COLOR}},div:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",fontSize:e.BASE_FONT_SIZE,lineHeight:"120%"}},TableInspectorLeftBorder:{none:{borderLeft:"none"},solid:{borderLeft:`1px solid ${e.TABLE_BORDER_COLOR}`}},TableInspectorSortIcon:{display:"block",marginRight:3,width:8,height:7,marginTop:-7,color:e.TABLE_SORT_ICON_COLOR,fontSize:12,...ie}}),le="chromeLight",nt=Z(Y(q[le])),S=e=>K(nt)[e],de=e=>({theme:t=le,...r})=>{let n=Ce(()=>{switch(Object.prototype.toString.call(t)){case"[object String]":return Y(q[t]);case"[object Object]":return Y(t);default:return Y(q[le])}},[t]);return o.createElement(nt.Provider,{value:n},o.createElement(e,{...r}))},ir=({expanded:e,styles:t})=>o.createElement("span",{style:{...t.base,...e?t.expanded:t.collapsed}},"\u25B6"),sr=U(e=>{e={expanded:!0,nodeRenderer:({name:p})=>o.createElement("span",null,p),onClick:()=>{},shouldShowArrow:!1,shouldShowPlaceholder:!0,...e};let{expanded:t,onClick:r,children:n,nodeRenderer:a,title:i,shouldShowArrow:s,shouldShowPlaceholder:l}=e,u=S("TreeNode"),c=a;return o.createElement("li",{"aria-expanded":t,role:"treeitem",style:u.treeNodeBase,title:i},o.createElement("div",{style:u.treeNodePreviewContainer,onClick:r},s||Te.count(n)>0?o.createElement(ir,{expanded:t,styles:u.treeNodeArrow}):l&&o.createElement("span",{style:u.treeNodePlaceholder},"\xA0"),o.createElement(c,{...e})),o.createElement("ol",{role:"group",style:u.treeNodeChildNodesContainer},t?n:void 0))}),X="$",Xe="*";function J(e,t){return!t(e).next().done}var lr=e=>Array.from({length:e},(t,r)=>[X].concat(Array.from({length:r},()=>"*")).join(".")),ur=(e,t,r,n,a)=>{let i=[].concat(lr(n)).concat(r).filter(l=>typeof l=="string"),s=[];return i.forEach(l=>{let u=l.split("."),c=(p,d,f)=>{if(f===u.length){s.push(d);return}let E=u[f];if(f===0)J(p,t)&&(E===X||E===Xe)&&c(p,X,f+1);else if(E===Xe)for(let{name:m,data:y}of t(p))J(y,t)&&c(y,`${d}.${m}`,f+1);else{let m=p[E];J(m,t)&&c(m,`${d}.${E}`,f+1)}};c(e,"",0)}),s.reduce((l,u)=>(l[u]=!0,l),{...a})},at=U(e=>{let{data:t,dataIterator:r,path:n,depth:a,nodeRenderer:i}=e,[s,l]=K(rt),u=J(t,r),c=!!s[n],p=x(()=>u&&l(d=>({...d,[n]:!c})),[u,l,n,c]);return o.createElement(sr,{expanded:c,onClick:p,shouldShowArrow:u,shouldShowPlaceholder:a>0,nodeRenderer:i,...e},c?[...r(t)].map(({name:d,data:f,...E})=>o.createElement(at,{name:d,data:f,depth:a+1,path:`${n}.${d}`,key:d,dataIterator:r,nodeRenderer:i,...E})):null)}),ot=U(({name:e,data:t,dataIterator:r,nodeRenderer:n,expandPaths:a,expandLevel:i})=>{let s=S("TreeView"),l=j({}),[,u]=l;return Ae(()=>u(c=>ur(t,r,a,i,c)),[t,r,a,i]),o.createElement(rt.Provider,{value:l},o.createElement("ol",{role:"tree",style:s.treeViewOutline},o.createElement(at,{name:e,data:t,dataIterator:r,depth:0,path:X,nodeRenderer:n})))}),me=({name:e,dimmed:t=!1,styles:r={}})=>{let n=S("ObjectName"),a={...n.base,...t?n.dimmed:{},...r};return o.createElement("span",{style:a},e)},H=({object:e,styles:t})=>{let r=S("ObjectValue"),n=a=>({...r[a],...t});switch(typeof e){case"bigint":return o.createElement("span",{style:n("objectValueNumber")},String(e),"n");case"number":return o.createElement("span",{style:n("objectValueNumber")},String(e));case"string":return o.createElement("span",{style:n("objectValueString")},'"',e,'"');case"boolean":return o.createElement("span",{style:n("objectValueBoolean")},String(e));case"undefined":return o.createElement("span",{style:n("objectValueUndefined")},"undefined");case"object":return e===null?o.createElement("span",{style:n("objectValueNull")},"null"):e instanceof Date?o.createElement("span",null,e.toString()):e instanceof RegExp?o.createElement("span",{style:n("objectValueRegExp")},e.toString()):Array.isArray(e)?o.createElement("span",null,`Array(${e.length})`):e.constructor?typeof e.constructor.isBuffer=="function"&&e.constructor.isBuffer(e)?o.createElement("span",null,`Buffer[${e.length}]`):o.createElement("span",null,e.constructor.name):o.createElement("span",null,"Object");case"function":return o.createElement("span",null,o.createElement("span",{style:n("objectValueFunctionPrefix")},"\u0192\xA0"),o.createElement("span",{style:n("objectValueFunctionName")},e.name,"()"));case"symbol":return o.createElement("span",{style:n("objectValueSymbol")},e.toString());default:return o.createElement("span",null)}},it=Object.prototype.hasOwnProperty,cr=Object.prototype.propertyIsEnumerable;function ue(e,t){let r=Object.getOwnPropertyDescriptor(e,t);if(r.get)try{return r.get()}catch{return r.get}return e[t]}function Ze(e,t){return e.length===0?[]:e.slice(1).reduce((r,n)=>r.concat([t,n]),[e[0]])}var ce=({data:e})=>{let t=S("ObjectPreview"),r=e;if(typeof r!="object"||r===null||r instanceof Date||r instanceof RegExp)return o.createElement(H,{object:r});if(Array.isArray(r)){let n=t.arrayMaxProperties,a=r.slice(0,n).map((s,l)=>o.createElement(H,{key:l,object:s}));r.length>n&&a.push(o.createElement("span",{key:"ellipsis"},"\u2026"));let i=r.length;return o.createElement(o.Fragment,null,o.createElement("span",{style:t.objectDescription},i===0?"":`(${i})\xA0`),o.createElement("span",{style:t.preview},"[",Ze(a,", "),"]"))}else{let n=t.objectMaxProperties,a=[];for(let s in r)if(it.call(r,s)){let l;a.length===n-1&&Object.keys(r).length>n&&(l=o.createElement("span",{key:"ellipsis"},"\u2026"));let u=ue(r,s);if(a.push(o.createElement("span",{key:s},o.createElement(me,{name:s||'""'}),":\xA0",o.createElement(H,{object:u}),l)),l)break}let i=r.constructor?r.constructor.name:"Object";return o.createElement(o.Fragment,null,o.createElement("span",{style:t.objectDescription},i==="Object"?"":`${i} `),o.createElement("span",{style:t.preview},"{",Ze(a,", "),"}"))}},pr=({name:e,data:t})=>typeof e=="string"?o.createElement("span",null,o.createElement(me,{name:e}),o.createElement("span",null,": "),o.createElement(ce,{data:t})):o.createElement(ce,{data:t}),fr=({name:e,data:t,isNonenumerable:r=!1})=>{let n=t;return o.createElement("span",null,typeof e=="string"?o.createElement(me,{name:e,dimmed:r}):o.createElement(ce,{data:e}),o.createElement("span",null,": "),o.createElement(H,{object:n}))},dr=(e,t)=>function*(r){if(!(typeof r=="object"&&r!==null||typeof r=="function"))return;let n=Array.isArray(r);if(!n&&r[Symbol.iterator]){let a=0;for(let i of r){if(Array.isArray(i)&&i.length===2){let[s,l]=i;yield{name:s,data:l}}else yield{name:a.toString(),data:i};a++}}else{let a=Object.getOwnPropertyNames(r);t===!0&&!n?a.sort():typeof t=="function"&&a.sort(t);for(let i of a)if(cr.call(r,i)){let s=ue(r,i);yield{name:i||'""',data:s}}else if(e){let s;try{s=ue(r,i)}catch{}s!==void 0&&(yield{name:i,data:s,isNonenumerable:!0})}e&&r!==Object.prototype&&(yield{name:"__proto__",data:Object.getPrototypeOf(r),isNonenumerable:!0})}},mr=({depth:e,name:t,data:r,isNonenumerable:n})=>e===0?o.createElement(pr,{name:t,data:r}):o.createElement(fr,{name:t,data:r,isNonenumerable:n}),gr=({showNonenumerable:e=!1,sortObjectKeys:t,nodeRenderer:r,...n})=>{let a=dr(e,t),i=r||mr;return o.createElement(ot,{nodeRenderer:i,dataIterator:a,...n})},br=de(gr);function hr(e){if(typeof e=="object"){let t=[];if(Array.isArray(e)){let n=e.length;t=[...Array(n).keys()]}else e!==null&&(t=Object.keys(e));let r=t.reduce((n,a)=>{let i=e[a];return typeof i=="object"&&i!==null&&Object.keys(i).reduce((s,l)=>(s.includes(l)||s.push(l),s),n),n},[]);return{rowHeaders:t,colHeaders:r}}}var Er=({rows:e,columns:t,rowsData:r})=>{let n=S("TableInspectorDataContainer"),a=S("TableInspectorLeftBorder");return o.createElement("div",{style:n.div},o.createElement("table",{style:n.table},o.createElement("colgroup",null),o.createElement("tbody",null,e.map((i,s)=>o.createElement("tr",{key:i,style:n.tr},o.createElement("td",{style:{...n.td,...a.none}},i),t.map(l=>{let u=r[s];return typeof u=="object"&&u!==null&&it.call(u,l)?o.createElement("td",{key:l,style:{...n.td,...a.solid}},o.createElement(H,{object:u[l]})):o.createElement("td",{key:l,style:{...n.td,...a.solid}})}))))))},yr=e=>o.createElement("div",{style:{position:"absolute",top:1,right:0,bottom:1,display:"flex",alignItems:"center"}},e.children),Or=({sortAscending:e})=>{let t=S("TableInspectorSortIcon"),r=e?"\u25B2":"\u25BC";return o.createElement("div",{style:t},r)},Ke=({sortAscending:e=!1,sorted:t=!1,onClick:r=void 0,borderStyle:n={},children:a,...i})=>{let s=S("TableInspectorTH"),[l,u]=j(!1),c=x(()=>u(!0),[]),p=x(()=>u(!1),[]);return o.createElement("th",{...i,style:{...s.base,...n,...l?s.base[":hover"]:{}},onMouseEnter:c,onMouseLeave:p,onClick:r},o.createElement("div",{style:s.div},a),t&&o.createElement(yr,null,o.createElement(Or,{sortAscending:e})))},Tr=({indexColumnText:e="(index)",columns:t=[],sorted:r,sortIndexColumn:n,sortColumn:a,sortAscending:i,onTHClick:s,onIndexTHClick:l})=>{let u=S("TableInspectorHeaderContainer"),c=S("TableInspectorLeftBorder");return o.createElement("div",{style:u.base},o.createElement("table",{style:u.table},o.createElement("tbody",null,o.createElement("tr",null,o.createElement(Ke,{borderStyle:c.none,sorted:r&&n,sortAscending:i,onClick:l},e),t.map(p=>o.createElement(Ke,{borderStyle:c.solid,key:p,sorted:r&&a===p,sortAscending:i,onClick:s.bind(null,p)},p))))))},_r=({data:e,columns:t})=>{let r=S("TableInspector"),[{sorted:n,sortIndexColumn:a,sortColumn:i,sortAscending:s},l]=j({sorted:!1,sortIndexColumn:!1,sortColumn:void 0,sortAscending:!1}),u=x(()=>{l(({sortIndexColumn:m,sortAscending:y})=>({sorted:!0,sortIndexColumn:!0,sortColumn:void 0,sortAscending:m?!y:!0}))},[]),c=x(m=>{l(({sortColumn:y,sortAscending:O})=>({sorted:!0,sortIndexColumn:!1,sortColumn:m,sortAscending:m===y?!O:!0}))},[]);if(typeof e!="object"||e===null)return o.createElement("div",null);let{rowHeaders:p,colHeaders:d}=hr(e);t!==void 0&&(d=t);let f=p.map(m=>e[m]),E;if(i!==void 0?E=f.map((m,y)=>typeof m=="object"&&m!==null?[m[i],y]:[void 0,y]):a&&(E=p.map((m,y)=>[p[y],y])),E!==void 0){let m=(O,w)=>(ut,ct)=>{let ge=O(ut),be=O(ct),he=typeof ge,Ee=typeof be,ye=(P,Oe)=>P<Oe?-1:P>Oe?1:0,M;if(he===Ee)M=ye(ge,be);else{let P={string:0,number:1,object:2,symbol:3,boolean:4,undefined:5,function:6};M=ye(P[he],P[Ee])}return w||(M=-M),M},y=E.sort(m(O=>O[0],s)).map(O=>O[1]);p=y.map(O=>p[O]),f=y.map(O=>f[O])}return o.createElement("div",{style:r.base},o.createElement(Tr,{columns:d,sorted:n,sortIndexColumn:a,sortColumn:i,sortAscending:s,onTHClick:c,onIndexTHClick:u}),o.createElement(Er,{rows:p,columns:d,rowsData:f}))},vr=de(_r),Sr=80,st=e=>e.childNodes.length===0||e.childNodes.length===1&&e.childNodes[0].nodeType===Node.TEXT_NODE&&e.textContent.length<Sr,Rr=({tagName:e,attributes:t,styles:r})=>o.createElement("span",{style:r.base},"<",o.createElement("span",{style:r.tagName},e),(()=>{if(t){let n=[];for(let a=0;a<t.length;a++){let i=t[a];n.push(o.createElement("span",{key:a}," ",o.createElement("span",{style:r.htmlAttributeName},i.name),'="',o.createElement("span",{style:r.htmlAttributeValue},i.value),'"'))}return n}})(),">"),Qe=({tagName:e,isChildNode:t=!1,styles:r})=>o.createElement("span",{style:Object.assign({},r.base,t&&r.offsetLeft)},"</",o.createElement("span",{style:r.tagName},e),">"),Ar={1:"ELEMENT_NODE",3:"TEXT_NODE",7:"PROCESSING_INSTRUCTION_NODE",8:"COMMENT_NODE",9:"DOCUMENT_NODE",10:"DOCUMENT_TYPE_NODE",11:"DOCUMENT_FRAGMENT_NODE"},Cr=({isCloseTag:e,data:t,expanded:r})=>{let n=S("DOMNodePreview");if(e)return o.createElement(Qe,{styles:n.htmlCloseTag,isChildNode:!0,tagName:t.tagName});switch(t.nodeType){case Node.ELEMENT_NODE:return o.createElement("span",null,o.createElement(Rr,{tagName:t.tagName,attributes:t.attributes,styles:n.htmlOpenTag}),st(t)?t.textContent:!r&&"\u2026",!r&&o.createElement(Qe,{tagName:t.tagName,styles:n.htmlCloseTag}));case Node.TEXT_NODE:return o.createElement("span",null,t.textContent);case Node.CDATA_SECTION_NODE:return o.createElement("span",null,"<![CDATA["+t.textContent+"]]>");case Node.COMMENT_NODE:return o.createElement("span",{style:n.htmlComment},"<!--",t.textContent,"-->");case Node.PROCESSING_INSTRUCTION_NODE:return o.createElement("span",null,t.nodeName);case Node.DOCUMENT_TYPE_NODE:return o.createElement("span",{style:n.htmlDoctype},"<!DOCTYPE ",t.name,t.publicId?` PUBLIC "${t.publicId}"`:"",!t.publicId&&t.systemId?" SYSTEM":"",t.systemId?` "${t.systemId}"`:"",">");case Node.DOCUMENT_NODE:return o.createElement("span",null,t.nodeName);case Node.DOCUMENT_FRAGMENT_NODE:return o.createElement("span",null,t.nodeName);default:return o.createElement("span",null,Ar[t.nodeType])}},Nr=function*(e){if(e&&e.childNodes){if(st(e))return;for(let t=0;t<e.childNodes.length;t++){let r=e.childNodes[t];r.nodeType===Node.TEXT_NODE&&r.textContent.trim().length===0||(yield{name:`${r.tagName}[${t}]`,data:r})}e.tagName&&(yield{name:"CLOSE_TAG",data:{tagName:e.tagName},isCloseTag:!0})}},wr=e=>o.createElement(ot,{nodeRenderer:Cr,dataIterator:Nr,...e}),xr=de(wr),Lr=er(nr()),Ir=({table:e=!1,data:t,...r})=>e?o.createElement(vr,{data:t,...r}):(0,Lr.default)(t)?o.createElement(xr,{data:t,...r}):o.createElement(br,{data:t,...r}),Dr=B.div({display:"flex",padding:0,borderLeft:"5px solid transparent",borderBottom:"1px solid transparent",transition:"all 0.1s",alignItems:"flex-start",whiteSpace:"pre"}),Mr=B.div(({theme:e})=>({backgroundColor:qe(.5,e.appBorderColor),color:e.color.inverseText,fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:1,padding:"1px 5px",borderRadius:20,margin:"2px 0px"})),Pr=B.div({flex:1,padding:"0 0 0 5px"}),lt=Se(({children:e,className:t},r)=>o.createElement(Le,{ref:r,horizontal:!0,vertical:!0,className:t},e));lt.displayName="UnstyledWrapped";var Br=B(lt)({margin:0,padding:"10px 5px 20px"}),Fr=He(({theme:e,...t})=>o.createElement(Ir,{theme:e.addonActionsTheme||"chromeLight",table:!1,...t})),Hr=({actions:e,onClear:t})=>{let r=Ne(null),n=r.current,a=n&&n.scrollHeight-n.scrollTop===n.clientHeight;return Re(()=>{a&&(r.current.scrollTop=r.current.scrollHeight)},[a,e.length]),o.createElement(ve,null,o.createElement(Br,{ref:r},e.map(i=>o.createElement(Dr,{key:i.id},i.count>1&&o.createElement(Mr,null,i.count),o.createElement(Pr,null,o.createElement(Fr,{sortObjectKeys:!0,showNonenumerable:!1,name:i.data.name,data:i.data.args??i.data}))))),o.createElement(we,{actionItems:[{title:"Clear",onClick:t}]}))},zr=(e,t)=>{try{return L(e,t)}catch{return!1}},Ur=class extends _e{constructor(e){super(e),this.handleStoryChange=()=>{let{actions:t}=this.state;t.length>0&&t[0].options.clearOnStoryChange&&this.clearActions()},this.addAction=t=>{this.setState(r=>{let n=[...r.actions],a=n.length&&n[n.length-1];return a&&zr(a.data,t.data)?a.count++:(t.count=1,n.push(t)),{actions:n.slice(0,t.options.limit)}})},this.clearActions=()=>{let{api:t}=this.props;t.emit(et),this.setState({actions:[]})},this.mounted=!1,this.state={actions:[]}}componentDidMount(){this.mounted=!0;let{api:e}=this.props;e.on(se,this.addAction),e.on(k,this.handleStoryChange)}componentWillUnmount(){this.mounted=!1;let{api:e}=this.props;e.off(k,this.handleStoryChange),e.off(se,this.addAction)}render(){let{actions:e=[]}=this.state,{active:t}=this.props,r={actions:e,onClear:this.clearActions};return t?o.createElement(Hr,{...r}):null}};function jr(){let[{count:e},t]=Me(z,{count:0});return Pe({[se]:()=>{t(r=>({...r,count:r.count+1}))},[k]:()=>{t(r=>({...r,count:0}))},[et]:()=>{t(r=>({...r,count:0}))}}),o.createElement("div",null,o.createElement(Ie,{col:1},o.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Actions"),e===0?"":o.createElement(xe,{status:"neutral"},e)))}Q.register(z,e=>{Q.add(Yt,{title:jr,type:De.PANEL,render:({active:t})=>o.createElement(Ur,{api:e,active:!!t}),paramKey:$t})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/actions-5/manager-bundle.js.LEGAL.txt b/sb-addons/actions-5/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/controls-1/manager-bundle.js b/sb-addons/controls-1/manager-bundle.js new file mode 100644 index 00000000000000..066e9b4a70fa14 --- /dev/null +++ b/sb-addons/controls-1/manager-bundle.js @@ -0,0 +1,391 @@ +try{ +(()=>{var pp=Object.create;var kn=Object.defineProperty;var fp=Object.getOwnPropertyDescriptor;var hp=Object.getOwnPropertyNames;var mp=Object.getPrototypeOf,yp=Object.prototype.hasOwnProperty;var Pe=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var Qe=(e,t)=>()=>(e&&(t=e(e=0)),t);var gp=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),qa=(e,t)=>{for(var r in t)kn(e,r,{get:t[r],enumerable:!0})},bp=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of hp(t))!yp.call(e,o)&&o!==r&&kn(e,o,{get:()=>t[o],enumerable:!(n=fp(t,o))||n.enumerable});return e};var Ep=(e,t,r)=>(r=e!=null?pp(mp(e)):{},bp(t||!e||!e.__esModule?kn(r,"default",{value:e,enumerable:!0}):r,e));var V=Qe(()=>{});var J=Qe(()=>{});var z=Qe(()=>{});function Tp(e,t,{signal:r,edges:n}={}){let o,a=null,i=n!=null&&n.includes("leading"),l=n==null||n.includes("trailing"),s=()=>{a!==null&&(e.apply(o,a),o=void 0,a=null)},c=()=>{l&&s(),f()},d=null,p=()=>{d!=null&&clearTimeout(d),d=setTimeout(()=>{d=null,c()},t)},h=()=>{d!==null&&(clearTimeout(d),d=null)},f=()=>{h(),o=void 0,a=null},b=()=>{h(),s()},g=function(...x){if(r?.aborted)return;o=this,a=x;let S=d==null;p(),i&&S&&s()};return g.schedule=p,g.cancel=f,g.flush=b,r?.addEventListener("abort",f,{once:!0}),g}function Ha(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:o=!1,trailing:a=!0,maxWait:i}=r,l=Array(2);o&&(l[0]="leading"),a&&(l[1]="trailing");let s,c=null,d=Tp(function(...f){s=e.apply(this,f),c=null},t,{signal:n,edges:l}),p=function(...f){if(i!=null){if(c===null)c=Date.now();else if(Date.now()-c>=i)return s=e.apply(this,f),c=Date.now(),d.cancel(),d.schedule(),s}return d.apply(this,f),s},h=()=>(d.flush(),s);return p.cancel=d.cancel,p.flush=h,p}function Ga(e){return Array.from(new Set(e))}function Wa(e,t){let r={},n=Object.entries(e);for(let o=0;o<n.length;o++){let[a,i]=n[o];t(i,a)&&(r[a]=i)}return r}function Cp(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function kp(e){return e==null||typeof e!="object"&&typeof e!="function"}function Va(e){return jt(e)}function jt(e,t=new Map){if(kp(e))return e;if(t.has(e))return t.get(e);if(Array.isArray(e)){let r=new Array(e.length);t.set(e,r);for(let n=0;n<e.length;n++)r[n]=jt(e[n],t);return Object.prototype.hasOwnProperty.call(e,"index")&&(r.index=e.index),Object.prototype.hasOwnProperty.call(e,"input")&&(r.input=e.input),r}if(e instanceof Date)return new Date(e.getTime());if(e instanceof RegExp){let r=new RegExp(e.source,e.flags);return r.lastIndex=e.lastIndex,r}if(e instanceof Map){let r=new Map;t.set(e,r);for(let[n,o]of e.entries())r.set(n,jt(o,t));return r}if(e instanceof Set){let r=new Set;t.set(e,r);for(let n of e.values())r.add(jt(n,t));return r}if(typeof Buffer<"u"&&Buffer.isBuffer(e))return e.subarray();if(Cp(e)){let r=new(Object.getPrototypeOf(e)).constructor(e.length);t.set(e,r);for(let n=0;n<e.length;n++)r[n]=jt(e[n],t);return r}if(e instanceof ArrayBuffer||typeof SharedArrayBuffer<"u"&&e instanceof SharedArrayBuffer)return e.slice(0);if(e instanceof DataView){let r=new DataView(e.buffer.slice(0),e.byteOffset,e.byteLength);return t.set(e,r),vt(r,e,t),r}if(typeof File<"u"&&e instanceof File){let r=new File([e],e.name,{type:e.type});return t.set(e,r),vt(r,e,t),r}if(e instanceof Blob){let r=new Blob([e],{type:e.type});return t.set(e,r),vt(r,e,t),r}if(e instanceof Error){let r=new e.constructor;return t.set(e,r),r.message=e.message,r.name=e.name,r.stack=e.stack,r.cause=e.cause,vt(r,e,t),r}if(typeof e=="object"&&e!==null){let r={};return t.set(e,r),vt(r,e,t),r}return e}function vt(e,t,r){let n=Object.keys(t);for(let o=0;o<n.length;o++){let a=n[o],i=Object.getOwnPropertyDescriptor(t,a);(i?.writable||i?.set)&&(e[a]=jt(t[a],r))}}function Ka(e){if(typeof e!="object")return Va(e);switch(Object.prototype.toString.call(e)){case Op:case Ip:case Dp:{let t=new e.constructor(e?.valueOf());return vt(t,e),t}case Rp:{let t={};return vt(t,e),t.length=e.length,t[Symbol.iterator]=e[Symbol.iterator],t}default:return Va(e)}}var Bt,vp,Ja,xp,za,Sp,wp,sr,je,Ap,Lt,Ip,Op,Dp,Rp,Fe,lr,In=Qe(()=>{V();J();z();Bt=(e=>typeof Pe<"u"?Pe:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof Pe<"u"?Pe:t)[r]}):e)(function(e){if(typeof Pe<"u")return Pe.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),vp=Object.create,Ja=Object.defineProperty,xp=Object.getOwnPropertyDescriptor,za=Object.getOwnPropertyNames,Sp=Object.getPrototypeOf,wp=Object.prototype.hasOwnProperty,sr=(e=>typeof Bt<"u"?Bt:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof Bt<"u"?Bt:t)[r]}):e)(function(e){if(typeof Bt<"u")return Bt.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),je=(e,t)=>function(){return t||(0,e[za(e)[0]])((t={exports:{}}).exports,t),t.exports},Ap=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of za(t))!wp.call(e,o)&&o!==r&&Ja(e,o,{get:()=>t[o],enumerable:!(n=xp(t,o))||n.enumerable});return e},Lt=(e,t,r)=>(r=e!=null?vp(Sp(e)):{},Ap(t||!e||!e.__esModule?Ja(r,"default",{value:e,enumerable:!0}):r,e));Ip="[object String]",Op="[object Number]",Dp="[object Boolean]",Rp="[object Arguments]";Fe=e=>`control-${e.replace(/\s+/g,"-")}`,lr=e=>`set-${e.replace(/\s+/g,"-")}`});var m,Ya,it,Gv,Wv,Kv,Yv,Xa,Xv,ue,ur,On,Qv,Zv,ex,tx,Qa,rx,nx,ox,xe,Za,ax,ix,Se,sx,lx,ux,ei,st,cx,De,X,dx,px,fx,Rr=Qe(()=>{V();J();z();m=__REACT__,{Children:Ya,Component:it,Fragment:Gv,Profiler:Wv,PureComponent:Kv,StrictMode:Yv,Suspense:Xa,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Xv,cloneElement:ue,createContext:ur,createElement:On,createFactory:Qv,createRef:Zv,forwardRef:ex,isValidElement:tx,lazy:Qa,memo:rx,startTransition:nx,unstable_act:ox,useCallback:xe,useContext:Za,useDebugValue:ax,useDeferredValue:ix,useEffect:Se,useId:sx,useImperativeHandle:lx,useInsertionEffect:ux,useLayoutEffect:ei,useMemo:st,useReducer:cx,useRef:De,useState:X,useSyncExternalStore:dx,useTransition:px,version:fx}=__REACT__});var ti={};qa(ti,{A:()=>Fp,ActionBar:()=>Dn,AddonPanel:()=>Rn,Badge:()=>_n,Bar:()=>Pn,Blockquote:()=>Np,Button:()=>lt,ClipboardCode:()=>Bp,Code:()=>jp,DL:()=>Lp,Div:()=>Mp,DocumentWrapper:()=>Up,EmptyTabContent:()=>Fn,ErrorFormatter:()=>$p,FlexBar:()=>Nn,Form:()=>Ve,H1:()=>qp,H2:()=>Bn,H3:()=>Vp,H4:()=>Jp,H5:()=>zp,H6:()=>Hp,HR:()=>Gp,IconButton:()=>ze,IconButtonSkeleton:()=>Wp,Icons:()=>Kp,Img:()=>Yp,LI:()=>Xp,Link:()=>xt,ListItem:()=>Qp,Loader:()=>Zp,Modal:()=>He,OL:()=>ef,P:()=>tf,Placeholder:()=>rf,Pre:()=>nf,ResetWrapper:()=>jn,ScrollArea:()=>of,Separator:()=>af,Spaced:()=>Ln,Span:()=>sf,StorybookIcon:()=>lf,StorybookLogo:()=>uf,Symbols:()=>cf,SyntaxHighlighter:()=>_r,TT:()=>df,TabBar:()=>pf,TabButton:()=>ff,TabWrapper:()=>hf,Table:()=>mf,Tabs:()=>yf,TabsState:()=>gf,TooltipLinkList:()=>bf,TooltipMessage:()=>Ef,TooltipNote:()=>St,UL:()=>vf,WithTooltip:()=>ut,WithTooltipPure:()=>Mn,Zoom:()=>Un,codeCommon:()=>Mt,components:()=>$n,createCopyToClipboardFunction:()=>xf,default:()=>Pp,getStoryHref:()=>Sf,icons:()=>wf,interleaveSeparators:()=>Af,nameSpaceClassNames:()=>qn,resetComponents:()=>Tf,withReset:()=>Ut});var Pp,Fp,Dn,Rn,_n,Pn,Np,lt,Bp,jp,Lp,Mp,Up,Fn,$p,Nn,Ve,qp,Bn,Vp,Jp,zp,Hp,Gp,ze,Wp,Kp,Yp,Xp,xt,Qp,Zp,He,ef,tf,rf,nf,jn,of,af,Ln,sf,lf,uf,cf,_r,df,pf,ff,hf,mf,yf,gf,bf,Ef,St,vf,ut,Mn,Un,Mt,$n,xf,Sf,wf,Af,qn,Tf,Ut,Pr=Qe(()=>{V();J();z();Pp=__STORYBOOK_COMPONENTS__,{A:Fp,ActionBar:Dn,AddonPanel:Rn,Badge:_n,Bar:Pn,Blockquote:Np,Button:lt,ClipboardCode:Bp,Code:jp,DL:Lp,Div:Mp,DocumentWrapper:Up,EmptyTabContent:Fn,ErrorFormatter:$p,FlexBar:Nn,Form:Ve,H1:qp,H2:Bn,H3:Vp,H4:Jp,H5:zp,H6:Hp,HR:Gp,IconButton:ze,IconButtonSkeleton:Wp,Icons:Kp,Img:Yp,LI:Xp,Link:xt,ListItem:Qp,Loader:Zp,Modal:He,OL:ef,P:tf,Placeholder:rf,Pre:nf,ResetWrapper:jn,ScrollArea:of,Separator:af,Spaced:Ln,Span:sf,StorybookIcon:lf,StorybookLogo:uf,Symbols:cf,SyntaxHighlighter:_r,TT:df,TabBar:pf,TabButton:ff,TabWrapper:hf,Table:mf,Tabs:yf,TabsState:gf,TooltipLinkList:bf,TooltipMessage:Ef,TooltipNote:St,UL:vf,WithTooltip:ut,WithTooltipPure:Mn,Zoom:Un,codeCommon:Mt,components:$n,createCopyToClipboardFunction:xf,getStoryHref:Sf,icons:wf,interleaveSeparators:Af,nameSpaceClassNames:qn,resetComponents:Tf,withReset:Ut}=__STORYBOOK_COMPONENTS__});var FS,NS,BS,jS,ki,LS,$r,Ii,MS,US,$S,qS,VS,JS,zS,Oi,HS,GS,Kn,WS,R,Yn,KS,Xn,YS,Qn=Qe(()=>{V();J();z();FS=__STORYBOOK_THEMING__,{CacheProvider:NS,ClassNames:BS,Global:jS,ThemeProvider:ki,background:LS,color:$r,convert:Ii,create:MS,createCache:US,createGlobal:$S,createReset:qS,css:VS,darken:JS,ensure:zS,ignoreSsrWarning:Oi,isPropValid:HS,jsx:GS,keyframes:Kn,lighten:WS,styled:R,themes:Yn,typography:KS,useTheme:Xn,withTheme:YS}=__STORYBOOK_THEMING__});var aw,iw,sw,Zn,lw,uw,cw,dw,pw,fw,hw,mw,yw,gw,bw,Ew,vw,xw,Sw,ww,Aw,Tw,Cw,kw,Iw,Ow,Dw,Rw,_w,Pw,Fw,Nw,Bw,jw,Lw,Mw,Uw,$w,qw,Vw,Jw,zw,Hw,Gw,Ww,Kw,Yw,_i,Pi,Xw,Fi,eo,Qw,Zw,Ni,eA,tA,rA,nA,oA,aA,iA,sA,lA,uA,cA,dA,pA,fA,hA,mA,yA,gA,bA,EA,vA,xA,SA,wA,AA,TA,CA,kA,IA,OA,DA,RA,_A,qr,PA,FA,NA,BA,jA,LA,MA,Bi,ji,UA,$A,qA,VA,JA,zA,HA,GA,WA,KA,YA,XA,QA,ZA,eT,tT,rT,nT,oT,aT,iT,sT,lT,uT,cT,dT,pT,fT,hT,mT,yT,gT,bT,Li,ET,vT,xT,ST,wT,AT,TT,Mi,CT,kT,IT,OT,DT,RT,_T,PT,FT,NT,BT,jT,LT,MT,UT,$T,qT,VT,JT,zT,HT,GT,WT,KT,YT,XT,QT,ZT,eC,tC,rC,nC,oC,aC,iC,sC,lC,uC,cC,dC,pC,fC,hC,mC,yC,gC,bC,EC,vC,xC,SC,wC,AC,TC,CC,kC,IC,OC,DC,RC,_C,PC,FC,NC,BC,Ui,jC,LC,MC,UC,$C,qC,VC,JC,zC,HC,GC,WC,KC,to,YC,XC,QC,ZC,e5,t5,r5,n5,o5,a5,$i,i5,s5,l5,u5,c5,d5,qi,Vi,Ji,p5,ro=Qe(()=>{V();J();z();aw=__STORYBOOK_ICONS__,{AccessibilityAltIcon:iw,AccessibilityIcon:sw,AddIcon:Zn,AdminIcon:lw,AlertAltIcon:uw,AlertIcon:cw,AlignLeftIcon:dw,AlignRightIcon:pw,AppleIcon:fw,ArrowBottomLeftIcon:hw,ArrowBottomRightIcon:mw,ArrowDownIcon:yw,ArrowLeftIcon:gw,ArrowRightIcon:bw,ArrowSolidDownIcon:Ew,ArrowSolidLeftIcon:vw,ArrowSolidRightIcon:xw,ArrowSolidUpIcon:Sw,ArrowTopLeftIcon:ww,ArrowTopRightIcon:Aw,ArrowUpIcon:Tw,AzureDevOpsIcon:Cw,BackIcon:kw,BasketIcon:Iw,BatchAcceptIcon:Ow,BatchDenyIcon:Dw,BeakerIcon:Rw,BellIcon:_w,BitbucketIcon:Pw,BoldIcon:Fw,BookIcon:Nw,BookmarkHollowIcon:Bw,BookmarkIcon:jw,BottomBarIcon:Lw,BottomBarToggleIcon:Mw,BoxIcon:Uw,BranchIcon:$w,BrowserIcon:qw,ButtonIcon:Vw,CPUIcon:Jw,CalendarIcon:zw,CameraIcon:Hw,CategoryIcon:Gw,CertificateIcon:Ww,ChangedIcon:Kw,ChatIcon:Yw,CheckIcon:_i,ChevronDownIcon:Pi,ChevronLeftIcon:Xw,ChevronRightIcon:Fi,ChevronSmallDownIcon:eo,ChevronSmallLeftIcon:Qw,ChevronSmallRightIcon:Zw,ChevronSmallUpIcon:Ni,ChevronUpIcon:eA,ChromaticIcon:tA,ChromeIcon:rA,CircleHollowIcon:nA,CircleIcon:oA,ClearIcon:aA,CloseAltIcon:iA,CloseIcon:sA,CloudHollowIcon:lA,CloudIcon:uA,CogIcon:cA,CollapseIcon:dA,CommandIcon:pA,CommentAddIcon:fA,CommentIcon:hA,CommentsIcon:mA,CommitIcon:yA,CompassIcon:gA,ComponentDrivenIcon:bA,ComponentIcon:EA,ContrastIcon:vA,ControlsIcon:xA,CopyIcon:SA,CreditIcon:wA,CrossIcon:AA,DashboardIcon:TA,DatabaseIcon:CA,DeleteIcon:kA,DiamondIcon:IA,DirectionIcon:OA,DiscordIcon:DA,DocChartIcon:RA,DocListIcon:_A,DocumentIcon:qr,DownloadIcon:PA,DragIcon:FA,EditIcon:NA,EllipsisIcon:BA,EmailIcon:jA,ExpandAltIcon:LA,ExpandIcon:MA,EyeCloseIcon:Bi,EyeIcon:ji,FaceHappyIcon:UA,FaceNeutralIcon:$A,FaceSadIcon:qA,FacebookIcon:VA,FailedIcon:JA,FastForwardIcon:zA,FigmaIcon:HA,FilterIcon:GA,FlagIcon:WA,FolderIcon:KA,FormIcon:YA,GDriveIcon:XA,GithubIcon:QA,GitlabIcon:ZA,GlobeIcon:eT,GoogleIcon:tT,GraphBarIcon:rT,GraphLineIcon:nT,GraphqlIcon:oT,GridAltIcon:aT,GridIcon:iT,GrowIcon:sT,HeartHollowIcon:lT,HeartIcon:uT,HomeIcon:cT,HourglassIcon:dT,InfoIcon:pT,ItalicIcon:fT,JumpToIcon:hT,KeyIcon:mT,LightningIcon:yT,LightningOffIcon:gT,LinkBrokenIcon:bT,LinkIcon:Li,LinkedinIcon:ET,LinuxIcon:vT,ListOrderedIcon:xT,ListUnorderedIcon:ST,LocationIcon:wT,LockIcon:AT,MarkdownIcon:TT,MarkupIcon:Mi,MediumIcon:CT,MemoryIcon:kT,MenuIcon:IT,MergeIcon:OT,MirrorIcon:DT,MobileIcon:RT,MoonIcon:_T,NutIcon:PT,OutboxIcon:FT,OutlineIcon:NT,PaintBrushIcon:BT,PaperClipIcon:jT,ParagraphIcon:LT,PassedIcon:MT,PhoneIcon:UT,PhotoDragIcon:$T,PhotoIcon:qT,PinAltIcon:VT,PinIcon:JT,PlayAllHollowIcon:zT,PlayBackIcon:HT,PlayHollowIcon:GT,PlayIcon:WT,PlayNextIcon:KT,PlusIcon:YT,PointerDefaultIcon:XT,PointerHandIcon:QT,PowerIcon:ZT,PrintIcon:eC,ProceedIcon:tC,ProfileIcon:rC,PullRequestIcon:nC,QuestionIcon:oC,RSSIcon:aC,RedirectIcon:iC,ReduxIcon:sC,RefreshIcon:lC,ReplyIcon:uC,RepoIcon:cC,RequestChangeIcon:dC,RewindIcon:pC,RulerIcon:fC,SaveIcon:hC,SearchIcon:mC,ShareAltIcon:yC,ShareIcon:gC,ShieldIcon:bC,SideBySideIcon:EC,SidebarAltIcon:vC,SidebarAltToggleIcon:xC,SidebarIcon:SC,SidebarToggleIcon:wC,SpeakerIcon:AC,StackedIcon:TC,StarHollowIcon:CC,StarIcon:kC,StatusFailIcon:IC,StatusPassIcon:OC,StatusWarnIcon:DC,StickerIcon:RC,StopAltHollowIcon:_C,StopAltIcon:PC,StopIcon:FC,StorybookIcon:NC,StructureIcon:BC,SubtractIcon:Ui,SunIcon:jC,SupportIcon:LC,SwitchAltIcon:MC,SyncIcon:UC,TabletIcon:$C,ThumbsUpIcon:qC,TimeIcon:VC,TimerIcon:JC,TransferIcon:zC,TrashIcon:HC,TwitterIcon:GC,TypeIcon:WC,UbuntuIcon:KC,UndoIcon:to,UnfoldIcon:YC,UnlockIcon:XC,UnpinIcon:QC,UploadIcon:ZC,UserAddIcon:e5,UserAltIcon:t5,UserIcon:r5,UsersIcon:n5,VSCodeIcon:o5,VerifiedIcon:a5,VideoIcon:$i,WandIcon:i5,WatchIcon:s5,WindowsIcon:l5,WrenchIcon:u5,XIcon:c5,YoutubeIcon:d5,ZoomIcon:qi,ZoomOutIcon:Vi,ZoomResetIcon:Ji,iconList:p5}=__STORYBOOK_ICONS__});var Xl=gp((rn,Yl)=>{V();J();z();(function(e,t){typeof rn=="object"&&typeof Yl<"u"?t(rn):typeof define=="function"&&define.amd?define(["exports"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.jtpp={}))})(rn,function(e){"use strict";function t(u){return u.text!==void 0&&u.text!==""?`'${u.type}' with value '${u.text}'`:`'${u.type}'`}class r extends Error{constructor(y){super(`No parslet found for token: ${t(y)}`),this.token=y,Object.setPrototypeOf(this,r.prototype)}getToken(){return this.token}}class n extends Error{constructor(y){super(`The parsing ended early. The next token was: ${t(y)}`),this.token=y,Object.setPrototypeOf(this,n.prototype)}getToken(){return this.token}}class o extends Error{constructor(y,v){let O=`Unexpected type: '${y.type}'.`;v!==void 0&&(O+=` Message: ${v}`),super(O),Object.setPrototypeOf(this,o.prototype)}}function a(u){return y=>y.startsWith(u)?{type:u,text:u}:null}function i(u){let y=0,v,O=u[0],B=!1;if(O!=="'"&&O!=='"')return null;for(;y<u.length;){if(y++,v=u[y],!B&&v===O){y++;break}B=!B&&v==="\\"}if(v!==O)throw new Error("Unterminated String");return u.slice(0,y)}let l=/[$_\p{ID_Start}]|\\u\p{Hex_Digit}{4}|\\u\{0*(?:\p{Hex_Digit}{1,5}|10\p{Hex_Digit}{4})\}/u,s=/[$\-\p{ID_Continue}\u200C\u200D]|\\u\p{Hex_Digit}{4}|\\u\{0*(?:\p{Hex_Digit}{1,5}|10\p{Hex_Digit}{4})\}/u;function c(u){let y=u[0];if(!l.test(y))return null;let v=1;do{if(y=u[v],!s.test(y))break;v++}while(v<u.length);return u.slice(0,v)}let d=/^(NaN|-?((\d*\.\d+|\d+)([Ee][+-]?\d+)?|Infinity))/;function p(u){var y,v;return(v=(y=d.exec(u))===null||y===void 0?void 0:y[0])!==null&&v!==void 0?v:null}let h=u=>{let y=c(u);return y==null?null:{type:"Identifier",text:y}};function f(u){return y=>{if(!y.startsWith(u))return null;let v=y[u.length];return v!==void 0&&s.test(v)?null:{type:u,text:u}}}let b=u=>{let y=i(u);return y==null?null:{type:"StringValue",text:y}},g=u=>u.length>0?null:{type:"EOF",text:""},x=u=>{let y=p(u);return y===null?null:{type:"Number",text:y}},S=[g,a("=>"),a("("),a(")"),a("{"),a("}"),a("["),a("]"),a("|"),a("&"),a("<"),a(">"),a(","),a(";"),a("*"),a("?"),a("!"),a("="),a(":"),a("..."),a("."),a("#"),a("~"),a("/"),a("@"),f("undefined"),f("null"),f("function"),f("this"),f("new"),f("module"),f("event"),f("external"),f("typeof"),f("keyof"),f("readonly"),f("import"),f("is"),f("in"),x,h,b],A=/^\s*\n\s*/;class k{static create(y){let v=this.read(y);y=v.text;let O=this.read(y);return y=O.text,new k(y,void 0,v.token,O.token)}constructor(y,v,O,B){this.text="",this.text=y,this.previous=v,this.current=O,this.next=B}static read(y,v=!1){v=v||A.test(y),y=y.trim();for(let O of S){let B=O(y);if(B!==null){let q=Object.assign(Object.assign({},B),{startOfLine:v});return y=y.slice(q.text.length),{text:y,token:q}}}throw new Error("Unexpected Token "+y)}advance(){let y=k.read(this.text);return new k(y.text,this.current,this.next,y.token)}}function T(u){if(u===void 0)throw new Error("Unexpected undefined");if(u.type==="JsdocTypeKeyValue"||u.type==="JsdocTypeParameterList"||u.type==="JsdocTypeProperty"||u.type==="JsdocTypeReadonlyProperty"||u.type==="JsdocTypeObjectField"||u.type==="JsdocTypeJsdocObjectField"||u.type==="JsdocTypeIndexSignature"||u.type==="JsdocTypeMappedType")throw new o(u);return u}function I(u){return u.type==="JsdocTypeKeyValue"?F(u):T(u)}function D(u){return u.type==="JsdocTypeName"?u:F(u)}function F(u){if(u.type!=="JsdocTypeKeyValue")throw new o(u);return u}function P(u){var y;if(u.type==="JsdocTypeVariadic"){if(((y=u.element)===null||y===void 0?void 0:y.type)==="JsdocTypeName")return u;throw new o(u)}if(u.type!=="JsdocTypeNumber"&&u.type!=="JsdocTypeName")throw new o(u);return u}function L(u){return u.type==="JsdocTypeIndexSignature"||u.type==="JsdocTypeMappedType"}var j;(function(u){u[u.ALL=0]="ALL",u[u.PARAMETER_LIST=1]="PARAMETER_LIST",u[u.OBJECT=2]="OBJECT",u[u.KEY_VALUE=3]="KEY_VALUE",u[u.UNION=4]="UNION",u[u.INTERSECTION=5]="INTERSECTION",u[u.PREFIX=6]="PREFIX",u[u.INFIX=7]="INFIX",u[u.TUPLE=8]="TUPLE",u[u.SYMBOL=9]="SYMBOL",u[u.OPTIONAL=10]="OPTIONAL",u[u.NULLABLE=11]="NULLABLE",u[u.KEY_OF_TYPE_OF=12]="KEY_OF_TYPE_OF",u[u.FUNCTION=13]="FUNCTION",u[u.ARROW=14]="ARROW",u[u.ARRAY_BRACKETS=15]="ARRAY_BRACKETS",u[u.GENERIC=16]="GENERIC",u[u.NAME_PATH=17]="NAME_PATH",u[u.PARENTHESIS=18]="PARENTHESIS",u[u.SPECIAL_TYPES=19]="SPECIAL_TYPES"})(j||(j={}));class G{constructor(y,v,O){this.grammar=y,typeof v=="string"?this._lexer=k.create(v):this._lexer=v,this.baseParser=O}get lexer(){return this._lexer}parse(){let y=this.parseType(j.ALL);if(this.lexer.current.type!=="EOF")throw new n(this.lexer.current);return y}parseType(y){return T(this.parseIntermediateType(y))}parseIntermediateType(y){let v=this.tryParslets(null,y);if(v===null)throw new r(this.lexer.current);return this.parseInfixIntermediateType(v,y)}parseInfixIntermediateType(y,v){let O=this.tryParslets(y,v);for(;O!==null;)y=O,O=this.tryParslets(y,v);return y}tryParslets(y,v){for(let O of this.grammar){let B=O(this,v,y);if(B!==null)return B}return null}consume(y){return Array.isArray(y)||(y=[y]),y.includes(this.lexer.current.type)?(this._lexer=this.lexer.advance(),!0):!1}acceptLexerState(y){this._lexer=y.lexer}}function $(u){return u==="EOF"||u==="|"||u===","||u===")"||u===">"}let H=(u,y,v)=>{let O=u.lexer.current.type,B=u.lexer.next.type;return v==null&&O==="?"&&!$(B)||v!=null&&O==="?"?(u.consume("?"),v==null?{type:"JsdocTypeNullable",element:u.parseType(j.NULLABLE),meta:{position:"prefix"}}:{type:"JsdocTypeNullable",element:T(v),meta:{position:"suffix"}}):null};function w(u){let y=(v,O,B)=>{let q=v.lexer.current.type,W=v.lexer.next.type;if(B===null){if("parsePrefix"in u&&u.accept(q,W))return u.parsePrefix(v)}else if("parseInfix"in u&&u.precedence>O&&u.accept(q,W))return u.parseInfix(v,B);return null};return Object.defineProperty(y,"name",{value:u.name}),y}let C=w({name:"optionalParslet",accept:u=>u==="=",precedence:j.OPTIONAL,parsePrefix:u=>(u.consume("="),{type:"JsdocTypeOptional",element:u.parseType(j.OPTIONAL),meta:{position:"prefix"}}),parseInfix:(u,y)=>(u.consume("="),{type:"JsdocTypeOptional",element:T(y),meta:{position:"suffix"}})}),_=w({name:"numberParslet",accept:u=>u==="Number",parsePrefix:u=>{let y=parseFloat(u.lexer.current.text);return u.consume("Number"),{type:"JsdocTypeNumber",value:y}}}),M=w({name:"parenthesisParslet",accept:u=>u==="(",parsePrefix:u=>{if(u.consume("("),u.consume(")"))return{type:"JsdocTypeParameterList",elements:[]};let y=u.parseIntermediateType(j.ALL);if(!u.consume(")"))throw new Error("Unterminated parenthesis");return y.type==="JsdocTypeParameterList"?y:y.type==="JsdocTypeKeyValue"?{type:"JsdocTypeParameterList",elements:[y]}:{type:"JsdocTypeParenthesis",element:T(y)}}}),U=w({name:"specialTypesParslet",accept:(u,y)=>u==="?"&&$(y)||u==="null"||u==="undefined"||u==="*",parsePrefix:u=>{if(u.consume("null"))return{type:"JsdocTypeNull"};if(u.consume("undefined"))return{type:"JsdocTypeUndefined"};if(u.consume("*"))return{type:"JsdocTypeAny"};if(u.consume("?"))return{type:"JsdocTypeUnknown"};throw new Error("Unacceptable token: "+u.lexer.current.text)}}),K=w({name:"notNullableParslet",accept:u=>u==="!",precedence:j.NULLABLE,parsePrefix:u=>(u.consume("!"),{type:"JsdocTypeNotNullable",element:u.parseType(j.NULLABLE),meta:{position:"prefix"}}),parseInfix:(u,y)=>(u.consume("!"),{type:"JsdocTypeNotNullable",element:T(y),meta:{position:"suffix"}})});function re({allowTrailingComma:u}){return w({name:"parameterListParslet",accept:y=>y===",",precedence:j.PARAMETER_LIST,parseInfix:(y,v)=>{let O=[I(v)];y.consume(",");do try{let B=y.parseIntermediateType(j.PARAMETER_LIST);O.push(I(B))}catch(B){if(u&&B instanceof r)break;throw B}while(y.consume(","));if(O.length>0&&O.slice(0,-1).some(B=>B.type==="JsdocTypeVariadic"))throw new Error("Only the last parameter may be a rest parameter");return{type:"JsdocTypeParameterList",elements:O}}})}let Z=w({name:"genericParslet",accept:(u,y)=>u==="<"||u==="."&&y==="<",precedence:j.GENERIC,parseInfix:(u,y)=>{let v=u.consume(".");u.consume("<");let O=[];do O.push(u.parseType(j.PARAMETER_LIST));while(u.consume(","));if(!u.consume(">"))throw new Error("Unterminated generic parameter list");return{type:"JsdocTypeGeneric",left:T(y),elements:O,meta:{brackets:"angle",dot:v}}}}),Y=w({name:"unionParslet",accept:u=>u==="|",precedence:j.UNION,parseInfix:(u,y)=>{u.consume("|");let v=[];do v.push(u.parseType(j.UNION));while(u.consume("|"));return{type:"JsdocTypeUnion",elements:[T(y),...v]}}}),ee=[H,C,_,M,U,K,re({allowTrailingComma:!0}),Z,Y,C];function ye({allowSquareBracketsOnAnyType:u,allowJsdocNamePaths:y,pathGrammar:v}){return function(B,q,W){if(W==null||q>=j.NAME_PATH)return null;let te=B.lexer.current.type,Te=B.lexer.next.type;if(!(te==="."&&Te!=="<"||te==="["&&(u||W.type==="JsdocTypeName")||y&&(te==="~"||te==="#")))return null;let Le,Dr=!1;B.consume(".")?Le="property":B.consume("[")?(Le="property-brackets",Dr=!0):B.consume("~")?Le="inner":(B.consume("#"),Le="instance");let Ua=v!==null?new G(v,B.lexer,B):B,Xe=Ua.parseIntermediateType(j.NAME_PATH);B.acceptLexerState(Ua);let ir;switch(Xe.type){case"JsdocTypeName":ir={type:"JsdocTypeProperty",value:Xe.value,meta:{quote:void 0}};break;case"JsdocTypeNumber":ir={type:"JsdocTypeProperty",value:Xe.value.toString(10),meta:{quote:void 0}};break;case"JsdocTypeStringValue":ir={type:"JsdocTypeProperty",value:Xe.value,meta:{quote:Xe.meta.quote}};break;case"JsdocTypeSpecialNamePath":if(Xe.specialType==="event")ir=Xe;else throw new o(Xe,"Type 'JsdocTypeSpecialNamePath' is only allowed with specialType 'event'");break;default:throw new o(Xe,"Expecting 'JsdocTypeName', 'JsdocTypeNumber', 'JsdocStringValue' or 'JsdocTypeSpecialNamePath'")}if(Dr&&!B.consume("]")){let $a=B.lexer.current;throw new Error(`Unterminated square brackets. Next token is '${$a.type}' with text '${$a.text}'`)}return{type:"JsdocTypeNamePath",left:T(W),right:ir,pathType:Le}}}function le({allowedAdditionalTokens:u}){return w({name:"nameParslet",accept:y=>y==="Identifier"||y==="this"||y==="new"||u.includes(y),parsePrefix:y=>{let{type:v,text:O}=y.lexer.current;return y.consume(v),{type:"JsdocTypeName",value:O}}})}let Ae=w({name:"stringValueParslet",accept:u=>u==="StringValue",parsePrefix:u=>{let y=u.lexer.current.text;return u.consume("StringValue"),{type:"JsdocTypeStringValue",value:y.slice(1,-1),meta:{quote:y[0]==="'"?"single":"double"}}}});function ne({pathGrammar:u,allowedTypes:y}){return w({name:"specialNamePathParslet",accept:v=>y.includes(v),parsePrefix:v=>{let O=v.lexer.current.type;if(v.consume(O),!v.consume(":"))return{type:"JsdocTypeName",value:O};let B,q=v.lexer.current;if(v.consume("StringValue"))B={type:"JsdocTypeSpecialNamePath",value:q.text.slice(1,-1),specialType:O,meta:{quote:q.text[0]==="'"?"single":"double"}};else{let Te="",ve=["Identifier","@","/"];for(;ve.some(Le=>v.consume(Le));)Te+=q.text,q=v.lexer.current;B={type:"JsdocTypeSpecialNamePath",value:Te,specialType:O,meta:{quote:void 0}}}let W=new G(u,v.lexer,v),te=W.parseInfixIntermediateType(B,j.ALL);return v.acceptLexerState(W),T(te)}})}let qe=[le({allowedAdditionalTokens:["external","module"]}),Ae,_,ye({allowSquareBracketsOnAnyType:!1,allowJsdocNamePaths:!0,pathGrammar:null})],Be=[...qe,ne({allowedTypes:["event"],pathGrammar:qe})];function Ye(u){let y;if(u.type==="JsdocTypeParameterList")y=u.elements;else if(u.type==="JsdocTypeParenthesis")y=[u.element];else throw new o(u);return y.map(v=>I(v))}function nr(u){let y=Ye(u);if(y.some(v=>v.type==="JsdocTypeKeyValue"))throw new Error("No parameter should be named");return y}function Ft({allowNamedParameters:u,allowNoReturnType:y,allowWithoutParenthesis:v,allowNewAsFunctionKeyword:O}){return w({name:"functionParslet",accept:(B,q)=>B==="function"||O&&B==="new"&&q==="(",parsePrefix:B=>{let q=B.consume("new");B.consume("function");let W=B.lexer.current.type==="(";if(!W){if(!v)throw new Error("function is missing parameter list");return{type:"JsdocTypeName",value:"function"}}let te={type:"JsdocTypeFunction",parameters:[],arrow:!1,constructor:q,parenthesis:W},Te=B.parseIntermediateType(j.FUNCTION);if(u===void 0)te.parameters=nr(Te);else{if(q&&Te.type==="JsdocTypeFunction"&&Te.arrow)return te=Te,te.constructor=!0,te;te.parameters=Ye(Te);for(let ve of te.parameters)if(ve.type==="JsdocTypeKeyValue"&&!u.includes(ve.key))throw new Error(`only allowed named parameters are ${u.join(", ")} but got ${ve.type}`)}if(B.consume(":"))te.returnType=B.parseType(j.PREFIX);else if(!y)throw new Error("function is missing return type");return te}})}function or({allowPostfix:u,allowEnclosingBrackets:y}){return w({name:"variadicParslet",accept:v=>v==="...",precedence:j.PREFIX,parsePrefix:v=>{v.consume("...");let O=y&&v.consume("[");try{let B=v.parseType(j.PREFIX);if(O&&!v.consume("]"))throw new Error("Unterminated variadic type. Missing ']'");return{type:"JsdocTypeVariadic",element:T(B),meta:{position:"prefix",squareBrackets:O}}}catch(B){if(B instanceof r){if(O)throw new Error("Empty square brackets for variadic are not allowed.");return{type:"JsdocTypeVariadic",meta:{position:void 0,squareBrackets:!1}}}else throw B}},parseInfix:u?(v,O)=>(v.consume("..."),{type:"JsdocTypeVariadic",element:T(O),meta:{position:"suffix",squareBrackets:!1}}):void 0})}let kr=w({name:"symbolParslet",accept:u=>u==="(",precedence:j.SYMBOL,parseInfix:(u,y)=>{if(y.type!=="JsdocTypeName")throw new Error("Symbol expects a name on the left side. (Reacting on '(')");u.consume("(");let v={type:"JsdocTypeSymbol",value:y.value};if(!u.consume(")")){let O=u.parseIntermediateType(j.SYMBOL);if(v.element=P(O),!u.consume(")"))throw new Error("Symbol does not end after value")}return v}}),Re=w({name:"arrayBracketsParslet",precedence:j.ARRAY_BRACKETS,accept:(u,y)=>u==="["&&y==="]",parseInfix:(u,y)=>(u.consume("["),u.consume("]"),{type:"JsdocTypeGeneric",left:{type:"JsdocTypeName",value:"Array"},elements:[T(y)],meta:{brackets:"square",dot:!1}})});function Oe({objectFieldGrammar:u,allowKeyTypes:y}){return w({name:"objectParslet",accept:v=>v==="{",parsePrefix:v=>{v.consume("{");let O={type:"JsdocTypeObject",meta:{separator:"comma"},elements:[]};if(!v.consume("}")){let B,q=new G(u,v.lexer,v);for(;;){q.acceptLexerState(v);let W=q.parseIntermediateType(j.OBJECT);v.acceptLexerState(q),W===void 0&&y&&(W=v.parseIntermediateType(j.OBJECT));let te=!1;if(W.type==="JsdocTypeNullable"&&(te=!0,W=W.element),W.type==="JsdocTypeNumber"||W.type==="JsdocTypeName"||W.type==="JsdocTypeStringValue"){let ve;W.type==="JsdocTypeStringValue"&&(ve=W.meta.quote),O.elements.push({type:"JsdocTypeObjectField",key:W.value.toString(),right:void 0,optional:te,readonly:!1,meta:{quote:ve}})}else if(W.type==="JsdocTypeObjectField"||W.type==="JsdocTypeJsdocObjectField")O.elements.push(W);else throw new o(W);if(v.lexer.current.startOfLine)B="linebreak";else if(v.consume(","))B="comma";else if(v.consume(";"))B="semicolon";else break;if(v.lexer.current.type==="}")break}if(O.meta.separator=B??"comma",!v.consume("}"))throw new Error("Unterminated record type. Missing '}'")}return O}})}function nt({allowSquaredProperties:u,allowKeyTypes:y,allowReadonly:v,allowOptional:O}){return w({name:"objectFieldParslet",precedence:j.KEY_VALUE,accept:B=>B===":",parseInfix:(B,q)=>{var W;let te=!1,Te=!1;O&&q.type==="JsdocTypeNullable"&&(te=!0,q=q.element),v&&q.type==="JsdocTypeReadonlyProperty"&&(Te=!0,q=q.element);let ve=(W=B.baseParser)!==null&&W!==void 0?W:B;if(ve.acceptLexerState(B),q.type==="JsdocTypeNumber"||q.type==="JsdocTypeName"||q.type==="JsdocTypeStringValue"||L(q)){if(L(q)&&!u)throw new o(q);ve.consume(":");let Le;q.type==="JsdocTypeStringValue"&&(Le=q.meta.quote);let Dr=ve.parseType(j.KEY_VALUE);return B.acceptLexerState(ve),{type:"JsdocTypeObjectField",key:L(q)?q:q.value.toString(),right:Dr,optional:te,readonly:Te,meta:{quote:Le}}}else{if(!y)throw new o(q);ve.consume(":");let Le=ve.parseType(j.KEY_VALUE);return B.acceptLexerState(ve),{type:"JsdocTypeJsdocObjectField",left:T(q),right:Le}}}})}function Nt({allowOptional:u,allowVariadic:y}){return w({name:"keyValueParslet",precedence:j.KEY_VALUE,accept:v=>v===":",parseInfix:(v,O)=>{let B=!1,q=!1;if(u&&O.type==="JsdocTypeNullable"&&(B=!0,O=O.element),y&&O.type==="JsdocTypeVariadic"&&O.element!==void 0&&(q=!0,O=O.element),O.type!=="JsdocTypeName")throw new o(O);v.consume(":");let W=v.parseType(j.KEY_VALUE);return{type:"JsdocTypeKeyValue",key:O.value,right:W,optional:B,variadic:q}}})}let Ir=[...ee,Ft({allowWithoutParenthesis:!0,allowNamedParameters:["this","new"],allowNoReturnType:!0,allowNewAsFunctionKeyword:!1}),Ae,ne({allowedTypes:["module","external","event"],pathGrammar:Be}),or({allowEnclosingBrackets:!0,allowPostfix:!0}),le({allowedAdditionalTokens:["keyof"]}),kr,Re,ye({allowSquareBracketsOnAnyType:!1,allowJsdocNamePaths:!0,pathGrammar:Be})],An=[...Ir,Oe({objectFieldGrammar:[le({allowedAdditionalTokens:["module","in"]}),nt({allowSquaredProperties:!1,allowKeyTypes:!0,allowOptional:!1,allowReadonly:!1}),...Ir],allowKeyTypes:!0}),Nt({allowOptional:!0,allowVariadic:!0})],Na=w({name:"typeOfParslet",accept:u=>u==="typeof",parsePrefix:u=>(u.consume("typeof"),{type:"JsdocTypeTypeof",element:T(u.parseType(j.KEY_OF_TYPE_OF))})}),Vd=[le({allowedAdditionalTokens:["module","keyof","event","external","in"]}),H,C,Ae,_,nt({allowSquaredProperties:!1,allowKeyTypes:!1,allowOptional:!1,allowReadonly:!1})],Jd=[...ee,Oe({allowKeyTypes:!1,objectFieldGrammar:Vd}),le({allowedAdditionalTokens:["event","external","in"]}),Na,Ft({allowWithoutParenthesis:!1,allowNamedParameters:["this","new"],allowNoReturnType:!0,allowNewAsFunctionKeyword:!1}),or({allowEnclosingBrackets:!1,allowPostfix:!1}),le({allowedAdditionalTokens:["keyof"]}),ne({allowedTypes:["module"],pathGrammar:Be}),ye({allowSquareBracketsOnAnyType:!1,allowJsdocNamePaths:!0,pathGrammar:Be}),Nt({allowOptional:!1,allowVariadic:!1}),kr];function zd({allowQuestionMark:u}){return w({name:"tupleParslet",accept:y=>y==="[",parsePrefix:y=>{y.consume("[");let v={type:"JsdocTypeTuple",elements:[]};if(y.consume("]"))return v;let O=y.parseIntermediateType(j.ALL);if(O.type==="JsdocTypeParameterList"?O.elements[0].type==="JsdocTypeKeyValue"?v.elements=O.elements.map(F):v.elements=O.elements.map(T):O.type==="JsdocTypeKeyValue"?v.elements=[F(O)]:v.elements=[T(O)],!y.consume("]"))throw new Error("Unterminated '['");if(!u&&v.elements.some(B=>B.type==="JsdocTypeUnknown"))throw new Error("Question mark in tuple not allowed");return v}})}let Hd=w({name:"keyOfParslet",accept:u=>u==="keyof",parsePrefix:u=>(u.consume("keyof"),{type:"JsdocTypeKeyof",element:T(u.parseType(j.KEY_OF_TYPE_OF))})}),Gd=w({name:"importParslet",accept:u=>u==="import",parsePrefix:u=>{if(u.consume("import"),!u.consume("("))throw new Error("Missing parenthesis after import keyword");let y=u.parseType(j.PREFIX);if(y.type!=="JsdocTypeStringValue")throw new Error("Only string values are allowed as paths for imports");if(!u.consume(")"))throw new Error("Missing closing parenthesis after import keyword");return{type:"JsdocTypeImport",element:y}}}),Wd=w({name:"readonlyPropertyParslet",accept:u=>u==="readonly",parsePrefix:u=>(u.consume("readonly"),{type:"JsdocTypeReadonlyProperty",element:u.parseType(j.KEY_VALUE)})}),Kd=w({name:"arrowFunctionParslet",precedence:j.ARROW,accept:u=>u==="=>",parseInfix:(u,y)=>(u.consume("=>"),{type:"JsdocTypeFunction",parameters:Ye(y).map(D),arrow:!0,constructor:!1,parenthesis:!0,returnType:u.parseType(j.OBJECT)})}),Yd=w({name:"intersectionParslet",accept:u=>u==="&",precedence:j.INTERSECTION,parseInfix:(u,y)=>{u.consume("&");let v=[];do v.push(u.parseType(j.INTERSECTION));while(u.consume("&"));return{type:"JsdocTypeIntersection",elements:[T(y),...v]}}}),Xd=w({name:"predicateParslet",precedence:j.INFIX,accept:u=>u==="is",parseInfix:(u,y)=>{if(y.type!=="JsdocTypeName")throw new o(y,"A typescript predicate always has to have a name on the left side.");return u.consume("is"),{type:"JsdocTypePredicate",left:y,right:T(u.parseIntermediateType(j.INFIX))}}}),Qd=w({name:"objectSquareBracketPropertyParslet",accept:u=>u==="[",parsePrefix:u=>{if(u.baseParser===void 0)throw new Error("Only allowed inside object grammar");u.consume("[");let y=u.lexer.current.text;u.consume("Identifier");let v;if(u.consume(":")){let O=u.baseParser;O.acceptLexerState(u),v={type:"JsdocTypeIndexSignature",key:y,right:O.parseType(j.ARRAY_BRACKETS)},u.acceptLexerState(O)}else if(u.consume("in")){let O=u.baseParser;O.acceptLexerState(u),v={type:"JsdocTypeMappedType",key:y,right:O.parseType(j.ARRAY_BRACKETS)},u.acceptLexerState(O)}else throw new Error("Missing ':' or 'in' inside square bracketed property.");if(!u.consume("]"))throw new Error("Unterminated square brackets");return v}}),Zd=[Wd,le({allowedAdditionalTokens:["module","event","keyof","event","external","in"]}),H,C,Ae,_,nt({allowSquaredProperties:!0,allowKeyTypes:!1,allowOptional:!0,allowReadonly:!0}),Qd],ep=[...ee,Oe({allowKeyTypes:!1,objectFieldGrammar:Zd}),Na,Hd,Gd,Ae,Ft({allowWithoutParenthesis:!0,allowNoReturnType:!1,allowNamedParameters:["this","new","args"],allowNewAsFunctionKeyword:!0}),zd({allowQuestionMark:!1}),or({allowEnclosingBrackets:!1,allowPostfix:!1}),le({allowedAdditionalTokens:["event","external","in"]}),ne({allowedTypes:["module"],pathGrammar:Be}),Re,Kd,ye({allowSquareBracketsOnAnyType:!0,allowJsdocNamePaths:!1,pathGrammar:Be}),Yd,Xd,Nt({allowVariadic:!0,allowOptional:!0})];function Ba(u,y){switch(y){case"closure":return new G(Jd,u).parse();case"jsdoc":return new G(An,u).parse();case"typescript":return new G(ep,u).parse()}}function tp(u,y=["typescript","closure","jsdoc"]){let v;for(let O of y)try{return Ba(u,O)}catch(B){v=B}throw v}function ar(u,y){let v=u[y.type];if(v===void 0)throw new Error(`In this set of transform rules exists no rule for type ${y.type}.`);return v(y,O=>ar(u,O))}function _e(u){throw new Error("This transform is not available. Are you trying the correct parsing mode?")}function ja(u){let y={params:[]};for(let v of u.parameters)v.type==="JsdocTypeKeyValue"?v.key==="this"?y.this=v.right:v.key==="new"?y.new=v.right:y.params.push(v):y.params.push(v);return y}function Or(u,y,v){return u==="prefix"?v+y:y+v}function ot(u,y){switch(y){case"double":return`"${u}"`;case"single":return`'${u}'`;case void 0:return u}}function La(){return{JsdocTypeParenthesis:(u,y)=>`(${u.element!==void 0?y(u.element):""})`,JsdocTypeKeyof:(u,y)=>`keyof ${y(u.element)}`,JsdocTypeFunction:(u,y)=>{if(u.arrow){if(u.returnType===void 0)throw new Error("Arrow function needs a return type.");let v=`(${u.parameters.map(y).join(", ")}) => ${y(u.returnType)}`;return u.constructor&&(v="new "+v),v}else{let v=u.constructor?"new":"function";return u.parenthesis&&(v+=`(${u.parameters.map(y).join(", ")})`,u.returnType!==void 0&&(v+=`: ${y(u.returnType)}`)),v}},JsdocTypeName:u=>u.value,JsdocTypeTuple:(u,y)=>`[${u.elements.map(y).join(", ")}]`,JsdocTypeVariadic:(u,y)=>u.meta.position===void 0?"...":Or(u.meta.position,y(u.element),"..."),JsdocTypeNamePath:(u,y)=>{let v=y(u.left),O=y(u.right);switch(u.pathType){case"inner":return`${v}~${O}`;case"instance":return`${v}#${O}`;case"property":return`${v}.${O}`;case"property-brackets":return`${v}[${O}]`}},JsdocTypeStringValue:u=>ot(u.value,u.meta.quote),JsdocTypeAny:()=>"*",JsdocTypeGeneric:(u,y)=>{if(u.meta.brackets==="square"){let v=u.elements[0],O=y(v);return v.type==="JsdocTypeUnion"||v.type==="JsdocTypeIntersection"?`(${O})[]`:`${O}[]`}else return`${y(u.left)}${u.meta.dot?".":""}<${u.elements.map(y).join(", ")}>`},JsdocTypeImport:(u,y)=>`import(${y(u.element)})`,JsdocTypeObjectField:(u,y)=>{let v="";return u.readonly&&(v+="readonly "),typeof u.key=="string"?v+=ot(u.key,u.meta.quote):v+=y(u.key),u.optional&&(v+="?"),u.right===void 0?v:v+`: ${y(u.right)}`},JsdocTypeJsdocObjectField:(u,y)=>`${y(u.left)}: ${y(u.right)}`,JsdocTypeKeyValue:(u,y)=>{let v=u.key;return u.optional&&(v+="?"),u.variadic&&(v="..."+v),u.right===void 0?v:v+`: ${y(u.right)}`},JsdocTypeSpecialNamePath:u=>`${u.specialType}:${ot(u.value,u.meta.quote)}`,JsdocTypeNotNullable:(u,y)=>Or(u.meta.position,y(u.element),"!"),JsdocTypeNull:()=>"null",JsdocTypeNullable:(u,y)=>Or(u.meta.position,y(u.element),"?"),JsdocTypeNumber:u=>u.value.toString(),JsdocTypeObject:(u,y)=>`{${u.elements.map(y).join((u.meta.separator==="comma"?",":";")+" ")}}`,JsdocTypeOptional:(u,y)=>Or(u.meta.position,y(u.element),"="),JsdocTypeSymbol:(u,y)=>`${u.value}(${u.element!==void 0?y(u.element):""})`,JsdocTypeTypeof:(u,y)=>`typeof ${y(u.element)}`,JsdocTypeUndefined:()=>"undefined",JsdocTypeUnion:(u,y)=>u.elements.map(y).join(" | "),JsdocTypeUnknown:()=>"?",JsdocTypeIntersection:(u,y)=>u.elements.map(y).join(" & "),JsdocTypeProperty:u=>ot(u.value,u.meta.quote),JsdocTypePredicate:(u,y)=>`${y(u.left)} is ${y(u.right)}`,JsdocTypeIndexSignature:(u,y)=>`[${u.key}: ${y(u.right)}]`,JsdocTypeMappedType:(u,y)=>`[${u.key} in ${y(u.right)}]`}}let rp=La();function np(u){return ar(rp,u)}let op=["null","true","false","break","case","catch","class","const","continue","debugger","default","delete","do","else","export","extends","finally","for","function","if","import","in","instanceof","new","return","super","switch","this","throw","try","typeof","var","void","while","with","yield"];function at(u){let y={type:"NameExpression",name:u};return op.includes(u)&&(y.reservedWord=!0),y}let ap={JsdocTypeOptional:(u,y)=>{let v=y(u.element);return v.optional=!0,v},JsdocTypeNullable:(u,y)=>{let v=y(u.element);return v.nullable=!0,v},JsdocTypeNotNullable:(u,y)=>{let v=y(u.element);return v.nullable=!1,v},JsdocTypeVariadic:(u,y)=>{if(u.element===void 0)throw new Error("dots without value are not allowed in catharsis mode");let v=y(u.element);return v.repeatable=!0,v},JsdocTypeAny:()=>({type:"AllLiteral"}),JsdocTypeNull:()=>({type:"NullLiteral"}),JsdocTypeStringValue:u=>at(ot(u.value,u.meta.quote)),JsdocTypeUndefined:()=>({type:"UndefinedLiteral"}),JsdocTypeUnknown:()=>({type:"UnknownLiteral"}),JsdocTypeFunction:(u,y)=>{let v=ja(u),O={type:"FunctionType",params:v.params.map(y)};return v.this!==void 0&&(O.this=y(v.this)),v.new!==void 0&&(O.new=y(v.new)),u.returnType!==void 0&&(O.result=y(u.returnType)),O},JsdocTypeGeneric:(u,y)=>({type:"TypeApplication",applications:u.elements.map(v=>y(v)),expression:y(u.left)}),JsdocTypeSpecialNamePath:u=>at(u.specialType+":"+ot(u.value,u.meta.quote)),JsdocTypeName:u=>u.value!=="function"?at(u.value):{type:"FunctionType",params:[]},JsdocTypeNumber:u=>at(u.value.toString()),JsdocTypeObject:(u,y)=>{let v={type:"RecordType",fields:[]};for(let O of u.elements)O.type!=="JsdocTypeObjectField"&&O.type!=="JsdocTypeJsdocObjectField"?v.fields.push({type:"FieldType",key:y(O),value:void 0}):v.fields.push(y(O));return v},JsdocTypeObjectField:(u,y)=>{if(typeof u.key!="string")throw new Error("Index signatures and mapped types are not supported");return{type:"FieldType",key:at(ot(u.key,u.meta.quote)),value:u.right===void 0?void 0:y(u.right)}},JsdocTypeJsdocObjectField:(u,y)=>({type:"FieldType",key:y(u.left),value:y(u.right)}),JsdocTypeUnion:(u,y)=>({type:"TypeUnion",elements:u.elements.map(v=>y(v))}),JsdocTypeKeyValue:(u,y)=>({type:"FieldType",key:at(u.key),value:u.right===void 0?void 0:y(u.right)}),JsdocTypeNamePath:(u,y)=>{let v=y(u.left),O;u.right.type==="JsdocTypeSpecialNamePath"?O=y(u.right).name:O=ot(u.right.value,u.right.meta.quote);let B=u.pathType==="inner"?"~":u.pathType==="instance"?"#":".";return at(`${v.name}${B}${O}`)},JsdocTypeSymbol:u=>{let y="",v=u.element,O=!1;return v?.type==="JsdocTypeVariadic"&&(v.meta.position==="prefix"?y="...":O=!0,v=v.element),v?.type==="JsdocTypeName"?y+=v.value:v?.type==="JsdocTypeNumber"&&(y+=v.value.toString()),O&&(y+="..."),at(`${u.value}(${y})`)},JsdocTypeParenthesis:(u,y)=>y(T(u.element)),JsdocTypeMappedType:_e,JsdocTypeIndexSignature:_e,JsdocTypeImport:_e,JsdocTypeKeyof:_e,JsdocTypeTuple:_e,JsdocTypeTypeof:_e,JsdocTypeIntersection:_e,JsdocTypeProperty:_e,JsdocTypePredicate:_e};function ip(u){return ar(ap,u)}function Et(u){switch(u){case void 0:return"none";case"single":return"single";case"double":return"double"}}function sp(u){switch(u){case"inner":return"INNER_MEMBER";case"instance":return"INSTANCE_MEMBER";case"property":return"MEMBER";case"property-brackets":return"MEMBER"}}function Tn(u,y){return y.length===2?{type:u,left:y[0],right:y[1]}:{type:u,left:y[0],right:Tn(u,y.slice(1))}}let lp={JsdocTypeOptional:(u,y)=>({type:"OPTIONAL",value:y(u.element),meta:{syntax:u.meta.position==="prefix"?"PREFIX_EQUAL_SIGN":"SUFFIX_EQUALS_SIGN"}}),JsdocTypeNullable:(u,y)=>({type:"NULLABLE",value:y(u.element),meta:{syntax:u.meta.position==="prefix"?"PREFIX_QUESTION_MARK":"SUFFIX_QUESTION_MARK"}}),JsdocTypeNotNullable:(u,y)=>({type:"NOT_NULLABLE",value:y(u.element),meta:{syntax:u.meta.position==="prefix"?"PREFIX_BANG":"SUFFIX_BANG"}}),JsdocTypeVariadic:(u,y)=>{let v={type:"VARIADIC",meta:{syntax:u.meta.position==="prefix"?"PREFIX_DOTS":u.meta.position==="suffix"?"SUFFIX_DOTS":"ONLY_DOTS"}};return u.element!==void 0&&(v.value=y(u.element)),v},JsdocTypeName:u=>({type:"NAME",name:u.value}),JsdocTypeTypeof:(u,y)=>({type:"TYPE_QUERY",name:y(u.element)}),JsdocTypeTuple:(u,y)=>({type:"TUPLE",entries:u.elements.map(y)}),JsdocTypeKeyof:(u,y)=>({type:"KEY_QUERY",value:y(u.element)}),JsdocTypeImport:u=>({type:"IMPORT",path:{type:"STRING_VALUE",quoteStyle:Et(u.element.meta.quote),string:u.element.value}}),JsdocTypeUndefined:()=>({type:"NAME",name:"undefined"}),JsdocTypeAny:()=>({type:"ANY"}),JsdocTypeFunction:(u,y)=>{let v=ja(u),O={type:u.arrow?"ARROW":"FUNCTION",params:v.params.map(B=>{if(B.type==="JsdocTypeKeyValue"){if(B.right===void 0)throw new Error("Function parameter without ':' is not expected to be 'KEY_VALUE'");return{type:"NAMED_PARAMETER",name:B.key,typeName:y(B.right)}}else return y(B)}),new:null,returns:null};return v.this!==void 0?O.this=y(v.this):u.arrow||(O.this=null),v.new!==void 0&&(O.new=y(v.new)),u.returnType!==void 0&&(O.returns=y(u.returnType)),O},JsdocTypeGeneric:(u,y)=>{let v={type:"GENERIC",subject:y(u.left),objects:u.elements.map(y),meta:{syntax:u.meta.brackets==="square"?"SQUARE_BRACKET":u.meta.dot?"ANGLE_BRACKET_WITH_DOT":"ANGLE_BRACKET"}};return u.meta.brackets==="square"&&u.elements[0].type==="JsdocTypeFunction"&&!u.elements[0].parenthesis&&(v.objects[0]={type:"NAME",name:"function"}),v},JsdocTypeObjectField:(u,y)=>{if(typeof u.key!="string")throw new Error("Index signatures and mapped types are not supported");if(u.right===void 0)return{type:"RECORD_ENTRY",key:u.key,quoteStyle:Et(u.meta.quote),value:null,readonly:!1};let v=y(u.right);return u.optional&&(v={type:"OPTIONAL",value:v,meta:{syntax:"SUFFIX_KEY_QUESTION_MARK"}}),{type:"RECORD_ENTRY",key:u.key.toString(),quoteStyle:Et(u.meta.quote),value:v,readonly:!1}},JsdocTypeJsdocObjectField:()=>{throw new Error("Keys may not be typed in jsdoctypeparser.")},JsdocTypeKeyValue:(u,y)=>{if(u.right===void 0)return{type:"RECORD_ENTRY",key:u.key,quoteStyle:"none",value:null,readonly:!1};let v=y(u.right);return u.optional&&(v={type:"OPTIONAL",value:v,meta:{syntax:"SUFFIX_KEY_QUESTION_MARK"}}),{type:"RECORD_ENTRY",key:u.key,quoteStyle:"none",value:v,readonly:!1}},JsdocTypeObject:(u,y)=>{let v=[];for(let O of u.elements)(O.type==="JsdocTypeObjectField"||O.type==="JsdocTypeJsdocObjectField")&&v.push(y(O));return{type:"RECORD",entries:v}},JsdocTypeSpecialNamePath:u=>{if(u.specialType!=="module")throw new Error(`jsdoctypeparser does not support type ${u.specialType} at this point.`);return{type:"MODULE",value:{type:"FILE_PATH",quoteStyle:Et(u.meta.quote),path:u.value}}},JsdocTypeNamePath:(u,y)=>{let v=!1,O,B;u.right.type==="JsdocTypeSpecialNamePath"&&u.right.specialType==="event"?(v=!0,O=u.right.value,B=Et(u.right.meta.quote)):(O=u.right.value,B=Et(u.right.meta.quote));let q={type:sp(u.pathType),owner:y(u.left),name:O,quoteStyle:B,hasEventPrefix:v};if(q.owner.type==="MODULE"){let W=q.owner;return q.owner=q.owner.value,W.value=q,W}else return q},JsdocTypeUnion:(u,y)=>Tn("UNION",u.elements.map(y)),JsdocTypeParenthesis:(u,y)=>({type:"PARENTHESIS",value:y(T(u.element))}),JsdocTypeNull:()=>({type:"NAME",name:"null"}),JsdocTypeUnknown:()=>({type:"UNKNOWN"}),JsdocTypeStringValue:u=>({type:"STRING_VALUE",quoteStyle:Et(u.meta.quote),string:u.value}),JsdocTypeIntersection:(u,y)=>Tn("INTERSECTION",u.elements.map(y)),JsdocTypeNumber:u=>({type:"NUMBER_VALUE",number:u.value.toString()}),JsdocTypeSymbol:_e,JsdocTypeProperty:_e,JsdocTypePredicate:_e,JsdocTypeMappedType:_e,JsdocTypeIndexSignature:_e};function up(u){return ar(lp,u)}function cp(){return{JsdocTypeIntersection:(u,y)=>({type:"JsdocTypeIntersection",elements:u.elements.map(y)}),JsdocTypeGeneric:(u,y)=>({type:"JsdocTypeGeneric",left:y(u.left),elements:u.elements.map(y),meta:{dot:u.meta.dot,brackets:u.meta.brackets}}),JsdocTypeNullable:u=>u,JsdocTypeUnion:(u,y)=>({type:"JsdocTypeUnion",elements:u.elements.map(y)}),JsdocTypeUnknown:u=>u,JsdocTypeUndefined:u=>u,JsdocTypeTypeof:(u,y)=>({type:"JsdocTypeTypeof",element:y(u.element)}),JsdocTypeSymbol:(u,y)=>{let v={type:"JsdocTypeSymbol",value:u.value};return u.element!==void 0&&(v.element=y(u.element)),v},JsdocTypeOptional:(u,y)=>({type:"JsdocTypeOptional",element:y(u.element),meta:{position:u.meta.position}}),JsdocTypeObject:(u,y)=>({type:"JsdocTypeObject",meta:{separator:"comma"},elements:u.elements.map(y)}),JsdocTypeNumber:u=>u,JsdocTypeNull:u=>u,JsdocTypeNotNullable:(u,y)=>({type:"JsdocTypeNotNullable",element:y(u.element),meta:{position:u.meta.position}}),JsdocTypeSpecialNamePath:u=>u,JsdocTypeObjectField:(u,y)=>({type:"JsdocTypeObjectField",key:u.key,right:u.right===void 0?void 0:y(u.right),optional:u.optional,readonly:u.readonly,meta:u.meta}),JsdocTypeJsdocObjectField:(u,y)=>({type:"JsdocTypeJsdocObjectField",left:y(u.left),right:y(u.right)}),JsdocTypeKeyValue:(u,y)=>({type:"JsdocTypeKeyValue",key:u.key,right:u.right===void 0?void 0:y(u.right),optional:u.optional,variadic:u.variadic}),JsdocTypeImport:(u,y)=>({type:"JsdocTypeImport",element:y(u.element)}),JsdocTypeAny:u=>u,JsdocTypeStringValue:u=>u,JsdocTypeNamePath:u=>u,JsdocTypeVariadic:(u,y)=>{let v={type:"JsdocTypeVariadic",meta:{position:u.meta.position,squareBrackets:u.meta.squareBrackets}};return u.element!==void 0&&(v.element=y(u.element)),v},JsdocTypeTuple:(u,y)=>({type:"JsdocTypeTuple",elements:u.elements.map(y)}),JsdocTypeName:u=>u,JsdocTypeFunction:(u,y)=>{let v={type:"JsdocTypeFunction",arrow:u.arrow,parameters:u.parameters.map(y),constructor:u.constructor,parenthesis:u.parenthesis};return u.returnType!==void 0&&(v.returnType=y(u.returnType)),v},JsdocTypeKeyof:(u,y)=>({type:"JsdocTypeKeyof",element:y(u.element)}),JsdocTypeParenthesis:(u,y)=>({type:"JsdocTypeParenthesis",element:y(u.element)}),JsdocTypeProperty:u=>u,JsdocTypePredicate:(u,y)=>({type:"JsdocTypePredicate",left:y(u.left),right:y(u.right)}),JsdocTypeIndexSignature:(u,y)=>({type:"JsdocTypeIndexSignature",key:u.key,right:y(u.right)}),JsdocTypeMappedType:(u,y)=>({type:"JsdocTypeMappedType",key:u.key,right:y(u.right)})}}let Ma={JsdocTypeAny:[],JsdocTypeFunction:["parameters","returnType"],JsdocTypeGeneric:["left","elements"],JsdocTypeImport:[],JsdocTypeIndexSignature:["right"],JsdocTypeIntersection:["elements"],JsdocTypeKeyof:["element"],JsdocTypeKeyValue:["right"],JsdocTypeMappedType:["right"],JsdocTypeName:[],JsdocTypeNamePath:["left","right"],JsdocTypeNotNullable:["element"],JsdocTypeNull:[],JsdocTypeNullable:["element"],JsdocTypeNumber:[],JsdocTypeObject:["elements"],JsdocTypeObjectField:["right"],JsdocTypeJsdocObjectField:["left","right"],JsdocTypeOptional:["element"],JsdocTypeParenthesis:["element"],JsdocTypeSpecialNamePath:[],JsdocTypeStringValue:[],JsdocTypeSymbol:["element"],JsdocTypeTuple:["elements"],JsdocTypeTypeof:["element"],JsdocTypeUndefined:[],JsdocTypeUnion:["elements"],JsdocTypeUnknown:[],JsdocTypeVariadic:["element"],JsdocTypeProperty:[],JsdocTypePredicate:["left","right"]};function Cn(u,y,v,O,B){O?.(u,y,v);let q=Ma[u.type];for(let W of q){let te=u[W];if(te!==void 0)if(Array.isArray(te))for(let Te of te)Cn(Te,u,W,O,B);else Cn(te,u,W,O,B)}B?.(u,y,v)}function dp(u,y,v){Cn(u,void 0,void 0,y,v)}e.catharsisTransform=ip,e.identityTransformRules=cp,e.jtpTransform=up,e.parse=Ba,e.stringify=np,e.stringifyRules=La,e.transform=ar,e.traverse=dp,e.tryParse=tp,e.visitorKeys=Ma})});var fc={};qa(fc,{ColorControl:()=>pc,default:()=>Xy});function Ot(){return(Ot=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function ra(e,t){if(e==null)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t.indexOf(r=a[n])>=0||(o[r]=e[r]);return o}function Xo(e){var t=De(e),r=De(function(n){t.current&&t.current(n)});return t.current=e,r.current}function lc(e,t,r){var n=Xo(r),o=X(function(){return e.toHsva(t)}),a=o[0],i=o[1],l=De({color:t,hsva:a});Se(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},i(c)}},[t,e]),Se(function(){var c;ic(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},n(c))},[a,e,n]);var s=xe(function(c){i(function(d){return Object.assign({},d,c)})},[]);return[a,s]}var py,ec,fy,hy,Ue,Kt,vr,Qo,Ku,Yu,na,xr,oa,Ee,my,yy,Zo,gy,by,Ey,vy,tc,ea,ln,rc,xy,on,Sy,nc,oc,ac,ic,sc,wy,Ay,Ty,Xu,uc,Cy,ky,Iy,Oy,cc,Dy,Ry,_y,Py,Fy,Ny,By,jy,Ly,My,Uy,Qu,$y,qy,dc,an,Vy,Jy,zy,ta,Hy,Gy,sn,Zu,Wt,Wy,Ky,un,Yy,pc,Xy,hc=Qe(()=>{V();J();z();In();Rr();Pr();Qn();ro();py=je({"../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),ec=je({"../../node_modules/color-convert/conversions.js"(e,t){var r=py(),n={};for(let i of Object.keys(r))n[r[i]]=i;var o={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};t.exports=o;for(let i of Object.keys(o)){if(!("channels"in o[i]))throw new Error("missing channels property: "+i);if(!("labels"in o[i]))throw new Error("missing channel labels property: "+i);if(o[i].labels.length!==o[i].channels)throw new Error("channel and label counts mismatch: "+i);let{channels:l,labels:s}=o[i];delete o[i].channels,delete o[i].labels,Object.defineProperty(o[i],"channels",{value:l}),Object.defineProperty(o[i],"labels",{value:s})}o.rgb.hsl=function(i){let l=i[0]/255,s=i[1]/255,c=i[2]/255,d=Math.min(l,s,c),p=Math.max(l,s,c),h=p-d,f,b;p===d?f=0:l===p?f=(s-c)/h:s===p?f=2+(c-l)/h:c===p&&(f=4+(l-s)/h),f=Math.min(f*60,360),f<0&&(f+=360);let g=(d+p)/2;return p===d?b=0:g<=.5?b=h/(p+d):b=h/(2-p-d),[f,b*100,g*100]},o.rgb.hsv=function(i){let l,s,c,d,p,h=i[0]/255,f=i[1]/255,b=i[2]/255,g=Math.max(h,f,b),x=g-Math.min(h,f,b),S=function(A){return(g-A)/6/x+1/2};return x===0?(d=0,p=0):(p=x/g,l=S(h),s=S(f),c=S(b),h===g?d=c-s:f===g?d=1/3+l-c:b===g&&(d=2/3+s-l),d<0?d+=1:d>1&&(d-=1)),[d*360,p*100,g*100]},o.rgb.hwb=function(i){let l=i[0],s=i[1],c=i[2],d=o.rgb.hsl(i)[0],p=1/255*Math.min(l,Math.min(s,c));return c=1-1/255*Math.max(l,Math.max(s,c)),[d,p*100,c*100]},o.rgb.cmyk=function(i){let l=i[0]/255,s=i[1]/255,c=i[2]/255,d=Math.min(1-l,1-s,1-c),p=(1-l-d)/(1-d)||0,h=(1-s-d)/(1-d)||0,f=(1-c-d)/(1-d)||0;return[p*100,h*100,f*100,d*100]};function a(i,l){return(i[0]-l[0])**2+(i[1]-l[1])**2+(i[2]-l[2])**2}o.rgb.keyword=function(i){let l=n[i];if(l)return l;let s=1/0,c;for(let d of Object.keys(r)){let p=r[d],h=a(i,p);h<s&&(s=h,c=d)}return c},o.keyword.rgb=function(i){return r[i]},o.rgb.xyz=function(i){let l=i[0]/255,s=i[1]/255,c=i[2]/255;l=l>.04045?((l+.055)/1.055)**2.4:l/12.92,s=s>.04045?((s+.055)/1.055)**2.4:s/12.92,c=c>.04045?((c+.055)/1.055)**2.4:c/12.92;let d=l*.4124+s*.3576+c*.1805,p=l*.2126+s*.7152+c*.0722,h=l*.0193+s*.1192+c*.9505;return[d*100,p*100,h*100]},o.rgb.lab=function(i){let l=o.rgb.xyz(i),s=l[0],c=l[1],d=l[2];s/=95.047,c/=100,d/=108.883,s=s>.008856?s**(1/3):7.787*s+16/116,c=c>.008856?c**(1/3):7.787*c+16/116,d=d>.008856?d**(1/3):7.787*d+16/116;let p=116*c-16,h=500*(s-c),f=200*(c-d);return[p,h,f]},o.hsl.rgb=function(i){let l=i[0]/360,s=i[1]/100,c=i[2]/100,d,p,h;if(s===0)return h=c*255,[h,h,h];c<.5?d=c*(1+s):d=c+s-c*s;let f=2*c-d,b=[0,0,0];for(let g=0;g<3;g++)p=l+1/3*-(g-1),p<0&&p++,p>1&&p--,6*p<1?h=f+(d-f)*6*p:2*p<1?h=d:3*p<2?h=f+(d-f)*(2/3-p)*6:h=f,b[g]=h*255;return b},o.hsl.hsv=function(i){let l=i[0],s=i[1]/100,c=i[2]/100,d=s,p=Math.max(c,.01);c*=2,s*=c<=1?c:2-c,d*=p<=1?p:2-p;let h=(c+s)/2,f=c===0?2*d/(p+d):2*s/(c+s);return[l,f*100,h*100]},o.hsv.rgb=function(i){let l=i[0]/60,s=i[1]/100,c=i[2]/100,d=Math.floor(l)%6,p=l-Math.floor(l),h=255*c*(1-s),f=255*c*(1-s*p),b=255*c*(1-s*(1-p));switch(c*=255,d){case 0:return[c,b,h];case 1:return[f,c,h];case 2:return[h,c,b];case 3:return[h,f,c];case 4:return[b,h,c];case 5:return[c,h,f]}},o.hsv.hsl=function(i){let l=i[0],s=i[1]/100,c=i[2]/100,d=Math.max(c,.01),p,h;h=(2-s)*c;let f=(2-s)*d;return p=s*d,p/=f<=1?f:2-f,p=p||0,h/=2,[l,p*100,h*100]},o.hwb.rgb=function(i){let l=i[0]/360,s=i[1]/100,c=i[2]/100,d=s+c,p;d>1&&(s/=d,c/=d);let h=Math.floor(6*l),f=1-c;p=6*l-h,h&1&&(p=1-p);let b=s+p*(f-s),g,x,S;switch(h){default:case 6:case 0:g=f,x=b,S=s;break;case 1:g=b,x=f,S=s;break;case 2:g=s,x=f,S=b;break;case 3:g=s,x=b,S=f;break;case 4:g=b,x=s,S=f;break;case 5:g=f,x=s,S=b;break}return[g*255,x*255,S*255]},o.cmyk.rgb=function(i){let l=i[0]/100,s=i[1]/100,c=i[2]/100,d=i[3]/100,p=1-Math.min(1,l*(1-d)+d),h=1-Math.min(1,s*(1-d)+d),f=1-Math.min(1,c*(1-d)+d);return[p*255,h*255,f*255]},o.xyz.rgb=function(i){let l=i[0]/100,s=i[1]/100,c=i[2]/100,d,p,h;return d=l*3.2406+s*-1.5372+c*-.4986,p=l*-.9689+s*1.8758+c*.0415,h=l*.0557+s*-.204+c*1.057,d=d>.0031308?1.055*d**(1/2.4)-.055:d*12.92,p=p>.0031308?1.055*p**(1/2.4)-.055:p*12.92,h=h>.0031308?1.055*h**(1/2.4)-.055:h*12.92,d=Math.min(Math.max(0,d),1),p=Math.min(Math.max(0,p),1),h=Math.min(Math.max(0,h),1),[d*255,p*255,h*255]},o.xyz.lab=function(i){let l=i[0],s=i[1],c=i[2];l/=95.047,s/=100,c/=108.883,l=l>.008856?l**(1/3):7.787*l+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,c=c>.008856?c**(1/3):7.787*c+16/116;let d=116*s-16,p=500*(l-s),h=200*(s-c);return[d,p,h]},o.lab.xyz=function(i){let l=i[0],s=i[1],c=i[2],d,p,h;p=(l+16)/116,d=s/500+p,h=p-c/200;let f=p**3,b=d**3,g=h**3;return p=f>.008856?f:(p-16/116)/7.787,d=b>.008856?b:(d-16/116)/7.787,h=g>.008856?g:(h-16/116)/7.787,d*=95.047,p*=100,h*=108.883,[d,p,h]},o.lab.lch=function(i){let l=i[0],s=i[1],c=i[2],d;d=Math.atan2(c,s)*360/2/Math.PI,d<0&&(d+=360);let p=Math.sqrt(s*s+c*c);return[l,p,d]},o.lch.lab=function(i){let l=i[0],s=i[1],c=i[2]/360*2*Math.PI,d=s*Math.cos(c),p=s*Math.sin(c);return[l,d,p]},o.rgb.ansi16=function(i,l=null){let[s,c,d]=i,p=l===null?o.rgb.hsv(i)[2]:l;if(p=Math.round(p/50),p===0)return 30;let h=30+(Math.round(d/255)<<2|Math.round(c/255)<<1|Math.round(s/255));return p===2&&(h+=60),h},o.hsv.ansi16=function(i){return o.rgb.ansi16(o.hsv.rgb(i),i[2])},o.rgb.ansi256=function(i){let l=i[0],s=i[1],c=i[2];return l===s&&s===c?l<8?16:l>248?231:Math.round((l-8)/247*24)+232:16+36*Math.round(l/255*5)+6*Math.round(s/255*5)+Math.round(c/255*5)},o.ansi16.rgb=function(i){let l=i%10;if(l===0||l===7)return i>50&&(l+=3.5),l=l/10.5*255,[l,l,l];let s=(~~(i>50)+1)*.5,c=(l&1)*s*255,d=(l>>1&1)*s*255,p=(l>>2&1)*s*255;return[c,d,p]},o.ansi256.rgb=function(i){if(i>=232){let p=(i-232)*10+8;return[p,p,p]}i-=16;let l,s=Math.floor(i/36)/5*255,c=Math.floor((l=i%36)/6)/5*255,d=l%6/5*255;return[s,c,d]},o.rgb.hex=function(i){let l=(((Math.round(i[0])&255)<<16)+((Math.round(i[1])&255)<<8)+(Math.round(i[2])&255)).toString(16).toUpperCase();return"000000".substring(l.length)+l},o.hex.rgb=function(i){let l=i.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!l)return[0,0,0];let s=l[0];l[0].length===3&&(s=s.split("").map(f=>f+f).join(""));let c=parseInt(s,16),d=c>>16&255,p=c>>8&255,h=c&255;return[d,p,h]},o.rgb.hcg=function(i){let l=i[0]/255,s=i[1]/255,c=i[2]/255,d=Math.max(Math.max(l,s),c),p=Math.min(Math.min(l,s),c),h=d-p,f,b;return h<1?f=p/(1-h):f=0,h<=0?b=0:d===l?b=(s-c)/h%6:d===s?b=2+(c-l)/h:b=4+(l-s)/h,b/=6,b%=1,[b*360,h*100,f*100]},o.hsl.hcg=function(i){let l=i[1]/100,s=i[2]/100,c=s<.5?2*l*s:2*l*(1-s),d=0;return c<1&&(d=(s-.5*c)/(1-c)),[i[0],c*100,d*100]},o.hsv.hcg=function(i){let l=i[1]/100,s=i[2]/100,c=l*s,d=0;return c<1&&(d=(s-c)/(1-c)),[i[0],c*100,d*100]},o.hcg.rgb=function(i){let l=i[0]/360,s=i[1]/100,c=i[2]/100;if(s===0)return[c*255,c*255,c*255];let d=[0,0,0],p=l%1*6,h=p%1,f=1-h,b=0;switch(Math.floor(p)){case 0:d[0]=1,d[1]=h,d[2]=0;break;case 1:d[0]=f,d[1]=1,d[2]=0;break;case 2:d[0]=0,d[1]=1,d[2]=h;break;case 3:d[0]=0,d[1]=f,d[2]=1;break;case 4:d[0]=h,d[1]=0,d[2]=1;break;default:d[0]=1,d[1]=0,d[2]=f}return b=(1-s)*c,[(s*d[0]+b)*255,(s*d[1]+b)*255,(s*d[2]+b)*255]},o.hcg.hsv=function(i){let l=i[1]/100,s=i[2]/100,c=l+s*(1-l),d=0;return c>0&&(d=l/c),[i[0],d*100,c*100]},o.hcg.hsl=function(i){let l=i[1]/100,s=i[2]/100*(1-l)+.5*l,c=0;return s>0&&s<.5?c=l/(2*s):s>=.5&&s<1&&(c=l/(2*(1-s))),[i[0],c*100,s*100]},o.hcg.hwb=function(i){let l=i[1]/100,s=i[2]/100,c=l+s*(1-l);return[i[0],(c-l)*100,(1-c)*100]},o.hwb.hcg=function(i){let l=i[1]/100,s=1-i[2]/100,c=s-l,d=0;return c<1&&(d=(s-c)/(1-c)),[i[0],c*100,d*100]},o.apple.rgb=function(i){return[i[0]/65535*255,i[1]/65535*255,i[2]/65535*255]},o.rgb.apple=function(i){return[i[0]/255*65535,i[1]/255*65535,i[2]/255*65535]},o.gray.rgb=function(i){return[i[0]/100*255,i[0]/100*255,i[0]/100*255]},o.gray.hsl=function(i){return[0,0,i[0]]},o.gray.hsv=o.gray.hsl,o.gray.hwb=function(i){return[0,100,i[0]]},o.gray.cmyk=function(i){return[0,0,0,i[0]]},o.gray.lab=function(i){return[i[0],0,0]},o.gray.hex=function(i){let l=Math.round(i[0]/100*255)&255,s=((l<<16)+(l<<8)+l).toString(16).toUpperCase();return"000000".substring(s.length)+s},o.rgb.gray=function(i){return[(i[0]+i[1]+i[2])/3/255*100]}}}),fy=je({"../../node_modules/color-convert/route.js"(e,t){var r=ec();function n(){let l={},s=Object.keys(r);for(let c=s.length,d=0;d<c;d++)l[s[d]]={distance:-1,parent:null};return l}function o(l){let s=n(),c=[l];for(s[l].distance=0;c.length;){let d=c.pop(),p=Object.keys(r[d]);for(let h=p.length,f=0;f<h;f++){let b=p[f],g=s[b];g.distance===-1&&(g.distance=s[d].distance+1,g.parent=d,c.unshift(b))}}return s}function a(l,s){return function(c){return s(l(c))}}function i(l,s){let c=[s[l].parent,l],d=r[s[l].parent][l],p=s[l].parent;for(;s[p].parent;)c.unshift(s[p].parent),d=a(r[s[p].parent][p],d),p=s[p].parent;return d.conversion=c,d}t.exports=function(l){let s=o(l),c={},d=Object.keys(s);for(let p=d.length,h=0;h<p;h++){let f=d[h];s[f].parent!==null&&(c[f]=i(f,s))}return c}}}),hy=je({"../../node_modules/color-convert/index.js"(e,t){var r=ec(),n=fy(),o={},a=Object.keys(r);function i(s){let c=function(...d){let p=d[0];return p==null?p:(p.length>1&&(d=p),s(d))};return"conversion"in s&&(c.conversion=s.conversion),c}function l(s){let c=function(...d){let p=d[0];if(p==null)return p;p.length>1&&(d=p);let h=s(d);if(typeof h=="object")for(let f=h.length,b=0;b<f;b++)h[b]=Math.round(h[b]);return h};return"conversion"in s&&(c.conversion=s.conversion),c}a.forEach(s=>{o[s]={},Object.defineProperty(o[s],"channels",{value:r[s].channels}),Object.defineProperty(o[s],"labels",{value:r[s].labels});let c=n(s);Object.keys(c).forEach(d=>{let p=c[d];o[s][d]=l(p),o[s][d].raw=i(p)})}),t.exports=o}}),Ue=Lt(hy());Kt=function(e,t,r){return t===void 0&&(t=0),r===void 0&&(r=1),e>r?r:e<t?t:e},vr=function(e){return"touches"in e},Qo=function(e){return e&&e.ownerDocument.defaultView||self},Ku=function(e,t,r){var n=e.getBoundingClientRect(),o=vr(t)?function(a,i){for(var l=0;l<a.length;l++)if(a[l].identifier===i)return a[l];return a[0]}(t.touches,r):t;return{left:Kt((o.pageX-(n.left+Qo(e).pageXOffset))/n.width),top:Kt((o.pageY-(n.top+Qo(e).pageYOffset))/n.height)}},Yu=function(e){!vr(e)&&e.preventDefault()},na=m.memo(function(e){var t=e.onMove,r=e.onKey,n=ra(e,["onMove","onKey"]),o=De(null),a=Xo(t),i=Xo(r),l=De(null),s=De(!1),c=st(function(){var f=function(x){Yu(x),(vr(x)?x.touches.length>0:x.buttons>0)&&o.current?a(Ku(o.current,x,l.current)):g(!1)},b=function(){return g(!1)};function g(x){var S=s.current,A=Qo(o.current),k=x?A.addEventListener:A.removeEventListener;k(S?"touchmove":"mousemove",f),k(S?"touchend":"mouseup",b)}return[function(x){var S=x.nativeEvent,A=o.current;if(A&&(Yu(S),!function(T,I){return I&&!vr(T)}(S,s.current)&&A)){if(vr(S)){s.current=!0;var k=S.changedTouches||[];k.length&&(l.current=k[0].identifier)}A.focus(),a(Ku(A,S,l.current)),g(!0)}},function(x){var S=x.which||x.keyCode;S<37||S>40||(x.preventDefault(),i({left:S===39?.05:S===37?-.05:0,top:S===40?.05:S===38?-.05:0}))},g]},[i,a]),d=c[0],p=c[1],h=c[2];return Se(function(){return h},[h]),m.createElement("div",Ot({},n,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:p,tabIndex:0,role:"slider"}))}),xr=function(e){return e.filter(Boolean).join(" ")},oa=function(e){var t=e.color,r=e.left,n=e.top,o=n===void 0?.5:n,a=xr(["react-colorful__pointer",e.className]);return m.createElement("div",{className:a,style:{top:100*o+"%",left:100*r+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},Ee=function(e,t,r){return t===void 0&&(t=0),r===void 0&&(r=Math.pow(10,t)),Math.round(r*e)/r},my={grad:.9,turn:360,rad:360/(2*Math.PI)},yy=function(e){return nc(Zo(e))},Zo=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?Ee(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?Ee(parseInt(e.substring(6,8),16)/255,2):1}},gy=function(e,t){return t===void 0&&(t="deg"),Number(e)*(my[t]||1)},by=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Ey({h:gy(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Ey=function(e){var t=e.s,r=e.l;return{h:e.h,s:(t*=(r<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}},vy=function(e){return Sy(rc(e))},tc=function(e){var t=e.s,r=e.v,n=e.a,o=(200-t)*r/100;return{h:Ee(e.h),s:Ee(o>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0),l:Ee(o/2),a:Ee(n,2)}},ea=function(e){var t=tc(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},ln=function(e){var t=tc(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},rc=function(e){var t=e.h,r=e.s,n=e.v,o=e.a;t=t/360*6,r/=100,n/=100;var a=Math.floor(t),i=n*(1-r),l=n*(1-(t-a)*r),s=n*(1-(1-t+a)*r),c=a%6;return{r:Ee(255*[n,l,i,i,s,n][c]),g:Ee(255*[s,n,n,l,i,i][c]),b:Ee(255*[i,i,s,n,n,l][c]),a:Ee(o,2)}},xy=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?nc({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},on=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Sy=function(e){var t=e.r,r=e.g,n=e.b,o=e.a,a=o<1?on(Ee(255*o)):"";return"#"+on(t)+on(r)+on(n)+a},nc=function(e){var t=e.r,r=e.g,n=e.b,o=e.a,a=Math.max(t,r,n),i=a-Math.min(t,r,n),l=i?a===t?(r-n)/i:a===r?2+(n-t)/i:4+(t-r)/i:0;return{h:Ee(60*(l<0?l+6:l)),s:Ee(a?i/a*100:0),v:Ee(a/255*100),a:o}},oc=m.memo(function(e){var t=e.hue,r=e.onChange,n=xr(["react-colorful__hue",e.className]);return m.createElement("div",{className:n},m.createElement(na,{onMove:function(o){r({h:360*o.left})},onKey:function(o){r({h:Kt(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":Ee(t),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(oa,{className:"react-colorful__hue-pointer",left:t/360,color:ea({h:t,s:100,v:100,a:1})})))}),ac=m.memo(function(e){var t=e.hsva,r=e.onChange,n={backgroundColor:ea({h:t.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:n},m.createElement(na,{onMove:function(o){r({s:100*o.left,v:100-100*o.top})},onKey:function(o){r({s:Kt(t.s+100*o.left,0,100),v:Kt(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+Ee(t.s)+"%, Brightness "+Ee(t.v)+"%"},m.createElement(oa,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:ea(t)})))}),ic=function(e,t){if(e===t)return!0;for(var r in e)if(e[r]!==t[r])return!1;return!0},sc=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},wy=function(e,t){return e.toLowerCase()===t.toLowerCase()||ic(Zo(e),Zo(t))};Ay=typeof window<"u"?ei:Se,Ty=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Xu=new Map,uc=function(e){Ay(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!Xu.has(t)){var r=t.createElement("style");r.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Xu.set(t,r);var n=Ty();n&&r.setAttribute("nonce",n),t.head.appendChild(r)}},[])},Cy=function(e){var t=e.className,r=e.colorModel,n=e.color,o=n===void 0?r.defaultColor:n,a=e.onChange,i=ra(e,["className","colorModel","color","onChange"]),l=De(null);uc(l);var s=lc(r,o,a),c=s[0],d=s[1],p=xr(["react-colorful",t]);return m.createElement("div",Ot({},i,{ref:l,className:p}),m.createElement(ac,{hsva:c,onChange:d}),m.createElement(oc,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},ky={defaultColor:"000",toHsva:yy,fromHsva:function(e){return vy({h:e.h,s:e.s,v:e.v,a:1})},equal:wy},Iy=function(e){return m.createElement(Cy,Ot({},e,{colorModel:ky}))},Oy=function(e){var t=e.className,r=e.hsva,n=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+ln(Object.assign({},r,{a:0}))+", "+ln(Object.assign({},r,{a:1}))+")"},a=xr(["react-colorful__alpha",t]),i=Ee(100*r.a);return m.createElement("div",{className:a},m.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),m.createElement(na,{onMove:function(l){n({a:l.left})},onKey:function(l){n({a:Kt(r.a+l.left)})},"aria-label":"Alpha","aria-valuetext":i+"%","aria-valuenow":i,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(oa,{className:"react-colorful__alpha-pointer",left:r.a,color:ln(r)})))},cc=function(e){var t=e.className,r=e.colorModel,n=e.color,o=n===void 0?r.defaultColor:n,a=e.onChange,i=ra(e,["className","colorModel","color","onChange"]),l=De(null);uc(l);var s=lc(r,o,a),c=s[0],d=s[1],p=xr(["react-colorful",t]);return m.createElement("div",Ot({},i,{ref:l,className:p}),m.createElement(ac,{hsva:c,onChange:d}),m.createElement(oc,{hue:c.h,onChange:d}),m.createElement(Oy,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Dy={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:by,fromHsva:ln,equal:sc},Ry=function(e){return m.createElement(cc,Ot({},e,{colorModel:Dy}))},_y={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xy,fromHsva:function(e){var t=rc(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:sc},Py=function(e){return m.createElement(cc,Ot({},e,{colorModel:_y}))},Fy=R.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Ny=R(ut)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),By=R.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),jy=R(St)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ly=R.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),My=R.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Uy=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Qu=({value:e,style:t,...r})=>{let n=`linear-gradient(${e}, ${e}), ${Uy}, linear-gradient(#fff, #fff)`;return m.createElement(My,{...r,style:{...t,backgroundImage:n}})},$y=R(Ve.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),qy=R(Mi)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),dc=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(dc||{}),an=Object.values(dc),Vy=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Jy=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,zy=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,ta=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Hy=/^\s*#?([0-9a-f]{3})\s*$/i,Gy={hex:Iy,rgb:Py,hsl:Ry},sn={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Zu=e=>{let t=e?.match(Vy);if(!t)return[0,0,0,1];let[,r,n,o,a=1]=t;return[r,n,o,a].map(Number)},Wt=e=>{if(!e)return;let t=!0;if(Jy.test(e)){let[i,l,s,c]=Zu(e),[d,p,h]=Ue.default.rgb.hsl([i,l,s])||[0,0,0];return{valid:t,value:e,keyword:Ue.default.rgb.keyword([i,l,s]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${p}%, ${h}%, ${c})`,hex:`#${Ue.default.rgb.hex([i,l,s]).toLowerCase()}`}}if(zy.test(e)){let[i,l,s,c]=Zu(e),[d,p,h]=Ue.default.hsl.rgb([i,l,s])||[0,0,0];return{valid:t,value:e,keyword:Ue.default.hsl.keyword([i,l,s]),colorSpace:"hsl",rgb:`rgba(${d}, ${p}, ${h}, ${c})`,hsl:e,hex:`#${Ue.default.hsl.hex([i,l,s]).toLowerCase()}`}}let r=e.replace("#",""),n=Ue.default.keyword.rgb(r)||Ue.default.hex.rgb(r),o=Ue.default.rgb.hsl(n),a=e;if(/[^#a-f0-9]/i.test(e)?a=r:ta.test(e)&&(a=`#${r}`),a.startsWith("#"))t=ta.test(a);else try{Ue.default.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:Ue.default.rgb.keyword(n),colorSpace:"hex",rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Wy=(e,t,r)=>{if(!e||!t?.valid)return sn[r];if(r!=="hex")return t?.[r]||sn[r];if(!t.hex.startsWith("#"))try{return`#${Ue.default.keyword.hex(t.hex)}`}catch{return sn.hex}let n=t.hex.match(Hy);if(!n)return ta.test(t.hex)?t.hex:sn.hex;let[o,a,i]=n[1].split("");return`#${o}${o}${a}${a}${i}${i}`},Ky=(e,t)=>{let[r,n]=X(e||""),[o,a]=X(()=>Wt(r)),[i,l]=X(o?.colorSpace||"hex");Se(()=>{let p=e||"",h=Wt(p);n(p),a(h),l(h?.colorSpace||"hex")},[e]);let s=st(()=>Wy(r,o,i).toLowerCase(),[r,o,i]),c=xe(p=>{let h=Wt(p),f=h?.value||p||"";n(f),f===""&&(a(void 0),t(void 0)),h&&(a(h),l(h.colorSpace),t(h.value))},[t]),d=xe(()=>{let p=an.indexOf(i)+1;p>=an.length&&(p=0),l(an[p]);let h=o?.[an[p]]||"";n(h),t(h)},[o,i,t]);return{value:r,realValue:s,updateValue:c,color:o,colorSpace:i,cycleColorSpace:d}},un=e=>e.replace(/\s*/,"").toLowerCase(),Yy=(e,t,r)=>{let[n,o]=X(t?.valid?[t]:[]);Se(()=>{t===void 0&&o([])},[t]);let a=st(()=>(e||[]).map(l=>typeof l=="string"?Wt(l):l.title?{...Wt(l.color),keyword:l.title}:Wt(l.color)).concat(n).filter(Boolean).slice(-27),[e,n]),i=xe(l=>{l?.valid&&(a.some(s=>un(s[r])===un(l[r]))||o(s=>s.concat(l)))},[r,a]);return{presets:a,addPreset:i}},pc=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,presetColors:a,startOpen:i=!1,argType:l})=>{let s=xe(Ha(r,200),[r]),{value:c,realValue:d,updateValue:p,color:h,colorSpace:f,cycleColorSpace:b}=Ky(t,s),{presets:g,addPreset:x}=Yy(a,h,f),S=Gy[f],A=!!l?.table?.readonly;return m.createElement(Fy,{"aria-readonly":A},m.createElement(Ny,{startOpen:i,trigger:A?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>x(h),tooltip:m.createElement(By,null,m.createElement(S,{color:d==="transparent"?"#000000":d,onChange:p,onFocus:n,onBlur:o}),g.length>0&&m.createElement(Ly,null,g.map((k,T)=>m.createElement(ut,{key:`${k.value}-${T}`,hasChrome:!1,tooltip:m.createElement(jy,{note:k.keyword||k.value})},m.createElement(Qu,{value:k[f],active:h&&un(k[f])===un(h[f]),onClick:()=>p(k.value)})))))},m.createElement(Qu,{value:d,style:{margin:4}})),m.createElement($y,{id:Fe(e),value:c,onChange:k=>p(k.target.value),onFocus:k=>k.target.select(),readOnly:A,placeholder:"Choose color..."}),c?m.createElement(qy,{onClick:b}):null)},Xy=pc});V();J();z();V();J();z();In();Rr();Rr();Pr();V();J();z();V();J();z();var vx=__STORYBOOK_CORE_EVENTS__,{ARGTYPES_INFO_REQUEST:ri,ARGTYPES_INFO_RESPONSE:Vn,CHANNEL_CREATED:xx,CHANNEL_WS_DISCONNECT:Sx,CONFIG_ERROR:ni,CREATE_NEW_STORYFILE_REQUEST:wx,CREATE_NEW_STORYFILE_RESPONSE:Ax,CURRENT_STORY_WAS_SET:Jn,DOCS_PREPARED:oi,DOCS_RENDERED:Fr,FILE_COMPONENT_SEARCH_REQUEST:Tx,FILE_COMPONENT_SEARCH_RESPONSE:Cx,FORCE_REMOUNT:ai,FORCE_RE_RENDER:Nr,GLOBALS_UPDATED:$t,NAVIGATE_URL:ii,PLAY_FUNCTION_THREW_EXCEPTION:si,PRELOAD_ENTRIES:li,PREVIEW_BUILDER_PROGRESS:kx,PREVIEW_KEYDOWN:ui,REGISTER_SUBSCRIPTION:Ix,REQUEST_WHATS_NEW_DATA:Ox,RESET_STORY_ARGS:Br,RESULT_WHATS_NEW_DATA:Dx,SAVE_STORY_REQUEST:zn,SAVE_STORY_RESPONSE:jr,SELECT_STORY:Rx,SET_CONFIG:_x,SET_CURRENT_STORY:ci,SET_FILTER:Px,SET_GLOBALS:di,SET_INDEX:Fx,SET_STORIES:Nx,SET_WHATS_NEW_CACHE:Bx,SHARED_STATE_CHANGED:jx,SHARED_STATE_SET:Lx,STORIES_COLLAPSE_ALL:Mx,STORIES_EXPAND_ALL:Ux,STORY_ARGS_UPDATED:pi,STORY_CHANGED:fi,STORY_ERRORED:hi,STORY_INDEX_INVALIDATED:mi,STORY_MISSING:Hn,STORY_PREPARED:yi,STORY_RENDERED:cr,STORY_RENDER_PHASE_CHANGED:qt,STORY_SPECIFIED:gi,STORY_THREW_EXCEPTION:bi,STORY_UNCHANGED:Ei,TELEMETRY_ERROR:$x,TESTING_MODULE_CANCEL_TEST_RUN_REQUEST:qx,TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE:Vx,TESTING_MODULE_CRASH_REPORT:Jx,TESTING_MODULE_PROGRESS_REPORT:zx,TESTING_MODULE_RUN_ALL_REQUEST:Hx,TESTING_MODULE_RUN_REQUEST:Gx,TESTING_MODULE_WATCH_MODE_REQUEST:Wx,TOGGLE_WHATS_NEW_NOTIFICATIONS:Kx,UNHANDLED_ERRORS_WHILE_PLAYING:vi,UPDATE_GLOBALS:Lr,UPDATE_QUERY_PARAMS:xi,UPDATE_STORY_ARGS:Mr}=__STORYBOOK_CORE_EVENTS__;V();J();z();var aS=__STORYBOOK_API__,{ActiveTabs:iS,Consumer:sS,ManagerContext:lS,Provider:uS,RequestResponseError:cS,addons:Ur,combineParameters:dS,controlOrMetaKey:pS,controlOrMetaSymbol:fS,eventMatchesShortcut:hS,eventToShortcut:mS,experimental_requestResponse:Gn,isMacLike:yS,isShortcutTaken:gS,keyToSymbol:bS,merge:ES,mockChannel:vS,optionOrAltSymbol:xS,shortcutMatchesShortcut:SS,shortcutToHumanString:wS,types:Si,useAddonState:AS,useArgTypes:Wn,useArgs:wi,useChannel:TS,useGlobalTypes:CS,useGlobals:Ai,useParameter:Ti,useSharedState:kS,useStoryPrepared:IS,useStorybookApi:OS,useStorybookState:Ci}=__STORYBOOK_API__;Qn();V();J();z();var Di=Object.prototype.hasOwnProperty;function Ri(e,t,r){for(r of e.keys())if(wt(r,t))return r}function wt(e,t){var r,n,o;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((n=e.length)===t.length)for(;n--&&wt(e[n],t[n]););return n===-1}if(r===Set){if(e.size!==t.size)return!1;for(n of e)if(o=n,o&&typeof o=="object"&&(o=Ri(t,o),!o)||!t.has(o))return!1;return!0}if(r===Map){if(e.size!==t.size)return!1;for(n of e)if(o=n[0],o&&typeof o=="object"&&(o=Ri(t,o),!o)||!wt(n[1],t.get(o)))return!1;return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if((n=e.byteLength)===t.byteLength)for(;n--&&e.getInt8(n)===t.getInt8(n););return n===-1}if(ArrayBuffer.isView(e)){if((n=e.byteLength)===t.byteLength)for(;n--&&e[n]===t[n];);return n===-1}if(!r||typeof e=="object"){n=0;for(r in e)if(Di.call(e,r)&&++n&&!Di.call(t,r)||!(r in t)||!wt(e[r],t[r]))return!1;return Object.keys(t).length===n}}return e!==e&&t!==t}ro();V();J();z();var g5=__STORYBOOK_CLIENT_LOGGER__,{deprecate:b5,logger:Vr,once:zi,pretty:E5}=__STORYBOOK_CLIENT_LOGGER__;V();J();z();V();J();z();V();J();z();var A5=__STORYBOOK_CHANNELS__,{Channel:Hi,PostMessageTransport:T5,WebsocketTransport:C5,createBrowserChannel:k5}=__STORYBOOK_CHANNELS__;V();J();z();var _5=__STORYBOOK_CLIENT_LOGGER__,{deprecate:Ze,logger:Q,once:ct,pretty:P5}=__STORYBOOK_CLIENT_LOGGER__;V();J();z();var Cf=Object.defineProperty,ce=(e,t)=>Cf(e,"name",{value:t,configurable:!0});function de(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=Array.from(typeof e=="string"?[e]:e);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var o=n.reduce(function(l,s){var c=s.match(/\n([\t ]+|(?!\s).)/g);return c?l.concat(c.map(function(d){var p,h;return(h=(p=d.match(/[\t ]/g))===null||p===void 0?void 0:p.length)!==null&&h!==void 0?h:0})):l},[]);if(o.length){var a=new RegExp(` +[ ]{`+Math.min.apply(Math,o)+"}","g");n=n.map(function(l){return l.replace(a,` +`)})}n[0]=n[0].replace(/^\r?\n/,"");var i=n[0];return t.forEach(function(l,s){var c=i.match(/(?:^|\n)( *)$/),d=c?c[1]:"",p=l;typeof l=="string"&&l.includes(` +`)&&(p=String(l).split(` +`).map(function(h,f){return f===0?h:""+d+h}).join(` +`)),i+=p+n[s+1]}),i}ce(de,"dedent");function no({code:e,category:t}){let r=String(e).padStart(4,"0");return`SB_${t}_${r}`}ce(no,"parseErrorCode");var Gi=class Wi extends Error{constructor(t){super(Wi.getFullMessage(t)),this.data={},this.fromStorybook=!0,this.category=t.category,this.documentation=t.documentation??!1,this.code=t.code}get fullErrorCode(){return no({code:this.code,category:this.category})}get name(){let t=this.constructor.name;return`${this.fullErrorCode} (${t})`}static getFullMessage({documentation:t,code:r,category:n,message:o}){let a;return t===!0?a=`https://storybook.js.org/error/${no({code:r,category:n})}`:typeof t=="string"?a=t:Array.isArray(t)&&(a=` +${t.map(i=>` - ${i}`).join(` +`)}`),`${o}${a!=null?` + +More info: ${a} +`:""}`}};ce(Gi,"StorybookError");var ge=Gi,kf=(e=>(e.BLOCKS="BLOCKS",e.DOCS_TOOLS="DOCS-TOOLS",e.PREVIEW_CLIENT_LOGGER="PREVIEW_CLIENT-LOGGER",e.PREVIEW_CHANNELS="PREVIEW_CHANNELS",e.PREVIEW_CORE_EVENTS="PREVIEW_CORE-EVENTS",e.PREVIEW_INSTRUMENTER="PREVIEW_INSTRUMENTER",e.PREVIEW_API="PREVIEW_API",e.PREVIEW_REACT_DOM_SHIM="PREVIEW_REACT-DOM-SHIM",e.PREVIEW_ROUTER="PREVIEW_ROUTER",e.PREVIEW_THEMING="PREVIEW_THEMING",e.RENDERER_HTML="RENDERER_HTML",e.RENDERER_PREACT="RENDERER_PREACT",e.RENDERER_REACT="RENDERER_REACT",e.RENDERER_SERVER="RENDERER_SERVER",e.RENDERER_SVELTE="RENDERER_SVELTE",e.RENDERER_VUE="RENDERER_VUE",e.RENDERER_VUE3="RENDERER_VUE3",e.RENDERER_WEB_COMPONENTS="RENDERER_WEB-COMPONENTS",e.FRAMEWORK_NEXTJS="FRAMEWORK_NEXTJS",e.ADDON_VITEST="ADDON_VITEST",e))(kf||{}),Ki=class extends ge{constructor(t){super({category:"PREVIEW_API",code:1,message:de` + Couldn't find story matching id '${t.storyId}' after HMR. + - Did you just rename a story? + - Did you remove it from your CSF file? + - Are you sure a story with the id '${t.storyId}' exists? + - Please check the values in the stories field of your main.js config and see if they would match your CSF File. + - Also check the browser console and terminal for potential error messages.`}),this.data=t}};ce(Ki,"MissingStoryAfterHmrError");var Yi=Ki,If=class extends ge{constructor(t){super({category:"PREVIEW_API",code:2,documentation:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-for-example-in-the-play-function",message:de` + We detected that you use an implicit action arg while ${t.phase} of your story. + ${t.deprecated?` +This is deprecated and won't work in Storybook 8 anymore. +`:""} + Please provide an explicit spy to your args like this: + import { fn } from '@storybook/test'; + ... + args: { + ${t.name}: fn() + }`}),this.data=t}};ce(If,"ImplicitActionsDuringRendering");var Xi=class extends ge{constructor(){super({category:"PREVIEW_API",code:3,message:de` + Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first. + + You probably meant to call \`await preview.extract()\` which does the above for you.`})}};ce(Xi,"CalledExtractOnStoreError");var Qi=Xi,Zi=class extends ge{constructor(){super({category:"PREVIEW_API",code:4,message:de` + Expected your framework's preset to export a \`renderToCanvas\` field. + + Perhaps it needs to be upgraded for Storybook 7.0?`,documentation:"https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field"})}};ce(Zi,"MissingRenderToCanvasError");var es=Zi,ts=class extends ge{constructor(t){super({category:"PREVIEW_API",code:5,message:de` + Called \`Preview.${t.methodName}()\` before initialization. + + The preview needs to load the story index before most methods can be called. If you want + to call \`${t.methodName}\`, try \`await preview.initializationPromise;\` first. + + If you didn't call the above code, then likely it was called by an addon that needs to + do the above.`}),this.data=t}};ce(ts,"CalledPreviewMethodBeforeInitializationError");var Ne=ts,rs=class extends ge{constructor(t){super({category:"PREVIEW_API",code:6,message:de` + Error fetching \`/index.json\`: + + ${t.text} + + If you are in development, this likely indicates a problem with your Storybook process, + check the terminal for errors. + + If you are in a deployed Storybook, there may have been an issue deploying the full Storybook + build.`}),this.data=t}};ce(rs,"StoryIndexFetchError");var ns=rs,os=class extends ge{constructor(t){super({category:"PREVIEW_API",code:7,message:de` + Tried to render docs entry ${t.storyId} but it is a MDX file that has no CSF + references, or autodocs for a CSF file that some doesn't refer to itself. + + This likely is an internal error in Storybook's indexing, or you've attached the + \`attached-mdx\` tag to an MDX file that is not attached.`}),this.data=t}};ce(os,"MdxFileWithNoCsfReferencesError");var as=os,is=class extends ge{constructor(){super({category:"PREVIEW_API",code:8,message:de` + Couldn't find any stories in your Storybook. + + - Please check your stories field of your main.js config: does it match correctly? + - Also check the browser console and terminal for error messages.`})}};ce(is,"EmptyIndexError");var ss=is,ls=class extends ge{constructor(t){super({category:"PREVIEW_API",code:9,message:de` + Couldn't find story matching '${t.storySpecifier}'. + + - Are you sure a story with that id exists? + - Please check your stories field of your main.js config. + - Also check the browser console and terminal for error messages.`}),this.data=t}};ce(ls,"NoStoryMatchError");var us=ls,cs=class extends ge{constructor(t){super({category:"PREVIEW_API",code:10,message:de` + Couldn't find story matching id '${t.storyId}' after importing a CSF file. + + The file was indexed as if the story was there, but then after importing the file in the browser + we didn't find the story. Possible reasons: + - You are using a custom story indexer that is misbehaving. + - You have a custom file loader that is removing or renaming exports. + + Please check your browser console and terminal for errors that may explain the issue.`}),this.data=t}};ce(cs,"MissingStoryFromCsfFileError");var ds=cs,ps=class extends ge{constructor(){super({category:"PREVIEW_API",code:11,message:de` + Cannot access the Story Store until the index is ready. + + It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will + remove access to the store entirely`})}};ce(ps,"StoryStoreAccessedBeforeInitializationError");var fs=ps,hs=class extends ge{constructor(t){super({category:"PREVIEW_API",code:12,message:de` + Incorrect use of mount in the play function. + + To use mount in the play function, you must satisfy the following two requirements: + + 1. You *must* destructure the mount property from the \`context\` (the argument passed to your play function). + This makes sure that Storybook does not start rendering the story before the play function begins. + + 2. Your Storybook framework or builder must be configured to transpile to ES2017 or newer. + This is because destructuring statements and async/await usages are otherwise transpiled away, + which prevents Storybook from recognizing your usage of \`mount\`. + + Note that Angular is not supported. As async/await is transpiled to support the zone.js polyfill. + + More info: https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-the-component-gets-rendered + + Received the following play function: + ${t.playFunction}`}),this.data=t}};ce(hs,"MountMustBeDestructuredError");var Jr=hs,ms=class extends ge{constructor(t){super({category:"PREVIEW_API",code:14,message:de` + No render function available for storyId '${t.id}' + `}),this.data=t}};ce(ms,"NoRenderFunctionError");var ys=ms,gs=class extends ge{constructor(){super({category:"PREVIEW_API",code:15,message:de` + No component is mounted in your story. + + This usually occurs when you destructure mount in the play function, but forget to call it. + + For example: + + async play({ mount, canvasElement }) { + // 👈 mount should be called: await mount(); + const canvas = within(canvasElement); + const button = await canvas.findByRole('button'); + await userEvent.click(button); + }; + + Make sure to either remove it or call mount in your play function. + `})}};ce(gs,"NoStoryMountedError");var bs=gs,Of=class extends ge{constructor(){super({category:"FRAMEWORK_NEXTJS",code:1,documentation:"https://storybook.js.org/docs/get-started/nextjs#faq",message:de` + You are importing avif images, but you don't have sharp installed. + + You have to install sharp in order to use image optimization features in Next.js. + `})}};ce(Of,"NextJsSharpError");var Df=class extends ge{constructor(t){super({category:"FRAMEWORK_NEXTJS",code:2,message:de` + Tried to access router mocks from "${t.importType}" but they were not created yet. You might be running code in an unsupported environment. + `}),this.data=t}};ce(Df,"NextjsRouterMocksNotAvailable");var Es=class extends ge{constructor(t){super({category:"DOCS-TOOLS",code:1,documentation:"https://github.com/storybookjs/storybook/issues/26606",message:de` + There was a failure when generating detailed ArgTypes in ${t.language} for: + ${JSON.stringify(t.type,null,2)} + + Storybook will fall back to use a generic type description instead. + + This type is either not supported or it is a bug in the docgen generation in Storybook. + If you think this is a bug, please detail it as much as possible in the Github issue. + `}),this.data=t}};ce(Es,"UnknownArgTypesError");var zr=Es,Rf=class extends ge{constructor(t){super({category:"ADDON_VITEST",code:1,message:de` + Encountered an unsupported value "${t.value}" when setting the viewport ${t.dimension} dimension. + + The Storybook plugin only supports values in the following units: + - px, vh, vw, em, rem and %. + + You can either change the viewport for this story to use one of the supported units or skip the test by adding '!test' to the story's tags per https://storybook.js.org/docs/writing-stories/tags + `}),this.data=t}};ce(Rf,"UnsupportedViewportDimensionError");V();J();z();var _f=Object.create,ws=Object.defineProperty,Pf=Object.getOwnPropertyDescriptor,Ff=Object.getOwnPropertyNames,Nf=Object.getPrototypeOf,Bf=Object.prototype.hasOwnProperty,jf=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Lf=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ff(t))!Bf.call(e,o)&&o!==r&&ws(e,o,{get:()=>t[o],enumerable:!(n=Pf(t,o))||n.enumerable});return e},Mf=(e,t,r)=>(r=e!=null?_f(Nf(e)):{},Lf(t||!e||!e.__esModule?ws(r,"default",{value:e,enumerable:!0}):r,e)),Uf=jf(e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.isEqual=function(){var t=Object.prototype.toString,r=Object.getPrototypeOf,n=Object.getOwnPropertySymbols?function(o){return Object.keys(o).concat(Object.getOwnPropertySymbols(o))}:Object.keys;return function(o,a){return function i(l,s,c){var d,p,h,f=t.call(l),b=t.call(s);if(l===s)return!0;if(l==null||s==null)return!1;if(c.indexOf(l)>-1&&c.indexOf(s)>-1)return!0;if(c.push(l,s),f!=b||(d=n(l),p=n(s),d.length!=p.length||d.some(function(g){return!i(l[g],s[g],c)})))return!1;switch(f.slice(8,-1)){case"Symbol":return l.valueOf()==s.valueOf();case"Date":case"Number":return+l==+s||+l!=+l&&+s!=+s;case"RegExp":case"Function":case"String":case"Boolean":return""+l==""+s;case"Set":case"Map":d=l.entries(),p=s.entries();do if(!i((h=d.next()).value,p.next().value,c))return!1;while(!h.done);return!0;case"ArrayBuffer":l=new Uint8Array(l),s=new Uint8Array(s);case"DataView":l=new Uint8Array(l.buffer),s=new Uint8Array(s.buffer);case"Float32Array":case"Float64Array":case"Int8Array":case"Int16Array":case"Int32Array":case"Uint8Array":case"Uint16Array":case"Uint32Array":case"Uint8ClampedArray":case"Arguments":case"Array":if(l.length!=s.length)return!1;for(h=0;h<l.length;h++)if((h in l||h in s)&&(h in l!=h in s||!i(l[h],s[h],c)))return!1;return!0;case"Object":return i(r(l),r(s),c);default:return!1}}(o,a,[])}}()});function $f(e){return e.replace(/_/g," ").replace(/-/g," ").replace(/\./g," ").replace(/([^\n])([A-Z])([a-z])/g,(t,r,n,o)=>`${r} ${n}${o}`).replace(/([a-z])([A-Z])/g,(t,r,n)=>`${r} ${n}`).replace(/([a-z])([0-9])/gi,(t,r,n)=>`${r} ${n}`).replace(/([0-9])([a-z])/gi,(t,r,n)=>`${r} ${n}`).replace(/(\s|^)(\w)/g,(t,r,n)=>`${r}${n.toUpperCase()}`).replace(/ +/g," ").trim()}var vs=Mf(Uf()),As=e=>e.map(t=>typeof t<"u").filter(Boolean).length,qf=(e,t)=>{let{exists:r,eq:n,neq:o,truthy:a}=e;if(As([r,n,o,a])>1)throw new Error(`Invalid conditional test ${JSON.stringify({exists:r,eq:n,neq:o})}`);if(typeof n<"u")return(0,vs.isEqual)(t,n);if(typeof o<"u")return!(0,vs.isEqual)(t,o);if(typeof r<"u"){let i=typeof t<"u";return r?i:!i}return typeof a>"u"||a?!!t:!t},Ts=(e,t,r)=>{if(!e.if)return!0;let{arg:n,global:o}=e.if;if(As([n,o])!==1)throw new Error(`Invalid conditional value ${JSON.stringify({arg:n,global:o})}`);let a=n?t[n]:r[o];return qf(e.if,a)},oo=e=>e.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,""),xs=(e,t)=>{let r=oo(e);if(r==="")throw new Error(`Invalid ${t} '${e}', must include alphanumeric characters`);return r},Cs=(e,t)=>`${xs(e,"kind")}${t?`--${xs(t,"name")}`:""}`,ks=e=>$f(e);function Ss(e,t){return Array.isArray(t)?t.includes(e):e.match(t)}function Hr(e,{includeStories:t,excludeStories:r}){return e!=="__esModule"&&(!t||Ss(e,t))&&(!r||!Ss(e,r))}var Is=(...e)=>{let t=e.reduce((r,n)=>(n.startsWith("!")?r.delete(n.slice(1)):r.add(n),r),new Set);return Array.from(t)};var Vf=Object.create,ko=Object.defineProperty,Jf=Object.getOwnPropertyDescriptor,zf=Object.getOwnPropertyNames,Hf=Object.getPrototypeOf,Gf=Object.prototype.hasOwnProperty,E=(e,t)=>ko(e,"name",{value:t,configurable:!0}),Gr=(e=>typeof Pe<"u"?Pe:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof Pe<"u"?Pe:t)[r]}):e)(function(e){if(typeof Pe<"u")return Pe.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),we=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Wf=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of zf(t))!Gf.call(e,o)&&o!==r&&ko(e,o,{get:()=>t[o],enumerable:!(n=Jf(t,o))||n.enumerable});return e},Ht=(e,t,r)=>(r=e!=null?Vf(Hf(e)):{},Wf(t||!e||!e.__esModule?ko(r,"default",{value:e,enumerable:!0}):r,e)),Js=we((e,t)=>{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"||typeof window<"u"?n=window:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){var r,n,o;return E(function a(i,l,s){function c(h,f){if(!l[h]){if(!i[h]){var b=typeof Gr=="function"&&Gr;if(!f&&b)return b(h,!0);if(d)return d(h,!0);var g=new Error("Cannot find module '"+h+"'");throw g.code="MODULE_NOT_FOUND",g}var x=l[h]={exports:{}};i[h][0].call(x.exports,function(S){var A=i[h][1][S];return c(A||S)},x,x.exports,a,i,l,s)}return l[h].exports}E(c,"s");for(var d=typeof Gr=="function"&&Gr,p=0;p<s.length;p++)c(s[p]);return c},"e")({1:[function(a,i,l){i.exports=function(s){if(typeof Map!="function"||s){var c=a("./similar");return new c}else return new Map}},{"./similar":2}],2:[function(a,i,l){function s(){return this.list=[],this.lastItem=void 0,this.size=0,this}E(s,"Similar"),s.prototype.get=function(c){var d;if(this.lastItem&&this.isEqual(this.lastItem.key,c))return this.lastItem.val;if(d=this.indexOf(c),d>=0)return this.lastItem=this.list[d],this.list[d].val},s.prototype.set=function(c,d){var p;return this.lastItem&&this.isEqual(this.lastItem.key,c)?(this.lastItem.val=d,this):(p=this.indexOf(c),p>=0?(this.lastItem=this.list[p],this.list[p].val=d,this):(this.lastItem={key:c,val:d},this.list.push(this.lastItem),this.size++,this))},s.prototype.delete=function(c){var d;if(this.lastItem&&this.isEqual(this.lastItem.key,c)&&(this.lastItem=void 0),d=this.indexOf(c),d>=0)return this.size--,this.list.splice(d,1)[0]},s.prototype.has=function(c){var d;return this.lastItem&&this.isEqual(this.lastItem.key,c)?!0:(d=this.indexOf(c),d>=0?(this.lastItem=this.list[d],!0):!1)},s.prototype.forEach=function(c,d){var p;for(p=0;p<this.size;p++)c.call(d||this,this.list[p].val,this.list[p].key,this)},s.prototype.indexOf=function(c){var d;for(d=0;d<this.size;d++)if(this.isEqual(this.list[d].key,c))return d;return-1},s.prototype.isEqual=function(c,d){return c===d||c!==c&&d!==d},i.exports=s},{}],3:[function(a,i,l){var s=a("map-or-similar");i.exports=function(h){var f=new s(!1),b=[];return function(g){var x=E(function(){var S=f,A,k,T=arguments.length-1,I=Array(T+1),D=!0,F;if((x.numArgs||x.numArgs===0)&&x.numArgs!==T+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(F=0;F<T;F++){if(I[F]={cacheItem:S,arg:arguments[F]},S.has(arguments[F])){S=S.get(arguments[F]);continue}D=!1,A=new s(!1),S.set(arguments[F],A),S=A}return D&&(S.has(arguments[T])?k=S.get(arguments[T]):D=!1),D||(k=g.apply(null,arguments),S.set(arguments[T],k)),h>0&&(I[T]={cacheItem:S,arg:arguments[T]},D?c(b,I):b.push(I),b.length>h&&d(b.shift())),x.wasMemoized=D,x.numArgs=T+1,k},"memoizerific");return x.limit=h,x.wasMemoized=!1,x.cache=f,x.lru=b,x}};function c(h,f){var b=h.length,g=f.length,x,S,A;for(S=0;S<b;S++){for(x=!0,A=0;A<g;A++)if(!p(h[S][A].arg,f[A].arg)){x=!1;break}if(x)break}h.push(h.splice(S,1)[0])}E(c,"moveToMostRecentLru");function d(h){var f=h.length,b=h[f-1],g,x;for(b.cacheItem.delete(b.arg),x=f-2;x>=0&&(b=h[x],g=b.cacheItem.get(b.arg),!g||!g.size);x--)b.cacheItem.delete(b.arg)}E(d,"removeCachedResult");function p(h,f){return h===f||h!==h&&f!==f}E(p,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})}),zs=we(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.encodeString=n;var t=Array.from({length:256},(o,a)=>"%"+((a<16?"0":"")+a.toString(16)).toUpperCase()),r=new Int8Array([0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,1,1,1,1,0,0,1,1,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,0]);function n(o){let a=o.length;if(a===0)return"";let i="",l=0,s=0;e:for(;s<a;s++){let c=o.charCodeAt(s);for(;c<128;){if(r[c]!==1&&(l<s&&(i+=o.slice(l,s)),l=s+1,i+=t[c]),++s===a)break e;c=o.charCodeAt(s)}if(l<s&&(i+=o.slice(l,s)),c<2048){l=s+1,i+=t[192|c>>6]+t[128|c&63];continue}if(c<55296||c>=57344){l=s+1,i+=t[224|c>>12]+t[128|c>>6&63]+t[128|c&63];continue}if(++s,s>=a)throw new Error("URI malformed");let d=o.charCodeAt(s)&1023;l=s+1,c=65536+((c&1023)<<10|d),i+=t[240|c>>18]+t[128|c>>12&63]+t[128|c>>6&63]+t[128|c&63]}return l===0?o:l<a?i+o.slice(l):i}E(n,"encodeString")}),Io=we(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.defaultOptions=e.defaultShouldSerializeObject=e.defaultValueSerializer=void 0;var t=zs(),r=E(a=>{switch(typeof a){case"string":return(0,t.encodeString)(a);case"bigint":case"boolean":return""+a;case"number":if(Number.isFinite(a))return a<1e21?""+a:(0,t.encodeString)(""+a);break}return a instanceof Date?(0,t.encodeString)(a.toISOString()):""},"defaultValueSerializer");e.defaultValueSerializer=r;var n=E(a=>a instanceof Date,"defaultShouldSerializeObject");e.defaultShouldSerializeObject=n;var o=E(a=>a,"identityFunc");e.defaultOptions={nesting:!0,nestingSyntax:"dot",arrayRepeat:!1,arrayRepeatSyntax:"repeat",delimiter:38,valueDeserializer:o,valueSerializer:e.defaultValueSerializer,keyDeserializer:o,shouldSerializeObject:e.defaultShouldSerializeObject}}),Hs=we(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getDeepObject=o,e.stringifyObject=d;var t=Io(),r=zs();function n(p){return p==="__proto__"||p==="constructor"||p==="prototype"}E(n,"isPrototypeKey");function o(p,h,f,b,g){if(n(h))return p;let x=p[h];return typeof x=="object"&&x!==null?x:!b&&(g||typeof f=="number"||typeof f=="string"&&f*0===0&&f.indexOf(".")===-1)?p[h]=[]:p[h]={}}E(o,"getDeepObject");var a=20,i="[]",l="[",s="]",c=".";function d(p,h,f=0,b,g){let{nestingSyntax:x=t.defaultOptions.nestingSyntax,arrayRepeat:S=t.defaultOptions.arrayRepeat,arrayRepeatSyntax:A=t.defaultOptions.arrayRepeatSyntax,nesting:k=t.defaultOptions.nesting,delimiter:T=t.defaultOptions.delimiter,valueSerializer:I=t.defaultOptions.valueSerializer,shouldSerializeObject:D=t.defaultOptions.shouldSerializeObject}=h,F=typeof T=="number"?String.fromCharCode(T):T,P=g===!0&&S,L=x==="dot"||x==="js"&&!g;if(f>a)return"";let j="",G=!0,$=!1;for(let H in p){let w=p[H],C;b?(C=b,P?A==="bracket"&&(C+=i):L?(C+=c,C+=H):(C+=l,C+=H,C+=s)):C=H,G||(j+=F),typeof w=="object"&&w!==null&&!D(w)?($=w.pop!==void 0,(k||S&&$)&&(j+=d(w,h,f+1,C,$))):(j+=(0,r.encodeString)(C),j+="=",j+=I(w,H)),G&&(G=!1)}return j}E(d,"stringifyObject")}),Kf=we((e,t)=>{"use strict";var r=12,n=0,o=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,4,4,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,5,6,7,7,7,7,7,7,7,7,7,7,7,7,8,7,7,10,9,9,9,11,4,4,4,4,4,4,4,4,4,4,4,0,0,0,0,0,0,0,0,0,0,0,0,12,0,0,0,0,24,36,48,60,72,84,96,0,12,12,12,0,0,0,0,0,0,0,0,0,0,0,24,0,0,0,0,0,0,0,0,0,24,24,24,0,0,0,0,0,0,0,0,0,24,24,0,0,0,0,0,0,0,0,0,0,48,48,48,0,0,0,0,0,0,0,0,0,0,48,48,0,0,0,0,0,0,0,0,0,48,0,0,0,0,0,0,0,0,0,0,127,63,63,63,0,31,15,15,15,7,7,7];function a(s){var c=s.indexOf("%");if(c===-1)return s;for(var d=s.length,p="",h=0,f=0,b=c,g=r;c>-1&&c<d;){var x=l(s[c+1],4),S=l(s[c+2],0),A=x|S,k=o[A];if(g=o[256+g+k],f=f<<6|A&o[364+k],g===r)p+=s.slice(h,b),p+=f<=65535?String.fromCharCode(f):String.fromCharCode(55232+(f>>10),56320+(f&1023)),f=0,h=c+3,c=b=s.indexOf("%",h);else{if(g===n)return null;if(c+=3,c<d&&s.charCodeAt(c)===37)continue;return null}}return p+s.slice(h)}E(a,"decodeURIComponent");var i={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,a:10,A:10,b:11,B:11,c:12,C:12,d:13,D:13,e:14,E:14,f:15,F:15};function l(s,c){var d=i[s];return d===void 0?255:d<<c}E(l,"hexCodeToInt"),t.exports=a}),Yf=we(e=>{"use strict";var t=e&&e.__importDefault||function(p){return p&&p.__esModule?p:{default:p}};Object.defineProperty(e,"__esModule",{value:!0}),e.numberValueDeserializer=e.numberKeyDeserializer=void 0,e.parse=d;var r=Hs(),n=Io(),o=t(Kf()),a=E(p=>{let h=Number(p);return Number.isNaN(h)?p:h},"numberKeyDeserializer");e.numberKeyDeserializer=a;var i=E(p=>{let h=Number(p);return Number.isNaN(h)?p:h},"numberValueDeserializer");e.numberValueDeserializer=i;var l=/\+/g,s=E(function(){},"Empty");s.prototype=Object.create(null);function c(p,h,f,b,g){let x=p.substring(h,f);return b&&(x=x.replace(l," ")),g&&(x=(0,o.default)(x)||x),x}E(c,"computeKeySlice");function d(p,h){let{valueDeserializer:f=n.defaultOptions.valueDeserializer,keyDeserializer:b=n.defaultOptions.keyDeserializer,arrayRepeatSyntax:g=n.defaultOptions.arrayRepeatSyntax,nesting:x=n.defaultOptions.nesting,arrayRepeat:S=n.defaultOptions.arrayRepeat,nestingSyntax:A=n.defaultOptions.nestingSyntax,delimiter:k=n.defaultOptions.delimiter}=h??{},T=typeof k=="string"?k.charCodeAt(0):k,I=A==="js",D=new s;if(typeof p!="string")return D;let F=p.length,P="",L=-1,j=-1,G=-1,$=D,H,w="",C="",_=!1,M=!1,U=!1,K=!1,re=!1,Z=!1,Y=!1,ee=0,ye=-1,le=-1,Ae=-1;for(let ne=0;ne<F+1;ne++){if(ee=ne!==F?p.charCodeAt(ne):T,ee===T){if(Y=j>L,Y||(j=ne),G!==j-1&&(C=c(p,G+1,ye>-1?ye:j,U,_),w=b(C),H!==void 0&&($=(0,r.getDeepObject)($,H,w,I&&re,I&&Z))),Y||w!==""){Y&&(P=p.slice(j+1,ne),K&&(P=P.replace(l," ")),M&&(P=(0,o.default)(P)||P));let qe=f(P,w);if(S){let Be=$[w];Be===void 0?ye>-1?$[w]=[qe]:$[w]=qe:Be.pop?Be.push(qe):$[w]=[Be,qe]}else $[w]=qe}P="",L=ne,j=ne,_=!1,M=!1,U=!1,K=!1,re=!1,Z=!1,ye=-1,G=ne,$=D,H=void 0,w=""}else ee===93?(S&&g==="bracket"&&Ae===91&&(ye=le),x&&(A==="index"||I)&&j<=L&&(G!==le&&(C=c(p,G+1,ne,U,_),w=b(C),H!==void 0&&($=(0,r.getDeepObject)($,H,w,void 0,I)),H=w,U=!1,_=!1),G=ne,Z=!0,re=!1)):ee===46?x&&(A==="dot"||I)&&j<=L&&(G!==le&&(C=c(p,G+1,ne,U,_),w=b(C),H!==void 0&&($=(0,r.getDeepObject)($,H,w,I)),H=w,U=!1,_=!1),re=!0,Z=!1,G=ne):ee===91?x&&(A==="index"||I)&&j<=L&&(G!==le&&(C=c(p,G+1,ne,U,_),w=b(C),I&&H!==void 0&&($=(0,r.getDeepObject)($,H,w,I)),H=w,U=!1,_=!1,re=!1,Z=!0),G=ne):ee===61?j<=L?j=ne:M=!0:ee===43?j>L?K=!0:U=!0:ee===37&&(j>L?M=!0:_=!0);le=ne,Ae=ee}return D}E(d,"parse")}),Xf=we(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.stringify=r;var t=Hs();function r(n,o){if(n===null||typeof n!="object")return"";let a=o??{};return(0,t.stringifyObject)(n,a)}E(r,"stringify")}),Oo=we(e=>{"use strict";var t=e&&e.__createBinding||(Object.create?function(a,i,l,s){s===void 0&&(s=l);var c=Object.getOwnPropertyDescriptor(i,l);(!c||("get"in c?!i.__esModule:c.writable||c.configurable))&&(c={enumerable:!0,get:E(function(){return i[l]},"get")}),Object.defineProperty(a,s,c)}:function(a,i,l,s){s===void 0&&(s=l),a[s]=i[l]}),r=e&&e.__exportStar||function(a,i){for(var l in a)l!=="default"&&!Object.prototype.hasOwnProperty.call(i,l)&&t(i,a,l)};Object.defineProperty(e,"__esModule",{value:!0}),e.stringify=e.parse=void 0;var n=Yf();Object.defineProperty(e,"parse",{enumerable:!0,get:E(function(){return n.parse},"get")});var o=Xf();Object.defineProperty(e,"stringify",{enumerable:!0,get:E(function(){return o.stringify},"get")}),r(Io(),e)}),Gs=we((e,t)=>{t.exports={Aacute:"\xC1",aacute:"\xE1",Abreve:"\u0102",abreve:"\u0103",ac:"\u223E",acd:"\u223F",acE:"\u223E\u0333",Acirc:"\xC2",acirc:"\xE2",acute:"\xB4",Acy:"\u0410",acy:"\u0430",AElig:"\xC6",aelig:"\xE6",af:"\u2061",Afr:"\u{1D504}",afr:"\u{1D51E}",Agrave:"\xC0",agrave:"\xE0",alefsym:"\u2135",aleph:"\u2135",Alpha:"\u0391",alpha:"\u03B1",Amacr:"\u0100",amacr:"\u0101",amalg:"\u2A3F",amp:"&",AMP:"&",andand:"\u2A55",And:"\u2A53",and:"\u2227",andd:"\u2A5C",andslope:"\u2A58",andv:"\u2A5A",ang:"\u2220",ange:"\u29A4",angle:"\u2220",angmsdaa:"\u29A8",angmsdab:"\u29A9",angmsdac:"\u29AA",angmsdad:"\u29AB",angmsdae:"\u29AC",angmsdaf:"\u29AD",angmsdag:"\u29AE",angmsdah:"\u29AF",angmsd:"\u2221",angrt:"\u221F",angrtvb:"\u22BE",angrtvbd:"\u299D",angsph:"\u2222",angst:"\xC5",angzarr:"\u237C",Aogon:"\u0104",aogon:"\u0105",Aopf:"\u{1D538}",aopf:"\u{1D552}",apacir:"\u2A6F",ap:"\u2248",apE:"\u2A70",ape:"\u224A",apid:"\u224B",apos:"'",ApplyFunction:"\u2061",approx:"\u2248",approxeq:"\u224A",Aring:"\xC5",aring:"\xE5",Ascr:"\u{1D49C}",ascr:"\u{1D4B6}",Assign:"\u2254",ast:"*",asymp:"\u2248",asympeq:"\u224D",Atilde:"\xC3",atilde:"\xE3",Auml:"\xC4",auml:"\xE4",awconint:"\u2233",awint:"\u2A11",backcong:"\u224C",backepsilon:"\u03F6",backprime:"\u2035",backsim:"\u223D",backsimeq:"\u22CD",Backslash:"\u2216",Barv:"\u2AE7",barvee:"\u22BD",barwed:"\u2305",Barwed:"\u2306",barwedge:"\u2305",bbrk:"\u23B5",bbrktbrk:"\u23B6",bcong:"\u224C",Bcy:"\u0411",bcy:"\u0431",bdquo:"\u201E",becaus:"\u2235",because:"\u2235",Because:"\u2235",bemptyv:"\u29B0",bepsi:"\u03F6",bernou:"\u212C",Bernoullis:"\u212C",Beta:"\u0392",beta:"\u03B2",beth:"\u2136",between:"\u226C",Bfr:"\u{1D505}",bfr:"\u{1D51F}",bigcap:"\u22C2",bigcirc:"\u25EF",bigcup:"\u22C3",bigodot:"\u2A00",bigoplus:"\u2A01",bigotimes:"\u2A02",bigsqcup:"\u2A06",bigstar:"\u2605",bigtriangledown:"\u25BD",bigtriangleup:"\u25B3",biguplus:"\u2A04",bigvee:"\u22C1",bigwedge:"\u22C0",bkarow:"\u290D",blacklozenge:"\u29EB",blacksquare:"\u25AA",blacktriangle:"\u25B4",blacktriangledown:"\u25BE",blacktriangleleft:"\u25C2",blacktriangleright:"\u25B8",blank:"\u2423",blk12:"\u2592",blk14:"\u2591",blk34:"\u2593",block:"\u2588",bne:"=\u20E5",bnequiv:"\u2261\u20E5",bNot:"\u2AED",bnot:"\u2310",Bopf:"\u{1D539}",bopf:"\u{1D553}",bot:"\u22A5",bottom:"\u22A5",bowtie:"\u22C8",boxbox:"\u29C9",boxdl:"\u2510",boxdL:"\u2555",boxDl:"\u2556",boxDL:"\u2557",boxdr:"\u250C",boxdR:"\u2552",boxDr:"\u2553",boxDR:"\u2554",boxh:"\u2500",boxH:"\u2550",boxhd:"\u252C",boxHd:"\u2564",boxhD:"\u2565",boxHD:"\u2566",boxhu:"\u2534",boxHu:"\u2567",boxhU:"\u2568",boxHU:"\u2569",boxminus:"\u229F",boxplus:"\u229E",boxtimes:"\u22A0",boxul:"\u2518",boxuL:"\u255B",boxUl:"\u255C",boxUL:"\u255D",boxur:"\u2514",boxuR:"\u2558",boxUr:"\u2559",boxUR:"\u255A",boxv:"\u2502",boxV:"\u2551",boxvh:"\u253C",boxvH:"\u256A",boxVh:"\u256B",boxVH:"\u256C",boxvl:"\u2524",boxvL:"\u2561",boxVl:"\u2562",boxVL:"\u2563",boxvr:"\u251C",boxvR:"\u255E",boxVr:"\u255F",boxVR:"\u2560",bprime:"\u2035",breve:"\u02D8",Breve:"\u02D8",brvbar:"\xA6",bscr:"\u{1D4B7}",Bscr:"\u212C",bsemi:"\u204F",bsim:"\u223D",bsime:"\u22CD",bsolb:"\u29C5",bsol:"\\",bsolhsub:"\u27C8",bull:"\u2022",bullet:"\u2022",bump:"\u224E",bumpE:"\u2AAE",bumpe:"\u224F",Bumpeq:"\u224E",bumpeq:"\u224F",Cacute:"\u0106",cacute:"\u0107",capand:"\u2A44",capbrcup:"\u2A49",capcap:"\u2A4B",cap:"\u2229",Cap:"\u22D2",capcup:"\u2A47",capdot:"\u2A40",CapitalDifferentialD:"\u2145",caps:"\u2229\uFE00",caret:"\u2041",caron:"\u02C7",Cayleys:"\u212D",ccaps:"\u2A4D",Ccaron:"\u010C",ccaron:"\u010D",Ccedil:"\xC7",ccedil:"\xE7",Ccirc:"\u0108",ccirc:"\u0109",Cconint:"\u2230",ccups:"\u2A4C",ccupssm:"\u2A50",Cdot:"\u010A",cdot:"\u010B",cedil:"\xB8",Cedilla:"\xB8",cemptyv:"\u29B2",cent:"\xA2",centerdot:"\xB7",CenterDot:"\xB7",cfr:"\u{1D520}",Cfr:"\u212D",CHcy:"\u0427",chcy:"\u0447",check:"\u2713",checkmark:"\u2713",Chi:"\u03A7",chi:"\u03C7",circ:"\u02C6",circeq:"\u2257",circlearrowleft:"\u21BA",circlearrowright:"\u21BB",circledast:"\u229B",circledcirc:"\u229A",circleddash:"\u229D",CircleDot:"\u2299",circledR:"\xAE",circledS:"\u24C8",CircleMinus:"\u2296",CirclePlus:"\u2295",CircleTimes:"\u2297",cir:"\u25CB",cirE:"\u29C3",cire:"\u2257",cirfnint:"\u2A10",cirmid:"\u2AEF",cirscir:"\u29C2",ClockwiseContourIntegral:"\u2232",CloseCurlyDoubleQuote:"\u201D",CloseCurlyQuote:"\u2019",clubs:"\u2663",clubsuit:"\u2663",colon:":",Colon:"\u2237",Colone:"\u2A74",colone:"\u2254",coloneq:"\u2254",comma:",",commat:"@",comp:"\u2201",compfn:"\u2218",complement:"\u2201",complexes:"\u2102",cong:"\u2245",congdot:"\u2A6D",Congruent:"\u2261",conint:"\u222E",Conint:"\u222F",ContourIntegral:"\u222E",copf:"\u{1D554}",Copf:"\u2102",coprod:"\u2210",Coproduct:"\u2210",copy:"\xA9",COPY:"\xA9",copysr:"\u2117",CounterClockwiseContourIntegral:"\u2233",crarr:"\u21B5",cross:"\u2717",Cross:"\u2A2F",Cscr:"\u{1D49E}",cscr:"\u{1D4B8}",csub:"\u2ACF",csube:"\u2AD1",csup:"\u2AD0",csupe:"\u2AD2",ctdot:"\u22EF",cudarrl:"\u2938",cudarrr:"\u2935",cuepr:"\u22DE",cuesc:"\u22DF",cularr:"\u21B6",cularrp:"\u293D",cupbrcap:"\u2A48",cupcap:"\u2A46",CupCap:"\u224D",cup:"\u222A",Cup:"\u22D3",cupcup:"\u2A4A",cupdot:"\u228D",cupor:"\u2A45",cups:"\u222A\uFE00",curarr:"\u21B7",curarrm:"\u293C",curlyeqprec:"\u22DE",curlyeqsucc:"\u22DF",curlyvee:"\u22CE",curlywedge:"\u22CF",curren:"\xA4",curvearrowleft:"\u21B6",curvearrowright:"\u21B7",cuvee:"\u22CE",cuwed:"\u22CF",cwconint:"\u2232",cwint:"\u2231",cylcty:"\u232D",dagger:"\u2020",Dagger:"\u2021",daleth:"\u2138",darr:"\u2193",Darr:"\u21A1",dArr:"\u21D3",dash:"\u2010",Dashv:"\u2AE4",dashv:"\u22A3",dbkarow:"\u290F",dblac:"\u02DD",Dcaron:"\u010E",dcaron:"\u010F",Dcy:"\u0414",dcy:"\u0434",ddagger:"\u2021",ddarr:"\u21CA",DD:"\u2145",dd:"\u2146",DDotrahd:"\u2911",ddotseq:"\u2A77",deg:"\xB0",Del:"\u2207",Delta:"\u0394",delta:"\u03B4",demptyv:"\u29B1",dfisht:"\u297F",Dfr:"\u{1D507}",dfr:"\u{1D521}",dHar:"\u2965",dharl:"\u21C3",dharr:"\u21C2",DiacriticalAcute:"\xB4",DiacriticalDot:"\u02D9",DiacriticalDoubleAcute:"\u02DD",DiacriticalGrave:"`",DiacriticalTilde:"\u02DC",diam:"\u22C4",diamond:"\u22C4",Diamond:"\u22C4",diamondsuit:"\u2666",diams:"\u2666",die:"\xA8",DifferentialD:"\u2146",digamma:"\u03DD",disin:"\u22F2",div:"\xF7",divide:"\xF7",divideontimes:"\u22C7",divonx:"\u22C7",DJcy:"\u0402",djcy:"\u0452",dlcorn:"\u231E",dlcrop:"\u230D",dollar:"$",Dopf:"\u{1D53B}",dopf:"\u{1D555}",Dot:"\xA8",dot:"\u02D9",DotDot:"\u20DC",doteq:"\u2250",doteqdot:"\u2251",DotEqual:"\u2250",dotminus:"\u2238",dotplus:"\u2214",dotsquare:"\u22A1",doublebarwedge:"\u2306",DoubleContourIntegral:"\u222F",DoubleDot:"\xA8",DoubleDownArrow:"\u21D3",DoubleLeftArrow:"\u21D0",DoubleLeftRightArrow:"\u21D4",DoubleLeftTee:"\u2AE4",DoubleLongLeftArrow:"\u27F8",DoubleLongLeftRightArrow:"\u27FA",DoubleLongRightArrow:"\u27F9",DoubleRightArrow:"\u21D2",DoubleRightTee:"\u22A8",DoubleUpArrow:"\u21D1",DoubleUpDownArrow:"\u21D5",DoubleVerticalBar:"\u2225",DownArrowBar:"\u2913",downarrow:"\u2193",DownArrow:"\u2193",Downarrow:"\u21D3",DownArrowUpArrow:"\u21F5",DownBreve:"\u0311",downdownarrows:"\u21CA",downharpoonleft:"\u21C3",downharpoonright:"\u21C2",DownLeftRightVector:"\u2950",DownLeftTeeVector:"\u295E",DownLeftVectorBar:"\u2956",DownLeftVector:"\u21BD",DownRightTeeVector:"\u295F",DownRightVectorBar:"\u2957",DownRightVector:"\u21C1",DownTeeArrow:"\u21A7",DownTee:"\u22A4",drbkarow:"\u2910",drcorn:"\u231F",drcrop:"\u230C",Dscr:"\u{1D49F}",dscr:"\u{1D4B9}",DScy:"\u0405",dscy:"\u0455",dsol:"\u29F6",Dstrok:"\u0110",dstrok:"\u0111",dtdot:"\u22F1",dtri:"\u25BF",dtrif:"\u25BE",duarr:"\u21F5",duhar:"\u296F",dwangle:"\u29A6",DZcy:"\u040F",dzcy:"\u045F",dzigrarr:"\u27FF",Eacute:"\xC9",eacute:"\xE9",easter:"\u2A6E",Ecaron:"\u011A",ecaron:"\u011B",Ecirc:"\xCA",ecirc:"\xEA",ecir:"\u2256",ecolon:"\u2255",Ecy:"\u042D",ecy:"\u044D",eDDot:"\u2A77",Edot:"\u0116",edot:"\u0117",eDot:"\u2251",ee:"\u2147",efDot:"\u2252",Efr:"\u{1D508}",efr:"\u{1D522}",eg:"\u2A9A",Egrave:"\xC8",egrave:"\xE8",egs:"\u2A96",egsdot:"\u2A98",el:"\u2A99",Element:"\u2208",elinters:"\u23E7",ell:"\u2113",els:"\u2A95",elsdot:"\u2A97",Emacr:"\u0112",emacr:"\u0113",empty:"\u2205",emptyset:"\u2205",EmptySmallSquare:"\u25FB",emptyv:"\u2205",EmptyVerySmallSquare:"\u25AB",emsp13:"\u2004",emsp14:"\u2005",emsp:"\u2003",ENG:"\u014A",eng:"\u014B",ensp:"\u2002",Eogon:"\u0118",eogon:"\u0119",Eopf:"\u{1D53C}",eopf:"\u{1D556}",epar:"\u22D5",eparsl:"\u29E3",eplus:"\u2A71",epsi:"\u03B5",Epsilon:"\u0395",epsilon:"\u03B5",epsiv:"\u03F5",eqcirc:"\u2256",eqcolon:"\u2255",eqsim:"\u2242",eqslantgtr:"\u2A96",eqslantless:"\u2A95",Equal:"\u2A75",equals:"=",EqualTilde:"\u2242",equest:"\u225F",Equilibrium:"\u21CC",equiv:"\u2261",equivDD:"\u2A78",eqvparsl:"\u29E5",erarr:"\u2971",erDot:"\u2253",escr:"\u212F",Escr:"\u2130",esdot:"\u2250",Esim:"\u2A73",esim:"\u2242",Eta:"\u0397",eta:"\u03B7",ETH:"\xD0",eth:"\xF0",Euml:"\xCB",euml:"\xEB",euro:"\u20AC",excl:"!",exist:"\u2203",Exists:"\u2203",expectation:"\u2130",exponentiale:"\u2147",ExponentialE:"\u2147",fallingdotseq:"\u2252",Fcy:"\u0424",fcy:"\u0444",female:"\u2640",ffilig:"\uFB03",fflig:"\uFB00",ffllig:"\uFB04",Ffr:"\u{1D509}",ffr:"\u{1D523}",filig:"\uFB01",FilledSmallSquare:"\u25FC",FilledVerySmallSquare:"\u25AA",fjlig:"fj",flat:"\u266D",fllig:"\uFB02",fltns:"\u25B1",fnof:"\u0192",Fopf:"\u{1D53D}",fopf:"\u{1D557}",forall:"\u2200",ForAll:"\u2200",fork:"\u22D4",forkv:"\u2AD9",Fouriertrf:"\u2131",fpartint:"\u2A0D",frac12:"\xBD",frac13:"\u2153",frac14:"\xBC",frac15:"\u2155",frac16:"\u2159",frac18:"\u215B",frac23:"\u2154",frac25:"\u2156",frac34:"\xBE",frac35:"\u2157",frac38:"\u215C",frac45:"\u2158",frac56:"\u215A",frac58:"\u215D",frac78:"\u215E",frasl:"\u2044",frown:"\u2322",fscr:"\u{1D4BB}",Fscr:"\u2131",gacute:"\u01F5",Gamma:"\u0393",gamma:"\u03B3",Gammad:"\u03DC",gammad:"\u03DD",gap:"\u2A86",Gbreve:"\u011E",gbreve:"\u011F",Gcedil:"\u0122",Gcirc:"\u011C",gcirc:"\u011D",Gcy:"\u0413",gcy:"\u0433",Gdot:"\u0120",gdot:"\u0121",ge:"\u2265",gE:"\u2267",gEl:"\u2A8C",gel:"\u22DB",geq:"\u2265",geqq:"\u2267",geqslant:"\u2A7E",gescc:"\u2AA9",ges:"\u2A7E",gesdot:"\u2A80",gesdoto:"\u2A82",gesdotol:"\u2A84",gesl:"\u22DB\uFE00",gesles:"\u2A94",Gfr:"\u{1D50A}",gfr:"\u{1D524}",gg:"\u226B",Gg:"\u22D9",ggg:"\u22D9",gimel:"\u2137",GJcy:"\u0403",gjcy:"\u0453",gla:"\u2AA5",gl:"\u2277",glE:"\u2A92",glj:"\u2AA4",gnap:"\u2A8A",gnapprox:"\u2A8A",gne:"\u2A88",gnE:"\u2269",gneq:"\u2A88",gneqq:"\u2269",gnsim:"\u22E7",Gopf:"\u{1D53E}",gopf:"\u{1D558}",grave:"`",GreaterEqual:"\u2265",GreaterEqualLess:"\u22DB",GreaterFullEqual:"\u2267",GreaterGreater:"\u2AA2",GreaterLess:"\u2277",GreaterSlantEqual:"\u2A7E",GreaterTilde:"\u2273",Gscr:"\u{1D4A2}",gscr:"\u210A",gsim:"\u2273",gsime:"\u2A8E",gsiml:"\u2A90",gtcc:"\u2AA7",gtcir:"\u2A7A",gt:">",GT:">",Gt:"\u226B",gtdot:"\u22D7",gtlPar:"\u2995",gtquest:"\u2A7C",gtrapprox:"\u2A86",gtrarr:"\u2978",gtrdot:"\u22D7",gtreqless:"\u22DB",gtreqqless:"\u2A8C",gtrless:"\u2277",gtrsim:"\u2273",gvertneqq:"\u2269\uFE00",gvnE:"\u2269\uFE00",Hacek:"\u02C7",hairsp:"\u200A",half:"\xBD",hamilt:"\u210B",HARDcy:"\u042A",hardcy:"\u044A",harrcir:"\u2948",harr:"\u2194",hArr:"\u21D4",harrw:"\u21AD",Hat:"^",hbar:"\u210F",Hcirc:"\u0124",hcirc:"\u0125",hearts:"\u2665",heartsuit:"\u2665",hellip:"\u2026",hercon:"\u22B9",hfr:"\u{1D525}",Hfr:"\u210C",HilbertSpace:"\u210B",hksearow:"\u2925",hkswarow:"\u2926",hoarr:"\u21FF",homtht:"\u223B",hookleftarrow:"\u21A9",hookrightarrow:"\u21AA",hopf:"\u{1D559}",Hopf:"\u210D",horbar:"\u2015",HorizontalLine:"\u2500",hscr:"\u{1D4BD}",Hscr:"\u210B",hslash:"\u210F",Hstrok:"\u0126",hstrok:"\u0127",HumpDownHump:"\u224E",HumpEqual:"\u224F",hybull:"\u2043",hyphen:"\u2010",Iacute:"\xCD",iacute:"\xED",ic:"\u2063",Icirc:"\xCE",icirc:"\xEE",Icy:"\u0418",icy:"\u0438",Idot:"\u0130",IEcy:"\u0415",iecy:"\u0435",iexcl:"\xA1",iff:"\u21D4",ifr:"\u{1D526}",Ifr:"\u2111",Igrave:"\xCC",igrave:"\xEC",ii:"\u2148",iiiint:"\u2A0C",iiint:"\u222D",iinfin:"\u29DC",iiota:"\u2129",IJlig:"\u0132",ijlig:"\u0133",Imacr:"\u012A",imacr:"\u012B",image:"\u2111",ImaginaryI:"\u2148",imagline:"\u2110",imagpart:"\u2111",imath:"\u0131",Im:"\u2111",imof:"\u22B7",imped:"\u01B5",Implies:"\u21D2",incare:"\u2105",in:"\u2208",infin:"\u221E",infintie:"\u29DD",inodot:"\u0131",intcal:"\u22BA",int:"\u222B",Int:"\u222C",integers:"\u2124",Integral:"\u222B",intercal:"\u22BA",Intersection:"\u22C2",intlarhk:"\u2A17",intprod:"\u2A3C",InvisibleComma:"\u2063",InvisibleTimes:"\u2062",IOcy:"\u0401",iocy:"\u0451",Iogon:"\u012E",iogon:"\u012F",Iopf:"\u{1D540}",iopf:"\u{1D55A}",Iota:"\u0399",iota:"\u03B9",iprod:"\u2A3C",iquest:"\xBF",iscr:"\u{1D4BE}",Iscr:"\u2110",isin:"\u2208",isindot:"\u22F5",isinE:"\u22F9",isins:"\u22F4",isinsv:"\u22F3",isinv:"\u2208",it:"\u2062",Itilde:"\u0128",itilde:"\u0129",Iukcy:"\u0406",iukcy:"\u0456",Iuml:"\xCF",iuml:"\xEF",Jcirc:"\u0134",jcirc:"\u0135",Jcy:"\u0419",jcy:"\u0439",Jfr:"\u{1D50D}",jfr:"\u{1D527}",jmath:"\u0237",Jopf:"\u{1D541}",jopf:"\u{1D55B}",Jscr:"\u{1D4A5}",jscr:"\u{1D4BF}",Jsercy:"\u0408",jsercy:"\u0458",Jukcy:"\u0404",jukcy:"\u0454",Kappa:"\u039A",kappa:"\u03BA",kappav:"\u03F0",Kcedil:"\u0136",kcedil:"\u0137",Kcy:"\u041A",kcy:"\u043A",Kfr:"\u{1D50E}",kfr:"\u{1D528}",kgreen:"\u0138",KHcy:"\u0425",khcy:"\u0445",KJcy:"\u040C",kjcy:"\u045C",Kopf:"\u{1D542}",kopf:"\u{1D55C}",Kscr:"\u{1D4A6}",kscr:"\u{1D4C0}",lAarr:"\u21DA",Lacute:"\u0139",lacute:"\u013A",laemptyv:"\u29B4",lagran:"\u2112",Lambda:"\u039B",lambda:"\u03BB",lang:"\u27E8",Lang:"\u27EA",langd:"\u2991",langle:"\u27E8",lap:"\u2A85",Laplacetrf:"\u2112",laquo:"\xAB",larrb:"\u21E4",larrbfs:"\u291F",larr:"\u2190",Larr:"\u219E",lArr:"\u21D0",larrfs:"\u291D",larrhk:"\u21A9",larrlp:"\u21AB",larrpl:"\u2939",larrsim:"\u2973",larrtl:"\u21A2",latail:"\u2919",lAtail:"\u291B",lat:"\u2AAB",late:"\u2AAD",lates:"\u2AAD\uFE00",lbarr:"\u290C",lBarr:"\u290E",lbbrk:"\u2772",lbrace:"{",lbrack:"[",lbrke:"\u298B",lbrksld:"\u298F",lbrkslu:"\u298D",Lcaron:"\u013D",lcaron:"\u013E",Lcedil:"\u013B",lcedil:"\u013C",lceil:"\u2308",lcub:"{",Lcy:"\u041B",lcy:"\u043B",ldca:"\u2936",ldquo:"\u201C",ldquor:"\u201E",ldrdhar:"\u2967",ldrushar:"\u294B",ldsh:"\u21B2",le:"\u2264",lE:"\u2266",LeftAngleBracket:"\u27E8",LeftArrowBar:"\u21E4",leftarrow:"\u2190",LeftArrow:"\u2190",Leftarrow:"\u21D0",LeftArrowRightArrow:"\u21C6",leftarrowtail:"\u21A2",LeftCeiling:"\u2308",LeftDoubleBracket:"\u27E6",LeftDownTeeVector:"\u2961",LeftDownVectorBar:"\u2959",LeftDownVector:"\u21C3",LeftFloor:"\u230A",leftharpoondown:"\u21BD",leftharpoonup:"\u21BC",leftleftarrows:"\u21C7",leftrightarrow:"\u2194",LeftRightArrow:"\u2194",Leftrightarrow:"\u21D4",leftrightarrows:"\u21C6",leftrightharpoons:"\u21CB",leftrightsquigarrow:"\u21AD",LeftRightVector:"\u294E",LeftTeeArrow:"\u21A4",LeftTee:"\u22A3",LeftTeeVector:"\u295A",leftthreetimes:"\u22CB",LeftTriangleBar:"\u29CF",LeftTriangle:"\u22B2",LeftTriangleEqual:"\u22B4",LeftUpDownVector:"\u2951",LeftUpTeeVector:"\u2960",LeftUpVectorBar:"\u2958",LeftUpVector:"\u21BF",LeftVectorBar:"\u2952",LeftVector:"\u21BC",lEg:"\u2A8B",leg:"\u22DA",leq:"\u2264",leqq:"\u2266",leqslant:"\u2A7D",lescc:"\u2AA8",les:"\u2A7D",lesdot:"\u2A7F",lesdoto:"\u2A81",lesdotor:"\u2A83",lesg:"\u22DA\uFE00",lesges:"\u2A93",lessapprox:"\u2A85",lessdot:"\u22D6",lesseqgtr:"\u22DA",lesseqqgtr:"\u2A8B",LessEqualGreater:"\u22DA",LessFullEqual:"\u2266",LessGreater:"\u2276",lessgtr:"\u2276",LessLess:"\u2AA1",lesssim:"\u2272",LessSlantEqual:"\u2A7D",LessTilde:"\u2272",lfisht:"\u297C",lfloor:"\u230A",Lfr:"\u{1D50F}",lfr:"\u{1D529}",lg:"\u2276",lgE:"\u2A91",lHar:"\u2962",lhard:"\u21BD",lharu:"\u21BC",lharul:"\u296A",lhblk:"\u2584",LJcy:"\u0409",ljcy:"\u0459",llarr:"\u21C7",ll:"\u226A",Ll:"\u22D8",llcorner:"\u231E",Lleftarrow:"\u21DA",llhard:"\u296B",lltri:"\u25FA",Lmidot:"\u013F",lmidot:"\u0140",lmoustache:"\u23B0",lmoust:"\u23B0",lnap:"\u2A89",lnapprox:"\u2A89",lne:"\u2A87",lnE:"\u2268",lneq:"\u2A87",lneqq:"\u2268",lnsim:"\u22E6",loang:"\u27EC",loarr:"\u21FD",lobrk:"\u27E6",longleftarrow:"\u27F5",LongLeftArrow:"\u27F5",Longleftarrow:"\u27F8",longleftrightarrow:"\u27F7",LongLeftRightArrow:"\u27F7",Longleftrightarrow:"\u27FA",longmapsto:"\u27FC",longrightarrow:"\u27F6",LongRightArrow:"\u27F6",Longrightarrow:"\u27F9",looparrowleft:"\u21AB",looparrowright:"\u21AC",lopar:"\u2985",Lopf:"\u{1D543}",lopf:"\u{1D55D}",loplus:"\u2A2D",lotimes:"\u2A34",lowast:"\u2217",lowbar:"_",LowerLeftArrow:"\u2199",LowerRightArrow:"\u2198",loz:"\u25CA",lozenge:"\u25CA",lozf:"\u29EB",lpar:"(",lparlt:"\u2993",lrarr:"\u21C6",lrcorner:"\u231F",lrhar:"\u21CB",lrhard:"\u296D",lrm:"\u200E",lrtri:"\u22BF",lsaquo:"\u2039",lscr:"\u{1D4C1}",Lscr:"\u2112",lsh:"\u21B0",Lsh:"\u21B0",lsim:"\u2272",lsime:"\u2A8D",lsimg:"\u2A8F",lsqb:"[",lsquo:"\u2018",lsquor:"\u201A",Lstrok:"\u0141",lstrok:"\u0142",ltcc:"\u2AA6",ltcir:"\u2A79",lt:"<",LT:"<",Lt:"\u226A",ltdot:"\u22D6",lthree:"\u22CB",ltimes:"\u22C9",ltlarr:"\u2976",ltquest:"\u2A7B",ltri:"\u25C3",ltrie:"\u22B4",ltrif:"\u25C2",ltrPar:"\u2996",lurdshar:"\u294A",luruhar:"\u2966",lvertneqq:"\u2268\uFE00",lvnE:"\u2268\uFE00",macr:"\xAF",male:"\u2642",malt:"\u2720",maltese:"\u2720",Map:"\u2905",map:"\u21A6",mapsto:"\u21A6",mapstodown:"\u21A7",mapstoleft:"\u21A4",mapstoup:"\u21A5",marker:"\u25AE",mcomma:"\u2A29",Mcy:"\u041C",mcy:"\u043C",mdash:"\u2014",mDDot:"\u223A",measuredangle:"\u2221",MediumSpace:"\u205F",Mellintrf:"\u2133",Mfr:"\u{1D510}",mfr:"\u{1D52A}",mho:"\u2127",micro:"\xB5",midast:"*",midcir:"\u2AF0",mid:"\u2223",middot:"\xB7",minusb:"\u229F",minus:"\u2212",minusd:"\u2238",minusdu:"\u2A2A",MinusPlus:"\u2213",mlcp:"\u2ADB",mldr:"\u2026",mnplus:"\u2213",models:"\u22A7",Mopf:"\u{1D544}",mopf:"\u{1D55E}",mp:"\u2213",mscr:"\u{1D4C2}",Mscr:"\u2133",mstpos:"\u223E",Mu:"\u039C",mu:"\u03BC",multimap:"\u22B8",mumap:"\u22B8",nabla:"\u2207",Nacute:"\u0143",nacute:"\u0144",nang:"\u2220\u20D2",nap:"\u2249",napE:"\u2A70\u0338",napid:"\u224B\u0338",napos:"\u0149",napprox:"\u2249",natural:"\u266E",naturals:"\u2115",natur:"\u266E",nbsp:"\xA0",nbump:"\u224E\u0338",nbumpe:"\u224F\u0338",ncap:"\u2A43",Ncaron:"\u0147",ncaron:"\u0148",Ncedil:"\u0145",ncedil:"\u0146",ncong:"\u2247",ncongdot:"\u2A6D\u0338",ncup:"\u2A42",Ncy:"\u041D",ncy:"\u043D",ndash:"\u2013",nearhk:"\u2924",nearr:"\u2197",neArr:"\u21D7",nearrow:"\u2197",ne:"\u2260",nedot:"\u2250\u0338",NegativeMediumSpace:"\u200B",NegativeThickSpace:"\u200B",NegativeThinSpace:"\u200B",NegativeVeryThinSpace:"\u200B",nequiv:"\u2262",nesear:"\u2928",nesim:"\u2242\u0338",NestedGreaterGreater:"\u226B",NestedLessLess:"\u226A",NewLine:` +`,nexist:"\u2204",nexists:"\u2204",Nfr:"\u{1D511}",nfr:"\u{1D52B}",ngE:"\u2267\u0338",nge:"\u2271",ngeq:"\u2271",ngeqq:"\u2267\u0338",ngeqslant:"\u2A7E\u0338",nges:"\u2A7E\u0338",nGg:"\u22D9\u0338",ngsim:"\u2275",nGt:"\u226B\u20D2",ngt:"\u226F",ngtr:"\u226F",nGtv:"\u226B\u0338",nharr:"\u21AE",nhArr:"\u21CE",nhpar:"\u2AF2",ni:"\u220B",nis:"\u22FC",nisd:"\u22FA",niv:"\u220B",NJcy:"\u040A",njcy:"\u045A",nlarr:"\u219A",nlArr:"\u21CD",nldr:"\u2025",nlE:"\u2266\u0338",nle:"\u2270",nleftarrow:"\u219A",nLeftarrow:"\u21CD",nleftrightarrow:"\u21AE",nLeftrightarrow:"\u21CE",nleq:"\u2270",nleqq:"\u2266\u0338",nleqslant:"\u2A7D\u0338",nles:"\u2A7D\u0338",nless:"\u226E",nLl:"\u22D8\u0338",nlsim:"\u2274",nLt:"\u226A\u20D2",nlt:"\u226E",nltri:"\u22EA",nltrie:"\u22EC",nLtv:"\u226A\u0338",nmid:"\u2224",NoBreak:"\u2060",NonBreakingSpace:"\xA0",nopf:"\u{1D55F}",Nopf:"\u2115",Not:"\u2AEC",not:"\xAC",NotCongruent:"\u2262",NotCupCap:"\u226D",NotDoubleVerticalBar:"\u2226",NotElement:"\u2209",NotEqual:"\u2260",NotEqualTilde:"\u2242\u0338",NotExists:"\u2204",NotGreater:"\u226F",NotGreaterEqual:"\u2271",NotGreaterFullEqual:"\u2267\u0338",NotGreaterGreater:"\u226B\u0338",NotGreaterLess:"\u2279",NotGreaterSlantEqual:"\u2A7E\u0338",NotGreaterTilde:"\u2275",NotHumpDownHump:"\u224E\u0338",NotHumpEqual:"\u224F\u0338",notin:"\u2209",notindot:"\u22F5\u0338",notinE:"\u22F9\u0338",notinva:"\u2209",notinvb:"\u22F7",notinvc:"\u22F6",NotLeftTriangleBar:"\u29CF\u0338",NotLeftTriangle:"\u22EA",NotLeftTriangleEqual:"\u22EC",NotLess:"\u226E",NotLessEqual:"\u2270",NotLessGreater:"\u2278",NotLessLess:"\u226A\u0338",NotLessSlantEqual:"\u2A7D\u0338",NotLessTilde:"\u2274",NotNestedGreaterGreater:"\u2AA2\u0338",NotNestedLessLess:"\u2AA1\u0338",notni:"\u220C",notniva:"\u220C",notnivb:"\u22FE",notnivc:"\u22FD",NotPrecedes:"\u2280",NotPrecedesEqual:"\u2AAF\u0338",NotPrecedesSlantEqual:"\u22E0",NotReverseElement:"\u220C",NotRightTriangleBar:"\u29D0\u0338",NotRightTriangle:"\u22EB",NotRightTriangleEqual:"\u22ED",NotSquareSubset:"\u228F\u0338",NotSquareSubsetEqual:"\u22E2",NotSquareSuperset:"\u2290\u0338",NotSquareSupersetEqual:"\u22E3",NotSubset:"\u2282\u20D2",NotSubsetEqual:"\u2288",NotSucceeds:"\u2281",NotSucceedsEqual:"\u2AB0\u0338",NotSucceedsSlantEqual:"\u22E1",NotSucceedsTilde:"\u227F\u0338",NotSuperset:"\u2283\u20D2",NotSupersetEqual:"\u2289",NotTilde:"\u2241",NotTildeEqual:"\u2244",NotTildeFullEqual:"\u2247",NotTildeTilde:"\u2249",NotVerticalBar:"\u2224",nparallel:"\u2226",npar:"\u2226",nparsl:"\u2AFD\u20E5",npart:"\u2202\u0338",npolint:"\u2A14",npr:"\u2280",nprcue:"\u22E0",nprec:"\u2280",npreceq:"\u2AAF\u0338",npre:"\u2AAF\u0338",nrarrc:"\u2933\u0338",nrarr:"\u219B",nrArr:"\u21CF",nrarrw:"\u219D\u0338",nrightarrow:"\u219B",nRightarrow:"\u21CF",nrtri:"\u22EB",nrtrie:"\u22ED",nsc:"\u2281",nsccue:"\u22E1",nsce:"\u2AB0\u0338",Nscr:"\u{1D4A9}",nscr:"\u{1D4C3}",nshortmid:"\u2224",nshortparallel:"\u2226",nsim:"\u2241",nsime:"\u2244",nsimeq:"\u2244",nsmid:"\u2224",nspar:"\u2226",nsqsube:"\u22E2",nsqsupe:"\u22E3",nsub:"\u2284",nsubE:"\u2AC5\u0338",nsube:"\u2288",nsubset:"\u2282\u20D2",nsubseteq:"\u2288",nsubseteqq:"\u2AC5\u0338",nsucc:"\u2281",nsucceq:"\u2AB0\u0338",nsup:"\u2285",nsupE:"\u2AC6\u0338",nsupe:"\u2289",nsupset:"\u2283\u20D2",nsupseteq:"\u2289",nsupseteqq:"\u2AC6\u0338",ntgl:"\u2279",Ntilde:"\xD1",ntilde:"\xF1",ntlg:"\u2278",ntriangleleft:"\u22EA",ntrianglelefteq:"\u22EC",ntriangleright:"\u22EB",ntrianglerighteq:"\u22ED",Nu:"\u039D",nu:"\u03BD",num:"#",numero:"\u2116",numsp:"\u2007",nvap:"\u224D\u20D2",nvdash:"\u22AC",nvDash:"\u22AD",nVdash:"\u22AE",nVDash:"\u22AF",nvge:"\u2265\u20D2",nvgt:">\u20D2",nvHarr:"\u2904",nvinfin:"\u29DE",nvlArr:"\u2902",nvle:"\u2264\u20D2",nvlt:"<\u20D2",nvltrie:"\u22B4\u20D2",nvrArr:"\u2903",nvrtrie:"\u22B5\u20D2",nvsim:"\u223C\u20D2",nwarhk:"\u2923",nwarr:"\u2196",nwArr:"\u21D6",nwarrow:"\u2196",nwnear:"\u2927",Oacute:"\xD3",oacute:"\xF3",oast:"\u229B",Ocirc:"\xD4",ocirc:"\xF4",ocir:"\u229A",Ocy:"\u041E",ocy:"\u043E",odash:"\u229D",Odblac:"\u0150",odblac:"\u0151",odiv:"\u2A38",odot:"\u2299",odsold:"\u29BC",OElig:"\u0152",oelig:"\u0153",ofcir:"\u29BF",Ofr:"\u{1D512}",ofr:"\u{1D52C}",ogon:"\u02DB",Ograve:"\xD2",ograve:"\xF2",ogt:"\u29C1",ohbar:"\u29B5",ohm:"\u03A9",oint:"\u222E",olarr:"\u21BA",olcir:"\u29BE",olcross:"\u29BB",oline:"\u203E",olt:"\u29C0",Omacr:"\u014C",omacr:"\u014D",Omega:"\u03A9",omega:"\u03C9",Omicron:"\u039F",omicron:"\u03BF",omid:"\u29B6",ominus:"\u2296",Oopf:"\u{1D546}",oopf:"\u{1D560}",opar:"\u29B7",OpenCurlyDoubleQuote:"\u201C",OpenCurlyQuote:"\u2018",operp:"\u29B9",oplus:"\u2295",orarr:"\u21BB",Or:"\u2A54",or:"\u2228",ord:"\u2A5D",order:"\u2134",orderof:"\u2134",ordf:"\xAA",ordm:"\xBA",origof:"\u22B6",oror:"\u2A56",orslope:"\u2A57",orv:"\u2A5B",oS:"\u24C8",Oscr:"\u{1D4AA}",oscr:"\u2134",Oslash:"\xD8",oslash:"\xF8",osol:"\u2298",Otilde:"\xD5",otilde:"\xF5",otimesas:"\u2A36",Otimes:"\u2A37",otimes:"\u2297",Ouml:"\xD6",ouml:"\xF6",ovbar:"\u233D",OverBar:"\u203E",OverBrace:"\u23DE",OverBracket:"\u23B4",OverParenthesis:"\u23DC",para:"\xB6",parallel:"\u2225",par:"\u2225",parsim:"\u2AF3",parsl:"\u2AFD",part:"\u2202",PartialD:"\u2202",Pcy:"\u041F",pcy:"\u043F",percnt:"%",period:".",permil:"\u2030",perp:"\u22A5",pertenk:"\u2031",Pfr:"\u{1D513}",pfr:"\u{1D52D}",Phi:"\u03A6",phi:"\u03C6",phiv:"\u03D5",phmmat:"\u2133",phone:"\u260E",Pi:"\u03A0",pi:"\u03C0",pitchfork:"\u22D4",piv:"\u03D6",planck:"\u210F",planckh:"\u210E",plankv:"\u210F",plusacir:"\u2A23",plusb:"\u229E",pluscir:"\u2A22",plus:"+",plusdo:"\u2214",plusdu:"\u2A25",pluse:"\u2A72",PlusMinus:"\xB1",plusmn:"\xB1",plussim:"\u2A26",plustwo:"\u2A27",pm:"\xB1",Poincareplane:"\u210C",pointint:"\u2A15",popf:"\u{1D561}",Popf:"\u2119",pound:"\xA3",prap:"\u2AB7",Pr:"\u2ABB",pr:"\u227A",prcue:"\u227C",precapprox:"\u2AB7",prec:"\u227A",preccurlyeq:"\u227C",Precedes:"\u227A",PrecedesEqual:"\u2AAF",PrecedesSlantEqual:"\u227C",PrecedesTilde:"\u227E",preceq:"\u2AAF",precnapprox:"\u2AB9",precneqq:"\u2AB5",precnsim:"\u22E8",pre:"\u2AAF",prE:"\u2AB3",precsim:"\u227E",prime:"\u2032",Prime:"\u2033",primes:"\u2119",prnap:"\u2AB9",prnE:"\u2AB5",prnsim:"\u22E8",prod:"\u220F",Product:"\u220F",profalar:"\u232E",profline:"\u2312",profsurf:"\u2313",prop:"\u221D",Proportional:"\u221D",Proportion:"\u2237",propto:"\u221D",prsim:"\u227E",prurel:"\u22B0",Pscr:"\u{1D4AB}",pscr:"\u{1D4C5}",Psi:"\u03A8",psi:"\u03C8",puncsp:"\u2008",Qfr:"\u{1D514}",qfr:"\u{1D52E}",qint:"\u2A0C",qopf:"\u{1D562}",Qopf:"\u211A",qprime:"\u2057",Qscr:"\u{1D4AC}",qscr:"\u{1D4C6}",quaternions:"\u210D",quatint:"\u2A16",quest:"?",questeq:"\u225F",quot:'"',QUOT:'"',rAarr:"\u21DB",race:"\u223D\u0331",Racute:"\u0154",racute:"\u0155",radic:"\u221A",raemptyv:"\u29B3",rang:"\u27E9",Rang:"\u27EB",rangd:"\u2992",range:"\u29A5",rangle:"\u27E9",raquo:"\xBB",rarrap:"\u2975",rarrb:"\u21E5",rarrbfs:"\u2920",rarrc:"\u2933",rarr:"\u2192",Rarr:"\u21A0",rArr:"\u21D2",rarrfs:"\u291E",rarrhk:"\u21AA",rarrlp:"\u21AC",rarrpl:"\u2945",rarrsim:"\u2974",Rarrtl:"\u2916",rarrtl:"\u21A3",rarrw:"\u219D",ratail:"\u291A",rAtail:"\u291C",ratio:"\u2236",rationals:"\u211A",rbarr:"\u290D",rBarr:"\u290F",RBarr:"\u2910",rbbrk:"\u2773",rbrace:"}",rbrack:"]",rbrke:"\u298C",rbrksld:"\u298E",rbrkslu:"\u2990",Rcaron:"\u0158",rcaron:"\u0159",Rcedil:"\u0156",rcedil:"\u0157",rceil:"\u2309",rcub:"}",Rcy:"\u0420",rcy:"\u0440",rdca:"\u2937",rdldhar:"\u2969",rdquo:"\u201D",rdquor:"\u201D",rdsh:"\u21B3",real:"\u211C",realine:"\u211B",realpart:"\u211C",reals:"\u211D",Re:"\u211C",rect:"\u25AD",reg:"\xAE",REG:"\xAE",ReverseElement:"\u220B",ReverseEquilibrium:"\u21CB",ReverseUpEquilibrium:"\u296F",rfisht:"\u297D",rfloor:"\u230B",rfr:"\u{1D52F}",Rfr:"\u211C",rHar:"\u2964",rhard:"\u21C1",rharu:"\u21C0",rharul:"\u296C",Rho:"\u03A1",rho:"\u03C1",rhov:"\u03F1",RightAngleBracket:"\u27E9",RightArrowBar:"\u21E5",rightarrow:"\u2192",RightArrow:"\u2192",Rightarrow:"\u21D2",RightArrowLeftArrow:"\u21C4",rightarrowtail:"\u21A3",RightCeiling:"\u2309",RightDoubleBracket:"\u27E7",RightDownTeeVector:"\u295D",RightDownVectorBar:"\u2955",RightDownVector:"\u21C2",RightFloor:"\u230B",rightharpoondown:"\u21C1",rightharpoonup:"\u21C0",rightleftarrows:"\u21C4",rightleftharpoons:"\u21CC",rightrightarrows:"\u21C9",rightsquigarrow:"\u219D",RightTeeArrow:"\u21A6",RightTee:"\u22A2",RightTeeVector:"\u295B",rightthreetimes:"\u22CC",RightTriangleBar:"\u29D0",RightTriangle:"\u22B3",RightTriangleEqual:"\u22B5",RightUpDownVector:"\u294F",RightUpTeeVector:"\u295C",RightUpVectorBar:"\u2954",RightUpVector:"\u21BE",RightVectorBar:"\u2953",RightVector:"\u21C0",ring:"\u02DA",risingdotseq:"\u2253",rlarr:"\u21C4",rlhar:"\u21CC",rlm:"\u200F",rmoustache:"\u23B1",rmoust:"\u23B1",rnmid:"\u2AEE",roang:"\u27ED",roarr:"\u21FE",robrk:"\u27E7",ropar:"\u2986",ropf:"\u{1D563}",Ropf:"\u211D",roplus:"\u2A2E",rotimes:"\u2A35",RoundImplies:"\u2970",rpar:")",rpargt:"\u2994",rppolint:"\u2A12",rrarr:"\u21C9",Rrightarrow:"\u21DB",rsaquo:"\u203A",rscr:"\u{1D4C7}",Rscr:"\u211B",rsh:"\u21B1",Rsh:"\u21B1",rsqb:"]",rsquo:"\u2019",rsquor:"\u2019",rthree:"\u22CC",rtimes:"\u22CA",rtri:"\u25B9",rtrie:"\u22B5",rtrif:"\u25B8",rtriltri:"\u29CE",RuleDelayed:"\u29F4",ruluhar:"\u2968",rx:"\u211E",Sacute:"\u015A",sacute:"\u015B",sbquo:"\u201A",scap:"\u2AB8",Scaron:"\u0160",scaron:"\u0161",Sc:"\u2ABC",sc:"\u227B",sccue:"\u227D",sce:"\u2AB0",scE:"\u2AB4",Scedil:"\u015E",scedil:"\u015F",Scirc:"\u015C",scirc:"\u015D",scnap:"\u2ABA",scnE:"\u2AB6",scnsim:"\u22E9",scpolint:"\u2A13",scsim:"\u227F",Scy:"\u0421",scy:"\u0441",sdotb:"\u22A1",sdot:"\u22C5",sdote:"\u2A66",searhk:"\u2925",searr:"\u2198",seArr:"\u21D8",searrow:"\u2198",sect:"\xA7",semi:";",seswar:"\u2929",setminus:"\u2216",setmn:"\u2216",sext:"\u2736",Sfr:"\u{1D516}",sfr:"\u{1D530}",sfrown:"\u2322",sharp:"\u266F",SHCHcy:"\u0429",shchcy:"\u0449",SHcy:"\u0428",shcy:"\u0448",ShortDownArrow:"\u2193",ShortLeftArrow:"\u2190",shortmid:"\u2223",shortparallel:"\u2225",ShortRightArrow:"\u2192",ShortUpArrow:"\u2191",shy:"\xAD",Sigma:"\u03A3",sigma:"\u03C3",sigmaf:"\u03C2",sigmav:"\u03C2",sim:"\u223C",simdot:"\u2A6A",sime:"\u2243",simeq:"\u2243",simg:"\u2A9E",simgE:"\u2AA0",siml:"\u2A9D",simlE:"\u2A9F",simne:"\u2246",simplus:"\u2A24",simrarr:"\u2972",slarr:"\u2190",SmallCircle:"\u2218",smallsetminus:"\u2216",smashp:"\u2A33",smeparsl:"\u29E4",smid:"\u2223",smile:"\u2323",smt:"\u2AAA",smte:"\u2AAC",smtes:"\u2AAC\uFE00",SOFTcy:"\u042C",softcy:"\u044C",solbar:"\u233F",solb:"\u29C4",sol:"/",Sopf:"\u{1D54A}",sopf:"\u{1D564}",spades:"\u2660",spadesuit:"\u2660",spar:"\u2225",sqcap:"\u2293",sqcaps:"\u2293\uFE00",sqcup:"\u2294",sqcups:"\u2294\uFE00",Sqrt:"\u221A",sqsub:"\u228F",sqsube:"\u2291",sqsubset:"\u228F",sqsubseteq:"\u2291",sqsup:"\u2290",sqsupe:"\u2292",sqsupset:"\u2290",sqsupseteq:"\u2292",square:"\u25A1",Square:"\u25A1",SquareIntersection:"\u2293",SquareSubset:"\u228F",SquareSubsetEqual:"\u2291",SquareSuperset:"\u2290",SquareSupersetEqual:"\u2292",SquareUnion:"\u2294",squarf:"\u25AA",squ:"\u25A1",squf:"\u25AA",srarr:"\u2192",Sscr:"\u{1D4AE}",sscr:"\u{1D4C8}",ssetmn:"\u2216",ssmile:"\u2323",sstarf:"\u22C6",Star:"\u22C6",star:"\u2606",starf:"\u2605",straightepsilon:"\u03F5",straightphi:"\u03D5",strns:"\xAF",sub:"\u2282",Sub:"\u22D0",subdot:"\u2ABD",subE:"\u2AC5",sube:"\u2286",subedot:"\u2AC3",submult:"\u2AC1",subnE:"\u2ACB",subne:"\u228A",subplus:"\u2ABF",subrarr:"\u2979",subset:"\u2282",Subset:"\u22D0",subseteq:"\u2286",subseteqq:"\u2AC5",SubsetEqual:"\u2286",subsetneq:"\u228A",subsetneqq:"\u2ACB",subsim:"\u2AC7",subsub:"\u2AD5",subsup:"\u2AD3",succapprox:"\u2AB8",succ:"\u227B",succcurlyeq:"\u227D",Succeeds:"\u227B",SucceedsEqual:"\u2AB0",SucceedsSlantEqual:"\u227D",SucceedsTilde:"\u227F",succeq:"\u2AB0",succnapprox:"\u2ABA",succneqq:"\u2AB6",succnsim:"\u22E9",succsim:"\u227F",SuchThat:"\u220B",sum:"\u2211",Sum:"\u2211",sung:"\u266A",sup1:"\xB9",sup2:"\xB2",sup3:"\xB3",sup:"\u2283",Sup:"\u22D1",supdot:"\u2ABE",supdsub:"\u2AD8",supE:"\u2AC6",supe:"\u2287",supedot:"\u2AC4",Superset:"\u2283",SupersetEqual:"\u2287",suphsol:"\u27C9",suphsub:"\u2AD7",suplarr:"\u297B",supmult:"\u2AC2",supnE:"\u2ACC",supne:"\u228B",supplus:"\u2AC0",supset:"\u2283",Supset:"\u22D1",supseteq:"\u2287",supseteqq:"\u2AC6",supsetneq:"\u228B",supsetneqq:"\u2ACC",supsim:"\u2AC8",supsub:"\u2AD4",supsup:"\u2AD6",swarhk:"\u2926",swarr:"\u2199",swArr:"\u21D9",swarrow:"\u2199",swnwar:"\u292A",szlig:"\xDF",Tab:" ",target:"\u2316",Tau:"\u03A4",tau:"\u03C4",tbrk:"\u23B4",Tcaron:"\u0164",tcaron:"\u0165",Tcedil:"\u0162",tcedil:"\u0163",Tcy:"\u0422",tcy:"\u0442",tdot:"\u20DB",telrec:"\u2315",Tfr:"\u{1D517}",tfr:"\u{1D531}",there4:"\u2234",therefore:"\u2234",Therefore:"\u2234",Theta:"\u0398",theta:"\u03B8",thetasym:"\u03D1",thetav:"\u03D1",thickapprox:"\u2248",thicksim:"\u223C",ThickSpace:"\u205F\u200A",ThinSpace:"\u2009",thinsp:"\u2009",thkap:"\u2248",thksim:"\u223C",THORN:"\xDE",thorn:"\xFE",tilde:"\u02DC",Tilde:"\u223C",TildeEqual:"\u2243",TildeFullEqual:"\u2245",TildeTilde:"\u2248",timesbar:"\u2A31",timesb:"\u22A0",times:"\xD7",timesd:"\u2A30",tint:"\u222D",toea:"\u2928",topbot:"\u2336",topcir:"\u2AF1",top:"\u22A4",Topf:"\u{1D54B}",topf:"\u{1D565}",topfork:"\u2ADA",tosa:"\u2929",tprime:"\u2034",trade:"\u2122",TRADE:"\u2122",triangle:"\u25B5",triangledown:"\u25BF",triangleleft:"\u25C3",trianglelefteq:"\u22B4",triangleq:"\u225C",triangleright:"\u25B9",trianglerighteq:"\u22B5",tridot:"\u25EC",trie:"\u225C",triminus:"\u2A3A",TripleDot:"\u20DB",triplus:"\u2A39",trisb:"\u29CD",tritime:"\u2A3B",trpezium:"\u23E2",Tscr:"\u{1D4AF}",tscr:"\u{1D4C9}",TScy:"\u0426",tscy:"\u0446",TSHcy:"\u040B",tshcy:"\u045B",Tstrok:"\u0166",tstrok:"\u0167",twixt:"\u226C",twoheadleftarrow:"\u219E",twoheadrightarrow:"\u21A0",Uacute:"\xDA",uacute:"\xFA",uarr:"\u2191",Uarr:"\u219F",uArr:"\u21D1",Uarrocir:"\u2949",Ubrcy:"\u040E",ubrcy:"\u045E",Ubreve:"\u016C",ubreve:"\u016D",Ucirc:"\xDB",ucirc:"\xFB",Ucy:"\u0423",ucy:"\u0443",udarr:"\u21C5",Udblac:"\u0170",udblac:"\u0171",udhar:"\u296E",ufisht:"\u297E",Ufr:"\u{1D518}",ufr:"\u{1D532}",Ugrave:"\xD9",ugrave:"\xF9",uHar:"\u2963",uharl:"\u21BF",uharr:"\u21BE",uhblk:"\u2580",ulcorn:"\u231C",ulcorner:"\u231C",ulcrop:"\u230F",ultri:"\u25F8",Umacr:"\u016A",umacr:"\u016B",uml:"\xA8",UnderBar:"_",UnderBrace:"\u23DF",UnderBracket:"\u23B5",UnderParenthesis:"\u23DD",Union:"\u22C3",UnionPlus:"\u228E",Uogon:"\u0172",uogon:"\u0173",Uopf:"\u{1D54C}",uopf:"\u{1D566}",UpArrowBar:"\u2912",uparrow:"\u2191",UpArrow:"\u2191",Uparrow:"\u21D1",UpArrowDownArrow:"\u21C5",updownarrow:"\u2195",UpDownArrow:"\u2195",Updownarrow:"\u21D5",UpEquilibrium:"\u296E",upharpoonleft:"\u21BF",upharpoonright:"\u21BE",uplus:"\u228E",UpperLeftArrow:"\u2196",UpperRightArrow:"\u2197",upsi:"\u03C5",Upsi:"\u03D2",upsih:"\u03D2",Upsilon:"\u03A5",upsilon:"\u03C5",UpTeeArrow:"\u21A5",UpTee:"\u22A5",upuparrows:"\u21C8",urcorn:"\u231D",urcorner:"\u231D",urcrop:"\u230E",Uring:"\u016E",uring:"\u016F",urtri:"\u25F9",Uscr:"\u{1D4B0}",uscr:"\u{1D4CA}",utdot:"\u22F0",Utilde:"\u0168",utilde:"\u0169",utri:"\u25B5",utrif:"\u25B4",uuarr:"\u21C8",Uuml:"\xDC",uuml:"\xFC",uwangle:"\u29A7",vangrt:"\u299C",varepsilon:"\u03F5",varkappa:"\u03F0",varnothing:"\u2205",varphi:"\u03D5",varpi:"\u03D6",varpropto:"\u221D",varr:"\u2195",vArr:"\u21D5",varrho:"\u03F1",varsigma:"\u03C2",varsubsetneq:"\u228A\uFE00",varsubsetneqq:"\u2ACB\uFE00",varsupsetneq:"\u228B\uFE00",varsupsetneqq:"\u2ACC\uFE00",vartheta:"\u03D1",vartriangleleft:"\u22B2",vartriangleright:"\u22B3",vBar:"\u2AE8",Vbar:"\u2AEB",vBarv:"\u2AE9",Vcy:"\u0412",vcy:"\u0432",vdash:"\u22A2",vDash:"\u22A8",Vdash:"\u22A9",VDash:"\u22AB",Vdashl:"\u2AE6",veebar:"\u22BB",vee:"\u2228",Vee:"\u22C1",veeeq:"\u225A",vellip:"\u22EE",verbar:"|",Verbar:"\u2016",vert:"|",Vert:"\u2016",VerticalBar:"\u2223",VerticalLine:"|",VerticalSeparator:"\u2758",VerticalTilde:"\u2240",VeryThinSpace:"\u200A",Vfr:"\u{1D519}",vfr:"\u{1D533}",vltri:"\u22B2",vnsub:"\u2282\u20D2",vnsup:"\u2283\u20D2",Vopf:"\u{1D54D}",vopf:"\u{1D567}",vprop:"\u221D",vrtri:"\u22B3",Vscr:"\u{1D4B1}",vscr:"\u{1D4CB}",vsubnE:"\u2ACB\uFE00",vsubne:"\u228A\uFE00",vsupnE:"\u2ACC\uFE00",vsupne:"\u228B\uFE00",Vvdash:"\u22AA",vzigzag:"\u299A",Wcirc:"\u0174",wcirc:"\u0175",wedbar:"\u2A5F",wedge:"\u2227",Wedge:"\u22C0",wedgeq:"\u2259",weierp:"\u2118",Wfr:"\u{1D51A}",wfr:"\u{1D534}",Wopf:"\u{1D54E}",wopf:"\u{1D568}",wp:"\u2118",wr:"\u2240",wreath:"\u2240",Wscr:"\u{1D4B2}",wscr:"\u{1D4CC}",xcap:"\u22C2",xcirc:"\u25EF",xcup:"\u22C3",xdtri:"\u25BD",Xfr:"\u{1D51B}",xfr:"\u{1D535}",xharr:"\u27F7",xhArr:"\u27FA",Xi:"\u039E",xi:"\u03BE",xlarr:"\u27F5",xlArr:"\u27F8",xmap:"\u27FC",xnis:"\u22FB",xodot:"\u2A00",Xopf:"\u{1D54F}",xopf:"\u{1D569}",xoplus:"\u2A01",xotime:"\u2A02",xrarr:"\u27F6",xrArr:"\u27F9",Xscr:"\u{1D4B3}",xscr:"\u{1D4CD}",xsqcup:"\u2A06",xuplus:"\u2A04",xutri:"\u25B3",xvee:"\u22C1",xwedge:"\u22C0",Yacute:"\xDD",yacute:"\xFD",YAcy:"\u042F",yacy:"\u044F",Ycirc:"\u0176",ycirc:"\u0177",Ycy:"\u042B",ycy:"\u044B",yen:"\xA5",Yfr:"\u{1D51C}",yfr:"\u{1D536}",YIcy:"\u0407",yicy:"\u0457",Yopf:"\u{1D550}",yopf:"\u{1D56A}",Yscr:"\u{1D4B4}",yscr:"\u{1D4CE}",YUcy:"\u042E",yucy:"\u044E",yuml:"\xFF",Yuml:"\u0178",Zacute:"\u0179",zacute:"\u017A",Zcaron:"\u017D",zcaron:"\u017E",Zcy:"\u0417",zcy:"\u0437",Zdot:"\u017B",zdot:"\u017C",zeetrf:"\u2128",ZeroWidthSpace:"\u200B",Zeta:"\u0396",zeta:"\u03B6",zfr:"\u{1D537}",Zfr:"\u2128",ZHcy:"\u0416",zhcy:"\u0436",zigrarr:"\u21DD",zopf:"\u{1D56B}",Zopf:"\u2124",Zscr:"\u{1D4B5}",zscr:"\u{1D4CF}",zwj:"\u200D",zwnj:"\u200C"}}),Qf=we((e,t)=>{t.exports={Aacute:"\xC1",aacute:"\xE1",Acirc:"\xC2",acirc:"\xE2",acute:"\xB4",AElig:"\xC6",aelig:"\xE6",Agrave:"\xC0",agrave:"\xE0",amp:"&",AMP:"&",Aring:"\xC5",aring:"\xE5",Atilde:"\xC3",atilde:"\xE3",Auml:"\xC4",auml:"\xE4",brvbar:"\xA6",Ccedil:"\xC7",ccedil:"\xE7",cedil:"\xB8",cent:"\xA2",copy:"\xA9",COPY:"\xA9",curren:"\xA4",deg:"\xB0",divide:"\xF7",Eacute:"\xC9",eacute:"\xE9",Ecirc:"\xCA",ecirc:"\xEA",Egrave:"\xC8",egrave:"\xE8",ETH:"\xD0",eth:"\xF0",Euml:"\xCB",euml:"\xEB",frac12:"\xBD",frac14:"\xBC",frac34:"\xBE",gt:">",GT:">",Iacute:"\xCD",iacute:"\xED",Icirc:"\xCE",icirc:"\xEE",iexcl:"\xA1",Igrave:"\xCC",igrave:"\xEC",iquest:"\xBF",Iuml:"\xCF",iuml:"\xEF",laquo:"\xAB",lt:"<",LT:"<",macr:"\xAF",micro:"\xB5",middot:"\xB7",nbsp:"\xA0",not:"\xAC",Ntilde:"\xD1",ntilde:"\xF1",Oacute:"\xD3",oacute:"\xF3",Ocirc:"\xD4",ocirc:"\xF4",Ograve:"\xD2",ograve:"\xF2",ordf:"\xAA",ordm:"\xBA",Oslash:"\xD8",oslash:"\xF8",Otilde:"\xD5",otilde:"\xF5",Ouml:"\xD6",ouml:"\xF6",para:"\xB6",plusmn:"\xB1",pound:"\xA3",quot:'"',QUOT:'"',raquo:"\xBB",reg:"\xAE",REG:"\xAE",sect:"\xA7",shy:"\xAD",sup1:"\xB9",sup2:"\xB2",sup3:"\xB3",szlig:"\xDF",THORN:"\xDE",thorn:"\xFE",times:"\xD7",Uacute:"\xDA",uacute:"\xFA",Ucirc:"\xDB",ucirc:"\xFB",Ugrave:"\xD9",ugrave:"\xF9",uml:"\xA8",Uuml:"\xDC",uuml:"\xFC",Yacute:"\xDD",yacute:"\xFD",yen:"\xA5",yuml:"\xFF"}}),Ws=we((e,t)=>{t.exports={amp:"&",apos:"'",gt:">",lt:"<",quot:'"'}}),Zf=we((e,t)=>{t.exports={0:65533,128:8364,130:8218,131:402,132:8222,133:8230,134:8224,135:8225,136:710,137:8240,138:352,139:8249,140:338,142:381,145:8216,146:8217,147:8220,148:8221,149:8226,150:8211,151:8212,152:732,153:8482,154:353,155:8250,156:339,158:382,159:376}}),eh=we(e=>{"use strict";var t=e&&e.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0});var r=t(Zf()),n=String.fromCodePoint||function(a){var i="";return a>65535&&(a-=65536,i+=String.fromCharCode(a>>>10&1023|55296),a=56320|a&1023),i+=String.fromCharCode(a),i};function o(a){return a>=55296&&a<=57343||a>1114111?"\uFFFD":(a in r.default&&(a=r.default[a]),n(a))}E(o,"decodeCodePoint"),e.default=o}),Os=we(e=>{"use strict";var t=e&&e.__importDefault||function(d){return d&&d.__esModule?d:{default:d}};Object.defineProperty(e,"__esModule",{value:!0}),e.decodeHTML=e.decodeHTMLStrict=e.decodeXML=void 0;var r=t(Gs()),n=t(Qf()),o=t(Ws()),a=t(eh()),i=/&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g;e.decodeXML=l(o.default),e.decodeHTMLStrict=l(r.default);function l(d){var p=c(d);return function(h){return String(h).replace(i,p)}}E(l,"getStrictDecoder");var s=E(function(d,p){return d<p?1:-1},"sorter");e.decodeHTML=function(){for(var d=Object.keys(n.default).sort(s),p=Object.keys(r.default).sort(s),h=0,f=0;h<p.length;h++)d[f]===p[h]?(p[h]+=";?",f++):p[h]+=";";var b=new RegExp("&(?:"+p.join("|")+"|#[xX][\\da-fA-F]+;?|#\\d+;?)","g"),g=c(r.default);function x(S){return S.substr(-1)!==";"&&(S+=";"),g(S)}return E(x,"replacer"),function(S){return String(S).replace(b,x)}}();function c(d){return E(function(p){if(p.charAt(1)==="#"){var h=p.charAt(2);return h==="X"||h==="x"?a.default(parseInt(p.substr(3),16)):a.default(parseInt(p.substr(2),10))}return d[p.slice(1,-1)]||p},"replace")}E(c,"getReplacer")}),Ds=we(e=>{"use strict";var t=e&&e.__importDefault||function(A){return A&&A.__esModule?A:{default:A}};Object.defineProperty(e,"__esModule",{value:!0}),e.escapeUTF8=e.escape=e.encodeNonAsciiHTML=e.encodeHTML=e.encodeXML=void 0;var r=t(Ws()),n=s(r.default),o=c(n);e.encodeXML=S(n);var a=t(Gs()),i=s(a.default),l=c(i);e.encodeHTML=f(i,l),e.encodeNonAsciiHTML=S(i);function s(A){return Object.keys(A).sort().reduce(function(k,T){return k[A[T]]="&"+T+";",k},{})}E(s,"getInverseObj");function c(A){for(var k=[],T=[],I=0,D=Object.keys(A);I<D.length;I++){var F=D[I];F.length===1?k.push("\\"+F):T.push(F)}k.sort();for(var P=0;P<k.length-1;P++){for(var L=P;L<k.length-1&&k[L].charCodeAt(1)+1===k[L+1].charCodeAt(1);)L+=1;var j=1+L-P;j<3||k.splice(P,j,k[P]+"-"+k[L])}return T.unshift("["+k.join("")+"]"),new RegExp(T.join("|"),"g")}E(c,"getInverseReplacer");var d=/(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,p=String.prototype.codePointAt!=null?function(A){return A.codePointAt(0)}:function(A){return(A.charCodeAt(0)-55296)*1024+A.charCodeAt(1)-56320+65536};function h(A){return"&#x"+(A.length>1?p(A):A.charCodeAt(0)).toString(16).toUpperCase()+";"}E(h,"singleCharReplacer");function f(A,k){return function(T){return T.replace(k,function(I){return A[I]}).replace(d,h)}}E(f,"getInverse");var b=new RegExp(o.source+"|"+d.source,"g");function g(A){return A.replace(b,h)}E(g,"escape"),e.escape=g;function x(A){return A.replace(o,h)}E(x,"escapeUTF8"),e.escapeUTF8=x;function S(A){return function(k){return k.replace(b,function(T){return A[T]||h(T)})}}E(S,"getASCIIEncoder")}),th=we(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.decodeXMLStrict=e.decodeHTML5Strict=e.decodeHTML4Strict=e.decodeHTML5=e.decodeHTML4=e.decodeHTMLStrict=e.decodeHTML=e.decodeXML=e.encodeHTML5=e.encodeHTML4=e.escapeUTF8=e.escape=e.encodeNonAsciiHTML=e.encodeHTML=e.encodeXML=e.encode=e.decodeStrict=e.decode=void 0;var t=Os(),r=Ds();function n(s,c){return(!c||c<=0?t.decodeXML:t.decodeHTML)(s)}E(n,"decode"),e.decode=n;function o(s,c){return(!c||c<=0?t.decodeXML:t.decodeHTMLStrict)(s)}E(o,"decodeStrict"),e.decodeStrict=o;function a(s,c){return(!c||c<=0?r.encodeXML:r.encodeHTML)(s)}E(a,"encode"),e.encode=a;var i=Ds();Object.defineProperty(e,"encodeXML",{enumerable:!0,get:E(function(){return i.encodeXML},"get")}),Object.defineProperty(e,"encodeHTML",{enumerable:!0,get:E(function(){return i.encodeHTML},"get")}),Object.defineProperty(e,"encodeNonAsciiHTML",{enumerable:!0,get:E(function(){return i.encodeNonAsciiHTML},"get")}),Object.defineProperty(e,"escape",{enumerable:!0,get:E(function(){return i.escape},"get")}),Object.defineProperty(e,"escapeUTF8",{enumerable:!0,get:E(function(){return i.escapeUTF8},"get")}),Object.defineProperty(e,"encodeHTML4",{enumerable:!0,get:E(function(){return i.encodeHTML},"get")}),Object.defineProperty(e,"encodeHTML5",{enumerable:!0,get:E(function(){return i.encodeHTML},"get")});var l=Os();Object.defineProperty(e,"decodeXML",{enumerable:!0,get:E(function(){return l.decodeXML},"get")}),Object.defineProperty(e,"decodeHTML",{enumerable:!0,get:E(function(){return l.decodeHTML},"get")}),Object.defineProperty(e,"decodeHTMLStrict",{enumerable:!0,get:E(function(){return l.decodeHTMLStrict},"get")}),Object.defineProperty(e,"decodeHTML4",{enumerable:!0,get:E(function(){return l.decodeHTML},"get")}),Object.defineProperty(e,"decodeHTML5",{enumerable:!0,get:E(function(){return l.decodeHTML},"get")}),Object.defineProperty(e,"decodeHTML4Strict",{enumerable:!0,get:E(function(){return l.decodeHTMLStrict},"get")}),Object.defineProperty(e,"decodeHTML5Strict",{enumerable:!0,get:E(function(){return l.decodeHTMLStrict},"get")}),Object.defineProperty(e,"decodeXMLStrict",{enumerable:!0,get:E(function(){return l.decodeXML},"get")})}),rh=we((e,t)=>{"use strict";function r(w,C){if(!(w instanceof C))throw new TypeError("Cannot call a class as a function")}E(r,"_classCallCheck");function n(w,C){for(var _=0;_<C.length;_++){var M=C[_];M.enumerable=M.enumerable||!1,M.configurable=!0,"value"in M&&(M.writable=!0),Object.defineProperty(w,M.key,M)}}E(n,"_defineProperties");function o(w,C,_){return C&&n(w.prototype,C),_&&n(w,_),w}E(o,"_createClass");function a(w,C){var _=typeof Symbol<"u"&&w[Symbol.iterator]||w["@@iterator"];if(!_){if(Array.isArray(w)||(_=i(w))||C&&w&&typeof w.length=="number"){_&&(w=_);var M=0,U=E(function(){},"F");return{s:U,n:E(function(){return M>=w.length?{done:!0}:{done:!1,value:w[M++]}},"n"),e:E(function(Y){throw Y},"e"),f:U}}throw new TypeError(`Invalid attempt to iterate non-iterable instance. +In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var K=!0,re=!1,Z;return{s:E(function(){_=_.call(w)},"s"),n:E(function(){var Y=_.next();return K=Y.done,Y},"n"),e:E(function(Y){re=!0,Z=Y},"e"),f:E(function(){try{!K&&_.return!=null&&_.return()}finally{if(re)throw Z}},"f")}}E(a,"_createForOfIteratorHelper");function i(w,C){if(w){if(typeof w=="string")return l(w,C);var _=Object.prototype.toString.call(w).slice(8,-1);if(_==="Object"&&w.constructor&&(_=w.constructor.name),_==="Map"||_==="Set")return Array.from(w);if(_==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(_))return l(w,C)}}E(i,"_unsupportedIterableToArray");function l(w,C){(C==null||C>w.length)&&(C=w.length);for(var _=0,M=new Array(C);_<C;_++)M[_]=w[_];return M}E(l,"_arrayLikeToArray");var s=th(),c={fg:"#FFF",bg:"#000",newline:!1,escapeXML:!1,stream:!1,colors:d()};function d(){var w={0:"#000",1:"#A00",2:"#0A0",3:"#A50",4:"#00A",5:"#A0A",6:"#0AA",7:"#AAA",8:"#555",9:"#F55",10:"#5F5",11:"#FF5",12:"#55F",13:"#F5F",14:"#5FF",15:"#FFF"};return A(0,5).forEach(function(C){A(0,5).forEach(function(_){A(0,5).forEach(function(M){return p(C,_,M,w)})})}),A(0,23).forEach(function(C){var _=C+232,M=h(C*10+8);w[_]="#"+M+M+M}),w}E(d,"getDefaultColors");function p(w,C,_,M){var U=16+w*36+C*6+_,K=w>0?w*40+55:0,re=C>0?C*40+55:0,Z=_>0?_*40+55:0;M[U]=f([K,re,Z])}E(p,"setStyleColor");function h(w){for(var C=w.toString(16);C.length<2;)C="0"+C;return C}E(h,"toHexString");function f(w){var C=[],_=a(w),M;try{for(_.s();!(M=_.n()).done;){var U=M.value;C.push(h(U))}}catch(K){_.e(K)}finally{_.f()}return"#"+C.join("")}E(f,"toColorHexString");function b(w,C,_,M){var U;return C==="text"?U=I(_,M):C==="display"?U=x(w,_,M):C==="xterm256Foreground"?U=P(w,M.colors[_]):C==="xterm256Background"?U=L(w,M.colors[_]):C==="rgb"&&(U=g(w,_)),U}E(b,"generateOutput");function g(w,C){C=C.substring(2).slice(0,-1);var _=+C.substr(0,2),M=C.substring(5).split(";"),U=M.map(function(K){return("0"+Number(K).toString(16)).substr(-2)}).join("");return F(w,(_===38?"color:#":"background-color:#")+U)}E(g,"handleRgb");function x(w,C,_){C=parseInt(C,10);var M={"-1":E(function(){return"<br/>"},"_"),0:E(function(){return w.length&&S(w)},"_"),1:E(function(){return D(w,"b")},"_"),3:E(function(){return D(w,"i")},"_"),4:E(function(){return D(w,"u")},"_"),8:E(function(){return F(w,"display:none")},"_"),9:E(function(){return D(w,"strike")},"_"),22:E(function(){return F(w,"font-weight:normal;text-decoration:none;font-style:normal")},"_"),23:E(function(){return j(w,"i")},"_"),24:E(function(){return j(w,"u")},"_"),39:E(function(){return P(w,_.fg)},"_"),49:E(function(){return L(w,_.bg)},"_"),53:E(function(){return F(w,"text-decoration:overline")},"_")},U;return M[C]?U=M[C]():4<C&&C<7?U=D(w,"blink"):29<C&&C<38?U=P(w,_.colors[C-30]):39<C&&C<48?U=L(w,_.colors[C-40]):89<C&&C<98?U=P(w,_.colors[8+(C-90)]):99<C&&C<108&&(U=L(w,_.colors[8+(C-100)])),U}E(x,"handleDisplay");function S(w){var C=w.slice(0);return w.length=0,C.reverse().map(function(_){return"</"+_+">"}).join("")}E(S,"resetStyles");function A(w,C){for(var _=[],M=w;M<=C;M++)_.push(M);return _}E(A,"range");function k(w){return function(C){return(w===null||C.category!==w)&&w!=="all"}}E(k,"notCategory");function T(w){w=parseInt(w,10);var C=null;return w===0?C="all":w===1?C="bold":2<w&&w<5?C="underline":4<w&&w<7?C="blink":w===8?C="hide":w===9?C="strike":29<w&&w<38||w===39||89<w&&w<98?C="foreground-color":(39<w&&w<48||w===49||99<w&&w<108)&&(C="background-color"),C}E(T,"categoryForCode");function I(w,C){return C.escapeXML?s.encodeXML(w):w}E(I,"pushText");function D(w,C,_){return _||(_=""),w.push(C),"<".concat(C).concat(_?' style="'.concat(_,'"'):"",">")}E(D,"pushTag");function F(w,C){return D(w,"span",C)}E(F,"pushStyle");function P(w,C){return D(w,"span","color:"+C)}E(P,"pushForegroundColor");function L(w,C){return D(w,"span","background-color:"+C)}E(L,"pushBackgroundColor");function j(w,C){var _;if(w.slice(-1)[0]===C&&(_=w.pop()),_)return"</"+C+">"}E(j,"closeTag");function G(w,C,_){var M=!1,U=3;function K(){return""}E(K,"remove");function re(Re,Oe){return _("xterm256Foreground",Oe),""}E(re,"removeXterm256Foreground");function Z(Re,Oe){return _("xterm256Background",Oe),""}E(Z,"removeXterm256Background");function Y(Re){return C.newline?_("display",-1):_("text",Re),""}E(Y,"newline");function ee(Re,Oe){M=!0,Oe.trim().length===0&&(Oe="0"),Oe=Oe.trimRight(";").split(";");var nt=a(Oe),Nt;try{for(nt.s();!(Nt=nt.n()).done;){var Ir=Nt.value;_("display",Ir)}}catch(An){nt.e(An)}finally{nt.f()}return""}E(ee,"ansiMess");function ye(Re){return _("text",Re),""}E(ye,"realText");function le(Re){return _("rgb",Re),""}E(le,"rgb");var Ae=[{pattern:/^\x08+/,sub:K},{pattern:/^\x1b\[[012]?K/,sub:K},{pattern:/^\x1b\[\(B/,sub:K},{pattern:/^\x1b\[[34]8;2;\d+;\d+;\d+m/,sub:le},{pattern:/^\x1b\[38;5;(\d+)m/,sub:re},{pattern:/^\x1b\[48;5;(\d+)m/,sub:Z},{pattern:/^\n/,sub:Y},{pattern:/^\r+\n/,sub:Y},{pattern:/^\r/,sub:Y},{pattern:/^\x1b\[((?:\d{1,3};?)+|)m/,sub:ee},{pattern:/^\x1b\[\d?J/,sub:K},{pattern:/^\x1b\[\d{0,3};\d{0,3}f/,sub:K},{pattern:/^\x1b\[?[\d;]{0,3}/,sub:K},{pattern:/^(([^\x1b\x08\r\n])+)/,sub:ye}];function ne(Re,Oe){Oe>U&&M||(M=!1,w=w.replace(Re.pattern,Re.sub))}E(ne,"process");var qe=[],Be=w,Ye=Be.length;e:for(;Ye>0;){for(var nr=0,Ft=0,or=Ae.length;Ft<or;nr=++Ft){var kr=Ae[nr];if(ne(kr,nr),w.length!==Ye){Ye=w.length;continue e}}if(w.length===Ye)break;qe.push(0),Ye=w.length}return qe}E(G,"tokenize");function $(w,C,_){return C!=="text"&&(w=w.filter(k(T(_))),w.push({token:C,data:_,category:T(_)})),w}E($,"updateStickyStack");var H=function(){function w(C){r(this,w),C=C||{},C.colors&&(C.colors=Object.assign({},c.colors,C.colors)),this.options=Object.assign({},c,C),this.stack=[],this.stickyStack=[]}return E(w,"Filter"),o(w,[{key:"toHtml",value:E(function(C){var _=this;C=typeof C=="string"?[C]:C;var M=this.stack,U=this.options,K=[];return this.stickyStack.forEach(function(re){var Z=b(M,re.token,re.data,U);Z&&K.push(Z)}),G(C.join(""),U,function(re,Z){var Y=b(M,re,Z,U);Y&&K.push(Y),U.stream&&(_.stickyStack=$(_.stickyStack,re,Z))}),M.length&&K.push(S(M)),K.join("")},"toHtml")}]),w}();t.exports=H}),be=(()=>{let e;return typeof window<"u"?e=window:typeof globalThis<"u"?e=globalThis:typeof window<"u"?e=window:typeof self<"u"?e=self:e={},e})();function Ks(){let e={setHandler:E(()=>{},"setHandler"),send:E(()=>{},"send")};return new Hi({transport:e})}E(Ks,"mockChannel");var Ys=class{constructor(){this.getChannel=E(()=>{if(!this.channel){let t=Ks();return this.setChannel(t),t}return this.channel},"getChannel"),this.ready=E(()=>this.promise,"ready"),this.hasChannel=E(()=>!!this.channel,"hasChannel"),this.setChannel=E(t=>{this.channel=t,this.resolve()},"setChannel"),this.promise=new Promise(t=>{this.resolve=()=>t(this.getChannel())})}};E(Ys,"AddonStore");var nh=Ys,ao="__STORYBOOK_ADDONS_PREVIEW";function Xs(){return be[ao]||(be[ao]=new nh),be[ao]}E(Xs,"getAddonsStore");var Ct=Xs(),Qs=class{constructor(){this.hookListsMap=void 0,this.mountedDecorators=void 0,this.prevMountedDecorators=void 0,this.currentHooks=void 0,this.nextHookIndex=void 0,this.currentPhase=void 0,this.currentEffects=void 0,this.prevEffects=void 0,this.currentDecoratorName=void 0,this.hasUpdates=void 0,this.currentContext=void 0,this.renderListener=E(t=>{t===this.currentContext?.id&&(this.triggerEffects(),this.currentContext=null,this.removeRenderListeners())},"renderListener"),this.init()}init(){this.hookListsMap=new WeakMap,this.mountedDecorators=new Set,this.prevMountedDecorators=new Set,this.currentHooks=[],this.nextHookIndex=0,this.currentPhase="NONE",this.currentEffects=[],this.prevEffects=[],this.currentDecoratorName=null,this.hasUpdates=!1,this.currentContext=null}clean(){this.prevEffects.forEach(t=>{t.destroy&&t.destroy()}),this.init(),this.removeRenderListeners()}getNextHook(){let t=this.currentHooks[this.nextHookIndex];return this.nextHookIndex+=1,t}triggerEffects(){this.prevEffects.forEach(t=>{!this.currentEffects.includes(t)&&t.destroy&&t.destroy()}),this.currentEffects.forEach(t=>{this.prevEffects.includes(t)||(t.destroy=t.create())}),this.prevEffects=this.currentEffects,this.currentEffects=[]}addRenderListeners(){this.removeRenderListeners(),Ct.getChannel().on(cr,this.renderListener)}removeRenderListeners(){Ct.getChannel().removeListener(cr,this.renderListener)}};E(Qs,"HooksContext");var Zs=Qs;function fo(e){let t=E((...r)=>{let{hooks:n}=typeof r[0]=="function"?r[1]:r[0],o=n.currentPhase,a=n.currentHooks,i=n.nextHookIndex,l=n.currentDecoratorName;n.currentDecoratorName=e.name,n.prevMountedDecorators.has(e)?(n.currentPhase="UPDATE",n.currentHooks=n.hookListsMap.get(e)||[]):(n.currentPhase="MOUNT",n.currentHooks=[],n.hookListsMap.set(e,n.currentHooks),n.prevMountedDecorators.add(e)),n.nextHookIndex=0;let s=be.STORYBOOK_HOOKS_CONTEXT;be.STORYBOOK_HOOKS_CONTEXT=n;let c=e(...r);if(be.STORYBOOK_HOOKS_CONTEXT=s,n.currentPhase==="UPDATE"&&n.getNextHook()!=null)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return n.currentPhase=o,n.currentHooks=a,n.nextHookIndex=i,n.currentDecoratorName=l,c},"hookified");return t.originalFn=e,t}E(fo,"hookify");var io=0,oh=25,ah=E(e=>(t,r)=>{let n=e(fo(t),r.map(o=>fo(o)));return o=>{let{hooks:a}=o;a.prevMountedDecorators??=new Set,a.mountedDecorators=new Set([t,...r]),a.currentContext=o,a.hasUpdates=!1;let i=n(o);for(io=1;a.hasUpdates;)if(a.hasUpdates=!1,a.currentEffects=[],i=n(o),io+=1,io>oh)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return a.addRenderListeners(),i}},"applyHooks"),ih=E((e,t)=>e.length===t.length&&e.every((r,n)=>r===t[n]),"areDepsEqual"),Do=E(()=>new Error("Storybook preview hooks can only be called inside decorators and story functions."),"invalidHooksError");function Ro(){return be.STORYBOOK_HOOKS_CONTEXT||null}E(Ro,"getHooksContextOrNull");function Zr(){let e=Ro();if(e==null)throw Do();return e}E(Zr,"getHooksContextOrThrow");function el(e,t,r){let n=Zr();if(n.currentPhase==="MOUNT"){r!=null&&!Array.isArray(r)&&Q.warn(`${e} received a final argument that is not an array (instead, received ${r}). When specified, the final argument must be an array.`);let o={name:e,deps:r};return n.currentHooks.push(o),t(o),o}if(n.currentPhase==="UPDATE"){let o=n.getNextHook();if(o==null)throw new Error("Rendered more hooks than during the previous render.");return o.name!==e&&Q.warn(`Storybook has detected a change in the order of Hooks${n.currentDecoratorName?` called by ${n.currentDecoratorName}`:""}. This will lead to bugs and errors if not fixed.`),r!=null&&o.deps==null&&Q.warn(`${e} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`),r!=null&&o.deps!=null&&r.length!==o.deps.length&&Q.warn(`The final argument passed to ${e} changed size between renders. The order and size of this array must remain constant. +Previous: ${o.deps} +Incoming: ${r}`),(r==null||o.deps==null||!ih(r,o.deps))&&(t(o),o.deps=r),o}throw Do()}E(el,"useHook");function mr(e,t,r){let{memoizedState:n}=el(e,o=>{o.memoizedState=t()},r);return n}E(mr,"useMemoLike");function sh(e,t){return mr("useMemo",e,t)}E(sh,"useMemo");function fr(e,t){return mr("useCallback",()=>e,t)}E(fr,"useCallback");function _o(e,t){return mr(e,()=>({current:t}),[])}E(_o,"useRefLike");function lh(e){return _o("useRef",e)}E(lh,"useRef");function tl(){let e=Ro();if(e!=null&&e.currentPhase!=="NONE")e.hasUpdates=!0;else try{Ct.getChannel().emit(Nr)}catch{Q.warn("State updates of Storybook preview hooks work only in browser")}}E(tl,"triggerUpdate");function Po(e,t){let r=_o(e,typeof t=="function"?t():t),n=E(o=>{r.current=typeof o=="function"?o(r.current):o,tl()},"setState");return[r.current,n]}E(Po,"useStateLike");function uh(e){return Po("useState",e)}E(uh,"useState");function ch(e,t,r){let n=r!=null?()=>r(t):t,[o,a]=Po("useReducer",n);return[o,E(i=>a(l=>e(l,i)),"dispatch")]}E(ch,"useReducer");function rl(e,t){let r=Zr(),n=mr("useEffect",()=>({create:e}),t);r.currentEffects.includes(n)||r.currentEffects.push(n)}E(rl,"useEffect");function dh(e,t=[]){let r=Ct.getChannel();return rl(()=>(Object.entries(e).forEach(([n,o])=>r.on(n,o)),()=>{Object.entries(e).forEach(([n,o])=>r.removeListener(n,o))}),[...Object.keys(e),...t]),fr(r.emit.bind(r),[r])}E(dh,"useChannel");function en(){let{currentContext:e}=Zr();if(e==null)throw Do();return e}E(en,"useStoryContext");function ph(e,t){let{parameters:r}=en();if(e)return r[e]??t}E(ph,"useParameter");function fh(){let e=Ct.getChannel(),{id:t,args:r}=en(),n=fr(a=>e.emit(Mr,{storyId:t,updatedArgs:a}),[e,t]),o=fr(a=>e.emit(Br,{storyId:t,argNames:a}),[e,t]);return[r,n,o]}E(fh,"useArgs");function hh(){let e=Ct.getChannel(),{globals:t}=en(),r=fr(n=>e.emit(Lr,{globals:n}),[e]);return[t,r]}E(hh,"useGlobals");var mk=E(({name:e,parameterName:t,wrapper:r,skipIfNoParametersOrOptions:n=!1})=>{let o=E(a=>(i,l)=>{let s=l.parameters&&l.parameters[t];return s&&s.disable||n&&!a&&!s?i(l):r(i,l,{options:a,parameters:s})},"decorator");return(...a)=>typeof a[0]=="function"?o()(...a):(...i)=>{if(i.length>1)return a.length>1?o(a)(...i):o(...a)(...i);throw new Error(`Passing stories directly into ${e}() is not allowed, + instead use addDecorator(${e}) and pass options with the '${t}' parameter`)}},"makeDecorator");function nl(e,t){let r={},n=Object.entries(e);for(let o=0;o<n.length;o++){let[a,i]=n[o];t(i,a)||(r[a]=i)}return r}E(nl,"omitBy");function ol(e,t){let r={};for(let n=0;n<t.length;n++){let o=t[n];Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o])}return r}E(ol,"pick");function al(e,t){let r={},n=Object.entries(e);for(let o=0;o<n.length;o++){let[a,i]=n[o];t(i,a)&&(r[a]=i)}return r}E(al,"pickBy");function Je(e){if(typeof e!="object"||e==null)return!1;if(Object.getPrototypeOf(e)===null)return!0;if(e.toString()!=="[object Object]")return!1;let t=e;for(;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}E(Je,"isPlainObject");function kt(e,t){let r={},n=Object.keys(e);for(let o=0;o<n.length;o++){let a=n[o],i=e[a];r[a]=t(i,a,e)}return r}E(kt,"mapValues");var mh="[object RegExp]",yh="[object String]",gh="[object Number]",bh="[object Boolean]",Rs="[object Arguments]",Eh="[object Symbol]",vh="[object Date]",xh="[object Map]",Sh="[object Set]",wh="[object Array]",Ah="[object Function]",Th="[object ArrayBuffer]",so="[object Object]",Ch="[object Error]",kh="[object DataView]",Ih="[object Uint8Array]",Oh="[object Uint8ClampedArray]",Dh="[object Uint16Array]",Rh="[object Uint32Array]",_h="[object BigUint64Array]",Ph="[object Int8Array]",Fh="[object Int16Array]",Nh="[object Int32Array]",Bh="[object BigInt64Array]",jh="[object Float32Array]",Lh="[object Float64Array]";function ho(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}E(ho,"getSymbols");function mo(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}E(mo,"getTag");function il(e,t){if(typeof e==typeof t)switch(typeof e){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return e===t;case"number":return e===t||Object.is(e,t);case"function":return e===t;case"object":return Ge(e,t)}return Ge(e,t)}E(il,"isEqual");function Ge(e,t,r){if(Object.is(e,t))return!0;let n=mo(e),o=mo(t);if(n===Rs&&(n=so),o===Rs&&(o=so),n!==o)return!1;switch(n){case yh:return e.toString()===t.toString();case gh:{let l=e.valueOf(),s=t.valueOf();return l===s||Number.isNaN(l)&&Number.isNaN(s)}case bh:case vh:case Eh:return Object.is(e.valueOf(),t.valueOf());case mh:return e.source===t.source&&e.flags===t.flags;case Ah:return e===t}r=r??new Map;let a=r.get(e),i=r.get(t);if(a!=null&&i!=null)return a===t;r.set(e,t),r.set(t,e);try{switch(n){case xh:{if(e.size!==t.size)return!1;for(let[l,s]of e.entries())if(!t.has(l)||!Ge(s,t.get(l),r))return!1;return!0}case Sh:{if(e.size!==t.size)return!1;let l=Array.from(e.values()),s=Array.from(t.values());for(let c=0;c<l.length;c++){let d=l[c],p=s.findIndex(h=>Ge(d,h,r));if(p===-1)return!1;s.splice(p,1)}return!0}case wh:case Ih:case Oh:case Dh:case Rh:case _h:case Ph:case Fh:case Nh:case Bh:case jh:case Lh:{if(typeof Buffer<"u"&&Buffer.isBuffer(e)!==Buffer.isBuffer(t)||e.length!==t.length)return!1;for(let l=0;l<e.length;l++)if(!Ge(e[l],t[l],r))return!1;return!0}case Th:return e.byteLength!==t.byteLength?!1:Ge(new Uint8Array(e),new Uint8Array(t),r);case kh:return e.byteLength!==t.byteLength||e.byteOffset!==t.byteOffset?!1:Ge(e.buffer,t.buffer,r);case Ch:return e.name===t.name&&e.message===t.message;case so:{if(!(Ge(e.constructor,t.constructor,r)||Je(e)&&Je(t)))return!1;let l=[...Object.keys(e),...ho(e)],s=[...Object.keys(t),...ho(t)];if(l.length!==s.length)return!1;for(let c=0;c<l.length;c++){let d=l[c],p=e[d];if(!Object.prototype.hasOwnProperty.call(t,d))return!1;let h=t[d];if(!Ge(p,h,r))return!1}return!0}default:return!1}}finally{r.delete(e),r.delete(t)}}E(Ge,"areObjectsEqual");var lo=Ht(Js(),1);function Me(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=Array.from(typeof e=="string"?[e]:e);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var o=n.reduce(function(l,s){var c=s.match(/\n([\t ]+|(?!\s).)/g);return c?l.concat(c.map(function(d){var p,h;return(h=(p=d.match(/[\t ]/g))===null||p===void 0?void 0:p.length)!==null&&h!==void 0?h:0})):l},[]);if(o.length){var a=new RegExp(` +[ ]{`+Math.min.apply(Math,o)+"}","g");n=n.map(function(l){return l.replace(a,` +`)})}n[0]=n[0].replace(/^\r?\n/,"");var i=n[0];return t.forEach(function(l,s){var c=i.match(/(?:^|\n)( *)$/),d=c?c[1]:"",p=l;typeof l=="string"&&l.includes(` +`)&&(p=String(l).split(` +`).map(function(h,f){return f===0?h:""+d+h}).join(` +`)),i+=p+n[s+1]}),i}E(Me,"dedent");var Vt=Symbol("incompatible"),yo=E((e,t)=>{let r=t.type;if(e==null||!r||t.mapping)return e;switch(r.name){case"string":return String(e);case"enum":return e;case"number":return Number(e);case"boolean":return String(e)==="true";case"array":return!r.value||!Array.isArray(e)?Vt:e.reduce((n,o,a)=>{let i=yo(o,{type:r.value});return i!==Vt&&(n[a]=i),n},new Array(e.length));case"object":return typeof e=="string"||typeof e=="number"?e:!r.value||typeof e!="object"?Vt:Object.entries(e).reduce((n,[o,a])=>{let i=yo(a,{type:r.value[o]});return i===Vt?n:Object.assign(n,{[o]:i})},{});default:return Vt}},"map"),Mh=E((e,t)=>Object.entries(e).reduce((r,[n,o])=>{if(!t[n])return r;let a=yo(o,t[n]);return a===Vt?r:Object.assign(r,{[n]:a})},{}),"mapArgsToTypes"),go=E((e,t)=>Array.isArray(e)&&Array.isArray(t)?t.reduce((r,n,o)=>(r[o]=go(e[o],t[o]),r),[...e]).filter(r=>r!==void 0):!Je(e)||!Je(t)?t:Object.keys({...e,...t}).reduce((r,n)=>{if(n in t){let o=go(e[n],t[n]);o!==void 0&&(r[n]=o)}else r[n]=e[n];return r},{}),"combineArgs"),Uh=E((e,t)=>Object.entries(t).reduce((r,[n,{options:o}])=>{function a(){return n in e&&(r[n]=e[n]),r}if(E(a,"allowArg"),!o)return a();if(!Array.isArray(o))return ct.error(Me` + Invalid argType: '${n}.options' should be an array. + + More info: https://storybook.js.org/docs/api/arg-types + `),a();if(o.some(p=>p&&["object","function"].includes(typeof p)))return ct.error(Me` + Invalid argType: '${n}.options' should only contain primitives. Use a 'mapping' for complex values. + + More info: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values + `),a();let i=Array.isArray(e[n]),l=i&&e[n].findIndex(p=>!o.includes(p)),s=i&&l===-1;if(e[n]===void 0||o.includes(e[n])||s)return a();let c=i?`${n}[${l}]`:n,d=o.map(p=>typeof p=="string"?`'${p}'`:String(p)).join(", ");return ct.warn(`Received illegal value for '${c}'. Supported options: ${d}`),r},{}),"validateOptions"),dr=Symbol("Deeply equal"),Yr=E((e,t)=>{if(typeof e!=typeof t)return t;if(il(e,t))return dr;if(Array.isArray(e)&&Array.isArray(t)){let r=t.reduce((n,o,a)=>{let i=Yr(e[a],o);return i!==dr&&(n[a]=i),n},new Array(t.length));return t.length>=e.length?r:r.concat(new Array(e.length-t.length).fill(void 0))}return Je(e)&&Je(t)?Object.keys({...e,...t}).reduce((r,n)=>{let o=Yr(e?.[n],t?.[n]);return o===dr?r:Object.assign(r,{[n]:o})},{}):t},"deepDiff"),sl="UNTARGETED";function ll({args:e,argTypes:t}){let r={};return Object.entries(e).forEach(([n,o])=>{let{target:a=sl}=t[n]||{};r[a]=r[a]||{},r[a][n]=o}),r}E(ll,"groupArgsByTarget");function ul(e){return Object.keys(e).forEach(t=>e[t]===void 0&&delete e[t]),e}E(ul,"deleteUndefined");var cl=class{constructor(){this.initialArgsByStoryId={},this.argsByStoryId={}}get(t){if(!(t in this.argsByStoryId))throw new Error(`No args known for ${t} -- has it been rendered yet?`);return this.argsByStoryId[t]}setInitial(t){if(!this.initialArgsByStoryId[t.id])this.initialArgsByStoryId[t.id]=t.initialArgs,this.argsByStoryId[t.id]=t.initialArgs;else if(this.initialArgsByStoryId[t.id]!==t.initialArgs){let r=Yr(this.initialArgsByStoryId[t.id],this.argsByStoryId[t.id]);this.initialArgsByStoryId[t.id]=t.initialArgs,this.argsByStoryId[t.id]=t.initialArgs,r!==dr&&this.updateFromDelta(t,r)}}updateFromDelta(t,r){let n=Uh(r,t.argTypes);this.argsByStoryId[t.id]=go(this.argsByStoryId[t.id],n)}updateFromPersisted(t,r){let n=Mh(r,t.argTypes);return this.updateFromDelta(t,n)}update(t,r){if(!(t in this.argsByStoryId))throw new Error(`No args known for ${t} -- has it been rendered yet?`);this.argsByStoryId[t]=ul({...this.argsByStoryId[t],...r})}};E(cl,"ArgsStore");var $h=cl,dl=E((e={})=>Object.entries(e).reduce((t,[r,{defaultValue:n}])=>(typeof n<"u"&&(t[r]=n),t),{}),"getValuesFromArgTypes"),pl=class{constructor({globals:t={},globalTypes:r={}}){this.set({globals:t,globalTypes:r})}set({globals:t={},globalTypes:r={}}){let n=this.initialGlobals&&Yr(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([...Object.keys(t),...Object.keys(r)]);let o=dl(r);this.initialGlobals={...o,...t},this.globals=this.initialGlobals,n&&n!==dr&&this.updateFromPersisted(n)}filterAllowedGlobals(t){return Object.entries(t).reduce((r,[n,o])=>(this.allowedGlobalNames.has(n)?r[n]=o:Q.warn(`Attempted to set a global (${n}) that is not defined in initial globals or globalTypes`),r),{})}updateFromPersisted(t){let r=this.filterAllowedGlobals(t);this.globals={...this.globals,...r}}get(){return this.globals}update(t){this.globals={...this.globals,...this.filterAllowedGlobals(t)}}};E(pl,"GlobalsStore");var qh=pl,Vh=Ht(Js(),1),Jh=(0,Vh.default)(1)(e=>Object.values(e).reduce((t,r)=>(t[r.importPath]=t[r.importPath]||r,t),{})),fl=class{constructor({entries:t}={v:5,entries:{}}){this.entries=t}entryFromSpecifier(t){let r=Object.values(this.entries);if(t==="*")return r[0];if(typeof t=="string")return this.entries[t]?this.entries[t]:r.find(a=>a.id.startsWith(t));let{name:n,title:o}=t;return r.find(a=>a.name===n&&a.title===o)}storyIdToEntry(t){let r=this.entries[t];if(!r)throw new Yi({storyId:t});return r}importPathToEntry(t){return Jh(this.entries)[t]}};E(fl,"StoryIndexStore");var zh=fl,Hh=E(e=>typeof e=="string"?{name:e}:e,"normalizeType"),Gh=E(e=>typeof e=="string"?{type:e}:e,"normalizeControl"),Wh=E((e,t)=>{let{type:r,control:n,...o}=e,a={name:t,...o};return r&&(a.type=Hh(r)),n?a.control=Gh(n):n===!1&&(a.control={disable:!0}),a},"normalizeInputType"),Xr=E(e=>kt(e,Wh),"normalizeInputTypes"),pe=E(e=>Array.isArray(e)?e:e?[e]:[],"normalizeArrays"),Kh=Me` +CSF .story annotations deprecated; annotate story functions directly: +- StoryFn.story.name => StoryFn.storyName +- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators) +See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod. +`;function Fo(e,t,r){let n=t,o=typeof t=="function"?t:null,{story:a}=n;a&&(Q.debug("deprecated story",a),Ze(Kh));let i=ks(e),l=typeof n!="function"&&n.name||n.storyName||a?.name||i,s=[...pe(n.decorators),...pe(a?.decorators)],c={...a?.parameters,...n.parameters},d={...a?.args,...n.args},p={...a?.argTypes,...n.argTypes},h=[...pe(n.loaders),...pe(a?.loaders)],f=[...pe(n.beforeEach),...pe(a?.beforeEach)],{render:b,play:g,tags:x=[],globals:S={}}=n,A=c.__id||Cs(r.id,i);return{moduleExport:t,id:A,name:l,tags:x,decorators:s,parameters:c,args:d,argTypes:Xr(p),loaders:h,beforeEach:f,globals:S,...b&&{render:b},...o&&{userStoryFn:o},...g&&{play:g}}}E(Fo,"normalizeStory");function No(e,t=e.title,r){let{id:n,argTypes:o}=e;return{id:oo(n||t),...e,title:t,...o&&{argTypes:Xr(o)},parameters:{fileName:r,...e.parameters}}}E(No,"normalizeComponentAnnotations");var Yh=E(e=>{let{globals:t,globalTypes:r}=e;(t||r)&&Q.error("Global args/argTypes can only be set globally",JSON.stringify({globals:t,globalTypes:r}))},"checkGlobals"),Xh=E(e=>{let{options:t}=e;t?.storySort&&Q.error("The storySort option parameter can only be set globally")},"checkStorySort"),_s=E(e=>{e&&(Yh(e),Xh(e))},"checkDisallowedParameters");function hl(e,t,r){let{default:n,__namedExportsOrder:o,...a}=e,i=No(n,r,t);_s(i.parameters);let l={meta:i,stories:{},moduleExports:e};return Object.keys(a).forEach(s=>{if(Hr(s,i)){let c=Fo(s,a[s],i);_s(c.parameters),l.stories[c.id]=c}}),l}E(hl,"processCSFFile");function ml(e){return e!=null&&yl(e).includes("mount")}E(ml,"mountDestructured");function yl(e){let t=e.toString().match(/[^(]*\(([^)]*)/);if(!t)return[];let r=bo(t[1]);if(!r.length)return[];let n=r[0];return n.startsWith("{")&&n.endsWith("}")?bo(n.slice(1,-1).replace(/\s/g,"")).map(o=>o.replace(/:.*|=.*/g,"")):[]}E(yl,"getUsedProps");function bo(e){let t=[],r=[],n=0;for(let a=0;a<e.length;a++)if(e[a]==="{"||e[a]==="[")r.push(e[a]==="{"?"}":"]");else if(e[a]===r[r.length-1])r.pop();else if(!r.length&&e[a]===","){let i=e.substring(n,a).trim();i&&t.push(i),n=a+1}let o=e.substring(n).trim();return o&&t.push(o),t}E(bo,"splitByComma");function gl(e,t,r){let n=r(e);return o=>t(n,o)}E(gl,"decorateStory");function bl({componentId:e,title:t,kind:r,id:n,name:o,story:a,parameters:i,initialArgs:l,argTypes:s,...c}={}){return c}E(bl,"sanitizeStoryContextUpdate");function El(e,t){let r={},n=E(a=>i=>{if(!r.value)throw new Error("Decorated function called without init");return r.value={...r.value,...bl(i)},a(r.value)},"bindWithContext"),o=t.reduce((a,i)=>gl(a,i,n),e);return a=>(r.value=a,o(a))}E(El,"defaultDecorateStory");var et=E((...e)=>{let t={},r=e.filter(Boolean),n=r.reduce((o,a)=>(Object.entries(a).forEach(([i,l])=>{let s=o[i];Array.isArray(l)||typeof s>"u"?o[i]=l:Je(l)&&Je(s)?t[i]=!0:typeof l<"u"&&(o[i]=l)}),o),{});return Object.keys(t).forEach(o=>{let a=r.filter(Boolean).map(i=>i[o]).filter(i=>typeof i<"u");a.every(i=>Je(i))?n[o]=et(...a):n[o]=a[a.length-1]}),n},"combineParameters");function Bo(e,t,r){let{moduleExport:n,id:o,name:a}=e||{},i=jo(e,t,r),l=E(async I=>{let D={};for(let F of[..."__STORYBOOK_TEST_LOADERS__"in be&&Array.isArray(be.__STORYBOOK_TEST_LOADERS__)?[be.__STORYBOOK_TEST_LOADERS__]:[],pe(r.loaders),pe(t.loaders),pe(e.loaders)]){if(I.abortSignal.aborted)return D;let P=await Promise.all(F.map(L=>L(I)));Object.assign(D,...P)}return D},"applyLoaders"),s=E(async I=>{let D=new Array;for(let F of[...pe(r.beforeEach),...pe(t.beforeEach),...pe(e.beforeEach)]){if(I.abortSignal.aborted)return D;let P=await F(I);P&&D.push(P)}return D},"applyBeforeEach"),c=E(I=>I.originalStoryFn(I.args,I),"undecoratedStoryFn"),{applyDecorators:d=El,runStep:p}=r,h=[...pe(e?.decorators),...pe(t?.decorators),...pe(r?.decorators)],f=e?.userStoryFn||e?.render||t.render||r.render,b=ah(d)(c,h),g=E(I=>b(I),"unboundStoryFn"),x=e?.play??t?.play,S=ml(x);if(!f&&!S)throw new ys({id:o});let A=E(I=>async()=>(await I.renderToCanvas(),I.canvas),"defaultMount"),k=e.mount??t.mount??r.mount??A,T=r.testingLibraryRender;return{storyGlobals:{},...i,moduleExport:n,id:o,name:a,story:a,originalStoryFn:f,undecoratedStoryFn:c,unboundStoryFn:g,applyLoaders:l,applyBeforeEach:s,playFunction:x,runStep:p,mount:k,testingLibraryRender:T,renderToCanvas:r.renderToCanvas,usesMount:S}}E(Bo,"prepareStory");function vl(e,t,r){return{...jo(void 0,e,t),moduleExport:r}}E(vl,"prepareMeta");function jo(e,t,r){let n=["dev","test"],o=be.DOCS_OPTIONS?.autodocs===!0?["autodocs"]:[],a=Is(...n,...o,...r.tags??[],...t.tags??[],...e?.tags??[]),i=et(r.parameters,t.parameters,e?.parameters),{argTypesEnhancers:l=[],argsEnhancers:s=[]}=r,c=et(r.argTypes,t.argTypes,e?.argTypes);if(e){let S=e?.userStoryFn||e?.render||t.render||r.render;i.__isArgsStory=S&&S.length>0}let d={...r.args,...t.args,...e?.args},p={...t.globals,...e?.globals},h={componentId:t.id,title:t.title,kind:t.title,id:e?.id||t.id,name:e?.name||"__meta",story:e?.name||"__meta",component:t.component,subcomponents:t.subcomponents,tags:a,parameters:i,initialArgs:d,argTypes:c,storyGlobals:p};h.argTypes=l.reduce((S,A)=>A({...h,argTypes:S}),h.argTypes);let f={...d};h.initialArgs=s.reduce((S,A)=>({...S,...A({...h,initialArgs:S})}),f);let{name:b,story:g,...x}=h;return x}E(jo,"preparePartialAnnotations");function Lo(e){let{args:t}=e,r={...e,allArgs:void 0,argsByTarget:void 0};if(be.FEATURES?.argTypeTargetsV7){let a=ll(e);r={...e,allArgs:e.args,argsByTarget:a,args:a[sl]||{}}}let n=Object.entries(r.args).reduce((a,[i,l])=>{if(!r.argTypes[i]?.mapping)return a[i]=l,a;let s=E(c=>{let d=r.argTypes[i].mapping;return d&&c in d?d[c]:c},"mappingFn");return a[i]=Array.isArray(l)?l.map(s):s(l),a},{}),o=Object.entries(n).reduce((a,[i,l])=>{let s=r.argTypes[i]||{};return Ts(s,n,r.globals)&&(a[i]=l),a},{});return{...r,unmappedArgs:t,args:o}}E(Lo,"prepareContext");var Eo=E((e,t,r)=>{let n=typeof e;switch(n){case"boolean":case"string":case"number":case"function":case"symbol":return{name:n};default:break}return e?r.has(e)?(Q.warn(Me` + We've detected a cycle in arg '${t}'. Args should be JSON-serializable. + + Consider using the mapping feature or fully custom args: + - Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values + - Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args + `),{name:"other",value:"cyclic object"}):(r.add(e),Array.isArray(e)?{name:"array",value:e.length>0?Eo(e[0],t,new Set(r)):{name:"other",value:"unknown"}}:{name:"object",value:kt(e,o=>Eo(o,t,new Set(r)))}):{name:"object",value:{}}},"inferType"),xl=E(e=>{let{id:t,argTypes:r={},initialArgs:n={}}=e,o=kt(n,(i,l)=>({name:l,type:Eo(i,`${t}.${l}`,new Set)})),a=kt(r,(i,l)=>({name:l}));return et(o,a,r)},"inferArgTypes");xl.secondPass=!0;var Ps=E((e,t)=>Array.isArray(t)?t.includes(e):e.match(t),"matches"),Qh=E((e,t,r)=>!t&&!r?e:e&&al(e,(n,o)=>{let a=n.name||o.toString();return!!(!t||Ps(a,t))&&(!r||!Ps(a,r))}),"filterArgTypes"),Zh=E((e,t,r)=>{let{type:n,options:o}=e;if(n){if(r.color&&r.color.test(t)){let a=n.name;if(a==="string")return{control:{type:"color"}};a!=="enum"&&Q.warn(`Addon controls: Control of type color only supports string, received "${a}" instead`)}if(r.date&&r.date.test(t))return{control:{type:"date"}};switch(n.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:a}=n;return{control:{type:a?.length<=5?"radio":"select"},options:a}}case"function":case"symbol":return null;default:return{control:{type:o?"select":"object"}}}}},"inferControl"),Sl=E(e=>{let{argTypes:t,parameters:{__isArgsStory:r,controls:{include:n=null,exclude:o=null,matchers:a={}}={}}}=e;if(!r)return t;let i=Qh(t,n,o),l=kt(i,(s,c)=>s?.type&&Zh(s,c.toString(),a));return et(l,i)},"inferControls");Sl.secondPass=!0;function Qr({argTypes:e,globalTypes:t,argTypesEnhancers:r,decorators:n,loaders:o,beforeEach:a,globals:i,initialGlobals:l,...s}){return i&&Object.keys(i).length>0&&Ze(Me` + The preview.js 'globals' field is deprecated and will be removed in Storybook 9.0. + Please use 'initialGlobals' instead. Learn more: + + https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewjs-globals-renamed-to-initialglobals + `),{...e&&{argTypes:Xr(e)},...t&&{globalTypes:Xr(t)},decorators:pe(n),loaders:pe(o),beforeEach:pe(a),argTypesEnhancers:[...r||[],xl,Sl],initialGlobals:et(l,i),...s}}E(Qr,"normalizeProjectAnnotations");var em=E(e=>async()=>{let t=[];for(let r of e){let n=await r();n&&t.unshift(n)}return async()=>{for(let r of t)await r()}},"composeBeforeAllHooks");function wl(e){return async(t,r,n)=>{await e.reduceRight((o,a)=>async()=>a(t,o,n),async()=>r(n))()}}E(wl,"composeStepRunners");function zt(e,t){return e.map(r=>r.default?.[t]??r[t]).filter(Boolean)}E(zt,"getField");function dt(e,t,r={}){return zt(e,t).reduce((n,o)=>{let a=pe(o);return r.reverseFileOrder?[...a,...n]:[...n,...a]},[])}E(dt,"getArrayField");function Jt(e,t){return Object.assign({},...zt(e,t))}E(Jt,"getObjectField");function At(e,t){return zt(e,t).pop()}E(At,"getSingletonField");function hr(e){let t=dt(e,"argTypesEnhancers"),r=zt(e,"runStep"),n=dt(e,"beforeAll");return{parameters:et(...zt(e,"parameters")),decorators:dt(e,"decorators",{reverseFileOrder:!(be.FEATURES?.legacyDecoratorFileOrder??!1)}),args:Jt(e,"args"),argsEnhancers:dt(e,"argsEnhancers"),argTypes:Jt(e,"argTypes"),argTypesEnhancers:[...t.filter(o=>!o.secondPass),...t.filter(o=>o.secondPass)],globals:Jt(e,"globals"),initialGlobals:Jt(e,"initialGlobals"),globalTypes:Jt(e,"globalTypes"),loaders:dt(e,"loaders"),beforeAll:em(n),beforeEach:dt(e,"beforeEach"),render:At(e,"render"),renderToCanvas:At(e,"renderToCanvas"),renderToDOM:At(e,"renderToDOM"),applyDecorators:At(e,"applyDecorators"),runStep:wl(r),tags:dt(e,"tags"),mount:At(e,"mount"),testingLibraryRender:At(e,"testingLibraryRender")}}E(hr,"composeConfigs");function tm(e){globalThis.defaultProjectAnnotations=e}E(tm,"setDefaultProjectAnnotations");var rm="ComposedStory",nm="Unnamed Story";function Al(e){return e?hr([e]):{}}E(Al,"extractAnnotation");function om(e){let t=Array.isArray(e)?e:[e];return globalThis.globalProjectAnnotations=hr(t.map(Al)),hr([globalThis.defaultProjectAnnotations??{},globalThis.globalProjectAnnotations??{}])}E(om,"setProjectAnnotations");var pt=[];function Tl(e,t,r,n,o){if(e===void 0)throw new Error("Expected a story but received undefined.");t.title=t.title??rm;let a=No(t),i=o||e.storyName||e.story?.name||e.name||nm,l=Fo(i,e,a),s=Qr(hr([n&&Object.keys(n).length>0?n:globalThis.defaultProjectAnnotations??{},globalThis.globalProjectAnnotations??{},r??{}])),c=Bo(l,a,s),d={...dl(s.globalTypes),...s.initialGlobals,...c.storyGlobals},p=E(()=>{let x=Lo({hooks:new Zs,globals:d,args:{...c.initialArgs},viewMode:"story",loaded:{},abortSignal:new AbortController().signal,step:E((S,A)=>c.runStep(S,A,x),"step"),canvasElement:null,canvas:{},globalTypes:s.globalTypes,...c,context:null,mount:null});return x.context=x,c.renderToCanvas&&(x.renderToCanvas=async()=>{let S=await c.renderToCanvas?.({componentId:c.componentId,title:c.title,id:c.id,name:c.name,tags:c.tags,showMain:E(()=>{},"showMain"),showError:E(A=>{throw new Error(`${A.title} +${A.description}`)},"showError"),showException:E(A=>{throw A},"showException"),forceRemount:!0,storyContext:x,storyFn:E(()=>c.unboundStoryFn(x),"storyFn"),unboundStoryFn:c.unboundStoryFn},x.canvasElement);S&&pt.push(S)}),x.mount=c.mount(x),x},"initializeContext"),h,f=E(async x=>{let S=p();return S.canvasElement??=globalThis?.document?.body,h&&(S.loaded=h.loaded),Object.assign(S,x),c.playFunction(S)},"play"),b=E(x=>{let S=p();return Object.assign(S,x),Cl(c,S)},"run"),g=c.playFunction?f:void 0;return Object.assign(E(function(x){let S=p();return h&&(S.loaded=h.loaded),S.args={...S.initialArgs,...x},c.unboundStoryFn(S)},"storyFn"),{id:c.id,storyName:i,load:E(async()=>{for(let S of[...pt].reverse())await S();pt.length=0;let x=p();x.loaded=await c.applyLoaders(x),pt.push(...(await c.applyBeforeEach(x)).filter(Boolean)),h=x},"load"),globals:d,args:c.initialArgs,parameters:c.parameters,argTypes:c.argTypes,play:g,run:b,tags:c.tags})}E(Tl,"composeStory");var am=E((e,t,r,n)=>Tl(e,t,r,{},n),"defaultComposeStory");function im(e,t,r=am){let{default:n,__esModule:o,__namedExportsOrder:a,...i}=e;return Object.entries(i).reduce((l,[s,c])=>Hr(s,n)?Object.assign(l,{[s]:r(c,n,t,s)}):l,{})}E(im,"composeStories");function sm(e){return e.extend({mount:E(async({mount:t,page:r},n)=>{await n(async(o,...a)=>{if(!("__pw_type"in o)||"__pw_type"in o&&o.__pw_type!=="jsx")throw new Error(Me` + Portable stories in Playwright CT only work when referencing JSX elements. + Please use JSX format for your components such as: + + instead of: + await mount(MyComponent, { props: { foo: 'bar' } }) + + do: + await mount(<MyComponent foo="bar"/>) + + More info: https://storybook.js.org/docs/api/portable-stories-playwright + `);await r.evaluate(async l=>{let s=await globalThis.__pwUnwrapObject?.(l);return("__pw_type"in s?s.type:s)?.load?.()},o);let i=await t(o,...a);return await r.evaluate(async l=>{let s=await globalThis.__pwUnwrapObject?.(l),c="__pw_type"in s?s.type:s,d=document.querySelector("#root");return c?.play?.({canvasElement:d})},o),i})},"mount")})}E(sm,"createPlaywrightTest");async function Cl(e,t){for(let o of[...pt].reverse())await o();if(pt.length=0,!t.canvasElement){let o=document.createElement("div");globalThis?.document?.body?.appendChild(o),t.canvasElement=o,pt.push(()=>{globalThis?.document?.body?.contains(o)&&globalThis?.document?.body?.removeChild(o)})}if(t.loaded=await e.applyLoaders(t),t.abortSignal.aborted)return;pt.push(...(await e.applyBeforeEach(t)).filter(Boolean));let r=e.playFunction,n=e.usesMount;n||await t.mount(),!t.abortSignal.aborted&&r&&(n||(t.mount=async()=>{throw new Jr({playFunction:r.toString()})}),await r(t))}E(Cl,"runStory");function vo(e,t){return nl(ol(e,t),r=>r===void 0)}E(vo,"picky");var Fs=1e3,lm=1e4,kl=class{constructor(t,r,n){this.importFn=r,this.getStoriesJsonData=E(()=>{let i=this.getSetStoriesPayload(),l=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:kt(i.stories,s=>{let{importPath:c}=this.storyIndex.entries[s.id];return{...vo(s,["id","name","title"]),importPath:c,kind:s.title,story:s.name,parameters:{...vo(s.parameters,l),fileName:c}}})}},"getStoriesJsonData"),this.storyIndex=new zh(t),this.projectAnnotations=Qr(n);let{initialGlobals:o,globalTypes:a}=this.projectAnnotations;this.args=new $h,this.userGlobals=new qh({globals:o,globalTypes:a}),this.hooks={},this.cleanupCallbacks={},this.processCSFFileWithCache=(0,lo.default)(Fs)(hl),this.prepareMetaWithCache=(0,lo.default)(Fs)(vl),this.prepareStoryWithCache=(0,lo.default)(lm)(Bo)}setProjectAnnotations(t){this.projectAnnotations=Qr(t);let{initialGlobals:r,globalTypes:n}=t;this.userGlobals.set({globals:r,globalTypes:n})}async onStoriesChanged({importFn:t,storyIndex:r}){t&&(this.importFn=t),r&&(this.storyIndex.entries=r.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(t){return this.storyIndex.storyIdToEntry(t)}async loadCSFFileByStoryId(t){let{importPath:r,title:n}=this.storyIndex.storyIdToEntry(t),o=await this.importFn(r);return this.processCSFFileWithCache(o,r,n)}async loadAllCSFFiles(){let t={};return Object.entries(this.storyIndex.entries).forEach(([r,{importPath:n}])=>{t[n]=r}),(await Promise.all(Object.entries(t).map(async([r,n])=>({importPath:r,csfFile:await this.loadCSFFileByStoryId(n)})))).reduce((r,{importPath:n,csfFile:o})=>(r[n]=o,r),{})}async cacheAllCSFFiles(){this.cachedCSFFiles=await this.loadAllCSFFiles()}preparedMetaFromCSFFile({csfFile:t}){let r=t.meta;return this.prepareMetaWithCache(r,this.projectAnnotations,t.moduleExports.default)}async loadStory({storyId:t}){let r=await this.loadCSFFileByStoryId(t);return this.storyFromCSFFile({storyId:t,csfFile:r})}storyFromCSFFile({storyId:t,csfFile:r}){let n=r.stories[t];if(!n)throw new ds({storyId:t});let o=r.meta,a=this.prepareStoryWithCache(n,o,this.projectAnnotations);return this.args.setInitial(a),this.hooks[a.id]=this.hooks[a.id]||new Zs,a}componentStoriesFromCSFFile({csfFile:t}){return Object.keys(this.storyIndex.entries).filter(r=>!!t.stories[r]).map(r=>this.storyFromCSFFile({storyId:r,csfFile:t}))}async loadEntry(t){let r=await this.storyIdToEntry(t),n=r.type==="docs"?r.storiesImports:[],[o,...a]=await Promise.all([this.importFn(r.importPath),...n.map(i=>{let l=this.storyIndex.importPathToEntry(i);return this.loadCSFFileByStoryId(l.id)})]);return{entryExports:o,csfFiles:a}}getStoryContext(t,{forceInitialArgs:r=!1}={}){let n=this.userGlobals.get(),{initialGlobals:o}=this.userGlobals;return Lo({...t,args:r?t.initialArgs:this.args.get(t.id),initialGlobals:o,globalTypes:this.projectAnnotations.globalTypes,userGlobals:n,globals:{...n,...t.storyGlobals},hooks:this.hooks[t.id]})}addCleanupCallbacks(t,r){this.cleanupCallbacks[t.id]=r}async cleanupStory(t){this.hooks[t.id].clean();let r=this.cleanupCallbacks[t.id];if(r)for(let n of[...r].reverse())await n();delete this.cleanupCallbacks[t.id]}extract(t={includeDocsOnly:!1}){let{cachedCSFFiles:r}=this;if(!r)throw new Qi;return Object.entries(this.storyIndex.entries).reduce((n,[o,{type:a,importPath:i}])=>{if(a==="docs")return n;let l=r[i],s=this.storyFromCSFFile({storyId:o,csfFile:l});return!t.includeDocsOnly&&s.parameters.docsOnly||(n[o]=Object.entries(s).reduce((c,[d,p])=>d==="moduleExport"||typeof p=="function"?c:Array.isArray(p)?Object.assign(c,{[d]:p.slice().sort()}):Object.assign(c,{[d]:p}),{args:s.initialArgs})),n},{})}getSetStoriesPayload(){let t=this.extract({includeDocsOnly:!0}),r=Object.values(t).reduce((n,{title:o})=>(n[o]={},n),{});return{v:2,globals:this.userGlobals.get(),globalParameters:{},kindParameters:r,stories:t}}raw(){return Ze("StoryStore.raw() is deprecated and will be removed in 9.0, please use extract() instead"),Object.values(this.extract()).map(({id:t})=>this.fromId(t)).filter(Boolean)}fromId(t){if(Ze("StoryStore.fromId() is deprecated and will be removed in 9.0, please use loadStory() instead"),!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let r;try{({importPath:r}=this.storyIndex.storyIdToEntry(t))}catch{return null}let n=this.cachedCSFFiles[r],o=this.storyFromCSFFile({storyId:t,csfFile:n});return{...o,storyFn:E(a=>{let i={...this.getStoryContext(o),abortSignal:new AbortController().signal,canvasElement:null,loaded:{},step:E((l,s)=>o.runStep(l,s,i),"step"),context:null,mount:null,canvas:{},viewMode:"story"};return o.unboundStoryFn({...i,...a})},"storyFn")}}};E(kl,"StoryStore");var um=kl;function Il(e){return e.startsWith("\\\\?\\")?e:e.replace(/\\/g,"/")}E(Il,"slash");var cm=E(e=>{if(e.length===0)return e;let t=e[e.length-1],r=t?.replace(/(?:[.](?:story|stories))?([.][^.]+)$/i,"");if(e.length===1)return[r];let n=e[e.length-2];return r&&n&&r.toLowerCase()===n.toLowerCase()?[...e.slice(0,-2),r]:r&&(/^(story|stories)([.][^.]+)$/i.test(t)||/^index$/i.test(r))?e.slice(0,-1):[...e.slice(0,-1),r]},"sanitize");function xo(e){return e.flatMap(t=>t.split("/")).filter(Boolean).join("/")}E(xo,"pathJoin");var dm=E((e,t,r)=>{let{directory:n,importPathMatcher:o,titlePrefix:a=""}=t||{};typeof e=="number"&&ct.warn(Me` + CSF Auto-title received a numeric fileName. This typically happens when + webpack is mis-configured in production mode. To force webpack to produce + filenames, set optimization.moduleIds = "named" in your webpack config. + `);let i=Il(String(e));if(o.exec(i)){if(!r){let l=i.replace(n,""),s=xo([a,l]).split("/");return s=cm(s),s.join("/")}return a?xo([a,r]):r}},"userOrAutoTitleFromSpecifier"),Lk=E((e,t,r)=>{for(let n=0;n<t.length;n+=1){let o=dm(e,t[n],r);if(o)return o}return r||void 0},"userOrAutoTitle"),Ns=/\s*\/\s*/,pm=E((e={})=>(t,r)=>{if(t.title===r.title&&!e.includeNames)return 0;let n=e.method||"configure",o=e.order||[],a=t.title.trim().split(Ns),i=r.title.trim().split(Ns);e.includeNames&&(a.push(t.name),i.push(r.name));let l=0;for(;a[l]||i[l];){if(!a[l])return-1;if(!i[l])return 1;let s=a[l],c=i[l];if(s!==c){let p=o.indexOf(s),h=o.indexOf(c),f=o.indexOf("*");return p!==-1||h!==-1?(p===-1&&(f!==-1?p=f:p=o.length),h===-1&&(f!==-1?h=f:h=o.length),p-h):n==="configure"?0:s.localeCompare(c,e.locales?e.locales:void 0,{numeric:!0,sensitivity:"accent"})}let d=o.indexOf(s);d===-1&&(d=o.indexOf("*")),o=d!==-1&&Array.isArray(o[d+1])?o[d+1]:[],l+=1}return 0},"storySort"),fm=E((e,t,r)=>{if(t){let n;typeof t=="function"?n=t:n=pm(t),e.sort(n)}else e.sort((n,o)=>r.indexOf(n.importPath)-r.indexOf(o.importPath));return e},"sortStoriesCommon"),Mk=E((e,t,r)=>{try{return fm(e,t,r)}catch(n){throw new Error(Me` + Error sorting stories with sort parameter ${t}: + + > ${n.message} + + Are you using a V6-style sort function in V7 mode? + + More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort + `)}},"sortStoriesV7"),tn=new Error("prepareAborted"),{AbortController:Bs}=globalThis;function So(e){try{let{name:t="Error",message:r=String(e),stack:n}=e;return{name:t,message:r,stack:n}}catch{return{name:"Error",message:String(e)}}}E(So,"serializeError");var Ol=class{constructor(t,r,n,o,a,i,l={autoplay:!0,forceInitialArgs:!1},s){this.channel=t,this.store=r,this.renderToScreen=n,this.callbacks=o,this.id=a,this.viewMode=i,this.renderOptions=l,this.type="story",this.notYetRendered=!0,this.rerenderEnqueued=!1,this.disableKeyListeners=!1,this.teardownRender=E(()=>{},"teardownRender"),this.torndown=!1,this.abortController=new Bs,s&&(this.story=s,this.phase="preparing")}async runPhase(t,r,n){this.phase=r,this.channel.emit(qt,{newPhase:this.phase,storyId:this.id}),n&&(await n(),this.checkIfAborted(t))}checkIfAborted(t){return t.aborted?(this.phase="aborted",this.channel.emit(qt,{newPhase:this.phase,storyId:this.id}),!0):!1}async prepare(){if(await this.runPhase(this.abortController.signal,"preparing",async()=>{this.story=await this.store.loadStory({storyId:this.id})}),this.abortController.signal.aborted)throw await this.store.cleanupStory(this.story),tn}isEqual(t){return!!(this.id===t.id&&this.story&&this.story===t.story)}isPreparing(){return["preparing"].includes(this.phase)}isPending(){return["loading","beforeEach","rendering","playing"].includes(this.phase)}async renderToElement(t){return this.canvasElement=t,this.render({initial:!0,forceRemount:!0})}storyContext(){if(!this.story)throw new Error("Cannot call storyContext before preparing");let{forceInitialArgs:t}=this.renderOptions;return this.store.getStoryContext(this.story,{forceInitialArgs:t})}async render({initial:t=!1,forceRemount:r=!1}={}){let{canvasElement:n}=this;if(!this.story)throw new Error("cannot render when not prepared");let o=this.story;if(!n)throw new Error("cannot render when canvasElement is unset");let{id:a,componentId:i,title:l,name:s,tags:c,applyLoaders:d,applyBeforeEach:p,unboundStoryFn:h,playFunction:f,runStep:b}=o;r&&!t&&(this.cancelRender(),this.abortController=new Bs);let g=this.abortController.signal,x=!1,S=o.usesMount;try{let A={...this.storyContext(),viewMode:this.viewMode,abortSignal:g,canvasElement:n,loaded:{},step:E((P,L)=>b(P,L,A),"step"),context:null,canvas:{},renderToCanvas:E(async()=>{let P=await this.renderToScreen(k,n);this.teardownRender=P||(()=>{}),x=!0},"renderToCanvas"),mount:E(async(...P)=>{this.callbacks.showStoryDuringRender?.();let L=null;return await this.runPhase(g,"rendering",async()=>{L=await o.mount(A)(...P)}),S&&await this.runPhase(g,"playing"),L},"mount")};A.context=A;let k={componentId:i,title:l,kind:l,id:a,name:s,story:s,tags:c,...this.callbacks,showError:E(P=>(this.phase="errored",this.callbacks.showError(P)),"showError"),showException:E(P=>(this.phase="errored",this.callbacks.showException(P)),"showException"),forceRemount:r||this.notYetRendered,storyContext:A,storyFn:E(()=>h(A),"storyFn"),unboundStoryFn:h};if(await this.runPhase(g,"loading",async()=>{A.loaded=await d(A)}),g.aborted)return;let T=await p(A);if(this.store.addCleanupCallbacks(o,T),this.checkIfAborted(g)||(!x&&!S&&await A.mount(),this.notYetRendered=!1,g.aborted))return;let I=this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors===!0,D=new Set,F=E(P=>D.add("error"in P?P.error:P.reason),"onError");if(this.renderOptions.autoplay&&r&&f&&this.phase!=="errored"){window.addEventListener("error",F),window.addEventListener("unhandledrejection",F),this.disableKeyListeners=!0;try{if(S?await f(A):(A.mount=async()=>{throw new Jr({playFunction:f.toString()})},await this.runPhase(g,"playing",async()=>f(A))),!x)throw new bs;this.checkIfAborted(g),!I&&D.size>0?await this.runPhase(g,"errored"):await this.runPhase(g,"played")}catch(P){if(this.callbacks.showStoryDuringRender?.(),await this.runPhase(g,"errored",async()=>{this.channel.emit(si,So(P))}),this.story.parameters.throwPlayFunctionExceptions!==!1)throw P;console.error(P)}if(!I&&D.size>0&&this.channel.emit(vi,Array.from(D).map(So)),this.disableKeyListeners=!1,window.removeEventListener("unhandledrejection",F),window.removeEventListener("error",F),g.aborted)return}await this.runPhase(g,"completed",async()=>this.channel.emit(cr,a))}catch(A){this.phase="errored",this.callbacks.showException(A)}this.rerenderEnqueued&&(this.rerenderEnqueued=!1,this.render())}async rerender(){if(this.isPending()&&this.phase!=="playing")this.rerenderEnqueued=!0;else return this.render()}async remount(){return await this.teardown(),this.render({forceRemount:!0})}cancelRender(){this.abortController?.abort()}async teardown(){this.torndown=!0,this.cancelRender(),this.story&&await this.store.cleanupStory(this.story);for(let t=0;t<3;t+=1){if(!this.isPending()){await this.teardownRender();return}await new Promise(r=>setTimeout(r,0))}window.location.reload(),await new Promise(()=>{})}};E(Ol,"StoryRender");var wo=Ol,{fetch:hm}=be,mm="./index.json",Dl=class{constructor(t,r,n=Ct.getChannel(),o=!0){this.importFn=t,this.getProjectAnnotations=r,this.channel=n,this.storyRenders=[],this.storeInitializationPromise=new Promise((a,i)=>{this.resolveStoreInitializationPromise=a,this.rejectStoreInitializationPromise=i}),o&&this.initialize()}get storyStore(){return new Proxy({},{get:E((t,r)=>{if(this.storyStoreValue)return Ze("Accessing the Story Store is deprecated and will be removed in 9.0"),this.storyStoreValue[r];throw new fs},"get")})}async initialize(){this.setupListeners();try{let t=await this.getProjectAnnotationsOrRenderError();await this.runBeforeAllHook(t),await this.initializeWithProjectAnnotations(t)}catch(t){this.rejectStoreInitializationPromise(t)}}ready(){return this.storeInitializationPromise}setupListeners(){this.channel.on(mi,this.onStoryIndexChanged.bind(this)),this.channel.on(Lr,this.onUpdateGlobals.bind(this)),this.channel.on(Mr,this.onUpdateArgs.bind(this)),this.channel.on(ri,this.onRequestArgTypesInfo.bind(this)),this.channel.on(Br,this.onResetArgs.bind(this)),this.channel.on(Nr,this.onForceReRender.bind(this)),this.channel.on(ai,this.onForceRemount.bind(this))}async getProjectAnnotationsOrRenderError(){try{let t=await this.getProjectAnnotations();if(this.renderToCanvas=t.renderToCanvas,!this.renderToCanvas)throw new es;return t}catch(t){throw this.renderPreviewEntryError("Error reading preview.js:",t),t}}async initializeWithProjectAnnotations(t){this.projectAnnotationsBeforeInitialization=t;try{let r=await this.getStoryIndexFromServer();return this.initializeWithStoryIndex(r)}catch(r){throw this.renderPreviewEntryError("Error loading story index:",r),r}}async runBeforeAllHook(t){try{await this.beforeAllCleanup?.(),this.beforeAllCleanup=await t.beforeAll?.()}catch(r){throw this.renderPreviewEntryError("Error in beforeAll hook:",r),r}}async getStoryIndexFromServer(){let t=await hm(mm);if(t.status===200)return t.json();throw new ns({text:await t.text()})}initializeWithStoryIndex(t){if(!this.projectAnnotationsBeforeInitialization)throw new Error("Cannot call initializeWithStoryIndex until project annotations resolve");this.storyStoreValue=new um(t,this.importFn,this.projectAnnotationsBeforeInitialization),delete this.projectAnnotationsBeforeInitialization,this.setInitialGlobals(),this.resolveStoreInitializationPromise()}async setInitialGlobals(){this.emitGlobals()}emitGlobals(){if(!this.storyStoreValue)throw new Ne({methodName:"emitGlobals"});let t={globals:this.storyStoreValue.userGlobals.get()||{},globalTypes:this.storyStoreValue.projectAnnotations.globalTypes||{}};this.channel.emit(di,t)}async onGetProjectAnnotationsChanged({getProjectAnnotations:t}){delete this.previewEntryError,this.getProjectAnnotations=t;let r=await this.getProjectAnnotationsOrRenderError();if(await this.runBeforeAllHook(r),!this.storyStoreValue){await this.initializeWithProjectAnnotations(r);return}this.storyStoreValue.setProjectAnnotations(r),this.emitGlobals()}async onStoryIndexChanged(){if(delete this.previewEntryError,!(!this.storyStoreValue&&!this.projectAnnotationsBeforeInitialization))try{let t=await this.getStoryIndexFromServer();if(this.projectAnnotationsBeforeInitialization){this.initializeWithStoryIndex(t);return}await this.onStoriesChanged({storyIndex:t})}catch(t){throw this.renderPreviewEntryError("Error loading story index:",t),t}}async onStoriesChanged({importFn:t,storyIndex:r}){if(!this.storyStoreValue)throw new Ne({methodName:"onStoriesChanged"});await this.storyStoreValue.onStoriesChanged({importFn:t,storyIndex:r})}async onUpdateGlobals({globals:t,currentStory:r}){if(this.storyStoreValue||await this.storeInitializationPromise,!this.storyStoreValue)throw new Ne({methodName:"onUpdateGlobals"});if(this.storyStoreValue.userGlobals.update(t),r){let{initialGlobals:n,storyGlobals:o,userGlobals:a,globals:i}=this.storyStoreValue.getStoryContext(r);this.channel.emit($t,{initialGlobals:n,userGlobals:a,storyGlobals:o,globals:i})}else{let{initialGlobals:n,globals:o}=this.storyStoreValue.userGlobals;this.channel.emit($t,{initialGlobals:n,userGlobals:o,storyGlobals:{},globals:o})}await Promise.all(this.storyRenders.map(n=>n.rerender()))}async onUpdateArgs({storyId:t,updatedArgs:r}){if(!this.storyStoreValue)throw new Ne({methodName:"onUpdateArgs"});this.storyStoreValue.args.update(t,r),await Promise.all(this.storyRenders.filter(n=>n.id===t&&!n.renderOptions.forceInitialArgs).map(n=>n.story&&n.story.usesMount?n.remount():n.rerender())),this.channel.emit(pi,{storyId:t,args:this.storyStoreValue.args.get(t)})}async onRequestArgTypesInfo({id:t,payload:r}){try{await this.storeInitializationPromise;let n=await this.storyStoreValue?.loadStory(r);this.channel.emit(Vn,{id:t,success:!0,payload:{argTypes:n?.argTypes||{}},error:null})}catch(n){this.channel.emit(Vn,{id:t,success:!1,error:n?.message})}}async onResetArgs({storyId:t,argNames:r}){if(!this.storyStoreValue)throw new Ne({methodName:"onResetArgs"});let n=this.storyRenders.find(a=>a.id===t)?.story||await this.storyStoreValue.loadStory({storyId:t}),o=(r||[...new Set([...Object.keys(n.initialArgs),...Object.keys(this.storyStoreValue.args.get(t))])]).reduce((a,i)=>(a[i]=n.initialArgs[i],a),{});await this.onUpdateArgs({storyId:t,updatedArgs:o})}async onForceReRender(){await Promise.all(this.storyRenders.map(t=>t.rerender()))}async onForceRemount({storyId:t}){await Promise.all(this.storyRenders.filter(r=>r.id===t).map(r=>r.remount()))}renderStoryToElement(t,r,n,o){if(!this.renderToCanvas||!this.storyStoreValue)throw new Ne({methodName:"renderStoryToElement"});let a=new wo(this.channel,this.storyStoreValue,this.renderToCanvas,n,t.id,"docs",o,t);return a.renderToElement(r),this.storyRenders.push(a),async()=>{await this.teardownRender(a)}}async teardownRender(t,{viewModeChanged:r}={}){this.storyRenders=this.storyRenders.filter(n=>n!==t),await t?.teardown?.({viewModeChanged:r})}async loadStory({storyId:t}){if(!this.storyStoreValue)throw new Ne({methodName:"loadStory"});return this.storyStoreValue.loadStory({storyId:t})}getStoryContext(t,{forceInitialArgs:r=!1}={}){if(!this.storyStoreValue)throw new Ne({methodName:"getStoryContext"});return this.storyStoreValue.getStoryContext(t,{forceInitialArgs:r})}async extract(t){if(!this.storyStoreValue)throw new Ne({methodName:"extract"});if(this.previewEntryError)throw this.previewEntryError;return await this.storyStoreValue.cacheAllCSFFiles(),this.storyStoreValue.extract(t)}renderPreviewEntryError(t,r){this.previewEntryError=r,Q.error(t),Q.error(r),this.channel.emit(ni,r)}};E(Dl,"Preview");var ym=Dl,gm=!1,uo="Invariant failed";function Wr(e,t){if(!e){if(gm)throw new Error(uo);var r=typeof t=="function"?t():t,n=r?"".concat(uo,": ").concat(r):uo;throw new Error(n)}}E(Wr,"invariant");var Rl=class{constructor(t,r,n,o){this.channel=t,this.store=r,this.renderStoryToElement=n,this.storyIdByName=E(a=>{let i=this.nameToStoryId.get(a);if(i)return i;throw new Error(`No story found with that name: ${a}`)},"storyIdByName"),this.componentStories=E(()=>this.componentStoriesValue,"componentStories"),this.componentStoriesFromCSFFile=E(a=>this.store.componentStoriesFromCSFFile({csfFile:a}),"componentStoriesFromCSFFile"),this.storyById=E(a=>{if(!a){if(!this.primaryStory)throw new Error("No primary story defined for docs entry. Did you forget to use `<Meta>`?");return this.primaryStory}let i=this.storyIdToCSFFile.get(a);if(!i)throw new Error(`Called \`storyById\` for story that was never loaded: ${a}`);return this.store.storyFromCSFFile({storyId:a,csfFile:i})},"storyById"),this.getStoryContext=E(a=>({...this.store.getStoryContext(a),loaded:{},viewMode:"docs"}),"getStoryContext"),this.loadStory=E(a=>this.store.loadStory({storyId:a}),"loadStory"),this.componentStoriesValue=[],this.storyIdToCSFFile=new Map,this.exportToStory=new Map,this.exportsToCSFFile=new Map,this.nameToStoryId=new Map,this.attachedCSFFiles=new Set,o.forEach((a,i)=>{this.referenceCSFFile(a)})}referenceCSFFile(t){this.exportsToCSFFile.set(t.moduleExports,t),this.exportsToCSFFile.set(t.moduleExports.default,t),this.store.componentStoriesFromCSFFile({csfFile:t}).forEach(r=>{let n=t.stories[r.id];this.storyIdToCSFFile.set(n.id,t),this.exportToStory.set(n.moduleExport,r)})}attachCSFFile(t){if(!this.exportsToCSFFile.has(t.moduleExports))throw new Error("Cannot attach a CSF file that has not been referenced");this.attachedCSFFiles.has(t)||(this.attachedCSFFiles.add(t),this.store.componentStoriesFromCSFFile({csfFile:t}).forEach(r=>{this.nameToStoryId.set(r.name,r.id),this.componentStoriesValue.push(r),this.primaryStory||(this.primaryStory=r)}))}referenceMeta(t,r){let n=this.resolveModuleExport(t);if(n.type!=="meta")throw new Error("<Meta of={} /> must reference a CSF file module export or meta export. Did you mistakenly reference your component instead of your CSF file?");r&&this.attachCSFFile(n.csfFile)}get projectAnnotations(){let{projectAnnotations:t}=this.store;if(!t)throw new Error("Can't get projectAnnotations from DocsContext before they are initialized");return t}resolveAttachedModuleExportType(t){if(t==="story"){if(!this.primaryStory)throw new Error("No primary story attached to this docs file, did you forget to use <Meta of={} />?");return{type:"story",story:this.primaryStory}}if(this.attachedCSFFiles.size===0)throw new Error("No CSF file attached to this docs file, did you forget to use <Meta of={} />?");let r=Array.from(this.attachedCSFFiles)[0];if(t==="meta")return{type:"meta",csfFile:r};let{component:n}=r.meta;if(!n)throw new Error("Attached CSF file does not defined a component, did you forget to export one?");return{type:"component",component:n}}resolveModuleExport(t){let r=this.exportsToCSFFile.get(t);if(r)return{type:"meta",csfFile:r};let n=this.exportToStory.get(t);return n?{type:"story",story:n}:{type:"component",component:t}}resolveOf(t,r=[]){let n;if(["component","meta","story"].includes(t)){let o=t;n=this.resolveAttachedModuleExportType(o)}else n=this.resolveModuleExport(t);if(r.length&&!r.includes(n.type)){let o=n.type==="component"?"component or unknown":n.type;throw new Error(Me`Invalid value passed to the 'of' prop. The value was resolved to a '${o}' type but the only types for this block are: ${r.join(", ")}. + - Did you pass a component to the 'of' prop when the block only supports a story or a meta? + - ... or vice versa? + - Did you pass a story, CSF file or meta to the 'of' prop that is not indexed, ie. is not targeted by the 'stories' globs in the main configuration?`)}switch(n.type){case"component":return{...n,projectAnnotations:this.projectAnnotations};case"meta":return{...n,preparedMeta:this.store.preparedMetaFromCSFFile({csfFile:n.csfFile})};case"story":default:return n}}};E(Rl,"DocsContext");var _l=Rl,Pl=class{constructor(t,r,n,o){this.channel=t,this.store=r,this.entry=n,this.callbacks=o,this.type="docs",this.subtype="csf",this.torndown=!1,this.disableKeyListeners=!1,this.preparing=!1,this.id=n.id}isPreparing(){return this.preparing}async prepare(){this.preparing=!0;let{entryExports:t,csfFiles:r=[]}=await this.store.loadEntry(this.id);if(this.torndown)throw tn;let{importPath:n,title:o}=this.entry,a=this.store.processCSFFileWithCache(t,n,o),i=Object.keys(a.stories)[0];this.story=this.store.storyFromCSFFile({storyId:i,csfFile:a}),this.csfFiles=[a,...r],this.preparing=!1}isEqual(t){return!!(this.id===t.id&&this.story&&this.story===t.story)}docsContext(t){if(!this.csfFiles)throw new Error("Cannot render docs before preparing");let r=new _l(this.channel,this.store,t,this.csfFiles);return this.csfFiles.forEach(n=>r.attachCSFFile(n)),r}async renderToElement(t,r){if(!this.story||!this.csfFiles)throw new Error("Cannot render docs before preparing");let n=this.docsContext(r),{docs:o}=this.story.parameters||{};if(!o)throw new Error("Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed");let a=await o.renderer(),{render:i}=a,l=E(async()=>{try{await i(n,o,t),this.channel.emit(Fr,this.id)}catch(s){this.callbacks.showException(s)}},"renderDocs");return this.rerender=async()=>l(),this.teardownRender=async({viewModeChanged:s})=>{!s||!t||a.unmount(t)},l()}async teardown({viewModeChanged:t}={}){this.teardownRender?.({viewModeChanged:t}),this.torndown=!0}};E(Pl,"CsfDocsRender");var js=Pl,Fl=class{constructor(t,r,n,o){this.channel=t,this.store=r,this.entry=n,this.callbacks=o,this.type="docs",this.subtype="mdx",this.torndown=!1,this.disableKeyListeners=!1,this.preparing=!1,this.id=n.id}isPreparing(){return this.preparing}async prepare(){this.preparing=!0;let{entryExports:t,csfFiles:r=[]}=await this.store.loadEntry(this.id);if(this.torndown)throw tn;this.csfFiles=r,this.exports=t,this.preparing=!1}isEqual(t){return!!(this.id===t.id&&this.exports&&this.exports===t.exports)}docsContext(t){if(!this.csfFiles)throw new Error("Cannot render docs before preparing");return new _l(this.channel,this.store,t,this.csfFiles)}async renderToElement(t,r){if(!this.exports||!this.csfFiles||!this.store.projectAnnotations)throw new Error("Cannot render docs before preparing");let n=this.docsContext(r),{docs:o}=this.store.projectAnnotations.parameters||{};if(!o)throw new Error("Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed");let a={...o,page:this.exports.default},i=await o.renderer(),{render:l}=i,s=E(async()=>{try{await l(n,a,t),this.channel.emit(Fr,this.id)}catch(c){this.callbacks.showException(c)}},"renderDocs");return this.rerender=async()=>s(),this.teardownRender=async({viewModeChanged:c}={})=>{!c||!t||(i.unmount(t),this.torndown=!0)},s()}async teardown({viewModeChanged:t}={}){this.teardownRender?.({viewModeChanged:t}),this.torndown=!0}};E(Fl,"MdxDocsRender");var Ls=Fl,bm=globalThis;function Nl(e){let t=e.composedPath&&e.composedPath()[0]||e.target;return/input|textarea/i.test(t.tagName)||t.getAttribute("contenteditable")!==null}E(Nl,"focusInInput");var Bl="attached-mdx",Em="unattached-mdx";function jl({tags:e}){return e?.includes(Em)||e?.includes(Bl)}E(jl,"isMdxEntry");function Kr(e){return e.type==="story"}E(Kr,"isStoryRender");function Ll(e){return e.type==="docs"}E(Ll,"isDocsRender");function Ml(e){return Ll(e)&&e.subtype==="csf"}E(Ml,"isCsfDocsRender");var Ul=class extends ym{constructor(t,r,n,o){super(t,r,void 0,!1),this.importFn=t,this.getProjectAnnotations=r,this.selectionStore=n,this.view=o,this.initialize()}setupListeners(){super.setupListeners(),bm.onkeydown=this.onKeydown.bind(this),this.channel.on(ci,this.onSetCurrentStory.bind(this)),this.channel.on(xi,this.onUpdateQueryParams.bind(this)),this.channel.on(li,this.onPreloadStories.bind(this))}async setInitialGlobals(){if(!this.storyStoreValue)throw new Ne({methodName:"setInitialGlobals"});let{globals:t}=this.selectionStore.selectionSpecifier||{};t&&this.storyStoreValue.userGlobals.updateFromPersisted(t),this.emitGlobals()}async initializeWithStoryIndex(t){return await super.initializeWithStoryIndex(t),this.selectSpecifiedStory()}async selectSpecifiedStory(){if(!this.storyStoreValue)throw new Ne({methodName:"selectSpecifiedStory"});if(this.selectionStore.selection){await this.renderSelection();return}if(!this.selectionStore.selectionSpecifier){this.renderMissingStory();return}let{storySpecifier:t,args:r}=this.selectionStore.selectionSpecifier,n=this.storyStoreValue.storyIndex.entryFromSpecifier(t);if(!n){t==="*"?this.renderStoryLoadingException(t,new ss):this.renderStoryLoadingException(t,new us({storySpecifier:t.toString()}));return}let{id:o,type:a}=n;this.selectionStore.setSelection({storyId:o,viewMode:a}),this.channel.emit(gi,this.selectionStore.selection),this.channel.emit(Jn,this.selectionStore.selection),await this.renderSelection({persistedArgs:r})}async onGetProjectAnnotationsChanged({getProjectAnnotations:t}){await super.onGetProjectAnnotationsChanged({getProjectAnnotations:t}),this.selectionStore.selection&&this.renderSelection()}async onStoriesChanged({importFn:t,storyIndex:r}){await super.onStoriesChanged({importFn:t,storyIndex:r}),this.selectionStore.selection?await this.renderSelection():await this.selectSpecifiedStory()}onKeydown(t){if(!this.storyRenders.find(r=>r.disableKeyListeners)&&!Nl(t)){let{altKey:r,ctrlKey:n,metaKey:o,shiftKey:a,key:i,code:l,keyCode:s}=t;this.channel.emit(ui,{event:{altKey:r,ctrlKey:n,metaKey:o,shiftKey:a,key:i,code:l,keyCode:s}})}}async onSetCurrentStory(t){this.selectionStore.setSelection({viewMode:"story",...t}),await this.storeInitializationPromise,this.channel.emit(Jn,this.selectionStore.selection),this.renderSelection()}onUpdateQueryParams(t){this.selectionStore.setQueryParams(t)}async onUpdateGlobals({globals:t}){let r=this.currentRender instanceof wo&&this.currentRender.story||void 0;super.onUpdateGlobals({globals:t,currentStory:r}),(this.currentRender instanceof Ls||this.currentRender instanceof js)&&await this.currentRender.rerender?.()}async onUpdateArgs({storyId:t,updatedArgs:r}){super.onUpdateArgs({storyId:t,updatedArgs:r})}async onPreloadStories({ids:t}){await this.storeInitializationPromise,this.storyStoreValue&&await Promise.allSettled(t.map(r=>this.storyStoreValue?.loadEntry(r)))}async renderSelection({persistedArgs:t}={}){let{renderToCanvas:r}=this;if(!this.storyStoreValue||!r)throw new Ne({methodName:"renderSelection"});let{selection:n}=this.selectionStore;if(!n)throw new Error("Cannot call renderSelection as no selection was made");let{storyId:o}=n,a;try{a=await this.storyStoreValue.storyIdToEntry(o)}catch(h){this.currentRender&&await this.teardownRender(this.currentRender),this.renderStoryLoadingException(o,h);return}let i=this.currentSelection?.storyId!==o,l=this.currentRender?.type!==a.type;a.type==="story"?this.view.showPreparingStory({immediate:l}):this.view.showPreparingDocs({immediate:l}),this.currentRender?.isPreparing()&&await this.teardownRender(this.currentRender);let s;a.type==="story"?s=new wo(this.channel,this.storyStoreValue,r,this.mainStoryCallbacks(o),o,"story"):jl(a)?s=new Ls(this.channel,this.storyStoreValue,a,this.mainStoryCallbacks(o)):s=new js(this.channel,this.storyStoreValue,a,this.mainStoryCallbacks(o));let c=this.currentSelection;this.currentSelection=n;let d=this.currentRender;this.currentRender=s;try{await s.prepare()}catch(h){d&&await this.teardownRender(d),h!==tn&&this.renderStoryLoadingException(o,h);return}let p=!i&&d&&!s.isEqual(d);if(t&&Kr(s)&&(Wr(!!s.story),this.storyStoreValue.args.updateFromPersisted(s.story,t)),d&&!d.torndown&&!i&&!p&&!l){this.currentRender=d,this.channel.emit(Ei,o),this.view.showMain();return}if(d&&await this.teardownRender(d,{viewModeChanged:l}),c&&(i||l)&&this.channel.emit(fi,o),Kr(s)){Wr(!!s.story);let{parameters:h,initialArgs:f,argTypes:b,unmappedArgs:g,initialGlobals:x,userGlobals:S,storyGlobals:A,globals:k}=this.storyStoreValue.getStoryContext(s.story);this.channel.emit(yi,{id:o,parameters:h,initialArgs:f,argTypes:b,args:g}),this.channel.emit($t,{userGlobals:S,storyGlobals:A,globals:k,initialGlobals:x})}else{let{parameters:h}=this.storyStoreValue.projectAnnotations,{initialGlobals:f,globals:b}=this.storyStoreValue.userGlobals;if(this.channel.emit($t,{globals:b,initialGlobals:f,storyGlobals:{},userGlobals:b}),Ml(s)||s.entry.tags?.includes(Bl)){if(!s.csfFiles)throw new as({storyId:o});({parameters:h}=this.storyStoreValue.preparedMetaFromCSFFile({csfFile:s.csfFiles[0]}))}this.channel.emit(oi,{id:o,parameters:h})}Kr(s)?(Wr(!!s.story),this.storyRenders.push(s),this.currentRender.renderToElement(this.view.prepareForStory(s.story))):this.currentRender.renderToElement(this.view.prepareForDocs(),this.renderStoryToElement.bind(this))}async teardownRender(t,{viewModeChanged:r=!1}={}){this.storyRenders=this.storyRenders.filter(n=>n!==t),await t?.teardown?.({viewModeChanged:r})}mainStoryCallbacks(t){return{showStoryDuringRender:E(()=>this.view.showStoryDuringRender(),"showStoryDuringRender"),showMain:E(()=>this.view.showMain(),"showMain"),showError:E(r=>this.renderError(t,r),"showError"),showException:E(r=>this.renderException(t,r),"showException")}}renderPreviewEntryError(t,r){super.renderPreviewEntryError(t,r),this.view.showErrorDisplay(r)}renderMissingStory(){this.view.showNoPreview(),this.channel.emit(Hn)}renderStoryLoadingException(t,r){Q.error(r),this.view.showErrorDisplay(r),this.channel.emit(Hn,t)}renderException(t,r){let{name:n="Error",message:o=String(r),stack:a}=r;this.channel.emit(bi,{name:n,message:o,stack:a}),this.channel.emit(qt,{newPhase:"errored",storyId:t}),this.view.showErrorDisplay(r),Q.error(`Error rendering story '${t}':`),Q.error(r)}renderError(t,{title:r,description:n}){Q.error(`Error rendering story ${r}: ${n}`),this.channel.emit(hi,{title:r,description:n}),this.channel.emit(qt,{newPhase:"errored",storyId:t}),this.view.showErrorDisplay({message:r,stack:n})}};E(Ul,"PreviewWithSelection");var vm=Ul,Ao=Ht(Oo(),1),xm=Ht(Oo(),1),Ms=/^[a-zA-Z0-9 _-]*$/,$l=/^-?[0-9]+(\.[0-9]+)?$/,Sm=/^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i,ql=/^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i,To=E((e="",t)=>e===null||e===""||!Ms.test(e)?!1:t==null||t instanceof Date||typeof t=="number"||typeof t=="boolean"?!0:typeof t=="string"?Ms.test(t)||$l.test(t)||Sm.test(t)||ql.test(t):Array.isArray(t)?t.every(r=>To(e,r)):Je(t)?Object.entries(t).every(([r,n])=>To(r,n)):!1,"validateArgs"),wm={delimiter:";",nesting:!0,arrayRepeat:!0,arrayRepeatSyntax:"bracket",nestingSyntax:"js",valueDeserializer(e){if(e.startsWith("!")){if(e==="!undefined")return;if(e==="!null")return null;if(e==="!true")return!0;if(e==="!false")return!1;if(e.startsWith("!date(")&&e.endsWith(")"))return new Date(e.replaceAll(" ","+").slice(6,-1));if(e.startsWith("!hex(")&&e.endsWith(")"))return`#${e.slice(5,-1)}`;let t=e.slice(1).match(ql);if(t)return e.startsWith("!rgba")||e.startsWith("!RGBA")?`${t[1]}(${t[2]}, ${t[3]}, ${t[4]}, ${t[5]})`:e.startsWith("!hsla")||e.startsWith("!HSLA")?`${t[1]}(${t[2]}, ${t[3]}%, ${t[4]}%, ${t[5]})`:e.startsWith("!rgb")||e.startsWith("!RGB")?`${t[1]}(${t[2]}, ${t[3]}, ${t[4]})`:`${t[1]}(${t[2]}, ${t[3]}%, ${t[4]}%)`}return $l.test(e)?Number(e):e}},Us=E(e=>{let t=e.split(";").map(r=>r.replace("=","~").replace(":","="));return Object.entries((0,xm.parse)(t.join(";"),wm)).reduce((r,[n,o])=>To(n,o)?Object.assign(r,{[n]:o}):(ct.warn(Me` + Omitted potentially unsafe URL args. + + More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url + `),r),{})},"parseArgsParam"),{history:Vl,document:ft}=be;function Jl(e){let t=(e||"").match(/^\/story\/(.+)/);if(!t)throw new Error(`Invalid path '${e}', must start with '/story/'`);return t[1]}E(Jl,"pathToId");var zl=E(({selection:e,extraParams:t})=>{let r=ft?.location.search.slice(1),{path:n,selectedKind:o,selectedStory:a,...i}=(0,Ao.parse)(r);return`?${(0,Ao.stringify)({...i,...t,...e&&{id:e.storyId,viewMode:e.viewMode}})}`},"getQueryString"),Am=E(e=>{if(!e)return;let t=zl({selection:e}),{hash:r=""}=ft.location;ft.title=e.storyId,Vl.replaceState({},"",`${ft.location.pathname}${t}${r}`)},"setPath"),Tm=E(e=>e!=null&&typeof e=="object"&&Array.isArray(e)===!1,"isObject"),pr=E(e=>{if(e!==void 0){if(typeof e=="string")return e;if(Array.isArray(e))return pr(e[0]);if(Tm(e))return pr(Object.values(e).filter(Boolean))}},"getFirstString"),Cm=E(()=>{if(typeof ft<"u"){let e=ft.location.search.slice(1),t=(0,Ao.parse)(e),r=typeof t.args=="string"?Us(t.args):void 0,n=typeof t.globals=="string"?Us(t.globals):void 0,o=pr(t.viewMode);(typeof o!="string"||!o.match(/docs|story/))&&(o="story");let a=pr(t.path),i=a?Jl(a):pr(t.id);if(i)return{storySpecifier:i,args:r,globals:n,viewMode:o}}return null},"getSelectionSpecifierFromPath"),Hl=class{constructor(){this.selectionSpecifier=Cm()}setSelection(t){this.selection=t,Am(this.selection)}setQueryParams(t){let r=zl({extraParams:t}),{hash:n=""}=ft.location;Vl.replaceState({},"",`${ft.location.pathname}${r}${n}`)}};E(Hl,"UrlStore");var km=Hl,Im=Ht(rh(),1),Om=Ht(Oo(),1),{document:Ce}=be,$s=100,Gl=(e=>(e.MAIN="MAIN",e.NOPREVIEW="NOPREVIEW",e.PREPARING_STORY="PREPARING_STORY",e.PREPARING_DOCS="PREPARING_DOCS",e.ERROR="ERROR",e))(Gl||{}),co={PREPARING_STORY:"sb-show-preparing-story",PREPARING_DOCS:"sb-show-preparing-docs",MAIN:"sb-show-main",NOPREVIEW:"sb-show-nopreview",ERROR:"sb-show-errordisplay"},po={centered:"sb-main-centered",fullscreen:"sb-main-fullscreen",padded:"sb-main-padded"},qs=new Im.default({escapeXML:!0}),Wl=class{constructor(){if(this.testing=!1,typeof Ce<"u"){let{__SPECIAL_TEST_PARAMETER__:t}=(0,Om.parse)(Ce.location.search.slice(1));switch(t){case"preparing-story":{this.showPreparingStory(),this.testing=!0;break}case"preparing-docs":{this.showPreparingDocs(),this.testing=!0;break}default:}}}prepareForStory(t){return this.showStory(),this.applyLayout(t.parameters.layout),Ce.documentElement.scrollTop=0,Ce.documentElement.scrollLeft=0,this.storyRoot()}storyRoot(){return Ce.getElementById("storybook-root")}prepareForDocs(){return this.showMain(),this.showDocs(),this.applyLayout("fullscreen"),Ce.documentElement.scrollTop=0,Ce.documentElement.scrollLeft=0,this.docsRoot()}docsRoot(){return Ce.getElementById("storybook-docs")}applyLayout(t="padded"){if(t==="none"){Ce.body.classList.remove(this.currentLayoutClass),this.currentLayoutClass=null;return}this.checkIfLayoutExists(t);let r=po[t];Ce.body.classList.remove(this.currentLayoutClass),Ce.body.classList.add(r),this.currentLayoutClass=r}checkIfLayoutExists(t){po[t]||Q.warn(Me` + The desired layout: ${t} is not a valid option. + The possible options are: ${Object.keys(po).join(", ")}, none. + `)}showMode(t){clearTimeout(this.preparingTimeout),Object.keys(Gl).forEach(r=>{r===t?Ce.body.classList.add(co[r]):Ce.body.classList.remove(co[r])})}showErrorDisplay({message:t="",stack:r=""}){let n=t,o=r,a=t.split(` +`);a.length>1&&([n]=a,o=a.slice(1).join(` +`).replace(/^\n/,"")),Ce.getElementById("error-message").innerHTML=qs.toHtml(n),Ce.getElementById("error-stack").innerHTML=qs.toHtml(o),this.showMode("ERROR")}showNoPreview(){this.testing||(this.showMode("NOPREVIEW"),this.storyRoot()?.setAttribute("hidden","true"),this.docsRoot()?.setAttribute("hidden","true"))}showPreparingStory({immediate:t=!1}={}){clearTimeout(this.preparingTimeout),t?this.showMode("PREPARING_STORY"):this.preparingTimeout=setTimeout(()=>this.showMode("PREPARING_STORY"),$s)}showPreparingDocs({immediate:t=!1}={}){clearTimeout(this.preparingTimeout),t?this.showMode("PREPARING_DOCS"):this.preparingTimeout=setTimeout(()=>this.showMode("PREPARING_DOCS"),$s)}showMain(){this.showMode("MAIN")}showDocs(){this.storyRoot().setAttribute("hidden","true"),this.docsRoot().removeAttribute("hidden")}showStory(){this.docsRoot().setAttribute("hidden","true"),this.storyRoot().removeAttribute("hidden")}showStoryDuringRender(){Ce.body.classList.add(co.MAIN)}};E(Wl,"WebView");var Dm=Wl,Rm=class extends vm{constructor(t,r){super(t,r,new km,new Dm),this.importFn=t,this.getProjectAnnotations=r,be.__STORYBOOK_PREVIEW__=this}};E(Rm,"PreviewWeb");var{document:Tt}=be,_m=["application/javascript","application/ecmascript","application/x-ecmascript","application/x-javascript","text/ecmascript","text/javascript","text/javascript1.0","text/javascript1.1","text/javascript1.2","text/javascript1.3","text/javascript1.4","text/javascript1.5","text/jscript","text/livescript","text/x-ecmascript","text/x-javascript","module"],Pm="script",Vs="scripts-root";function Co(){let e=Tt.createEvent("Event");e.initEvent("DOMContentLoaded",!0,!0),Tt.dispatchEvent(e)}E(Co,"simulateDOMContentLoaded");function Kl(e,t,r){let n=Tt.createElement("script");n.type=e.type==="module"?"module":"text/javascript",e.src?(n.onload=t,n.onerror=t,n.src=e.src):n.textContent=e.innerText,r?r.appendChild(n):Tt.head.appendChild(n),e.parentNode.removeChild(e),e.src||t()}E(Kl,"insertScript");function Mo(e,t,r=0){e[r](()=>{r++,r===e.length?t():Mo(e,t,r)})}E(Mo,"insertScriptsSequentially");function Fm(e){let t=Tt.getElementById(Vs);t?t.innerHTML="":(t=Tt.createElement("div"),t.id=Vs,Tt.body.appendChild(t));let r=Array.from(e.querySelectorAll(Pm));if(r.length){let n=[];r.forEach(o=>{let a=o.getAttribute("type");(!a||_m.includes(a))&&n.push(i=>Kl(o,i,t))}),n.length&&Mo(n,Co,void 0)}else Co()}E(Fm,"simulatePageLoad");V();J();z();V();J();z();var Gt=Ep(Xl(),1);var Nm=Object.defineProperty,N=(e,t)=>Nm(e,"name",{value:t,configurable:!0}),Bm=N(e=>e.name==="literal","isLiteral"),jm=N(e=>e.value.replace(/['|"]/g,""),"toEnumOption"),Lm=N(e=>{switch(e.type){case"function":return{name:"function"};case"object":let t={};return e.signature.properties.forEach(r=>{t[r.key]=gr(r.value)}),{name:"object",value:t};default:throw new zr({type:e,language:"Flow"})}},"convertSig"),gr=N(e=>{let{name:t,raw:r}=e,n={};switch(typeof r<"u"&&(n.raw=r),e.name){case"literal":return{...n,name:"other",value:e.value};case"string":case"number":case"symbol":case"boolean":return{...n,name:t};case"Array":return{...n,name:"array",value:e.elements.map(gr)};case"signature":return{...n,...Lm(e)};case"union":return e.elements?.every(Bm)?{...n,name:"enum",value:e.elements?.map(jm)}:{...n,name:t,value:e.elements?.map(gr)};case"intersection":return{...n,name:t,value:e.elements?.map(gr)};default:return{...n,name:"other",value:t}}},"convert");function Ql(e,t){let r={},n=Object.keys(e);for(let o=0;o<n.length;o++){let a=n[o],i=e[a];r[a]=t(i,a,e)}return r}N(Ql,"mapValues");var Zl=/^['"]|['"]$/g,Mm=N(e=>e.replace(Zl,""),"trimQuotes"),Um=N(e=>Zl.test(e),"includesQuotes"),eu=N(e=>{let t=Mm(e);return Um(e)||Number.isNaN(Number(t))?t:Number(t)},"parseLiteral"),$m=/^\(.*\) => /,yr=N(e=>{let{name:t,raw:r,computed:n,value:o}=e,a={};switch(typeof r<"u"&&(a.raw=r),t){case"enum":{let l=n?o:o.map(s=>eu(s.value));return{...a,name:t,value:l}}case"string":case"number":case"symbol":return{...a,name:t};case"func":return{...a,name:"function"};case"bool":case"boolean":return{...a,name:"boolean"};case"arrayOf":case"array":return{...a,name:"array",value:o&&yr(o)};case"object":return{...a,name:t};case"objectOf":return{...a,name:t,value:yr(o)};case"shape":case"exact":let i=Ql(o,l=>yr(l));return{...a,name:"object",value:i};case"union":return{...a,name:"union",value:o.map(l=>yr(l))};case"instanceOf":case"element":case"elementType":default:{if(t?.indexOf("|")>0)try{let c=t.split("|").map(d=>JSON.parse(d));return{...a,name:"enum",value:c}}catch{}let l=o?`${t}(${o})`:t,s=$m.test(t)?"function":"other";return{...a,name:s,value:l}}}},"convert"),qm=N(e=>{switch(e.type){case"function":return{name:"function"};case"object":let t={};return e.signature.properties.forEach(r=>{t[r.key]=br(r.value)}),{name:"object",value:t};default:throw new zr({type:e,language:"Typescript"})}},"convertSig"),br=N(e=>{let{name:t,raw:r}=e,n={};switch(typeof r<"u"&&(n.raw=r),e.name){case"string":case"number":case"symbol":case"boolean":return{...n,name:t};case"Array":return{...n,name:"array",value:e.elements.map(br)};case"signature":return{...n,...qm(e)};case"union":let o;return e.elements?.every(a=>a.name==="literal")?o={...n,name:"enum",value:e.elements?.map(a=>eu(a.value))}:o={...n,name:t,value:e.elements?.map(br)},o;case"intersection":return{...n,name:t,value:e.elements?.map(br)};default:return{...n,name:"other",value:t}}},"convert"),Uo=N(e=>{let{type:t,tsType:r,flowType:n}=e;try{if(t!=null)return yr(t);if(r!=null)return br(r);if(n!=null)return gr(n)}catch(o){console.error(o)}return null},"convert"),Vm=(e=>(e.JAVASCRIPT="JavaScript",e.FLOW="Flow",e.TYPESCRIPT="TypeScript",e.UNKNOWN="Unknown",e))(Vm||{}),Jm=["null","undefined"];function nn(e){return Jm.some(t=>t===e)}N(nn,"isDefaultValueBlacklisted");var zm=N(e=>{if(!e)return"";if(typeof e=="string")return e;throw new Error(`Description: expected string, got: ${JSON.stringify(e)}`)},"str");function $o(e){return!!e.__docgenInfo}N($o,"hasDocgen");function tu(e){return e!=null&&Object.keys(e).length>0}N(tu,"isValidDocgenSection");function ru(e,t){return $o(e)?e.__docgenInfo[t]:null}N(ru,"getDocgenSection");function nu(e){return $o(e)?zm(e.__docgenInfo.description):""}N(nu,"getDocgenDescription");var ht;(function(e){e.start="/**",e.nostart="/***",e.delim="*",e.end="*/"})(ht=ht||(ht={}));function ou(e){return/^\s+$/.test(e)}N(ou,"isSpace");function au(e){let t=e.match(/\r+$/);return t==null?["",e]:[e.slice(-t[0].length),e.slice(0,-t[0].length)]}N(au,"splitCR");function It(e){let t=e.match(/^\s+/);return t==null?["",e]:[e.slice(0,t[0].length),e.slice(t[0].length)]}N(It,"splitSpace");function iu(e){return e.split(/\n/)}N(iu,"splitLines");function su(e={}){return Object.assign({tag:"",name:"",type:"",optional:!1,description:"",problems:[],source:[]},e)}N(su,"seedSpec");function lu(e={}){return Object.assign({start:"",delimiter:"",postDelimiter:"",tag:"",postTag:"",name:"",postName:"",type:"",postType:"",description:"",end:"",lineEnd:""},e)}N(lu,"seedTokens");var Hm=/^@\S+/;function uu({fence:e="```"}={}){let t=cu(e),r=N((n,o)=>t(n)?!o:o,"toggleFence");return N(function(n){let o=[[]],a=!1;for(let i of n)Hm.test(i.tokens.description)&&!a?o.push([i]):o[o.length-1].push(i),a=r(i.tokens.description,a);return o},"parseBlock")}N(uu,"getParser");function cu(e){return typeof e=="string"?t=>t.split(e).length%2===0:e}N(cu,"getFencer");function du({startLine:e=0,markers:t=ht}={}){let r=null,n=e;return N(function(o){let a=o,i=lu();if([i.lineEnd,a]=au(a),[i.start,a]=It(a),r===null&&a.startsWith(t.start)&&!a.startsWith(t.nostart)&&(r=[],i.delimiter=a.slice(0,t.start.length),a=a.slice(t.start.length),[i.postDelimiter,a]=It(a)),r===null)return n++,null;let l=a.trimRight().endsWith(t.end);if(i.delimiter===""&&a.startsWith(t.delim)&&!a.startsWith(t.end)&&(i.delimiter=t.delim,a=a.slice(t.delim.length),[i.postDelimiter,a]=It(a)),l){let s=a.trimRight();i.end=a.slice(s.length-t.end.length),a=s.slice(0,-t.end.length)}if(i.description=a,r.push({number:n,source:o,tokens:i}),n++,l){let s=r.slice();return r=null,s}return null},"parseSource")}N(du,"getParser");function pu({tokenizers:e}){return N(function(t){var r;let n=su({source:t});for(let o of e)if(n=o(n),!((r=n.problems[n.problems.length-1])===null||r===void 0)&&r.critical)break;return n},"parseSpec")}N(pu,"getParser");function fu(){return e=>{let{tokens:t}=e.source[0],r=t.description.match(/\s*(@(\S+))(\s*)/);return r===null?(e.problems.push({code:"spec:tag:prefix",message:'tag should start with "@" symbol',line:e.source[0].number,critical:!0}),e):(t.tag=r[1],t.postTag=r[3],t.description=t.description.slice(r[0].length),e.tag=r[2],e)}}N(fu,"tagTokenizer");function hu(e="compact"){let t=mu(e);return r=>{let n=0,o=[];for(let[l,{tokens:s}]of r.source.entries()){let c="";if(l===0&&s.description[0]!=="{")return r;for(let d of s.description)if(d==="{"&&n++,d==="}"&&n--,c+=d,n===0)break;if(o.push([s,c]),n===0)break}if(n!==0)return r.problems.push({code:"spec:type:unpaired-curlies",message:"unpaired curlies",line:r.source[0].number,critical:!0}),r;let a=[],i=o[0][0].postDelimiter.length;for(let[l,[s,c]]of o.entries())s.type=c,l>0&&(s.type=s.postDelimiter.slice(i)+c,s.postDelimiter=s.postDelimiter.slice(0,i)),[s.postType,s.description]=It(s.description.slice(c.length)),a.push(s.type);return a[0]=a[0].slice(1),a[a.length-1]=a[a.length-1].slice(0,-1),r.type=t(a),r}}N(hu,"typeTokenizer");var Gm=N(e=>e.trim(),"trim");function mu(e){return e==="compact"?t=>t.map(Gm).join(""):e==="preserve"?t=>t.join(` +`):e}N(mu,"getJoiner");var Wm=N(e=>e&&e.startsWith('"')&&e.endsWith('"'),"isQuoted");function yu(){let e=N((t,{tokens:r},n)=>r.type===""?t:n,"typeEnd");return t=>{let{tokens:r}=t.source[t.source.reduce(e,0)],n=r.description.trimLeft(),o=n.split('"');if(o.length>1&&o[0]===""&&o.length%2===1)return t.name=o[1],r.name=`"${o[1]}"`,[r.postName,r.description]=It(n.slice(r.name.length)),t;let a=0,i="",l=!1,s;for(let d of n){if(a===0&&ou(d))break;d==="["&&a++,d==="]"&&a--,i+=d}if(a!==0)return t.problems.push({code:"spec:name:unpaired-brackets",message:"unpaired brackets",line:t.source[0].number,critical:!0}),t;let c=i;if(i[0]==="["&&i[i.length-1]==="]"){l=!0,i=i.slice(1,-1);let d=i.split("=");if(i=d[0].trim(),d[1]!==void 0&&(s=d.slice(1).join("=").trim()),i==="")return t.problems.push({code:"spec:name:empty-name",message:"empty name",line:t.source[0].number,critical:!0}),t;if(s==="")return t.problems.push({code:"spec:name:empty-default",message:"empty default value",line:t.source[0].number,critical:!0}),t;if(!Wm(s)&&/=(?!>)/.test(s))return t.problems.push({code:"spec:name:invalid-default",message:"invalid default value syntax",line:t.source[0].number,critical:!0}),t}return t.optional=l,t.name=i,r.name=c,s!==void 0&&(t.default=s),[r.postName,r.description]=It(n.slice(r.name.length)),t}}N(yu,"nameTokenizer");function gu(e="compact",t=ht){let r=qo(e);return n=>(n.description=r(n.source,t),n)}N(gu,"descriptionTokenizer");function qo(e){return e==="compact"?bu:e==="preserve"?Eu:e}N(qo,"getJoiner");function bu(e,t=ht){return e.map(({tokens:{description:r}})=>r.trim()).filter(r=>r!=="").join(" ")}N(bu,"compactJoiner");var Km=N((e,{tokens:t},r)=>t.type===""?e:r,"lineNo"),Ym=N(({tokens:e})=>(e.delimiter===""?e.start:e.postDelimiter.slice(1))+e.description,"getDescription");function Eu(e,t=ht){if(e.length===0)return"";e[0].tokens.description===""&&e[0].tokens.delimiter===t.start&&(e=e.slice(1));let r=e[e.length-1];return r!==void 0&&r.tokens.description===""&&r.tokens.end.endsWith(t.end)&&(e=e.slice(0,-1)),e=e.slice(e.reduce(Km,0)),e.map(Ym).join(` +`)}N(Eu,"preserveJoiner");function vu({startLine:e=0,fence:t="```",spacing:r="compact",markers:n=ht,tokenizers:o=[fu(),hu(r),yu(),gu(r)]}={}){if(e<0||e%1>0)throw new Error("Invalid startLine");let a=du({startLine:e,markers:n}),i=uu({fence:t}),l=pu({tokenizers:o}),s=qo(r);return function(c){let d=[];for(let p of iu(c)){let h=a(p);if(h===null)continue;let f=i(h),b=f.slice(1).map(l);d.push({description:s(f[0],n),tags:b,source:h,problems:b.reduce((g,x)=>g.concat(x.problems),[])})}return d}}N(vu,"getParser");function xu(e){return e.start+e.delimiter+e.postDelimiter+e.tag+e.postTag+e.type+e.postType+e.name+e.postName+e.description+e.end+e.lineEnd}N(xu,"join");function Su(){return e=>e.source.map(({tokens:t})=>xu(t)).join(` +`)}N(Su,"getStringifier");var Xm={line:0,start:0,delimiter:0,postDelimiter:0,tag:0,postTag:0,name:0,postName:0,type:0,postType:0,description:0,end:0,lineEnd:0},SI=Object.keys(Xm);function wu(e,t={}){return vu(t)(e)}N(wu,"parse");var wI=Su();function Au(e){return e!=null&&e.includes("@")}N(Au,"containsJsDoc");function Tu(e){let t=`/** +`+(e??"").split(` +`).map(n=>` * ${n}`).join(` +`)+` +*/`,r=wu(t,{spacing:"preserve"});if(!r||r.length===0)throw new Error("Cannot parse JSDoc tags.");return r[0]}N(Tu,"parse");var Qm={tags:["param","arg","argument","returns","ignore","deprecated"]},Zm=N((e,t=Qm)=>{if(!Au(e))return{includesJsDoc:!1,ignore:!1};let r=Tu(e),n=Cu(r,t.tags);return n.ignore?{includesJsDoc:!0,ignore:!0}:{includesJsDoc:!0,ignore:!1,description:r.description.trim(),extractedTags:n}},"parseJsDoc");function Cu(e,t){let r={params:null,deprecated:null,returns:null,ignore:!1};for(let n of e.tags)if(!(t!==void 0&&!t.includes(n.tag)))if(n.tag==="ignore"){r.ignore=!0;break}else switch(n.tag){case"param":case"arg":case"argument":{let o=Iu(n);o!=null&&(r.params==null&&(r.params=[]),r.params.push(o));break}case"deprecated":{let o=Ou(n);o!=null&&(r.deprecated=o);break}case"returns":{let o=Du(n);o!=null&&(r.returns=o);break}default:break}return r}N(Cu,"extractJsDocTags");function ku(e){return e.replace(/[\.-]$/,"")}N(ku,"normaliseParamName");function Iu(e){if(!e.name||e.name==="-")return null;let t=zo(e.type);return{name:e.name,type:t,description:Jo(e.description),getPrettyName:N(()=>ku(e.name),"getPrettyName"),getTypeName:N(()=>t?Ho(t):null,"getTypeName")}}N(Iu,"extractParam");function Ou(e){return e.name?Vo(e.name,e.description):null}N(Ou,"extractDeprecated");function Vo(e,t){let r=e===""?t:`${e} ${t}`;return Jo(r)}N(Vo,"joinNameAndDescription");function Jo(e){let t=e.replace(/^- /g,"").trim();return t===""?null:t}N(Jo,"normaliseDescription");function Du(e){let t=zo(e.type);return t?{type:t,description:Vo(e.name,e.description),getTypeName:N(()=>Ho(t),"getTypeName")}:null}N(Du,"extractReturns");var mt=(0,Gt.stringifyRules)(),ey=mt.JsdocTypeObject;mt.JsdocTypeAny=()=>"any";mt.JsdocTypeObject=(e,t)=>`(${ey(e,t)})`;mt.JsdocTypeOptional=(e,t)=>t(e.element);mt.JsdocTypeNullable=(e,t)=>t(e.element);mt.JsdocTypeNotNullable=(e,t)=>t(e.element);mt.JsdocTypeUnion=(e,t)=>e.elements.map(t).join("|");function zo(e){try{return(0,Gt.parse)(e,"typescript")}catch{return null}}N(zo,"extractType");function Ho(e){return(0,Gt.transform)(mt,e)}N(Ho,"extractTypeName");function Go(e){return e.length>90}N(Go,"isTooLongForTypeSummary");function Ru(e){return e.length>50}N(Ru,"isTooLongForDefaultValueSummary");function fe(e,t){return e===t?{summary:e}:{summary:e,detail:t}}N(fe,"createSummaryValue");var AI=N(e=>e.replace(/\\r\\n/g,"\\n"),"normalizeNewlines");function _u(e,t){if(e!=null){let{value:r}=e;if(!nn(r))return Ru(r)?fe(t?.name,r):fe(r)}return null}N(_u,"createDefaultValue");function Wo({name:e,value:t,elements:r,raw:n}){return t??(r!=null?r.map(Wo).join(" | "):n??e)}N(Wo,"generateUnionElement");function Pu({name:e,raw:t,elements:r}){return r!=null?fe(r.map(Wo).join(" | ")):t!=null?fe(t.replace(/^\|\s*/,"")):fe(e)}N(Pu,"generateUnion");function Fu({type:e,raw:t}){return t!=null?fe(t):fe(e)}N(Fu,"generateFuncSignature");function Nu({type:e,raw:t}){return t!=null?Go(t)?fe(e,t):fe(t):fe(e)}N(Nu,"generateObjectSignature");function Bu(e){let{type:t}=e;return t==="object"?Nu(e):Fu(e)}N(Bu,"generateSignature");function ju({name:e,raw:t}){return t!=null?Go(t)?fe(e,t):fe(t):fe(e)}N(ju,"generateDefault");function Lu(e){if(e==null)return null;switch(e.name){case"union":return Pu(e);case"signature":return Bu(e);default:return ju(e)}}N(Lu,"createType");var ty=N((e,t)=>{let{flowType:r,description:n,required:o,defaultValue:a}=t;return{name:e,type:Lu(r),required:o,description:n,defaultValue:_u(a??null,r??null)}},"createFlowPropDef");function Mu({defaultValue:e}){if(e!=null){let{value:t}=e;if(!nn(t))return fe(t)}return null}N(Mu,"createDefaultValue");function Uu({tsType:e,required:t}){if(e==null)return null;let r=e.name;return t||(r=r.replace(" | undefined","")),fe(["Array","Record","signature"].includes(e.name)?e.raw:r)}N(Uu,"createType");var ry=N((e,t)=>{let{description:r,required:n}=t;return{name:e,type:Uu(t),required:n,description:r,defaultValue:Mu(t)}},"createTsPropDef");function $u(e){return e!=null?fe(e.name):null}N($u,"createType");function qu(e){let{computed:t,func:r}=e;return typeof t>"u"&&typeof r>"u"}N(qu,"isReactDocgenTypescript");function Vu(e){return e?e.name==="string"?!0:e.name==="enum"?Array.isArray(e.value)&&e.value.every(({value:t})=>typeof t=="string"&&t[0]==='"'&&t[t.length-1]==='"'):!1:!1}N(Vu,"isStringValued");function Ju(e,t){if(e!=null){let{value:r}=e;if(!nn(r))return qu(e)&&Vu(t)?fe(JSON.stringify(r)):fe(r)}return null}N(Ju,"createDefaultValue");function Ko(e,t,r){let{description:n,required:o,defaultValue:a}=r;return{name:e,type:$u(t),required:o,description:n,defaultValue:Ju(a,t)}}N(Ko,"createBasicPropDef");function Er(e,t){if(t?.includesJsDoc){let{description:r,extractedTags:n}=t;r!=null&&(e.description=t.description);let o={...n,params:n?.params?.map(a=>({name:a.getPrettyName(),description:a.description}))};Object.values(o).filter(Boolean).length>0&&(e.jsDocTags=o)}return e}N(Er,"applyJsDocResult");var ny=N((e,t,r)=>{let n=Ko(e,t.type,t);return n.sbType=Uo(t),Er(n,r)},"javaScriptFactory"),oy=N((e,t,r)=>{let n=ry(e,t);return n.sbType=Uo(t),Er(n,r)},"tsFactory"),ay=N((e,t,r)=>{let n=ty(e,t);return n.sbType=Uo(t),Er(n,r)},"flowFactory"),iy=N((e,t,r)=>{let n=Ko(e,{name:"unknown"},t);return Er(n,r)},"unknownFactory"),zu=N(e=>{switch(e){case"JavaScript":return ny;case"TypeScript":return oy;case"Flow":return ay;default:return iy}},"getPropDefFactory"),Hu=N(e=>e.type!=null?"JavaScript":e.flowType!=null?"Flow":e.tsType!=null?"TypeScript":"Unknown","getTypeSystem"),sy=N(e=>{let t=Hu(e[0]),r=zu(t);return e.map(n=>{let o=n;return n.type?.elements&&(o={...n,type:{...n.type,value:n.type.elements}}),Yo(o.name,o,t,r)})},"extractComponentSectionArray"),ly=N(e=>{let t=Object.keys(e),r=Hu(e[t[0]]),n=zu(r);return t.map(o=>{let a=e[o];return a!=null?Yo(o,a,r,n):null}).filter(Boolean)},"extractComponentSectionObject"),TI=N((e,t)=>{let r=ru(e,t);return tu(r)?Array.isArray(r)?sy(r):ly(r):[]},"extractComponentProps");function Yo(e,t,r,n){let o=Zm(t.description);return o.includesJsDoc&&o.ignore?null:{propDef:n(e,t,o),jsDocTags:o.extractedTags,docgenInfo:t,typeSystem:r}}N(Yo,"extractProp");function uy(e){return e!=null?nu(e):""}N(uy,"extractComponentDescription");var kI=N(e=>{let{component:t,argTypes:r,parameters:{docs:n={}}}=e,{extractArgTypes:o}=n,a=o&&t?o(t):{};return a?et(a,r):r},"enhanceArgTypes"),Gu="storybook/docs",II=`${Gu}/panel`;var OI=`${Gu}/snippet-rendered`,cy=(e=>(e.AUTO="auto",e.CODE="code",e.DYNAMIC="dynamic",e))(cy||{}),dy=/(addons\/|addon-|addon-essentials\/)(docs|controls)/,DI=N(e=>e.presetsList?.some(t=>dy.test(t.name)),"hasDocsOrControls");V();J();z();V();J();z();var JI=__STORYBOOK_CHANNELS__,{Channel:zI,PostMessageTransport:HI,WebsocketTransport:GI,createBrowserChannel:WI}=__STORYBOOK_CHANNELS__;V();J();z();var Wu=(()=>{let e;return typeof window<"u"?e=window:typeof globalThis<"u"?e=globalThis:typeof window<"u"?e=window:typeof self<"u"?e=self:e={},e})();var Qy=Object.create,zc=Object.defineProperty,Zy=Object.getOwnPropertyDescriptor,eg=Object.getOwnPropertyNames,tg=Object.getPrototypeOf,rg=Object.prototype.hasOwnProperty,ng=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),og=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of eg(t))!rg.call(e,o)&&o!==r&&zc(e,o,{get:()=>t[o],enumerable:!(n=Zy(t,o))||n.enumerable});return e},ag=(e,t,r)=>(r=e!=null?Qy(tg(e)):{},og(t||!e||!e.__esModule?zc(r,"default",{value:e,enumerable:!0}):r,e)),ig=ng(e=>{Object.defineProperty(e,"__esModule",{value:!0}),e.isEqual=function(){var t=Object.prototype.toString,r=Object.getPrototypeOf,n=Object.getOwnPropertySymbols?function(o){return Object.keys(o).concat(Object.getOwnPropertySymbols(o))}:Object.keys;return function(o,a){return function i(l,s,c){var d,p,h,f=t.call(l),b=t.call(s);if(l===s)return!0;if(l==null||s==null)return!1;if(c.indexOf(l)>-1&&c.indexOf(s)>-1)return!0;if(c.push(l,s),f!=b||(d=n(l),p=n(s),d.length!=p.length||d.some(function(g){return!i(l[g],s[g],c)})))return!1;switch(f.slice(8,-1)){case"Symbol":return l.valueOf()==s.valueOf();case"Date":case"Number":return+l==+s||+l!=+l&&+s!=+s;case"RegExp":case"Function":case"String":case"Boolean":return""+l==""+s;case"Set":case"Map":d=l.entries(),p=s.entries();do if(!i((h=d.next()).value,p.next().value,c))return!1;while(!h.done);return!0;case"ArrayBuffer":l=new Uint8Array(l),s=new Uint8Array(s);case"DataView":l=new Uint8Array(l.buffer),s=new Uint8Array(s.buffer);case"Float32Array":case"Float64Array":case"Int8Array":case"Int16Array":case"Int32Array":case"Uint8Array":case"Uint16Array":case"Uint32Array":case"Uint8ClampedArray":case"Arguments":case"Array":if(l.length!=s.length)return!1;for(h=0;h<l.length;h++)if((h in l||h in s)&&(h in l!=h in s||!i(l[h],s[h],c)))return!1;return!0;case"Object":return i(r(l),r(s),c);default:return!1}}(o,a,[])}}()}),mc=ag(ig()),Hc=e=>e.map(t=>typeof t<"u").filter(Boolean).length,sg=(e,t)=>{let{exists:r,eq:n,neq:o,truthy:a}=e;if(Hc([r,n,o,a])>1)throw new Error(`Invalid conditional test ${JSON.stringify({exists:r,eq:n,neq:o})}`);if(typeof n<"u")return(0,mc.isEqual)(t,n);if(typeof o<"u")return!(0,mc.isEqual)(t,o);if(typeof r<"u"){let i=typeof t<"u";return r?i:!i}return typeof a>"u"||a?!!t:!t},lg=(e,t,r)=>{if(!e.if)return!0;let{arg:n,global:o}=e.if;if(Hc([n,o])!==1)throw new Error(`Invalid conditional value ${JSON.stringify({arg:n,global:o})}`);let a=n?t[n]:r[o];return sg(e.if,a)},Gc=je({"../../node_modules/memoizerific/memoizerific.js"(e,t){(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"||typeof window<"u"?n=window:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return function r(n,o,a){function i(c,d){if(!o[c]){if(!n[c]){var p=typeof sr=="function"&&sr;if(!d&&p)return p(c,!0);if(l)return l(c,!0);var h=new Error("Cannot find module '"+c+"'");throw h.code="MODULE_NOT_FOUND",h}var f=o[c]={exports:{}};n[c][0].call(f.exports,function(b){var g=n[c][1][b];return i(g||b)},f,f.exports,r,n,o,a)}return o[c].exports}for(var l=typeof sr=="function"&&sr,s=0;s<a.length;s++)i(a[s]);return i}({1:[function(r,n,o){n.exports=function(a){if(typeof Map!="function"||a){var i=r("./similar");return new i}else return new Map}},{"./similar":2}],2:[function(r,n,o){function a(){return this.list=[],this.lastItem=void 0,this.size=0,this}a.prototype.get=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i))return this.lastItem.val;if(l=this.indexOf(i),l>=0)return this.lastItem=this.list[l],this.list[l].val},a.prototype.set=function(i,l){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=l,this):(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],this.list[s].val=l,this):(this.lastItem={key:i,val:l},this.list.push(this.lastItem),this.size++,this))},a.prototype.delete=function(i){var l;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),l=this.indexOf(i),l>=0)return this.size--,this.list.splice(l,1)[0]},a.prototype.has=function(i){var l;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(l=this.indexOf(i),l>=0?(this.lastItem=this.list[l],!0):!1)},a.prototype.forEach=function(i,l){var s;for(s=0;s<this.size;s++)i.call(l||this,this.list[s].val,this.list[s].key,this)},a.prototype.indexOf=function(i){var l;for(l=0;l<this.size;l++)if(this.isEqual(this.list[l].key,i))return l;return-1},a.prototype.isEqual=function(i,l){return i===l||i!==i&&l!==l},n.exports=a},{}],3:[function(r,n,o){var a=r("map-or-similar");n.exports=function(c){var d=new a(!1),p=[];return function(h){var f=function(){var b=d,g,x,S=arguments.length-1,A=Array(S+1),k=!0,T;if((f.numArgs||f.numArgs===0)&&f.numArgs!==S+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(T=0;T<S;T++){if(A[T]={cacheItem:b,arg:arguments[T]},b.has(arguments[T])){b=b.get(arguments[T]);continue}k=!1,g=new a(!1),b.set(arguments[T],g),b=g}return k&&(b.has(arguments[S])?x=b.get(arguments[S]):k=!1),k||(x=h.apply(null,arguments),b.set(arguments[S],x)),c>0&&(A[S]={cacheItem:b,arg:arguments[S]},k?i(p,A):p.push(A),p.length>c&&l(p.shift())),f.wasMemoized=k,f.numArgs=S+1,x};return f.limit=c,f.wasMemoized=!1,f.cache=d,f.lru=p,f}};function i(c,d){var p=c.length,h=d.length,f,b,g;for(b=0;b<p;b++){for(f=!0,g=0;g<h;g++)if(!s(c[b][g].arg,d[g].arg)){f=!1;break}if(f)break}c.push(c.splice(b,1)[0])}function l(c){var d=c.length,p=c[d-1],h,f;for(p.cacheItem.delete(p.arg),f=d-2;f>=0&&(p=c[f],h=p.cacheItem.get(p.arg),!h||!h.size);f--)p.cacheItem.delete(p.arg)}function s(c,d){return c===d||c!==c&&d!==d}},{"map-or-similar":1}]},{},[3])(3)})}}),ug=je({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),cg=je({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,o=[].some,a=document.body,i,l=!0,s=" ";function c(T,I){var D=I.appendChild(p(T));if(T.children.length){var F=h(T.isCollapsed);T.children.forEach(function(P){c(P,F)}),D.appendChild(F)}}function d(T,I){var D=!1,F=h(D);if(I.forEach(function(P){c(P,F)}),i=T||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),I.length===0?i:i.appendChild(F)}function p(T){var I=document.createElement("li"),D=document.createElement("a");return r.listItemClass&&I.setAttribute("class",r.listItemClass),r.onClick&&(D.onclick=r.onClick),r.includeTitleTags&&D.setAttribute("title",T.textContent),r.includeHtml&&T.childNodes.length?n.call(T.childNodes,function(F){D.appendChild(F.cloneNode(!0))}):D.textContent=T.textContent,D.setAttribute("href",r.basePath+"#"+T.id),D.setAttribute("class",r.linkClass+s+"node-name--"+T.nodeName+s+r.extraLinkClasses),I.appendChild(D),I}function h(T){var I=r.orderedList?"ol":"ul",D=document.createElement(I),F=r.listClass+s+r.extraListClasses;return T&&(F=F+s+r.collapsibleClass,F=F+s+r.isCollapsedClass),D.setAttribute("class",F),D}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var T;T=document.querySelector(r.scrollContainer).scrollTop}else T=document.documentElement.scrollTop||a.scrollTop;var I=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),T>r.fixedSidebarOffset?I.className.indexOf(r.positionFixedClass)===-1&&(I.className+=s+r.positionFixedClass):I.className=I.className.replace(s+r.positionFixedClass,"")}function b(T){var I=0;return T!==null&&(I=T.offsetTop,r.hasInnerContainers&&(I+=b(T.offsetParent))),I}function g(T,I){return T&&T.className!==I&&(T.className=I),T}function x(T){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var I;I=document.querySelector(r.scrollContainer).scrollTop}else I=document.documentElement.scrollTop||a.scrollTop;r.positionFixedSelector&&f();var D=T,F;if(l&&i!==null&&D.length>0){o.call(D,function(w,C){if(b(w)>I+r.headingsOffset+10){var _=C===0?C:C-1;return F=D[_],!0}else if(C===D.length-1)return F=D[D.length-1],!0});var P=i.querySelector("."+r.activeLinkClass),L=i.querySelector("."+r.linkClass+".node-name--"+F.nodeName+'[href="'+r.basePath+"#"+F.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(P===L)return;var j=i.querySelectorAll("."+r.linkClass);n.call(j,function(w){g(w,w.className.replace(s+r.activeLinkClass,""))});var G=i.querySelectorAll("."+r.listItemClass);n.call(G,function(w){g(w,w.className.replace(s+r.activeListItemClass,""))}),L&&L.className.indexOf(r.activeLinkClass)===-1&&(L.className+=s+r.activeLinkClass);var $=L&&L.parentNode;$&&$.className.indexOf(r.activeListItemClass)===-1&&($.className+=s+r.activeListItemClass);var H=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(H,function(w){w.className.indexOf(r.isCollapsedClass)===-1&&(w.className+=s+r.isCollapsedClass)}),L&&L.nextSibling&&L.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(L.nextSibling,L.nextSibling.className.replace(s+r.isCollapsedClass,"")),S(L&&L.parentNode.parentNode)}}function S(T){return T&&T.className.indexOf(r.collapsibleClass)!==-1&&T.className.indexOf(r.isCollapsedClass)!==-1?(g(T,T.className.replace(s+r.isCollapsedClass,"")),S(T.parentNode.parentNode)):T}function A(T){var I=T.target||T.srcElement;typeof I.className!="string"||I.className.indexOf(r.linkClass)===-1||(l=!1)}function k(){l=!0}return{enableTocAnimation:k,disableTocAnimation:A,render:d,updateToc:x}}}}),dg=je({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function o(p){return p[p.length-1]}function a(p){return+p.nodeName.toUpperCase().replace("H","")}function i(p){try{return p instanceof window.HTMLElement||p instanceof window.parent.HTMLElement}catch{return p instanceof window.HTMLElement}}function l(p){if(!i(p))return p;if(r.ignoreHiddenElements&&(!p.offsetHeight||!p.offsetParent))return null;let h=p.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(p.innerText)):(p.innerText||p.textContent).trim());var f={id:p.id,children:[],nodeName:p.nodeName,headingLevel:a(p),textContent:h};return r.includeHtml&&(f.childNodes=p.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,p):f}function s(p,h){for(var f=l(p),b=f.headingLevel,g=h,x=o(g),S=x?x.headingLevel:0,A=b-S;A>0&&(x=o(g),!(x&&b===x.headingLevel));)x&&x.children!==void 0&&(g=x.children),A--;return b>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function c(p,h){var f=h;r.ignoreSelector&&(f=h.split(",").map(function(b){return b.trim()+":not("+r.ignoreSelector+")"}));try{return p.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function d(p){return n.call(p,function(h,f){var b=l(f);return b&&s(b,h.nest),h},{nest:[]})}return{nestHeadingsArray:d,selectHeadings:c}}}}),pg=je({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var o=n.querySelector("."+r.activeListItemClass);o&&(n.scrollTop=o.offsetTop-r.tocScrollOffset)}}}}),fg=je({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var o=n.duration,a=n.offset,i=location.hash?c(location.href):location.href;l();function l(){document.body.addEventListener("click",p,!1);function p(h){!s(h.target)||h.target.className.indexOf("no-smooth-scroll")>-1||h.target.href.charAt(h.target.href.length-2)==="#"&&h.target.href.charAt(h.target.href.length-1)==="!"||h.target.className.indexOf(n.linkClass)===-1||r(h.target.hash,{duration:o,offset:a,callback:function(){d(h.target.hash)}})}}function s(p){return p.tagName.toLowerCase()==="a"&&(p.hash.length>0||p.href.charAt(p.href.length-1)==="#")&&(c(p.href)===i||c(p.href)+"#"===i)}function c(p){return p.slice(0,p.lastIndexOf("#"))}function d(p){var h=document.getElementById(p.substring(1));h&&(/^(?:a|select|input|button|textarea)$/i.test(h.tagName)||(h.tabIndex=-1),h.focus())}}function r(n,o){var a=window.pageYOffset,i={duration:o.duration,offset:o.offset||0,callback:o.callback,easing:o.easing||b},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,c=typeof i.duration=="function"?i.duration(s):i.duration,d,p;requestAnimationFrame(function(g){d=g,h(g)});function h(g){p=g-d,window.scrollTo(0,i.easing(p,a,s,c)),p<c?requestAnimationFrame(h):f()}function f(){window.scrollTo(0,a+s),typeof i.callback=="function"&&i.callback()}function b(g,x,S,A){return g/=A/2,g<1?S/2*g*g+x:(g--,-S/2*(g*(g-2)-1)+x)}}}}),hg=je({"../../node_modules/tocbot/src/js/index.js"(e,t){(function(r,n){typeof define=="function"&&define.amd?define([],n(r)):typeof e=="object"?t.exports=n(r):r.tocbot=n(r)})(typeof window<"u"?window:window||window,function(r){var n=ug(),o={},a={},i=cg(),l=dg(),s=pg(),c,d,p=!!r&&!!r.document&&!!r.document.querySelector&&!!r.addEventListener;if(typeof window>"u"&&!p)return;var h,f=Object.prototype.hasOwnProperty;function b(){for(var A={},k=0;k<arguments.length;k++){var T=arguments[k];for(var I in T)f.call(T,I)&&(A[I]=T[I])}return A}function g(A,k,T){k||(k=250);var I,D;return function(){var F=T||this,P=+new Date,L=arguments;I&&P<I+k?(clearTimeout(D),D=setTimeout(function(){I=P,A.apply(F,L)},k)):(I=P,A.apply(F,L))}}function x(A){try{return A.contentElement||document.querySelector(A.contentSelector)}catch{return console.warn("Contents element not found: "+A.contentSelector),null}}function S(A){try{return A.tocElement||document.querySelector(A.tocSelector)}catch{return console.warn("TOC element not found: "+A.tocSelector),null}}return a.destroy=function(){var A=S(o);A!==null&&(o.skipRendering||A&&(A.innerHTML=""),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).removeEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).removeEventListener("resize",this._scrollListener,!1),c&&document.querySelector(o.scrollContainer).removeEventListener("click",this._clickListener,!1)):(document.removeEventListener("scroll",this._scrollListener,!1),document.removeEventListener("resize",this._scrollListener,!1),c&&document.removeEventListener("click",this._clickListener,!1)))},a.init=function(A){if(p){o=b(n,A||{}),this.options=o,this.state={},o.scrollSmooth&&(o.duration=o.scrollSmoothDuration,o.offset=o.scrollSmoothOffset,a.scrollSmooth=fg().initSmoothScrolling(o)),c=i(o),d=l(o),this._buildHtml=c,this._parseContent=d,this._headingsArray=h,a.destroy();var k=x(o);if(k!==null){var T=S(o);if(T!==null&&(h=d.selectHeadings(k,o.headingSelector),h!==null)){var I=d.nestHeadingsArray(h),D=I.nest;if(!o.skipRendering)c.render(T,D);else return this;this._scrollListener=g(function(P){c.updateToc(h),!o.disableTocScrollSync&&s(o);var L=P&&P.target&&P.target.scrollingElement&&P.target.scrollingElement.scrollTop===0;(P&&(P.eventPhase===0||P.currentTarget===null)||L)&&(c.updateToc(h),o.scrollEndCallback&&o.scrollEndCallback(P))},o.throttleTimeout),this._scrollListener(),o.scrollContainer&&document.querySelector(o.scrollContainer)?(document.querySelector(o.scrollContainer).addEventListener("scroll",this._scrollListener,!1),document.querySelector(o.scrollContainer).addEventListener("resize",this._scrollListener,!1)):(document.addEventListener("scroll",this._scrollListener,!1),document.addEventListener("resize",this._scrollListener,!1));var F=null;return this._clickListener=g(function(P){o.scrollSmooth&&c.disableTocAnimation(P),c.updateToc(h),F&&clearTimeout(F),F=setTimeout(function(){c.enableTocAnimation()},o.scrollSmoothDuration)},o.throttleTimeout),o.scrollContainer&&document.querySelector(o.scrollContainer)?document.querySelector(o.scrollContainer).addEventListener("click",this._clickListener,!1):document.addEventListener("click",this._clickListener,!1),this}}}},a.refresh=function(A){a.destroy(),a.init(A||this.options)},r.tocbot=a,a})}});function Qt(){return Qt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Qt.apply(null,arguments)}function mg(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ar(e,t){return Ar=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Ar(e,t)}function yg(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Ar(e,t)}function ga(e){return ga=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},ga(e)}function gg(e){try{return Function.toString.call(e).indexOf("[native code]")!==-1}catch{return typeof e=="function"}}function Wc(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch{}return(Wc=function(){return!!e})()}function bg(e,t,r){if(Wc())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var o=new(e.bind.apply(e,n));return r&&Ar(o,r.prototype),o}function ba(e){var t=typeof Map=="function"?new Map:void 0;return ba=function(r){if(r===null||!gg(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(t!==void 0){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return bg(r,arguments,ga(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Ar(n,r)},ba(e)}var Eg={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 }). + +`,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 }). + +`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color. + +`,4:`Couldn't generate valid rgb string from %s, it returned %s. + +`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation. + +`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }). + +`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }). + +`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object. + +`,9:`Please provide a number of steps to the modularScale helper. + +`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio. + +`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s" + +`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead. + +`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead. + +`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12. + +`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12. + +`,16:`You must provide a template to this method. + +`,17:`You passed an unsupported selector state to this method. + +`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units. + +`,19:`fromSize and toSize must be provided as stringified numbers with the same units. + +`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize. + +`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family. + +`,24:`fontFace expects either the path to the font file(s) or a name of a local copy. + +`,25:`fontFace expects localFonts to be an array. + +`,26:`fontFace expects fileFormats to be an array. + +`,27:`radialGradient requries at least 2 color-stops to properly render. + +`,28:`Please supply a filename to retinaImage() as the first argument. + +`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'. + +`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation + +`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s']) +To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s') + +`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation + +`,34:`borderRadius expects a radius value as a string or number as the second argument. + +`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument. + +`,36:`Property must be a string value. + +`,37:`Syntax Error at %s. + +`,38:`Formula contains a function that needs parentheses at %s. + +`,39:`Formula is missing closing parenthesis at %s. + +`,40:`Formula has too many closing parentheses at %s. + +`,41:`All values in a formula must have the same unit or be unitless. + +`,42:`Please provide a number of steps to the modularScale helper. + +`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio. + +`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s. + +`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object. + +`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object. + +`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units. + +`,48:`fromSize and toSize must be provided as stringified numbers with the same units. + +`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize. + +`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize. + +`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize. + +`,52:`fontFace expects either the path to the font file(s) or a name of a local copy. + +`,53:`fontFace expects localFonts to be an array. + +`,54:`fontFace expects fileFormats to be an array. + +`,55:`fontFace expects a name of a font-family. + +`,56:`linearGradient requries at least 2 color-stops to properly render. + +`,57:`radialGradient requries at least 2 color-stops to properly render. + +`,58:`Please supply a filename to retinaImage() as the first argument. + +`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'. + +`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value. + +`,62:`borderRadius expects a radius value as a string or number as the second argument. + +`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument. + +`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation. + +`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s'). + +`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation. + +`,67:`You must provide a template to this method. + +`,68:`You passed an unsupported selector state to this method. + +`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead. + +`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead. + +`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12. + +`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12. + +`,73:`Please provide a valid CSS variable. + +`,74:`CSS variable not found and no default was provided. + +`,75:`important requires a valid style object, got a %s instead. + +`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen. + +`,77:`remToPx expects a value in "rem" but you provided it in "%s". + +`,78:`base must be set in "px" or "%" but you set it in "%s". +`};function vg(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n=t[0],o=[],a;for(a=1;a<t.length;a+=1)o.push(t[a]);return o.forEach(function(i){n=n.replace(/%[a-z]/,i)}),n}var Ke=function(e){yg(t,e);function t(r){for(var n,o=arguments.length,a=new Array(o>1?o-1:0),i=1;i<o;i++)a[i-1]=arguments[i];return n=e.call(this,vg.apply(void 0,[Eg[r]].concat(a)))||this,mg(n)}return t}(ba(Error));function aa(e){return Math.round(e*255)}function xg(e,t,r){return aa(e)+","+aa(t)+","+aa(r)}function Tr(e,t,r,n){if(n===void 0&&(n=xg),t===0)return n(r,r,r);var o=(e%360+360)%360/60,a=(1-Math.abs(2*r-1))*t,i=a*(1-Math.abs(o%2-1)),l=0,s=0,c=0;o>=0&&o<1?(l=a,s=i):o>=1&&o<2?(l=i,s=a):o>=2&&o<3?(s=a,c=i):o>=3&&o<4?(s=i,c=a):o>=4&&o<5?(l=i,c=a):o>=5&&o<6&&(l=a,c=i);var d=r-a/2,p=l+d,h=s+d,f=c+d;return n(p,h,f)}var yc={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 Sg(e){if(typeof e!="string")return e;var t=e.toLowerCase();return yc[t]?"#"+yc[t]:e}var wg=/^#[a-fA-F0-9]{6}$/,Ag=/^#[a-fA-F0-9]{8}$/,Tg=/^#[a-fA-F0-9]{3}$/,Cg=/^#[a-fA-F0-9]{4}$/,ia=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,kg=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Ig=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Og=/^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 yn(e){if(typeof e!="string")throw new Ke(3);var t=Sg(e);if(t.match(wg))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(Ag)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Tg))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(Cg)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var o=ia.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=kg.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var i=Ig.exec(t);if(i){var l=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,c=parseInt(""+i[3],10)/100,d="rgb("+Tr(l,s,c)+")",p=ia.exec(d);if(!p)throw new Ke(4,t,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var h=Og.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),b=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,x="rgb("+Tr(f,b,g)+")",S=ia.exec(x);if(!S)throw new Ke(4,t,x);return{red:parseInt(""+S[1],10),green:parseInt(""+S[2],10),blue:parseInt(""+S[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Ke(5)}function Dg(e){var t=e.red/255,r=e.green/255,n=e.blue/255,o=Math.max(t,r,n),a=Math.min(t,r,n),i=(o+a)/2;if(o===a)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var l,s=o-a,c=i>.5?s/(2-o-a):s/(o+a);switch(o){case t:l=(r-n)/s+(r<n?6:0);break;case r:l=(n-t)/s+2;break;default:l=(t-r)/s+4;break}return l*=60,e.alpha!==void 0?{hue:l,saturation:c,lightness:i,alpha:e.alpha}:{hue:l,saturation:c,lightness:i}}function Kc(e){return Dg(yn(e))}var Rg=function(e){return e.length===7&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e},Ea=Rg;function Dt(e){var t=e.toString(16);return t.length===1?"0"+t:t}function sa(e){return Dt(Math.round(e*255))}function _g(e,t,r){return Ea("#"+sa(e)+sa(t)+sa(r))}function mn(e,t,r){return Tr(e,t,r,_g)}function Pg(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return mn(e,t,r);if(typeof e=="object"&&t===void 0&&r===void 0)return mn(e.hue,e.saturation,e.lightness);throw new Ke(1)}function Fg(e,t,r,n){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?mn(e,t,r):"rgba("+Tr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?mn(e.hue,e.saturation,e.lightness):"rgba("+Tr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ke(2)}function va(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Ea("#"+Dt(e)+Dt(t)+Dt(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Ea("#"+Dt(e.red)+Dt(e.green)+Dt(e.blue));throw new Ke(6)}function rt(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var o=yn(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?va(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?va(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ke(7)}var Ng=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Bg=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},jg=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Lg=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function Yc(e){if(typeof e!="object")throw new Ke(8);if(Bg(e))return rt(e);if(Ng(e))return va(e);if(Lg(e))return Fg(e);if(jg(e))return Pg(e);throw new Ke(8)}function Xc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):Xc(e,t,n)}}function gn(e){return Xc(e,e.length,[])}function bn(e,t,r){return Math.max(e,Math.min(t,r))}function Mg(e,t){if(t==="transparent")return t;var r=Kc(t);return Yc(Qt({},r,{lightness:bn(0,1,r.lightness-parseFloat(e))}))}var Ug=gn(Mg),We=Ug;function $g(e,t){if(t==="transparent")return t;var r=Kc(t);return Yc(Qt({},r,{lightness:bn(0,1,r.lightness+parseFloat(e))}))}var qg=gn($g),Rt=qg;function Vg(e,t){if(t==="transparent")return t;var r=yn(t),n=typeof r.alpha=="number"?r.alpha:1,o=Qt({},r,{alpha:bn(0,1,(n*100+parseFloat(e)*100)/100)});return rt(o)}var Jg=gn(Vg),cn=Jg;function zg(e,t){if(t==="transparent")return t;var r=yn(t),n=typeof r.alpha=="number"?r.alpha:1,o=Qt({},r,{alpha:bn(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return rt(o)}var Hg=gn(zg),oe=Hg,Gg=R.div(Ut,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Qc=e=>m.createElement(Gg,{...e,className:"docblock-emptyblock sb-unstyled"}),Wg=R(_r)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Kg=R.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),dn=R.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${Oi}`]:{margin:0}})),Yg=()=>m.createElement(Kg,null,m.createElement(dn,null),m.createElement(dn,{style:{width:"80%"}}),m.createElement(dn,{style:{width:"30%"}}),m.createElement(dn,{style:{width:"80%"}})),Xg=({isLoading:e,error:t,language:r,code:n,dark:o,format:a=!1,...i})=>{let{typography:l}=Xn();if(e)return m.createElement(Yg,null);if(t)return m.createElement(Qc,null,t);let s=m.createElement(Wg,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof o>"u")return s;let c=o?Yn.dark:Yn.light;return m.createElement(ki,{theme:Ii({...c,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Ca=600;R.h1(Ut,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Ca}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}}));R.h2(Ut,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Ca}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)}));R.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.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:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.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"}},"&.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"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}});R.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Ca}px)`]:{}}));var En=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),Qg=ur({scale:1});R.strong(({theme:e})=>({color:e.color.orange}));var Zg=R(Nn)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),e0=R.div({display:"flex",alignItems:"center",gap:4}),t0=R.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),r0=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:o,...a})=>m.createElement(Zg,{...a},m.createElement(e0,{key:"left"},e?[1,2,3].map(i=>m.createElement(t0,{key:i})):m.createElement(m.Fragment,null,m.createElement(ze,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},m.createElement(qi,null)),m.createElement(ze,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},m.createElement(Vi,null)),m.createElement(ze,{key:"zoomreset",onClick:i=>{i.preventDefault(),o()},title:"Reset zoom"},m.createElement(Ji,null))))),n0=R.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),gc=R(Xg)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":We(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":We(.05,e.background.content)}})),o0=R.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...En(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),a0=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:m.createElement(gc,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:m.createElement(gc,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function i0(e){if(Ya.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var s0=R(r0)({position:"absolute",top:0,left:0,right:0,height:40}),l0=R.div({overflow:"hidden",position:"relative"}),u0=({isLoading:e,isColumn:t,columns:r,children:n,withSource:o,withToolbar:a=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:c="padded",...d})=>{let[p,h]=X(i),{source:f,actionItem:b}=a0(o,p,h),[g,x]=X(1),S=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),A=o?[b]:[],[k,T]=X(l?[...l]:[]),I=[...A,...k],{window:D}=globalThis,F=xe(async L=>{let{createCopyToClipboardFunction:j}=await Promise.resolve().then(()=>(Pr(),ti));j()},[]),P=L=>{let j=D.getSelection();j&&j.type==="Range"||(L.preventDefault(),k.filter(G=>G.title==="Copied").length===0&&F(f.props.code).then(()=>{T([...k,{title:"Copied",onClick:()=>{}}]),D.setTimeout(()=>T(k.filter(G=>G.title!=="Copied")),1500)}))};return m.createElement(o0,{withSource:o,withToolbar:a,...d,className:S.join(" ")},a&&m.createElement(s0,{isLoading:e,border:!0,zoom:L=>x(g*L),resetZoom:()=>x(1),storyId:i0(n),baseUrl:"./iframe.html"}),m.createElement(Qg.Provider,{value:{scale:g}},m.createElement(l0,{className:"docs-story",onCopyCapture:o&&P},m.createElement(n0,{isColumn:t||!Array.isArray(n),columns:r,layout:c},m.createElement(Un.Element,{scale:g},Array.isArray(n)?n.map((L,j)=>m.createElement("div",{key:j},L)):m.createElement("div",null,n))),m.createElement(Dn,{actionItems:I}))),o&&p&&f)};R(u0)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function _t(){return _t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_t.apply(this,arguments)}var c0=["children","options"],bc,Ec;(function(e){e.blockQuote="0",e.breakLine="1",e.breakThematic="2",e.codeBlock="3",e.codeFenced="4",e.codeInline="5",e.footnote="6",e.footnoteReference="7",e.gfmTask="8",e.heading="9",e.headingSetext="10",e.htmlBlock="11",e.htmlComment="12",e.htmlSelfClosing="13",e.image="14",e.link="15",e.linkAngleBraceStyleDetector="16",e.linkBareUrlDetector="17",e.linkMailtoDetector="18",e.newlineCoalescer="19",e.orderedList="20",e.paragraph="21",e.ref="22",e.refImage="23",e.refLink="24",e.table="25",e.tableSeparator="26",e.text="27",e.textBolded="28",e.textEmphasized="29",e.textEscaped="30",e.textMarked="31",e.textStrikethroughed="32",e.unorderedList="33"})(bc||(bc={})),function(e){e[e.MAX=0]="MAX",e[e.HIGH=1]="HIGH",e[e.MED=2]="MED",e[e.LOW=3]="LOW",e[e.MIN=4]="MIN"}(Ec||(Ec={}));var vc=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce((e,t)=>(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),xc={amp:"&",apos:"'",gt:">",lt:"<",nbsp:"\xA0",quot:"\u201C"},d0=["style","script"],p0=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,f0=/mailto:/i,h0=/\n{2,}$/,Zc=/^(\s*>[\s\S]*?)(?=\n{2,})/,m0=/^ *> ?/gm,y0=/^ {2,}\n/,g0=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,ed=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,td=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,b0=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,E0=/^(?:\n *)*\n/,v0=/\r\n?/g,x0=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,S0=/^\[\^([^\]]+)]/,w0=/\f/g,A0=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,T0=/^\s*?\[(x|\s)\]/,rd=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,nd=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,od=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,xa=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,C0=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,ad=/^<!--[\s\S]*?(?:-->)/,k0=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,Sa=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,I0=/^\{.*\}$/,O0=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,D0=/^<([^ >]+@[^ >]+)>/,R0=/^<([^ >]+:\/[^ >]+)>/,_0=/-([a-z])?/gi,id=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,P0=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,F0=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,N0=/^\[([^\]]*)\] ?\[([^\]]*)\]/,B0=/(\[|\])/g,j0=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,L0=/\t/g,M0=/^ *\| */,U0=/(^ *\||\| *$)/g,$0=/ *$/,q0=/^ *:-+: *$/,V0=/^ *:-+ *$/,J0=/^ *-+: *$/,vn="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",z0=new RegExp(`^([*_])\\1${vn}\\1\\1(?!\\1)`),H0=new RegExp(`^([*_])${vn}\\1(?!\\1|\\w)`),G0=new RegExp(`^==${vn}==`),W0=new RegExp(`^~~${vn}~~`),K0=/^\\([^0-9A-Za-z\s])/,Y0=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,X0=/^\n+/,Q0=/^([ \t]*)/,Z0=/\\([^\\])/g,Sc=/ *\n+$/,e2=/(?:^|\n)( *)$/,ka="(?:\\d+\\.)",Ia="(?:[*+-])";function sd(e){return"( *)("+(e===1?ka:Ia)+") +"}var ld=sd(1),ud=sd(2);function cd(e){return new RegExp("^"+(e===1?ld:ud))}var t2=cd(1),r2=cd(2);function dd(e){return new RegExp("^"+(e===1?ld:ud)+"[^\\n]*(?:\\n(?!\\1"+(e===1?ka:Ia)+" )[^\\n]*)*(\\n|$)","gm")}var pd=dd(1),fd=dd(2);function hd(e){let t=e===1?ka:Ia;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var md=hd(1),yd=hd(2);function wc(e,t){let r=t===1,n=r?md:yd,o=r?pd:fd,a=r?t2:r2;return{match(i,l,s){let c=e2.exec(s);return c&&(l.list||!l.inline&&!l.simple)?n.exec(i=c[1]+i):null},order:1,parse(i,l,s){let c=r?+i[2]:void 0,d=i[0].replace(h0,` +`).match(o),p=!1;return{items:d.map(function(h,f){let b=a.exec(h)[0].length,g=new RegExp("^ {1,"+b+"}","gm"),x=h.replace(g,"").replace(a,""),S=f===d.length-1,A=x.indexOf(` + +`)!==-1||S&&p;p=A;let k=s.inline,T=s.list,I;s.list=!0,A?(s.inline=!1,I=x.replace(Sc,` + +`)):(s.inline=!0,I=x.replace(Sc,""));let D=l(I,s);return s.inline=k,s.list=T,D}),ordered:r,start:c}},render:(i,l,s)=>e(i.ordered?"ol":"ul",{key:s.key,start:i.type==="20"?i.start:void 0},i.items.map(function(c,d){return e("li",{key:d},l(c,s))}))}}var n2=new RegExp(`^\\[((?:\\[[^\\]]*\\]|[^\\[\\]]|\\](?=[^\\[]*\\]))*)\\]\\(\\s*<?((?:\\([^)]*\\)|[^\\s\\\\]|\\\\.)*?)>?(?:\\s+['"]([\\s\\S]*?)['"])?\\s*\\)`),o2=/^!\[(.*?)\]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,gd=[Zc,ed,td,rd,od,nd,ad,id,pd,md,fd,yd],a2=[...gd,/^[^\n]+(?: \n|\n{2,})/,xa,Sa];function i2(e){return e.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function s2(e){return J0.test(e)?"right":q0.test(e)?"center":V0.test(e)?"left":null}function Ac(e,t,r){let n=r.inTable;r.inTable=!0;let o=t(e.trim(),r);r.inTable=n;let a=[[]];return o.forEach(function(i,l){i.type==="26"?l!==0&&l!==o.length-1&&a.push([]):(i.type!=="27"||o[l+1]!=null&&o[l+1].type!=="26"||(i.text=i.text.replace($0,"")),a[a.length-1].push(i))}),a}function l2(e,t,r){r.inline=!0;let n=Ac(e[1],t,r),o=e[2].replace(U0,"").split("|").map(s2),a=function(i,l,s){return i.trim().split(` +`).map(function(c){return Ac(c,l,s)})}(e[3],t,r);return r.inline=!1,{align:o,cells:a,header:n,type:"25"}}function Tc(e,t){return e.align[t]==null?{}:{textAlign:e.align[t]}}function yt(e){return function(t,r){return r.inline?e.exec(t):null}}function gt(e){return function(t,r){return r.inline||r.simple?e.exec(t):null}}function tt(e){return function(t,r){return r.inline||r.simple?null:e.exec(t)}}function Sr(e){return function(t){return e.exec(t)}}function u2(e,t,r){if(t.inline||t.simple||r&&!r.endsWith(` +`))return null;let n="";e.split(` +`).every(a=>!gd.some(i=>i.test(a))&&(n+=a+` +`,a.trim()));let o=n.trimEnd();return o==""?null:[n,o]}function Yt(e){try{if(decodeURIComponent(e).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch{return null}return e}function Cc(e){return e.replace(Z0,"$1")}function hn(e,t,r){let n=r.inline||!1,o=r.simple||!1;r.inline=!0,r.simple=!0;let a=e(t,r);return r.inline=n,r.simple=o,a}function c2(e,t,r){let n=r.inline||!1,o=r.simple||!1;r.inline=!1,r.simple=!0;let a=e(t,r);return r.inline=n,r.simple=o,a}function d2(e,t,r){return r.inline=!1,e(t,r)}var la=(e,t,r)=>({children:hn(t,e[1],r)});function ua(){return{}}function ca(){return null}function p2(...e){return e.filter(Boolean).join(" ")}function da(e,t,r){let n=e,o=t.split(".");for(;o.length&&(n=n[o[0]],n!==void 0);)o.shift();return n||r}function f2(e="",t={}){t.overrides=t.overrides||{},t.slugify=t.slugify||i2,t.namedCodesToUnicode=t.namedCodesToUnicode?_t({},xc,t.namedCodesToUnicode):xc;let r=t.createElement||On;function n(f,b,...g){let x=da(t.overrides,`${f}.props`,{});return r(function(S,A){let k=da(A,S);return k?typeof k=="function"||typeof k=="object"&&"render"in k?k:da(A,`${S}.component`,S):S}(f,t.overrides),_t({},b,x,{className:p2(b?.className,x.className)||void 0}),...g)}function o(f){f=f.replace(A0,"");let b=!1;t.forceInline?b=!0:t.forceBlock||(b=j0.test(f)===!1);let g=d(c(b?f:`${f.trimEnd().replace(X0,"")} + +`,{inline:b}));for(;typeof g[g.length-1]=="string"&&!g[g.length-1].trim();)g.pop();if(t.wrapper===null)return g;let x=t.wrapper||(b?"span":"div"),S;if(g.length>1||t.forceWrapper)S=g;else{if(g.length===1)return S=g[0],typeof S=="string"?n("span",{key:"outer"},S):S;S=null}return On(x,{key:"outer"},S)}function a(f){let b=f.match(p0);return b?b.reduce(function(g,x,S){let A=x.indexOf("=");if(A!==-1){let k=function(F){return F.indexOf("-")!==-1&&F.match(k0)===null&&(F=F.replace(_0,function(P,L){return L.toUpperCase()})),F}(x.slice(0,A)).trim(),T=function(F){let P=F[0];return(P==='"'||P==="'")&&F.length>=2&&F[F.length-1]===P?F.slice(1,-1):F}(x.slice(A+1).trim()),I=vc[k]||k,D=g[I]=function(F,P){return F==="style"?P.split(/;\s?/).reduce(function(L,j){let G=j.slice(0,j.indexOf(":"));return L[G.trim().replace(/(-[a-z])/g,$=>$[1].toUpperCase())]=j.slice(G.length+1).trim(),L},{}):F==="href"||F==="src"?Yt(P):(P.match(I0)&&(P=P.slice(1,P.length-1)),P==="true"||P!=="false"&&P)}(k,T);typeof D=="string"&&(xa.test(D)||Sa.test(D))&&(g[I]=ue(o(D.trim()),{key:S}))}else x!=="style"&&(g[vc[x]||x]=!0);return g},{}):null}let i=[],l={},s={0:{match:tt(Zc),order:1,parse:(f,b,g)=>({children:b(f[0].replace(m0,""),g)}),render:(f,b,g)=>n("blockquote",{key:g.key},b(f.children,g))},1:{match:Sr(y0),order:1,parse:ua,render:(f,b,g)=>n("br",{key:g.key})},2:{match:tt(g0),order:1,parse:ua,render:(f,b,g)=>n("hr",{key:g.key})},3:{match:tt(td),order:0,parse:f=>({lang:void 0,text:f[0].replace(/^ {4}/gm,"").replace(/\n+$/,"")}),render:(f,b,g)=>n("pre",{key:g.key},n("code",_t({},f.attrs,{className:f.lang?`lang-${f.lang}`:""}),f.text))},4:{match:tt(ed),order:0,parse:f=>({attrs:a(f[3]||""),lang:f[2]||void 0,text:f[4],type:"3"})},5:{match:gt(b0),order:3,parse:f=>({text:f[2]}),render:(f,b,g)=>n("code",{key:g.key},f.text)},6:{match:tt(x0),order:0,parse:f=>(i.push({footnote:f[2],identifier:f[1]}),{}),render:ca},7:{match:yt(S0),order:1,parse:f=>({target:`#${t.slugify(f[1])}`,text:f[1]}),render:(f,b,g)=>n("a",{key:g.key,href:Yt(f.target)},n("sup",{key:g.key},f.text))},8:{match:yt(T0),order:1,parse:f=>({completed:f[1].toLowerCase()==="x"}),render:(f,b,g)=>n("input",{checked:f.completed,key:g.key,readOnly:!0,type:"checkbox"})},9:{match:tt(t.enforceAtxHeadings?nd:rd),order:1,parse:(f,b,g)=>({children:hn(b,f[2],g),id:t.slugify(f[2]),level:f[1].length}),render:(f,b,g)=>n(`h${f.level}`,{id:f.id,key:g.key},b(f.children,g))},10:{match:tt(od),order:0,parse:(f,b,g)=>({children:hn(b,f[1],g),level:f[2]==="="?1:2,type:"9"})},11:{match:Sr(xa),order:1,parse(f,b,g){let[,x]=f[3].match(Q0),S=new RegExp(`^${x}`,"gm"),A=f[3].replace(S,""),k=(T=A,a2.some(P=>P.test(T))?d2:hn);var T;let I=f[1].toLowerCase(),D=d0.indexOf(I)!==-1,F={attrs:a(f[2]),noInnerParse:D,tag:(D?I:f[1]).trim()};return g.inAnchor=g.inAnchor||I==="a",D?F.text=f[3]:F.children=k(b,A,g),g.inAnchor=!1,F},render:(f,b,g)=>n(f.tag,_t({key:g.key},f.attrs),f.text||b(f.children,g))},13:{match:Sr(Sa),order:1,parse:f=>({attrs:a(f[2]||""),tag:f[1].trim()}),render:(f,b,g)=>n(f.tag,_t({},f.attrs,{key:g.key}))},12:{match:Sr(ad),order:1,parse:()=>({}),render:ca},14:{match:gt(o2),order:1,parse:f=>({alt:f[1],target:Cc(f[2]),title:f[3]}),render:(f,b,g)=>n("img",{key:g.key,alt:f.alt||void 0,title:f.title||void 0,src:Yt(f.target)})},15:{match:yt(n2),order:3,parse:(f,b,g)=>({children:c2(b,f[1],g),target:Cc(f[2]),title:f[3]}),render:(f,b,g)=>n("a",{key:g.key,href:Yt(f.target),title:f.title},b(f.children,g))},16:{match:yt(R0),order:0,parse:f=>({children:[{text:f[1],type:"27"}],target:f[1],type:"15"})},17:{match:(f,b)=>b.inAnchor?null:yt(O0)(f,b),order:0,parse:f=>({children:[{text:f[1],type:"27"}],target:f[1],title:void 0,type:"15"})},18:{match:yt(D0),order:0,parse(f){let b=f[1],g=f[1];return f0.test(g)||(g="mailto:"+g),{children:[{text:b.replace("mailto:",""),type:"27"}],target:g,type:"15"}}},20:wc(n,1),33:wc(n,2),19:{match:tt(E0),order:3,parse:ua,render:()=>` +`},21:{match:u2,order:3,parse:la,render:(f,b,g)=>n("p",{key:g.key},b(f.children,g))},22:{match:yt(P0),order:0,parse:f=>(l[f[1]]={target:f[2],title:f[4]},{}),render:ca},23:{match:gt(F0),order:0,parse:f=>({alt:f[1]||void 0,ref:f[2]}),render:(f,b,g)=>l[f.ref]?n("img",{key:g.key,alt:f.alt,src:Yt(l[f.ref].target),title:l[f.ref].title}):null},24:{match:yt(N0),order:0,parse:(f,b,g)=>({children:b(f[1],g),fallbackChildren:b(f[0].replace(B0,"\\$1"),g),ref:f[2]}),render:(f,b,g)=>l[f.ref]?n("a",{key:g.key,href:Yt(l[f.ref].target),title:l[f.ref].title},b(f.children,g)):n("span",{key:g.key},b(f.fallbackChildren,g))},25:{match:tt(id),order:1,parse:l2,render:(f,b,g)=>n("table",{key:g.key},n("thead",null,n("tr",null,f.header.map(function(x,S){return n("th",{key:S,style:Tc(f,S)},b(x,g))}))),n("tbody",null,f.cells.map(function(x,S){return n("tr",{key:S},x.map(function(A,k){return n("td",{key:k,style:Tc(f,k)},b(A,g))}))})))},26:{match:function(f,b){return b.inTable?(b.inline=!0,M0.exec(f)):null},order:1,parse:function(){return{type:"26"}},render:()=>" | "},27:{match:Sr(Y0),order:4,parse:f=>({text:f[0].replace(C0,(b,g)=>t.namedCodesToUnicode[g]?t.namedCodesToUnicode[g]:b)}),render:f=>f.text},28:{match:gt(z0),order:2,parse:(f,b,g)=>({children:b(f[2],g)}),render:(f,b,g)=>n("strong",{key:g.key},b(f.children,g))},29:{match:gt(H0),order:3,parse:(f,b,g)=>({children:b(f[2],g)}),render:(f,b,g)=>n("em",{key:g.key},b(f.children,g))},30:{match:gt(K0),order:1,parse:f=>({text:f[1],type:"27"})},31:{match:gt(G0),order:3,parse:la,render:(f,b,g)=>n("mark",{key:g.key},b(f.children,g))},32:{match:gt(W0),order:3,parse:la,render:(f,b,g)=>n("del",{key:g.key},b(f.children,g))}};t.disableParsingRawHTML===!0&&(delete s[11],delete s[13]);let c=function(f){let b=Object.keys(f);function g(x,S){let A=[],k="";for(;x;){let T=0;for(;T<b.length;){let I=b[T],D=f[I],F=D.match(x,S,k);if(F){let P=F[0];x=x.substring(P.length);let L=D.parse(F,g,S);L.type==null&&(L.type=I),A.push(L),k=P;break}T++}}return A}return b.sort(function(x,S){let A=f[x].order,k=f[S].order;return A!==k?A-k:x<S?-1:1}),function(x,S){return g(function(A){return A.replace(v0,` +`).replace(w0,"").replace(L0," ")}(x),S)}}(s),d=(p=function(f,b){return function(g,x,S){let A=f[g.type].render;return b?b(()=>A(g,x,S),g,x,S):A(g,x,S)}}(s,t.renderRule),function f(b,g={}){if(Array.isArray(b)){let x=g.key,S=[],A=!1;for(let k=0;k<b.length;k++){g.key=k;let T=f(b[k],g),I=typeof T=="string";I&&A?S[S.length-1]+=T:T!==null&&S.push(T),A=I}return g.key=x,S}return p(b,f,g)});var p;let h=o(e);return i.length?n("div",null,h,n("footer",{key:"footer"},i.map(function(f){return n("div",{id:t.slugify(f.identifier),key:f.identifier},f.identifier,d(c(f.footnote,{inline:!0})))}))):h}var h2=e=>{let{children:t="",options:r}=e,n=function(o,a){if(o==null)return{};var i,l,s={},c=Object.keys(o);for(l=0;l<c.length;l++)a.indexOf(i=c[l])>=0||(s[i]=o[i]);return s}(e,c0);return ue(f2(t,r),n)},m2=R.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:oe(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${cn(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${cn(.05,e.appBorderColor)} 0 0 0 2px inset`,color:cn(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${cn(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),y2=e=>e==="true",g2=({name:e,value:t,onChange:r,onBlur:n,onFocus:o,argType:a})=>{let i=xe(()=>r(!1),[r]),l=!!a?.table?.readonly;if(t===void 0)return m.createElement(lt,{variant:"outline",size:"medium",id:lr(e),onClick:i,disabled:l},"Set boolean");let s=Fe(e),c=typeof t=="string"?y2(t):t;return m.createElement(m2,{"aria-disabled":l,htmlFor:s,"aria-label":e},m.createElement("input",{id:s,type:"checkbox",onChange:d=>r(d.target.checked),checked:c,role:"switch",disabled:l,name:e,onBlur:n,onFocus:o}),m.createElement("span",{"aria-hidden":"true"},"False"),m.createElement("span",{"aria-hidden":"true"},"True"))},b2=e=>{let[t,r,n]=e.split("-"),o=new Date;return o.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),o},E2=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},v2=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),o=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${o}`},x2=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},kc=R(Ve.Input)(({readOnly:e})=>({opacity:e?.5:1})),S2=R.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),w2=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,argType:a})=>{let[i,l]=X(!0),s=De(),c=De(),d=!!a?.table?.readonly;Se(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?v2(t):""),c&&c.current&&(c.current.value=t?x2(t):""))},[t]);let p=b=>{if(!b.target.value)return r();let g=b2(b.target.value),x=new Date(t);x.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let S=x.getTime();S&&r(S),l(!!S)},h=b=>{if(!b.target.value)return r();let g=E2(b.target.value),x=new Date(t);x.setHours(g.getHours()),x.setMinutes(g.getMinutes());let S=x.getTime();S&&r(S),l(!!S)},f=Fe(e);return m.createElement(S2,null,m.createElement(kc,{type:"date",max:"9999-12-31",ref:s,id:`${f}-date`,name:`${f}-date`,readOnly:d,onChange:p,onFocus:n,onBlur:o}),m.createElement(kc,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:c,onChange:h,readOnly:d,onFocus:n,onBlur:o}),i?null:m.createElement("div",null,"invalid"))},A2=R.label({display:"flex"}),T2=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},C2=R(Ve.Input)(({readOnly:e})=>({opacity:e?.5:1})),k2=({name:e,value:t,onChange:r,min:n,max:o,step:a,onBlur:i,onFocus:l,argType:s})=>{let[c,d]=X(typeof t=="number"?t:""),[p,h]=X(!1),[f,b]=X(null),g=!!s?.table?.readonly,x=xe(k=>{d(k.target.value);let T=parseFloat(k.target.value);Number.isNaN(T)?b(new Error(`'${k.target.value}' is not a number`)):(r(T),b(null))},[r,b]),S=xe(()=>{d("0"),r(0),h(!0)},[h]),A=De(null);return Se(()=>{p&&A.current&&A.current.select()},[p]),Se(()=>{c!==(typeof t=="number"?t:"")&&d(t)},[t]),t===void 0?m.createElement(lt,{variant:"outline",size:"medium",id:lr(e),onClick:S,disabled:g},"Set number"):m.createElement(A2,null,m.createElement(C2,{ref:A,id:Fe(e),type:"number",onChange:x,size:"flex",placeholder:"Edit number...",value:c,valid:f?"error":null,autoFocus:p,readOnly:g,name:e,min:n,max:o,step:a,onFocus:l,onBlur:i}))},bd=(e,t)=>{let r=t&&Object.entries(t).find(([n,o])=>o===e);return r?r[0]:void 0},wa=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],Ed=(e,t)=>e&&t&&e.map(r=>t[r]),I2=R.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),O2=R.span({"[aria-readonly=true] &":{opacity:.5}}),D2=R.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Ic=({name:e,options:t,value:r,onChange:n,isInline:o,argType:a})=>{if(!t)return Vr.warn(`Checkbox with no options: ${e}`),m.createElement(m.Fragment,null,"-");let i=wa(r,t),[l,s]=X(i),c=!!a?.table?.readonly,d=h=>{let f=h.target.value,b=[...l];b.includes(f)?b.splice(b.indexOf(f),1):b.push(f),n(Ed(b,t)),s(b)};Se(()=>{s(wa(r,t))},[r]);let p=Fe(e);return m.createElement(I2,{"aria-readonly":c,isInline:o},Object.keys(t).map((h,f)=>{let b=`${p}-${f}`;return m.createElement(D2,{key:b,htmlFor:b},m.createElement("input",{type:"checkbox",disabled:c,id:b,name:b,value:h,onChange:d,checked:l?.includes(h)}),m.createElement(O2,null,h))}))},R2=R.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),_2=R.span({"[aria-readonly=true] &":{opacity:.5}}),P2=R.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Oc=({name:e,options:t,value:r,onChange:n,isInline:o,argType:a})=>{if(!t)return Vr.warn(`Radio with no options: ${e}`),m.createElement(m.Fragment,null,"-");let i=bd(r,t),l=Fe(e),s=!!a?.table?.readonly;return m.createElement(R2,{"aria-readonly":s,isInline:o},Object.keys(t).map((c,d)=>{let p=`${l}-${d}`;return m.createElement(P2,{key:p,htmlFor:p},m.createElement("input",{type:"radio",id:p,name:l,disabled:s,value:c,onChange:h=>n(t[h.currentTarget.value]),checked:c===i}),m.createElement(_2,null,c))}))},F2={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},vd=R.select(F2,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),xd=R.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),Dc="Choose option...",N2=({name:e,value:t,options:r,onChange:n,argType:o})=>{let a=c=>{n(r[c.currentTarget.value])},i=bd(t,r)||Dc,l=Fe(e),s=!!o?.table?.readonly;return m.createElement(xd,null,m.createElement(eo,null),m.createElement(vd,{disabled:s,id:l,value:i,onChange:a},m.createElement("option",{key:"no-selection",disabled:!0},Dc),Object.keys(r).map(c=>m.createElement("option",{key:c,value:c},c))))},B2=({name:e,value:t,options:r,onChange:n,argType:o})=>{let a=c=>{let d=Array.from(c.currentTarget.options).filter(p=>p.selected).map(p=>p.value);n(Ed(d,r))},i=wa(t,r),l=Fe(e),s=!!o?.table?.readonly;return m.createElement(xd,null,m.createElement(vd,{disabled:s,id:l,multiple:!0,value:i,onChange:a},Object.keys(r).map(c=>m.createElement("option",{key:c,value:c},c))))},Rc=e=>{let{name:t,options:r}=e;return r?e.isMulti?m.createElement(B2,{...e}):m.createElement(N2,{...e}):(Vr.warn(`Select with no options: ${t}`),m.createElement(m.Fragment,null,"-"))},j2=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[t?.[n]||String(n)]=n,r),{}):e,L2={check:Ic,"inline-check":Ic,radio:Oc,"inline-radio":Oc,select:Rc,"multi-select":Rc},Xt=e=>{let{type:t="select",labels:r,argType:n}=e,o={...e,argType:n,options:n?j2(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},a=L2[t];if(a)return m.createElement(a,{...o});throw new Error(`Unknown options type: ${t}`)},M2="Error",U2="Object",$2="Array",q2="String",V2="Number",J2="Boolean",z2="Date",H2="Null",G2="Undefined",W2="Function",K2="Symbol",Sd="ADD_DELTA_TYPE",wd="REMOVE_DELTA_TYPE",Ad="UPDATE_DELTA_TYPE",Oa="value",Y2="key";function Pt(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function Td(e,t){let r=Pt(e),n=Pt(t);return(r==="Function"||n==="Function")&&n!==r}var Da=class extends it{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:o}=this.props,{inputRefKey:a,inputRefValue:i}=this.state,l={};if(!t){if(!a.value)return;l.key=a.value}l.newValue=r(!1,n,o,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:o,keyPath:a,deep:i}=this.props,l=ue(r,{onClick:this.onSubmit}),s=ue(n,{onClick:e}),c=o(Oa,a,i),d=ue(c,{placeholder:"Value",ref:this.refInputValue}),p=null;if(!t){let h=o(Y2,a,i);p=ue(h,{placeholder:"Key",ref:this.refInputKey})}return m.createElement("span",{className:"rejt-add-value-node"},p,d,s,l)}};Da.defaultProps={onlyValue:!1,addButtonElement:m.createElement("button",null,"+"),cancelButtonElement:m.createElement("button",null,"c")};var Cd=class extends it{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:o}=this.props,a=n.length;o(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:a}=this.state,i=n[e];t(e,o,a,i).then(()=>{let l={keyPath:o,deep:a,key:e,oldValue:i,type:wd};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(o[o.length-1],n),c(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:o,logger:a}=this.props;o(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:Sd,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(a.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,s=a[e];o(e,i,l,s,t).then(()=>{a[e]=t,this.setState({data:a});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],a),d({type:Ad,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:o,readOnly:a,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=i(e,t,r,n,l),p=a(e,t,r,n,l),h=ue(s,{onClick:o,className:"rejt-minus-menu",style:c});return m.createElement("span",{className:"rejt-collapsed"},m.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!p&&h)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:o,nextDeep:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:b,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:S,plusMenuElement:A,beforeRemoveAction:k,beforeAddAction:T,beforeUpdateAction:I,logger:D,onSubmitValueParser:F}=this.props,{minus:P,plus:L,delimiter:j,ul:G,addForm:$}=d(e,t,r,n,p),H=c(e,t,r,n,p),w=ue(A,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),C=ue(S,{onClick:l,className:"rejt-minus-menu",style:P});return m.createElement("span",{className:"rejt-not-collapsed"},m.createElement("span",{className:"rejt-not-collapsed-delimiter",style:j},"["),!o&&w,m.createElement("ul",{className:"rejt-not-collapsed-list",style:G},t.map((_,M)=>m.createElement(xn,{key:M,name:M.toString(),data:_,keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveItem(M),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:h,cancelButtonElement:f,editButtonElement:b,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:S,plusMenuElement:A,beforeRemoveAction:k,beforeAddAction:T,beforeUpdateAction:I,logger:D,onSubmitValueParser:F}))),!H&&o&&m.createElement("div",{className:"rejt-add-form",style:$},m.createElement(Da,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:F})),m.createElement("span",{className:"rejt-not-collapsed-delimiter",style:j},"]"),!H&&C)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{dataType:a,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,o,a);return m.createElement("div",{className:"rejt-array-node"},m.createElement("span",{onClick:this.handleCollapseMode},m.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};Cd.defaultProps={keyPath:[],deep:0,minusMenuElement:m.createElement("span",null," - "),plusMenuElement:m.createElement("span",null," + ")};var kd=class extends it{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:o,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,o,a,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:o}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let s=n(!0,o,l,i,a.value);e({value:s,key:i}).then(()=>{Td(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:o}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:p,textareaElementGenerator:h,minusMenuElement:f,keyPath:b}=this.props,g=c(e,i,n,o,s),x=null,S=null,A=l(e,i,n,o,s);if(r&&!A){let k=h(Oa,b,o,e,i,s),T=ue(d,{onClick:this.handleEdit}),I=ue(p,{onClick:this.handleCancelEdit}),D=ue(k,{ref:this.refInput,defaultValue:i});x=m.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",I,T),S=null}else{x=m.createElement("span",{className:"rejt-value",style:g.value,onClick:A?null:this.handleEditMode},t);let k=ue(f,{onClick:a,className:"rejt-minus-menu",style:g.minus});S=A?null:k}return m.createElement("li",{className:"rejt-function-value-node",style:g.li},m.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),x,S)}};kd.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:m.createElement("button",null,"e"),cancelButtonElement:m.createElement("button",null,"c"),minusMenuElement:m.createElement("span",null," - ")};var xn=class extends it{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:o,handleRemove:a,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:S,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:T,logger:I,onSubmitValueParser:D}=this.props,F=()=>!0,P=Pt(e);switch(P){case M2:return m.createElement(Aa,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:s,readOnly:F,dataType:P,getStyle:d,addButtonElement:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:S,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:T,logger:I,onSubmitValueParser:D});case U2:return m.createElement(Aa,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:s,readOnly:c,dataType:P,getStyle:d,addButtonElement:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:S,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:T,logger:I,onSubmitValueParser:D});case $2:return m.createElement(Cd,{data:e,name:t,isCollapsed:o,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:s,readOnly:c,dataType:P,getStyle:d,addButtonElement:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,textareaElementGenerator:g,minusMenuElement:x,plusMenuElement:S,beforeRemoveAction:A,beforeAddAction:k,beforeUpdateAction:T,logger:I,onSubmitValueParser:D});case q2:return m.createElement(bt,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case V2:return m.createElement(bt,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case J2:return m.createElement(bt,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case z2:return m.createElement(bt,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:F,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case H2:return m.createElement(bt,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case G2:return m.createElement(bt,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});case W2:return m.createElement(kd,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:c,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:x,logger:I,onSubmitValueParser:D});case K2:return m.createElement(bt,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:F,dataType:P,getStyle:d,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:b,minusMenuElement:x,logger:I,onSubmitValueParser:D});default:return null}}};xn.defaultProps={keyPath:[],deep:0};var Aa=class extends it{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:o}=this.props,a=n.length;o(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:o}=this.state,{beforeAddAction:a,logger:i}=this.props;a(e,n,o,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:Sd,keyPath:n,deep:o,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:o,nextDeep:a}=this.state,i=n[e];t(e,o,a,i).then(()=>{let l={keyPath:o,deep:a,key:e,oldValue:i,type:wd};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:c}=this.props;s(o[o.length-1],n),c(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:o}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,s=a[e];o(e,i,l,s,t).then(()=>{a[e]=t,this.setState({data:a});let{onUpdate:c,onDeltaUpdate:d}=this.props;c(i[i.length-1],a),d({type:Ad,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:o,readOnly:a,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:c,collapsed:d}=l(e,n,t,r,i),p=Object.getOwnPropertyNames(n),h=a(e,n,t,r,i),f=ue(s,{onClick:o,className:"rejt-minus-menu",style:c});return m.createElement("span",{className:"rejt-collapsed"},m.createElement("span",{className:"rejt-collapsed-text",style:d,onClick:this.handleCollapseMode},"{...}"," ",p.length," ",p.length===1?"key":"keys"),!h&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:o,addFormVisible:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:c,getStyle:d,dataType:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:b,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:S,plusMenuElement:A,beforeRemoveAction:k,beforeAddAction:T,beforeUpdateAction:I,logger:D,onSubmitValueParser:F}=this.props,{minus:P,plus:L,addForm:j,ul:G,delimiter:$}=d(e,t,r,n,p),H=Object.getOwnPropertyNames(t),w=c(e,t,r,n,p),C=ue(A,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:L}),_=ue(S,{onClick:l,className:"rejt-minus-menu",style:P}),M=H.map(U=>m.createElement(xn,{key:U,name:U,data:t[U],keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveValue(U),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:c,getStyle:d,addButtonElement:h,cancelButtonElement:f,editButtonElement:b,inputElementGenerator:g,textareaElementGenerator:x,minusMenuElement:S,plusMenuElement:A,beforeRemoveAction:k,beforeAddAction:T,beforeUpdateAction:I,logger:D,onSubmitValueParser:F}));return m.createElement("span",{className:"rejt-not-collapsed"},m.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"{"),!w&&C,m.createElement("ul",{className:"rejt-not-collapsed-list",style:G},M),!w&&a&&m.createElement("div",{className:"rejt-add-form",style:j},m.createElement(Da,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:F})),m.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"}"),!w&&_)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:o}=this.state,{getStyle:a,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=a(e,r,n,o,i);return m.createElement("div",{className:"rejt-object-node"},m.createElement("span",{onClick:this.handleCollapseMode},m.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};Aa.defaultProps={keyPath:[],deep:0,minusMenuElement:m.createElement("span",null," - "),plusMenuElement:m.createElement("span",null," + ")};var bt=class extends it{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:o,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,o,a,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:o}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let s=n(!0,o,l,i,a.value);e({value:s,key:i}).then(()=>{Td(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:o}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:s,getStyle:c,editButtonElement:d,cancelButtonElement:p,inputElementGenerator:h,minusMenuElement:f,keyPath:b}=this.props,g=c(e,i,n,o,s),x=l(e,i,n,o,s),S=r&&!x,A=h(Oa,b,o,e,i,s),k=ue(d,{onClick:this.handleEdit}),T=ue(p,{onClick:this.handleCancelEdit}),I=ue(A,{ref:this.refInput,defaultValue:JSON.stringify(i)}),D=ue(f,{onClick:a,className:"rejt-minus-menu",style:g.minus});return m.createElement("li",{className:"rejt-value-node",style:g.li},m.createElement("span",{className:"rejt-name",style:g.name},e," : "),S?m.createElement("span",{className:"rejt-edit-form",style:g.editForm},I," ",T,k):m.createElement("span",{className:"rejt-value",style:g.value,onClick:x?null:this.handleEditMode},String(t)),!x&&!S&&D)}};bt.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:m.createElement("button",null,"e"),cancelButtonElement:m.createElement("button",null,"c"),minusMenuElement:m.createElement("span",null," - ")};function X2(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var Q2={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Z2={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},eb={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}},Id=class extends it{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:o,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:c,textareaElement:d,minusMenuElement:p,plusMenuElement:h,beforeRemoveAction:f,beforeAddAction:b,beforeUpdateAction:g,logger:x,onSubmitValueParser:S,fallback:A=null}=this.props,k=Pt(e),T=o;Pt(o)==="Boolean"&&(T=()=>o);let I=c;c&&Pt(c)!=="Function"&&(I=()=>c);let D=d;return d&&Pt(d)!=="Function"&&(D=()=>d),k==="Object"||k==="Array"?m.createElement("div",{className:"rejt-tree"},m.createElement(xn,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:T,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:I,textareaElementGenerator:D,minusMenuElement:p,plusMenuElement:h,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:b,beforeUpdateAction:g,logger:x,onSubmitValueParser:S})):A}};Id.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,o)=>{switch(o){case"Object":case"Error":return Q2;case"Array":return Z2;default:return eb}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,o)=>X2(o),inputElement:()=>m.createElement("input",null),textareaElement:()=>m.createElement("textarea",null),fallback:null};var{window:tb}=globalThis,rb=R.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),pa=R.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),nb=R(Zn)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),ob=R(Ui)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),_c=R.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),ab=R(ze)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),ib=R(Ve.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),sb={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},lb=e=>{e.currentTarget.dispatchEvent(new tb.KeyboardEvent("keydown",sb))},ub=e=>{e.currentTarget.select()},cb=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),Pc=({name:e,value:t,onChange:r,argType:n})=>{let o=Xn(),a=st(()=>t&&Ka(t),[t]),i=a!=null,[l,s]=X(!i),[c,d]=X(null),p=!!n?.table?.readonly,h=xe(k=>{try{k&&r(JSON.parse(k)),d(void 0)}catch(T){d(T)}},[r]),[f,b]=X(!1),g=xe(()=>{r({}),b(!0)},[b]),x=De(null);if(Se(()=>{f&&x.current&&x.current.select()},[f]),!i)return m.createElement(lt,{disabled:p,id:lr(e),onClick:g},"Set object");let S=m.createElement(ib,{ref:x,id:Fe(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:k=>h(k.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:c?"error":null,readOnly:p}),A=Array.isArray(t)||typeof t=="object"&&t?.constructor===Object;return m.createElement(rb,{"aria-readonly":p},A&&m.createElement(ab,{onClick:k=>{k.preventDefault(),s(T=>!T)}},l?m.createElement(Bi,null):m.createElement(ji,null),m.createElement("span",null,"RAW")),l?S:m.createElement(Id,{readOnly:p||!A,isCollapsed:A?void 0:()=>!0,data:a,rootName:e,onFullyUpdate:r,getStyle:cb(o),cancelButtonElement:m.createElement(pa,{type:"button"},"Cancel"),editButtonElement:m.createElement(pa,{type:"submit"},"Save"),addButtonElement:m.createElement(pa,{type:"submit",primary:!0},"Save"),plusMenuElement:m.createElement(nb,null),minusMenuElement:m.createElement(ob,null),inputElement:(k,T,I,D)=>D?m.createElement(_c,{onFocus:ub,onBlur:lb}):m.createElement(_c,null),fallback:S}))},db=R.input(({theme:e,min:t,max:r,value:n,disabled:o})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} 100%)`:`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:o?"not-allowed":"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${rt(e.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rt(e.appBorderColor,.2)}`,cursor:o?"not-allowed":"grab",appearance:"none",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${We(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:o?"not-allowed":"grab"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:rt(e.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:e.color.secondary,boxShadow:`0 0px 5px 0px ${e.color.secondary}`}},"&::-moz-range-track":{background:e.base==="light"?`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} 100%)`:`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:o?"not-allowed":"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${rt(e.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rt(e.appBorderColor,.2)}`,cursor:o?"not-allowed":"grap",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${We(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:e.base==="light"?`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${We(.02,e.input.background)} 100%)`:`linear-gradient(to right, + ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, + ${Rt(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${rt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Od=R.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),pb=R(Od)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),fb=R.div({display:"flex",alignItems:"center",width:"100%"});function hb(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var mb=({name:e,value:t,onChange:r,min:n=0,max:o=100,step:a=1,onBlur:i,onFocus:l,argType:s})=>{let c=f=>{r(T2(f.target.value))},d=t!==void 0,p=st(()=>hb(a),[a]),h=!!s?.table?.readonly;return m.createElement(fb,{"aria-readonly":h},m.createElement(Od,null,n),m.createElement(db,{id:Fe(e),type:"range",disabled:h,onChange:c,name:e,value:t,min:n,max:o,step:a,onFocus:l,onBlur:i}),m.createElement(pb,{numberOFDecimalsPlaces:p,max:o},d?t.toFixed(p):"--"," / ",o))},yb=R.label({display:"flex"}),gb=R.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),bb=({name:e,value:t,onChange:r,onFocus:n,onBlur:o,maxLength:a,argType:i})=>{let l=f=>{r(f.target.value)},s=!!i?.table?.readonly,[c,d]=X(!1),p=xe(()=>{r(""),d(!0)},[d]);if(t===void 0)return m.createElement(lt,{variant:"outline",size:"medium",disabled:s,id:lr(e),onClick:p},"Set string");let h=typeof t=="string";return m.createElement(yb,null,m.createElement(Ve.Textarea,{id:Fe(e),maxLength:a,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:o}),a&&m.createElement(gb,{isMaxed:t?.length===a},t?.length??0," / ",a))},Eb=R(Ve.Input)({padding:10});function vb(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var xb=({onChange:e,name:t,accept:r="image/*",value:n,argType:o})=>{let a=De(null),i=o?.control?.readOnly;function l(s){if(!s.target.files)return;let c=Array.from(s.target.files).map(d=>URL.createObjectURL(d));e(c),vb(n)}return Se(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),m.createElement(Eb,{ref:a,id:Fe(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},Sb=Qa(()=>Promise.resolve().then(()=>(hc(),fc))),wb=e=>m.createElement(Xa,{fallback:m.createElement("div",null)},m.createElement(Sb,{...e})),Ab={array:Pc,object:Pc,boolean:g2,color:wb,date:w2,number:k2,check:Xt,"inline-check":Xt,radio:Xt,"inline-radio":Xt,select:Xt,"multi-select":Xt,range:mb,text:bb,file:xb},Fc=()=>m.createElement(m.Fragment,null,"-"),Tb=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:o,control:a}=e,[i,l]=X(!1),[s,c]=X({value:t});Se(()=>{i||c({value:t})},[i,t]);let d=xe(g=>(c({value:g}),r({[o]:g}),g),[r,o]),p=xe(()=>l(!1),[]),h=xe(()=>l(!0),[]);if(!a||a.disable){let g=a?.disable!==!0&&e?.type?.name!=="function";return n&&g?m.createElement(xt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):m.createElement(Fc,null)}let f={name:o,argType:e,value:s.value,onChange:d,onBlur:p,onFocus:h},b=Ab[a.type]||Fc;return m.createElement(b,{...f,...a,controlType:a.type})},Cb=R.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Mt({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),kb=({tags:e})=>{let t=(e.params||[]).filter(a=>a.description),r=t.length!==0,n=e.deprecated!=null,o=e.returns!=null&&e.returns.description!=null;return!r&&!o&&!n?null:m.createElement(m.Fragment,null,m.createElement(Cb,null,m.createElement("tbody",null,n&&m.createElement("tr",{key:"deprecated"},m.createElement("td",{colSpan:2},m.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(a=>m.createElement("tr",{key:a.name},m.createElement("td",null,m.createElement("code",null,a.name)),m.createElement("td",null,a.description))),o&&m.createElement("tr",{key:"returns"},m.createElement("td",null,m.createElement("code",null,"Returns")),m.createElement("td",null,e.returns.description)))))},Ib=Lt(Gc()),Ta=8,Nc=R.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Ob=R.span(Mt,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Db=R.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Rb=R.div(Mt,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),_b=R.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Pb=R(Ni)({marginLeft:4}),Fb=R(eo)({marginLeft:4}),Nb=()=>m.createElement("span",null,"-"),Dd=({text:e,simple:t})=>m.createElement(Ob,{simple:t},e),Bb=(0,Ib.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),jb=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Ga(t)},Bc=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,Ta)),r.map(n=>m.createElement(Dd,{key:n,text:n===""?'""':n}))},Lb=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[o,a]=X(!1),[i,l]=X(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return m.createElement(Dd,{text:s});let c=jb(s),d=c.length;return d>Ta?m.createElement(Nc,{isExpanded:i},Bc(c,i),m.createElement(Db,{onClick:()=>l(!i)},i?"Show less...":`Show ${d-Ta} more...`)):m.createElement(Nc,null,Bc(c))}return m.createElement(Mn,{closeOnOutsideClick:!0,placement:"bottom",visible:o,onVisibleChange:c=>{a(c)},tooltip:m.createElement(_b,{width:Bb(n)},m.createElement(_r,{language:"jsx",format:!1},n))},m.createElement(Rb,{className:"sbdocs-expandable"},m.createElement("span",null,s),o?m.createElement(Pb,null):m.createElement(Fb,null)))},fa=({value:e,initialExpandedArgs:t})=>e==null?m.createElement(Nb,null):m.createElement(Lb,{value:e,initialExpandedArgs:t}),Mb=R.span({fontWeight:"bold"}),Ub=R.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),$b=R.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Mt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),qb=R.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),Vb=R.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Jb=R.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),zb=e=>e&&{summary:typeof e=="string"?e:e.name},pn=e=>{let[t,r]=X(!1),{row:n,updateArgs:o,compact:a,expandable:i,initialExpandedArgs:l}=e,{name:s,description:c}=n,d=n.table||{},p=d.type||zb(n.type),h=d.defaultValue||n.defaultValue,f=n.type?.required,b=c!=null&&c!=="";return m.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},m.createElement(Jb,{expandable:i},m.createElement(Mb,null,s),f?m.createElement(Ub,{title:"Required"},"*"):null),a?null:m.createElement("td",null,b&&m.createElement($b,null,m.createElement(h2,null,c)),d.jsDocTags!=null?m.createElement(m.Fragment,null,m.createElement(Vb,{hasDescription:b},m.createElement(fa,{value:p,initialExpandedArgs:l})),m.createElement(kb,{tags:d.jsDocTags})):m.createElement(qb,{hasDescription:b},m.createElement(fa,{value:p,initialExpandedArgs:l}))),a?null:m.createElement("td",null,m.createElement(fa,{value:h,initialExpandedArgs:l})),o?m.createElement("td",null,m.createElement(Tb,{...e,isHovered:t})):null)},Hb=R.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Gb=R.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),Wb=R.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),Kb=({inAddonPanel:e})=>{let[t,r]=X(!0);return Se(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:m.createElement(Hb,{inAddonPanel:e},m.createElement(Fn,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:m.createElement(m.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:m.createElement(Gb,null,e&&m.createElement(m.Fragment,null,m.createElement(xt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},m.createElement($i,null)," Watch 5m video"),m.createElement(Wb,null),m.createElement(xt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(qr,null)," Read docs")),!e&&m.createElement(xt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(qr,null)," Learn how to set that up"))}))},Yb=R(Pi)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),Xb=R(Fi)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),Qb=R.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Zb=R.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),e1=R.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),t1=R.td(()=>({position:"relative"})),r1=R.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Rt(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),jc=R.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),ha=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:o=3})=>{let[a,i]=X(n),l=e==="subsection"?e1:Zb,s=r?.length||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=`${a?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return m.createElement(m.Fragment,null,m.createElement(r1,{title:d},m.createElement(l,{colSpan:1},m.createElement(jc,{onClick:p=>i(!a),tabIndex:0},d),m.createElement(Qb,null,a?m.createElement(Yb,null):m.createElement(Xb,null),t)),m.createElement(t1,{colSpan:o-1},m.createElement(jc,{onClick:p=>i(!a),tabIndex:-1,style:{outline:"none"}},d),a?null:c)),a?r:null)},fn=R.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),ke=R.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=R.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Ie=[2,4,2,2],n1=()=>m.createElement(m.Fragment,null,m.createElement(fn,null,m.createElement(ke,{numColumn:Ie[0]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[1]},m.createElement(me,{width:"30%"})),m.createElement(ke,{numColumn:Ie[2]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[3]},m.createElement(me,{width:"60%"}))),m.createElement(fn,null,m.createElement(ke,{numColumn:Ie[0]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[1]},m.createElement(me,{width:"80%"}),m.createElement(me,{width:"30%"})),m.createElement(ke,{numColumn:Ie[2]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[3]},m.createElement(me,{width:"60%"}))),m.createElement(fn,null,m.createElement(ke,{numColumn:Ie[0]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[1]},m.createElement(me,{width:"80%"}),m.createElement(me,{width:"30%"})),m.createElement(ke,{numColumn:Ie[2]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[3]},m.createElement(me,{width:"60%"}))),m.createElement(fn,null,m.createElement(ke,{numColumn:Ie[0]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[1]},m.createElement(me,{width:"80%"}),m.createElement(me,{width:"30%"})),m.createElement(ke,{numColumn:Ie[2]},m.createElement(me,{width:"60%"})),m.createElement(ke,{numColumn:Ie[3]},m.createElement(me,{width:"60%"})))),o1=R.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),a1=R(ze)(({theme:e})=>({margin:"-4px -12px -4px 0"})),i1=R.span({display:"flex",justifyContent:"space-between"}),s1={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},l1=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:s}=i?.table||{};if(l){let c=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:a,...i});else{let d=c.subsections[s]||[];d.push({key:a,...i}),c.subsections[s]=d}r.sections[l]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:a,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:a,...i})});let n=s1[t],o=a=>n?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(n)}),{}):a;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:o(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((a,i)=>({...a,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:o(r.sections[i].subsections)}}),{})}},u1=(e,t,r)=>{try{return lg(e,t,r)}catch(n){return zi.warn(n.message),!1}},c1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:o,initialExpandedArgs:a,sort:i="none",isLoading:l}=e;if("error"in e){let{error:A}=e;return m.createElement(Qc,null,A,"\xA0",m.createElement(xt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},m.createElement(qr,null)," Read the docs"))}if(l)return m.createElement(n1,null);let{rows:s,args:c,globals:d}="rows"in e&&e,p=l1(Wa(s||{},A=>!A?.table?.disable&&u1(A,c||{},d||{})),i),h=p.ungrouped.length===0,f=Object.entries(p.sections).length===0,b=Object.entries(p.ungroupedSubsections).length===0;if(h&&f&&b)return m.createElement(Kb,{inAddonPanel:o});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(p.sections).length>0,S={updateArgs:t,compact:n,inAddonPanel:o,initialExpandedArgs:a};return m.createElement(jn,null,m.createElement(o1,{compact:n,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},m.createElement("thead",{className:"docblock-argstable-head"},m.createElement("tr",null,m.createElement("th",null,m.createElement("span",null,"Name")),n?null:m.createElement("th",null,m.createElement("span",null,"Description")),n?null:m.createElement("th",null,m.createElement("span",null,"Default")),t?m.createElement("th",null,m.createElement(i1,null,"Control"," ",!l&&r&&m.createElement(a1,{onClick:()=>r(),title:"Reset controls"},m.createElement(to,{"aria-hidden":!0})))):null)),m.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(A=>m.createElement(pn,{key:A.key,row:A,arg:c&&c[A.key],...S})),Object.entries(p.ungroupedSubsections).map(([A,k])=>m.createElement(ha,{key:A,label:A,level:"subsection",colSpan:g},k.map(T=>m.createElement(pn,{key:T.key,row:T,arg:c&&c[T.key],expandable:x,...S})))),Object.entries(p.sections).map(([A,k])=>m.createElement(ha,{key:A,label:A,level:"section",colSpan:g},k.ungrouped.map(T=>m.createElement(pn,{key:T.key,row:T,arg:c&&c[T.key],...S})),Object.entries(k.subsections).map(([T,I])=>m.createElement(ha,{key:T,label:T,level:"subsection",colSpan:g},I.map(D=>m.createElement(pn,{key:D.key,row:D,arg:c&&c[D.key],expandable:x,...S})))))))))};R.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));R.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});R.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});R.div(Ut,({theme:e})=>({...En(e),margin:"25px 0 40px",padding:"30px 20px"}));R.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));R.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));R.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});R.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));R.div({display:"flex",flexDirection:"row"});R.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));R.div(({theme:e})=>({...En(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));R.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});R.div({flex:1,display:"flex",flexDirection:"row"});R.div({display:"flex",alignItems:"flex-start"});R.div({flex:"0 0 30%"});R.div({flex:1});R.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));R.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));R.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));R.div(({theme:e})=>({...En(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));R.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});R.div({display:"flex",flexFlow:"row wrap"});globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=ur(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var d1=globalThis?globalThis.__DOCS_CONTEXT__:ur(null),p1=Object.create,Rd=Object.defineProperty,f1=Object.getOwnPropertyDescriptor,_d=Object.getOwnPropertyNames,h1=Object.getPrototypeOf,m1=Object.prototype.hasOwnProperty,$e=(e,t)=>function(){return t||(0,e[_d(e)[0]])((t={exports:{}}).exports,t),t.exports},y1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of _d(t))!m1.call(e,o)&&o!==r&&Rd(e,o,{get:()=>t[o],enumerable:!(n=f1(t,o))||n.enumerable});return e},Ra=(e,t,r)=>(r=e!=null?p1(h1(e)):{},y1(t||!e||!e.__esModule?Rd(r,"default",{value:e,enumerable:!0}):r,e)),g1=Lt(Gc(),1),Pd=$e({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),o=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(o)!=="[object Symbol]")return!1;var a=42;r[n]=a;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var l=Object.getOwnPropertyDescriptor(r,n);if(l.value!==a||l.enumerable!==!0)return!1}return!0}}}),Fd=$e({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=Pd();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),b1=$e({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,o=Object.prototype.toString,a="[object Function]";t.exports=function(i){var l=this;if(typeof l!="function"||o.call(l)!==a)throw new TypeError(r+l);for(var s=n.call(arguments,1),c,d=function(){if(this instanceof c){var g=l.apply(this,s.concat(n.call(arguments)));return Object(g)===g?g:this}else return l.apply(i,s.concat(n.call(arguments)))},p=Math.max(0,l.length-s.length),h=[],f=0;f<p;f++)h.push("$"+f);if(c=Function("binder","return function ("+h.join(",")+"){ return binder.apply(this,arguments); }")(d),l.prototype){var b=function(){};b.prototype=l.prototype,c.prototype=new b,b.prototype=null}return c}}}),_a=$e({"node_modules/function-bind/index.js"(e,t){var r=b1();t.exports=Function.prototype.bind||r}}),E1=$e({"node_modules/has/src/index.js"(e,t){var r=_a();t.exports=r.call(Function.call,Object.prototype.hasOwnProperty)}}),Nd=$e({"node_modules/get-intrinsic/index.js"(e,t){var r,n=SyntaxError,o=Function,a=TypeError,i=function($){try{return o('"use strict"; return ('+$+").constructor;")()}catch{}},l=Object.getOwnPropertyDescriptor;if(l)try{l({},"")}catch{l=null}var s=function(){throw new a},c=l?function(){try{return arguments.callee,s}catch{try{return l(arguments,"callee").get}catch{return s}}}():s,d=Fd()(),p=Object.getPrototypeOf||function($){return $.__proto__},h={},f=typeof Uint8Array>"u"?r:p(Uint8Array),b={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":d?p([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":o,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":d?p(p([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!d?r:p(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!d?r:p(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":d?p(""[Symbol.iterator]()):r,"%Symbol%":d?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":c,"%TypedArray%":f,"%TypeError%":a,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function $(H){var w;if(H==="%AsyncFunction%")w=i("async function () {}");else if(H==="%GeneratorFunction%")w=i("function* () {}");else if(H==="%AsyncGeneratorFunction%")w=i("async function* () {}");else if(H==="%AsyncGenerator%"){var C=$("%AsyncGeneratorFunction%");C&&(w=C.prototype)}else if(H==="%AsyncIteratorPrototype%"){var _=$("%AsyncGenerator%");_&&(w=p(_.prototype))}return b[H]=w,w},x={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},S=_a(),A=E1(),k=S.call(Function.call,Array.prototype.concat),T=S.call(Function.apply,Array.prototype.splice),I=S.call(Function.call,String.prototype.replace),D=S.call(Function.call,String.prototype.slice),F=S.call(Function.call,RegExp.prototype.exec),P=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,L=/\\(\\)?/g,j=function($){var H=D($,0,1),w=D($,-1);if(H==="%"&&w!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(w==="%"&&H!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var C=[];return I($,P,function(_,M,U,K){C[C.length]=U?I(K,L,"$1"):M||_}),C},G=function($,H){var w=$,C;if(A(x,w)&&(C=x[w],w="%"+C[0]+"%"),A(b,w)){var _=b[w];if(_===h&&(_=g(w)),typeof _>"u"&&!H)throw new a("intrinsic "+$+" exists, but is not available. Please file an issue!");return{alias:C,name:w,value:_}}throw new n("intrinsic "+$+" does not exist!")};t.exports=function($,H){if(typeof $!="string"||$.length===0)throw new a("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof H!="boolean")throw new a('"allowMissing" argument must be a boolean');if(F(/^%?[^%]*%?$/,$)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var w=j($),C=w.length>0?w[0]:"",_=G("%"+C+"%",H),M=_.name,U=_.value,K=!1,re=_.alias;re&&(C=re[0],T(w,k([0,1],re)));for(var Z=1,Y=!0;Z<w.length;Z+=1){var ee=w[Z],ye=D(ee,0,1),le=D(ee,-1);if((ye==='"'||ye==="'"||ye==="`"||le==='"'||le==="'"||le==="`")&&ye!==le)throw new n("property names with quotes must have matching quotes");if((ee==="constructor"||!Y)&&(K=!0),C+="."+ee,M="%"+C+"%",A(b,M))U=b[M];else if(U!=null){if(!(ee in U)){if(!H)throw new a("base intrinsic for "+$+" exists, but the property is not available.");return}if(l&&Z+1>=w.length){var Ae=l(U,ee);Y=!!Ae,Y&&"get"in Ae&&!("originalValue"in Ae.get)?U=Ae.get:U=U[ee]}else Y=A(U,ee),U=U[ee];Y&&!K&&(b[M]=U)}}return U}}}),v1=$e({"node_modules/call-bind/index.js"(e,t){var r=_a(),n=Nd(),o=n("%Function.prototype.apply%"),a=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(a,o),l=n("%Object.getOwnPropertyDescriptor%",!0),s=n("%Object.defineProperty%",!0),c=n("%Math.max%");if(s)try{s({},"a",{value:1})}catch{s=null}t.exports=function(p){var h=i(r,a,arguments);if(l&&s){var f=l(h,"length");f.configurable&&s(h,"length",{value:1+c(0,p.length-(arguments.length-1))})}return h};var d=function(){return i(r,o,arguments)};s?s(t.exports,"apply",{value:d}):t.exports.apply=d}}),x1=$e({"node_modules/call-bind/callBound.js"(e,t){var r=Nd(),n=v1(),o=n(r("String.prototype.indexOf"));t.exports=function(a,i){var l=r(a,!!i);return typeof l=="function"&&o(a,".prototype.")>-1?n(l):l}}}),S1=$e({"node_modules/has-tostringtag/shams.js"(e,t){var r=Pd();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),w1=$e({"node_modules/is-regex/index.js"(e,t){var r=x1(),n=S1()(),o,a,i,l;n&&(o=r("Object.prototype.hasOwnProperty"),a=r("RegExp.prototype.exec"),i={},s=function(){throw i},l={toString:s,valueOf:s},typeof Symbol.toPrimitive=="symbol"&&(l[Symbol.toPrimitive]=s));var s,c=r("Object.prototype.toString"),d=Object.getOwnPropertyDescriptor,p="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=d(h,"lastIndex"),b=f&&o(f,"value");if(!b)return!1;try{a(h,l)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:c(h)===p}}}),A1=$e({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(o){if(!o)return!1;var a=r.call(o);return a==="[object Function]"||typeof o=="function"&&a!=="[object RegExp]"||typeof window<"u"&&(o===window.setTimeout||o===window.alert||o===window.confirm||o===window.prompt)}}}),T1=$e({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Fd()();n?(o=Symbol.prototype.toString,a=/^Symbol\(.*\)$/,i=function(l){return typeof l.valueOf()!="symbol"?!1:a.test(o.call(l))},t.exports=function(l){if(typeof l=="symbol")return!0;if(r.call(l)!=="[object Symbol]")return!1;try{return i(l)}catch{return!1}}):t.exports=function(l){return!1};var o,a,i}});Ra(w1());Ra(A1());Ra(T1());var C1=typeof window=="object"&&window&&window.Object===Object&&window,k1=C1,I1=typeof self=="object"&&self&&self.Object===Object&&self,O1=k1||I1||Function("return this")(),Pa=O1,D1=Pa.Symbol,Zt=D1,Bd=Object.prototype,R1=Bd.hasOwnProperty,_1=Bd.toString,wr=Zt?Zt.toStringTag:void 0;function P1(e){var t=R1.call(e,wr),r=e[wr];try{e[wr]=void 0;var n=!0}catch{}var o=_1.call(e);return n&&(t?e[wr]=r:delete e[wr]),o}var F1=P1,N1=Object.prototype,B1=N1.toString;function j1(e){return B1.call(e)}var L1=j1,M1="[object Null]",U1="[object Undefined]",Lc=Zt?Zt.toStringTag:void 0;function $1(e){return e==null?e===void 0?U1:M1:Lc&&Lc in Object(e)?F1(e):L1(e)}var q1=$1,Mc=Zt?Zt.prototype:void 0;Mc&&Mc.toString;function V1(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var jd=V1,J1="[object AsyncFunction]",z1="[object Function]",H1="[object GeneratorFunction]",G1="[object Proxy]";function W1(e){if(!jd(e))return!1;var t=q1(e);return t==z1||t==H1||t==J1||t==G1}var K1=W1,Y1=Pa["__core-js_shared__"],ma=Y1,Uc=function(){var e=/[^.]+$/.exec(ma&&ma.keys&&ma.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function X1(e){return!!Uc&&Uc in e}var Q1=X1,Z1=Function.prototype,eE=Z1.toString;function tE(e){if(e!=null){try{return eE.call(e)}catch{}try{return e+""}catch{}}return""}var rE=tE,nE=/[\\^$.*+?()[\]{}|]/g,oE=/^\[object .+?Constructor\]$/,aE=Function.prototype,iE=Object.prototype,sE=aE.toString,lE=iE.hasOwnProperty,uE=RegExp("^"+sE.call(lE).replace(nE,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function cE(e){if(!jd(e)||Q1(e))return!1;var t=K1(e)?uE:oE;return t.test(rE(e))}var dE=cE;function pE(e,t){return e?.[t]}var fE=pE;function hE(e,t){var r=fE(e,t);return dE(r)?r:void 0}var Ld=hE;function mE(e,t){return e===t||e!==e&&t!==t}var yE=mE,gE=Ld(Object,"create"),Cr=gE;function bE(){this.__data__=Cr?Cr(null):{},this.size=0}var EE=bE;function vE(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var xE=vE,SE="__lodash_hash_undefined__",wE=Object.prototype,AE=wE.hasOwnProperty;function TE(e){var t=this.__data__;if(Cr){var r=t[e];return r===SE?void 0:r}return AE.call(t,e)?t[e]:void 0}var CE=TE,kE=Object.prototype,IE=kE.hasOwnProperty;function OE(e){var t=this.__data__;return Cr?t[e]!==void 0:IE.call(t,e)}var DE=OE,RE="__lodash_hash_undefined__";function _E(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Cr&&t===void 0?RE:t,this}var PE=_E;function er(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}er.prototype.clear=EE;er.prototype.delete=xE;er.prototype.get=CE;er.prototype.has=DE;er.prototype.set=PE;var $c=er;function FE(){this.__data__=[],this.size=0}var NE=FE;function BE(e,t){for(var r=e.length;r--;)if(yE(e[r][0],t))return r;return-1}var Sn=BE,jE=Array.prototype,LE=jE.splice;function ME(e){var t=this.__data__,r=Sn(t,e);if(r<0)return!1;var n=t.length-1;return r==n?t.pop():LE.call(t,r,1),--this.size,!0}var UE=ME;function $E(e){var t=this.__data__,r=Sn(t,e);return r<0?void 0:t[r][1]}var qE=$E;function VE(e){return Sn(this.__data__,e)>-1}var JE=VE;function zE(e,t){var r=this.__data__,n=Sn(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var HE=zE;function tr(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}tr.prototype.clear=NE;tr.prototype.delete=UE;tr.prototype.get=qE;tr.prototype.has=JE;tr.prototype.set=HE;var GE=tr,WE=Ld(Pa,"Map"),KE=WE;function YE(){this.size=0,this.__data__={hash:new $c,map:new(KE||GE),string:new $c}}var XE=YE;function QE(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}var ZE=QE;function ev(e,t){var r=e.__data__;return ZE(t)?r[typeof t=="string"?"string":"hash"]:r.map}var wn=ev;function tv(e){var t=wn(this,e).delete(e);return this.size-=t?1:0,t}var rv=tv;function nv(e){return wn(this,e).get(e)}var ov=nv;function av(e){return wn(this,e).has(e)}var iv=av;function sv(e,t){var r=wn(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this}var lv=sv;function rr(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}rr.prototype.clear=XE;rr.prototype.delete=rv;rr.prototype.get=ov;rr.prototype.has=iv;rr.prototype.set=lv;var Md=rr,uv="Expected a function";function Fa(e,t){if(typeof e!="function"||t!=null&&typeof t!="function")throw new TypeError(uv);var r=function(){var n=arguments,o=t?t.apply(this,n):n[0],a=r.cache;if(a.has(o))return a.get(o);var i=e.apply(this,n);return r.cache=a.set(o,i)||a,i};return r.cache=new(Fa.Cache||Md),r}Fa.Cache=Md;var cv=Fa,dv=500;function pv(e){var t=cv(e,function(n){return r.size===dv&&r.clear(),n}),r=t.cache;return t}var fv=pv,hv=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,mv=/\\(\\)?/g;fv(function(e){var t=[];return e.charCodeAt(0)===46&&t.push(""),e.replace(hv,function(r,n,o,a){t.push(o?a.replace(mv,"$1"):n||r)}),t});var yv=e=>{let t=null,r=!1,n=!1,o=!1,a="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;i<e.length;i+=1)!t&&!r&&!n&&!o?e[i]==='"'||e[i]==="'"||e[i]==="`"?t=e[i]:e[i]==="/"&&e[i+1]==="*"?r=!0:e[i]==="/"&&e[i+1]==="/"?n=!0:e[i]==="/"&&e[i+1]!=="/"&&(o=!0):(t&&(e[i]===t&&e[i-1]!=="\\"||e[i]===` +`&&t!=="`")&&(t=null),o&&(e[i]==="/"&&e[i-1]!=="\\"||e[i]===` +`)&&(o=!1),r&&e[i-1]==="/"&&e[i-2]==="*"&&(r=!1),n&&e[i]===` +`&&(n=!1)),!r&&!n&&(a+=e[i]);else a=e;return a};(0,g1.default)(1e4)(e=>yv(e).replace(/\n\s*/g,"").trim());ur({sources:{}});var{document:gv}=globalThis;function bv(e,t){e.channel.emit(ii,t)}$n.a;var Ud=["h1","h2","h3","h4","h5","h6"],Ev=Ud.reduce((e,t)=>({...e,[t]:R(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),vv=R.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),xv=({as:e,id:t,children:r,...n})=>{let o=Za(d1),a=Ev[e],i=`#${t}`;return m.createElement(a,{id:t,...n},m.createElement(vv,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{gv.getElementById(t)&&bv(o,i)}},m.createElement(Li,null)),r)},$d=e=>{let{as:t,id:r,children:n,...o}=e;if(r)return m.createElement(xv,{as:t,id:r,...o},n);let a=t,{as:i,...l}=e;return m.createElement(a,{...qn(l,t)})};Ud.reduce((e,t)=>({...e,[t]:r=>m.createElement($d,{as:t,...r})}),{});var Sv=(e=>(e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.AUTO="auto",e))(Sv||{});Lt(hg());R.div(({theme:e})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}}));R.div(({theme:e})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:"none"}}));R.p(({theme:e})=>({fontWeight:600,fontSize:"0.875em",color:e.textColor,textTransform:"uppercase",marginBottom:10}));var wv=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return m.createElement(Bn,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return m.createElement($d,{as:"h2",id:n,...r},e)};R(wv)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}}));var Av=Kn({from:{transform:"translateY(40px)"},to:{transform:"translateY(0)"}}),Tv=Kn({from:{background:"var(--highlight-bg-color)"},to:{}}),Cv=R.div({containerType:"size",position:"sticky",bottom:0,height:39,overflow:"hidden",zIndex:1}),kv=R(Pn)(({theme:e})=>({"--highlight-bg-color":e.base==="dark"?"#153B5B":"#E0F0FF",display:"flex",flexDirection:"row-reverse",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:6,padding:"6px 10px",animation:`${Av} 300ms, ${Tv} 2s`,background:e.background.bar,borderTop:`1px solid ${e.appBorderColor}`,fontSize:e.typography.size.s2,"@container (max-width: 799px)":{flexDirection:"row",justifyContent:"flex-end"}})),Iv=R.div({display:"flex",flex:"99 0 auto",alignItems:"center",marginLeft:10,gap:6}),Ov=R.div(({theme:e})=>({display:"flex",flex:"1 0 0",alignItems:"center",gap:2,color:e.color.mediumdark,fontSize:e.typography.size.s2})),ya=R.div({"@container (max-width: 799px)":{lineHeight:0,textIndent:"-9999px","&::after":{content:"attr(data-short-label)",display:"block",lineHeight:"initial",textIndent:"0"}}}),Dv=R(Ve.Input)(({theme:e})=>({"::placeholder":{color:e.color.mediumdark},"&:invalid:not(:placeholder-shown)":{boxShadow:`${e.color.negative} 0 0 0 1px inset`}})),Rv=({saveStory:e,createStory:t,resetArgs:r})=>{let n=m.useRef(null),[o,a]=m.useState(!1),[i,l]=m.useState(!1),[s,c]=m.useState(""),[d,p]=m.useState(null),h=async()=>{o||(a(!0),await e().catch(()=>{}),a(!1))},f=()=>{l(!0),c(""),setTimeout(()=>n.current?.focus(),0)},b=g=>{let x=g.target.value.replace(/^[^a-z]/i,"").replace(/[^a-z0-9-_ ]/gi,"").replaceAll(/([-_ ]+[a-z0-9])/gi,S=>S.toUpperCase().replace(/[-_ ]/g,""));c(x.charAt(0).toUpperCase()+x.slice(1))};return m.createElement(Cv,{id:"save-from-controls"},m.createElement(kv,null,m.createElement(Ov,null,m.createElement(ut,{as:"div",hasChrome:!1,trigger:"hover",tooltip:m.createElement(St,{note:"Save changes to story"})},m.createElement(ze,{"aria-label":"Save changes to story",disabled:o,onClick:h},m.createElement(_i,null),m.createElement(ya,{"data-short-label":"Save"},"Update story"))),m.createElement(ut,{as:"div",hasChrome:!1,trigger:"hover",tooltip:m.createElement(St,{note:"Create new story with these settings"})},m.createElement(ze,{"aria-label":"Create new story with these settings",onClick:f},m.createElement(Zn,null),m.createElement(ya,{"data-short-label":"New"},"Create new story"))),m.createElement(ut,{as:"div",hasChrome:!1,trigger:"hover",tooltip:m.createElement(St,{note:"Reset changes"})},m.createElement(ze,{"aria-label":"Reset changes",onClick:()=>r()},m.createElement(to,null),m.createElement("span",null,"Reset")))),m.createElement(Iv,null,m.createElement(ya,{"data-short-label":"Unsaved changes"},"You modified this story. Do you want to save your changes?")),m.createElement(He,{width:350,open:i,onOpenChange:l},m.createElement(Ve,{onSubmit:async g=>{if(g.preventDefault(),!o)try{p(null),a(!0),await t(s.replace(/^[^a-z]/i,"").replaceAll(/[^a-z0-9]/gi,"")),l(!1),a(!1)}catch(x){p(x.message),a(!1)}},id:"create-new-story-form"},m.createElement(He.Content,null,m.createElement(He.Header,null,m.createElement(He.Title,null,"Create new story"),m.createElement(He.Description,null,"This will add a new story to your existing stories file.")),m.createElement(Dv,{onChange:b,placeholder:"Story export name",readOnly:o,ref:n,value:s}),m.createElement(He.Actions,null,m.createElement(lt,{disabled:o||!s,size:"medium",type:"submit",variant:"solid"},"Create"),m.createElement(He.Dialog.Close,{asChild:!0},m.createElement(lt,{disabled:o,size:"medium",type:"reset"},"Cancel"))))),d&&m.createElement(He.Error,null,d))))},qc="addon-controls",qd="controls",Vc=e=>Object.entries(e).reduce((t,[r,n])=>n!==void 0?Object.assign(t,{[r]:n}):t,{}),_v=R.div({display:"grid",gridTemplateRows:"1fr 39px",height:"100%",maxHeight:"100vh",overflowY:"auto"}),Pv=({saveStory:e,createStory:t})=>{let[r,n]=X(!0),[o,a,i,l]=wi(),[s]=Ai(),c=Wn(),{expanded:d,sort:p,presetColors:h,disableSaveFromUI:f=!1}=Ti(qd,{}),{path:b,previewInitialized:g}=Ci();Se(()=>{g&&n(!1)},[g]);let x=Object.values(c).some(k=>k?.control),S=Object.entries(c).reduce((k,[T,I])=>{let D=I?.control;return typeof D!="object"||D?.type!=="color"||D?.presetColors?k[T]=I:k[T]={...I,control:{...D,presetColors:h}},k},{}),A=st(()=>!!o&&!!l&&!wt(Vc(o),Vc(l)),[o,l]);return m.createElement(_v,null,m.createElement(c1,{key:b,compact:!d&&x,rows:S,args:o,globals:s,updateArgs:a,resetArgs:i,inAddonPanel:!0,sort:p,isLoading:r}),x&&A&&Wu.CONFIG_TYPE==="DEVELOPMENT"&&f!==!0&&m.createElement(Rv,{resetArgs:i,saveStory:e,createStory:t}))};function Fv(){let e=Wn(),t=Object.values(e).filter(r=>r?.control&&!r?.table?.disable).length;return m.createElement("div",null,m.createElement(Ln,{col:1},m.createElement("span",{style:{display:"inline-block",verticalAlign:"middle"}},"Controls"),t===0?"":m.createElement(_n,{status:"neutral"},t)))}var Jc=e=>JSON.stringify(e,(t,r)=>typeof r=="function"?"__sb_empty_function_arg__":r);Ur.register(qc,e=>{let t=Ur.getChannel(),r=async()=>{let o=e.getCurrentStoryData();if(o.type!=="story")throw new Error("Not a story");try{let a=await Gn(t,zn,jr,{args:Jc(Object.entries(o.args||{}).reduce((i,[l,s])=>(wt(s,o.initialArgs?.[l])||(i[l]=s),i),{})),csfId:o.id,importPath:o.importPath});e.addNotification({id:"save-story-success",icon:{name:"passed",color:$r.positive},content:{headline:"Story saved",subHeadline:m.createElement(m.Fragment,null,"Updated story ",m.createElement("b",null,a.sourceStoryName),".")},duration:8e3})}catch(a){throw e.addNotification({id:"save-story-error",icon:{name:"failed",color:$r.negative},content:{headline:"Failed to save story",subHeadline:a?.message||"Check the Storybook process on the command line for more details."},duration:8e3}),a}},n=async o=>{let a=e.getCurrentStoryData();if(a.type!=="story")throw new Error("Not a story");let i=await Gn(t,zn,jr,{args:a.args&&Jc(a.args),csfId:a.id,importPath:a.importPath,name:o});e.addNotification({id:"save-story-success",icon:{name:"passed",color:$r.positive},content:{headline:"Story created",subHeadline:m.createElement(m.Fragment,null,"Added story ",m.createElement("b",null,i.newStoryName)," based on ",m.createElement("b",null,i.sourceStoryName),".")},duration:8e3,onClick:({onDismiss:l})=>{l(),e.selectStory(i.newStoryId)}})};Ur.add(qc,{title:Fv,type:Si.PANEL,paramKey:qd,render:({active:o})=>!o||!e.getCurrentStoryData()?null:m.createElement(Rn,{active:o},m.createElement(Pv,{saveStory:r,createStory:n}))}),t.on(jr,o=>{if(!o.success)return;let a=e.getCurrentStoryData();a.type==="story"&&(e.resetStoryArgs(a),o.payload.newStoryId&&e.selectStory(o.payload.newStoryId))})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/controls-1/manager-bundle.js.LEGAL.txt b/sb-addons/controls-1/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/geometricpanda-badges-7/manager-bundle.js b/sb-addons/geometricpanda-badges-7/manager-bundle.js new file mode 100644 index 00000000000000..3e192895aac4a4 --- /dev/null +++ b/sb-addons/geometricpanda-badges-7/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var K=__STORYBOOK_API__,{ActiveTabs:Y,Consumer:G,ManagerContext:V,Provider:q,RequestResponseError:w,addons:u,combineParameters:z,controlOrMetaKey:U,controlOrMetaSymbol:j,eventMatchesShortcut:X,eventToShortcut:Z,experimental_requestResponse:$,isMacLike:J,isShortcutTaken:Q,keyToSymbol:ee,merge:te,mockChannel:re,optionOrAltSymbol:oe,shortcutMatchesShortcut:ae,shortcutToHumanString:le,types:g,useAddonState:ne,useArgTypes:se,useArgs:ie,useChannel:de,useGlobalTypes:ce,useGlobals:ue,useParameter:me,useSharedState:pe,useStoryPrepared:be,useStorybookApi:m,useStorybookState:ge}=__STORYBOOK_API__;var t=__REACT__,{Children:Ee,Component:Te,Fragment:fe,Profiler:he,PureComponent:Oe,StrictMode:ke,Suspense:xe,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Re,cloneElement:Be,createContext:Pe,createElement:ve,createFactory:Ae,createRef:De,forwardRef:Fe,isValidElement:Ie,lazy:Le,memo:Me,startTransition:He,unstable_act:Ne,useCallback:We,useContext:Ke,useDebugValue:Ye,useDeferredValue:Ge,useEffect:Ve,useId:qe,useImperativeHandle:we,useInsertionEffect:ze,useLayoutEffect:Ue,useMemo:je,useReducer:Xe,useRef:Ze,useState:$e,useSyncExternalStore:Je,useTransition:Qe,version:et}=__REACT__;var lt=__STORYBOOK_COMPONENTS__,{A:nt,ActionBar:st,AddonPanel:it,Badge:dt,Bar:ct,Blockquote:ut,Button:mt,ClipboardCode:pt,Code:bt,DL:gt,Div:yt,DocumentWrapper:Ct,EmptyTabContent:St,ErrorFormatter:_t,FlexBar:Et,Form:Tt,H1:ft,H2:ht,H3:Ot,H4:kt,H5:xt,H6:Rt,HR:Bt,IconButton:Pt,IconButtonSkeleton:vt,Icons:At,Img:Dt,LI:Ft,Link:It,ListItem:Lt,Loader:Mt,Modal:Ht,OL:Nt,P:Wt,Placeholder:Kt,Pre:Yt,ResetWrapper:Gt,ScrollArea:Vt,Separator:y,Spaced:qt,Span:wt,StorybookIcon:zt,StorybookLogo:Ut,Symbols:jt,SyntaxHighlighter:Xt,TT:Zt,TabBar:$t,TabButton:Jt,TabWrapper:Qt,Table:er,Tabs:tr,TabsState:rr,TooltipLinkList:or,TooltipMessage:T,TooltipNote:ar,UL:lr,WithTooltip:f,WithTooltipPure:nr,Zoom:sr,codeCommon:ir,components:dr,createCopyToClipboardFunction:cr,getStoryHref:ur,icons:mr,interleaveSeparators:pr,nameSpaceClassNames:br,resetComponents:gr,withReset:yr}=__STORYBOOK_COMPONENTS__;var Tr=__STORYBOOK_THEMING__,{CacheProvider:fr,ClassNames:hr,Global:Or,ThemeProvider:kr,background:xr,color:Rr,convert:Br,create:Pr,createCache:vr,createGlobal:Ar,createReset:Dr,css:Fr,darken:Ir,ensure:Lr,ignoreSsrWarning:Mr,isPropValid:Hr,jsx:Nr,keyframes:Wr,lighten:Kr,styled:C,themes:Yr,typography:Gr,useTheme:Vr,withTheme:qr}=__STORYBOOK_THEMING__;var S="@geometricpanda/storybook-addon-badges",k=S,x=`${S}/extra`,h="Storybook Addon Badges",p="badgesConfig",n="badges",_={default:{title:"Badge"},beta:{title:"Beta",styles:{backgroundColor:"#D6E0FF",borderColor:"#2952CC",color:"#2952CC"}},stable:{title:"Stable",styles:{backgroundColor:"#DCF2EA",borderColor:"#317159",color:"#317159"}},"needs-revision":{title:"Needs Revision",location:["toolbar-extra"],styles:{backgroundColor:"#FFEFD2",borderColor:"#66460D",color:"#66460D"}},obsolete:{title:"Obsolete",location:["sidebar"],styles:{backgroundColor:"#F9DADA",borderColor:"#7D2828",color:"#7D2828"}},experimental:{title:"Experimental",styles:{backgroundColor:"#E7E4F9",borderColor:"#6E62B6",color:"#6E62B6"}},deprecated:{title:"Deprecated",styles:{backgroundColor:"#F8E3DA",borderColor:"#85462B",color:"#85462B"}}},R=({tooltip:e,children:r})=>{let a=t.createElement(T,{...typeof e=="string"?{desc:e}:e});return t.createElement(f,{tooltip:a},r)},O=C.span(({config:{styles:e}})=>({borderColor:e?.borderColor||"#474D66",borderRadius:e?.borderRadius||"3px",borderStyle:e?.borderStyle||"solid",borderWidth:e?.borderWidth||"1px",color:e?.color||"#474D66",backgroundColor:e?.backgroundColor||"#EDEFF5",fontSize:e?.fontSize||"0.625rem",fontFamily:e?.fontFamily||"inherit",fontWeight:e?.fontWeight||"bold",lineHeight:e?.lineHeight||"1",textTransform:e?.textTransform||"uppercase",paddingInline:e?.paddingInline||"5px",paddingBlock:e?.paddingBlock||"2px",display:"block"})),B=({config:e})=>e.tooltip?t.createElement(R,{tooltip:e.tooltip},t.createElement(O,{config:e},e.title)):t.createElement(O,{config:e},e.title),P=C.div(({theme:e})=>({gap:e.layoutMargin,paddingInline:e.layoutMargin/2,display:"flex",alignItems:"center"})),E=({badges:e})=>e.length?t.createElement(t.Fragment,null,t.createElement(y,null),t.createElement(P,null,e.map(r=>t.createElement(B,{key:r.title,config:r}))),t.createElement(y,null)):null,v=({item:e})=>{let r=m().getParameters(e.id);if(!r||!r[n]||!r[p])return e.name;let a=r[n],s=r[p],l={..._,...s},o=a.map(b=>l[b]).filter(b=>b.location?.includes("sidebar"));return t.createElement(t.Fragment,null,e.name,t.createElement(E,{badges:o}))},A={renderLabel:e=>{if(!(e.type!=="story"&&e.type!=="docs"))return t.createElement(v,{item:e})}},D=()=>{let e=m(),r=e.getCurrentParameter(n)||[],a=e.getCurrentParameter(p)||{},s={..._,...a},l=r.map(o=>s[o]).filter(o=>!o.location||o.location?.includes("toolbar"));return l.length?t.createElement(E,{badges:l}):null},F=()=>{let e=m(),r=e.getCurrentParameter(n)||[],a=e.getCurrentParameter(p)||{},s={..._,...a},l=r.map(o=>s[o]).filter(o=>o.location?.includes("toolbar-extra"));return l.length?t.createElement(E,{badges:l}):null};u.register(S,()=>{u.add(k,{type:g.TOOL,paramKey:n,title:h,match:()=>!0,render:D}),u.add(x,{type:g.TOOLEXTRA,paramKey:n,title:h,match:()=>!0,render:F})});u.setConfig({sidebar:A});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/geometricpanda-badges-7/manager-bundle.js.LEGAL.txt b/sb-addons/geometricpanda-badges-7/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/storybook-8/manager-bundle.js b/sb-addons/storybook-8/manager-bundle.js new file mode 100644 index 00000000000000..3dc8be3b0db4d1 --- /dev/null +++ b/sb-addons/storybook-8/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var A=__STORYBOOK_API__,{ActiveTabs:M,Consumer:G,ManagerContext:w,Provider:D,RequestResponseError:F,addons:c,combineParameters:N,controlOrMetaKey:H,controlOrMetaSymbol:K,eventMatchesShortcut:L,eventToShortcut:W,experimental_requestResponse:Y,isMacLike:U,isShortcutTaken:V,keyToSymbol:q,merge:j,mockChannel:z,optionOrAltSymbol:J,shortcutMatchesShortcut:Q,shortcutToHumanString:X,types:Z,useAddonState:$,useArgTypes:ee,useArgs:te,useChannel:oe,useGlobalTypes:re,useGlobals:se,useParameter:ne,useSharedState:ae,useStoryPrepared:ie,useStorybookApi:u,useStorybookState:le}=__STORYBOOK_API__;var de=__STORYBOOK_THEMING_CREATE__,{create:f,themes:me}=__STORYBOOK_THEMING_CREATE__;var d=f({base:"light",brandTitle:"WordPress Components",brandImage:"./wp-logo@2x.png",fontBase:'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif',fontCode:"monospace",colorPrimary:"#3858E9",colorSecondary:"#3858E9",appBg:"#ffffff",appContentBg:"#ffffff",appPreviewBg:"#ffffff",appBorderColor:"#DCDCDE",appBorderRadius:4,textColor:"#10162F",textInverseColor:"#ffffff",barTextColor:"#9E9E9E",barSelectedColor:"#3858E9",barHoverColor:"#3858E9",barBg:"#ffffff",inputBg:"#ffffff",inputBorder:"#10162F",inputTextColor:"#10162F",inputBorderRadius:2});var xe=__REACT__,{Children:Oe,Component:Re,Fragment:Ie,Profiler:ke,PureComponent:ve,StrictMode:Be,Suspense:Pe,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Ae,cloneElement:Me,createContext:Ge,createElement:n,createFactory:we,createRef:De,forwardRef:Fe,isValidElement:Ne,lazy:He,memo:Ke,startTransition:Le,unstable_act:We,useCallback:Ye,useContext:Ue,useDebugValue:Ve,useDeferredValue:qe,useEffect:je,useId:ze,useImperativeHandle:Je,useInsertionEffect:Qe,useLayoutEffect:Xe,useMemo:m,useReducer:Ze,useRef:$e,useState:et,useSyncExternalStore:tt,useTransition:ot,version:rt}=__REACT__;var lt=__STORYBOOK_THEMING__,{CacheProvider:pt,ClassNames:ct,Global:ut,ThemeProvider:ft,background:dt,color:mt,convert:_t,create:gt,createCache:ht,createGlobal:bt,createReset:St,css:Ct,darken:Tt,ensure:Et,ignoreSsrWarning:yt,isPropValid:xt,jsx:Ot,keyframes:Rt,lighten:It,styled:a,themes:kt,typography:vt,useTheme:Bt,withTheme:Pt}=__STORYBOOK_THEMING__;var _={private:{icon:"\u{1F512}",title:"\u{1F512} Private",tooltip:{title:"Component is locked as a private API",desc:"We do not yet recommend using this outside of the Gutenberg codebase.",links:[{title:"About @wordpress/private-apis",href:"https://developer.wordpress.org/block-editor/reference-guides/packages/packages-private-apis/"}]}},wip:{icon:"\u{1F6A7}",title:"\u{1F6A7} WIP",styles:{backgroundColor:"#FFF0BD"},tooltip:{title:"Component is a work in progress",desc:"This component is not ready for use in production, including the Gutenberg codebase. DO NOT export outside of @wordpress/components."}}};var C=a.span({flexGrow:1,display:"flex",paddingRight:"20px"}),T=a.span({flexGrow:1}),E=a.span({}),y=a.span({lineHeight:1});function x(e){let i=u(),l="status-";return m(()=>{let p={};e.type==="component"&&e.children?.length&&(p=i.getData(e.children[0])??{});let{tags:h=[]}=p;return h.filter(s=>s.startsWith(l)).map(s=>_[s.substring(l.length)]).map(({icon:s,title:b,tooltip:S})=>s?n(y,{title:S?.title??b},s):null)},[i,e.children,e.isComponent])}function O({item:e}){let i=x(e),l=n(T,{},e.name),p=n(E,{"aria-hidden":!0},...i);return n(C,{},l,p)}var g={renderLabel:e=>n(O,{item:e})};c.setConfig({sidebar:g,theme:d});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/storybook-8/manager-bundle.js.LEGAL.txt b/sb-addons/storybook-8/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js b/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js new file mode 100644 index 00000000000000..de4e48be7bac33 --- /dev/null +++ b/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var T=__STORYBOOK_API__,{ActiveTabs:_,Consumer:O,ManagerContext:f,Provider:A,RequestResponseError:v,addons:n,combineParameters:P,controlOrMetaKey:k,controlOrMetaSymbol:x,eventMatchesShortcut:M,eventToShortcut:R,experimental_requestResponse:w,isMacLike:C,isShortcutTaken:G,keyToSymbol:I,merge:K,mockChannel:q,optionOrAltSymbol:B,shortcutMatchesShortcut:F,shortcutToHumanString:Y,types:j,useAddonState:E,useArgTypes:H,useArgs:L,useChannel:N,useGlobalTypes:z,useGlobals:D,useParameter:J,useSharedState:Q,useStoryPrepared:U,useStorybookApi:V,useStorybookState:W}=__STORYBOOK_API__;var c=(()=>{let e;return typeof window<"u"?e=window:typeof globalThis<"u"?e=globalThis:typeof window<"u"?e=window:typeof self<"u"?e=self:e={},e})(),S="tag-filters",d="static-filter";n.register(S,e=>{let u=Object.entries(c.TAGS_OPTIONS??{}).reduce((t,r)=>{let[o,i]=r;return i.excludeFromSidebar&&(t[o]=!0),t},{});e.experimental_setFilter(d,t=>{let r=t.tags??[];return(r.includes("dev")||t.type==="docs")&&r.filter(o=>u[o]).length===0})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt b/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/storybook-source-link-esm-preset-6/manager-bundle.js b/sb-addons/storybook-source-link-esm-preset-6/manager-bundle.js new file mode 100644 index 00000000000000..6d9331ef5237ef --- /dev/null +++ b/sb-addons/storybook-source-link-esm-preset-6/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var w=__STORYBOOK_API__,{ActiveTabs:B,Consumer:E,ManagerContext:D,Provider:v,RequestResponseError:x,addons:l,combineParameters:M,controlOrMetaKey:H,controlOrMetaSymbol:F,eventMatchesShortcut:N,eventToShortcut:U,experimental_requestResponse:K,isMacLike:G,isShortcutTaken:Y,keyToSymbol:W,merge:V,mockChannel:q,optionOrAltSymbol:X,shortcutMatchesShortcut:Z,shortcutToHumanString:z,types:d,useAddonState:J,useArgTypes:Q,useArgs:$,useChannel:j,useGlobalTypes:oo,useGlobals:no,useParameter:s,useSharedState:eo,useStoryPrepared:co,useStorybookApi:to,useStorybookState:ro}=__STORYBOOK_API__;var u="storybook/source-link",I="".concat(u,"/tool"),S="sourceLink",C="sourceLinkPrefix";var h="https://github.com/Sirrine-Jonathan/storybook-source-link/blob/main/README.md";var n=__REACT__,{Children:So,Component:Co,Fragment:ho,Profiler:Ao,PureComponent:_o,StrictMode:To,Suspense:ko,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:fo,cloneElement:yo,createContext:Ro,createElement:go,createFactory:Oo,createRef:bo,forwardRef:Lo,isValidElement:Po,lazy:wo,memo:Bo,startTransition:Eo,unstable_act:Do,useCallback:vo,useContext:xo,useDebugValue:Mo,useDeferredValue:Ho,useEffect:Fo,useId:No,useImperativeHandle:Uo,useInsertionEffect:Ko,useLayoutEffect:Go,useMemo:Yo,useReducer:Wo,useRef:Vo,useState:qo,useSyncExternalStore:Xo,useTransition:Zo,version:zo}=__REACT__;var on=__STORYBOOK_COMPONENTS__,{A:nn,ActionBar:en,AddonPanel:cn,Badge:tn,Bar:rn,Blockquote:In,Button:an,ClipboardCode:ln,Code:sn,DL:un,Div:pn,DocumentWrapper:mn,EmptyTabContent:dn,ErrorFormatter:Sn,FlexBar:Cn,Form:hn,H1:An,H2:_n,H3:Tn,H4:kn,H5:fn,H6:yn,HR:Rn,IconButton:p,IconButtonSkeleton:gn,Icons:On,Img:bn,LI:Ln,Link:Pn,ListItem:wn,Loader:Bn,Modal:En,OL:Dn,P:vn,Placeholder:xn,Pre:Mn,ResetWrapper:Hn,ScrollArea:Fn,Separator:Nn,Spaced:Un,Span:Kn,StorybookIcon:Gn,StorybookLogo:Yn,Symbols:Wn,SyntaxHighlighter:Vn,TT:qn,TabBar:Xn,TabButton:Zn,TabWrapper:zn,Table:Jn,Tabs:Qn,TabsState:$n,TooltipLinkList:jn,TooltipMessage:A,TooltipNote:oe,UL:ne,WithTooltip:_,WithTooltipPure:ee,Zoom:ce,codeCommon:te,components:re,createCopyToClipboardFunction:Ie,getStoryHref:ae,icons:ie,interleaveSeparators:le,nameSpaceClassNames:se,resetComponents:ue,withReset:pe}=__STORYBOOK_COMPONENTS__;var he=__STORYBOOK_ICONS__,{AccessibilityAltIcon:Ae,AccessibilityIcon:_e,AddIcon:Te,AdminIcon:ke,AlertAltIcon:fe,AlertIcon:ye,AlignLeftIcon:Re,AlignRightIcon:ge,AppleIcon:Oe,ArrowBottomLeftIcon:be,ArrowBottomRightIcon:Le,ArrowDownIcon:Pe,ArrowLeftIcon:we,ArrowRightIcon:Be,ArrowSolidDownIcon:Ee,ArrowSolidLeftIcon:De,ArrowSolidRightIcon:ve,ArrowSolidUpIcon:xe,ArrowTopLeftIcon:Me,ArrowTopRightIcon:He,ArrowUpIcon:Fe,AzureDevOpsIcon:Ne,BackIcon:Ue,BasketIcon:Ke,BatchAcceptIcon:Ge,BatchDenyIcon:Ye,BeakerIcon:We,BellIcon:Ve,BitbucketIcon:qe,BoldIcon:Xe,BookIcon:Ze,BookmarkHollowIcon:ze,BookmarkIcon:Je,BottomBarIcon:Qe,BottomBarToggleIcon:$e,BoxIcon:je,BranchIcon:oc,BrowserIcon:nc,ButtonIcon:ec,CPUIcon:cc,CalendarIcon:tc,CameraIcon:rc,CategoryIcon:Ic,CertificateIcon:ac,ChangedIcon:ic,ChatIcon:lc,CheckIcon:sc,ChevronDownIcon:uc,ChevronLeftIcon:pc,ChevronRightIcon:mc,ChevronSmallDownIcon:dc,ChevronSmallLeftIcon:Sc,ChevronSmallRightIcon:Cc,ChevronSmallUpIcon:hc,ChevronUpIcon:Ac,ChromaticIcon:_c,ChromeIcon:Tc,CircleHollowIcon:kc,CircleIcon:fc,ClearIcon:yc,CloseAltIcon:Rc,CloseIcon:gc,CloudHollowIcon:Oc,CloudIcon:bc,CogIcon:Lc,CollapseIcon:Pc,CommandIcon:wc,CommentAddIcon:Bc,CommentIcon:Ec,CommentsIcon:Dc,CommitIcon:vc,CompassIcon:xc,ComponentDrivenIcon:Mc,ComponentIcon:Hc,ContrastIcon:Fc,ControlsIcon:Nc,CopyIcon:Uc,CreditIcon:Kc,CrossIcon:Gc,DashboardIcon:Yc,DatabaseIcon:Wc,DeleteIcon:Vc,DiamondIcon:qc,DirectionIcon:Xc,DiscordIcon:Zc,DocChartIcon:zc,DocListIcon:Jc,DocumentIcon:Qc,DownloadIcon:$c,DragIcon:jc,EditIcon:ot,EllipsisIcon:nt,EmailIcon:et,ExpandAltIcon:ct,ExpandIcon:tt,EyeCloseIcon:rt,EyeIcon:It,FaceHappyIcon:at,FaceNeutralIcon:it,FaceSadIcon:lt,FacebookIcon:st,FailedIcon:ut,FastForwardIcon:pt,FigmaIcon:mt,FilterIcon:dt,FlagIcon:St,FolderIcon:Ct,FormIcon:ht,GDriveIcon:At,GithubIcon:_t,GitlabIcon:Tt,GlobeIcon:kt,GoogleIcon:ft,GraphBarIcon:yt,GraphLineIcon:Rt,GraphqlIcon:gt,GridAltIcon:Ot,GridIcon:bt,GrowIcon:Lt,HeartHollowIcon:Pt,HeartIcon:wt,HomeIcon:Bt,HourglassIcon:Et,InfoIcon:Dt,ItalicIcon:vt,JumpToIcon:xt,KeyIcon:Mt,LightningIcon:Ht,LightningOffIcon:Ft,LinkBrokenIcon:Nt,LinkIcon:Ut,LinkedinIcon:Kt,LinuxIcon:Gt,ListOrderedIcon:Yt,ListUnorderedIcon:Wt,LocationIcon:Vt,LockIcon:qt,MarkdownIcon:Xt,MarkupIcon:Zt,MediumIcon:zt,MemoryIcon:Jt,MenuIcon:Qt,MergeIcon:$t,MirrorIcon:jt,MobileIcon:or,MoonIcon:nr,NutIcon:er,OutboxIcon:cr,OutlineIcon:tr,PaintBrushIcon:rr,PaperClipIcon:Ir,ParagraphIcon:ar,PassedIcon:ir,PhoneIcon:lr,PhotoDragIcon:sr,PhotoIcon:ur,PinAltIcon:pr,PinIcon:mr,PlayAllHollowIcon:dr,PlayBackIcon:Sr,PlayHollowIcon:Cr,PlayIcon:hr,PlayNextIcon:Ar,PlusIcon:_r,PointerDefaultIcon:Tr,PointerHandIcon:kr,PowerIcon:fr,PrintIcon:yr,ProceedIcon:Rr,ProfileIcon:gr,PullRequestIcon:Or,QuestionIcon:br,RSSIcon:Lr,RedirectIcon:Pr,ReduxIcon:wr,RefreshIcon:Br,ReplyIcon:Er,RepoIcon:m,RequestChangeIcon:Dr,RewindIcon:vr,RulerIcon:xr,SaveIcon:Mr,SearchIcon:Hr,ShareAltIcon:Fr,ShareIcon:Nr,ShieldIcon:Ur,SideBySideIcon:Kr,SidebarAltIcon:Gr,SidebarAltToggleIcon:Yr,SidebarIcon:Wr,SidebarToggleIcon:Vr,SpeakerIcon:qr,StackedIcon:Xr,StarHollowIcon:Zr,StarIcon:zr,StatusFailIcon:Jr,StatusPassIcon:Qr,StatusWarnIcon:$r,StickerIcon:jr,StopAltHollowIcon:oI,StopAltIcon:nI,StopIcon:eI,StorybookIcon:cI,StructureIcon:tI,SubtractIcon:rI,SunIcon:II,SupportIcon:aI,SwitchAltIcon:iI,SyncIcon:lI,TabletIcon:sI,ThumbsUpIcon:uI,TimeIcon:pI,TimerIcon:mI,TransferIcon:dI,TrashIcon:SI,TwitterIcon:CI,TypeIcon:hI,UbuntuIcon:AI,UndoIcon:_I,UnfoldIcon:TI,UnlockIcon:kI,UnpinIcon:fI,UploadIcon:yI,UserAddIcon:RI,UserAltIcon:gI,UserIcon:OI,UsersIcon:bI,VSCodeIcon:LI,VerifiedIcon:PI,VideoIcon:wI,WandIcon:BI,WatchIcon:EI,WindowsIcon:DI,WrenchIcon:vI,XIcon:xI,YoutubeIcon:MI,ZoomIcon:HI,ZoomOutIcon:FI,ZoomResetIcon:NI,iconList:UI}=__STORYBOOK_ICONS__;var k=function(){return n.createElement(A,{title:"Repository Link",desc:"No repository link set in this story",links:[{title:"More Info",onClick:function(){window.open(h)}}]})},f=function(e,o){return o?(e&&(o="".concat(e).concat(o)),o):null},T=function(){var e=s(S,null),o=s(C,null),a=f(o,e);return a?n.createElement(p,{key:I,title:"View Source Repository: ".concat(a),active:!0,onClick:function(){a&&window.open(a)}},n.createElement(m)):n.createElement(_,{placement:"top",trigger:"click",tooltip:n.createElement(k,null)},n.createElement(p,{key:I,title:"View Source Repository",active:!1},n.createElement(m)))};l.register(u,function(){l.add(I,{type:d.TOOLEXTRA,title:"Source Link",match:function(e){var o=e.viewMode;return!!(o&&o.match(/^(story|docs)$/))},render:T})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/storybook-source-link-esm-preset-6/manager-bundle.js.LEGAL.txt b/sb-addons/storybook-source-link-esm-preset-6/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/toolbars-4/manager-bundle.js b/sb-addons/toolbars-4/manager-bundle.js new file mode 100644 index 00000000000000..1bc976fd213d1b --- /dev/null +++ b/sb-addons/toolbars-4/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var l=__REACT__,{Children:se,Component:ie,Fragment:ue,Profiler:ce,PureComponent:pe,StrictMode:de,Suspense:me,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:be,cloneElement:Se,createContext:Te,createElement:ye,createFactory:_e,createRef:Ce,forwardRef:fe,isValidElement:ve,lazy:Ie,memo:Oe,startTransition:Ee,unstable_act:xe,useCallback:y,useContext:ge,useDebugValue:ke,useDeferredValue:he,useEffect:g,useId:Ae,useImperativeHandle:Re,useInsertionEffect:Le,useLayoutEffect:Be,useMemo:Me,useReducer:Pe,useRef:L,useState:B,useSyncExternalStore:Ne,useTransition:we,version:Ve}=__REACT__;var We=__STORYBOOK_API__,{ActiveTabs:Ke,Consumer:Ye,ManagerContext:$e,Provider:qe,RequestResponseError:ze,addons:k,combineParameters:Ue,controlOrMetaKey:je,controlOrMetaSymbol:Ze,eventMatchesShortcut:Je,eventToShortcut:Qe,experimental_requestResponse:Xe,isMacLike:et,isShortcutTaken:tt,keyToSymbol:ot,merge:rt,mockChannel:at,optionOrAltSymbol:lt,shortcutMatchesShortcut:nt,shortcutToHumanString:st,types:M,useAddonState:it,useArgTypes:ut,useArgs:ct,useChannel:pt,useGlobalTypes:P,useGlobals:h,useParameter:dt,useSharedState:mt,useStoryPrepared:bt,useStorybookApi:N,useStorybookState:St}=__STORYBOOK_API__;var ft=__STORYBOOK_COMPONENTS__,{A:vt,ActionBar:It,AddonPanel:Ot,Badge:Et,Bar:xt,Blockquote:gt,Button:kt,ClipboardCode:ht,Code:At,DL:Rt,Div:Lt,DocumentWrapper:Bt,EmptyTabContent:Mt,ErrorFormatter:Pt,FlexBar:Nt,Form:wt,H1:Vt,H2:Dt,H3:Ht,H4:Ft,H5:Gt,H6:Wt,HR:Kt,IconButton:w,IconButtonSkeleton:Yt,Icons:A,Img:$t,LI:qt,Link:zt,ListItem:Ut,Loader:jt,Modal:Zt,OL:Jt,P:Qt,Placeholder:Xt,Pre:eo,ResetWrapper:to,ScrollArea:oo,Separator:V,Spaced:ro,Span:ao,StorybookIcon:lo,StorybookLogo:no,Symbols:so,SyntaxHighlighter:io,TT:uo,TabBar:co,TabButton:po,TabWrapper:mo,Table:bo,Tabs:So,TabsState:To,TooltipLinkList:D,TooltipMessage:yo,TooltipNote:_o,UL:Co,WithTooltip:H,WithTooltipPure:fo,Zoom:vo,codeCommon:Io,components:Oo,createCopyToClipboardFunction:Eo,getStoryHref:xo,icons:go,interleaveSeparators:ko,nameSpaceClassNames:ho,resetComponents:Ao,withReset:Ro}=__STORYBOOK_COMPONENTS__;var K={type:"item",value:""},Y=(o,t)=>({...t,name:t.name||o,description:t.description||o,toolbar:{...t.toolbar,items:t.toolbar.items.map(e=>{let r=typeof e=="string"?{value:e,title:e}:e;return r.type==="reset"&&t.toolbar.icon&&(r.icon=t.toolbar.icon,r.hideIcon=!0),{...K,...r}})}}),$=["reset"],q=o=>o.filter(t=>!$.includes(t.type)).map(t=>t.value),S="addon-toolbars",z=async(o,t,e)=>{e&&e.next&&await o.setAddonShortcut(S,{label:e.next.label,defaultShortcut:e.next.keys,actionName:`${t}:next`,action:e.next.action}),e&&e.previous&&await o.setAddonShortcut(S,{label:e.previous.label,defaultShortcut:e.previous.keys,actionName:`${t}:previous`,action:e.previous.action}),e&&e.reset&&await o.setAddonShortcut(S,{label:e.reset.label,defaultShortcut:e.reset.keys,actionName:`${t}:reset`,action:e.reset.action})},U=o=>t=>{let{id:e,toolbar:{items:r,shortcuts:a}}=t,c=N(),[T,i]=h(),n=L([]),u=T[e],_=y(()=>{i({[e]:""})},[i]),C=y(()=>{let s=n.current,d=s.indexOf(u),m=d===s.length-1?0:d+1,p=n.current[m];i({[e]:p})},[n,u,i]),f=y(()=>{let s=n.current,d=s.indexOf(u),m=d>-1?d:0,p=m===0?s.length-1:m-1,b=n.current[p];i({[e]:b})},[n,u,i]);return g(()=>{a&&z(c,e,{next:{...a.next,action:C},previous:{...a.previous,action:f},reset:{...a.reset,action:_}})},[c,e,a,C,f,_]),g(()=>{n.current=q(r)},[]),l.createElement(o,{cycleValues:n.current,...t})},F=({currentValue:o,items:t})=>o!=null&&t.find(e=>e.value===o&&e.type!=="reset"),j=({currentValue:o,items:t})=>{let e=F({currentValue:o,items:t});if(e)return e.icon},Z=({currentValue:o,items:t})=>{let e=F({currentValue:o,items:t});if(e)return e.title},J=({active:o,disabled:t,title:e,icon:r,description:a,onClick:c})=>l.createElement(w,{active:o,title:a,disabled:t,onClick:t?()=>{}:c},r&&l.createElement(A,{icon:r,__suppressDeprecationWarning:!0}),e?`\xA0${e}`:null),Q=({right:o,title:t,value:e,icon:r,hideIcon:a,onClick:c,disabled:T,currentValue:i})=>{let n=r&&l.createElement(A,{style:{opacity:1},icon:r}),u={id:e??"_reset",active:i===e,right:o,title:t,disabled:T,onClick:c};return r&&!a&&(u.icon=n),u},X=U(({id:o,name:t,description:e,toolbar:{icon:r,items:a,title:c,preventDynamicIcon:T,dynamicTitle:i}})=>{let[n,u,_]=h(),[C,f]=B(!1),s=n[o],d=!!s,m=o in _,p=r,b=c;T||(p=j({currentValue:s,items:a})||p),i&&(b=Z({currentValue:s,items:a})||b),!b&&!p&&console.warn(`Toolbar '${t}' has no title or icon`);let G=y(x=>{u({[o]:x})},[o,u]);return l.createElement(H,{placement:"top",tooltip:({onHide:x})=>{let W=a.filter(({type:v})=>{let R=!0;return v==="reset"&&!s&&(R=!1),R}).map(v=>Q({...v,currentValue:s,disabled:m,onClick:()=>{G(v.value),x()}}));return l.createElement(D,{links:W})},closeOnOutsideClick:!0,onVisibleChange:f},l.createElement(J,{active:C||d,disabled:m,description:e||"",icon:p,title:b||""}))}),ee=()=>{let o=P(),t=Object.keys(o).filter(e=>!!o[e].toolbar);return t.length?l.createElement(l.Fragment,null,l.createElement(V,null),t.map(e=>{let r=Y(e,o[e]);return l.createElement(X,{key:e,id:e,...r})})):null};k.register(S,()=>k.add(S,{title:S,type:M.TOOL,match:({tabId:o})=>!o,render:()=>l.createElement(ee,null)}));})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/toolbars-4/manager-bundle.js.LEGAL.txt b/sb-addons/toolbars-4/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-addons/viewport-2/manager-bundle.js b/sb-addons/viewport-2/manager-bundle.js new file mode 100644 index 00000000000000..ed47a6113287ab --- /dev/null +++ b/sb-addons/viewport-2/manager-bundle.js @@ -0,0 +1,3 @@ +try{ +(()=>{var he=Object.create;var J=Object.defineProperty;var me=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var ge=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var O=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,a)=>(typeof require<"u"?require:t)[a]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')});var H=(e,t)=>()=>(e&&(t=e(e=0)),t);var be=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var ye=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of fe(t))!we.call(e,c)&&c!==a&&J(e,c,{get:()=>t[c],enumerable:!(s=me(t,c))||s.enumerable});return e};var Se=(e,t,a)=>(a=e!=null?he(ge(e)):{},ye(t||!e||!e.__esModule?J(a,"default",{value:e,enumerable:!0}):a,e));var f=H(()=>{});var g=H(()=>{});var w=H(()=>{});var le=be((ce,Z)=>{f();g();w();(function(e){if(typeof ce=="object"&&typeof Z<"u")Z.exports=e();else if(typeof define=="function"&&define.amd)define([],e);else{var t;typeof window<"u"||typeof window<"u"?t=window:typeof self<"u"?t=self:t=this,t.memoizerific=e()}})(function(){var e,t,a;return function s(c,b,p){function o(n,d){if(!b[n]){if(!c[n]){var r=typeof O=="function"&&O;if(!d&&r)return r(n,!0);if(i)return i(n,!0);var u=new Error("Cannot find module '"+n+"'");throw u.code="MODULE_NOT_FOUND",u}var I=b[n]={exports:{}};c[n][0].call(I.exports,function(m){var y=c[n][1][m];return o(y||m)},I,I.exports,s,c,b,p)}return b[n].exports}for(var i=typeof O=="function"&&O,h=0;h<p.length;h++)o(p[h]);return o}({1:[function(s,c,b){c.exports=function(p){if(typeof Map!="function"||p){var o=s("./similar");return new o}else return new Map}},{"./similar":2}],2:[function(s,c,b){function p(){return this.list=[],this.lastItem=void 0,this.size=0,this}p.prototype.get=function(o){var i;if(this.lastItem&&this.isEqual(this.lastItem.key,o))return this.lastItem.val;if(i=this.indexOf(o),i>=0)return this.lastItem=this.list[i],this.list[i].val},p.prototype.set=function(o,i){var h;return this.lastItem&&this.isEqual(this.lastItem.key,o)?(this.lastItem.val=i,this):(h=this.indexOf(o),h>=0?(this.lastItem=this.list[h],this.list[h].val=i,this):(this.lastItem={key:o,val:i},this.list.push(this.lastItem),this.size++,this))},p.prototype.delete=function(o){var i;if(this.lastItem&&this.isEqual(this.lastItem.key,o)&&(this.lastItem=void 0),i=this.indexOf(o),i>=0)return this.size--,this.list.splice(i,1)[0]},p.prototype.has=function(o){var i;return this.lastItem&&this.isEqual(this.lastItem.key,o)?!0:(i=this.indexOf(o),i>=0?(this.lastItem=this.list[i],!0):!1)},p.prototype.forEach=function(o,i){var h;for(h=0;h<this.size;h++)o.call(i||this,this.list[h].val,this.list[h].key,this)},p.prototype.indexOf=function(o){var i;for(i=0;i<this.size;i++)if(this.isEqual(this.list[i].key,o))return i;return-1},p.prototype.isEqual=function(o,i){return o===i||o!==o&&i!==i},c.exports=p},{}],3:[function(s,c,b){var p=s("map-or-similar");c.exports=function(n){var d=new p(!1),r=[];return function(u){var I=function(){var m=d,y,k,S=arguments.length-1,M=Array(S+1),A=!0,C;if((I.numArgs||I.numArgs===0)&&I.numArgs!==S+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(C=0;C<S;C++){if(M[C]={cacheItem:m,arg:arguments[C]},m.has(arguments[C])){m=m.get(arguments[C]);continue}A=!1,y=new p(!1),m.set(arguments[C],y),m=y}return A&&(m.has(arguments[S])?k=m.get(arguments[S]):A=!1),A||(k=u.apply(null,arguments),m.set(arguments[S],k)),n>0&&(M[S]={cacheItem:m,arg:arguments[S]},A?o(r,M):r.push(M),r.length>n&&i(r.shift())),I.wasMemoized=A,I.numArgs=S+1,k};return I.limit=n,I.wasMemoized=!1,I.cache=d,I.lru=r,I}};function o(n,d){var r=n.length,u=d.length,I,m,y;for(m=0;m<r;m++){for(I=!0,y=0;y<u;y++)if(!h(n[m][y].arg,d[y].arg)){I=!1;break}if(I)break}n.push(n.splice(m,1)[0])}function i(n){var d=n.length,r=n[d-1],u,I;for(r.cacheItem.delete(r.arg),I=d-2;I>=0&&(r=n[I],u=r.cacheItem.get(r.arg),!u||!u.size);I--)r.cacheItem.delete(r.arg)}function h(n,d){return n===d||n!==n&&d!==d}},{"map-or-similar":1}]},{},[3])(3)})});f();g();w();f();g();w();f();g();w();var l=__REACT__,{Children:$e,Component:Je,Fragment:V,Profiler:Qe,PureComponent:Xe,StrictMode:et,Suspense:tt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ot,cloneElement:nt,createContext:rt,createElement:N,createFactory:it,createRef:at,forwardRef:ct,isValidElement:lt,lazy:st,memo:Q,startTransition:ut,unstable_act:It,useCallback:X,useContext:pt,useDebugValue:dt,useDeferredValue:ht,useEffect:_,useId:mt,useImperativeHandle:ft,useInsertionEffect:gt,useLayoutEffect:wt,useMemo:bt,useReducer:yt,useRef:ee,useState:z,useSyncExternalStore:St,useTransition:vt,version:Ct}=__REACT__;f();g();w();var kt=__STORYBOOK_API__,{ActiveTabs:At,Consumer:xt,ManagerContext:Ot,Provider:_t,RequestResponseError:Lt,addons:G,combineParameters:Bt,controlOrMetaKey:Pt,controlOrMetaSymbol:Mt,eventMatchesShortcut:Vt,eventToShortcut:Dt,experimental_requestResponse:Ht,isMacLike:Nt,isShortcutTaken:zt,keyToSymbol:Gt,merge:Ft,mockChannel:Ut,optionOrAltSymbol:qt,shortcutMatchesShortcut:Wt,shortcutToHumanString:Yt,types:te,useAddonState:jt,useArgTypes:Kt,useArgs:Zt,useChannel:$t,useGlobalTypes:Jt,useGlobals:F,useParameter:U,useSharedState:Qt,useStoryPrepared:Xt,useStorybookApi:oe,useStorybookState:eo}=__STORYBOOK_API__;f();g();w();var io=__STORYBOOK_COMPONENTS__,{A:ao,ActionBar:co,AddonPanel:lo,Badge:so,Bar:uo,Blockquote:Io,Button:po,ClipboardCode:ho,Code:mo,DL:fo,Div:go,DocumentWrapper:wo,EmptyTabContent:bo,ErrorFormatter:yo,FlexBar:So,Form:vo,H1:Co,H2:Eo,H3:Ro,H4:To,H5:ko,H6:Ao,HR:xo,IconButton:L,IconButtonSkeleton:Oo,Icons:_o,Img:Lo,LI:Bo,Link:Po,ListItem:Mo,Loader:Vo,Modal:Do,OL:Ho,P:No,Placeholder:zo,Pre:Go,ResetWrapper:Fo,ScrollArea:Uo,Separator:qo,Spaced:Wo,Span:Yo,StorybookIcon:jo,StorybookLogo:Ko,Symbols:Zo,SyntaxHighlighter:$o,TT:Jo,TabBar:Qo,TabButton:Xo,TabWrapper:en,Table:tn,Tabs:on,TabsState:nn,TooltipLinkList:q,TooltipMessage:rn,TooltipNote:an,UL:cn,WithTooltip:W,WithTooltipPure:ln,Zoom:sn,codeCommon:un,components:In,createCopyToClipboardFunction:pn,getStoryHref:dn,icons:hn,interleaveSeparators:mn,nameSpaceClassNames:fn,resetComponents:gn,withReset:wn}=__STORYBOOK_COMPONENTS__;f();g();w();var Cn=__STORYBOOK_THEMING__,{CacheProvider:En,ClassNames:Rn,Global:Y,ThemeProvider:Tn,background:kn,color:An,convert:xn,create:On,createCache:_n,createGlobal:Ln,createReset:Bn,css:Pn,darken:Mn,ensure:Vn,ignoreSsrWarning:Dn,isPropValid:Hn,jsx:Nn,keyframes:zn,lighten:Gn,styled:v,themes:Fn,typography:Un,useTheme:qn,withTheme:Wn}=__STORYBOOK_THEMING__;f();g();w();var $n=__STORYBOOK_ICONS__,{AccessibilityAltIcon:Jn,AccessibilityIcon:Qn,AddIcon:Xn,AdminIcon:er,AlertAltIcon:tr,AlertIcon:or,AlignLeftIcon:nr,AlignRightIcon:rr,AppleIcon:ir,ArrowBottomLeftIcon:ar,ArrowBottomRightIcon:cr,ArrowDownIcon:lr,ArrowLeftIcon:sr,ArrowRightIcon:ur,ArrowSolidDownIcon:Ir,ArrowSolidLeftIcon:pr,ArrowSolidRightIcon:dr,ArrowSolidUpIcon:hr,ArrowTopLeftIcon:mr,ArrowTopRightIcon:fr,ArrowUpIcon:gr,AzureDevOpsIcon:wr,BackIcon:br,BasketIcon:yr,BatchAcceptIcon:Sr,BatchDenyIcon:vr,BeakerIcon:Cr,BellIcon:Er,BitbucketIcon:Rr,BoldIcon:Tr,BookIcon:kr,BookmarkHollowIcon:Ar,BookmarkIcon:xr,BottomBarIcon:Or,BottomBarToggleIcon:_r,BoxIcon:Lr,BranchIcon:Br,BrowserIcon:ne,ButtonIcon:Pr,CPUIcon:Mr,CalendarIcon:Vr,CameraIcon:Dr,CategoryIcon:Hr,CertificateIcon:Nr,ChangedIcon:zr,ChatIcon:Gr,CheckIcon:Fr,ChevronDownIcon:Ur,ChevronLeftIcon:qr,ChevronRightIcon:Wr,ChevronSmallDownIcon:Yr,ChevronSmallLeftIcon:jr,ChevronSmallRightIcon:Kr,ChevronSmallUpIcon:Zr,ChevronUpIcon:$r,ChromaticIcon:Jr,ChromeIcon:Qr,CircleHollowIcon:Xr,CircleIcon:ei,ClearIcon:ti,CloseAltIcon:oi,CloseIcon:ni,CloudHollowIcon:ri,CloudIcon:ii,CogIcon:ai,CollapseIcon:ci,CommandIcon:li,CommentAddIcon:si,CommentIcon:ui,CommentsIcon:Ii,CommitIcon:pi,CompassIcon:di,ComponentDrivenIcon:hi,ComponentIcon:mi,ContrastIcon:fi,ControlsIcon:gi,CopyIcon:wi,CreditIcon:bi,CrossIcon:yi,DashboardIcon:Si,DatabaseIcon:vi,DeleteIcon:Ci,DiamondIcon:Ei,DirectionIcon:Ri,DiscordIcon:Ti,DocChartIcon:ki,DocListIcon:Ai,DocumentIcon:xi,DownloadIcon:Oi,DragIcon:_i,EditIcon:Li,EllipsisIcon:Bi,EmailIcon:Pi,ExpandAltIcon:Mi,ExpandIcon:Vi,EyeCloseIcon:Di,EyeIcon:Hi,FaceHappyIcon:Ni,FaceNeutralIcon:zi,FaceSadIcon:Gi,FacebookIcon:Fi,FailedIcon:Ui,FastForwardIcon:qi,FigmaIcon:Wi,FilterIcon:Yi,FlagIcon:ji,FolderIcon:Ki,FormIcon:Zi,GDriveIcon:$i,GithubIcon:Ji,GitlabIcon:Qi,GlobeIcon:Xi,GoogleIcon:ea,GraphBarIcon:ta,GraphLineIcon:oa,GraphqlIcon:na,GridAltIcon:ra,GridIcon:ia,GrowIcon:j,HeartHollowIcon:aa,HeartIcon:ca,HomeIcon:la,HourglassIcon:sa,InfoIcon:ua,ItalicIcon:Ia,JumpToIcon:pa,KeyIcon:da,LightningIcon:ha,LightningOffIcon:ma,LinkBrokenIcon:fa,LinkIcon:ga,LinkedinIcon:wa,LinuxIcon:ba,ListOrderedIcon:ya,ListUnorderedIcon:Sa,LocationIcon:va,LockIcon:Ca,MarkdownIcon:Ea,MarkupIcon:Ra,MediumIcon:Ta,MemoryIcon:ka,MenuIcon:Aa,MergeIcon:xa,MirrorIcon:Oa,MobileIcon:re,MoonIcon:_a,NutIcon:La,OutboxIcon:Ba,OutlineIcon:Pa,PaintBrushIcon:Ma,PaperClipIcon:Va,ParagraphIcon:Da,PassedIcon:Ha,PhoneIcon:Na,PhotoDragIcon:za,PhotoIcon:Ga,PinAltIcon:Fa,PinIcon:Ua,PlayAllHollowIcon:qa,PlayBackIcon:Wa,PlayHollowIcon:Ya,PlayIcon:ja,PlayNextIcon:Ka,PlusIcon:Za,PointerDefaultIcon:$a,PointerHandIcon:Ja,PowerIcon:Qa,PrintIcon:Xa,ProceedIcon:ec,ProfileIcon:tc,PullRequestIcon:oc,QuestionIcon:nc,RSSIcon:rc,RedirectIcon:ic,ReduxIcon:ac,RefreshIcon:ie,ReplyIcon:cc,RepoIcon:lc,RequestChangeIcon:sc,RewindIcon:uc,RulerIcon:Ic,SaveIcon:pc,SearchIcon:dc,ShareAltIcon:hc,ShareIcon:mc,ShieldIcon:fc,SideBySideIcon:gc,SidebarAltIcon:wc,SidebarAltToggleIcon:bc,SidebarIcon:yc,SidebarToggleIcon:Sc,SpeakerIcon:vc,StackedIcon:Cc,StarHollowIcon:Ec,StarIcon:Rc,StatusFailIcon:Tc,StatusPassIcon:kc,StatusWarnIcon:Ac,StickerIcon:xc,StopAltHollowIcon:Oc,StopAltIcon:_c,StopIcon:Lc,StorybookIcon:Bc,StructureIcon:Pc,SubtractIcon:Mc,SunIcon:Vc,SupportIcon:Dc,SwitchAltIcon:Hc,SyncIcon:Nc,TabletIcon:ae,ThumbsUpIcon:zc,TimeIcon:Gc,TimerIcon:Fc,TransferIcon:K,TrashIcon:Uc,TwitterIcon:qc,TypeIcon:Wc,UbuntuIcon:Yc,UndoIcon:jc,UnfoldIcon:Kc,UnlockIcon:Zc,UnpinIcon:$c,UploadIcon:Jc,UserAddIcon:Qc,UserAltIcon:Xc,UserIcon:el,UsersIcon:tl,VSCodeIcon:ol,VerifiedIcon:nl,VideoIcon:rl,WandIcon:il,WatchIcon:al,WindowsIcon:cl,WrenchIcon:ll,XIcon:sl,YoutubeIcon:ul,ZoomIcon:Il,ZoomOutIcon:pl,ZoomResetIcon:dl,iconList:hl}=__STORYBOOK_ICONS__;var $=Se(le()),B="storybook/viewport",x="viewport",Ie={mobile1:{name:"Small mobile",styles:{height:"568px",width:"320px"},type:"mobile"},mobile2:{name:"Large mobile",styles:{height:"896px",width:"414px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1112px",width:"834px"},type:"tablet"}},P={name:"Reset viewport",styles:{height:"100%",width:"100%"},type:"desktop"},Ce={[x]:{value:void 0,isRotated:!1}},Ee={viewport:"reset",viewportRotated:!1},Re=FEATURES?.viewportStoryGlobals?Ce:Ee,pe=(e,t)=>e.indexOf(t),Te=(e,t)=>{let a=pe(e,t);return a===e.length-1?e[0]:e[a+1]},ke=(e,t)=>{let a=pe(e,t);return a<1?e[e.length-1]:e[a-1]},de=async(e,t,a,s)=>{await e.setAddonShortcut(B,{label:"Previous viewport",defaultShortcut:["alt","shift","V"],actionName:"previous",action:()=>{a({viewport:ke(s,t)})}}),await e.setAddonShortcut(B,{label:"Next viewport",defaultShortcut:["alt","V"],actionName:"next",action:()=>{a({viewport:Te(s,t)})}}),await e.setAddonShortcut(B,{label:"Reset viewport",defaultShortcut:["alt","control","V"],actionName:"reset",action:()=>{a(Re)}})},Ae=v.div(()=>({display:"inline-flex",alignItems:"center"})),se=v.div(({theme:e})=>({display:"inline-block",textDecoration:"none",padding:10,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,lineHeight:"1",height:40,border:"none",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",background:"transparent"})),xe=v(L)(()=>({display:"inline-flex",alignItems:"center"})),Oe=v.div(({theme:e})=>({fontSize:e.typography.size.s2-1,marginLeft:10})),_e={desktop:l.createElement(ne,null),mobile:l.createElement(re,null),tablet:l.createElement(ae,null),other:l.createElement(V,null)},Le=({api:e})=>{let t=U(x),[a,s,c]=F(),[b,p]=z(!1),{options:o=Ie,disable:i}=t||{},h=a?.[x]||{},n=h.value,d=h.isRotated,r=o[n]||P,u=b||r!==P,I=x in c,m=Object.keys(o).length;if(_(()=>{de(e,n,s,Object.keys(o))},[o,n,s,e]),r.styles===null||!o||m<1)return null;if(typeof r.styles=="function")return console.warn("Addon Viewport no longer supports dynamic styles using a function, use css calc() instead"),null;let y=d?r.styles.height:r.styles.width,k=d?r.styles.width:r.styles.height;return i?null:l.createElement(Be,{item:r,updateGlobals:s,viewportMap:o,viewportName:n,isRotated:d,setIsTooltipVisible:p,isLocked:I,isActive:u,width:y,height:k})},Be=l.memo(function(e){let{item:t,viewportMap:a,viewportName:s,isRotated:c,updateGlobals:b,setIsTooltipVisible:p,isLocked:o,isActive:i,width:h,height:n}=e,d=X(r=>b({[x]:r}),[b]);return l.createElement(V,null,l.createElement(W,{placement:"bottom",tooltip:({onHide:r})=>l.createElement(q,{links:[...length>0&&t!==P?[{id:"reset",title:"Reset viewport",icon:l.createElement(ie,null),onClick:()=>{d({value:void 0,isRotated:!1}),r()}}]:[],...Object.entries(a).map(([u,I])=>({id:u,title:I.name,icon:_e[I.type],active:u===s,onClick:()=>{d({value:u,isRotated:!1}),r()}}))]}),closeOnOutsideClick:!0,onVisibleChange:p},l.createElement(xe,{disabled:o,key:"viewport",title:"Change the size of the preview",active:i,onDoubleClick:()=>{d({value:void 0,isRotated:!1})}},l.createElement(j,null),t!==P?l.createElement(Oe,null,t.name," ",c?"(L)":"(P)"):null)),l.createElement(Y,{styles:{'iframe[data-is-storybook="true"]':{width:h,height:n}}}),t!==P?l.createElement(Ae,null,l.createElement(se,{title:"Viewport width"},h.replace("px","")),o?"/":l.createElement(L,{key:"viewport-rotate",title:"Rotate viewport",onClick:()=>{d({value:s,isRotated:!c})}},l.createElement(K,null)),l.createElement(se,{title:"Viewport height"},n.replace("px",""))):null)}),Pe=(0,$.default)(50)(e=>[...Me,...Object.entries(e).map(([t,{name:a,...s}])=>({...s,id:t,title:a}))]),D={id:"reset",title:"Reset viewport",styles:null,type:"other"},Me=[D],Ve=(0,$.default)(50)((e,t,a,s)=>e.filter(c=>c.id!==D.id||t.id!==c.id).map(c=>({...c,onClick:()=>{a({viewport:c.id}),s()}}))),De=({width:e,height:t,...a})=>({...a,height:e,width:t}),He=v.div(()=>({display:"inline-flex",alignItems:"center"})),ue=v.div(({theme:e})=>({display:"inline-block",textDecoration:"none",padding:10,fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,lineHeight:"1",height:40,border:"none",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",background:"transparent"})),Ne=v(L)(()=>({display:"inline-flex",alignItems:"center"})),ze=v.div(({theme:e})=>({fontSize:e.typography.size.s2-1,marginLeft:10})),Ge=(e,t,a)=>{if(t===null)return;let s=typeof t=="function"?t(e):t;return a?De(s):s},Fe=Q(function(){let[e,t]=F(),{viewports:a=Ie,defaultOrientation:s,defaultViewport:c,disable:b}=U(x,{}),p=Pe(a),o=oe(),[i,h]=z(!1);c&&!p.find(u=>u.id===c)&&console.warn(`Cannot find "defaultViewport" of "${c}" in addon-viewport configs, please check the "viewports" setting in the configuration.`),_(()=>{de(o,e,t,Object.keys(a))},[a,e,e.viewport,t,o]),_(()=>{let u=s==="landscape";(c&&e.viewport!==c||s&&e.viewportRotated!==u)&&t({viewport:c,viewportRotated:u})},[s,c,t]);let n=p.find(u=>u.id===e.viewport)||p.find(u=>u.id===c)||p.find(u=>u.default)||D,d=ee(),r=Ge(d.current,n.styles,e.viewportRotated);return _(()=>{d.current=r},[n]),b||Object.entries(a).length===0?null:l.createElement(V,null,l.createElement(W,{placement:"top",tooltip:({onHide:u})=>l.createElement(q,{links:Ve(p,n,t,u)}),closeOnOutsideClick:!0,onVisibleChange:h},l.createElement(Ne,{key:"viewport",title:"Change the size of the preview",active:i||!!r,onDoubleClick:()=>{t({viewport:D.id})}},l.createElement(j,null),r?l.createElement(ze,null,e.viewportRotated?`${n.title} (L)`:`${n.title} (P)`):null)),r?l.createElement(He,null,l.createElement(Y,{styles:{'iframe[data-is-storybook="true"]':{...r||{width:"100%",height:"100%"}}}}),l.createElement(ue,{title:"Viewport width"},r.width.replace("px","")),l.createElement(L,{key:"viewport-rotate",title:"Rotate viewport",onClick:()=>{t({viewportRotated:!e.viewportRotated})}},l.createElement(K,null)),l.createElement(ue,{title:"Viewport height"},r.height.replace("px",""))):null)});G.register(B,e=>{G.add(B,{title:"viewport / media-queries",type:te.TOOL,match:({viewMode:t,tabId:a})=>t==="story"&&!a,render:()=>FEATURES?.viewportStoryGlobals?N(Le,{api:e}):N(Fe,null)})});})(); +}catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); } diff --git a/sb-addons/viewport-2/manager-bundle.js.LEGAL.txt b/sb-addons/viewport-2/manager-bundle.js.LEGAL.txt new file mode 100644 index 00000000000000..e69de29bb2d1d6 diff --git a/sb-common-assets/favicon.svg b/sb-common-assets/favicon.svg new file mode 100644 index 00000000000000..571f90fe99aae2 --- /dev/null +++ b/sb-common-assets/favicon.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg> \ No newline at end of file diff --git a/sb-common-assets/nunito-sans-bold-italic.woff2 b/sb-common-assets/nunito-sans-bold-italic.woff2 new file mode 100644 index 00000000000000..33563d8bf4cde9 Binary files /dev/null and b/sb-common-assets/nunito-sans-bold-italic.woff2 differ diff --git a/sb-common-assets/nunito-sans-bold.woff2 b/sb-common-assets/nunito-sans-bold.woff2 new file mode 100644 index 00000000000000..19fcc944a15286 Binary files /dev/null and b/sb-common-assets/nunito-sans-bold.woff2 differ diff --git a/sb-common-assets/nunito-sans-italic.woff2 b/sb-common-assets/nunito-sans-italic.woff2 new file mode 100644 index 00000000000000..827096daec30f7 Binary files /dev/null and b/sb-common-assets/nunito-sans-italic.woff2 differ diff --git a/sb-common-assets/nunito-sans-regular.woff2 b/sb-common-assets/nunito-sans-regular.woff2 new file mode 100644 index 00000000000000..c527ba49cf63b3 Binary files /dev/null and b/sb-common-assets/nunito-sans-regular.woff2 differ diff --git a/sb-manager/globals-module-info.js b/sb-manager/globals-module-info.js new file mode 100644 index 00000000000000..41ca415f487c86 --- /dev/null +++ b/sb-manager/globals-module-info.js @@ -0,0 +1,1028 @@ +import ESM_COMPAT_Module from "node:module"; +import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url'; +import { dirname as ESM_COMPAT_dirname } from 'node:path'; +const __filename = ESM_COMPAT_fileURLToPath(import.meta.url); +const __dirname = ESM_COMPAT_dirname(__filename); +const require = ESM_COMPAT_Module.createRequire(import.meta.url); + +// src/manager/globals/exports.ts +var t = { + react: [ + "Children", + "Component", + "Fragment", + "Profiler", + "PureComponent", + "StrictMode", + "Suspense", + "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED", + "cloneElement", + "createContext", + "createElement", + "createFactory", + "createRef", + "forwardRef", + "isValidElement", + "lazy", + "memo", + "startTransition", + "unstable_act", + "useCallback", + "useContext", + "useDebugValue", + "useDeferredValue", + "useEffect", + "useId", + "useImperativeHandle", + "useInsertionEffect", + "useLayoutEffect", + "useMemo", + "useReducer", + "useRef", + "useState", + "useSyncExternalStore", + "useTransition", + "version" + ], + "react-dom": [ + "__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED", + "createPortal", + "createRoot", + "findDOMNode", + "flushSync", + "hydrate", + "hydrateRoot", + "render", + "unmountComponentAtNode", + "unstable_batchedUpdates", + "unstable_renderSubtreeIntoContainer", + "version" + ], + "react-dom/client": ["createRoot", "hydrateRoot"], + "@storybook/icons": [ + "AccessibilityAltIcon", + "AccessibilityIcon", + "AddIcon", + "AdminIcon", + "AlertAltIcon", + "AlertIcon", + "AlignLeftIcon", + "AlignRightIcon", + "AppleIcon", + "ArrowBottomLeftIcon", + "ArrowBottomRightIcon", + "ArrowDownIcon", + "ArrowLeftIcon", + "ArrowRightIcon", + "ArrowSolidDownIcon", + "ArrowSolidLeftIcon", + "ArrowSolidRightIcon", + "ArrowSolidUpIcon", + "ArrowTopLeftIcon", + "ArrowTopRightIcon", + "ArrowUpIcon", + "AzureDevOpsIcon", + "BackIcon", + "BasketIcon", + "BatchAcceptIcon", + "BatchDenyIcon", + "BeakerIcon", + "BellIcon", + "BitbucketIcon", + "BoldIcon", + "BookIcon", + "BookmarkHollowIcon", + "BookmarkIcon", + "BottomBarIcon", + "BottomBarToggleIcon", + "BoxIcon", + "BranchIcon", + "BrowserIcon", + "ButtonIcon", + "CPUIcon", + "CalendarIcon", + "CameraIcon", + "CategoryIcon", + "CertificateIcon", + "ChangedIcon", + "ChatIcon", + "CheckIcon", + "ChevronDownIcon", + "ChevronLeftIcon", + "ChevronRightIcon", + "ChevronSmallDownIcon", + "ChevronSmallLeftIcon", + "ChevronSmallRightIcon", + "ChevronSmallUpIcon", + "ChevronUpIcon", + "ChromaticIcon", + "ChromeIcon", + "CircleHollowIcon", + "CircleIcon", + "ClearIcon", + "CloseAltIcon", + "CloseIcon", + "CloudHollowIcon", + "CloudIcon", + "CogIcon", + "CollapseIcon", + "CommandIcon", + "CommentAddIcon", + "CommentIcon", + "CommentsIcon", + "CommitIcon", + "CompassIcon", + "ComponentDrivenIcon", + "ComponentIcon", + "ContrastIcon", + "ControlsIcon", + "CopyIcon", + "CreditIcon", + "CrossIcon", + "DashboardIcon", + "DatabaseIcon", + "DeleteIcon", + "DiamondIcon", + "DirectionIcon", + "DiscordIcon", + "DocChartIcon", + "DocListIcon", + "DocumentIcon", + "DownloadIcon", + "DragIcon", + "EditIcon", + "EllipsisIcon", + "EmailIcon", + "ExpandAltIcon", + "ExpandIcon", + "EyeCloseIcon", + "EyeIcon", + "FaceHappyIcon", + "FaceNeutralIcon", + "FaceSadIcon", + "FacebookIcon", + "FailedIcon", + "FastForwardIcon", + "FigmaIcon", + "FilterIcon", + "FlagIcon", + "FolderIcon", + "FormIcon", + "GDriveIcon", + "GithubIcon", + "GitlabIcon", + "GlobeIcon", + "GoogleIcon", + "GraphBarIcon", + "GraphLineIcon", + "GraphqlIcon", + "GridAltIcon", + "GridIcon", + "GrowIcon", + "HeartHollowIcon", + "HeartIcon", + "HomeIcon", + "HourglassIcon", + "InfoIcon", + "ItalicIcon", + "JumpToIcon", + "KeyIcon", + "LightningIcon", + "LightningOffIcon", + "LinkBrokenIcon", + "LinkIcon", + "LinkedinIcon", + "LinuxIcon", + "ListOrderedIcon", + "ListUnorderedIcon", + "LocationIcon", + "LockIcon", + "MarkdownIcon", + "MarkupIcon", + "MediumIcon", + "MemoryIcon", + "MenuIcon", + "MergeIcon", + "MirrorIcon", + "MobileIcon", + "MoonIcon", + "NutIcon", + "OutboxIcon", + "OutlineIcon", + "PaintBrushIcon", + "PaperClipIcon", + "ParagraphIcon", + "PassedIcon", + "PhoneIcon", + "PhotoDragIcon", + "PhotoIcon", + "PinAltIcon", + "PinIcon", + "PlayAllHollowIcon", + "PlayBackIcon", + "PlayHollowIcon", + "PlayIcon", + "PlayNextIcon", + "PlusIcon", + "PointerDefaultIcon", + "PointerHandIcon", + "PowerIcon", + "PrintIcon", + "ProceedIcon", + "ProfileIcon", + "PullRequestIcon", + "QuestionIcon", + "RSSIcon", + "RedirectIcon", + "ReduxIcon", + "RefreshIcon", + "ReplyIcon", + "RepoIcon", + "RequestChangeIcon", + "RewindIcon", + "RulerIcon", + "SaveIcon", + "SearchIcon", + "ShareAltIcon", + "ShareIcon", + "ShieldIcon", + "SideBySideIcon", + "SidebarAltIcon", + "SidebarAltToggleIcon", + "SidebarIcon", + "SidebarToggleIcon", + "SpeakerIcon", + "StackedIcon", + "StarHollowIcon", + "StarIcon", + "StatusFailIcon", + "StatusPassIcon", + "StatusWarnIcon", + "StickerIcon", + "StopAltHollowIcon", + "StopAltIcon", + "StopIcon", + "StorybookIcon", + "StructureIcon", + "SubtractIcon", + "SunIcon", + "SupportIcon", + "SwitchAltIcon", + "SyncIcon", + "TabletIcon", + "ThumbsUpIcon", + "TimeIcon", + "TimerIcon", + "TransferIcon", + "TrashIcon", + "TwitterIcon", + "TypeIcon", + "UbuntuIcon", + "UndoIcon", + "UnfoldIcon", + "UnlockIcon", + "UnpinIcon", + "UploadIcon", + "UserAddIcon", + "UserAltIcon", + "UserIcon", + "UsersIcon", + "VSCodeIcon", + "VerifiedIcon", + "VideoIcon", + "WandIcon", + "WatchIcon", + "WindowsIcon", + "WrenchIcon", + "XIcon", + "YoutubeIcon", + "ZoomIcon", + "ZoomOutIcon", + "ZoomResetIcon", + "iconList" + ], + "storybook/internal/components": [ + "A", + "ActionBar", + "AddonPanel", + "Badge", + "Bar", + "Blockquote", + "Button", + "ClipboardCode", + "Code", + "DL", + "Div", + "DocumentWrapper", + "EmptyTabContent", + "ErrorFormatter", + "FlexBar", + "Form", + "H1", + "H2", + "H3", + "H4", + "H5", + "H6", + "HR", + "IconButton", + "IconButtonSkeleton", + "Icons", + "Img", + "LI", + "Link", + "ListItem", + "Loader", + "Modal", + "OL", + "P", + "Placeholder", + "Pre", + "ResetWrapper", + "ScrollArea", + "Separator", + "Spaced", + "Span", + "StorybookIcon", + "StorybookLogo", + "Symbols", + "SyntaxHighlighter", + "TT", + "TabBar", + "TabButton", + "TabWrapper", + "Table", + "Tabs", + "TabsState", + "TooltipLinkList", + "TooltipMessage", + "TooltipNote", + "UL", + "WithTooltip", + "WithTooltipPure", + "Zoom", + "codeCommon", + "components", + "createCopyToClipboardFunction", + "getStoryHref", + "icons", + "interleaveSeparators", + "nameSpaceClassNames", + "resetComponents", + "withReset" + ], + "@storybook/components": [ + "A", + "ActionBar", + "AddonPanel", + "Badge", + "Bar", + "Blockquote", + "Button", + "ClipboardCode", + "Code", + "DL", + "Div", + "DocumentWrapper", + "EmptyTabContent", + "ErrorFormatter", + "FlexBar", + "Form", + "H1", + "H2", + "H3", + "H4", + "H5", + "H6", + "HR", + "IconButton", + "IconButtonSkeleton", + "Icons", + "Img", + "LI", + "Link", + "ListItem", + "Loader", + "Modal", + "OL", + "P", + "Placeholder", + "Pre", + "ResetWrapper", + "ScrollArea", + "Separator", + "Spaced", + "Span", + "StorybookIcon", + "StorybookLogo", + "Symbols", + "SyntaxHighlighter", + "TT", + "TabBar", + "TabButton", + "TabWrapper", + "Table", + "Tabs", + "TabsState", + "TooltipLinkList", + "TooltipMessage", + "TooltipNote", + "UL", + "WithTooltip", + "WithTooltipPure", + "Zoom", + "codeCommon", + "components", + "createCopyToClipboardFunction", + "getStoryHref", + "icons", + "interleaveSeparators", + "nameSpaceClassNames", + "resetComponents", + "withReset" + ], + "@storybook/core/components": [ + "A", + "ActionBar", + "AddonPanel", + "Badge", + "Bar", + "Blockquote", + "Button", + "ClipboardCode", + "Code", + "DL", + "Div", + "DocumentWrapper", + "EmptyTabContent", + "ErrorFormatter", + "FlexBar", + "Form", + "H1", + "H2", + "H3", + "H4", + "H5", + "H6", + "HR", + "IconButton", + "IconButtonSkeleton", + "Icons", + "Img", + "LI", + "Link", + "ListItem", + "Loader", + "Modal", + "OL", + "P", + "Placeholder", + "Pre", + "ResetWrapper", + "ScrollArea", + "Separator", + "Spaced", + "Span", + "StorybookIcon", + "StorybookLogo", + "Symbols", + "SyntaxHighlighter", + "TT", + "TabBar", + "TabButton", + "TabWrapper", + "Table", + "Tabs", + "TabsState", + "TooltipLinkList", + "TooltipMessage", + "TooltipNote", + "UL", + "WithTooltip", + "WithTooltipPure", + "Zoom", + "codeCommon", + "components", + "createCopyToClipboardFunction", + "getStoryHref", + "icons", + "interleaveSeparators", + "nameSpaceClassNames", + "resetComponents", + "withReset" + ], + "storybook/internal/manager-api": [ + "ActiveTabs", + "Consumer", + "ManagerContext", + "Provider", + "RequestResponseError", + "addons", + "combineParameters", + "controlOrMetaKey", + "controlOrMetaSymbol", + "eventMatchesShortcut", + "eventToShortcut", + "experimental_requestResponse", + "isMacLike", + "isShortcutTaken", + "keyToSymbol", + "merge", + "mockChannel", + "optionOrAltSymbol", + "shortcutMatchesShortcut", + "shortcutToHumanString", + "types", + "useAddonState", + "useArgTypes", + "useArgs", + "useChannel", + "useGlobalTypes", + "useGlobals", + "useParameter", + "useSharedState", + "useStoryPrepared", + "useStorybookApi", + "useStorybookState" + ], + "@storybook/manager-api": [ + "ActiveTabs", + "Consumer", + "ManagerContext", + "Provider", + "RequestResponseError", + "addons", + "combineParameters", + "controlOrMetaKey", + "controlOrMetaSymbol", + "eventMatchesShortcut", + "eventToShortcut", + "experimental_requestResponse", + "isMacLike", + "isShortcutTaken", + "keyToSymbol", + "merge", + "mockChannel", + "optionOrAltSymbol", + "shortcutMatchesShortcut", + "shortcutToHumanString", + "types", + "useAddonState", + "useArgTypes", + "useArgs", + "useChannel", + "useGlobalTypes", + "useGlobals", + "useParameter", + "useSharedState", + "useStoryPrepared", + "useStorybookApi", + "useStorybookState" + ], + "@storybook/core/manager-api": [ + "ActiveTabs", + "Consumer", + "ManagerContext", + "Provider", + "RequestResponseError", + "addons", + "combineParameters", + "controlOrMetaKey", + "controlOrMetaSymbol", + "eventMatchesShortcut", + "eventToShortcut", + "experimental_requestResponse", + "isMacLike", + "isShortcutTaken", + "keyToSymbol", + "merge", + "mockChannel", + "optionOrAltSymbol", + "shortcutMatchesShortcut", + "shortcutToHumanString", + "types", + "useAddonState", + "useArgTypes", + "useArgs", + "useChannel", + "useGlobalTypes", + "useGlobals", + "useParameter", + "useSharedState", + "useStoryPrepared", + "useStorybookApi", + "useStorybookState" + ], + "storybook/internal/router": [ + "BaseLocationProvider", + "DEEPLY_EQUAL", + "Link", + "Location", + "LocationProvider", + "Match", + "Route", + "buildArgsParam", + "deepDiff", + "getMatch", + "parsePath", + "queryFromLocation", + "stringifyQuery", + "useNavigate" + ], + "@storybook/router": [ + "BaseLocationProvider", + "DEEPLY_EQUAL", + "Link", + "Location", + "LocationProvider", + "Match", + "Route", + "buildArgsParam", + "deepDiff", + "getMatch", + "parsePath", + "queryFromLocation", + "stringifyQuery", + "useNavigate" + ], + "@storybook/core/router": [ + "BaseLocationProvider", + "DEEPLY_EQUAL", + "Link", + "Location", + "LocationProvider", + "Match", + "Route", + "buildArgsParam", + "deepDiff", + "getMatch", + "parsePath", + "queryFromLocation", + "stringifyQuery", + "useNavigate" + ], + "storybook/internal/theming": [ + "CacheProvider", + "ClassNames", + "Global", + "ThemeProvider", + "background", + "color", + "convert", + "create", + "createCache", + "createGlobal", + "createReset", + "css", + "darken", + "ensure", + "ignoreSsrWarning", + "isPropValid", + "jsx", + "keyframes", + "lighten", + "styled", + "themes", + "typography", + "useTheme", + "withTheme" + ], + "@storybook/theming": [ + "CacheProvider", + "ClassNames", + "Global", + "ThemeProvider", + "background", + "color", + "convert", + "create", + "createCache", + "createGlobal", + "createReset", + "css", + "darken", + "ensure", + "ignoreSsrWarning", + "isPropValid", + "jsx", + "keyframes", + "lighten", + "styled", + "themes", + "typography", + "useTheme", + "withTheme" + ], + "@storybook/core/theming": [ + "CacheProvider", + "ClassNames", + "Global", + "ThemeProvider", + "background", + "color", + "convert", + "create", + "createCache", + "createGlobal", + "createReset", + "css", + "darken", + "ensure", + "ignoreSsrWarning", + "isPropValid", + "jsx", + "keyframes", + "lighten", + "styled", + "themes", + "typography", + "useTheme", + "withTheme" + ], + "storybook/internal/theming/create": ["create", "themes"], + "@storybook/theming/create": ["create", "themes"], + "@storybook/core/theming/create": ["create", "themes"], + "storybook/internal/channels": [ + "Channel", + "PostMessageTransport", + "WebsocketTransport", + "createBrowserChannel" + ], + "@storybook/channels": [ + "Channel", + "PostMessageTransport", + "WebsocketTransport", + "createBrowserChannel" + ], + "@storybook/core/channels": [ + "Channel", + "PostMessageTransport", + "WebsocketTransport", + "createBrowserChannel" + ], + "storybook/internal/core-errors": [ + "ARGTYPES_INFO_REQUEST", + "ARGTYPES_INFO_RESPONSE", + "CHANNEL_CREATED", + "CHANNEL_WS_DISCONNECT", + "CONFIG_ERROR", + "CREATE_NEW_STORYFILE_REQUEST", + "CREATE_NEW_STORYFILE_RESPONSE", + "CURRENT_STORY_WAS_SET", + "DOCS_PREPARED", + "DOCS_RENDERED", + "FILE_COMPONENT_SEARCH_REQUEST", + "FILE_COMPONENT_SEARCH_RESPONSE", + "FORCE_REMOUNT", + "FORCE_RE_RENDER", + "GLOBALS_UPDATED", + "NAVIGATE_URL", + "PLAY_FUNCTION_THREW_EXCEPTION", + "PRELOAD_ENTRIES", + "PREVIEW_BUILDER_PROGRESS", + "PREVIEW_KEYDOWN", + "REGISTER_SUBSCRIPTION", + "REQUEST_WHATS_NEW_DATA", + "RESET_STORY_ARGS", + "RESULT_WHATS_NEW_DATA", + "SAVE_STORY_REQUEST", + "SAVE_STORY_RESPONSE", + "SELECT_STORY", + "SET_CONFIG", + "SET_CURRENT_STORY", + "SET_FILTER", + "SET_GLOBALS", + "SET_INDEX", + "SET_STORIES", + "SET_WHATS_NEW_CACHE", + "SHARED_STATE_CHANGED", + "SHARED_STATE_SET", + "STORIES_COLLAPSE_ALL", + "STORIES_EXPAND_ALL", + "STORY_ARGS_UPDATED", + "STORY_CHANGED", + "STORY_ERRORED", + "STORY_INDEX_INVALIDATED", + "STORY_MISSING", + "STORY_PREPARED", + "STORY_RENDERED", + "STORY_RENDER_PHASE_CHANGED", + "STORY_SPECIFIED", + "STORY_THREW_EXCEPTION", + "STORY_UNCHANGED", + "TELEMETRY_ERROR", + "TESTING_MODULE_CANCEL_TEST_RUN_REQUEST", + "TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE", + "TESTING_MODULE_CRASH_REPORT", + "TESTING_MODULE_PROGRESS_REPORT", + "TESTING_MODULE_RUN_ALL_REQUEST", + "TESTING_MODULE_RUN_REQUEST", + "TESTING_MODULE_WATCH_MODE_REQUEST", + "TOGGLE_WHATS_NEW_NOTIFICATIONS", + "UNHANDLED_ERRORS_WHILE_PLAYING", + "UPDATE_GLOBALS", + "UPDATE_QUERY_PARAMS", + "UPDATE_STORY_ARGS" + ], + "@storybook/core-events": [ + "ARGTYPES_INFO_REQUEST", + "ARGTYPES_INFO_RESPONSE", + "CHANNEL_CREATED", + "CHANNEL_WS_DISCONNECT", + "CONFIG_ERROR", + "CREATE_NEW_STORYFILE_REQUEST", + "CREATE_NEW_STORYFILE_RESPONSE", + "CURRENT_STORY_WAS_SET", + "DOCS_PREPARED", + "DOCS_RENDERED", + "FILE_COMPONENT_SEARCH_REQUEST", + "FILE_COMPONENT_SEARCH_RESPONSE", + "FORCE_REMOUNT", + "FORCE_RE_RENDER", + "GLOBALS_UPDATED", + "NAVIGATE_URL", + "PLAY_FUNCTION_THREW_EXCEPTION", + "PRELOAD_ENTRIES", + "PREVIEW_BUILDER_PROGRESS", + "PREVIEW_KEYDOWN", + "REGISTER_SUBSCRIPTION", + "REQUEST_WHATS_NEW_DATA", + "RESET_STORY_ARGS", + "RESULT_WHATS_NEW_DATA", + "SAVE_STORY_REQUEST", + "SAVE_STORY_RESPONSE", + "SELECT_STORY", + "SET_CONFIG", + "SET_CURRENT_STORY", + "SET_FILTER", + "SET_GLOBALS", + "SET_INDEX", + "SET_STORIES", + "SET_WHATS_NEW_CACHE", + "SHARED_STATE_CHANGED", + "SHARED_STATE_SET", + "STORIES_COLLAPSE_ALL", + "STORIES_EXPAND_ALL", + "STORY_ARGS_UPDATED", + "STORY_CHANGED", + "STORY_ERRORED", + "STORY_INDEX_INVALIDATED", + "STORY_MISSING", + "STORY_PREPARED", + "STORY_RENDERED", + "STORY_RENDER_PHASE_CHANGED", + "STORY_SPECIFIED", + "STORY_THREW_EXCEPTION", + "STORY_UNCHANGED", + "TELEMETRY_ERROR", + "TESTING_MODULE_CANCEL_TEST_RUN_REQUEST", + "TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE", + "TESTING_MODULE_CRASH_REPORT", + "TESTING_MODULE_PROGRESS_REPORT", + "TESTING_MODULE_RUN_ALL_REQUEST", + "TESTING_MODULE_RUN_REQUEST", + "TESTING_MODULE_WATCH_MODE_REQUEST", + "TOGGLE_WHATS_NEW_NOTIFICATIONS", + "UNHANDLED_ERRORS_WHILE_PLAYING", + "UPDATE_GLOBALS", + "UPDATE_QUERY_PARAMS", + "UPDATE_STORY_ARGS" + ], + "@storybook/core/core-events": [ + "ARGTYPES_INFO_REQUEST", + "ARGTYPES_INFO_RESPONSE", + "CHANNEL_CREATED", + "CHANNEL_WS_DISCONNECT", + "CONFIG_ERROR", + "CREATE_NEW_STORYFILE_REQUEST", + "CREATE_NEW_STORYFILE_RESPONSE", + "CURRENT_STORY_WAS_SET", + "DOCS_PREPARED", + "DOCS_RENDERED", + "FILE_COMPONENT_SEARCH_REQUEST", + "FILE_COMPONENT_SEARCH_RESPONSE", + "FORCE_REMOUNT", + "FORCE_RE_RENDER", + "GLOBALS_UPDATED", + "NAVIGATE_URL", + "PLAY_FUNCTION_THREW_EXCEPTION", + "PRELOAD_ENTRIES", + "PREVIEW_BUILDER_PROGRESS", + "PREVIEW_KEYDOWN", + "REGISTER_SUBSCRIPTION", + "REQUEST_WHATS_NEW_DATA", + "RESET_STORY_ARGS", + "RESULT_WHATS_NEW_DATA", + "SAVE_STORY_REQUEST", + "SAVE_STORY_RESPONSE", + "SELECT_STORY", + "SET_CONFIG", + "SET_CURRENT_STORY", + "SET_FILTER", + "SET_GLOBALS", + "SET_INDEX", + "SET_STORIES", + "SET_WHATS_NEW_CACHE", + "SHARED_STATE_CHANGED", + "SHARED_STATE_SET", + "STORIES_COLLAPSE_ALL", + "STORIES_EXPAND_ALL", + "STORY_ARGS_UPDATED", + "STORY_CHANGED", + "STORY_ERRORED", + "STORY_INDEX_INVALIDATED", + "STORY_MISSING", + "STORY_PREPARED", + "STORY_RENDERED", + "STORY_RENDER_PHASE_CHANGED", + "STORY_SPECIFIED", + "STORY_THREW_EXCEPTION", + "STORY_UNCHANGED", + "TELEMETRY_ERROR", + "TESTING_MODULE_CANCEL_TEST_RUN_REQUEST", + "TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE", + "TESTING_MODULE_CRASH_REPORT", + "TESTING_MODULE_PROGRESS_REPORT", + "TESTING_MODULE_RUN_ALL_REQUEST", + "TESTING_MODULE_RUN_REQUEST", + "TESTING_MODULE_WATCH_MODE_REQUEST", + "TOGGLE_WHATS_NEW_NOTIFICATIONS", + "UNHANDLED_ERRORS_WHILE_PLAYING", + "UPDATE_GLOBALS", + "UPDATE_QUERY_PARAMS", + "UPDATE_STORY_ARGS" + ], + "storybook/internal/types": ["Addon_TypesEnum"], + "@storybook/types": ["Addon_TypesEnum"], + "@storybook/core/types": ["Addon_TypesEnum"], + "storybook/internal/manager-errors": [ + "Category", + "ProviderDoesNotExtendBaseProviderError", + "UncaughtManagerError" + ], + "@storybook/core-events/manager-errors": [ + "Category", + "ProviderDoesNotExtendBaseProviderError", + "UncaughtManagerError" + ], + "@storybook/core/manager-errors": [ + "Category", + "ProviderDoesNotExtendBaseProviderError", + "UncaughtManagerError" + ], + "storybook/internal/client-logger": ["deprecate", "logger", "once", "pretty"], + "@storybook/client-logger": ["deprecate", "logger", "once", "pretty"], + "@storybook/core/client-logger": ["deprecate", "logger", "once", "pretty"] +}; + +// src/manager/globals/globals.ts +var e = { + react: "__REACT__", + "react-dom": "__REACT_DOM__", + "react-dom/client": "__REACT_DOM_CLIENT__", + "@storybook/icons": "__STORYBOOK_ICONS__", + "storybook/internal/manager-api": "__STORYBOOK_API__", + "@storybook/manager-api": "__STORYBOOK_API__", + "@storybook/core/manager-api": "__STORYBOOK_API__", + "storybook/internal/components": "__STORYBOOK_COMPONENTS__", + "@storybook/components": "__STORYBOOK_COMPONENTS__", + "@storybook/core/components": "__STORYBOOK_COMPONENTS__", + "storybook/internal/channels": "__STORYBOOK_CHANNELS__", + "@storybook/channels": "__STORYBOOK_CHANNELS__", + "@storybook/core/channels": "__STORYBOOK_CHANNELS__", + "storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core-events": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core/core-events": "__STORYBOOK_CORE_EVENTS__", + "storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core-events/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "storybook/internal/router": "__STORYBOOK_ROUTER__", + "@storybook/router": "__STORYBOOK_ROUTER__", + "@storybook/core/router": "__STORYBOOK_ROUTER__", + "storybook/internal/theming": "__STORYBOOK_THEMING__", + "@storybook/theming": "__STORYBOOK_THEMING__", + "@storybook/core/theming": "__STORYBOOK_THEMING__", + "storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/core/theming/create": "__STORYBOOK_THEMING_CREATE__", + "storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/core/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "storybook/internal/types": "__STORYBOOK_TYPES__", + "@storybook/types": "__STORYBOOK_TYPES__", + "@storybook/core/types": "__STORYBOOK_TYPES__" +}, n = Object.keys(e); + +// src/manager/globals/globals-module-info.ts +var S = n.reduce( + (r, o) => (r[o] = { + type: "esm", + varName: e[o], + namedExports: t[o], + defaultExport: !0 + }, r), + {} +); +export { + S as globalsModuleInfoMap +}; diff --git a/sb-manager/globals-runtime.js b/sb-manager/globals-runtime.js new file mode 100644 index 00000000000000..b5b886c2f5708e --- /dev/null +++ b/sb-manager/globals-runtime.js @@ -0,0 +1,40861 @@ +var LM = Object.create; +var cd = Object.defineProperty; +var NM = Object.getOwnPropertyDescriptor; +var MM = Object.getOwnPropertyNames; +var BM = Object.getPrototypeOf, $M = Object.prototype.hasOwnProperty; +var a = (e, t) => cd(e, "name", { value: t, configurable: !0 }), uc = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < +"u" ? new Proxy(e, { + get: (t, r) => (typeof require < "u" ? require : t)[r] +}) : e)(function(e) { + if (typeof require < "u") return require.apply(this, arguments); + throw Error('Dynamic require of "' + e + '" is not supported'); +}); +var T = (e, t) => () => (e && (t = e(e = 0)), t); +var F = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), he = (e, t) => { + for (var r in t) + cd(e, r, { get: t[r], enumerable: !0 }); +}, zM = (e, t, r, n) => { + if (t && typeof t == "object" || typeof t == "function") + for (let o of MM(t)) + !$M.call(e, o) && o !== r && cd(e, o, { get: () => t[o], enumerable: !(n = NM(t, o)) || n.enumerable }); + return e; +}; +var I = (e, t, r) => (r = e != null ? LM(BM(e)) : {}, zM( + // If the importer is in node compatibility mode or this is not an ESM + // file that has been converted to a CommonJS file using a Babel- + // compatible transform (i.e. "__esModule" has not been set), then set + // "default" to the CommonJS "module.exports" for node compatibility. + t || !e || !e.__esModule ? cd(r, "default", { value: e, enumerable: !0 }) : r, + e +)); + +// ../node_modules/@storybook/global/dist/index.mjs +var H, We = T(() => { + H = (() => { + let e; + return typeof window < "u" ? e = window : typeof globalThis < "u" ? e = globalThis : typeof global < "u" ? e = global : typeof self < "u" ? + e = self : e = {}, e; + })(); +}); + +// ../node_modules/react/cjs/react.production.min.js +var Ub = F((se) => { + "use strict"; + var mc = Symbol.for("react.element"), mB = Symbol.for("react.portal"), gB = Symbol.for("react.fragment"), vB = Symbol.for("react.strict_mo\ +de"), yB = Symbol.for("react.profiler"), wB = Symbol.for("react.provider"), bB = Symbol.for("react.context"), SB = Symbol.for("react.forward\ +_ref"), EB = Symbol.for("react.suspense"), xB = Symbol.for("react.memo"), CB = Symbol.for("react.lazy"), Ob = Symbol.iterator; + function DB(e) { + return e === null || typeof e != "object" ? null : (e = Ob && e[Ob] || e["@@iterator"], typeof e == "function" ? e : null); + } + a(DB, "A"); + var Mb = { isMounted: /* @__PURE__ */ a(function() { + return !1; + }, "isMounted"), enqueueForceUpdate: /* @__PURE__ */ a(function() { + }, "enqueueForceUpdate"), enqueueReplaceState: /* @__PURE__ */ a(function() { + }, "enqueueReplaceState"), enqueueSetState: /* @__PURE__ */ a(function() { + }, "enqueueSetState") }, Bb = Object.assign, $b = {}; + function ms(e, t, r) { + this.props = e, this.context = t, this.refs = $b, this.updater = r || Mb; + } + a(ms, "E"); + ms.prototype.isReactComponent = {}; + ms.prototype.setState = function(e, t) { + if (typeof e != "object" && typeof e != "function" && e != null) throw Error("setState(...): takes an object of state variables to updat\ +e or a function which returns an object of state variables."); + this.updater.enqueueSetState(this, e, t, "setState"); + }; + ms.prototype.forceUpdate = function(e) { + this.updater.enqueueForceUpdate(this, e, "forceUpdate"); + }; + function zb() { + } + a(zb, "F"); + zb.prototype = ms.prototype; + function c2(e, t, r) { + this.props = e, this.context = t, this.refs = $b, this.updater = r || Mb; + } + a(c2, "G"); + var p2 = c2.prototype = new zb(); + p2.constructor = c2; + Bb(p2, ms.prototype); + p2.isPureReactComponent = !0; + var Lb = Array.isArray, Hb = Object.prototype.hasOwnProperty, f2 = { current: null }, jb = { key: !0, ref: !0, __self: !0, __source: !0 }; + function Vb(e, t, r) { + var n, o = {}, i = null, s = null; + if (t != null) for (n in t.ref !== void 0 && (s = t.ref), t.key !== void 0 && (i = "" + t.key), t) Hb.call(t, n) && !jb.hasOwnProperty(n) && + (o[n] = t[n]); + var l = arguments.length - 2; + if (l === 1) o.children = r; + else if (1 < l) { + for (var u = Array(l), c = 0; c < l; c++) u[c] = arguments[c + 2]; + o.children = u; + } + if (e && e.defaultProps) for (n in l = e.defaultProps, l) o[n] === void 0 && (o[n] = l[n]); + return { $$typeof: mc, type: e, key: i, ref: s, props: o, _owner: f2.current }; + } + a(Vb, "M"); + function RB(e, t) { + return { $$typeof: mc, type: e.type, key: t, ref: e.ref, props: e.props, _owner: e._owner }; + } + a(RB, "N"); + function d2(e) { + return typeof e == "object" && e !== null && e.$$typeof === mc; + } + a(d2, "O"); + function AB(e) { + var t = { "=": "=0", ":": "=2" }; + return "$" + e.replace(/[=:]/g, function(r) { + return t[r]; + }); + } + a(AB, "escape"); + var Nb = /\/+/g; + function u2(e, t) { + return typeof e == "object" && e !== null && e.key != null ? AB("" + e.key) : t.toString(36); + } + a(u2, "Q"); + function dd(e, t, r, n, o) { + var i = typeof e; + (i === "undefined" || i === "boolean") && (e = null); + var s = !1; + if (e === null) s = !0; + else switch (i) { + case "string": + case "number": + s = !0; + break; + case "object": + switch (e.$$typeof) { + case mc: + case mB: + s = !0; + } + } + if (s) return s = e, o = o(s), e = n === "" ? "." + u2(s, 0) : n, Lb(o) ? (r = "", e != null && (r = e.replace(Nb, "$&/") + "/"), dd(o, t, + r, "", function(c) { + return c; + })) : o != null && (d2(o) && (o = RB(o, r + (!o.key || s && s.key === o.key ? "" : ("" + o.key).replace(Nb, "$&/") + "/") + e)), t.push( + o)), 1; + if (s = 0, n = n === "" ? "." : n + ":", Lb(e)) for (var l = 0; l < e.length; l++) { + i = e[l]; + var u = n + u2(i, l); + s += dd(i, t, r, u, o); + } + else if (u = DB(e), typeof u == "function") for (e = u.call(e), l = 0; !(i = e.next()).done; ) i = i.value, u = n + u2(i, l++), s += dd( + i, t, r, u, o); + else if (i === "object") throw t = String(e), Error("Objects are not valid as a React child (found: " + (t === "[object Object]" ? "obje\ +ct with keys {" + Object.keys(e).join(", ") + "}" : t) + "). If you meant to render a collection of children, use an array instead."); + return s; + } + a(dd, "R"); + function fd(e, t, r) { + if (e == null) return e; + var n = [], o = 0; + return dd(e, n, "", "", function(i) { + return t.call(r, i, o++); + }), n; + } + a(fd, "S"); + function _B(e) { + if (e._status === -1) { + var t = e._result; + t = t(), t.then(function(r) { + (e._status === 0 || e._status === -1) && (e._status = 1, e._result = r); + }, function(r) { + (e._status === 0 || e._status === -1) && (e._status = 2, e._result = r); + }), e._status === -1 && (e._status = 0, e._result = t); + } + if (e._status === 1) return e._result.default; + throw e._result; + } + a(_B, "T"); + var Bt = { current: null }, hd = { transition: null }, TB = { ReactCurrentDispatcher: Bt, ReactCurrentBatchConfig: hd, ReactCurrentOwner: f2 }; + se.Children = { map: fd, forEach: /* @__PURE__ */ a(function(e, t, r) { + fd(e, function() { + t.apply(this, arguments); + }, r); + }, "forEach"), count: /* @__PURE__ */ a(function(e) { + var t = 0; + return fd(e, function() { + t++; + }), t; + }, "count"), toArray: /* @__PURE__ */ a(function(e) { + return fd(e, function(t) { + return t; + }) || []; + }, "toArray"), only: /* @__PURE__ */ a(function(e) { + if (!d2(e)) throw Error("React.Children.only expected to receive a single React element child."); + return e; + }, "only") }; + se.Component = ms; + se.Fragment = gB; + se.Profiler = yB; + se.PureComponent = c2; + se.StrictMode = vB; + se.Suspense = EB; + se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = TB; + se.cloneElement = function(e, t, r) { + if (e == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + "."); + var n = Bb({}, e.props), o = e.key, i = e.ref, s = e._owner; + if (t != null) { + if (t.ref !== void 0 && (i = t.ref, s = f2.current), t.key !== void 0 && (o = "" + t.key), e.type && e.type.defaultProps) var l = e.type. + defaultProps; + for (u in t) Hb.call(t, u) && !jb.hasOwnProperty(u) && (n[u] = t[u] === void 0 && l !== void 0 ? l[u] : t[u]); + } + var u = arguments.length - 2; + if (u === 1) n.children = r; + else if (1 < u) { + l = Array(u); + for (var c = 0; c < u; c++) l[c] = arguments[c + 2]; + n.children = l; + } + return { $$typeof: mc, type: e.type, key: o, ref: i, props: n, _owner: s }; + }; + se.createContext = function(e) { + return e = { $$typeof: bB, _currentValue: e, _currentValue2: e, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, + e.Provider = { $$typeof: wB, _context: e }, e.Consumer = e; + }; + se.createElement = Vb; + se.createFactory = function(e) { + var t = Vb.bind(null, e); + return t.type = e, t; + }; + se.createRef = function() { + return { current: null }; + }; + se.forwardRef = function(e) { + return { $$typeof: SB, render: e }; + }; + se.isValidElement = d2; + se.lazy = function(e) { + return { $$typeof: CB, _payload: { _status: -1, _result: e }, _init: _B }; + }; + se.memo = function(e, t) { + return { $$typeof: xB, type: e, compare: t === void 0 ? null : t }; + }; + se.startTransition = function(e) { + var t = hd.transition; + hd.transition = {}; + try { + e(); + } finally { + hd.transition = t; + } + }; + se.unstable_act = function() { + throw Error("act(...) is not supported in production builds of React."); + }; + se.useCallback = function(e, t) { + return Bt.current.useCallback(e, t); + }; + se.useContext = function(e) { + return Bt.current.useContext(e); + }; + se.useDebugValue = function() { + }; + se.useDeferredValue = function(e) { + return Bt.current.useDeferredValue(e); + }; + se.useEffect = function(e, t) { + return Bt.current.useEffect(e, t); + }; + se.useId = function() { + return Bt.current.useId(); + }; + se.useImperativeHandle = function(e, t, r) { + return Bt.current.useImperativeHandle(e, t, r); + }; + se.useInsertionEffect = function(e, t) { + return Bt.current.useInsertionEffect(e, t); + }; + se.useLayoutEffect = function(e, t) { + return Bt.current.useLayoutEffect(e, t); + }; + se.useMemo = function(e, t) { + return Bt.current.useMemo(e, t); + }; + se.useReducer = function(e, t, r) { + return Bt.current.useReducer(e, t, r); + }; + se.useRef = function(e) { + return Bt.current.useRef(e); + }; + se.useState = function(e) { + return Bt.current.useState(e); + }; + se.useSyncExternalStore = function(e, t, r) { + return Bt.current.useSyncExternalStore(e, t, r); + }; + se.useTransition = function() { + return Bt.current.useTransition(); + }; + se.version = "18.2.0"; +}); + +// ../node_modules/react/index.js +var O = F(($0e, Wb) => { + "use strict"; + Wb.exports = Ub(); +}); + +// ../node_modules/scheduler/cjs/scheduler.production.min.js +var tS = F((Ee) => { + "use strict"; + function v2(e, t) { + var r = e.length; + e.push(t); + e: for (; 0 < r; ) { + var n = r - 1 >>> 1, o = e[n]; + if (0 < md(o, t)) e[n] = t, e[r] = o, r = n; + else break e; + } + } + a(v2, "f"); + function an(e) { + return e.length === 0 ? null : e[0]; + } + a(an, "h"); + function vd(e) { + if (e.length === 0) return null; + var t = e[0], r = e.pop(); + if (r !== t) { + e[0] = r; + e: for (var n = 0, o = e.length, i = o >>> 1; n < i; ) { + var s = 2 * (n + 1) - 1, l = e[s], u = s + 1, c = e[u]; + if (0 > md(l, r)) u < o && 0 > md(c, l) ? (e[n] = c, e[u] = r, n = u) : (e[n] = l, e[s] = r, n = s); + else if (u < o && 0 > md(c, r)) e[n] = c, e[u] = r, n = u; + else break e; + } + } + return t; + } + a(vd, "k"); + function md(e, t) { + var r = e.sortIndex - t.sortIndex; + return r !== 0 ? r : e.id - t.id; + } + a(md, "g"); + typeof performance == "object" && typeof performance.now == "function" ? (qb = performance, Ee.unstable_now = function() { + return qb.now(); + }) : (h2 = Date, Gb = h2.now(), Ee.unstable_now = function() { + return h2.now() - Gb; + }); + var qb, h2, Gb, On = [], Ko = [], kB = 1, Fr = null, _t = 3, yd = !1, ei = !1, vc = !1, Xb = typeof setTimeout == "function" ? setTimeout : + null, Qb = typeof clearTimeout == "function" ? clearTimeout : null, Yb = typeof setImmediate < "u" ? setImmediate : null; + typeof navigator < "u" && navigator.scheduling !== void 0 && navigator.scheduling.isInputPending !== void 0 && navigator.scheduling.isInputPending. + bind(navigator.scheduling); + function y2(e) { + for (var t = an(Ko); t !== null; ) { + if (t.callback === null) vd(Ko); + else if (t.startTime <= e) vd(Ko), t.sortIndex = t.expirationTime, v2(On, t); + else break; + t = an(Ko); + } + } + a(y2, "G"); + function w2(e) { + if (vc = !1, y2(e), !ei) if (an(On) !== null) ei = !0, S2(b2); + else { + var t = an(Ko); + t !== null && E2(w2, t.startTime - e); + } + } + a(w2, "H"); + function b2(e, t) { + ei = !1, vc && (vc = !1, Qb(yc), yc = -1), yd = !0; + var r = _t; + try { + for (y2(t), Fr = an(On); Fr !== null && (!(Fr.expirationTime > t) || e && !eS()); ) { + var n = Fr.callback; + if (typeof n == "function") { + Fr.callback = null, _t = Fr.priorityLevel; + var o = n(Fr.expirationTime <= t); + t = Ee.unstable_now(), typeof o == "function" ? Fr.callback = o : Fr === an(On) && vd(On), y2(t); + } else vd(On); + Fr = an(On); + } + if (Fr !== null) var i = !0; + else { + var s = an(Ko); + s !== null && E2(w2, s.startTime - t), i = !1; + } + return i; + } finally { + Fr = null, _t = r, yd = !1; + } + } + a(b2, "J"); + var wd = !1, gd = null, yc = -1, Jb = 5, Zb = -1; + function eS() { + return !(Ee.unstable_now() - Zb < Jb); + } + a(eS, "M"); + function m2() { + if (gd !== null) { + var e = Ee.unstable_now(); + Zb = e; + var t = !0; + try { + t = gd(!0, e); + } finally { + t ? gc() : (wd = !1, gd = null); + } + } else wd = !1; + } + a(m2, "R"); + var gc; + typeof Yb == "function" ? gc = /* @__PURE__ */ a(function() { + Yb(m2); + }, "S") : typeof MessageChannel < "u" ? (g2 = new MessageChannel(), Kb = g2.port2, g2.port1.onmessage = m2, gc = /* @__PURE__ */ a(function() { + Kb.postMessage(null); + }, "S")) : gc = /* @__PURE__ */ a(function() { + Xb(m2, 0); + }, "S"); + var g2, Kb; + function S2(e) { + gd = e, wd || (wd = !0, gc()); + } + a(S2, "I"); + function E2(e, t) { + yc = Xb(function() { + e(Ee.unstable_now()); + }, t); + } + a(E2, "K"); + Ee.unstable_IdlePriority = 5; + Ee.unstable_ImmediatePriority = 1; + Ee.unstable_LowPriority = 4; + Ee.unstable_NormalPriority = 3; + Ee.unstable_Profiling = null; + Ee.unstable_UserBlockingPriority = 2; + Ee.unstable_cancelCallback = function(e) { + e.callback = null; + }; + Ee.unstable_continueExecution = function() { + ei || yd || (ei = !0, S2(b2)); + }; + Ee.unstable_forceFrameRate = function(e) { + 0 > e || 125 < e ? console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not \ +supported") : Jb = 0 < e ? Math.floor(1e3 / e) : 5; + }; + Ee.unstable_getCurrentPriorityLevel = function() { + return _t; + }; + Ee.unstable_getFirstCallbackNode = function() { + return an(On); + }; + Ee.unstable_next = function(e) { + switch (_t) { + case 1: + case 2: + case 3: + var t = 3; + break; + default: + t = _t; + } + var r = _t; + _t = t; + try { + return e(); + } finally { + _t = r; + } + }; + Ee.unstable_pauseExecution = function() { + }; + Ee.unstable_requestPaint = function() { + }; + Ee.unstable_runWithPriority = function(e, t) { + switch (e) { + case 1: + case 2: + case 3: + case 4: + case 5: + break; + default: + e = 3; + } + var r = _t; + _t = e; + try { + return t(); + } finally { + _t = r; + } + }; + Ee.unstable_scheduleCallback = function(e, t, r) { + var n = Ee.unstable_now(); + switch (typeof r == "object" && r !== null ? (r = r.delay, r = typeof r == "number" && 0 < r ? n + r : n) : r = n, e) { + case 1: + var o = -1; + break; + case 2: + o = 250; + break; + case 5: + o = 1073741823; + break; + case 4: + o = 1e4; + break; + default: + o = 5e3; + } + return o = r + o, e = { id: kB++, callback: t, priorityLevel: e, startTime: r, expirationTime: o, sortIndex: -1 }, r > n ? (e.sortIndex = + r, v2(Ko, e), an(On) === null && e === an(Ko) && (vc ? (Qb(yc), yc = -1) : vc = !0, E2(w2, r - n))) : (e.sortIndex = o, v2(On, e), ei || + yd || (ei = !0, S2(b2))), e; + }; + Ee.unstable_shouldYield = eS; + Ee.unstable_wrapCallback = function(e) { + var t = _t; + return function() { + var r = _t; + _t = t; + try { + return e.apply(this, arguments); + } finally { + _t = r; + } + }; + }; +}); + +// ../node_modules/scheduler/index.js +var nS = F((j0e, rS) => { + "use strict"; + rS.exports = tS(); +}); + +// ../node_modules/react-dom/cjs/react-dom.production.min.js +var ux = F((Er) => { + "use strict"; + var cE = O(), br = nS(); + function M(e) { + for (var t = "https://reactjs.org/docs/error-decoder.html?invariant=" + e, r = 1; r < arguments.length; r++) t += "&args[]=" + encodeURIComponent( + arguments[r]); + return "Minified React error #" + e + "; visit " + t + " for the full message or use the non-minified dev environment for full errors an\ +d additional helpful warnings."; + } + a(M, "p"); + var pE = /* @__PURE__ */ new Set(), zc = {}; + function di(e, t) { + Ns(e, t), Ns(e + "Capture", t); + } + a(di, "fa"); + function Ns(e, t) { + for (zc[e] = t, e = 0; e < t.length; e++) pE.add(t[e]); + } + a(Ns, "ha"); + var go = !(typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u"), W2 = Object.prototype.hasOwnProperty, + IB = /^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/, + oS = {}, aS = {}; + function PB(e) { + return W2.call(aS, e) ? !0 : W2.call(oS, e) ? !1 : IB.test(e) ? aS[e] = !0 : (oS[e] = !0, !1); + } + a(PB, "oa"); + function FB(e, t, r, n) { + if (r !== null && r.type === 0) return !1; + switch (typeof t) { + case "function": + case "symbol": + return !0; + case "boolean": + return n ? !1 : r !== null ? !r.acceptsBooleans : (e = e.toLowerCase().slice(0, 5), e !== "data-" && e !== "aria-"); + default: + return !1; + } + } + a(FB, "pa"); + function OB(e, t, r, n) { + if (t === null || typeof t > "u" || FB(e, t, r, n)) return !0; + if (n) return !1; + if (r !== null) switch (r.type) { + case 3: + return !t; + case 4: + return t === !1; + case 5: + return isNaN(t); + case 6: + return isNaN(t) || 1 > t; + } + return !1; + } + a(OB, "qa"); + function Ht(e, t, r, n, o, i, s) { + this.acceptsBooleans = t === 2 || t === 3 || t === 4, this.attributeName = n, this.attributeNamespace = o, this.mustUseProperty = r, this. + propertyName = e, this.type = t, this.sanitizeURL = i, this.removeEmptyString = s; + } + a(Ht, "v"); + var St = {}; + "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split( + " ").forEach(function(e) { + St[e] = new Ht(e, 0, !1, e, null, !1, !1); + }); + [["acceptCharset", "accept-charset"], ["className", "class"], ["htmlFor", "for"], ["httpEquiv", "http-equiv"]].forEach(function(e) { + var t = e[0]; + St[t] = new Ht(t, 1, !1, e[1], null, !1, !1); + }); + ["contentEditable", "draggable", "spellCheck", "value"].forEach(function(e) { + St[e] = new Ht(e, 2, !1, e.toLowerCase(), null, !1, !1); + }); + ["autoReverse", "externalResourcesRequired", "focusable", "preserveAlpha"].forEach(function(e) { + St[e] = new Ht(e, 2, !1, e, null, !1, !1); + }); + "allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hid\ +den loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e) { + St[e] = new Ht(e, 3, !1, e.toLowerCase(), null, !1, !1); + }); + ["checked", "multiple", "muted", "selected"].forEach(function(e) { + St[e] = new Ht(e, 3, !0, e, null, !1, !1); + }); + ["capture", "download"].forEach(function(e) { + St[e] = new Ht(e, 4, !1, e, null, !1, !1); + }); + ["cols", "rows", "size", "span"].forEach(function(e) { + St[e] = new Ht(e, 6, !1, e, null, !1, !1); + }); + ["rowSpan", "start"].forEach(function(e) { + St[e] = new Ht(e, 5, !1, e.toLowerCase(), null, !1, !1); + }); + var M5 = /[\-:]([a-z])/g; + function B5(e) { + return e[1].toUpperCase(); + } + a(B5, "sa"); + "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filter\ +s color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size f\ +ont-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-ad\ +v-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness pai\ +nt-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness str\ +oke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration tex\ +t-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematic\ +al vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e) { + var t = e.replace( + M5, + B5 + ); + St[t] = new Ht(t, 1, !1, e, null, !1, !1); + }); + "xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e) { + var t = e.replace(M5, B5); + St[t] = new Ht(t, 1, !1, e, "http://www.w3.org/1999/xlink", !1, !1); + }); + ["xml:base", "xml:lang", "xml:space"].forEach(function(e) { + var t = e.replace(M5, B5); + St[t] = new Ht(t, 1, !1, e, "http://www.w3.org/XML/1998/namespace", !1, !1); + }); + ["tabIndex", "crossOrigin"].forEach(function(e) { + St[e] = new Ht(e, 1, !1, e.toLowerCase(), null, !1, !1); + }); + St.xlinkHref = new Ht("xlinkHref", 1, !1, "xlink:href", "http://www.w3.org/1999/xlink", !0, !1); + ["src", "href", "action", "formAction"].forEach(function(e) { + St[e] = new Ht(e, 1, !1, e.toLowerCase(), null, !0, !0); + }); + function $5(e, t, r, n) { + var o = St.hasOwnProperty(t) ? St[t] : null; + (o !== null ? o.type !== 0 : n || !(2 < t.length) || t[0] !== "o" && t[0] !== "O" || t[1] !== "n" && t[1] !== "N") && (OB(t, r, o, n) && + (r = null), n || o === null ? PB(t) && (r === null ? e.removeAttribute(t) : e.setAttribute(t, "" + r)) : o.mustUseProperty ? e[o.propertyName] = + r === null ? o.type === 3 ? !1 : "" : r : (t = o.attributeName, n = o.attributeNamespace, r === null ? e.removeAttribute(t) : (o = o.type, + r = o === 3 || o === 4 && r === !0 ? "" : "" + r, n ? e.setAttributeNS(n, t, r) : e.setAttribute(t, r)))); + } + a($5, "ta"); + var bo = cE.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, bd = Symbol.for("react.element"), ys = Symbol.for("react.portal"), ws = Symbol. + for("react.fragment"), z5 = Symbol.for("react.strict_mode"), q2 = Symbol.for("react.profiler"), fE = Symbol.for("react.provider"), dE = Symbol. + for("react.context"), H5 = Symbol.for("react.forward_ref"), G2 = Symbol.for("react.suspense"), Y2 = Symbol.for("react.suspense_list"), j5 = Symbol. + for("react.memo"), Qo = Symbol.for("react.lazy"); + Symbol.for("react.scope"); + Symbol.for("react.debug_trace_mode"); + var hE = Symbol.for("react.offscreen"); + Symbol.for("react.legacy_hidden"); + Symbol.for("react.cache"); + Symbol.for("react.tracing_marker"); + var iS = Symbol.iterator; + function wc(e) { + return e === null || typeof e != "object" ? null : (e = iS && e[iS] || e["@@iterator"], typeof e == "function" ? e : null); + } + a(wc, "Ka"); + var Ne = Object.assign, x2; + function Ac(e) { + if (x2 === void 0) try { + throw Error(); + } catch (r) { + var t = r.stack.trim().match(/\n( *(at )?)/); + x2 = t && t[1] || ""; + } + return ` +` + x2 + e; + } + a(Ac, "Ma"); + var C2 = !1; + function D2(e, t) { + if (!e || C2) return ""; + C2 = !0; + var r = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + try { + if (t) if (t = /* @__PURE__ */ a(function() { + throw Error(); + }, "b"), Object.defineProperty(t.prototype, "props", { set: /* @__PURE__ */ a(function() { + throw Error(); + }, "set") }), typeof Reflect == "object" && Reflect.construct) { + try { + Reflect.construct(t, []); + } catch (c) { + var n = c; + } + Reflect.construct(e, [], t); + } else { + try { + t.call(); + } catch (c) { + n = c; + } + e.call(t.prototype); + } + else { + try { + throw Error(); + } catch (c) { + n = c; + } + e(); + } + } catch (c) { + if (c && n && typeof c.stack == "string") { + for (var o = c.stack.split(` +`), i = n.stack.split(` +`), s = o.length - 1, l = i.length - 1; 1 <= s && 0 <= l && o[s] !== i[l]; ) l--; + for (; 1 <= s && 0 <= l; s--, l--) if (o[s] !== i[l]) { + if (s !== 1 || l !== 1) + do + if (s--, l--, 0 > l || o[s] !== i[l]) { + var u = ` +` + o[s].replace(" at new ", " at "); + return e.displayName && u.includes("<anonymous>") && (u = u.replace("<anonymous>", e.displayName)), u; + } + while (1 <= s && 0 <= l); + break; + } + } + } finally { + C2 = !1, Error.prepareStackTrace = r; + } + return (e = e ? e.displayName || e.name : "") ? Ac(e) : ""; + } + a(D2, "Oa"); + function LB(e) { + switch (e.tag) { + case 5: + return Ac(e.type); + case 16: + return Ac("Lazy"); + case 13: + return Ac("Suspense"); + case 19: + return Ac("SuspenseList"); + case 0: + case 2: + case 15: + return e = D2(e.type, !1), e; + case 11: + return e = D2(e.type.render, !1), e; + case 1: + return e = D2(e.type, !0), e; + default: + return ""; + } + } + a(LB, "Pa"); + function K2(e) { + if (e == null) return null; + if (typeof e == "function") return e.displayName || e.name || null; + if (typeof e == "string") return e; + switch (e) { + case ws: + return "Fragment"; + case ys: + return "Portal"; + case q2: + return "Profiler"; + case z5: + return "StrictMode"; + case G2: + return "Suspense"; + case Y2: + return "SuspenseList"; + } + if (typeof e == "object") switch (e.$$typeof) { + case dE: + return (e.displayName || "Context") + ".Consumer"; + case fE: + return (e._context.displayName || "Context") + ".Provider"; + case H5: + var t = e.render; + return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e; + case j5: + return t = e.displayName || null, t !== null ? t : K2(e.type) || "Memo"; + case Qo: + t = e._payload, e = e._init; + try { + return K2(e(t)); + } catch { + } + } + return null; + } + a(K2, "Qa"); + function NB(e) { + var t = e.type; + switch (e.tag) { + case 24: + return "Cache"; + case 9: + return (t.displayName || "Context") + ".Consumer"; + case 10: + return (t._context.displayName || "Context") + ".Provider"; + case 18: + return "DehydratedFragment"; + case 11: + return e = t.render, e = e.displayName || e.name || "", t.displayName || (e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"); + case 7: + return "Fragment"; + case 5: + return t; + case 4: + return "Portal"; + case 3: + return "Root"; + case 6: + return "Text"; + case 16: + return K2(t); + case 8: + return t === z5 ? "StrictMode" : "Mode"; + case 22: + return "Offscreen"; + case 12: + return "Profiler"; + case 21: + return "Scope"; + case 13: + return "Suspense"; + case 19: + return "SuspenseList"; + case 25: + return "TracingMarker"; + case 1: + case 0: + case 17: + case 2: + case 14: + case 15: + if (typeof t == "function") return t.displayName || t.name || null; + if (typeof t == "string") return t; + } + return null; + } + a(NB, "Ra"); + function pa(e) { + switch (typeof e) { + case "boolean": + case "number": + case "string": + case "undefined": + return e; + case "object": + return e; + default: + return ""; + } + } + a(pa, "Sa"); + function mE(e) { + var t = e.type; + return (e = e.nodeName) && e.toLowerCase() === "input" && (t === "checkbox" || t === "radio"); + } + a(mE, "Ta"); + function MB(e) { + var t = mE(e) ? "checked" : "value", r = Object.getOwnPropertyDescriptor(e.constructor.prototype, t), n = "" + e[t]; + if (!e.hasOwnProperty(t) && typeof r < "u" && typeof r.get == "function" && typeof r.set == "function") { + var o = r.get, i = r.set; + return Object.defineProperty(e, t, { configurable: !0, get: /* @__PURE__ */ a(function() { + return o.call(this); + }, "get"), set: /* @__PURE__ */ a(function(s) { + n = "" + s, i.call(this, s); + }, "set") }), Object.defineProperty(e, t, { enumerable: r.enumerable }), { getValue: /* @__PURE__ */ a(function() { + return n; + }, "getValue"), setValue: /* @__PURE__ */ a(function(s) { + n = "" + s; + }, "setValue"), stopTracking: /* @__PURE__ */ a(function() { + e._valueTracker = null, delete e[t]; + }, "stopTracking") }; + } + } + a(MB, "Ua"); + function Sd(e) { + e._valueTracker || (e._valueTracker = MB(e)); + } + a(Sd, "Va"); + function gE(e) { + if (!e) return !1; + var t = e._valueTracker; + if (!t) return !0; + var r = t.getValue(), n = ""; + return e && (n = mE(e) ? e.checked ? "true" : "false" : e.value), e = n, e !== r ? (t.setValue(e), !0) : !1; + } + a(gE, "Wa"); + function Kd(e) { + if (e = e || (typeof document < "u" ? document : void 0), typeof e > "u") return null; + try { + return e.activeElement || e.body; + } catch { + return e.body; + } + } + a(Kd, "Xa"); + function X2(e, t) { + var r = t.checked; + return Ne({}, t, { defaultChecked: void 0, defaultValue: void 0, value: void 0, checked: r ?? e._wrapperState.initialChecked }); + } + a(X2, "Ya"); + function sS(e, t) { + var r = t.defaultValue == null ? "" : t.defaultValue, n = t.checked != null ? t.checked : t.defaultChecked; + r = pa(t.value != null ? t.value : r), e._wrapperState = { initialChecked: n, initialValue: r, controlled: t.type === "checkbox" || t.type === + "radio" ? t.checked != null : t.value != null }; + } + a(sS, "Za"); + function vE(e, t) { + t = t.checked, t != null && $5(e, "checked", t, !1); + } + a(vE, "ab"); + function Q2(e, t) { + vE(e, t); + var r = pa(t.value), n = t.type; + if (r != null) n === "number" ? (r === 0 && e.value === "" || e.value != r) && (e.value = "" + r) : e.value !== "" + r && (e.value = "" + + r); + else if (n === "submit" || n === "reset") { + e.removeAttribute("value"); + return; + } + t.hasOwnProperty("value") ? J2(e, t.type, r) : t.hasOwnProperty("defaultValue") && J2(e, t.type, pa(t.defaultValue)), t.checked == null && + t.defaultChecked != null && (e.defaultChecked = !!t.defaultChecked); + } + a(Q2, "bb"); + function lS(e, t, r) { + if (t.hasOwnProperty("value") || t.hasOwnProperty("defaultValue")) { + var n = t.type; + if (!(n !== "submit" && n !== "reset" || t.value !== void 0 && t.value !== null)) return; + t = "" + e._wrapperState.initialValue, r || t === e.value || (e.value = t), e.defaultValue = t; + } + r = e.name, r !== "" && (e.name = ""), e.defaultChecked = !!e._wrapperState.initialChecked, r !== "" && (e.name = r); + } + a(lS, "db"); + function J2(e, t, r) { + (t !== "number" || Kd(e.ownerDocument) !== e) && (r == null ? e.defaultValue = "" + e._wrapperState.initialValue : e.defaultValue !== "" + + r && (e.defaultValue = "" + r)); + } + a(J2, "cb"); + var _c = Array.isArray; + function ks(e, t, r, n) { + if (e = e.options, t) { + t = {}; + for (var o = 0; o < r.length; o++) t["$" + r[o]] = !0; + for (r = 0; r < e.length; r++) o = t.hasOwnProperty("$" + e[r].value), e[r].selected !== o && (e[r].selected = o), o && n && (e[r].defaultSelected = + !0); + } else { + for (r = "" + pa(r), t = null, o = 0; o < e.length; o++) { + if (e[o].value === r) { + e[o].selected = !0, n && (e[o].defaultSelected = !0); + return; + } + t !== null || e[o].disabled || (t = e[o]); + } + t !== null && (t.selected = !0); + } + } + a(ks, "fb"); + function Z2(e, t) { + if (t.dangerouslySetInnerHTML != null) throw Error(M(91)); + return Ne({}, t, { value: void 0, defaultValue: void 0, children: "" + e._wrapperState.initialValue }); + } + a(Z2, "gb"); + function uS(e, t) { + var r = t.value; + if (r == null) { + if (r = t.children, t = t.defaultValue, r != null) { + if (t != null) throw Error(M(92)); + if (_c(r)) { + if (1 < r.length) throw Error(M(93)); + r = r[0]; + } + t = r; + } + t == null && (t = ""), r = t; + } + e._wrapperState = { initialValue: pa(r) }; + } + a(uS, "hb"); + function yE(e, t) { + var r = pa(t.value), n = pa(t.defaultValue); + r != null && (r = "" + r, r !== e.value && (e.value = r), t.defaultValue == null && e.defaultValue !== r && (e.defaultValue = r)), n != null && + (e.defaultValue = "" + n); + } + a(yE, "ib"); + function cS(e) { + var t = e.textContent; + t === e._wrapperState.initialValue && t !== "" && t !== null && (e.value = t); + } + a(cS, "jb"); + function wE(e) { + switch (e) { + case "svg": + return "http://www.w3.org/2000/svg"; + case "math": + return "http://www.w3.org/1998/Math/MathML"; + default: + return "http://www.w3.org/1999/xhtml"; + } + } + a(wE, "kb"); + function e5(e, t) { + return e == null || e === "http://www.w3.org/1999/xhtml" ? wE(t) : e === "http://www.w3.org/2000/svg" && t === "foreignObject" ? "http:/\ +/www.w3.org/1999/xhtml" : e; + } + a(e5, "lb"); + var Ed, bE = function(e) { + return typeof MSApp < "u" && MSApp.execUnsafeLocalFunction ? function(t, r, n, o) { + MSApp.execUnsafeLocalFunction(function() { + return e(t, r, n, o); + }); + } : e; + }(function(e, t) { + if (e.namespaceURI !== "http://www.w3.org/2000/svg" || "innerHTML" in e) e.innerHTML = t; + else { + for (Ed = Ed || document.createElement("div"), Ed.innerHTML = "<svg>" + t.valueOf().toString() + "</svg>", t = Ed.firstChild; e.firstChild; ) + e.removeChild(e.firstChild); + for (; t.firstChild; ) e.appendChild(t.firstChild); + } + }); + function Hc(e, t) { + if (t) { + var r = e.firstChild; + if (r && r === e.lastChild && r.nodeType === 3) { + r.nodeValue = t; + return; + } + } + e.textContent = t; + } + a(Hc, "ob"); + var Ic = { + animationIterationCount: !0, + aspectRatio: !0, + borderImageOutset: !0, + borderImageSlice: !0, + borderImageWidth: !0, + boxFlex: !0, + boxFlexGroup: !0, + boxOrdinalGroup: !0, + columnCount: !0, + columns: !0, + flex: !0, + flexGrow: !0, + flexPositive: !0, + flexShrink: !0, + flexNegative: !0, + flexOrder: !0, + gridArea: !0, + gridRow: !0, + gridRowEnd: !0, + gridRowSpan: !0, + gridRowStart: !0, + gridColumn: !0, + gridColumnEnd: !0, + gridColumnSpan: !0, + gridColumnStart: !0, + fontWeight: !0, + lineClamp: !0, + lineHeight: !0, + opacity: !0, + order: !0, + orphans: !0, + tabSize: !0, + widows: !0, + zIndex: !0, + zoom: !0, + fillOpacity: !0, + floodOpacity: !0, + stopOpacity: !0, + strokeDasharray: !0, + strokeDashoffset: !0, + strokeMiterlimit: !0, + strokeOpacity: !0, + strokeWidth: !0 + }, BB = ["Webkit", "ms", "Moz", "O"]; + Object.keys(Ic).forEach(function(e) { + BB.forEach(function(t) { + t = t + e.charAt(0).toUpperCase() + e.substring(1), Ic[t] = Ic[e]; + }); + }); + function SE(e, t, r) { + return t == null || typeof t == "boolean" || t === "" ? "" : r || typeof t != "number" || t === 0 || Ic.hasOwnProperty(e) && Ic[e] ? ("" + + t).trim() : t + "px"; + } + a(SE, "rb"); + function EE(e, t) { + e = e.style; + for (var r in t) if (t.hasOwnProperty(r)) { + var n = r.indexOf("--") === 0, o = SE(r, t[r], n); + r === "float" && (r = "cssFloat"), n ? e.setProperty(r, o) : e[r] = o; + } + } + a(EE, "sb"); + var $B = Ne({ menuitem: !0 }, { area: !0, base: !0, br: !0, col: !0, embed: !0, hr: !0, img: !0, input: !0, keygen: !0, link: !0, meta: !0, + param: !0, source: !0, track: !0, wbr: !0 }); + function t5(e, t) { + if (t) { + if ($B[e] && (t.children != null || t.dangerouslySetInnerHTML != null)) throw Error(M(137, e)); + if (t.dangerouslySetInnerHTML != null) { + if (t.children != null) throw Error(M(60)); + if (typeof t.dangerouslySetInnerHTML != "object" || !("__html" in t.dangerouslySetInnerHTML)) throw Error(M(61)); + } + if (t.style != null && typeof t.style != "object") throw Error(M(62)); + } + } + a(t5, "ub"); + function r5(e, t) { + if (e.indexOf("-") === -1) return typeof t.is == "string"; + switch (e) { + case "annotation-xml": + case "color-profile": + case "font-face": + case "font-face-src": + case "font-face-uri": + case "font-face-format": + case "font-face-name": + case "missing-glyph": + return !1; + default: + return !0; + } + } + a(r5, "vb"); + var n5 = null; + function V5(e) { + return e = e.target || e.srcElement || window, e.correspondingUseElement && (e = e.correspondingUseElement), e.nodeType === 3 ? e.parentNode : + e; + } + a(V5, "xb"); + var o5 = null, Is = null, Ps = null; + function pS(e) { + if (e = ap(e)) { + if (typeof o5 != "function") throw Error(M(280)); + var t = e.stateNode; + t && (t = x0(t), o5(e.stateNode, e.type, t)); + } + } + a(pS, "Bb"); + function xE(e) { + Is ? Ps ? Ps.push(e) : Ps = [e] : Is = e; + } + a(xE, "Eb"); + function CE() { + if (Is) { + var e = Is, t = Ps; + if (Ps = Is = null, pS(e), t) for (e = 0; e < t.length; e++) pS(t[e]); + } + } + a(CE, "Fb"); + function DE(e, t) { + return e(t); + } + a(DE, "Gb"); + function RE() { + } + a(RE, "Hb"); + var R2 = !1; + function AE(e, t, r) { + if (R2) return e(t, r); + R2 = !0; + try { + return DE(e, t, r); + } finally { + R2 = !1, (Is !== null || Ps !== null) && (RE(), CE()); + } + } + a(AE, "Jb"); + function jc(e, t) { + var r = e.stateNode; + if (r === null) return null; + var n = x0(r); + if (n === null) return null; + r = n[t]; + e: switch (t) { + case "onClick": + case "onClickCapture": + case "onDoubleClick": + case "onDoubleClickCapture": + case "onMouseDown": + case "onMouseDownCapture": + case "onMouseMove": + case "onMouseMoveCapture": + case "onMouseUp": + case "onMouseUpCapture": + case "onMouseEnter": + (n = !n.disabled) || (e = e.type, n = !(e === "button" || e === "input" || e === "select" || e === "textarea")), e = !n; + break e; + default: + e = !1; + } + if (e) return null; + if (r && typeof r != "function") throw Error(M(231, t, typeof r)); + return r; + } + a(jc, "Kb"); + var a5 = !1; + if (go) try { + gs = {}, Object.defineProperty(gs, "passive", { get: /* @__PURE__ */ a(function() { + a5 = !0; + }, "get") }), window.addEventListener("test", gs, gs), window.removeEventListener("test", gs, gs); + } catch { + a5 = !1; + } + var gs; + function zB(e, t, r, n, o, i, s, l, u) { + var c = Array.prototype.slice.call(arguments, 3); + try { + t.apply(r, c); + } catch (p) { + this.onError(p); + } + } + a(zB, "Nb"); + var Pc = !1, Xd = null, Qd = !1, i5 = null, HB = { onError: /* @__PURE__ */ a(function(e) { + Pc = !0, Xd = e; + }, "onError") }; + function jB(e, t, r, n, o, i, s, l, u) { + Pc = !1, Xd = null, zB.apply(HB, arguments); + } + a(jB, "Tb"); + function VB(e, t, r, n, o, i, s, l, u) { + if (jB.apply(this, arguments), Pc) { + if (Pc) { + var c = Xd; + Pc = !1, Xd = null; + } else throw Error(M(198)); + Qd || (Qd = !0, i5 = c); + } + } + a(VB, "Ub"); + function hi(e) { + var t = e, r = e; + if (e.alternate) for (; t.return; ) t = t.return; + else { + e = t; + do + t = e, t.flags & 4098 && (r = t.return), e = t.return; + while (e); + } + return t.tag === 3 ? r : null; + } + a(hi, "Vb"); + function _E(e) { + if (e.tag === 13) { + var t = e.memoizedState; + if (t === null && (e = e.alternate, e !== null && (t = e.memoizedState)), t !== null) return t.dehydrated; + } + return null; + } + a(_E, "Wb"); + function fS(e) { + if (hi(e) !== e) throw Error(M(188)); + } + a(fS, "Xb"); + function UB(e) { + var t = e.alternate; + if (!t) { + if (t = hi(e), t === null) throw Error(M(188)); + return t !== e ? null : e; + } + for (var r = e, n = t; ; ) { + var o = r.return; + if (o === null) break; + var i = o.alternate; + if (i === null) { + if (n = o.return, n !== null) { + r = n; + continue; + } + break; + } + if (o.child === i.child) { + for (i = o.child; i; ) { + if (i === r) return fS(o), e; + if (i === n) return fS(o), t; + i = i.sibling; + } + throw Error(M(188)); + } + if (r.return !== n.return) r = o, n = i; + else { + for (var s = !1, l = o.child; l; ) { + if (l === r) { + s = !0, r = o, n = i; + break; + } + if (l === n) { + s = !0, n = o, r = i; + break; + } + l = l.sibling; + } + if (!s) { + for (l = i.child; l; ) { + if (l === r) { + s = !0, r = i, n = o; + break; + } + if (l === n) { + s = !0, n = i, r = o; + break; + } + l = l.sibling; + } + if (!s) throw Error(M(189)); + } + } + if (r.alternate !== n) throw Error(M(190)); + } + if (r.tag !== 3) throw Error(M(188)); + return r.stateNode.current === r ? e : t; + } + a(UB, "Yb"); + function TE(e) { + return e = UB(e), e !== null ? kE(e) : null; + } + a(TE, "Zb"); + function kE(e) { + if (e.tag === 5 || e.tag === 6) return e; + for (e = e.child; e !== null; ) { + var t = kE(e); + if (t !== null) return t; + e = e.sibling; + } + return null; + } + a(kE, "$b"); + var IE = br.unstable_scheduleCallback, dS = br.unstable_cancelCallback, WB = br.unstable_shouldYield, qB = br.unstable_requestPaint, qe = br. + unstable_now, GB = br.unstable_getCurrentPriorityLevel, U5 = br.unstable_ImmediatePriority, PE = br.unstable_UserBlockingPriority, Jd = br. + unstable_NormalPriority, YB = br.unstable_LowPriority, FE = br.unstable_IdlePriority, w0 = null, Bn = null; + function KB(e) { + if (Bn && typeof Bn.onCommitFiberRoot == "function") try { + Bn.onCommitFiberRoot(w0, e, void 0, (e.current.flags & 128) === 128); + } catch { + } + } + a(KB, "mc"); + var pn = Math.clz32 ? Math.clz32 : JB, XB = Math.log, QB = Math.LN2; + function JB(e) { + return e >>>= 0, e === 0 ? 32 : 31 - (XB(e) / QB | 0) | 0; + } + a(JB, "nc"); + var xd = 64, Cd = 4194304; + function Tc(e) { + switch (e & -e) { + case 1: + return 1; + case 2: + return 2; + case 4: + return 4; + case 8: + return 8; + case 16: + return 16; + case 32: + return 32; + case 64: + case 128: + case 256: + case 512: + case 1024: + case 2048: + case 4096: + case 8192: + case 16384: + case 32768: + case 65536: + case 131072: + case 262144: + case 524288: + case 1048576: + case 2097152: + return e & 4194240; + case 4194304: + case 8388608: + case 16777216: + case 33554432: + case 67108864: + return e & 130023424; + case 134217728: + return 134217728; + case 268435456: + return 268435456; + case 536870912: + return 536870912; + case 1073741824: + return 1073741824; + default: + return e; + } + } + a(Tc, "tc"); + function Zd(e, t) { + var r = e.pendingLanes; + if (r === 0) return 0; + var n = 0, o = e.suspendedLanes, i = e.pingedLanes, s = r & 268435455; + if (s !== 0) { + var l = s & ~o; + l !== 0 ? n = Tc(l) : (i &= s, i !== 0 && (n = Tc(i))); + } else s = r & ~o, s !== 0 ? n = Tc(s) : i !== 0 && (n = Tc(i)); + if (n === 0) return 0; + if (t !== 0 && t !== n && !(t & o) && (o = n & -n, i = t & -t, o >= i || o === 16 && (i & 4194240) !== 0)) return t; + if (n & 4 && (n |= r & 16), t = e.entangledLanes, t !== 0) for (e = e.entanglements, t &= n; 0 < t; ) r = 31 - pn(t), o = 1 << r, n |= e[r], + t &= ~o; + return n; + } + a(Zd, "uc"); + function ZB(e, t) { + switch (e) { + case 1: + case 2: + case 4: + return t + 250; + case 8: + case 16: + case 32: + case 64: + case 128: + case 256: + case 512: + case 1024: + case 2048: + case 4096: + case 8192: + case 16384: + case 32768: + case 65536: + case 131072: + case 262144: + case 524288: + case 1048576: + case 2097152: + return t + 5e3; + case 4194304: + case 8388608: + case 16777216: + case 33554432: + case 67108864: + return -1; + case 134217728: + case 268435456: + case 536870912: + case 1073741824: + return -1; + default: + return -1; + } + } + a(ZB, "vc"); + function e$(e, t) { + for (var r = e.suspendedLanes, n = e.pingedLanes, o = e.expirationTimes, i = e.pendingLanes; 0 < i; ) { + var s = 31 - pn(i), l = 1 << s, u = o[s]; + u === -1 ? (!(l & r) || l & n) && (o[s] = ZB(l, t)) : u <= t && (e.expiredLanes |= l), i &= ~l; + } + } + a(e$, "wc"); + function s5(e) { + return e = e.pendingLanes & -1073741825, e !== 0 ? e : e & 1073741824 ? 1073741824 : 0; + } + a(s5, "xc"); + function OE() { + var e = xd; + return xd <<= 1, !(xd & 4194240) && (xd = 64), e; + } + a(OE, "yc"); + function A2(e) { + for (var t = [], r = 0; 31 > r; r++) t.push(e); + return t; + } + a(A2, "zc"); + function np(e, t, r) { + e.pendingLanes |= t, t !== 536870912 && (e.suspendedLanes = 0, e.pingedLanes = 0), e = e.eventTimes, t = 31 - pn(t), e[t] = r; + } + a(np, "Ac"); + function t$(e, t) { + var r = e.pendingLanes & ~t; + e.pendingLanes = t, e.suspendedLanes = 0, e.pingedLanes = 0, e.expiredLanes &= t, e.mutableReadLanes &= t, e.entangledLanes &= t, t = e. + entanglements; + var n = e.eventTimes; + for (e = e.expirationTimes; 0 < r; ) { + var o = 31 - pn(r), i = 1 << o; + t[o] = 0, n[o] = -1, e[o] = -1, r &= ~i; + } + } + a(t$, "Bc"); + function W5(e, t) { + var r = e.entangledLanes |= t; + for (e = e.entanglements; r; ) { + var n = 31 - pn(r), o = 1 << n; + o & t | e[n] & t && (e[n] |= t), r &= ~o; + } + } + a(W5, "Cc"); + var me = 0; + function LE(e) { + return e &= -e, 1 < e ? 4 < e ? e & 268435455 ? 16 : 536870912 : 4 : 1; + } + a(LE, "Dc"); + var NE, q5, ME, BE, $E, l5 = !1, Dd = [], na = null, oa = null, aa = null, Vc = /* @__PURE__ */ new Map(), Uc = /* @__PURE__ */ new Map(), + Zo = [], r$ = "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart d\ +rop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" "); + function hS(e, t) { + switch (e) { + case "focusin": + case "focusout": + na = null; + break; + case "dragenter": + case "dragleave": + oa = null; + break; + case "mouseover": + case "mouseout": + aa = null; + break; + case "pointerover": + case "pointerout": + Vc.delete(t.pointerId); + break; + case "gotpointercapture": + case "lostpointercapture": + Uc.delete(t.pointerId); + } + } + a(hS, "Sc"); + function bc(e, t, r, n, o, i) { + return e === null || e.nativeEvent !== i ? (e = { blockedOn: t, domEventName: r, eventSystemFlags: n, nativeEvent: i, targetContainers: [ + o] }, t !== null && (t = ap(t), t !== null && q5(t)), e) : (e.eventSystemFlags |= n, t = e.targetContainers, o !== null && t.indexOf(o) === + -1 && t.push(o), e); + } + a(bc, "Tc"); + function n$(e, t, r, n, o) { + switch (t) { + case "focusin": + return na = bc(na, e, t, r, n, o), !0; + case "dragenter": + return oa = bc(oa, e, t, r, n, o), !0; + case "mouseover": + return aa = bc(aa, e, t, r, n, o), !0; + case "pointerover": + var i = o.pointerId; + return Vc.set(i, bc(Vc.get(i) || null, e, t, r, n, o)), !0; + case "gotpointercapture": + return i = o.pointerId, Uc.set(i, bc(Uc.get(i) || null, e, t, r, n, o)), !0; + } + return !1; + } + a(n$, "Uc"); + function zE(e) { + var t = ni(e.target); + if (t !== null) { + var r = hi(t); + if (r !== null) { + if (t = r.tag, t === 13) { + if (t = _E(r), t !== null) { + e.blockedOn = t, $E(e.priority, function() { + ME(r); + }); + return; + } + } else if (t === 3 && r.stateNode.current.memoizedState.isDehydrated) { + e.blockedOn = r.tag === 3 ? r.stateNode.containerInfo : null; + return; + } + } + } + e.blockedOn = null; + } + a(zE, "Vc"); + function $d(e) { + if (e.blockedOn !== null) return !1; + for (var t = e.targetContainers; 0 < t.length; ) { + var r = u5(e.domEventName, e.eventSystemFlags, t[0], e.nativeEvent); + if (r === null) { + r = e.nativeEvent; + var n = new r.constructor(r.type, r); + n5 = n, r.target.dispatchEvent(n), n5 = null; + } else return t = ap(r), t !== null && q5(t), e.blockedOn = r, !1; + t.shift(); + } + return !0; + } + a($d, "Xc"); + function mS(e, t, r) { + $d(e) && r.delete(t); + } + a(mS, "Zc"); + function o$() { + l5 = !1, na !== null && $d(na) && (na = null), oa !== null && $d(oa) && (oa = null), aa !== null && $d(aa) && (aa = null), Vc.forEach(mS), + Uc.forEach(mS); + } + a(o$, "$c"); + function Sc(e, t) { + e.blockedOn === t && (e.blockedOn = null, l5 || (l5 = !0, br.unstable_scheduleCallback(br.unstable_NormalPriority, o$))); + } + a(Sc, "ad"); + function Wc(e) { + function t(o) { + return Sc(o, e); + } + if (a(t, "b"), 0 < Dd.length) { + Sc(Dd[0], e); + for (var r = 1; r < Dd.length; r++) { + var n = Dd[r]; + n.blockedOn === e && (n.blockedOn = null); + } + } + for (na !== null && Sc(na, e), oa !== null && Sc(oa, e), aa !== null && Sc(aa, e), Vc.forEach(t), Uc.forEach(t), r = 0; r < Zo.length; r++) + n = Zo[r], n.blockedOn === e && (n.blockedOn = null); + for (; 0 < Zo.length && (r = Zo[0], r.blockedOn === null); ) zE(r), r.blockedOn === null && Zo.shift(); + } + a(Wc, "bd"); + var Fs = bo.ReactCurrentBatchConfig, e0 = !0; + function a$(e, t, r, n) { + var o = me, i = Fs.transition; + Fs.transition = null; + try { + me = 1, G5(e, t, r, n); + } finally { + me = o, Fs.transition = i; + } + } + a(a$, "ed"); + function i$(e, t, r, n) { + var o = me, i = Fs.transition; + Fs.transition = null; + try { + me = 4, G5(e, t, r, n); + } finally { + me = o, Fs.transition = i; + } + } + a(i$, "gd"); + function G5(e, t, r, n) { + if (e0) { + var o = u5(e, t, r, n); + if (o === null) O2(e, t, n, t0, r), hS(e, n); + else if (n$(o, e, t, r, n)) n.stopPropagation(); + else if (hS(e, n), t & 4 && -1 < r$.indexOf(e)) { + for (; o !== null; ) { + var i = ap(o); + if (i !== null && NE(i), i = u5(e, t, r, n), i === null && O2(e, t, n, t0, r), i === o) break; + o = i; + } + o !== null && n.stopPropagation(); + } else O2(e, t, n, null, r); + } + } + a(G5, "fd"); + var t0 = null; + function u5(e, t, r, n) { + if (t0 = null, e = V5(n), e = ni(e), e !== null) if (t = hi(e), t === null) e = null; + else if (r = t.tag, r === 13) { + if (e = _E(t), e !== null) return e; + e = null; + } else if (r === 3) { + if (t.stateNode.current.memoizedState.isDehydrated) return t.tag === 3 ? t.stateNode.containerInfo : null; + e = null; + } else t !== e && (e = null); + return t0 = e, null; + } + a(u5, "Yc"); + function HE(e) { + switch (e) { + case "cancel": + case "click": + case "close": + case "contextmenu": + case "copy": + case "cut": + case "auxclick": + case "dblclick": + case "dragend": + case "dragstart": + case "drop": + case "focusin": + case "focusout": + case "input": + case "invalid": + case "keydown": + case "keypress": + case "keyup": + case "mousedown": + case "mouseup": + case "paste": + case "pause": + case "play": + case "pointercancel": + case "pointerdown": + case "pointerup": + case "ratechange": + case "reset": + case "resize": + case "seeked": + case "submit": + case "touchcancel": + case "touchend": + case "touchstart": + case "volumechange": + case "change": + case "selectionchange": + case "textInput": + case "compositionstart": + case "compositionend": + case "compositionupdate": + case "beforeblur": + case "afterblur": + case "beforeinput": + case "blur": + case "fullscreenchange": + case "focus": + case "hashchange": + case "popstate": + case "select": + case "selectstart": + return 1; + case "drag": + case "dragenter": + case "dragexit": + case "dragleave": + case "dragover": + case "mousemove": + case "mouseout": + case "mouseover": + case "pointermove": + case "pointerout": + case "pointerover": + case "scroll": + case "toggle": + case "touchmove": + case "wheel": + case "mouseenter": + case "mouseleave": + case "pointerenter": + case "pointerleave": + return 4; + case "message": + switch (GB()) { + case U5: + return 1; + case PE: + return 4; + case Jd: + case YB: + return 16; + case FE: + return 536870912; + default: + return 16; + } + default: + return 16; + } + } + a(HE, "jd"); + var ta = null, Y5 = null, zd = null; + function jE() { + if (zd) return zd; + var e, t = Y5, r = t.length, n, o = "value" in ta ? ta.value : ta.textContent, i = o.length; + for (e = 0; e < r && t[e] === o[e]; e++) ; + var s = r - e; + for (n = 1; n <= s && t[r - n] === o[i - n]; n++) ; + return zd = o.slice(e, 1 < n ? 1 - n : void 0); + } + a(jE, "nd"); + function Hd(e) { + var t = e.keyCode; + return "charCode" in e ? (e = e.charCode, e === 0 && t === 13 && (e = 13)) : e = t, e === 10 && (e = 13), 32 <= e || e === 13 ? e : 0; + } + a(Hd, "od"); + function Rd() { + return !0; + } + a(Rd, "pd"); + function gS() { + return !1; + } + a(gS, "qd"); + function Sr(e) { + function t(r, n, o, i, s) { + this._reactName = r, this._targetInst = o, this.type = n, this.nativeEvent = i, this.target = s, this.currentTarget = null; + for (var l in e) e.hasOwnProperty(l) && (r = e[l], this[l] = r ? r(i) : i[l]); + return this.isDefaultPrevented = (i.defaultPrevented != null ? i.defaultPrevented : i.returnValue === !1) ? Rd : gS, this.isPropagationStopped = + gS, this; + } + return a(t, "b"), Ne(t.prototype, { preventDefault: /* @__PURE__ */ a(function() { + this.defaultPrevented = !0; + var r = this.nativeEvent; + r && (r.preventDefault ? r.preventDefault() : typeof r.returnValue != "unknown" && (r.returnValue = !1), this.isDefaultPrevented = Rd); + }, "preventDefault"), stopPropagation: /* @__PURE__ */ a(function() { + var r = this.nativeEvent; + r && (r.stopPropagation ? r.stopPropagation() : typeof r.cancelBubble != "unknown" && (r.cancelBubble = !0), this.isPropagationStopped = + Rd); + }, "stopPropagation"), persist: /* @__PURE__ */ a(function() { + }, "persist"), isPersistent: Rd }), t; + } + a(Sr, "rd"); + var Vs = { eventPhase: 0, bubbles: 0, cancelable: 0, timeStamp: /* @__PURE__ */ a(function(e) { + return e.timeStamp || Date.now(); + }, "timeStamp"), defaultPrevented: 0, isTrusted: 0 }, K5 = Sr(Vs), op = Ne({}, Vs, { view: 0, detail: 0 }), s$ = Sr(op), _2, T2, Ec, b0 = Ne( + {}, op, { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0, ctrlKey: 0, shiftKey: 0, altKey: 0, metaKey: 0, getModifierState: X5, + button: 0, buttons: 0, relatedTarget: /* @__PURE__ */ a(function(e) { + return e.relatedTarget === void 0 ? e.fromElement === e.srcElement ? e.toElement : e.fromElement : e.relatedTarget; + }, "relatedTarget"), movementX: /* @__PURE__ */ a(function(e) { + return "movementX" in e ? e.movementX : (e !== Ec && (Ec && e.type === "mousemove" ? (_2 = e.screenX - Ec.screenX, T2 = e.screenY - Ec.screenY) : + T2 = _2 = 0, Ec = e), _2); + }, "movementX"), movementY: /* @__PURE__ */ a(function(e) { + return "movementY" in e ? e.movementY : T2; + }, "movementY") }), vS = Sr(b0), l$ = Ne({}, b0, { dataTransfer: 0 }), u$ = Sr(l$), c$ = Ne({}, op, { relatedTarget: 0 }), k2 = Sr(c$), p$ = Ne( + {}, Vs, { animationName: 0, elapsedTime: 0, pseudoElement: 0 }), f$ = Sr(p$), d$ = Ne({}, Vs, { clipboardData: /* @__PURE__ */ a(function(e) { + return "clipboardData" in e ? e.clipboardData : window.clipboardData; + }, "clipboardData") }), h$ = Sr(d$), m$ = Ne({}, Vs, { data: 0 }), yS = Sr(m$), g$ = { + Esc: "Escape", + Spacebar: " ", + Left: "ArrowLeft", + Up: "ArrowUp", + Right: "ArrowRight", + Down: "ArrowDown", + Del: "Delete", + Win: "OS", + Menu: "ContextMenu", + Apps: "ContextMenu", + Scroll: "ScrollLock", + MozPrintableKey: "Unidentified" + }, v$ = { + 8: "Backspace", + 9: "Tab", + 12: "Clear", + 13: "Enter", + 16: "Shift", + 17: "Control", + 18: "Alt", + 19: "Pause", + 20: "CapsLock", + 27: "Escape", + 32: " ", + 33: "PageUp", + 34: "PageDown", + 35: "End", + 36: "Home", + 37: "ArrowLeft", + 38: "ArrowUp", + 39: "ArrowRight", + 40: "ArrowDown", + 45: "Insert", + 46: "Delete", + 112: "F1", + 113: "F2", + 114: "F3", + 115: "F4", + 116: "F5", + 117: "F6", + 118: "F7", + 119: "F8", + 120: "F9", + 121: "F10", + 122: "F11", + 123: "F12", + 144: "NumLock", + 145: "ScrollLock", + 224: "Meta" + }, y$ = { Alt: "altKey", Control: "ctrlKey", Meta: "metaKey", Shift: "shiftKey" }; + function w$(e) { + var t = this.nativeEvent; + return t.getModifierState ? t.getModifierState(e) : (e = y$[e]) ? !!t[e] : !1; + } + a(w$, "Pd"); + function X5() { + return w$; + } + a(X5, "zd"); + var b$ = Ne({}, op, { key: /* @__PURE__ */ a(function(e) { + if (e.key) { + var t = g$[e.key] || e.key; + if (t !== "Unidentified") return t; + } + return e.type === "keypress" ? (e = Hd(e), e === 13 ? "Enter" : String.fromCharCode(e)) : e.type === "keydown" || e.type === "keyup" ? v$[e. + keyCode] || "Unidentified" : ""; + }, "key"), code: 0, location: 0, ctrlKey: 0, shiftKey: 0, altKey: 0, metaKey: 0, repeat: 0, locale: 0, getModifierState: X5, charCode: /* @__PURE__ */ a( + function(e) { + return e.type === "keypress" ? Hd(e) : 0; + }, "charCode"), keyCode: /* @__PURE__ */ a(function(e) { + return e.type === "keydown" || e.type === "keyup" ? e.keyCode : 0; + }, "keyCode"), which: /* @__PURE__ */ a(function(e) { + return e.type === "keypress" ? Hd(e) : e.type === "keydown" || e.type === "keyup" ? e.keyCode : 0; + }, "which") }), S$ = Sr(b$), E$ = Ne({}, b0, { pointerId: 0, width: 0, height: 0, pressure: 0, tangentialPressure: 0, tiltX: 0, tiltY: 0, twist: 0, + pointerType: 0, isPrimary: 0 }), wS = Sr(E$), x$ = Ne({}, op, { touches: 0, targetTouches: 0, changedTouches: 0, altKey: 0, metaKey: 0, ctrlKey: 0, + shiftKey: 0, getModifierState: X5 }), C$ = Sr(x$), D$ = Ne({}, Vs, { propertyName: 0, elapsedTime: 0, pseudoElement: 0 }), R$ = Sr(D$), A$ = Ne( + {}, b0, { + deltaX: /* @__PURE__ */ a(function(e) { + return "deltaX" in e ? e.deltaX : "wheelDeltaX" in e ? -e.wheelDeltaX : 0; + }, "deltaX"), + deltaY: /* @__PURE__ */ a(function(e) { + return "deltaY" in e ? e.deltaY : "wheelDeltaY" in e ? -e.wheelDeltaY : "wheelDelta" in e ? -e.wheelDelta : 0; + }, "deltaY"), + deltaZ: 0, + deltaMode: 0 + }), _$ = Sr(A$), T$ = [9, 13, 27, 32], Q5 = go && "CompositionEvent" in window, Fc = null; + go && "documentMode" in document && (Fc = document.documentMode); + var k$ = go && "TextEvent" in window && !Fc, VE = go && (!Q5 || Fc && 8 < Fc && 11 >= Fc), bS = " ", SS = !1; + function UE(e, t) { + switch (e) { + case "keyup": + return T$.indexOf(t.keyCode) !== -1; + case "keydown": + return t.keyCode !== 229; + case "keypress": + case "mousedown": + case "focusout": + return !0; + default: + return !1; + } + } + a(UE, "ge"); + function WE(e) { + return e = e.detail, typeof e == "object" && "data" in e ? e.data : null; + } + a(WE, "he"); + var bs = !1; + function I$(e, t) { + switch (e) { + case "compositionend": + return WE(t); + case "keypress": + return t.which !== 32 ? null : (SS = !0, bS); + case "textInput": + return e = t.data, e === bS && SS ? null : e; + default: + return null; + } + } + a(I$, "je"); + function P$(e, t) { + if (bs) return e === "compositionend" || !Q5 && UE(e, t) ? (e = jE(), zd = Y5 = ta = null, bs = !1, e) : null; + switch (e) { + case "paste": + return null; + case "keypress": + if (!(t.ctrlKey || t.altKey || t.metaKey) || t.ctrlKey && t.altKey) { + if (t.char && 1 < t.char.length) return t.char; + if (t.which) return String.fromCharCode(t.which); + } + return null; + case "compositionend": + return VE && t.locale !== "ko" ? null : t.data; + default: + return null; + } + } + a(P$, "ke"); + var F$ = { color: !0, date: !0, datetime: !0, "datetime-local": !0, email: !0, month: !0, number: !0, password: !0, range: !0, search: !0, + tel: !0, text: !0, time: !0, url: !0, week: !0 }; + function ES(e) { + var t = e && e.nodeName && e.nodeName.toLowerCase(); + return t === "input" ? !!F$[e.type] : t === "textarea"; + } + a(ES, "me"); + function qE(e, t, r, n) { + xE(n), t = r0(t, "onChange"), 0 < t.length && (r = new K5("onChange", "change", null, r, n), e.push({ event: r, listeners: t })); + } + a(qE, "ne"); + var Oc = null, qc = null; + function O$(e) { + n7(e, 0); + } + a(O$, "re"); + function S0(e) { + var t = xs(e); + if (gE(t)) return e; + } + a(S0, "te"); + function L$(e, t) { + if (e === "change") return t; + } + a(L$, "ve"); + var GE = !1; + go && (go ? (_d = "oninput" in document, _d || (I2 = document.createElement("div"), I2.setAttribute("oninput", "return;"), _d = typeof I2. + oninput == "function"), Ad = _d) : Ad = !1, GE = Ad && (!document.documentMode || 9 < document.documentMode)); + var Ad, _d, I2; + function xS() { + Oc && (Oc.detachEvent("onpropertychange", YE), qc = Oc = null); + } + a(xS, "Ae"); + function YE(e) { + if (e.propertyName === "value" && S0(qc)) { + var t = []; + qE(t, qc, e, V5(e)), AE(O$, t); + } + } + a(YE, "Be"); + function N$(e, t, r) { + e === "focusin" ? (xS(), Oc = t, qc = r, Oc.attachEvent("onpropertychange", YE)) : e === "focusout" && xS(); + } + a(N$, "Ce"); + function M$(e) { + if (e === "selectionchange" || e === "keyup" || e === "keydown") return S0(qc); + } + a(M$, "De"); + function B$(e, t) { + if (e === "click") return S0(t); + } + a(B$, "Ee"); + function $$(e, t) { + if (e === "input" || e === "change") return S0(t); + } + a($$, "Fe"); + function z$(e, t) { + return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t; + } + a(z$, "Ge"); + var dn = typeof Object.is == "function" ? Object.is : z$; + function Gc(e, t) { + if (dn(e, t)) return !0; + if (typeof e != "object" || e === null || typeof t != "object" || t === null) return !1; + var r = Object.keys(e), n = Object.keys(t); + if (r.length !== n.length) return !1; + for (n = 0; n < r.length; n++) { + var o = r[n]; + if (!W2.call(t, o) || !dn(e[o], t[o])) return !1; + } + return !0; + } + a(Gc, "Ie"); + function CS(e) { + for (; e && e.firstChild; ) e = e.firstChild; + return e; + } + a(CS, "Je"); + function DS(e, t) { + var r = CS(e); + e = 0; + for (var n; r; ) { + if (r.nodeType === 3) { + if (n = e + r.textContent.length, e <= t && n >= t) return { node: r, offset: t - e }; + e = n; + } + e: { + for (; r; ) { + if (r.nextSibling) { + r = r.nextSibling; + break e; + } + r = r.parentNode; + } + r = void 0; + } + r = CS(r); + } + } + a(DS, "Ke"); + function KE(e, t) { + return e && t ? e === t ? !0 : e && e.nodeType === 3 ? !1 : t && t.nodeType === 3 ? KE(e, t.parentNode) : "contains" in e ? e.contains(t) : + e.compareDocumentPosition ? !!(e.compareDocumentPosition(t) & 16) : !1 : !1; + } + a(KE, "Le"); + function XE() { + for (var e = window, t = Kd(); t instanceof e.HTMLIFrameElement; ) { + try { + var r = typeof t.contentWindow.location.href == "string"; + } catch { + r = !1; + } + if (r) e = t.contentWindow; + else break; + t = Kd(e.document); + } + return t; + } + a(XE, "Me"); + function J5(e) { + var t = e && e.nodeName && e.nodeName.toLowerCase(); + return t && (t === "input" && (e.type === "text" || e.type === "search" || e.type === "tel" || e.type === "url" || e.type === "password") || + t === "textarea" || e.contentEditable === "true"); + } + a(J5, "Ne"); + function H$(e) { + var t = XE(), r = e.focusedElem, n = e.selectionRange; + if (t !== r && r && r.ownerDocument && KE(r.ownerDocument.documentElement, r)) { + if (n !== null && J5(r)) { + if (t = n.start, e = n.end, e === void 0 && (e = t), "selectionStart" in r) r.selectionStart = t, r.selectionEnd = Math.min(e, r.value. + length); + else if (e = (t = r.ownerDocument || document) && t.defaultView || window, e.getSelection) { + e = e.getSelection(); + var o = r.textContent.length, i = Math.min(n.start, o); + n = n.end === void 0 ? i : Math.min(n.end, o), !e.extend && i > n && (o = n, n = i, i = o), o = DS(r, i); + var s = DS( + r, + n + ); + o && s && (e.rangeCount !== 1 || e.anchorNode !== o.node || e.anchorOffset !== o.offset || e.focusNode !== s.node || e.focusOffset !== + s.offset) && (t = t.createRange(), t.setStart(o.node, o.offset), e.removeAllRanges(), i > n ? (e.addRange(t), e.extend(s.node, s.offset)) : + (t.setEnd(s.node, s.offset), e.addRange(t))); + } + } + for (t = [], e = r; e = e.parentNode; ) e.nodeType === 1 && t.push({ element: e, left: e.scrollLeft, top: e.scrollTop }); + for (typeof r.focus == "function" && r.focus(), r = 0; r < t.length; r++) e = t[r], e.element.scrollLeft = e.left, e.element.scrollTop = + e.top; + } + } + a(H$, "Oe"); + var j$ = go && "documentMode" in document && 11 >= document.documentMode, Ss = null, c5 = null, Lc = null, p5 = !1; + function RS(e, t, r) { + var n = r.window === r ? r.document : r.nodeType === 9 ? r : r.ownerDocument; + p5 || Ss == null || Ss !== Kd(n) || (n = Ss, "selectionStart" in n && J5(n) ? n = { start: n.selectionStart, end: n.selectionEnd } : (n = + (n.ownerDocument && n.ownerDocument.defaultView || window).getSelection(), n = { anchorNode: n.anchorNode, anchorOffset: n.anchorOffset, + focusNode: n.focusNode, focusOffset: n.focusOffset }), Lc && Gc(Lc, n) || (Lc = n, n = r0(c5, "onSelect"), 0 < n.length && (t = new K5("\ +onSelect", "select", null, t, r), e.push({ event: t, listeners: n }), t.target = Ss))); + } + a(RS, "Ue"); + function Td(e, t) { + var r = {}; + return r[e.toLowerCase()] = t.toLowerCase(), r["Webkit" + e] = "webkit" + t, r["Moz" + e] = "moz" + t, r; + } + a(Td, "Ve"); + var Es = { animationend: Td("Animation", "AnimationEnd"), animationiteration: Td("Animation", "AnimationIteration"), animationstart: Td("A\ +nimation", "AnimationStart"), transitionend: Td("Transition", "TransitionEnd") }, P2 = {}, QE = {}; + go && (QE = document.createElement("div").style, "AnimationEvent" in window || (delete Es.animationend.animation, delete Es.animationiteration. + animation, delete Es.animationstart.animation), "TransitionEvent" in window || delete Es.transitionend.transition); + function E0(e) { + if (P2[e]) return P2[e]; + if (!Es[e]) return e; + var t = Es[e], r; + for (r in t) if (t.hasOwnProperty(r) && r in QE) return P2[e] = t[r]; + return e; + } + a(E0, "Ze"); + var JE = E0("animationend"), ZE = E0("animationiteration"), e7 = E0("animationstart"), t7 = E0("transitionend"), r7 = /* @__PURE__ */ new Map(), + AS = "abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dra\ +gStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetada\ +ta loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMov\ +e pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd to\ +uchStart volumeChange scroll toggle touchMove waiting wheel".split(" "); + function da(e, t) { + r7.set(e, t), di(t, [e]); + } + a(da, "ff"); + for (kd = 0; kd < AS.length; kd++) + Id = AS[kd], _S = Id.toLowerCase(), TS = Id[0].toUpperCase() + Id.slice(1), da(_S, "on" + TS); + var Id, _S, TS, kd; + da(JE, "onAnimationEnd"); + da(ZE, "onAnimationIteration"); + da(e7, "onAnimationStart"); + da("dblclick", "onDoubleClick"); + da("focusin", "onFocus"); + da("focusout", "onBlur"); + da(t7, "onTransitionEnd"); + Ns("onMouseEnter", ["mouseout", "mouseover"]); + Ns("onMouseLeave", ["mouseout", "mouseover"]); + Ns("onPointerEnter", ["pointerout", "pointerover"]); + Ns("onPointerLeave", ["pointerout", "pointerover"]); + di("onChange", "change click focusin focusout input keydown keyup selectionchange".split(" ")); + di("onSelect", "focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")); + di("onBeforeInput", ["compositionend", "keypress", "textInput", "paste"]); + di("onCompositionEnd", "compositionend focusout keydown keypress keyup mousedown".split(" ")); + di("onCompositionStart", "compositionstart focusout keydown keypress keyup mousedown".split(" ")); + di("onCompositionUpdate", "compositionupdate focusout keydown keypress keyup mousedown".split(" ")); + var kc = "abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing\ + progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "), V$ = new Set("cancel close invalid l\ +oad scroll toggle".split(" ").concat(kc)); + function kS(e, t, r) { + var n = e.type || "unknown-event"; + e.currentTarget = r, VB(n, t, void 0, e), e.currentTarget = null; + } + a(kS, "nf"); + function n7(e, t) { + t = (t & 4) !== 0; + for (var r = 0; r < e.length; r++) { + var n = e[r], o = n.event; + n = n.listeners; + e: { + var i = void 0; + if (t) for (var s = n.length - 1; 0 <= s; s--) { + var l = n[s], u = l.instance, c = l.currentTarget; + if (l = l.listener, u !== i && o.isPropagationStopped()) break e; + kS(o, l, c), i = u; + } + else for (s = 0; s < n.length; s++) { + if (l = n[s], u = l.instance, c = l.currentTarget, l = l.listener, u !== i && o.isPropagationStopped()) break e; + kS(o, l, c), i = u; + } + } + } + if (Qd) throw e = i5, Qd = !1, i5 = null, e; + } + a(n7, "se"); + function Ce(e, t) { + var r = t[g5]; + r === void 0 && (r = t[g5] = /* @__PURE__ */ new Set()); + var n = e + "__bubble"; + r.has(n) || (o7(t, e, 2, !1), r.add(n)); + } + a(Ce, "D"); + function F2(e, t, r) { + var n = 0; + t && (n |= 4), o7(r, e, n, t); + } + a(F2, "qf"); + var Pd = "_reactListening" + Math.random().toString(36).slice(2); + function Yc(e) { + if (!e[Pd]) { + e[Pd] = !0, pE.forEach(function(r) { + r !== "selectionchange" && (V$.has(r) || F2(r, !1, e), F2(r, !0, e)); + }); + var t = e.nodeType === 9 ? e : e.ownerDocument; + t === null || t[Pd] || (t[Pd] = !0, F2("selectionchange", !1, t)); + } + } + a(Yc, "sf"); + function o7(e, t, r, n) { + switch (HE(t)) { + case 1: + var o = a$; + break; + case 4: + o = i$; + break; + default: + o = G5; + } + r = o.bind(null, t, r, e), o = void 0, !a5 || t !== "touchstart" && t !== "touchmove" && t !== "wheel" || (o = !0), n ? o !== void 0 ? e. + addEventListener(t, r, { capture: !0, passive: o }) : e.addEventListener(t, r, !0) : o !== void 0 ? e.addEventListener(t, r, { passive: o }) : + e.addEventListener(t, r, !1); + } + a(o7, "pf"); + function O2(e, t, r, n, o) { + var i = n; + if (!(t & 1) && !(t & 2) && n !== null) e: for (; ; ) { + if (n === null) return; + var s = n.tag; + if (s === 3 || s === 4) { + var l = n.stateNode.containerInfo; + if (l === o || l.nodeType === 8 && l.parentNode === o) break; + if (s === 4) for (s = n.return; s !== null; ) { + var u = s.tag; + if ((u === 3 || u === 4) && (u = s.stateNode.containerInfo, u === o || u.nodeType === 8 && u.parentNode === o)) return; + s = s.return; + } + for (; l !== null; ) { + if (s = ni(l), s === null) return; + if (u = s.tag, u === 5 || u === 6) { + n = i = s; + continue e; + } + l = l.parentNode; + } + } + n = n.return; + } + AE(function() { + var c = i, p = V5(r), h = []; + e: { + var m = r7.get(e); + if (m !== void 0) { + var g = K5, S = e; + switch (e) { + case "keypress": + if (Hd(r) === 0) break e; + case "keydown": + case "keyup": + g = S$; + break; + case "focusin": + S = "focus", g = k2; + break; + case "focusout": + S = "blur", g = k2; + break; + case "beforeblur": + case "afterblur": + g = k2; + break; + case "click": + if (r.button === 2) break e; + case "auxclick": + case "dblclick": + case "mousedown": + case "mousemove": + case "mouseup": + case "mouseout": + case "mouseover": + case "contextmenu": + g = vS; + break; + case "drag": + case "dragend": + case "dragenter": + case "dragexit": + case "dragleave": + case "dragover": + case "dragstart": + case "drop": + g = u$; + break; + case "touchcancel": + case "touchend": + case "touchmove": + case "touchstart": + g = C$; + break; + case JE: + case ZE: + case e7: + g = f$; + break; + case t7: + g = R$; + break; + case "scroll": + g = s$; + break; + case "wheel": + g = _$; + break; + case "copy": + case "cut": + case "paste": + g = h$; + break; + case "gotpointercapture": + case "lostpointercapture": + case "pointercancel": + case "pointerdown": + case "pointermove": + case "pointerout": + case "pointerover": + case "pointerup": + g = wS; + } + var v = (t & 4) !== 0, b = !v && e === "scroll", w = v ? m !== null ? m + "Capture" : null : m; + v = []; + for (var y = c, E; y !== null; ) { + E = y; + var x = E.stateNode; + if (E.tag === 5 && x !== null && (E = x, w !== null && (x = jc(y, w), x != null && v.push(Kc(y, x, E)))), b) break; + y = y.return; + } + 0 < v.length && (m = new g(m, S, null, r, p), h.push({ event: m, listeners: v })); + } + } + if (!(t & 7)) { + e: { + if (m = e === "mouseover" || e === "pointerover", g = e === "mouseout" || e === "pointerout", m && r !== n5 && (S = r.relatedTarget || + r.fromElement) && (ni(S) || S[vo])) break e; + if ((g || m) && (m = p.window === p ? p : (m = p.ownerDocument) ? m.defaultView || m.parentWindow : window, g ? (S = r.relatedTarget || + r.toElement, g = c, S = S ? ni(S) : null, S !== null && (b = hi(S), S !== b || S.tag !== 5 && S.tag !== 6) && (S = null)) : (g = null, + S = c), g !== S)) { + if (v = vS, x = "onMouseLeave", w = "onMouseEnter", y = "mouse", (e === "pointerout" || e === "pointerover") && (v = wS, x = "on\ +PointerLeave", w = "onPointerEnter", y = "pointer"), b = g == null ? m : xs(g), E = S == null ? m : xs(S), m = new v(x, y + "leave", g, r, p), + m.target = b, m.relatedTarget = E, x = null, ni(p) === c && (v = new v(w, y + "enter", S, r, p), v.target = E, v.relatedTarget = + b, x = v), b = x, g && S) t: { + for (v = g, w = S, y = 0, E = v; E; E = vs(E)) y++; + for (E = 0, x = w; x; x = vs(x)) E++; + for (; 0 < y - E; ) v = vs(v), y--; + for (; 0 < E - y; ) w = vs(w), E--; + for (; y--; ) { + if (v === w || w !== null && v === w.alternate) break t; + v = vs(v), w = vs(w); + } + v = null; + } + else v = null; + g !== null && IS(h, m, g, v, !1), S !== null && b !== null && IS(h, b, S, v, !0); + } + } + e: { + if (m = c ? xs(c) : window, g = m.nodeName && m.nodeName.toLowerCase(), g === "select" || g === "input" && m.type === "file") var C = L$; + else if (ES(m)) if (GE) C = $$; + else { + C = M$; + var D = N$; + } + else (g = m.nodeName) && g.toLowerCase() === "input" && (m.type === "checkbox" || m.type === "radio") && (C = B$); + if (C && (C = C(e, c))) { + qE(h, C, r, p); + break e; + } + D && D(e, m, c), e === "focusout" && (D = m._wrapperState) && D.controlled && m.type === "number" && J2(m, "number", m.value); + } + switch (D = c ? xs(c) : window, e) { + case "focusin": + (ES(D) || D.contentEditable === "true") && (Ss = D, c5 = c, Lc = null); + break; + case "focusout": + Lc = c5 = Ss = null; + break; + case "mousedown": + p5 = !0; + break; + case "contextmenu": + case "mouseup": + case "dragend": + p5 = !1, RS(h, r, p); + break; + case "selectionchange": + if (j$) break; + case "keydown": + case "keyup": + RS(h, r, p); + } + var R; + if (Q5) e: { + switch (e) { + case "compositionstart": + var A = "onCompositionStart"; + break e; + case "compositionend": + A = "onCompositionEnd"; + break e; + case "compositionupdate": + A = "onCompositionUpdate"; + break e; + } + A = void 0; + } + else bs ? UE(e, r) && (A = "onCompositionEnd") : e === "keydown" && r.keyCode === 229 && (A = "onCompositionStart"); + A && (VE && r.locale !== "ko" && (bs || A !== "onCompositionStart" ? A === "onCompositionEnd" && bs && (R = jE()) : (ta = p, Y5 = "v\ +alue" in ta ? ta.value : ta.textContent, bs = !0)), D = r0(c, A), 0 < D.length && (A = new yS(A, e, null, r, p), h.push({ event: A, listeners: D }), + R ? A.data = R : (R = WE(r), R !== null && (A.data = R)))), (R = k$ ? I$(e, r) : P$(e, r)) && (c = r0(c, "onBeforeInput"), 0 < c.length && + (p = new yS("onBeforeInput", "beforeinput", null, r, p), h.push({ event: p, listeners: c }), p.data = R)); + } + n7(h, t); + }); + } + a(O2, "hd"); + function Kc(e, t, r) { + return { instance: e, listener: t, currentTarget: r }; + } + a(Kc, "tf"); + function r0(e, t) { + for (var r = t + "Capture", n = []; e !== null; ) { + var o = e, i = o.stateNode; + o.tag === 5 && i !== null && (o = i, i = jc(e, r), i != null && n.unshift(Kc(e, i, o)), i = jc(e, t), i != null && n.push(Kc(e, i, o))), + e = e.return; + } + return n; + } + a(r0, "oe"); + function vs(e) { + if (e === null) return null; + do + e = e.return; + while (e && e.tag !== 5); + return e || null; + } + a(vs, "vf"); + function IS(e, t, r, n, o) { + for (var i = t._reactName, s = []; r !== null && r !== n; ) { + var l = r, u = l.alternate, c = l.stateNode; + if (u !== null && u === n) break; + l.tag === 5 && c !== null && (l = c, o ? (u = jc(r, i), u != null && s.unshift(Kc(r, u, l))) : o || (u = jc(r, i), u != null && s.push( + Kc(r, u, l)))), r = r.return; + } + s.length !== 0 && e.push({ event: t, listeners: s }); + } + a(IS, "wf"); + var U$ = /\r\n?/g, W$ = /\u0000|\uFFFD/g; + function PS(e) { + return (typeof e == "string" ? e : "" + e).replace(U$, ` +`).replace(W$, ""); + } + a(PS, "zf"); + function Fd(e, t, r) { + if (t = PS(t), PS(e) !== t && r) throw Error(M(425)); + } + a(Fd, "Af"); + function n0() { + } + a(n0, "Bf"); + var f5 = null, d5 = null; + function h5(e, t) { + return e === "textarea" || e === "noscript" || typeof t.children == "string" || typeof t.children == "number" || typeof t.dangerouslySetInnerHTML == + "object" && t.dangerouslySetInnerHTML !== null && t.dangerouslySetInnerHTML.__html != null; + } + a(h5, "Ef"); + var m5 = typeof setTimeout == "function" ? setTimeout : void 0, q$ = typeof clearTimeout == "function" ? clearTimeout : void 0, FS = typeof Promise == + "function" ? Promise : void 0, G$ = typeof queueMicrotask == "function" ? queueMicrotask : typeof FS < "u" ? function(e) { + return FS.resolve(null).then(e).catch(Y$); + } : m5; + function Y$(e) { + setTimeout(function() { + throw e; + }); + } + a(Y$, "If"); + function L2(e, t) { + var r = t, n = 0; + do { + var o = r.nextSibling; + if (e.removeChild(r), o && o.nodeType === 8) if (r = o.data, r === "/$") { + if (n === 0) { + e.removeChild(o), Wc(t); + return; + } + n--; + } else r !== "$" && r !== "$?" && r !== "$!" || n++; + r = o; + } while (r); + Wc(t); + } + a(L2, "Kf"); + function ia(e) { + for (; e != null; e = e.nextSibling) { + var t = e.nodeType; + if (t === 1 || t === 3) break; + if (t === 8) { + if (t = e.data, t === "$" || t === "$!" || t === "$?") break; + if (t === "/$") return null; + } + } + return e; + } + a(ia, "Lf"); + function OS(e) { + e = e.previousSibling; + for (var t = 0; e; ) { + if (e.nodeType === 8) { + var r = e.data; + if (r === "$" || r === "$!" || r === "$?") { + if (t === 0) return e; + t--; + } else r === "/$" && t++; + } + e = e.previousSibling; + } + return null; + } + a(OS, "Mf"); + var Us = Math.random().toString(36).slice(2), Mn = "__reactFiber$" + Us, Xc = "__reactProps$" + Us, vo = "__reactContainer$" + Us, g5 = "_\ +_reactEvents$" + Us, K$ = "__reactListeners$" + Us, X$ = "__reactHandles$" + Us; + function ni(e) { + var t = e[Mn]; + if (t) return t; + for (var r = e.parentNode; r; ) { + if (t = r[vo] || r[Mn]) { + if (r = t.alternate, t.child !== null || r !== null && r.child !== null) for (e = OS(e); e !== null; ) { + if (r = e[Mn]) return r; + e = OS(e); + } + return t; + } + e = r, r = e.parentNode; + } + return null; + } + a(ni, "Wc"); + function ap(e) { + return e = e[Mn] || e[vo], !e || e.tag !== 5 && e.tag !== 6 && e.tag !== 13 && e.tag !== 3 ? null : e; + } + a(ap, "Cb"); + function xs(e) { + if (e.tag === 5 || e.tag === 6) return e.stateNode; + throw Error(M(33)); + } + a(xs, "ue"); + function x0(e) { + return e[Xc] || null; + } + a(x0, "Db"); + var v5 = [], Cs = -1; + function ha(e) { + return { current: e }; + } + a(ha, "Uf"); + function De(e) { + 0 > Cs || (e.current = v5[Cs], v5[Cs] = null, Cs--); + } + a(De, "E"); + function xe(e, t) { + Cs++, v5[Cs] = e.current, e.current = t; + } + a(xe, "G"); + var fa = {}, Pt = ha(fa), or = ha(!1), li = fa; + function Ms(e, t) { + var r = e.type.contextTypes; + if (!r) return fa; + var n = e.stateNode; + if (n && n.__reactInternalMemoizedUnmaskedChildContext === t) return n.__reactInternalMemoizedMaskedChildContext; + var o = {}, i; + for (i in r) o[i] = t[i]; + return n && (e = e.stateNode, e.__reactInternalMemoizedUnmaskedChildContext = t, e.__reactInternalMemoizedMaskedChildContext = o), o; + } + a(Ms, "Yf"); + function ar(e) { + return e = e.childContextTypes, e != null; + } + a(ar, "Zf"); + function o0() { + De(or), De(Pt); + } + a(o0, "$f"); + function LS(e, t, r) { + if (Pt.current !== fa) throw Error(M(168)); + xe(Pt, t), xe(or, r); + } + a(LS, "ag"); + function a7(e, t, r) { + var n = e.stateNode; + if (t = t.childContextTypes, typeof n.getChildContext != "function") return r; + n = n.getChildContext(); + for (var o in n) if (!(o in t)) throw Error(M(108, NB(e) || "Unknown", o)); + return Ne({}, r, n); + } + a(a7, "bg"); + function a0(e) { + return e = (e = e.stateNode) && e.__reactInternalMemoizedMergedChildContext || fa, li = Pt.current, xe(Pt, e), xe(or, or.current), !0; + } + a(a0, "cg"); + function NS(e, t, r) { + var n = e.stateNode; + if (!n) throw Error(M(169)); + r ? (e = a7(e, t, li), n.__reactInternalMemoizedMergedChildContext = e, De(or), De(Pt), xe(Pt, e)) : De(or), xe(or, r); + } + a(NS, "dg"); + var po = null, C0 = !1, N2 = !1; + function i7(e) { + po === null ? po = [e] : po.push(e); + } + a(i7, "hg"); + function Q$(e) { + C0 = !0, i7(e); + } + a(Q$, "ig"); + function ma() { + if (!N2 && po !== null) { + N2 = !0; + var e = 0, t = me; + try { + var r = po; + for (me = 1; e < r.length; e++) { + var n = r[e]; + do + n = n(!0); + while (n !== null); + } + po = null, C0 = !1; + } catch (o) { + throw po !== null && (po = po.slice(e + 1)), IE(U5, ma), o; + } finally { + me = t, N2 = !1; + } + } + return null; + } + a(ma, "jg"); + var Ds = [], Rs = 0, i0 = null, s0 = 0, Or = [], Lr = 0, ui = null, fo = 1, ho = ""; + function ti(e, t) { + Ds[Rs++] = s0, Ds[Rs++] = i0, i0 = e, s0 = t; + } + a(ti, "tg"); + function s7(e, t, r) { + Or[Lr++] = fo, Or[Lr++] = ho, Or[Lr++] = ui, ui = e; + var n = fo; + e = ho; + var o = 32 - pn(n) - 1; + n &= ~(1 << o), r += 1; + var i = 32 - pn(t) + o; + if (30 < i) { + var s = o - o % 5; + i = (n & (1 << s) - 1).toString(32), n >>= s, o -= s, fo = 1 << 32 - pn(t) + o | r << o | n, ho = i + e; + } else fo = 1 << i | r << o | n, ho = e; + } + a(s7, "ug"); + function Z5(e) { + e.return !== null && (ti(e, 1), s7(e, 1, 0)); + } + a(Z5, "vg"); + function ev(e) { + for (; e === i0; ) i0 = Ds[--Rs], Ds[Rs] = null, s0 = Ds[--Rs], Ds[Rs] = null; + for (; e === ui; ) ui = Or[--Lr], Or[Lr] = null, ho = Or[--Lr], Or[Lr] = null, fo = Or[--Lr], Or[Lr] = null; + } + a(ev, "wg"); + var wr = null, yr = null, Te = !1, cn = null; + function l7(e, t) { + var r = Nr(5, null, null, 0); + r.elementType = "DELETED", r.stateNode = t, r.return = e, t = e.deletions, t === null ? (e.deletions = [r], e.flags |= 16) : t.push(r); + } + a(l7, "Ag"); + function MS(e, t) { + switch (e.tag) { + case 5: + var r = e.type; + return t = t.nodeType !== 1 || r.toLowerCase() !== t.nodeName.toLowerCase() ? null : t, t !== null ? (e.stateNode = t, wr = e, yr = ia( + t.firstChild), !0) : !1; + case 6: + return t = e.pendingProps === "" || t.nodeType !== 3 ? null : t, t !== null ? (e.stateNode = t, wr = e, yr = null, !0) : !1; + case 13: + return t = t.nodeType !== 8 ? null : t, t !== null ? (r = ui !== null ? { id: fo, overflow: ho } : null, e.memoizedState = { dehydrated: t, + treeContext: r, retryLane: 1073741824 }, r = Nr(18, null, null, 0), r.stateNode = t, r.return = e, e.child = r, wr = e, yr = null, !0) : + !1; + default: + return !1; + } + } + a(MS, "Cg"); + function y5(e) { + return (e.mode & 1) !== 0 && (e.flags & 128) === 0; + } + a(y5, "Dg"); + function w5(e) { + if (Te) { + var t = yr; + if (t) { + var r = t; + if (!MS(e, t)) { + if (y5(e)) throw Error(M(418)); + t = ia(r.nextSibling); + var n = wr; + t && MS(e, t) ? l7(n, r) : (e.flags = e.flags & -4097 | 2, Te = !1, wr = e); + } + } else { + if (y5(e)) throw Error(M(418)); + e.flags = e.flags & -4097 | 2, Te = !1, wr = e; + } + } + } + a(w5, "Eg"); + function BS(e) { + for (e = e.return; e !== null && e.tag !== 5 && e.tag !== 3 && e.tag !== 13; ) e = e.return; + wr = e; + } + a(BS, "Fg"); + function Od(e) { + if (e !== wr) return !1; + if (!Te) return BS(e), Te = !0, !1; + var t; + if ((t = e.tag !== 3) && !(t = e.tag !== 5) && (t = e.type, t = t !== "head" && t !== "body" && !h5(e.type, e.memoizedProps)), t && (t = + yr)) { + if (y5(e)) throw u7(), Error(M(418)); + for (; t; ) l7(e, t), t = ia(t.nextSibling); + } + if (BS(e), e.tag === 13) { + if (e = e.memoizedState, e = e !== null ? e.dehydrated : null, !e) throw Error(M(317)); + e: { + for (e = e.nextSibling, t = 0; e; ) { + if (e.nodeType === 8) { + var r = e.data; + if (r === "/$") { + if (t === 0) { + yr = ia(e.nextSibling); + break e; + } + t--; + } else r !== "$" && r !== "$!" && r !== "$?" || t++; + } + e = e.nextSibling; + } + yr = null; + } + } else yr = wr ? ia(e.stateNode.nextSibling) : null; + return !0; + } + a(Od, "Gg"); + function u7() { + for (var e = yr; e; ) e = ia(e.nextSibling); + } + a(u7, "Hg"); + function Bs() { + yr = wr = null, Te = !1; + } + a(Bs, "Ig"); + function tv(e) { + cn === null ? cn = [e] : cn.push(e); + } + a(tv, "Jg"); + var J$ = bo.ReactCurrentBatchConfig; + function ln(e, t) { + if (e && e.defaultProps) { + t = Ne({}, t), e = e.defaultProps; + for (var r in e) t[r] === void 0 && (t[r] = e[r]); + return t; + } + return t; + } + a(ln, "Lg"); + var l0 = ha(null), u0 = null, As = null, rv = null; + function nv() { + rv = As = u0 = null; + } + a(nv, "Qg"); + function ov(e) { + var t = l0.current; + De(l0), e._currentValue = t; + } + a(ov, "Rg"); + function b5(e, t, r) { + for (; e !== null; ) { + var n = e.alternate; + if ((e.childLanes & t) !== t ? (e.childLanes |= t, n !== null && (n.childLanes |= t)) : n !== null && (n.childLanes & t) !== t && (n.childLanes |= + t), e === r) break; + e = e.return; + } + } + a(b5, "Sg"); + function Os(e, t) { + u0 = e, rv = As = null, e = e.dependencies, e !== null && e.firstContext !== null && (e.lanes & t && (nr = !0), e.firstContext = null); + } + a(Os, "Tg"); + function Br(e) { + var t = e._currentValue; + if (rv !== e) if (e = { context: e, memoizedValue: t, next: null }, As === null) { + if (u0 === null) throw Error(M(308)); + As = e, u0.dependencies = { lanes: 0, firstContext: e }; + } else As = As.next = e; + return t; + } + a(Br, "Vg"); + var oi = null; + function av(e) { + oi === null ? oi = [e] : oi.push(e); + } + a(av, "Xg"); + function c7(e, t, r, n) { + var o = t.interleaved; + return o === null ? (r.next = r, av(t)) : (r.next = o.next, o.next = r), t.interleaved = r, yo(e, n); + } + a(c7, "Yg"); + function yo(e, t) { + e.lanes |= t; + var r = e.alternate; + for (r !== null && (r.lanes |= t), r = e, e = e.return; e !== null; ) e.childLanes |= t, r = e.alternate, r !== null && (r.childLanes |= + t), r = e, e = e.return; + return r.tag === 3 ? r.stateNode : null; + } + a(yo, "Zg"); + var Jo = !1; + function iv(e) { + e.updateQueue = { baseState: e.memoizedState, firstBaseUpdate: null, lastBaseUpdate: null, shared: { pending: null, interleaved: null, lanes: 0 }, + effects: null }; + } + a(iv, "ah"); + function p7(e, t) { + e = e.updateQueue, t.updateQueue === e && (t.updateQueue = { baseState: e.baseState, firstBaseUpdate: e.firstBaseUpdate, lastBaseUpdate: e. + lastBaseUpdate, shared: e.shared, effects: e.effects }); + } + a(p7, "bh"); + function mo(e, t) { + return { eventTime: e, lane: t, tag: 0, payload: null, callback: null, next: null }; + } + a(mo, "ch"); + function sa(e, t, r) { + var n = e.updateQueue; + if (n === null) return null; + if (n = n.shared, ce & 2) { + var o = n.pending; + return o === null ? t.next = t : (t.next = o.next, o.next = t), n.pending = t, yo(e, r); + } + return o = n.interleaved, o === null ? (t.next = t, av(n)) : (t.next = o.next, o.next = t), n.interleaved = t, yo(e, r); + } + a(sa, "dh"); + function jd(e, t, r) { + if (t = t.updateQueue, t !== null && (t = t.shared, (r & 4194240) !== 0)) { + var n = t.lanes; + n &= e.pendingLanes, r |= n, t.lanes = r, W5(e, r); + } + } + a(jd, "eh"); + function $S(e, t) { + var r = e.updateQueue, n = e.alternate; + if (n !== null && (n = n.updateQueue, r === n)) { + var o = null, i = null; + if (r = r.firstBaseUpdate, r !== null) { + do { + var s = { eventTime: r.eventTime, lane: r.lane, tag: r.tag, payload: r.payload, callback: r.callback, next: null }; + i === null ? o = i = s : i = i.next = s, r = r.next; + } while (r !== null); + i === null ? o = i = t : i = i.next = t; + } else o = i = t; + r = { baseState: n.baseState, firstBaseUpdate: o, lastBaseUpdate: i, shared: n.shared, effects: n.effects }, e.updateQueue = r; + return; + } + e = r.lastBaseUpdate, e === null ? r.firstBaseUpdate = t : e.next = t, r.lastBaseUpdate = t; + } + a($S, "fh"); + function c0(e, t, r, n) { + var o = e.updateQueue; + Jo = !1; + var i = o.firstBaseUpdate, s = o.lastBaseUpdate, l = o.shared.pending; + if (l !== null) { + o.shared.pending = null; + var u = l, c = u.next; + u.next = null, s === null ? i = c : s.next = c, s = u; + var p = e.alternate; + p !== null && (p = p.updateQueue, l = p.lastBaseUpdate, l !== s && (l === null ? p.firstBaseUpdate = c : l.next = c, p.lastBaseUpdate = + u)); + } + if (i !== null) { + var h = o.baseState; + s = 0, p = c = u = null, l = i; + do { + var m = l.lane, g = l.eventTime; + if ((n & m) === m) { + p !== null && (p = p.next = { + eventTime: g, + lane: 0, + tag: l.tag, + payload: l.payload, + callback: l.callback, + next: null + }); + e: { + var S = e, v = l; + switch (m = t, g = r, v.tag) { + case 1: + if (S = v.payload, typeof S == "function") { + h = S.call(g, h, m); + break e; + } + h = S; + break e; + case 3: + S.flags = S.flags & -65537 | 128; + case 0: + if (S = v.payload, m = typeof S == "function" ? S.call(g, h, m) : S, m == null) break e; + h = Ne({}, h, m); + break e; + case 2: + Jo = !0; + } + } + l.callback !== null && l.lane !== 0 && (e.flags |= 64, m = o.effects, m === null ? o.effects = [l] : m.push(l)); + } else g = { eventTime: g, lane: m, tag: l.tag, payload: l.payload, callback: l.callback, next: null }, p === null ? (c = p = g, u = + h) : p = p.next = g, s |= m; + if (l = l.next, l === null) { + if (l = o.shared.pending, l === null) break; + m = l, l = m.next, m.next = null, o.lastBaseUpdate = m, o.shared.pending = null; + } + } while (!0); + if (p === null && (u = h), o.baseState = u, o.firstBaseUpdate = c, o.lastBaseUpdate = p, t = o.shared.interleaved, t !== null) { + o = t; + do + s |= o.lane, o = o.next; + while (o !== t); + } else i === null && (o.shared.lanes = 0); + pi |= s, e.lanes = s, e.memoizedState = h; + } + } + a(c0, "gh"); + function zS(e, t, r) { + if (e = t.effects, t.effects = null, e !== null) for (t = 0; t < e.length; t++) { + var n = e[t], o = n.callback; + if (o !== null) { + if (n.callback = null, n = r, typeof o != "function") throw Error(M(191, o)); + o.call(n); + } + } + } + a(zS, "ih"); + var f7 = new cE.Component().refs; + function S5(e, t, r, n) { + t = e.memoizedState, r = r(n, t), r = r == null ? t : Ne({}, t, r), e.memoizedState = r, e.lanes === 0 && (e.updateQueue.baseState = r); + } + a(S5, "kh"); + var D0 = { isMounted: /* @__PURE__ */ a(function(e) { + return (e = e._reactInternals) ? hi(e) === e : !1; + }, "isMounted"), enqueueSetState: /* @__PURE__ */ a(function(e, t, r) { + e = e._reactInternals; + var n = zt(), o = ua(e), i = mo(n, o); + i.payload = t, r != null && (i.callback = r), t = sa(e, i, o), t !== null && (fn(t, e, o, n), jd(t, e, o)); + }, "enqueueSetState"), enqueueReplaceState: /* @__PURE__ */ a(function(e, t, r) { + e = e._reactInternals; + var n = zt(), o = ua(e), i = mo(n, o); + i.tag = 1, i.payload = t, r != null && (i.callback = r), t = sa(e, i, o), t !== null && (fn(t, e, o, n), jd(t, e, o)); + }, "enqueueReplaceState"), enqueueForceUpdate: /* @__PURE__ */ a(function(e, t) { + e = e._reactInternals; + var r = zt(), n = ua(e), o = mo(r, n); + o.tag = 2, t != null && (o.callback = t), t = sa(e, o, n), t !== null && (fn(t, e, n, r), jd(t, e, n)); + }, "enqueueForceUpdate") }; + function HS(e, t, r, n, o, i, s) { + return e = e.stateNode, typeof e.shouldComponentUpdate == "function" ? e.shouldComponentUpdate(n, i, s) : t.prototype && t.prototype.isPureReactComponent ? + !Gc(r, n) || !Gc(o, i) : !0; + } + a(HS, "oh"); + function d7(e, t, r) { + var n = !1, o = fa, i = t.contextType; + return typeof i == "object" && i !== null ? i = Br(i) : (o = ar(t) ? li : Pt.current, n = t.contextTypes, i = (n = n != null) ? Ms(e, o) : + fa), t = new t(r, i), e.memoizedState = t.state !== null && t.state !== void 0 ? t.state : null, t.updater = D0, e.stateNode = t, t._reactInternals = + e, n && (e = e.stateNode, e.__reactInternalMemoizedUnmaskedChildContext = o, e.__reactInternalMemoizedMaskedChildContext = i), t; + } + a(d7, "ph"); + function jS(e, t, r, n) { + e = t.state, typeof t.componentWillReceiveProps == "function" && t.componentWillReceiveProps(r, n), typeof t.UNSAFE_componentWillReceiveProps == + "function" && t.UNSAFE_componentWillReceiveProps(r, n), t.state !== e && D0.enqueueReplaceState(t, t.state, null); + } + a(jS, "qh"); + function E5(e, t, r, n) { + var o = e.stateNode; + o.props = r, o.state = e.memoizedState, o.refs = f7, iv(e); + var i = t.contextType; + typeof i == "object" && i !== null ? o.context = Br(i) : (i = ar(t) ? li : Pt.current, o.context = Ms(e, i)), o.state = e.memoizedState, + i = t.getDerivedStateFromProps, typeof i == "function" && (S5(e, t, i, r), o.state = e.memoizedState), typeof t.getDerivedStateFromProps == + "function" || typeof o.getSnapshotBeforeUpdate == "function" || typeof o.UNSAFE_componentWillMount != "function" && typeof o.componentWillMount != + "function" || (t = o.state, typeof o.componentWillMount == "function" && o.componentWillMount(), typeof o.UNSAFE_componentWillMount == "\ +function" && o.UNSAFE_componentWillMount(), t !== o.state && D0.enqueueReplaceState(o, o.state, null), c0(e, r, o, n), o.state = e.memoizedState), + typeof o.componentDidMount == "function" && (e.flags |= 4194308); + } + a(E5, "rh"); + function xc(e, t, r) { + if (e = r.ref, e !== null && typeof e != "function" && typeof e != "object") { + if (r._owner) { + if (r = r._owner, r) { + if (r.tag !== 1) throw Error(M(309)); + var n = r.stateNode; + } + if (!n) throw Error(M(147, e)); + var o = n, i = "" + e; + return t !== null && t.ref !== null && typeof t.ref == "function" && t.ref._stringRef === i ? t.ref : (t = /* @__PURE__ */ a(function(s) { + var l = o.refs; + l === f7 && (l = o.refs = {}), s === null ? delete l[i] : l[i] = s; + }, "b"), t._stringRef = i, t); + } + if (typeof e != "string") throw Error(M(284)); + if (!r._owner) throw Error(M(290, e)); + } + return e; + } + a(xc, "sh"); + function Ld(e, t) { + throw e = Object.prototype.toString.call(t), Error(M(31, e === "[object Object]" ? "object with keys {" + Object.keys(t).join(", ") + "}" : + e)); + } + a(Ld, "th"); + function VS(e) { + var t = e._init; + return t(e._payload); + } + a(VS, "uh"); + function h7(e) { + function t(w, y) { + if (e) { + var E = w.deletions; + E === null ? (w.deletions = [y], w.flags |= 16) : E.push(y); + } + } + a(t, "b"); + function r(w, y) { + if (!e) return null; + for (; y !== null; ) t(w, y), y = y.sibling; + return null; + } + a(r, "c"); + function n(w, y) { + for (w = /* @__PURE__ */ new Map(); y !== null; ) y.key !== null ? w.set(y.key, y) : w.set(y.index, y), y = y.sibling; + return w; + } + a(n, "d"); + function o(w, y) { + return w = ca(w, y), w.index = 0, w.sibling = null, w; + } + a(o, "e"); + function i(w, y, E) { + return w.index = E, e ? (E = w.alternate, E !== null ? (E = E.index, E < y ? (w.flags |= 2, y) : E) : (w.flags |= 2, y)) : (w.flags |= + 1048576, y); + } + a(i, "f"); + function s(w) { + return e && w.alternate === null && (w.flags |= 2), w; + } + a(s, "g"); + function l(w, y, E, x) { + return y === null || y.tag !== 6 ? (y = V2(E, w.mode, x), y.return = w, y) : (y = o(y, E), y.return = w, y); + } + a(l, "h"); + function u(w, y, E, x) { + var C = E.type; + return C === ws ? p(w, y, E.props.children, x, E.key) : y !== null && (y.elementType === C || typeof C == "object" && C !== null && C. + $$typeof === Qo && VS(C) === y.type) ? (x = o(y, E.props), x.ref = xc(w, y, E), x.return = w, x) : (x = Yd(E.type, E.key, E.props, null, + w.mode, x), x.ref = xc(w, y, E), x.return = w, x); + } + a(u, "k"); + function c(w, y, E, x) { + return y === null || y.tag !== 4 || y.stateNode.containerInfo !== E.containerInfo || y.stateNode.implementation !== E.implementation ? + (y = U2(E, w.mode, x), y.return = w, y) : (y = o(y, E.children || []), y.return = w, y); + } + a(c, "l"); + function p(w, y, E, x, C) { + return y === null || y.tag !== 7 ? (y = si(E, w.mode, x, C), y.return = w, y) : (y = o(y, E), y.return = w, y); + } + a(p, "m"); + function h(w, y, E) { + if (typeof y == "string" && y !== "" || typeof y == "number") return y = V2("" + y, w.mode, E), y.return = w, y; + if (typeof y == "object" && y !== null) { + switch (y.$$typeof) { + case bd: + return E = Yd(y.type, y.key, y.props, null, w.mode, E), E.ref = xc(w, null, y), E.return = w, E; + case ys: + return y = U2(y, w.mode, E), y.return = w, y; + case Qo: + var x = y._init; + return h(w, x(y._payload), E); + } + if (_c(y) || wc(y)) return y = si(y, w.mode, E, null), y.return = w, y; + Ld(w, y); + } + return null; + } + a(h, "q"); + function m(w, y, E, x) { + var C = y !== null ? y.key : null; + if (typeof E == "string" && E !== "" || typeof E == "number") return C !== null ? null : l(w, y, "" + E, x); + if (typeof E == "object" && E !== null) { + switch (E.$$typeof) { + case bd: + return E.key === C ? u(w, y, E, x) : null; + case ys: + return E.key === C ? c(w, y, E, x) : null; + case Qo: + return C = E._init, m( + w, + y, + C(E._payload), + x + ); + } + if (_c(E) || wc(E)) return C !== null ? null : p(w, y, E, x, null); + Ld(w, E); + } + return null; + } + a(m, "r"); + function g(w, y, E, x, C) { + if (typeof x == "string" && x !== "" || typeof x == "number") return w = w.get(E) || null, l(y, w, "" + x, C); + if (typeof x == "object" && x !== null) { + switch (x.$$typeof) { + case bd: + return w = w.get(x.key === null ? E : x.key) || null, u(y, w, x, C); + case ys: + return w = w.get(x.key === null ? E : x.key) || null, c(y, w, x, C); + case Qo: + var D = x._init; + return g(w, y, E, D(x._payload), C); + } + if (_c(x) || wc(x)) return w = w.get(E) || null, p(y, w, x, C, null); + Ld(y, x); + } + return null; + } + a(g, "y"); + function S(w, y, E, x) { + for (var C = null, D = null, R = y, A = y = 0, _ = null; R !== null && A < E.length; A++) { + R.index > A ? (_ = R, R = null) : _ = R.sibling; + var P = m(w, R, E[A], x); + if (P === null) { + R === null && (R = _); + break; + } + e && R && P.alternate === null && t(w, R), y = i(P, y, A), D === null ? C = P : D.sibling = P, D = P, R = _; + } + if (A === E.length) return r(w, R), Te && ti(w, A), C; + if (R === null) { + for (; A < E.length; A++) R = h(w, E[A], x), R !== null && (y = i(R, y, A), D === null ? C = R : D.sibling = R, D = R); + return Te && ti(w, A), C; + } + for (R = n(w, R); A < E.length; A++) _ = g(R, w, A, E[A], x), _ !== null && (e && _.alternate !== null && R.delete(_.key === null ? A : + _.key), y = i(_, y, A), D === null ? C = _ : D.sibling = _, D = _); + return e && R.forEach(function(B) { + return t(w, B); + }), Te && ti(w, A), C; + } + a(S, "n"); + function v(w, y, E, x) { + var C = wc(E); + if (typeof C != "function") throw Error(M(150)); + if (E = C.call(E), E == null) throw Error(M(151)); + for (var D = C = null, R = y, A = y = 0, _ = null, P = E.next(); R !== null && !P.done; A++, P = E.next()) { + R.index > A ? (_ = R, R = null) : _ = R.sibling; + var B = m(w, R, P.value, x); + if (B === null) { + R === null && (R = _); + break; + } + e && R && B.alternate === null && t(w, R), y = i(B, y, A), D === null ? C = B : D.sibling = B, D = B, R = _; + } + if (P.done) return r( + w, + R + ), Te && ti(w, A), C; + if (R === null) { + for (; !P.done; A++, P = E.next()) P = h(w, P.value, x), P !== null && (y = i(P, y, A), D === null ? C = P : D.sibling = P, D = P); + return Te && ti(w, A), C; + } + for (R = n(w, R); !P.done; A++, P = E.next()) P = g(R, w, A, P.value, x), P !== null && (e && P.alternate !== null && R.delete(P.key === + null ? A : P.key), y = i(P, y, A), D === null ? C = P : D.sibling = P, D = P); + return e && R.forEach(function(z) { + return t(w, z); + }), Te && ti(w, A), C; + } + a(v, "t"); + function b(w, y, E, x) { + if (typeof E == "object" && E !== null && E.type === ws && E.key === null && (E = E.props.children), typeof E == "object" && E !== null) { + switch (E.$$typeof) { + case bd: + e: { + for (var C = E.key, D = y; D !== null; ) { + if (D.key === C) { + if (C = E.type, C === ws) { + if (D.tag === 7) { + r(w, D.sibling), y = o(D, E.props.children), y.return = w, w = y; + break e; + } + } else if (D.elementType === C || typeof C == "object" && C !== null && C.$$typeof === Qo && VS(C) === D.type) { + r(w, D.sibling), y = o(D, E.props), y.ref = xc(w, D, E), y.return = w, w = y; + break e; + } + r(w, D); + break; + } else t(w, D); + D = D.sibling; + } + E.type === ws ? (y = si(E.props.children, w.mode, x, E.key), y.return = w, w = y) : (x = Yd(E.type, E.key, E.props, null, w.mode, + x), x.ref = xc(w, y, E), x.return = w, w = x); + } + return s(w); + case ys: + e: { + for (D = E.key; y !== null; ) { + if (y.key === D) if (y.tag === 4 && y.stateNode.containerInfo === E.containerInfo && y.stateNode.implementation === E.implementation) { + r(w, y.sibling), y = o(y, E.children || []), y.return = w, w = y; + break e; + } else { + r(w, y); + break; + } + else t(w, y); + y = y.sibling; + } + y = U2(E, w.mode, x), y.return = w, w = y; + } + return s(w); + case Qo: + return D = E._init, b(w, y, D(E._payload), x); + } + if (_c(E)) return S(w, y, E, x); + if (wc(E)) return v(w, y, E, x); + Ld(w, E); + } + return typeof E == "string" && E !== "" || typeof E == "number" ? (E = "" + E, y !== null && y.tag === 6 ? (r(w, y.sibling), y = o(y, E), + y.return = w, w = y) : (r(w, y), y = V2(E, w.mode, x), y.return = w, w = y), s(w)) : r(w, y); + } + return a(b, "J"), b; + } + a(h7, "vh"); + var $s = h7(!0), m7 = h7(!1), ip = {}, $n = ha(ip), Qc = ha(ip), Jc = ha(ip); + function ai(e) { + if (e === ip) throw Error(M(174)); + return e; + } + a(ai, "Hh"); + function sv(e, t) { + switch (xe(Jc, t), xe(Qc, e), xe($n, ip), e = t.nodeType, e) { + case 9: + case 11: + t = (t = t.documentElement) ? t.namespaceURI : e5(null, ""); + break; + default: + e = e === 8 ? t.parentNode : t, t = e.namespaceURI || null, e = e.tagName, t = e5(t, e); + } + De($n), xe($n, t); + } + a(sv, "Ih"); + function zs() { + De($n), De(Qc), De(Jc); + } + a(zs, "Jh"); + function g7(e) { + ai(Jc.current); + var t = ai($n.current), r = e5(t, e.type); + t !== r && (xe(Qc, e), xe($n, r)); + } + a(g7, "Kh"); + function lv(e) { + Qc.current === e && (De($n), De(Qc)); + } + a(lv, "Lh"); + var Oe = ha(0); + function p0(e) { + for (var t = e; t !== null; ) { + if (t.tag === 13) { + var r = t.memoizedState; + if (r !== null && (r = r.dehydrated, r === null || r.data === "$?" || r.data === "$!")) return t; + } else if (t.tag === 19 && t.memoizedProps.revealOrder !== void 0) { + if (t.flags & 128) return t; + } else if (t.child !== null) { + t.child.return = t, t = t.child; + continue; + } + if (t === e) break; + for (; t.sibling === null; ) { + if (t.return === null || t.return === e) return null; + t = t.return; + } + t.sibling.return = t.return, t = t.sibling; + } + return null; + } + a(p0, "Mh"); + var M2 = []; + function uv() { + for (var e = 0; e < M2.length; e++) M2[e]._workInProgressVersionPrimary = null; + M2.length = 0; + } + a(uv, "Oh"); + var Vd = bo.ReactCurrentDispatcher, B2 = bo.ReactCurrentBatchConfig, ci = 0, Le = null, ot = null, pt = null, f0 = !1, Nc = !1, Zc = 0, Z$ = 0; + function Tt() { + throw Error(M(321)); + } + a(Tt, "Q"); + function cv(e, t) { + if (t === null) return !1; + for (var r = 0; r < t.length && r < e.length; r++) if (!dn(e[r], t[r])) return !1; + return !0; + } + a(cv, "Wh"); + function pv(e, t, r, n, o, i) { + if (ci = i, Le = t, t.memoizedState = null, t.updateQueue = null, t.lanes = 0, Vd.current = e === null || e.memoizedState === null ? nz : + oz, e = r(n, o), Nc) { + i = 0; + do { + if (Nc = !1, Zc = 0, 25 <= i) throw Error(M(301)); + i += 1, pt = ot = null, t.updateQueue = null, Vd.current = az, e = r(n, o); + } while (Nc); + } + if (Vd.current = d0, t = ot !== null && ot.next !== null, ci = 0, pt = ot = Le = null, f0 = !1, t) throw Error(M(300)); + return e; + } + a(pv, "Xh"); + function fv() { + var e = Zc !== 0; + return Zc = 0, e; + } + a(fv, "bi"); + function Nn() { + var e = { memoizedState: null, baseState: null, baseQueue: null, queue: null, next: null }; + return pt === null ? Le.memoizedState = pt = e : pt = pt.next = e, pt; + } + a(Nn, "ci"); + function $r() { + if (ot === null) { + var e = Le.alternate; + e = e !== null ? e.memoizedState : null; + } else e = ot.next; + var t = pt === null ? Le.memoizedState : pt.next; + if (t !== null) pt = t, ot = e; + else { + if (e === null) throw Error(M(310)); + ot = e, e = { memoizedState: ot.memoizedState, baseState: ot.baseState, baseQueue: ot.baseQueue, queue: ot.queue, next: null }, pt === + null ? Le.memoizedState = pt = e : pt = pt.next = e; + } + return pt; + } + a($r, "di"); + function ep(e, t) { + return typeof t == "function" ? t(e) : t; + } + a(ep, "ei"); + function $2(e) { + var t = $r(), r = t.queue; + if (r === null) throw Error(M(311)); + r.lastRenderedReducer = e; + var n = ot, o = n.baseQueue, i = r.pending; + if (i !== null) { + if (o !== null) { + var s = o.next; + o.next = i.next, i.next = s; + } + n.baseQueue = o = i, r.pending = null; + } + if (o !== null) { + i = o.next, n = n.baseState; + var l = s = null, u = null, c = i; + do { + var p = c.lane; + if ((ci & p) === p) u !== null && (u = u.next = { lane: 0, action: c.action, hasEagerState: c.hasEagerState, eagerState: c.eagerState, + next: null }), n = c.hasEagerState ? c.eagerState : e(n, c.action); + else { + var h = { + lane: p, + action: c.action, + hasEagerState: c.hasEagerState, + eagerState: c.eagerState, + next: null + }; + u === null ? (l = u = h, s = n) : u = u.next = h, Le.lanes |= p, pi |= p; + } + c = c.next; + } while (c !== null && c !== i); + u === null ? s = n : u.next = l, dn(n, t.memoizedState) || (nr = !0), t.memoizedState = n, t.baseState = s, t.baseQueue = u, r.lastRenderedState = + n; + } + if (e = r.interleaved, e !== null) { + o = e; + do + i = o.lane, Le.lanes |= i, pi |= i, o = o.next; + while (o !== e); + } else o === null && (r.lanes = 0); + return [t.memoizedState, r.dispatch]; + } + a($2, "fi"); + function z2(e) { + var t = $r(), r = t.queue; + if (r === null) throw Error(M(311)); + r.lastRenderedReducer = e; + var n = r.dispatch, o = r.pending, i = t.memoizedState; + if (o !== null) { + r.pending = null; + var s = o = o.next; + do + i = e(i, s.action), s = s.next; + while (s !== o); + dn(i, t.memoizedState) || (nr = !0), t.memoizedState = i, t.baseQueue === null && (t.baseState = i), r.lastRenderedState = i; + } + return [i, n]; + } + a(z2, "gi"); + function v7() { + } + a(v7, "hi"); + function y7(e, t) { + var r = Le, n = $r(), o = t(), i = !dn(n.memoizedState, o); + if (i && (n.memoizedState = o, nr = !0), n = n.queue, dv(S7.bind(null, r, n, e), [e]), n.getSnapshot !== t || i || pt !== null && pt.memoizedState. + tag & 1) { + if (r.flags |= 2048, tp(9, b7.bind(null, r, n, o, t), void 0, null), ft === null) throw Error(M(349)); + ci & 30 || w7(r, t, o); + } + return o; + } + a(y7, "ii"); + function w7(e, t, r) { + e.flags |= 16384, e = { getSnapshot: t, value: r }, t = Le.updateQueue, t === null ? (t = { lastEffect: null, stores: null }, Le.updateQueue = + t, t.stores = [e]) : (r = t.stores, r === null ? t.stores = [e] : r.push(e)); + } + a(w7, "ni"); + function b7(e, t, r, n) { + t.value = r, t.getSnapshot = n, E7(t) && x7(e); + } + a(b7, "mi"); + function S7(e, t, r) { + return r(function() { + E7(t) && x7(e); + }); + } + a(S7, "ki"); + function E7(e) { + var t = e.getSnapshot; + e = e.value; + try { + var r = t(); + return !dn(e, r); + } catch { + return !0; + } + } + a(E7, "oi"); + function x7(e) { + var t = yo(e, 1); + t !== null && fn(t, e, 1, -1); + } + a(x7, "pi"); + function US(e) { + var t = Nn(); + return typeof e == "function" && (e = e()), t.memoizedState = t.baseState = e, e = { pending: null, interleaved: null, lanes: 0, dispatch: null, + lastRenderedReducer: ep, lastRenderedState: e }, t.queue = e, e = e.dispatch = rz.bind(null, Le, e), [t.memoizedState, e]; + } + a(US, "qi"); + function tp(e, t, r, n) { + return e = { tag: e, create: t, destroy: r, deps: n, next: null }, t = Le.updateQueue, t === null ? (t = { lastEffect: null, stores: null }, + Le.updateQueue = t, t.lastEffect = e.next = e) : (r = t.lastEffect, r === null ? t.lastEffect = e.next = e : (n = r.next, r.next = e, e. + next = n, t.lastEffect = e)), e; + } + a(tp, "li"); + function C7() { + return $r().memoizedState; + } + a(C7, "si"); + function Ud(e, t, r, n) { + var o = Nn(); + Le.flags |= e, o.memoizedState = tp(1 | t, r, void 0, n === void 0 ? null : n); + } + a(Ud, "ti"); + function R0(e, t, r, n) { + var o = $r(); + n = n === void 0 ? null : n; + var i = void 0; + if (ot !== null) { + var s = ot.memoizedState; + if (i = s.destroy, n !== null && cv(n, s.deps)) { + o.memoizedState = tp(t, r, i, n); + return; + } + } + Le.flags |= e, o.memoizedState = tp(1 | t, r, i, n); + } + a(R0, "ui"); + function WS(e, t) { + return Ud(8390656, 8, e, t); + } + a(WS, "vi"); + function dv(e, t) { + return R0(2048, 8, e, t); + } + a(dv, "ji"); + function D7(e, t) { + return R0(4, 2, e, t); + } + a(D7, "wi"); + function R7(e, t) { + return R0(4, 4, e, t); + } + a(R7, "xi"); + function A7(e, t) { + if (typeof t == "function") return e = e(), t(e), function() { + t(null); + }; + if (t != null) return e = e(), t.current = e, function() { + t.current = null; + }; + } + a(A7, "yi"); + function _7(e, t, r) { + return r = r != null ? r.concat([e]) : null, R0(4, 4, A7.bind(null, t, e), r); + } + a(_7, "zi"); + function hv() { + } + a(hv, "Ai"); + function T7(e, t) { + var r = $r(); + t = t === void 0 ? null : t; + var n = r.memoizedState; + return n !== null && t !== null && cv(t, n[1]) ? n[0] : (r.memoizedState = [e, t], e); + } + a(T7, "Bi"); + function k7(e, t) { + var r = $r(); + t = t === void 0 ? null : t; + var n = r.memoizedState; + return n !== null && t !== null && cv(t, n[1]) ? n[0] : (e = e(), r.memoizedState = [e, t], e); + } + a(k7, "Ci"); + function I7(e, t, r) { + return ci & 21 ? (dn(r, t) || (r = OE(), Le.lanes |= r, pi |= r, e.baseState = !0), t) : (e.baseState && (e.baseState = !1, nr = !0), e. + memoizedState = r); + } + a(I7, "Di"); + function ez(e, t) { + var r = me; + me = r !== 0 && 4 > r ? r : 4, e(!0); + var n = B2.transition; + B2.transition = {}; + try { + e(!1), t(); + } finally { + me = r, B2.transition = n; + } + } + a(ez, "Ei"); + function P7() { + return $r().memoizedState; + } + a(P7, "Fi"); + function tz(e, t, r) { + var n = ua(e); + if (r = { lane: n, action: r, hasEagerState: !1, eagerState: null, next: null }, F7(e)) O7(t, r); + else if (r = c7(e, t, r, n), r !== null) { + var o = zt(); + fn(r, e, n, o), L7(r, t, n); + } + } + a(tz, "Gi"); + function rz(e, t, r) { + var n = ua(e), o = { lane: n, action: r, hasEagerState: !1, eagerState: null, next: null }; + if (F7(e)) O7(t, o); + else { + var i = e.alternate; + if (e.lanes === 0 && (i === null || i.lanes === 0) && (i = t.lastRenderedReducer, i !== null)) try { + var s = t.lastRenderedState, l = i(s, r); + if (o.hasEagerState = !0, o.eagerState = l, dn(l, s)) { + var u = t.interleaved; + u === null ? (o.next = o, av(t)) : (o.next = u.next, u.next = o), t.interleaved = o; + return; + } + } catch { + } finally { + } + r = c7(e, t, o, n), r !== null && (o = zt(), fn(r, e, n, o), L7(r, t, n)); + } + } + a(rz, "ri"); + function F7(e) { + var t = e.alternate; + return e === Le || t !== null && t === Le; + } + a(F7, "Hi"); + function O7(e, t) { + Nc = f0 = !0; + var r = e.pending; + r === null ? t.next = t : (t.next = r.next, r.next = t), e.pending = t; + } + a(O7, "Ii"); + function L7(e, t, r) { + if (r & 4194240) { + var n = t.lanes; + n &= e.pendingLanes, r |= n, t.lanes = r, W5(e, r); + } + } + a(L7, "Ji"); + var d0 = { readContext: Br, useCallback: Tt, useContext: Tt, useEffect: Tt, useImperativeHandle: Tt, useInsertionEffect: Tt, useLayoutEffect: Tt, + useMemo: Tt, useReducer: Tt, useRef: Tt, useState: Tt, useDebugValue: Tt, useDeferredValue: Tt, useTransition: Tt, useMutableSource: Tt, useSyncExternalStore: Tt, + useId: Tt, unstable_isNewReconciler: !1 }, nz = { readContext: Br, useCallback: /* @__PURE__ */ a(function(e, t) { + return Nn().memoizedState = [e, t === void 0 ? null : t], e; + }, "useCallback"), useContext: Br, useEffect: WS, useImperativeHandle: /* @__PURE__ */ a(function(e, t, r) { + return r = r != null ? r.concat([e]) : null, Ud( + 4194308, + 4, + A7.bind(null, t, e), + r + ); + }, "useImperativeHandle"), useLayoutEffect: /* @__PURE__ */ a(function(e, t) { + return Ud(4194308, 4, e, t); + }, "useLayoutEffect"), useInsertionEffect: /* @__PURE__ */ a(function(e, t) { + return Ud(4, 2, e, t); + }, "useInsertionEffect"), useMemo: /* @__PURE__ */ a(function(e, t) { + var r = Nn(); + return t = t === void 0 ? null : t, e = e(), r.memoizedState = [e, t], e; + }, "useMemo"), useReducer: /* @__PURE__ */ a(function(e, t, r) { + var n = Nn(); + return t = r !== void 0 ? r(t) : t, n.memoizedState = n.baseState = t, e = { pending: null, interleaved: null, lanes: 0, dispatch: null, + lastRenderedReducer: e, lastRenderedState: t }, n.queue = e, e = e.dispatch = tz.bind(null, Le, e), [n.memoizedState, e]; + }, "useReducer"), useRef: /* @__PURE__ */ a(function(e) { + var t = Nn(); + return e = { current: e }, t.memoizedState = e; + }, "useRef"), useState: US, useDebugValue: hv, useDeferredValue: /* @__PURE__ */ a(function(e) { + return Nn().memoizedState = e; + }, "useDeferredValue"), useTransition: /* @__PURE__ */ a(function() { + var e = US(!1), t = e[0]; + return e = ez.bind(null, e[1]), Nn().memoizedState = e, [t, e]; + }, "useTransition"), useMutableSource: /* @__PURE__ */ a(function() { + }, "useMutableSource"), useSyncExternalStore: /* @__PURE__ */ a(function(e, t, r) { + var n = Le, o = Nn(); + if (Te) { + if (r === void 0) throw Error(M(407)); + r = r(); + } else { + if (r = t(), ft === null) throw Error(M(349)); + ci & 30 || w7(n, t, r); + } + o.memoizedState = r; + var i = { value: r, getSnapshot: t }; + return o.queue = i, WS(S7.bind( + null, + n, + i, + e + ), [e]), n.flags |= 2048, tp(9, b7.bind(null, n, i, r, t), void 0, null), r; + }, "useSyncExternalStore"), useId: /* @__PURE__ */ a(function() { + var e = Nn(), t = ft.identifierPrefix; + if (Te) { + var r = ho, n = fo; + r = (n & ~(1 << 32 - pn(n) - 1)).toString(32) + r, t = ":" + t + "R" + r, r = Zc++, 0 < r && (t += "H" + r.toString(32)), t += ":"; + } else r = Z$++, t = ":" + t + "r" + r.toString(32) + ":"; + return e.memoizedState = t; + }, "useId"), unstable_isNewReconciler: !1 }, oz = { + readContext: Br, + useCallback: T7, + useContext: Br, + useEffect: dv, + useImperativeHandle: _7, + useInsertionEffect: D7, + useLayoutEffect: R7, + useMemo: k7, + useReducer: $2, + useRef: C7, + useState: /* @__PURE__ */ a(function() { + return $2(ep); + }, "useState"), + useDebugValue: hv, + useDeferredValue: /* @__PURE__ */ a(function(e) { + var t = $r(); + return I7(t, ot.memoizedState, e); + }, "useDeferredValue"), + useTransition: /* @__PURE__ */ a(function() { + var e = $2(ep)[0], t = $r().memoizedState; + return [e, t]; + }, "useTransition"), + useMutableSource: v7, + useSyncExternalStore: y7, + useId: P7, + unstable_isNewReconciler: !1 + }, az = { readContext: Br, useCallback: T7, useContext: Br, useEffect: dv, useImperativeHandle: _7, useInsertionEffect: D7, useLayoutEffect: R7, + useMemo: k7, useReducer: z2, useRef: C7, useState: /* @__PURE__ */ a(function() { + return z2(ep); + }, "useState"), useDebugValue: hv, useDeferredValue: /* @__PURE__ */ a(function(e) { + var t = $r(); + return ot === null ? t.memoizedState = e : I7(t, ot.memoizedState, e); + }, "useDeferredValue"), useTransition: /* @__PURE__ */ a(function() { + var e = z2(ep)[0], t = $r().memoizedState; + return [e, t]; + }, "useTransition"), useMutableSource: v7, useSyncExternalStore: y7, useId: P7, unstable_isNewReconciler: !1 }; + function Hs(e, t) { + try { + var r = "", n = t; + do + r += LB(n), n = n.return; + while (n); + var o = r; + } catch (i) { + o = ` +Error generating stack: ` + i.message + ` +` + i.stack; + } + return { value: e, source: t, stack: o, digest: null }; + } + a(Hs, "Ki"); + function H2(e, t, r) { + return { value: e, source: null, stack: r ?? null, digest: t ?? null }; + } + a(H2, "Li"); + function x5(e, t) { + try { + console.error(t.value); + } catch (r) { + setTimeout(function() { + throw r; + }); + } + } + a(x5, "Mi"); + var iz = typeof WeakMap == "function" ? WeakMap : Map; + function N7(e, t, r) { + r = mo(-1, r), r.tag = 3, r.payload = { element: null }; + var n = t.value; + return r.callback = function() { + m0 || (m0 = !0, F5 = n), x5(e, t); + }, r; + } + a(N7, "Oi"); + function M7(e, t, r) { + r = mo(-1, r), r.tag = 3; + var n = e.type.getDerivedStateFromError; + if (typeof n == "function") { + var o = t.value; + r.payload = function() { + return n(o); + }, r.callback = function() { + x5(e, t); + }; + } + var i = e.stateNode; + return i !== null && typeof i.componentDidCatch == "function" && (r.callback = function() { + x5(e, t), typeof n != "function" && (la === null ? la = /* @__PURE__ */ new Set([this]) : la.add(this)); + var s = t.stack; + this.componentDidCatch(t.value, { componentStack: s !== null ? s : "" }); + }), r; + } + a(M7, "Ri"); + function qS(e, t, r) { + var n = e.pingCache; + if (n === null) { + n = e.pingCache = new iz(); + var o = /* @__PURE__ */ new Set(); + n.set(t, o); + } else o = n.get(t), o === void 0 && (o = /* @__PURE__ */ new Set(), n.set(t, o)); + o.has(r) || (o.add(r), e = bz.bind(null, e, t, r), t.then(e, e)); + } + a(qS, "Ti"); + function GS(e) { + do { + var t; + if ((t = e.tag === 13) && (t = e.memoizedState, t = t !== null ? t.dehydrated !== null : !0), t) return e; + e = e.return; + } while (e !== null); + return null; + } + a(GS, "Vi"); + function YS(e, t, r, n, o) { + return e.mode & 1 ? (e.flags |= 65536, e.lanes = o, e) : (e === t ? e.flags |= 65536 : (e.flags |= 128, r.flags |= 131072, r.flags &= -52805, + r.tag === 1 && (r.alternate === null ? r.tag = 17 : (t = mo(-1, 1), t.tag = 2, sa(r, t, 1))), r.lanes |= 1), e); + } + a(YS, "Wi"); + var sz = bo.ReactCurrentOwner, nr = !1; + function $t(e, t, r, n) { + t.child = e === null ? m7(t, null, r, n) : $s(t, e.child, r, n); + } + a($t, "Yi"); + function KS(e, t, r, n, o) { + r = r.render; + var i = t.ref; + return Os(t, o), n = pv(e, t, r, n, i, o), r = fv(), e !== null && !nr ? (t.updateQueue = e.updateQueue, t.flags &= -2053, e.lanes &= ~o, + wo(e, t, o)) : (Te && r && Z5(t), t.flags |= 1, $t(e, t, n, o), t.child); + } + a(KS, "Zi"); + function XS(e, t, r, n, o) { + if (e === null) { + var i = r.type; + return typeof i == "function" && !Ev(i) && i.defaultProps === void 0 && r.compare === null && r.defaultProps === void 0 ? (t.tag = 15, + t.type = i, B7(e, t, i, n, o)) : (e = Yd(r.type, null, n, t, t.mode, o), e.ref = t.ref, e.return = t, t.child = e); + } + if (i = e.child, !(e.lanes & o)) { + var s = i.memoizedProps; + if (r = r.compare, r = r !== null ? r : Gc, r(s, n) && e.ref === t.ref) return wo(e, t, o); + } + return t.flags |= 1, e = ca(i, n), e.ref = t.ref, e.return = t, t.child = e; + } + a(XS, "aj"); + function B7(e, t, r, n, o) { + if (e !== null) { + var i = e.memoizedProps; + if (Gc(i, n) && e.ref === t.ref) if (nr = !1, t.pendingProps = n = i, (e.lanes & o) !== 0) e.flags & 131072 && (nr = !0); + else return t.lanes = e.lanes, wo(e, t, o); + } + return C5(e, t, r, n, o); + } + a(B7, "cj"); + function $7(e, t, r) { + var n = t.pendingProps, o = n.children, i = e !== null ? e.memoizedState : null; + if (n.mode === "hidden") if (!(t.mode & 1)) t.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }, xe(Ts, vr), vr |= r; + else { + if (!(r & 1073741824)) return e = i !== null ? i.baseLanes | r : r, t.lanes = t.childLanes = 1073741824, t.memoizedState = { baseLanes: e, + cachePool: null, transitions: null }, t.updateQueue = null, xe(Ts, vr), vr |= e, null; + t.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }, n = i !== null ? i.baseLanes : r, xe(Ts, vr), vr |= n; + } + else i !== null ? (n = i.baseLanes | r, t.memoizedState = null) : n = r, xe(Ts, vr), vr |= n; + return $t(e, t, o, r), t.child; + } + a($7, "ej"); + function z7(e, t) { + var r = t.ref; + (e === null && r !== null || e !== null && e.ref !== r) && (t.flags |= 512, t.flags |= 2097152); + } + a(z7, "hj"); + function C5(e, t, r, n, o) { + var i = ar(r) ? li : Pt.current; + return i = Ms(t, i), Os(t, o), r = pv(e, t, r, n, i, o), n = fv(), e !== null && !nr ? (t.updateQueue = e.updateQueue, t.flags &= -2053, + e.lanes &= ~o, wo(e, t, o)) : (Te && n && Z5(t), t.flags |= 1, $t(e, t, r, o), t.child); + } + a(C5, "dj"); + function QS(e, t, r, n, o) { + if (ar(r)) { + var i = !0; + a0(t); + } else i = !1; + if (Os(t, o), t.stateNode === null) Wd(e, t), d7(t, r, n), E5(t, r, n, o), n = !0; + else if (e === null) { + var s = t.stateNode, l = t.memoizedProps; + s.props = l; + var u = s.context, c = r.contextType; + typeof c == "object" && c !== null ? c = Br(c) : (c = ar(r) ? li : Pt.current, c = Ms(t, c)); + var p = r.getDerivedStateFromProps, h = typeof p == "function" || typeof s.getSnapshotBeforeUpdate == "function"; + h || typeof s.UNSAFE_componentWillReceiveProps != "function" && typeof s.componentWillReceiveProps != "function" || (l !== n || u !== c) && + jS(t, s, n, c), Jo = !1; + var m = t.memoizedState; + s.state = m, c0(t, n, s, o), u = t.memoizedState, l !== n || m !== u || or.current || Jo ? (typeof p == "function" && (S5(t, r, p, n), + u = t.memoizedState), (l = Jo || HS(t, r, l, n, m, u, c)) ? (h || typeof s.UNSAFE_componentWillMount != "function" && typeof s.componentWillMount != + "function" || (typeof s.componentWillMount == "function" && s.componentWillMount(), typeof s.UNSAFE_componentWillMount == "function" && + s.UNSAFE_componentWillMount()), typeof s.componentDidMount == "function" && (t.flags |= 4194308)) : (typeof s.componentDidMount == "fu\ +nction" && (t.flags |= 4194308), t.memoizedProps = n, t.memoizedState = u), s.props = n, s.state = u, s.context = c, n = l) : (typeof s.componentDidMount == + "function" && (t.flags |= 4194308), n = !1); + } else { + s = t.stateNode, p7(e, t), l = t.memoizedProps, c = t.type === t.elementType ? l : ln(t.type, l), s.props = c, h = t.pendingProps, m = + s.context, u = r.contextType, typeof u == "object" && u !== null ? u = Br(u) : (u = ar(r) ? li : Pt.current, u = Ms(t, u)); + var g = r.getDerivedStateFromProps; + (p = typeof g == "function" || typeof s.getSnapshotBeforeUpdate == "function") || typeof s.UNSAFE_componentWillReceiveProps != "functi\ +on" && typeof s.componentWillReceiveProps != "function" || (l !== h || m !== u) && jS(t, s, n, u), Jo = !1, m = t.memoizedState, s.state = m, + c0(t, n, s, o); + var S = t.memoizedState; + l !== h || m !== S || or.current || Jo ? (typeof g == "function" && (S5(t, r, g, n), S = t.memoizedState), (c = Jo || HS(t, r, c, n, m, + S, u) || !1) ? (p || typeof s.UNSAFE_componentWillUpdate != "function" && typeof s.componentWillUpdate != "function" || (typeof s.componentWillUpdate == + "function" && s.componentWillUpdate(n, S, u), typeof s.UNSAFE_componentWillUpdate == "function" && s.UNSAFE_componentWillUpdate(n, S, u)), + typeof s.componentDidUpdate == "function" && (t.flags |= 4), typeof s.getSnapshotBeforeUpdate == "function" && (t.flags |= 1024)) : (typeof s. + componentDidUpdate != "function" || l === e.memoizedProps && m === e.memoizedState || (t.flags |= 4), typeof s.getSnapshotBeforeUpdate != + "function" || l === e.memoizedProps && m === e.memoizedState || (t.flags |= 1024), t.memoizedProps = n, t.memoizedState = S), s.props = + n, s.state = S, s.context = u, n = c) : (typeof s.componentDidUpdate != "function" || l === e.memoizedProps && m === e.memoizedState || + (t.flags |= 4), typeof s.getSnapshotBeforeUpdate != "function" || l === e.memoizedProps && m === e.memoizedState || (t.flags |= 1024), + n = !1); + } + return D5(e, t, r, n, i, o); + } + a(QS, "ij"); + function D5(e, t, r, n, o, i) { + z7(e, t); + var s = (t.flags & 128) !== 0; + if (!n && !s) return o && NS(t, r, !1), wo(e, t, i); + n = t.stateNode, sz.current = t; + var l = s && typeof r.getDerivedStateFromError != "function" ? null : n.render(); + return t.flags |= 1, e !== null && s ? (t.child = $s(t, e.child, null, i), t.child = $s(t, null, l, i)) : $t(e, t, l, i), t.memoizedState = + n.state, o && NS(t, r, !0), t.child; + } + a(D5, "kj"); + function H7(e) { + var t = e.stateNode; + t.pendingContext ? LS(e, t.pendingContext, t.pendingContext !== t.context) : t.context && LS(e, t.context, !1), sv(e, t.containerInfo); + } + a(H7, "lj"); + function JS(e, t, r, n, o) { + return Bs(), tv(o), t.flags |= 256, $t(e, t, r, n), t.child; + } + a(JS, "mj"); + var R5 = { dehydrated: null, treeContext: null, retryLane: 0 }; + function A5(e) { + return { baseLanes: e, cachePool: null, transitions: null }; + } + a(A5, "oj"); + function j7(e, t, r) { + var n = t.pendingProps, o = Oe.current, i = !1, s = (t.flags & 128) !== 0, l; + if ((l = s) || (l = e !== null && e.memoizedState === null ? !1 : (o & 2) !== 0), l ? (i = !0, t.flags &= -129) : (e === null || e.memoizedState !== + null) && (o |= 1), xe(Oe, o & 1), e === null) + return w5(t), e = t.memoizedState, e !== null && (e = e.dehydrated, e !== null) ? (t.mode & 1 ? e.data === "$!" ? t.lanes = 8 : t.lanes = + 1073741824 : t.lanes = 1, null) : (s = n.children, e = n.fallback, i ? (n = t.mode, i = t.child, s = { mode: "hidden", children: s }, !(n & + 1) && i !== null ? (i.childLanes = 0, i.pendingProps = s) : i = T0(s, n, 0, null), e = si(e, n, r, null), i.return = t, e.return = t, i. + sibling = e, t.child = i, t.child.memoizedState = A5(r), t.memoizedState = R5, e) : mv(t, s)); + if (o = e.memoizedState, o !== null && (l = o.dehydrated, l !== null)) return lz(e, t, s, n, l, o, r); + if (i) { + i = n.fallback, s = t.mode, o = e.child, l = o.sibling; + var u = { mode: "hidden", children: n.children }; + return !(s & 1) && t.child !== o ? (n = t.child, n.childLanes = 0, n.pendingProps = u, t.deletions = null) : (n = ca(o, u), n.subtreeFlags = + o.subtreeFlags & 14680064), l !== null ? i = ca(l, i) : (i = si(i, s, r, null), i.flags |= 2), i.return = t, n.return = t, n.sibling = + i, t.child = n, n = i, i = t.child, s = e.child.memoizedState, s = s === null ? A5(r) : { baseLanes: s.baseLanes | r, cachePool: null, + transitions: s.transitions }, i.memoizedState = s, i.childLanes = e.childLanes & ~r, t.memoizedState = R5, n; + } + return i = e.child, e = i.sibling, n = ca(i, { mode: "visible", children: n.children }), !(t.mode & 1) && (n.lanes = r), n.return = t, n. + sibling = null, e !== null && (r = t.deletions, r === null ? (t.deletions = [e], t.flags |= 16) : r.push(e)), t.child = n, t.memoizedState = + null, n; + } + a(j7, "pj"); + function mv(e, t) { + return t = T0({ mode: "visible", children: t }, e.mode, 0, null), t.return = e, e.child = t; + } + a(mv, "rj"); + function Nd(e, t, r, n) { + return n !== null && tv(n), $s(t, e.child, null, r), e = mv(t, t.pendingProps.children), e.flags |= 2, t.memoizedState = null, e; + } + a(Nd, "tj"); + function lz(e, t, r, n, o, i, s) { + if (r) + return t.flags & 256 ? (t.flags &= -257, n = H2(Error(M(422))), Nd(e, t, s, n)) : t.memoizedState !== null ? (t.child = e.child, t.flags |= + 128, null) : (i = n.fallback, o = t.mode, n = T0({ mode: "visible", children: n.children }, o, 0, null), i = si(i, o, s, null), i.flags |= + 2, n.return = t, i.return = t, n.sibling = i, t.child = n, t.mode & 1 && $s(t, e.child, null, s), t.child.memoizedState = A5(s), t.memoizedState = + R5, i); + if (!(t.mode & 1)) return Nd(e, t, s, null); + if (o.data === "$!") { + if (n = o.nextSibling && o.nextSibling.dataset, n) var l = n.dgst; + return n = l, i = Error(M(419)), n = H2(i, n, void 0), Nd(e, t, s, n); + } + if (l = (s & e.childLanes) !== 0, nr || l) { + if (n = ft, n !== null) { + switch (s & -s) { + case 4: + o = 2; + break; + case 16: + o = 8; + break; + case 64: + case 128: + case 256: + case 512: + case 1024: + case 2048: + case 4096: + case 8192: + case 16384: + case 32768: + case 65536: + case 131072: + case 262144: + case 524288: + case 1048576: + case 2097152: + case 4194304: + case 8388608: + case 16777216: + case 33554432: + case 67108864: + o = 32; + break; + case 536870912: + o = 268435456; + break; + default: + o = 0; + } + o = o & (n.suspendedLanes | s) ? 0 : o, o !== 0 && o !== i.retryLane && (i.retryLane = o, yo(e, o), fn(n, e, o, -1)); + } + return Sv(), n = H2(Error(M(421))), Nd(e, t, s, n); + } + return o.data === "$?" ? (t.flags |= 128, t.child = e.child, t = Sz.bind(null, e), o._reactRetry = t, null) : (e = i.treeContext, yr = ia( + o.nextSibling), wr = t, Te = !0, cn = null, e !== null && (Or[Lr++] = fo, Or[Lr++] = ho, Or[Lr++] = ui, fo = e.id, ho = e.overflow, ui = + t), t = mv(t, n.children), t.flags |= 4096, t); + } + a(lz, "sj"); + function ZS(e, t, r) { + e.lanes |= t; + var n = e.alternate; + n !== null && (n.lanes |= t), b5(e.return, t, r); + } + a(ZS, "wj"); + function j2(e, t, r, n, o) { + var i = e.memoizedState; + i === null ? e.memoizedState = { isBackwards: t, rendering: null, renderingStartTime: 0, last: n, tail: r, tailMode: o } : (i.isBackwards = + t, i.rendering = null, i.renderingStartTime = 0, i.last = n, i.tail = r, i.tailMode = o); + } + a(j2, "xj"); + function V7(e, t, r) { + var n = t.pendingProps, o = n.revealOrder, i = n.tail; + if ($t(e, t, n.children, r), n = Oe.current, n & 2) n = n & 1 | 2, t.flags |= 128; + else { + if (e !== null && e.flags & 128) e: for (e = t.child; e !== null; ) { + if (e.tag === 13) e.memoizedState !== null && ZS(e, r, t); + else if (e.tag === 19) ZS(e, r, t); + else if (e.child !== null) { + e.child.return = e, e = e.child; + continue; + } + if (e === t) break e; + for (; e.sibling === null; ) { + if (e.return === null || e.return === t) break e; + e = e.return; + } + e.sibling.return = e.return, e = e.sibling; + } + n &= 1; + } + if (xe(Oe, n), !(t.mode & 1)) t.memoizedState = null; + else switch (o) { + case "forwards": + for (r = t.child, o = null; r !== null; ) e = r.alternate, e !== null && p0(e) === null && (o = r), r = r.sibling; + r = o, r === null ? (o = t.child, t.child = null) : (o = r.sibling, r.sibling = null), j2(t, !1, o, r, i); + break; + case "backwards": + for (r = null, o = t.child, t.child = null; o !== null; ) { + if (e = o.alternate, e !== null && p0(e) === null) { + t.child = o; + break; + } + e = o.sibling, o.sibling = r, r = o, o = e; + } + j2(t, !0, r, null, i); + break; + case "together": + j2(t, !1, null, null, void 0); + break; + default: + t.memoizedState = null; + } + return t.child; + } + a(V7, "yj"); + function Wd(e, t) { + !(t.mode & 1) && e !== null && (e.alternate = null, t.alternate = null, t.flags |= 2); + } + a(Wd, "jj"); + function wo(e, t, r) { + if (e !== null && (t.dependencies = e.dependencies), pi |= t.lanes, !(r & t.childLanes)) return null; + if (e !== null && t.child !== e.child) throw Error(M(153)); + if (t.child !== null) { + for (e = t.child, r = ca(e, e.pendingProps), t.child = r, r.return = t; e.sibling !== null; ) e = e.sibling, r = r.sibling = ca(e, e.pendingProps), + r.return = t; + r.sibling = null; + } + return t.child; + } + a(wo, "$i"); + function uz(e, t, r) { + switch (t.tag) { + case 3: + H7(t), Bs(); + break; + case 5: + g7(t); + break; + case 1: + ar(t.type) && a0(t); + break; + case 4: + sv(t, t.stateNode.containerInfo); + break; + case 10: + var n = t.type._context, o = t.memoizedProps.value; + xe(l0, n._currentValue), n._currentValue = o; + break; + case 13: + if (n = t.memoizedState, n !== null) + return n.dehydrated !== null ? (xe(Oe, Oe.current & 1), t.flags |= 128, null) : r & t.child.childLanes ? j7(e, t, r) : (xe(Oe, Oe. + current & 1), e = wo(e, t, r), e !== null ? e.sibling : null); + xe(Oe, Oe.current & 1); + break; + case 19: + if (n = (r & t.childLanes) !== 0, e.flags & 128) { + if (n) return V7(e, t, r); + t.flags |= 128; + } + if (o = t.memoizedState, o !== null && (o.rendering = null, o.tail = null, o.lastEffect = null), xe(Oe, Oe.current), n) break; + return null; + case 22: + case 23: + return t.lanes = 0, $7(e, t, r); + } + return wo(e, t, r); + } + a(uz, "zj"); + var U7, _5, W7, q7; + U7 = /* @__PURE__ */ a(function(e, t) { + for (var r = t.child; r !== null; ) { + if (r.tag === 5 || r.tag === 6) e.appendChild(r.stateNode); + else if (r.tag !== 4 && r.child !== null) { + r.child.return = r, r = r.child; + continue; + } + if (r === t) break; + for (; r.sibling === null; ) { + if (r.return === null || r.return === t) return; + r = r.return; + } + r.sibling.return = r.return, r = r.sibling; + } + }, "Aj"); + _5 = /* @__PURE__ */ a(function() { + }, "Bj"); + W7 = /* @__PURE__ */ a(function(e, t, r, n) { + var o = e.memoizedProps; + if (o !== n) { + e = t.stateNode, ai($n.current); + var i = null; + switch (r) { + case "input": + o = X2(e, o), n = X2(e, n), i = []; + break; + case "select": + o = Ne({}, o, { value: void 0 }), n = Ne({}, n, { value: void 0 }), i = []; + break; + case "textarea": + o = Z2(e, o), n = Z2(e, n), i = []; + break; + default: + typeof o.onClick != "function" && typeof n.onClick == "function" && (e.onclick = n0); + } + t5(r, n); + var s; + r = null; + for (c in o) if (!n.hasOwnProperty(c) && o.hasOwnProperty(c) && o[c] != null) if (c === "style") { + var l = o[c]; + for (s in l) l.hasOwnProperty(s) && (r || (r = {}), r[s] = ""); + } else c !== "dangerouslySetInnerHTML" && c !== "children" && c !== "suppressContentEditableWarning" && c !== "suppressHydrationWarnin\ +g" && c !== "autoFocus" && (zc.hasOwnProperty(c) ? i || (i = []) : (i = i || []).push(c, null)); + for (c in n) { + var u = n[c]; + if (l = o?.[c], n.hasOwnProperty(c) && u !== l && (u != null || l != null)) if (c === "style") if (l) { + for (s in l) !l.hasOwnProperty(s) || u && u.hasOwnProperty(s) || (r || (r = {}), r[s] = ""); + for (s in u) u.hasOwnProperty(s) && l[s] !== u[s] && (r || (r = {}), r[s] = u[s]); + } else r || (i || (i = []), i.push( + c, + r + )), r = u; + else c === "dangerouslySetInnerHTML" ? (u = u ? u.__html : void 0, l = l ? l.__html : void 0, u != null && l !== u && (i = i || []). + push(c, u)) : c === "children" ? typeof u != "string" && typeof u != "number" || (i = i || []).push(c, "" + u) : c !== "suppressCont\ +entEditableWarning" && c !== "suppressHydrationWarning" && (zc.hasOwnProperty(c) ? (u != null && c === "onScroll" && Ce("scroll", e), i || l === + u || (i = [])) : (i = i || []).push(c, u)); + } + r && (i = i || []).push("style", r); + var c = i; + (t.updateQueue = c) && (t.flags |= 4); + } + }, "Cj"); + q7 = /* @__PURE__ */ a(function(e, t, r, n) { + r !== n && (t.flags |= 4); + }, "Dj"); + function Cc(e, t) { + if (!Te) switch (e.tailMode) { + case "hidden": + t = e.tail; + for (var r = null; t !== null; ) t.alternate !== null && (r = t), t = t.sibling; + r === null ? e.tail = null : r.sibling = null; + break; + case "collapsed": + r = e.tail; + for (var n = null; r !== null; ) r.alternate !== null && (n = r), r = r.sibling; + n === null ? t || e.tail === null ? e.tail = null : e.tail.sibling = null : n.sibling = null; + } + } + a(Cc, "Ej"); + function kt(e) { + var t = e.alternate !== null && e.alternate.child === e.child, r = 0, n = 0; + if (t) for (var o = e.child; o !== null; ) r |= o.lanes | o.childLanes, n |= o.subtreeFlags & 14680064, n |= o.flags & 14680064, o.return = + e, o = o.sibling; + else for (o = e.child; o !== null; ) r |= o.lanes | o.childLanes, n |= o.subtreeFlags, n |= o.flags, o.return = e, o = o.sibling; + return e.subtreeFlags |= n, e.childLanes = r, t; + } + a(kt, "S"); + function cz(e, t, r) { + var n = t.pendingProps; + switch (ev(t), t.tag) { + case 2: + case 16: + case 15: + case 0: + case 11: + case 7: + case 8: + case 12: + case 9: + case 14: + return kt(t), null; + case 1: + return ar(t.type) && o0(), kt(t), null; + case 3: + return n = t.stateNode, zs(), De(or), De(Pt), uv(), n.pendingContext && (n.context = n.pendingContext, n.pendingContext = null), (e === + null || e.child === null) && (Od(t) ? t.flags |= 4 : e === null || e.memoizedState.isDehydrated && !(t.flags & 256) || (t.flags |= 1024, + cn !== null && (N5(cn), cn = null))), _5(e, t), kt(t), null; + case 5: + lv(t); + var o = ai(Jc.current); + if (r = t.type, e !== null && t.stateNode != null) W7(e, t, r, n, o), e.ref !== t.ref && (t.flags |= 512, t.flags |= 2097152); + else { + if (!n) { + if (t.stateNode === null) throw Error(M(166)); + return kt(t), null; + } + if (e = ai($n.current), Od(t)) { + n = t.stateNode, r = t.type; + var i = t.memoizedProps; + switch (n[Mn] = t, n[Xc] = i, e = (t.mode & 1) !== 0, r) { + case "dialog": + Ce("cancel", n), Ce("close", n); + break; + case "iframe": + case "object": + case "embed": + Ce("load", n); + break; + case "video": + case "audio": + for (o = 0; o < kc.length; o++) Ce(kc[o], n); + break; + case "source": + Ce("error", n); + break; + case "img": + case "image": + case "link": + Ce( + "error", + n + ), Ce("load", n); + break; + case "details": + Ce("toggle", n); + break; + case "input": + sS(n, i), Ce("invalid", n); + break; + case "select": + n._wrapperState = { wasMultiple: !!i.multiple }, Ce("invalid", n); + break; + case "textarea": + uS(n, i), Ce("invalid", n); + } + t5(r, i), o = null; + for (var s in i) if (i.hasOwnProperty(s)) { + var l = i[s]; + s === "children" ? typeof l == "string" ? n.textContent !== l && (i.suppressHydrationWarning !== !0 && Fd(n.textContent, l, e), + o = ["children", l]) : typeof l == "number" && n.textContent !== "" + l && (i.suppressHydrationWarning !== !0 && Fd( + n.textContent, + l, + e + ), o = ["children", "" + l]) : zc.hasOwnProperty(s) && l != null && s === "onScroll" && Ce("scroll", n); + } + switch (r) { + case "input": + Sd(n), lS(n, i, !0); + break; + case "textarea": + Sd(n), cS(n); + break; + case "select": + case "option": + break; + default: + typeof i.onClick == "function" && (n.onclick = n0); + } + n = o, t.updateQueue = n, n !== null && (t.flags |= 4); + } else { + s = o.nodeType === 9 ? o : o.ownerDocument, e === "http://www.w3.org/1999/xhtml" && (e = wE(r)), e === "http://www.w3.org/1999/x\ +html" ? r === "script" ? (e = s.createElement("div"), e.innerHTML = "<script><\/script>", e = e.removeChild(e.firstChild)) : typeof n.is == "\ +string" ? e = s.createElement(r, { is: n.is }) : (e = s.createElement(r), r === "select" && (s = e, n.multiple ? s.multiple = !0 : n.size && + (s.size = n.size))) : e = s.createElementNS(e, r), e[Mn] = t, e[Xc] = n, U7(e, t, !1, !1), t.stateNode = e; + e: { + switch (s = r5(r, n), r) { + case "dialog": + Ce("cancel", e), Ce("close", e), o = n; + break; + case "iframe": + case "object": + case "embed": + Ce("load", e), o = n; + break; + case "video": + case "audio": + for (o = 0; o < kc.length; o++) Ce(kc[o], e); + o = n; + break; + case "source": + Ce("error", e), o = n; + break; + case "img": + case "image": + case "link": + Ce( + "error", + e + ), Ce("load", e), o = n; + break; + case "details": + Ce("toggle", e), o = n; + break; + case "input": + sS(e, n), o = X2(e, n), Ce("invalid", e); + break; + case "option": + o = n; + break; + case "select": + e._wrapperState = { wasMultiple: !!n.multiple }, o = Ne({}, n, { value: void 0 }), Ce("invalid", e); + break; + case "textarea": + uS(e, n), o = Z2(e, n), Ce("invalid", e); + break; + default: + o = n; + } + t5(r, o), l = o; + for (i in l) if (l.hasOwnProperty(i)) { + var u = l[i]; + i === "style" ? EE(e, u) : i === "dangerouslySetInnerHTML" ? (u = u ? u.__html : void 0, u != null && bE(e, u)) : i === "chi\ +ldren" ? typeof u == "string" ? (r !== "textarea" || u !== "") && Hc(e, u) : typeof u == "number" && Hc(e, "" + u) : i !== "suppressContentE\ +ditableWarning" && i !== "suppressHydrationWarning" && i !== "autoFocus" && (zc.hasOwnProperty(i) ? u != null && i === "onScroll" && Ce("scr\ +oll", e) : u != null && $5(e, i, u, s)); + } + switch (r) { + case "input": + Sd(e), lS(e, n, !1); + break; + case "textarea": + Sd(e), cS(e); + break; + case "option": + n.value != null && e.setAttribute("value", "" + pa(n.value)); + break; + case "select": + e.multiple = !!n.multiple, i = n.value, i != null ? ks(e, !!n.multiple, i, !1) : n.defaultValue != null && ks( + e, + !!n.multiple, + n.defaultValue, + !0 + ); + break; + default: + typeof o.onClick == "function" && (e.onclick = n0); + } + switch (r) { + case "button": + case "input": + case "select": + case "textarea": + n = !!n.autoFocus; + break e; + case "img": + n = !0; + break e; + default: + n = !1; + } + } + n && (t.flags |= 4); + } + t.ref !== null && (t.flags |= 512, t.flags |= 2097152); + } + return kt(t), null; + case 6: + if (e && t.stateNode != null) q7(e, t, e.memoizedProps, n); + else { + if (typeof n != "string" && t.stateNode === null) throw Error(M(166)); + if (r = ai(Jc.current), ai($n.current), Od(t)) { + if (n = t.stateNode, r = t.memoizedProps, n[Mn] = t, (i = n.nodeValue !== r) && (e = wr, e !== null)) switch (e.tag) { + case 3: + Fd(n.nodeValue, r, (e.mode & 1) !== 0); + break; + case 5: + e.memoizedProps.suppressHydrationWarning !== !0 && Fd(n.nodeValue, r, (e.mode & 1) !== 0); + } + i && (t.flags |= 4); + } else n = (r.nodeType === 9 ? r : r.ownerDocument).createTextNode(n), n[Mn] = t, t.stateNode = n; + } + return kt(t), null; + case 13: + if (De(Oe), n = t.memoizedState, e === null || e.memoizedState !== null && e.memoizedState.dehydrated !== null) { + if (Te && yr !== null && t.mode & 1 && !(t.flags & 128)) u7(), Bs(), t.flags |= 98560, i = !1; + else if (i = Od(t), n !== null && n.dehydrated !== null) { + if (e === null) { + if (!i) throw Error(M(318)); + if (i = t.memoizedState, i = i !== null ? i.dehydrated : null, !i) throw Error(M(317)); + i[Mn] = t; + } else Bs(), !(t.flags & 128) && (t.memoizedState = null), t.flags |= 4; + kt(t), i = !1; + } else cn !== null && (N5(cn), cn = null), i = !0; + if (!i) return t.flags & 65536 ? t : null; + } + return t.flags & 128 ? (t.lanes = r, t) : (n = n !== null, n !== (e !== null && e.memoizedState !== null) && n && (t.child.flags |= 8192, + t.mode & 1 && (e === null || Oe.current & 1 ? at === 0 && (at = 3) : Sv())), t.updateQueue !== null && (t.flags |= 4), kt(t), null); + case 4: + return zs(), _5(e, t), e === null && Yc(t.stateNode.containerInfo), kt(t), null; + case 10: + return ov(t.type._context), kt(t), null; + case 17: + return ar(t.type) && o0(), kt(t), null; + case 19: + if (De(Oe), i = t.memoizedState, i === null) return kt(t), null; + if (n = (t.flags & 128) !== 0, s = i.rendering, s === null) if (n) Cc(i, !1); + else { + if (at !== 0 || e !== null && e.flags & 128) for (e = t.child; e !== null; ) { + if (s = p0(e), s !== null) { + for (t.flags |= 128, Cc(i, !1), n = s.updateQueue, n !== null && (t.updateQueue = n, t.flags |= 4), t.subtreeFlags = 0, n = r, + r = t.child; r !== null; ) i = r, e = n, i.flags &= 14680066, s = i.alternate, s === null ? (i.childLanes = 0, i.lanes = e, i. + child = null, i.subtreeFlags = 0, i.memoizedProps = null, i.memoizedState = null, i.updateQueue = null, i.dependencies = null, + i.stateNode = null) : (i.childLanes = s.childLanes, i.lanes = s.lanes, i.child = s.child, i.subtreeFlags = 0, i.deletions = null, + i.memoizedProps = s.memoizedProps, i.memoizedState = s.memoizedState, i.updateQueue = s.updateQueue, i.type = s.type, e = s.dependencies, + i.dependencies = e === null ? null : { lanes: e.lanes, firstContext: e.firstContext }), r = r.sibling; + return xe(Oe, Oe.current & 1 | 2), t.child; + } + e = e.sibling; + } + i.tail !== null && qe() > js && (t.flags |= 128, n = !0, Cc(i, !1), t.lanes = 4194304); + } + else { + if (!n) if (e = p0(s), e !== null) { + if (t.flags |= 128, n = !0, r = e.updateQueue, r !== null && (t.updateQueue = r, t.flags |= 4), Cc(i, !0), i.tail === null && i. + tailMode === "hidden" && !s.alternate && !Te) return kt(t), null; + } else 2 * qe() - i.renderingStartTime > js && r !== 1073741824 && (t.flags |= 128, n = !0, Cc(i, !1), t.lanes = 4194304); + i.isBackwards ? (s.sibling = t.child, t.child = s) : (r = i.last, r !== null ? r.sibling = s : t.child = s, i.last = s); + } + return i.tail !== null ? (t = i.tail, i.rendering = t, i.tail = t.sibling, i.renderingStartTime = qe(), t.sibling = null, r = Oe.current, + xe(Oe, n ? r & 1 | 2 : r & 1), t) : (kt(t), null); + case 22: + case 23: + return bv(), n = t.memoizedState !== null, e !== null && e.memoizedState !== null !== n && (t.flags |= 8192), n && t.mode & 1 ? vr & + 1073741824 && (kt(t), t.subtreeFlags & 6 && (t.flags |= 8192)) : kt(t), null; + case 24: + return null; + case 25: + return null; + } + throw Error(M(156, t.tag)); + } + a(cz, "Fj"); + function pz(e, t) { + switch (ev(t), t.tag) { + case 1: + return ar(t.type) && o0(), e = t.flags, e & 65536 ? (t.flags = e & -65537 | 128, t) : null; + case 3: + return zs(), De(or), De(Pt), uv(), e = t.flags, e & 65536 && !(e & 128) ? (t.flags = e & -65537 | 128, t) : null; + case 5: + return lv(t), null; + case 13: + if (De(Oe), e = t.memoizedState, e !== null && e.dehydrated !== null) { + if (t.alternate === null) throw Error(M(340)); + Bs(); + } + return e = t.flags, e & 65536 ? (t.flags = e & -65537 | 128, t) : null; + case 19: + return De(Oe), null; + case 4: + return zs(), null; + case 10: + return ov(t.type._context), null; + case 22: + case 23: + return bv(), null; + case 24: + return null; + default: + return null; + } + } + a(pz, "Jj"); + var Md = !1, It = !1, fz = typeof WeakSet == "function" ? WeakSet : Set, U = null; + function _s(e, t) { + var r = e.ref; + if (r !== null) if (typeof r == "function") try { + r(null); + } catch (n) { + ze(e, t, n); + } + else r.current = null; + } + a(_s, "Mj"); + function T5(e, t, r) { + try { + r(); + } catch (n) { + ze(e, t, n); + } + } + a(T5, "Nj"); + var eE = !1; + function dz(e, t) { + if (f5 = e0, e = XE(), J5(e)) { + if ("selectionStart" in e) var r = { start: e.selectionStart, end: e.selectionEnd }; + else e: { + r = (r = e.ownerDocument) && r.defaultView || window; + var n = r.getSelection && r.getSelection(); + if (n && n.rangeCount !== 0) { + r = n.anchorNode; + var o = n.anchorOffset, i = n.focusNode; + n = n.focusOffset; + try { + r.nodeType, i.nodeType; + } catch { + r = null; + break e; + } + var s = 0, l = -1, u = -1, c = 0, p = 0, h = e, m = null; + t: for (; ; ) { + for (var g; h !== r || o !== 0 && h.nodeType !== 3 || (l = s + o), h !== i || n !== 0 && h.nodeType !== 3 || (u = s + n), h.nodeType === + 3 && (s += h.nodeValue.length), (g = h.firstChild) !== null; ) + m = h, h = g; + for (; ; ) { + if (h === e) break t; + if (m === r && ++c === o && (l = s), m === i && ++p === n && (u = s), (g = h.nextSibling) !== null) break; + h = m, m = h.parentNode; + } + h = g; + } + r = l === -1 || u === -1 ? null : { start: l, end: u }; + } else r = null; + } + r = r || { start: 0, end: 0 }; + } else r = null; + for (d5 = { focusedElem: e, selectionRange: r }, e0 = !1, U = t; U !== null; ) if (t = U, e = t.child, (t.subtreeFlags & 1028) !== 0 && e !== + null) e.return = t, U = e; + else for (; U !== null; ) { + t = U; + try { + var S = t.alternate; + if (t.flags & 1024) switch (t.tag) { + case 0: + case 11: + case 15: + break; + case 1: + if (S !== null) { + var v = S.memoizedProps, b = S.memoizedState, w = t.stateNode, y = w.getSnapshotBeforeUpdate(t.elementType === t.type ? v : ln( + t.type, v), b); + w.__reactInternalSnapshotBeforeUpdate = y; + } + break; + case 3: + var E = t.stateNode.containerInfo; + E.nodeType === 1 ? E.textContent = "" : E.nodeType === 9 && E.documentElement && E.removeChild(E.documentElement); + break; + case 5: + case 6: + case 4: + case 17: + break; + default: + throw Error(M(163)); + } + } catch (x) { + ze(t, t.return, x); + } + if (e = t.sibling, e !== null) { + e.return = t.return, U = e; + break; + } + U = t.return; + } + return S = eE, eE = !1, S; + } + a(dz, "Pj"); + function Mc(e, t, r) { + var n = t.updateQueue; + if (n = n !== null ? n.lastEffect : null, n !== null) { + var o = n = n.next; + do { + if ((o.tag & e) === e) { + var i = o.destroy; + o.destroy = void 0, i !== void 0 && T5(t, r, i); + } + o = o.next; + } while (o !== n); + } + } + a(Mc, "Qj"); + function A0(e, t) { + if (t = t.updateQueue, t = t !== null ? t.lastEffect : null, t !== null) { + var r = t = t.next; + do { + if ((r.tag & e) === e) { + var n = r.create; + r.destroy = n(); + } + r = r.next; + } while (r !== t); + } + } + a(A0, "Rj"); + function k5(e) { + var t = e.ref; + if (t !== null) { + var r = e.stateNode; + switch (e.tag) { + case 5: + e = r; + break; + default: + e = r; + } + typeof t == "function" ? t(e) : t.current = e; + } + } + a(k5, "Sj"); + function G7(e) { + var t = e.alternate; + t !== null && (e.alternate = null, G7(t)), e.child = null, e.deletions = null, e.sibling = null, e.tag === 5 && (t = e.stateNode, t !== null && + (delete t[Mn], delete t[Xc], delete t[g5], delete t[K$], delete t[X$])), e.stateNode = null, e.return = null, e.dependencies = null, e.memoizedProps = + null, e.memoizedState = null, e.pendingProps = null, e.stateNode = null, e.updateQueue = null; + } + a(G7, "Tj"); + function Y7(e) { + return e.tag === 5 || e.tag === 3 || e.tag === 4; + } + a(Y7, "Uj"); + function tE(e) { + e: for (; ; ) { + for (; e.sibling === null; ) { + if (e.return === null || Y7(e.return)) return null; + e = e.return; + } + for (e.sibling.return = e.return, e = e.sibling; e.tag !== 5 && e.tag !== 6 && e.tag !== 18; ) { + if (e.flags & 2 || e.child === null || e.tag === 4) continue e; + e.child.return = e, e = e.child; + } + if (!(e.flags & 2)) return e.stateNode; + } + } + a(tE, "Vj"); + function I5(e, t, r) { + var n = e.tag; + if (n === 5 || n === 6) e = e.stateNode, t ? r.nodeType === 8 ? r.parentNode.insertBefore(e, t) : r.insertBefore(e, t) : (r.nodeType === + 8 ? (t = r.parentNode, t.insertBefore(e, r)) : (t = r, t.appendChild(e)), r = r._reactRootContainer, r != null || t.onclick !== null || (t. + onclick = n0)); + else if (n !== 4 && (e = e.child, e !== null)) for (I5(e, t, r), e = e.sibling; e !== null; ) I5(e, t, r), e = e.sibling; + } + a(I5, "Wj"); + function P5(e, t, r) { + var n = e.tag; + if (n === 5 || n === 6) e = e.stateNode, t ? r.insertBefore(e, t) : r.appendChild(e); + else if (n !== 4 && (e = e.child, e !== null)) for (P5(e, t, r), e = e.sibling; e !== null; ) P5(e, t, r), e = e.sibling; + } + a(P5, "Xj"); + var wt = null, un = !1; + function Xo(e, t, r) { + for (r = r.child; r !== null; ) K7(e, t, r), r = r.sibling; + } + a(Xo, "Zj"); + function K7(e, t, r) { + if (Bn && typeof Bn.onCommitFiberUnmount == "function") try { + Bn.onCommitFiberUnmount(w0, r); + } catch { + } + switch (r.tag) { + case 5: + It || _s(r, t); + case 6: + var n = wt, o = un; + wt = null, Xo(e, t, r), wt = n, un = o, wt !== null && (un ? (e = wt, r = r.stateNode, e.nodeType === 8 ? e.parentNode.removeChild(r) : + e.removeChild(r)) : wt.removeChild(r.stateNode)); + break; + case 18: + wt !== null && (un ? (e = wt, r = r.stateNode, e.nodeType === 8 ? L2(e.parentNode, r) : e.nodeType === 1 && L2(e, r), Wc(e)) : L2(wt, + r.stateNode)); + break; + case 4: + n = wt, o = un, wt = r.stateNode.containerInfo, un = !0, Xo(e, t, r), wt = n, un = o; + break; + case 0: + case 11: + case 14: + case 15: + if (!It && (n = r.updateQueue, n !== null && (n = n.lastEffect, n !== null))) { + o = n = n.next; + do { + var i = o, s = i.destroy; + i = i.tag, s !== void 0 && (i & 2 || i & 4) && T5(r, t, s), o = o.next; + } while (o !== n); + } + Xo(e, t, r); + break; + case 1: + if (!It && (_s(r, t), n = r.stateNode, typeof n.componentWillUnmount == "function")) try { + n.props = r.memoizedProps, n.state = r.memoizedState, n.componentWillUnmount(); + } catch (l) { + ze(r, t, l); + } + Xo(e, t, r); + break; + case 21: + Xo(e, t, r); + break; + case 22: + r.mode & 1 ? (It = (n = It) || r.memoizedState !== null, Xo(e, t, r), It = n) : Xo(e, t, r); + break; + default: + Xo(e, t, r); + } + } + a(K7, "ak"); + function rE(e) { + var t = e.updateQueue; + if (t !== null) { + e.updateQueue = null; + var r = e.stateNode; + r === null && (r = e.stateNode = new fz()), t.forEach(function(n) { + var o = Ez.bind(null, e, n); + r.has(n) || (r.add(n), n.then(o, o)); + }); + } + } + a(rE, "bk"); + function sn(e, t) { + var r = t.deletions; + if (r !== null) for (var n = 0; n < r.length; n++) { + var o = r[n]; + try { + var i = e, s = t, l = s; + e: for (; l !== null; ) { + switch (l.tag) { + case 5: + wt = l.stateNode, un = !1; + break e; + case 3: + wt = l.stateNode.containerInfo, un = !0; + break e; + case 4: + wt = l.stateNode.containerInfo, un = !0; + break e; + } + l = l.return; + } + if (wt === null) throw Error(M(160)); + K7(i, s, o), wt = null, un = !1; + var u = o.alternate; + u !== null && (u.return = null), o.return = null; + } catch (c) { + ze(o, t, c); + } + } + if (t.subtreeFlags & 12854) for (t = t.child; t !== null; ) X7(t, e), t = t.sibling; + } + a(sn, "dk"); + function X7(e, t) { + var r = e.alternate, n = e.flags; + switch (e.tag) { + case 0: + case 11: + case 14: + case 15: + if (sn(t, e), Ln(e), n & 4) { + try { + Mc(3, e, e.return), A0(3, e); + } catch (v) { + ze(e, e.return, v); + } + try { + Mc(5, e, e.return); + } catch (v) { + ze(e, e.return, v); + } + } + break; + case 1: + sn(t, e), Ln(e), n & 512 && r !== null && _s(r, r.return); + break; + case 5: + if (sn(t, e), Ln(e), n & 512 && r !== null && _s(r, r.return), e.flags & 32) { + var o = e.stateNode; + try { + Hc(o, ""); + } catch (v) { + ze(e, e.return, v); + } + } + if (n & 4 && (o = e.stateNode, o != null)) { + var i = e.memoizedProps, s = r !== null ? r.memoizedProps : i, l = e.type, u = e.updateQueue; + if (e.updateQueue = null, u !== null) try { + l === "input" && i.type === "radio" && i.name != null && vE(o, i), r5(l, s); + var c = r5(l, i); + for (s = 0; s < u.length; s += 2) { + var p = u[s], h = u[s + 1]; + p === "style" ? EE(o, h) : p === "dangerouslySetInnerHTML" ? bE(o, h) : p === "children" ? Hc(o, h) : $5(o, p, h, c); + } + switch (l) { + case "input": + Q2(o, i); + break; + case "textarea": + yE(o, i); + break; + case "select": + var m = o._wrapperState.wasMultiple; + o._wrapperState.wasMultiple = !!i.multiple; + var g = i.value; + g != null ? ks(o, !!i.multiple, g, !1) : m !== !!i.multiple && (i.defaultValue != null ? ks( + o, + !!i.multiple, + i.defaultValue, + !0 + ) : ks(o, !!i.multiple, i.multiple ? [] : "", !1)); + } + o[Xc] = i; + } catch (v) { + ze(e, e.return, v); + } + } + break; + case 6: + if (sn(t, e), Ln(e), n & 4) { + if (e.stateNode === null) throw Error(M(162)); + o = e.stateNode, i = e.memoizedProps; + try { + o.nodeValue = i; + } catch (v) { + ze(e, e.return, v); + } + } + break; + case 3: + if (sn(t, e), Ln(e), n & 4 && r !== null && r.memoizedState.isDehydrated) try { + Wc(t.containerInfo); + } catch (v) { + ze(e, e.return, v); + } + break; + case 4: + sn(t, e), Ln(e); + break; + case 13: + sn(t, e), Ln(e), o = e.child, o.flags & 8192 && (i = o.memoizedState !== null, o.stateNode.isHidden = i, !i || o.alternate !== null && + o.alternate.memoizedState !== null || (yv = qe())), n & 4 && rE(e); + break; + case 22: + if (p = r !== null && r.memoizedState !== null, e.mode & 1 ? (It = (c = It) || p, sn(t, e), It = c) : sn(t, e), Ln(e), n & 8192) { + if (c = e.memoizedState !== null, (e.stateNode.isHidden = c) && !p && e.mode & 1) for (U = e, p = e.child; p !== null; ) { + for (h = U = p; U !== null; ) { + switch (m = U, g = m.child, m.tag) { + case 0: + case 11: + case 14: + case 15: + Mc(4, m, m.return); + break; + case 1: + _s(m, m.return); + var S = m.stateNode; + if (typeof S.componentWillUnmount == "function") { + n = m, r = m.return; + try { + t = n, S.props = t.memoizedProps, S.state = t.memoizedState, S.componentWillUnmount(); + } catch (v) { + ze(n, r, v); + } + } + break; + case 5: + _s(m, m.return); + break; + case 22: + if (m.memoizedState !== null) { + oE(h); + continue; + } + } + g !== null ? (g.return = m, U = g) : oE(h); + } + p = p.sibling; + } + e: for (p = null, h = e; ; ) { + if (h.tag === 5) { + if (p === null) { + p = h; + try { + o = h.stateNode, c ? (i = o.style, typeof i.setProperty == "function" ? i.setProperty("display", "none", "important") : i. + display = "none") : (l = h.stateNode, u = h.memoizedProps.style, s = u != null && u.hasOwnProperty("display") ? u.display : + null, l.style.display = SE("display", s)); + } catch (v) { + ze(e, e.return, v); + } + } + } else if (h.tag === 6) { + if (p === null) try { + h.stateNode.nodeValue = c ? "" : h.memoizedProps; + } catch (v) { + ze(e, e.return, v); + } + } else if ((h.tag !== 22 && h.tag !== 23 || h.memoizedState === null || h === e) && h.child !== null) { + h.child.return = h, h = h.child; + continue; + } + if (h === e) break e; + for (; h.sibling === null; ) { + if (h.return === null || h.return === e) break e; + p === h && (p = null), h = h.return; + } + p === h && (p = null), h.sibling.return = h.return, h = h.sibling; + } + } + break; + case 19: + sn(t, e), Ln(e), n & 4 && rE(e); + break; + case 21: + break; + default: + sn( + t, + e + ), Ln(e); + } + } + a(X7, "ek"); + function Ln(e) { + var t = e.flags; + if (t & 2) { + try { + e: { + for (var r = e.return; r !== null; ) { + if (Y7(r)) { + var n = r; + break e; + } + r = r.return; + } + throw Error(M(160)); + } + switch (n.tag) { + case 5: + var o = n.stateNode; + n.flags & 32 && (Hc(o, ""), n.flags &= -33); + var i = tE(e); + P5(e, i, o); + break; + case 3: + case 4: + var s = n.stateNode.containerInfo, l = tE(e); + I5(e, l, s); + break; + default: + throw Error(M(161)); + } + } catch (u) { + ze(e, e.return, u); + } + e.flags &= -3; + } + t & 4096 && (e.flags &= -4097); + } + a(Ln, "fk"); + function hz(e, t, r) { + U = e, Q7(e, t, r); + } + a(hz, "ik"); + function Q7(e, t, r) { + for (var n = (e.mode & 1) !== 0; U !== null; ) { + var o = U, i = o.child; + if (o.tag === 22 && n) { + var s = o.memoizedState !== null || Md; + if (!s) { + var l = o.alternate, u = l !== null && l.memoizedState !== null || It; + l = Md; + var c = It; + if (Md = s, (It = u) && !c) for (U = o; U !== null; ) s = U, u = s.child, s.tag === 22 && s.memoizedState !== null ? aE(o) : u !== + null ? (u.return = s, U = u) : aE(o); + for (; i !== null; ) U = i, Q7(i, t, r), i = i.sibling; + U = o, Md = l, It = c; + } + nE(e, t, r); + } else o.subtreeFlags & 8772 && i !== null ? (i.return = o, U = i) : nE(e, t, r); + } + } + a(Q7, "jk"); + function nE(e) { + for (; U !== null; ) { + var t = U; + if (t.flags & 8772) { + var r = t.alternate; + try { + if (t.flags & 8772) switch (t.tag) { + case 0: + case 11: + case 15: + It || A0(5, t); + break; + case 1: + var n = t.stateNode; + if (t.flags & 4 && !It) if (r === null) n.componentDidMount(); + else { + var o = t.elementType === t.type ? r.memoizedProps : ln(t.type, r.memoizedProps); + n.componentDidUpdate(o, r.memoizedState, n.__reactInternalSnapshotBeforeUpdate); + } + var i = t.updateQueue; + i !== null && zS(t, i, n); + break; + case 3: + var s = t.updateQueue; + if (s !== null) { + if (r = null, t.child !== null) switch (t.child.tag) { + case 5: + r = t.child.stateNode; + break; + case 1: + r = t.child.stateNode; + } + zS(t, s, r); + } + break; + case 5: + var l = t.stateNode; + if (r === null && t.flags & 4) { + r = l; + var u = t.memoizedProps; + switch (t.type) { + case "button": + case "input": + case "select": + case "textarea": + u.autoFocus && r.focus(); + break; + case "img": + u.src && (r.src = u.src); + } + } + break; + case 6: + break; + case 4: + break; + case 12: + break; + case 13: + if (t.memoizedState === null) { + var c = t.alternate; + if (c !== null) { + var p = c.memoizedState; + if (p !== null) { + var h = p.dehydrated; + h !== null && Wc(h); + } + } + } + break; + case 19: + case 17: + case 21: + case 22: + case 23: + case 25: + break; + default: + throw Error(M(163)); + } + It || t.flags & 512 && k5(t); + } catch (m) { + ze(t, t.return, m); + } + } + if (t === e) { + U = null; + break; + } + if (r = t.sibling, r !== null) { + r.return = t.return, U = r; + break; + } + U = t.return; + } + } + a(nE, "lk"); + function oE(e) { + for (; U !== null; ) { + var t = U; + if (t === e) { + U = null; + break; + } + var r = t.sibling; + if (r !== null) { + r.return = t.return, U = r; + break; + } + U = t.return; + } + } + a(oE, "hk"); + function aE(e) { + for (; U !== null; ) { + var t = U; + try { + switch (t.tag) { + case 0: + case 11: + case 15: + var r = t.return; + try { + A0(4, t); + } catch (u) { + ze(t, r, u); + } + break; + case 1: + var n = t.stateNode; + if (typeof n.componentDidMount == "function") { + var o = t.return; + try { + n.componentDidMount(); + } catch (u) { + ze(t, o, u); + } + } + var i = t.return; + try { + k5(t); + } catch (u) { + ze(t, i, u); + } + break; + case 5: + var s = t.return; + try { + k5(t); + } catch (u) { + ze(t, s, u); + } + } + } catch (u) { + ze(t, t.return, u); + } + if (t === e) { + U = null; + break; + } + var l = t.sibling; + if (l !== null) { + l.return = t.return, U = l; + break; + } + U = t.return; + } + } + a(aE, "kk"); + var mz = Math.ceil, h0 = bo.ReactCurrentDispatcher, gv = bo.ReactCurrentOwner, Mr = bo.ReactCurrentBatchConfig, ce = 0, ft = null, Qe = null, + bt = 0, vr = 0, Ts = ha(0), at = 0, rp = null, pi = 0, _0 = 0, vv = 0, Bc = null, rr = null, yv = 0, js = 1 / 0, co = null, m0 = !1, F5 = null, + la = null, Bd = !1, ra = null, g0 = 0, $c = 0, O5 = null, qd = -1, Gd = 0; + function zt() { + return ce & 6 ? qe() : qd !== -1 ? qd : qd = qe(); + } + a(zt, "L"); + function ua(e) { + return e.mode & 1 ? ce & 2 && bt !== 0 ? bt & -bt : J$.transition !== null ? (Gd === 0 && (Gd = OE()), Gd) : (e = me, e !== 0 || (e = window. + event, e = e === void 0 ? 16 : HE(e.type)), e) : 1; + } + a(ua, "lh"); + function fn(e, t, r, n) { + if (50 < $c) throw $c = 0, O5 = null, Error(M(185)); + np(e, r, n), (!(ce & 2) || e !== ft) && (e === ft && (!(ce & 2) && (_0 |= r), at === 4 && ea(e, bt)), ir(e, n), r === 1 && ce === 0 && !(t. + mode & 1) && (js = qe() + 500, C0 && ma())); + } + a(fn, "mh"); + function ir(e, t) { + var r = e.callbackNode; + e$(e, t); + var n = Zd(e, e === ft ? bt : 0); + if (n === 0) r !== null && dS(r), e.callbackNode = null, e.callbackPriority = 0; + else if (t = n & -n, e.callbackPriority !== t) { + if (r != null && dS(r), t === 1) e.tag === 0 ? Q$(iE.bind(null, e)) : i7(iE.bind(null, e)), G$(function() { + !(ce & 6) && ma(); + }), r = null; + else { + switch (LE(n)) { + case 1: + r = U5; + break; + case 4: + r = PE; + break; + case 16: + r = Jd; + break; + case 536870912: + r = FE; + break; + default: + r = Jd; + } + r = ax(r, J7.bind(null, e)); + } + e.callbackPriority = t, e.callbackNode = r; + } + } + a(ir, "Ek"); + function J7(e, t) { + if (qd = -1, Gd = 0, ce & 6) throw Error(M(327)); + var r = e.callbackNode; + if (Ls() && e.callbackNode !== r) return null; + var n = Zd(e, e === ft ? bt : 0); + if (n === 0) return null; + if (n & 30 || n & e.expiredLanes || t) t = v0(e, n); + else { + t = n; + var o = ce; + ce |= 2; + var i = ex(); + (ft !== e || bt !== t) && (co = null, js = qe() + 500, ii(e, t)); + do + try { + yz(); + break; + } catch (l) { + Z7(e, l); + } + while (!0); + nv(), h0.current = i, ce = o, Qe !== null ? t = 0 : (ft = null, bt = 0, t = at); + } + if (t !== 0) { + if (t === 2 && (o = s5(e), o !== 0 && (n = o, t = L5(e, o))), t === 1) throw r = rp, ii(e, 0), ea(e, n), ir(e, qe()), r; + if (t === 6) ea(e, n); + else { + if (o = e.current.alternate, !(n & 30) && !gz(o) && (t = v0(e, n), t === 2 && (i = s5(e), i !== 0 && (n = i, t = L5(e, i))), t === 1)) + throw r = rp, ii(e, 0), ea(e, n), ir(e, qe()), r; + switch (e.finishedWork = o, e.finishedLanes = n, t) { + case 0: + case 1: + throw Error(M(345)); + case 2: + ri(e, rr, co); + break; + case 3: + if (ea(e, n), (n & 130023424) === n && (t = yv + 500 - qe(), 10 < t)) { + if (Zd(e, 0) !== 0) break; + if (o = e.suspendedLanes, (o & n) !== n) { + zt(), e.pingedLanes |= e.suspendedLanes & o; + break; + } + e.timeoutHandle = m5(ri.bind(null, e, rr, co), t); + break; + } + ri(e, rr, co); + break; + case 4: + if (ea(e, n), (n & 4194240) === n) break; + for (t = e.eventTimes, o = -1; 0 < n; ) { + var s = 31 - pn(n); + i = 1 << s, s = t[s], s > o && (o = s), n &= ~i; + } + if (n = o, n = qe() - n, n = (120 > n ? 120 : 480 > n ? 480 : 1080 > n ? 1080 : 1920 > n ? 1920 : 3e3 > n ? 3e3 : 4320 > n ? 4320 : + 1960 * mz(n / 1960)) - n, 10 < n) { + e.timeoutHandle = m5(ri.bind(null, e, rr, co), n); + break; + } + ri(e, rr, co); + break; + case 5: + ri(e, rr, co); + break; + default: + throw Error(M(329)); + } + } + } + return ir(e, qe()), e.callbackNode === r ? J7.bind(null, e) : null; + } + a(J7, "Hk"); + function L5(e, t) { + var r = Bc; + return e.current.memoizedState.isDehydrated && (ii(e, t).flags |= 256), e = v0(e, t), e !== 2 && (t = rr, rr = r, t !== null && N5(t)), e; + } + a(L5, "Ok"); + function N5(e) { + rr === null ? rr = e : rr.push.apply(rr, e); + } + a(N5, "Gj"); + function gz(e) { + for (var t = e; ; ) { + if (t.flags & 16384) { + var r = t.updateQueue; + if (r !== null && (r = r.stores, r !== null)) for (var n = 0; n < r.length; n++) { + var o = r[n], i = o.getSnapshot; + o = o.value; + try { + if (!dn(i(), o)) return !1; + } catch { + return !1; + } + } + } + if (r = t.child, t.subtreeFlags & 16384 && r !== null) r.return = t, t = r; + else { + if (t === e) break; + for (; t.sibling === null; ) { + if (t.return === null || t.return === e) return !0; + t = t.return; + } + t.sibling.return = t.return, t = t.sibling; + } + } + return !0; + } + a(gz, "Pk"); + function ea(e, t) { + for (t &= ~vv, t &= ~_0, e.suspendedLanes |= t, e.pingedLanes &= ~t, e = e.expirationTimes; 0 < t; ) { + var r = 31 - pn(t), n = 1 << r; + e[r] = -1, t &= ~n; + } + } + a(ea, "Dk"); + function iE(e) { + if (ce & 6) throw Error(M(327)); + Ls(); + var t = Zd(e, 0); + if (!(t & 1)) return ir(e, qe()), null; + var r = v0(e, t); + if (e.tag !== 0 && r === 2) { + var n = s5(e); + n !== 0 && (t = n, r = L5(e, n)); + } + if (r === 1) throw r = rp, ii(e, 0), ea(e, t), ir(e, qe()), r; + if (r === 6) throw Error(M(345)); + return e.finishedWork = e.current.alternate, e.finishedLanes = t, ri(e, rr, co), ir(e, qe()), null; + } + a(iE, "Fk"); + function wv(e, t) { + var r = ce; + ce |= 1; + try { + return e(t); + } finally { + ce = r, ce === 0 && (js = qe() + 500, C0 && ma()); + } + } + a(wv, "Rk"); + function fi(e) { + ra !== null && ra.tag === 0 && !(ce & 6) && Ls(); + var t = ce; + ce |= 1; + var r = Mr.transition, n = me; + try { + if (Mr.transition = null, me = 1, e) return e(); + } finally { + me = n, Mr.transition = r, ce = t, !(ce & 6) && ma(); + } + } + a(fi, "Sk"); + function bv() { + vr = Ts.current, De(Ts); + } + a(bv, "Ij"); + function ii(e, t) { + e.finishedWork = null, e.finishedLanes = 0; + var r = e.timeoutHandle; + if (r !== -1 && (e.timeoutHandle = -1, q$(r)), Qe !== null) for (r = Qe.return; r !== null; ) { + var n = r; + switch (ev(n), n.tag) { + case 1: + n = n.type.childContextTypes, n != null && o0(); + break; + case 3: + zs(), De(or), De(Pt), uv(); + break; + case 5: + lv(n); + break; + case 4: + zs(); + break; + case 13: + De(Oe); + break; + case 19: + De(Oe); + break; + case 10: + ov(n.type._context); + break; + case 22: + case 23: + bv(); + } + r = r.return; + } + if (ft = e, Qe = e = ca(e.current, null), bt = vr = t, at = 0, rp = null, vv = _0 = pi = 0, rr = Bc = null, oi !== null) { + for (t = 0; t < oi.length; t++) if (r = oi[t], n = r.interleaved, n !== null) { + r.interleaved = null; + var o = n.next, i = r.pending; + if (i !== null) { + var s = i.next; + i.next = o, n.next = s; + } + r.pending = n; + } + oi = null; + } + return e; + } + a(ii, "Lk"); + function Z7(e, t) { + do { + var r = Qe; + try { + if (nv(), Vd.current = d0, f0) { + for (var n = Le.memoizedState; n !== null; ) { + var o = n.queue; + o !== null && (o.pending = null), n = n.next; + } + f0 = !1; + } + if (ci = 0, pt = ot = Le = null, Nc = !1, Zc = 0, gv.current = null, r === null || r.return === null) { + at = 1, rp = t, Qe = null; + break; + } + e: { + var i = e, s = r.return, l = r, u = t; + if (t = bt, l.flags |= 32768, u !== null && typeof u == "object" && typeof u.then == "function") { + var c = u, p = l, h = p.tag; + if (!(p.mode & 1) && (h === 0 || h === 11 || h === 15)) { + var m = p.alternate; + m ? (p.updateQueue = m.updateQueue, p.memoizedState = m.memoizedState, p.lanes = m.lanes) : (p.updateQueue = null, p.memoizedState = + null); + } + var g = GS(s); + if (g !== null) { + g.flags &= -257, YS(g, s, l, i, t), g.mode & 1 && qS(i, c, t), t = g, u = c; + var S = t.updateQueue; + if (S === null) { + var v = /* @__PURE__ */ new Set(); + v.add(u), t.updateQueue = v; + } else S.add(u); + break e; + } else { + if (!(t & 1)) { + qS(i, c, t), Sv(); + break e; + } + u = Error(M(426)); + } + } else if (Te && l.mode & 1) { + var b = GS(s); + if (b !== null) { + !(b.flags & 65536) && (b.flags |= 256), YS(b, s, l, i, t), tv(Hs(u, l)); + break e; + } + } + i = u = Hs(u, l), at !== 4 && (at = 2), Bc === null ? Bc = [i] : Bc.push(i), i = s; + do { + switch (i.tag) { + case 3: + i.flags |= 65536, t &= -t, i.lanes |= t; + var w = N7(i, u, t); + $S(i, w); + break e; + case 1: + l = u; + var y = i.type, E = i.stateNode; + if (!(i.flags & 128) && (typeof y.getDerivedStateFromError == "function" || E !== null && typeof E.componentDidCatch == "fun\ +ction" && (la === null || !la.has(E)))) { + i.flags |= 65536, t &= -t, i.lanes |= t; + var x = M7(i, l, t); + $S(i, x); + break e; + } + } + i = i.return; + } while (i !== null); + } + rx(r); + } catch (C) { + t = C, Qe === r && r !== null && (Qe = r = r.return); + continue; + } + break; + } while (!0); + } + a(Z7, "Nk"); + function ex() { + var e = h0.current; + return h0.current = d0, e === null ? d0 : e; + } + a(ex, "Kk"); + function Sv() { + (at === 0 || at === 3 || at === 2) && (at = 4), ft === null || !(pi & 268435455) && !(_0 & 268435455) || ea(ft, bt); + } + a(Sv, "uj"); + function v0(e, t) { + var r = ce; + ce |= 2; + var n = ex(); + (ft !== e || bt !== t) && (co = null, ii(e, t)); + do + try { + vz(); + break; + } catch (o) { + Z7(e, o); + } + while (!0); + if (nv(), ce = r, h0.current = n, Qe !== null) throw Error(M(261)); + return ft = null, bt = 0, at; + } + a(v0, "Jk"); + function vz() { + for (; Qe !== null; ) tx(Qe); + } + a(vz, "Uk"); + function yz() { + for (; Qe !== null && !WB(); ) tx(Qe); + } + a(yz, "Mk"); + function tx(e) { + var t = ox(e.alternate, e, vr); + e.memoizedProps = e.pendingProps, t === null ? rx(e) : Qe = t, gv.current = null; + } + a(tx, "Vk"); + function rx(e) { + var t = e; + do { + var r = t.alternate; + if (e = t.return, t.flags & 32768) { + if (r = pz(r, t), r !== null) { + r.flags &= 32767, Qe = r; + return; + } + if (e !== null) e.flags |= 32768, e.subtreeFlags = 0, e.deletions = null; + else { + at = 6, Qe = null; + return; + } + } else if (r = cz(r, t, vr), r !== null) { + Qe = r; + return; + } + if (t = t.sibling, t !== null) { + Qe = t; + return; + } + Qe = t = e; + } while (t !== null); + at === 0 && (at = 5); + } + a(rx, "Tk"); + function ri(e, t, r) { + var n = me, o = Mr.transition; + try { + Mr.transition = null, me = 1, wz(e, t, r, n); + } finally { + Mr.transition = o, me = n; + } + return null; + } + a(ri, "Qk"); + function wz(e, t, r, n) { + do + Ls(); + while (ra !== null); + if (ce & 6) throw Error(M(327)); + r = e.finishedWork; + var o = e.finishedLanes; + if (r === null) return null; + if (e.finishedWork = null, e.finishedLanes = 0, r === e.current) throw Error(M(177)); + e.callbackNode = null, e.callbackPriority = 0; + var i = r.lanes | r.childLanes; + if (t$(e, i), e === ft && (Qe = ft = null, bt = 0), !(r.subtreeFlags & 2064) && !(r.flags & 2064) || Bd || (Bd = !0, ax(Jd, function() { + return Ls(), null; + })), i = (r.flags & 15990) !== 0, r.subtreeFlags & 15990 || i) { + i = Mr.transition, Mr.transition = null; + var s = me; + me = 1; + var l = ce; + ce |= 4, gv.current = null, dz(e, r), X7(r, e), H$(d5), e0 = !!f5, d5 = f5 = null, e.current = r, hz(r, e, o), qB(), ce = l, me = s, Mr. + transition = i; + } else e.current = r; + if (Bd && (Bd = !1, ra = e, g0 = o), i = e.pendingLanes, i === 0 && (la = null), KB(r.stateNode, n), ir(e, qe()), t !== null) for (n = e. + onRecoverableError, r = 0; r < t.length; r++) o = t[r], n(o.value, { componentStack: o.stack, digest: o.digest }); + if (m0) throw m0 = !1, e = F5, F5 = null, e; + return g0 & 1 && e.tag !== 0 && Ls(), i = e.pendingLanes, i & 1 ? e === O5 ? $c++ : ($c = 0, O5 = e) : $c = 0, ma(), null; + } + a(wz, "Xk"); + function Ls() { + if (ra !== null) { + var e = LE(g0), t = Mr.transition, r = me; + try { + if (Mr.transition = null, me = 16 > e ? 16 : e, ra === null) var n = !1; + else { + if (e = ra, ra = null, g0 = 0, ce & 6) throw Error(M(331)); + var o = ce; + for (ce |= 4, U = e.current; U !== null; ) { + var i = U, s = i.child; + if (U.flags & 16) { + var l = i.deletions; + if (l !== null) { + for (var u = 0; u < l.length; u++) { + var c = l[u]; + for (U = c; U !== null; ) { + var p = U; + switch (p.tag) { + case 0: + case 11: + case 15: + Mc(8, p, i); + } + var h = p.child; + if (h !== null) h.return = p, U = h; + else for (; U !== null; ) { + p = U; + var m = p.sibling, g = p.return; + if (G7(p), p === c) { + U = null; + break; + } + if (m !== null) { + m.return = g, U = m; + break; + } + U = g; + } + } + } + var S = i.alternate; + if (S !== null) { + var v = S.child; + if (v !== null) { + S.child = null; + do { + var b = v.sibling; + v.sibling = null, v = b; + } while (v !== null); + } + } + U = i; + } + } + if (i.subtreeFlags & 2064 && s !== null) s.return = i, U = s; + else e: for (; U !== null; ) { + if (i = U, i.flags & 2048) switch (i.tag) { + case 0: + case 11: + case 15: + Mc(9, i, i.return); + } + var w = i.sibling; + if (w !== null) { + w.return = i.return, U = w; + break e; + } + U = i.return; + } + } + var y = e.current; + for (U = y; U !== null; ) { + s = U; + var E = s.child; + if (s.subtreeFlags & 2064 && E !== null) E.return = s, U = E; + else e: for (s = y; U !== null; ) { + if (l = U, l.flags & 2048) try { + switch (l.tag) { + case 0: + case 11: + case 15: + A0(9, l); + } + } catch (C) { + ze(l, l.return, C); + } + if (l === s) { + U = null; + break e; + } + var x = l.sibling; + if (x !== null) { + x.return = l.return, U = x; + break e; + } + U = l.return; + } + } + if (ce = o, ma(), Bn && typeof Bn.onPostCommitFiberRoot == "function") try { + Bn.onPostCommitFiberRoot(w0, e); + } catch { + } + n = !0; + } + return n; + } finally { + me = r, Mr.transition = t; + } + } + return !1; + } + a(Ls, "Ik"); + function sE(e, t, r) { + t = Hs(r, t), t = N7(e, t, 1), e = sa(e, t, 1), t = zt(), e !== null && (np(e, 1, t), ir(e, t)); + } + a(sE, "Yk"); + function ze(e, t, r) { + if (e.tag === 3) sE(e, e, r); + else for (; t !== null; ) { + if (t.tag === 3) { + sE(t, e, r); + break; + } else if (t.tag === 1) { + var n = t.stateNode; + if (typeof t.type.getDerivedStateFromError == "function" || typeof n.componentDidCatch == "function" && (la === null || !la.has(n))) { + e = Hs(r, e), e = M7(t, e, 1), t = sa(t, e, 1), e = zt(), t !== null && (np(t, 1, e), ir(t, e)); + break; + } + } + t = t.return; + } + } + a(ze, "W"); + function bz(e, t, r) { + var n = e.pingCache; + n !== null && n.delete(t), t = zt(), e.pingedLanes |= e.suspendedLanes & r, ft === e && (bt & r) === r && (at === 4 || at === 3 && (bt & + 130023424) === bt && 500 > qe() - yv ? ii(e, 0) : vv |= r), ir(e, t); + } + a(bz, "Ui"); + function nx(e, t) { + t === 0 && (e.mode & 1 ? (t = Cd, Cd <<= 1, !(Cd & 130023424) && (Cd = 4194304)) : t = 1); + var r = zt(); + e = yo(e, t), e !== null && (np(e, t, r), ir(e, r)); + } + a(nx, "Zk"); + function Sz(e) { + var t = e.memoizedState, r = 0; + t !== null && (r = t.retryLane), nx(e, r); + } + a(Sz, "vj"); + function Ez(e, t) { + var r = 0; + switch (e.tag) { + case 13: + var n = e.stateNode, o = e.memoizedState; + o !== null && (r = o.retryLane); + break; + case 19: + n = e.stateNode; + break; + default: + throw Error(M(314)); + } + n !== null && n.delete(t), nx(e, r); + } + a(Ez, "ck"); + var ox; + ox = /* @__PURE__ */ a(function(e, t, r) { + if (e !== null) if (e.memoizedProps !== t.pendingProps || or.current) nr = !0; + else { + if (!(e.lanes & r) && !(t.flags & 128)) return nr = !1, uz(e, t, r); + nr = !!(e.flags & 131072); + } + else nr = !1, Te && t.flags & 1048576 && s7(t, s0, t.index); + switch (t.lanes = 0, t.tag) { + case 2: + var n = t.type; + Wd(e, t), e = t.pendingProps; + var o = Ms(t, Pt.current); + Os(t, r), o = pv(null, t, n, e, o, r); + var i = fv(); + return t.flags |= 1, typeof o == "object" && o !== null && typeof o.render == "function" && o.$$typeof === void 0 ? (t.tag = 1, t.memoizedState = + null, t.updateQueue = null, ar(n) ? (i = !0, a0(t)) : i = !1, t.memoizedState = o.state !== null && o.state !== void 0 ? o.state : null, + iv(t), o.updater = D0, t.stateNode = o, o._reactInternals = t, E5(t, n, e, r), t = D5(null, t, n, !0, i, r)) : (t.tag = 0, Te && i && + Z5(t), $t(null, t, o, r), t = t.child), t; + case 16: + n = t.elementType; + e: { + switch (Wd(e, t), e = t.pendingProps, o = n._init, n = o(n._payload), t.type = n, o = t.tag = Cz(n), e = ln(n, e), o) { + case 0: + t = C5(null, t, n, e, r); + break e; + case 1: + t = QS(null, t, n, e, r); + break e; + case 11: + t = KS(null, t, n, e, r); + break e; + case 14: + t = XS(null, t, n, ln(n.type, e), r); + break e; + } + throw Error(M( + 306, + n, + "" + )); + } + return t; + case 0: + return n = t.type, o = t.pendingProps, o = t.elementType === n ? o : ln(n, o), C5(e, t, n, o, r); + case 1: + return n = t.type, o = t.pendingProps, o = t.elementType === n ? o : ln(n, o), QS(e, t, n, o, r); + case 3: + e: { + if (H7(t), e === null) throw Error(M(387)); + n = t.pendingProps, i = t.memoizedState, o = i.element, p7(e, t), c0(t, n, null, r); + var s = t.memoizedState; + if (n = s.element, i.isDehydrated) if (i = { element: n, isDehydrated: !1, cache: s.cache, pendingSuspenseBoundaries: s.pendingSuspenseBoundaries, + transitions: s.transitions }, t.updateQueue.baseState = i, t.memoizedState = i, t.flags & 256) { + o = Hs(Error(M(423)), t), t = JS(e, t, n, r, o); + break e; + } else if (n !== o) { + o = Hs(Error(M(424)), t), t = JS(e, t, n, r, o); + break e; + } else for (yr = ia(t.stateNode.containerInfo.firstChild), wr = t, Te = !0, cn = null, r = m7(t, null, n, r), t.child = r; r; ) r. + flags = r.flags & -3 | 4096, r = r.sibling; + else { + if (Bs(), n === o) { + t = wo(e, t, r); + break e; + } + $t(e, t, n, r); + } + t = t.child; + } + return t; + case 5: + return g7(t), e === null && w5(t), n = t.type, o = t.pendingProps, i = e !== null ? e.memoizedProps : null, s = o.children, h5(n, o) ? + s = null : i !== null && h5(n, i) && (t.flags |= 32), z7(e, t), $t(e, t, s, r), t.child; + case 6: + return e === null && w5(t), null; + case 13: + return j7(e, t, r); + case 4: + return sv(t, t.stateNode.containerInfo), n = t.pendingProps, e === null ? t.child = $s(t, null, n, r) : $t(e, t, n, r), t.child; + case 11: + return n = t.type, o = t.pendingProps, o = t.elementType === n ? o : ln(n, o), KS(e, t, n, o, r); + case 7: + return $t(e, t, t.pendingProps, r), t.child; + case 8: + return $t(e, t, t.pendingProps.children, r), t.child; + case 12: + return $t(e, t, t.pendingProps.children, r), t.child; + case 10: + e: { + if (n = t.type._context, o = t.pendingProps, i = t.memoizedProps, s = o.value, xe(l0, n._currentValue), n._currentValue = s, i !== + null) if (dn(i.value, s)) { + if (i.children === o.children && !or.current) { + t = wo(e, t, r); + break e; + } + } else for (i = t.child, i !== null && (i.return = t); i !== null; ) { + var l = i.dependencies; + if (l !== null) { + s = i.child; + for (var u = l.firstContext; u !== null; ) { + if (u.context === n) { + if (i.tag === 1) { + u = mo(-1, r & -r), u.tag = 2; + var c = i.updateQueue; + if (c !== null) { + c = c.shared; + var p = c.pending; + p === null ? u.next = u : (u.next = p.next, p.next = u), c.pending = u; + } + } + i.lanes |= r, u = i.alternate, u !== null && (u.lanes |= r), b5( + i.return, + r, + t + ), l.lanes |= r; + break; + } + u = u.next; + } + } else if (i.tag === 10) s = i.type === t.type ? null : i.child; + else if (i.tag === 18) { + if (s = i.return, s === null) throw Error(M(341)); + s.lanes |= r, l = s.alternate, l !== null && (l.lanes |= r), b5(s, r, t), s = i.sibling; + } else s = i.child; + if (s !== null) s.return = i; + else for (s = i; s !== null; ) { + if (s === t) { + s = null; + break; + } + if (i = s.sibling, i !== null) { + i.return = s.return, s = i; + break; + } + s = s.return; + } + i = s; + } + $t(e, t, o.children, r), t = t.child; + } + return t; + case 9: + return o = t.type, n = t.pendingProps.children, Os(t, r), o = Br(o), n = n(o), t.flags |= 1, $t(e, t, n, r), t.child; + case 14: + return n = t.type, o = ln(n, t.pendingProps), o = ln(n.type, o), XS(e, t, n, o, r); + case 15: + return B7(e, t, t.type, t.pendingProps, r); + case 17: + return n = t.type, o = t.pendingProps, o = t.elementType === n ? o : ln(n, o), Wd(e, t), t.tag = 1, ar(n) ? (e = !0, a0(t)) : e = !1, + Os(t, r), d7(t, n, o), E5(t, n, o, r), D5(null, t, n, !0, e, r); + case 19: + return V7(e, t, r); + case 22: + return $7(e, t, r); + } + throw Error(M(156, t.tag)); + }, "Wk"); + function ax(e, t) { + return IE(e, t); + } + a(ax, "Gk"); + function xz(e, t, r, n) { + this.tag = e, this.key = r, this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null, this.index = + 0, this.ref = null, this.pendingProps = t, this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null, this.mode = + n, this.subtreeFlags = this.flags = 0, this.deletions = null, this.childLanes = this.lanes = 0, this.alternate = null; + } + a(xz, "al"); + function Nr(e, t, r, n) { + return new xz(e, t, r, n); + } + a(Nr, "Bg"); + function Ev(e) { + return e = e.prototype, !(!e || !e.isReactComponent); + } + a(Ev, "bj"); + function Cz(e) { + if (typeof e == "function") return Ev(e) ? 1 : 0; + if (e != null) { + if (e = e.$$typeof, e === H5) return 11; + if (e === j5) return 14; + } + return 2; + } + a(Cz, "$k"); + function ca(e, t) { + var r = e.alternate; + return r === null ? (r = Nr(e.tag, t, e.key, e.mode), r.elementType = e.elementType, r.type = e.type, r.stateNode = e.stateNode, r.alternate = + e, e.alternate = r) : (r.pendingProps = t, r.type = e.type, r.flags = 0, r.subtreeFlags = 0, r.deletions = null), r.flags = e.flags & 14680064, + r.childLanes = e.childLanes, r.lanes = e.lanes, r.child = e.child, r.memoizedProps = e.memoizedProps, r.memoizedState = e.memoizedState, + r.updateQueue = e.updateQueue, t = e.dependencies, r.dependencies = t === null ? null : { lanes: t.lanes, firstContext: t.firstContext }, + r.sibling = e.sibling, r.index = e.index, r.ref = e.ref, r; + } + a(ca, "wh"); + function Yd(e, t, r, n, o, i) { + var s = 2; + if (n = e, typeof e == "function") Ev(e) && (s = 1); + else if (typeof e == "string") s = 5; + else e: switch (e) { + case ws: + return si(r.children, o, i, t); + case z5: + s = 8, o |= 8; + break; + case q2: + return e = Nr(12, r, t, o | 2), e.elementType = q2, e.lanes = i, e; + case G2: + return e = Nr(13, r, t, o), e.elementType = G2, e.lanes = i, e; + case Y2: + return e = Nr(19, r, t, o), e.elementType = Y2, e.lanes = i, e; + case hE: + return T0(r, o, i, t); + default: + if (typeof e == "object" && e !== null) switch (e.$$typeof) { + case fE: + s = 10; + break e; + case dE: + s = 9; + break e; + case H5: + s = 11; + break e; + case j5: + s = 14; + break e; + case Qo: + s = 16, n = null; + break e; + } + throw Error(M(130, e == null ? e : typeof e, "")); + } + return t = Nr(s, r, t, o), t.elementType = e, t.type = n, t.lanes = i, t; + } + a(Yd, "yh"); + function si(e, t, r, n) { + return e = Nr(7, e, n, t), e.lanes = r, e; + } + a(si, "Ah"); + function T0(e, t, r, n) { + return e = Nr(22, e, n, t), e.elementType = hE, e.lanes = r, e.stateNode = { isHidden: !1 }, e; + } + a(T0, "qj"); + function V2(e, t, r) { + return e = Nr(6, e, null, t), e.lanes = r, e; + } + a(V2, "xh"); + function U2(e, t, r) { + return t = Nr(4, e.children !== null ? e.children : [], e.key, t), t.lanes = r, t.stateNode = { containerInfo: e.containerInfo, pendingChildren: null, + implementation: e.implementation }, t; + } + a(U2, "zh"); + function Dz(e, t, r, n, o) { + this.tag = t, this.containerInfo = e, this.finishedWork = this.pingCache = this.current = this.pendingChildren = null, this.timeoutHandle = + -1, this.callbackNode = this.pendingContext = this.context = null, this.callbackPriority = 0, this.eventTimes = A2(0), this.expirationTimes = + A2(-1), this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this. + pendingLanes = 0, this.entanglements = A2(0), this.identifierPrefix = n, this.onRecoverableError = o, this.mutableSourceEagerHydrationData = + null; + } + a(Dz, "bl"); + function xv(e, t, r, n, o, i, s, l, u) { + return e = new Dz(e, t, r, l, u), t === 1 ? (t = 1, i === !0 && (t |= 8)) : t = 0, i = Nr(3, null, null, t), e.current = i, i.stateNode = + e, i.memoizedState = { element: n, isDehydrated: r, cache: null, transitions: null, pendingSuspenseBoundaries: null }, iv(i), e; + } + a(xv, "cl"); + function Rz(e, t, r) { + var n = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null; + return { $$typeof: ys, key: n == null ? null : "" + n, children: e, containerInfo: t, implementation: r }; + } + a(Rz, "dl"); + function ix(e) { + if (!e) return fa; + e = e._reactInternals; + e: { + if (hi(e) !== e || e.tag !== 1) throw Error(M(170)); + var t = e; + do { + switch (t.tag) { + case 3: + t = t.stateNode.context; + break e; + case 1: + if (ar(t.type)) { + t = t.stateNode.__reactInternalMemoizedMergedChildContext; + break e; + } + } + t = t.return; + } while (t !== null); + throw Error(M(171)); + } + if (e.tag === 1) { + var r = e.type; + if (ar(r)) return a7(e, r, t); + } + return t; + } + a(ix, "el"); + function sx(e, t, r, n, o, i, s, l, u) { + return e = xv(r, n, !0, e, o, i, s, l, u), e.context = ix(null), r = e.current, n = zt(), o = ua(r), i = mo(n, o), i.callback = t ?? null, + sa(r, i, o), e.current.lanes = o, np(e, o, n), ir(e, n), e; + } + a(sx, "fl"); + function k0(e, t, r, n) { + var o = t.current, i = zt(), s = ua(o); + return r = ix(r), t.context === null ? t.context = r : t.pendingContext = r, t = mo(i, s), t.payload = { element: e }, n = n === void 0 ? + null : n, n !== null && (t.callback = n), e = sa(o, t, s), e !== null && (fn(e, o, s, i), jd(e, o, s)), s; + } + a(k0, "gl"); + function y0(e) { + if (e = e.current, !e.child) return null; + switch (e.child.tag) { + case 5: + return e.child.stateNode; + default: + return e.child.stateNode; + } + } + a(y0, "hl"); + function lE(e, t) { + if (e = e.memoizedState, e !== null && e.dehydrated !== null) { + var r = e.retryLane; + e.retryLane = r !== 0 && r < t ? r : t; + } + } + a(lE, "il"); + function Cv(e, t) { + lE(e, t), (e = e.alternate) && lE(e, t); + } + a(Cv, "jl"); + function Az() { + return null; + } + a(Az, "kl"); + var lx = typeof reportError == "function" ? reportError : function(e) { + console.error(e); + }; + function Dv(e) { + this._internalRoot = e; + } + a(Dv, "ml"); + I0.prototype.render = Dv.prototype.render = function(e) { + var t = this._internalRoot; + if (t === null) throw Error(M(409)); + k0(e, t, null, null); + }; + I0.prototype.unmount = Dv.prototype.unmount = function() { + var e = this._internalRoot; + if (e !== null) { + this._internalRoot = null; + var t = e.containerInfo; + fi(function() { + k0(null, e, null, null); + }), t[vo] = null; + } + }; + function I0(e) { + this._internalRoot = e; + } + a(I0, "nl"); + I0.prototype.unstable_scheduleHydration = function(e) { + if (e) { + var t = BE(); + e = { blockedOn: null, target: e, priority: t }; + for (var r = 0; r < Zo.length && t !== 0 && t < Zo[r].priority; r++) ; + Zo.splice(r, 0, e), r === 0 && zE(e); + } + }; + function Rv(e) { + return !(!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11); + } + a(Rv, "ol"); + function P0(e) { + return !(!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11 && (e.nodeType !== 8 || e.nodeValue !== " react-mount-point-uns\ +table ")); + } + a(P0, "pl"); + function uE() { + } + a(uE, "ql"); + function _z(e, t, r, n, o) { + if (o) { + if (typeof n == "function") { + var i = n; + n = /* @__PURE__ */ a(function() { + var c = y0(s); + i.call(c); + }, "d"); + } + var s = sx(t, n, e, 0, null, !1, !1, "", uE); + return e._reactRootContainer = s, e[vo] = s.current, Yc(e.nodeType === 8 ? e.parentNode : e), fi(), s; + } + for (; o = e.lastChild; ) e.removeChild(o); + if (typeof n == "function") { + var l = n; + n = /* @__PURE__ */ a(function() { + var c = y0(u); + l.call(c); + }, "d"); + } + var u = xv(e, 0, !1, null, null, !1, !1, "", uE); + return e._reactRootContainer = u, e[vo] = u.current, Yc(e.nodeType === 8 ? e.parentNode : e), fi(function() { + k0(t, u, r, n); + }), u; + } + a(_z, "rl"); + function F0(e, t, r, n, o) { + var i = r._reactRootContainer; + if (i) { + var s = i; + if (typeof o == "function") { + var l = o; + o = /* @__PURE__ */ a(function() { + var u = y0(s); + l.call(u); + }, "e"); + } + k0(t, s, e, o); + } else s = _z(r, t, e, o, n); + return y0(s); + } + a(F0, "sl"); + NE = /* @__PURE__ */ a(function(e) { + switch (e.tag) { + case 3: + var t = e.stateNode; + if (t.current.memoizedState.isDehydrated) { + var r = Tc(t.pendingLanes); + r !== 0 && (W5(t, r | 1), ir(t, qe()), !(ce & 6) && (js = qe() + 500, ma())); + } + break; + case 13: + fi(function() { + var n = yo(e, 1); + if (n !== null) { + var o = zt(); + fn(n, e, 1, o); + } + }), Cv(e, 1); + } + }, "Ec"); + q5 = /* @__PURE__ */ a(function(e) { + if (e.tag === 13) { + var t = yo(e, 134217728); + if (t !== null) { + var r = zt(); + fn(t, e, 134217728, r); + } + Cv(e, 134217728); + } + }, "Fc"); + ME = /* @__PURE__ */ a(function(e) { + if (e.tag === 13) { + var t = ua(e), r = yo(e, t); + if (r !== null) { + var n = zt(); + fn(r, e, t, n); + } + Cv(e, t); + } + }, "Gc"); + BE = /* @__PURE__ */ a(function() { + return me; + }, "Hc"); + $E = /* @__PURE__ */ a(function(e, t) { + var r = me; + try { + return me = e, t(); + } finally { + me = r; + } + }, "Ic"); + o5 = /* @__PURE__ */ a(function(e, t, r) { + switch (t) { + case "input": + if (Q2(e, r), t = r.name, r.type === "radio" && t != null) { + for (r = e; r.parentNode; ) r = r.parentNode; + for (r = r.querySelectorAll("input[name=" + JSON.stringify("" + t) + '][type="radio"]'), t = 0; t < r.length; t++) { + var n = r[t]; + if (n !== e && n.form === e.form) { + var o = x0(n); + if (!o) throw Error(M(90)); + gE(n), Q2(n, o); + } + } + } + break; + case "textarea": + yE(e, r); + break; + case "select": + t = r.value, t != null && ks(e, !!r.multiple, t, !1); + } + }, "yb"); + DE = wv; + RE = fi; + var Tz = { usingClientEntryPoint: !1, Events: [ap, xs, x0, xE, CE, wv] }, Dc = { findFiberByHostInstance: ni, bundleType: 0, version: "18.\ +2.0", rendererPackageName: "react-dom" }, kz = { bundleType: Dc.bundleType, version: Dc.version, rendererPackageName: Dc.rendererPackageName, + rendererConfig: Dc.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, overrideProps: null, + overridePropsDeletePath: null, overridePropsRenamePath: null, setErrorHandler: null, setSuspenseHandler: null, scheduleUpdate: null, currentDispatcherRef: bo. + ReactCurrentDispatcher, findHostInstanceByFiber: /* @__PURE__ */ a(function(e) { + return e = TE(e), e === null ? null : e.stateNode; + }, "findHostInstanceByFiber"), findFiberByHostInstance: Dc.findFiberByHostInstance || Az, findHostInstancesForRefresh: null, scheduleRefresh: null, + scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, reconcilerVersion: "18.2.0-next-9e3b772b8-20220608" }; + if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && (Rc = __REACT_DEVTOOLS_GLOBAL_HOOK__, !Rc.isDisabled && Rc.supportsFiber)) + try { + w0 = Rc.inject(kz), Bn = Rc; + } catch { + } + var Rc; + Er.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Tz; + Er.createPortal = function(e, t) { + var r = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null; + if (!Rv(t)) throw Error(M(200)); + return Rz(e, t, null, r); + }; + Er.createRoot = function(e, t) { + if (!Rv(e)) throw Error(M(299)); + var r = !1, n = "", o = lx; + return t != null && (t.unstable_strictMode === !0 && (r = !0), t.identifierPrefix !== void 0 && (n = t.identifierPrefix), t.onRecoverableError !== + void 0 && (o = t.onRecoverableError)), t = xv(e, 1, !1, null, null, r, !1, n, o), e[vo] = t.current, Yc(e.nodeType === 8 ? e.parentNode : + e), new Dv(t); + }; + Er.findDOMNode = function(e) { + if (e == null) return null; + if (e.nodeType === 1) return e; + var t = e._reactInternals; + if (t === void 0) + throw typeof e.render == "function" ? Error(M(188)) : (e = Object.keys(e).join(","), Error(M(268, e))); + return e = TE(t), e = e === null ? null : e.stateNode, e; + }; + Er.flushSync = function(e) { + return fi(e); + }; + Er.hydrate = function(e, t, r) { + if (!P0(t)) throw Error(M(200)); + return F0(null, e, t, !0, r); + }; + Er.hydrateRoot = function(e, t, r) { + if (!Rv(e)) throw Error(M(405)); + var n = r != null && r.hydratedSources || null, o = !1, i = "", s = lx; + if (r != null && (r.unstable_strictMode === !0 && (o = !0), r.identifierPrefix !== void 0 && (i = r.identifierPrefix), r.onRecoverableError !== + void 0 && (s = r.onRecoverableError)), t = sx(t, null, e, 1, r ?? null, o, !1, i, s), e[vo] = t.current, Yc(e), n) for (e = 0; e < n.length; e++) + r = n[e], o = r._getVersion, o = o(r._source), t.mutableSourceEagerHydrationData == null ? t.mutableSourceEagerHydrationData = [r, o] : + t.mutableSourceEagerHydrationData.push( + r, + o + ); + return new I0(t); + }; + Er.render = function(e, t, r) { + if (!P0(t)) throw Error(M(200)); + return F0(null, e, t, !1, r); + }; + Er.unmountComponentAtNode = function(e) { + if (!P0(e)) throw Error(M(40)); + return e._reactRootContainer ? (fi(function() { + F0(null, null, e, !1, function() { + e._reactRootContainer = null, e[vo] = null; + }); + }), !0) : !1; + }; + Er.unstable_batchedUpdates = wv; + Er.unstable_renderSubtreeIntoContainer = function(e, t, r, n) { + if (!P0(r)) throw Error(M(200)); + if (e == null || e._reactInternals === void 0) throw Error(M(38)); + return F0(e, t, r, !1, n); + }; + Er.version = "18.2.0-next-9e3b772b8-20220608"; +}); + +// ../node_modules/react-dom/index.js +var zn = F((W0e, px) => { + "use strict"; + function cx() { + if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) + try { + __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(cx); + } catch (e) { + console.error(e); + } + } + a(cx, "checkDCE"); + cx(), px.exports = ux(); +}); + +// ../node_modules/react-dom/client.js +var dx = F((Av) => { + "use strict"; + var fx = zn(); + Av.createRoot = fx.createRoot, Av.hydrateRoot = fx.hydrateRoot; + var G0e; +}); + +// src/client-logger/index.ts +var sp = {}; +he(sp, { + deprecate: () => So, + logger: () => ge, + once: () => Et, + pretty: () => sr +}); +var Fz, va, Oz, Ws, ge, Tv, Et, So, sr, Ft = T(() => { + "use strict"; + We(); + ({ LOGLEVEL: Fz } = H), va = { + trace: 1, + debug: 2, + info: 3, + warn: 4, + error: 5, + silent: 10 + }, Oz = Fz, Ws = va[Oz] || va.info, ge = { + trace: /* @__PURE__ */ a((e, ...t) => { + Ws <= va.trace && console.trace(e, ...t); + }, "trace"), + debug: /* @__PURE__ */ a((e, ...t) => { + Ws <= va.debug && console.debug(e, ...t); + }, "debug"), + info: /* @__PURE__ */ a((e, ...t) => { + Ws <= va.info && console.info(e, ...t); + }, "info"), + warn: /* @__PURE__ */ a((e, ...t) => { + Ws <= va.warn && console.warn(e, ...t); + }, "warn"), + error: /* @__PURE__ */ a((e, ...t) => { + Ws <= va.error && console.error(e, ...t); + }, "error"), + log: /* @__PURE__ */ a((e, ...t) => { + Ws < va.silent && console.log(e, ...t); + }, "log") + }, Tv = /* @__PURE__ */ new Set(), Et = /* @__PURE__ */ a((e) => (t, ...r) => { + if (!Tv.has(t)) + return Tv.add(t), ge[e](t, ...r); + }, "once"); + Et.clear = () => Tv.clear(); + Et.trace = Et("trace"); + Et.debug = Et("debug"); + Et.info = Et("info"); + Et.warn = Et("warn"); + Et.error = Et("error"); + Et.log = Et("log"); + So = Et("warn"), sr = /* @__PURE__ */ a((e) => (...t) => { + let r = []; + if (t.length) { + let n = /<span\s+style=(['"])([^'"]*)\1\s*>/gi, o = /<\/span>/gi, i; + for (r.push(t[0].replace(n, "%c").replace(o, "%c")); i = n.exec(t[0]); ) + r.push(i[2]), r.push(""); + for (let s = 1; s < t.length; s++) + r.push(t[s]); + } + ge[e].apply(ge, r); + }, "pretty"); + sr.trace = sr("trace"); + sr.debug = sr("debug"); + sr.info = sr("info"); + sr.warn = sr("warn"); + sr.error = sr("error"); +}); + +// ../node_modules/memoizerific/memoizerific.js +var Hn = F((vx, kv) => { + (function(e) { + if (typeof vx == "object" && typeof kv < "u") + kv.exports = e(); + else if (typeof define == "function" && define.amd) + define([], e); + else { + var t; + typeof window < "u" ? t = window : typeof global < "u" ? t = global : typeof self < "u" ? t = self : t = this, t.memoizerific = e(); + } + })(function() { + var e, t, r; + return (/* @__PURE__ */ a(function n(o, i, s) { + function l(p, h) { + if (!i[p]) { + if (!o[p]) { + var m = typeof uc == "function" && uc; + if (!h && m) return m(p, !0); + if (u) return u(p, !0); + var g = new Error("Cannot find module '" + p + "'"); + throw g.code = "MODULE_NOT_FOUND", g; + } + var S = i[p] = { exports: {} }; + o[p][0].call(S.exports, function(v) { + var b = o[p][1][v]; + return l(b || v); + }, S, S.exports, n, o, i, s); + } + return i[p].exports; + } + a(l, "s"); + for (var u = typeof uc == "function" && uc, c = 0; c < s.length; c++) l(s[c]); + return l; + }, "e"))({ 1: [function(n, o, i) { + o.exports = function(s) { + if (typeof Map != "function" || s) { + var l = n("./similar"); + return new l(); + } else + return /* @__PURE__ */ new Map(); + }; + }, { "./similar": 2 }], 2: [function(n, o, i) { + function s() { + return this.list = [], this.lastItem = void 0, this.size = 0, this; + } + a(s, "Similar"), s.prototype.get = function(l) { + var u; + if (this.lastItem && this.isEqual(this.lastItem.key, l)) + return this.lastItem.val; + if (u = this.indexOf(l), u >= 0) + return this.lastItem = this.list[u], this.list[u].val; + }, s.prototype.set = function(l, u) { + var c; + return this.lastItem && this.isEqual(this.lastItem.key, l) ? (this.lastItem.val = u, this) : (c = this.indexOf(l), c >= 0 ? (this.lastItem = + this.list[c], this.list[c].val = u, this) : (this.lastItem = { key: l, val: u }, this.list.push(this.lastItem), this.size++, this)); + }, s.prototype.delete = function(l) { + var u; + if (this.lastItem && this.isEqual(this.lastItem.key, l) && (this.lastItem = void 0), u = this.indexOf(l), u >= 0) + return this.size--, this.list.splice(u, 1)[0]; + }, s.prototype.has = function(l) { + var u; + return this.lastItem && this.isEqual(this.lastItem.key, l) ? !0 : (u = this.indexOf(l), u >= 0 ? (this.lastItem = this.list[u], !0) : + !1); + }, s.prototype.forEach = function(l, u) { + var c; + for (c = 0; c < this.size; c++) + l.call(u || this, this.list[c].val, this.list[c].key, this); + }, s.prototype.indexOf = function(l) { + var u; + for (u = 0; u < this.size; u++) + if (this.isEqual(this.list[u].key, l)) + return u; + return -1; + }, s.prototype.isEqual = function(l, u) { + return l === u || l !== l && u !== u; + }, o.exports = s; + }, {}], 3: [function(n, o, i) { + var s = n("map-or-similar"); + o.exports = function(p) { + var h = new s(!1), m = []; + return function(g) { + var S = /* @__PURE__ */ a(function() { + var v = h, b, w, y = arguments.length - 1, E = Array(y + 1), x = !0, C; + if ((S.numArgs || S.numArgs === 0) && S.numArgs !== y + 1) + throw new Error("Memoizerific functions should always be called with the same number of arguments"); + for (C = 0; C < y; C++) { + if (E[C] = { + cacheItem: v, + arg: arguments[C] + }, v.has(arguments[C])) { + v = v.get(arguments[C]); + continue; + } + x = !1, b = new s(!1), v.set(arguments[C], b), v = b; + } + return x && (v.has(arguments[y]) ? w = v.get(arguments[y]) : x = !1), x || (w = g.apply(null, arguments), v.set(arguments[y], w)), + p > 0 && (E[y] = { + cacheItem: v, + arg: arguments[y] + }, x ? l(m, E) : m.push(E), m.length > p && u(m.shift())), S.wasMemoized = x, S.numArgs = y + 1, w; + }, "memoizerific"); + return S.limit = p, S.wasMemoized = !1, S.cache = h, S.lru = m, S; + }; + }; + function l(p, h) { + var m = p.length, g = h.length, S, v, b; + for (v = 0; v < m; v++) { + for (S = !0, b = 0; b < g; b++) + if (!c(p[v][b].arg, h[b].arg)) { + S = !1; + break; + } + if (S) + break; + } + p.push(p.splice(v, 1)[0]); + } + a(l, "moveToMostRecentLru"); + function u(p) { + var h = p.length, m = p[h - 1], g, S; + for (m.cacheItem.delete(m.arg), S = h - 2; S >= 0 && (m = p[S], g = m.cacheItem.get(m.arg), !g || !g.size); S--) + m.cacheItem.delete(m.arg); + } + a(u, "removeCachedResult"); + function c(p, h) { + return p === h || p !== p && h !== h; + } + a(c, "isEqual"); + }, { "map-or-similar": 1 }] }, {}, [3])(3); + }); +}); + +// ../node_modules/@babel/runtime/helpers/esm/extends.js +function J() { + return J = Object.assign ? Object.assign.bind() : function(e) { + for (var t = 1; t < arguments.length; t++) { + var r = arguments[t]; + for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]); + } + return e; + }, J.apply(null, arguments); +} +var xt = T(() => { + a(J, "_extends"); +}); + +// ../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +function B0(e) { + var t = /* @__PURE__ */ Object.create(null); + return function(r) { + return t[r] === void 0 && (t[r] = e(r)), t[r]; + }; +} +var $0 = T(() => { + a(B0, "memoize"); +}); + +// ../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +var _V, ya, z0 = T(() => { + $0(); + _V = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, + ya = /* @__PURE__ */ B0( + function(e) { + return _V.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91; + } + /* Z+1 */ + ); +}); + +// ../node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js +function TV(e) { + if (e.sheet) + return e.sheet; + for (var t = 0; t < document.styleSheets.length; t++) + if (document.styleSheets[t].ownerNode === e) + return document.styleSheets[t]; +} +function kV(e) { + var t = document.createElement("style"); + return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode( + "")), t.setAttribute("data-s", ""), t; +} +var Mx, Bx = T(() => { + a(TV, "sheetForTag"); + a(kV, "createStyleElement"); + Mx = /* @__PURE__ */ function() { + function e(r) { + var n = this; + this._insertTag = function(o) { + var i; + n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = + n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(o, i), n.tags.push(o); + }, this.isSpeedy = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = + r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null; + } + a(e, "StyleSheet"); + var t = e.prototype; + return t.hydrate = /* @__PURE__ */ a(function(n) { + n.forEach(this._insertTag); + }, "hydrate"), t.insert = /* @__PURE__ */ a(function(n) { + this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kV(this)); + var o = this.tags[this.tags.length - 1]; + if (0) + var i; + if (this.isSpeedy) { + var s = TV(o); + try { + s.insertRule(n, s.cssRules.length); + } catch { + } + } else + o.appendChild(document.createTextNode(n)); + this.ctr++; + }, "insert"), t.flush = /* @__PURE__ */ a(function() { + this.tags.forEach(function(n) { + return n.parentNode && n.parentNode.removeChild(n); + }), this.tags = [], this.ctr = 0; + }, "flush"), e; + }(); +}); + +// ../node_modules/stylis/src/Enum.js +var Ct, dp, pe, H0, el, tl, $x, j0, zx, V0 = T(() => { + Ct = "-ms-", dp = "-moz-", pe = "-webkit-", H0 = "comm", el = "rule", tl = "decl", $x = "@import", j0 = "@keyframes", zx = "@layer"; +}); + +// ../node_modules/stylis/src/Utility.js +function Vx(e, t) { + return Ge(e, 0) ^ 45 ? (((t << 2 ^ Ge(e, 0)) << 2 ^ Ge(e, 1)) << 2 ^ Ge(e, 2)) << 2 ^ Ge(e, 3) : 0; +} +function U0(e) { + return e.trim(); +} +function jv(e, t) { + return (e = t.exec(e)) ? e[0] : e; +} +function ue(e, t, r) { + return e.replace(t, r); +} +function hp(e, t) { + return e.indexOf(t); +} +function Ge(e, t) { + return e.charCodeAt(t) | 0; +} +function wa(e, t, r) { + return e.slice(t, r); +} +function jt(e) { + return e.length; +} +function rl(e) { + return e.length; +} +function nl(e, t) { + return t.push(e), e; +} +function Vv(e, t) { + return e.map(t).join(""); +} +var Hx, mi, jx, ol = T(() => { + Hx = Math.abs, mi = String.fromCharCode, jx = Object.assign; + a(Vx, "hash"); + a(U0, "trim"); + a(jv, "match"); + a(ue, "replace"); + a(hp, "indexof"); + a(Ge, "charat"); + a(wa, "substr"); + a(jt, "strlen"); + a(rl, "sizeof"); + a(nl, "append"); + a(Vv, "combine"); +}); + +// ../node_modules/stylis/src/Tokenizer.js +function mp(e, t, r, n, o, i, s) { + return { value: e, root: t, parent: r, type: n, props: o, children: i, line: W0, column: al, length: s, return: "" }; +} +function ll(e, t) { + return jx(mp("", null, null, "", null, null, 0), e, { length: -e.length }, t); +} +function Wx() { + return Je; +} +function qx() { + return Je = Vt > 0 ? Ge(sl, --Vt) : 0, al--, Je === 10 && (al = 1, W0--), Je; +} +function Ut() { + return Je = Vt < Ux ? Ge(sl, Vt++) : 0, al++, Je === 10 && (al = 1, W0++), Je; +} +function zr() { + return Ge(sl, Vt); +} +function gp() { + return Vt; +} +function ul(e, t) { + return wa(sl, e, t); +} +function il(e) { + switch (e) { + // \0 \t \n \r \s whitespace token + case 0: + case 9: + case 10: + case 13: + case 32: + return 5; + // ! + , / > @ ~ isolate token + case 33: + case 43: + case 44: + case 47: + case 62: + case 64: + case 126: + // ; { } breakpoint token + case 59: + case 123: + case 125: + return 4; + // : accompanied token + case 58: + return 3; + // " ' ( [ opening delimit token + case 34: + case 39: + case 40: + case 91: + return 2; + // ) ] closing delimit token + case 41: + case 93: + return 1; + } + return 0; +} +function q0(e) { + return W0 = al = 1, Ux = jt(sl = e), Vt = 0, []; +} +function G0(e) { + return sl = "", e; +} +function cl(e) { + return U0(ul(Vt - 1, Uv(e === 91 ? e + 2 : e === 40 ? e + 1 : e))); +} +function Gx(e) { + for (; (Je = zr()) && Je < 33; ) + Ut(); + return il(e) > 2 || il(Je) > 3 ? "" : " "; +} +function Yx(e, t) { + for (; --t && Ut() && !(Je < 48 || Je > 102 || Je > 57 && Je < 65 || Je > 70 && Je < 97); ) + ; + return ul(e, gp() + (t < 6 && zr() == 32 && Ut() == 32)); +} +function Uv(e) { + for (; Ut(); ) + switch (Je) { + // ] ) " ' + case e: + return Vt; + // " ' + case 34: + case 39: + e !== 34 && e !== 39 && Uv(Je); + break; + // ( + case 40: + e === 41 && Uv(e); + break; + // \ + case 92: + Ut(); + break; + } + return Vt; +} +function Kx(e, t) { + for (; Ut() && e + Je !== 57; ) + if (e + Je === 84 && zr() === 47) + break; + return "/*" + ul(t, Vt - 1) + "*" + mi(e === 47 ? e : Ut()); +} +function Xx(e) { + for (; !il(zr()); ) + Ut(); + return ul(e, Vt); +} +var W0, al, Ux, Vt, Je, sl, Wv = T(() => { + ol(); + W0 = 1, al = 1, Ux = 0, Vt = 0, Je = 0, sl = ""; + a(mp, "node"); + a(ll, "copy"); + a(Wx, "char"); + a(qx, "prev"); + a(Ut, "next"); + a(zr, "peek"); + a(gp, "caret"); + a(ul, "slice"); + a(il, "token"); + a(q0, "alloc"); + a(G0, "dealloc"); + a(cl, "delimit"); + a(Gx, "whitespace"); + a(Yx, "escaping"); + a(Uv, "delimiter"); + a(Kx, "commenter"); + a(Xx, "identifier"); +}); + +// ../node_modules/stylis/src/Parser.js +function Zx(e) { + return G0(Y0("", null, null, null, [""], e = q0(e), 0, [0], e)); +} +function Y0(e, t, r, n, o, i, s, l, u) { + for (var c = 0, p = 0, h = s, m = 0, g = 0, S = 0, v = 1, b = 1, w = 1, y = 0, E = "", x = o, C = i, D = n, R = E; b; ) + switch (S = y, y = Ut()) { + // ( + case 40: + if (S != 108 && Ge(R, h - 1) == 58) { + hp(R += ue(cl(y), "&", "&\f"), "&\f") != -1 && (w = -1); + break; + } + // " ' [ + case 34: + case 39: + case 91: + R += cl(y); + break; + // \t \n \r \s + case 9: + case 10: + case 13: + case 32: + R += Gx(S); + break; + // \ + case 92: + R += Yx(gp() - 1, 7); + continue; + // / + case 47: + switch (zr()) { + case 42: + case 47: + nl(IV(Kx(Ut(), gp()), t, r), u); + break; + default: + R += "/"; + } + break; + // { + case 123 * v: + l[c++] = jt(R) * w; + // } ; \0 + case 125 * v: + case 59: + case 0: + switch (y) { + // \0 } + case 0: + case 125: + b = 0; + // ; + case 59 + p: + w == -1 && (R = ue(R, /\f/g, "")), g > 0 && jt(R) - h && nl(g > 32 ? Jx(R + ";", n, r, h - 1) : Jx(ue(R, " ", "") + ";", n, r, h - + 2), u); + break; + // @ ; + case 59: + R += ";"; + // { rule/at-rule + default: + if (nl(D = Qx(R, t, r, c, p, o, l, E, x = [], C = [], h), i), y === 123) + if (p === 0) + Y0(R, t, D, D, x, i, h, l, C); + else + switch (m === 99 && Ge(R, 3) === 110 ? 100 : m) { + // d l m s + case 100: + case 108: + case 109: + case 115: + Y0(e, D, D, n && nl(Qx(e, D, D, 0, 0, o, l, E, o, x = [], h), C), o, C, h, l, n ? x : C); + break; + default: + Y0(R, D, D, D, [""], C, 0, l, C); + } + } + c = p = g = 0, v = w = 1, E = R = "", h = s; + break; + // : + case 58: + h = 1 + jt(R), g = S; + default: + if (v < 1) { + if (y == 123) + --v; + else if (y == 125 && v++ == 0 && qx() == 125) + continue; + } + switch (R += mi(y), y * v) { + // & + case 38: + w = p > 0 ? 1 : (R += "\f", -1); + break; + // , + case 44: + l[c++] = (jt(R) - 1) * w, w = 1; + break; + // @ + case 64: + zr() === 45 && (R += cl(Ut())), m = zr(), p = h = jt(E = R += Xx(gp())), y++; + break; + // - + case 45: + S === 45 && jt(R) == 2 && (v = 0); + } + } + return i; +} +function Qx(e, t, r, n, o, i, s, l, u, c, p) { + for (var h = o - 1, m = o === 0 ? i : [""], g = rl(m), S = 0, v = 0, b = 0; S < n; ++S) + for (var w = 0, y = wa(e, h + 1, h = Hx(v = s[S])), E = e; w < g; ++w) + (E = U0(v > 0 ? m[w] + " " + y : ue(y, /&\f/g, m[w]))) && (u[b++] = E); + return mp(e, t, r, o === 0 ? el : l, u, c, p); +} +function IV(e, t, r) { + return mp(e, t, r, H0, mi(Wx()), wa(e, 2, -2), 0); +} +function Jx(e, t, r, n) { + return mp(e, t, r, tl, wa(e, 0, n), wa(e, n + 1, -1), n); +} +var eC = T(() => { + V0(); + ol(); + Wv(); + a(Zx, "compile"); + a(Y0, "parse"); + a(Qx, "ruleset"); + a(IV, "comment"); + a(Jx, "declaration"); +}); + +// ../node_modules/stylis/src/Prefixer.js +var tC = T(() => { +}); + +// ../node_modules/stylis/src/Serializer.js +function gi(e, t) { + for (var r = "", n = rl(e), o = 0; o < n; o++) + r += t(e[o], o, e, t) || ""; + return r; +} +function rC(e, t, r, n) { + switch (e.type) { + case zx: + if (e.children.length) break; + case $x: + case tl: + return e.return = e.return || e.value; + case H0: + return ""; + case j0: + return e.return = e.value + "{" + gi(e.children, n) + "}"; + case el: + e.value = e.props.join(","); + } + return jt(r = gi(e.children, n)) ? e.return = e.value + "{" + r + "}" : ""; +} +var nC = T(() => { + V0(); + ol(); + a(gi, "serialize"); + a(rC, "stringify"); +}); + +// ../node_modules/stylis/src/Middleware.js +function oC(e) { + var t = rl(e); + return function(r, n, o, i) { + for (var s = "", l = 0; l < t; l++) + s += e[l](r, n, o, i) || ""; + return s; + }; +} +function aC(e) { + return function(t) { + t.root || (t = t.return) && e(t); + }; +} +var iC = T(() => { + ol(); + a(oC, "middleware"); + a(aC, "rulesheet"); +}); + +// ../node_modules/stylis/index.js +var sC = T(() => { + V0(); + ol(); + eC(); + tC(); + Wv(); + nC(); + iC(); +}); + +// ../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js +var qv, K0 = T(() => { + qv = /* @__PURE__ */ a(function(t) { + var r = /* @__PURE__ */ new WeakMap(); + return function(n) { + if (r.has(n)) + return r.get(n); + var o = t(n); + return r.set(n, o), o; + }; + }, "weakMemoize"); +}); + +// ../node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js +function uC(e, t) { + switch (Vx(e, t)) { + // color-adjust + case 5103: + return pe + "print-" + e + e; + // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function) + case 5737: + case 4201: + case 3177: + case 3433: + case 1641: + case 4457: + case 2921: + // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break + case 5572: + case 6356: + case 5844: + case 3191: + case 6645: + case 3005: + // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite, + case 6391: + case 5879: + case 5623: + case 6135: + case 4599: + case 4855: + // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width) + case 4215: + case 6389: + case 5109: + case 5365: + case 5621: + case 3829: + return pe + e + e; + // appearance, user-select, transform, hyphens, text-size-adjust + case 5349: + case 4246: + case 4810: + case 6968: + case 2756: + return pe + e + dp + e + Ct + e + e; + // flex, flex-direction + case 6828: + case 4268: + return pe + e + Ct + e + e; + // order + case 6165: + return pe + e + Ct + "flex-" + e + e; + // align-items + case 5187: + return pe + e + ue(e, /(\w+).+(:[^]+)/, pe + "box-$1$2" + Ct + "flex-$1$2") + e; + // align-self + case 5443: + return pe + e + Ct + "flex-item-" + ue(e, /flex-|-self/, "") + e; + // align-content + case 4675: + return pe + e + Ct + "flex-line-pack" + ue(e, /align-content|flex-|-self/, "") + e; + // flex-shrink + case 5548: + return pe + e + Ct + ue(e, "shrink", "negative") + e; + // flex-basis + case 5292: + return pe + e + Ct + ue(e, "basis", "preferred-size") + e; + // flex-grow + case 6060: + return pe + "box-" + ue(e, "-grow", "") + pe + e + Ct + ue(e, "grow", "positive") + e; + // transition + case 4554: + return pe + ue(e, /([^-])(transform)/g, "$1" + pe + "$2") + e; + // cursor + case 6187: + return ue(ue(ue(e, /(zoom-|grab)/, pe + "$1"), /(image-set)/, pe + "$1"), e, "") + e; + // background, background-image + case 5495: + case 3959: + return ue(e, /(image-set\([^]*)/, pe + "$1$`$1"); + // justify-content + case 4968: + return ue(ue(e, /(.+:)(flex-)?(.*)/, pe + "box-pack:$3" + Ct + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + pe + e + e; + // (margin|padding)-inline-(start|end) + case 4095: + case 3583: + case 4068: + case 2532: + return ue(e, /(.+)-inline(.+)/, pe + "$1$2") + e; + // (min|max)?(width|height|inline-size|block-size) + case 8116: + case 7059: + case 5753: + case 5535: + case 5445: + case 5701: + case 4933: + case 4677: + case 5533: + case 5789: + case 5021: + case 4765: + if (jt(e) - 1 - t > 6) switch (Ge(e, t + 1)) { + // (m)ax-content, (m)in-content + case 109: + if (Ge(e, t + 4) !== 45) break; + // (f)ill-available, (f)it-content + case 102: + return ue(e, /(.+:)(.+)-([^]+)/, "$1" + pe + "$2-$3$1" + dp + (Ge(e, t + 3) == 108 ? "$3" : "$2-$3")) + e; + // (s)tretch + case 115: + return ~hp(e, "stretch") ? uC(ue(e, "stretch", "fill-available"), t) + e : e; + } + break; + // position: sticky + case 4949: + if (Ge(e, t + 1) !== 115) break; + // display: (flex|inline-flex) + case 6444: + switch (Ge(e, jt(e) - 3 - (~hp(e, "!important") && 10))) { + // stic(k)y + case 107: + return ue(e, ":", ":" + pe) + e; + // (inline-)?fl(e)x + case 101: + return ue(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + pe + (Ge(e, 14) === 45 ? "inline-" : "") + "box$3$1" + pe + "$2$3$1" + Ct + "$2box$3") + + e; + } + break; + // writing-mode + case 5936: + switch (Ge(e, t + 11)) { + // vertical-l(r) + case 114: + return pe + e + Ct + ue(e, /[svh]\w+-[tblr]{2}/, "tb") + e; + // vertical-r(l) + case 108: + return pe + e + Ct + ue(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e; + // horizontal(-)tb + case 45: + return pe + e + Ct + ue(e, /[svh]\w+-[tblr]{2}/, "lr") + e; + } + return pe + e + Ct + e + e; + } + return e; +} +var PV, FV, OV, lC, LV, NV, MV, BV, vp, X0 = T(() => { + Bx(); + sC(); + K0(); + $0(); + PV = /* @__PURE__ */ a(function(t, r, n) { + for (var o = 0, i = 0; o = i, i = zr(), o === 38 && i === 12 && (r[n] = 1), !il(i); ) + Ut(); + return ul(t, Vt); + }, "identifierWithPointTracking"), FV = /* @__PURE__ */ a(function(t, r) { + var n = -1, o = 44; + do + switch (il(o)) { + case 0: + o === 38 && zr() === 12 && (r[n] = 1), t[n] += PV(Vt - 1, r, n); + break; + case 2: + t[n] += cl(o); + break; + case 4: + if (o === 44) { + t[++n] = zr() === 58 ? "&\f" : "", r[n] = t[n].length; + break; + } + // fallthrough + default: + t[n] += mi(o); + } + while (o = Ut()); + return t; + }, "toRules"), OV = /* @__PURE__ */ a(function(t, r) { + return G0(FV(q0(t), r)); + }, "getRules"), lC = /* @__PURE__ */ new WeakMap(), LV = /* @__PURE__ */ a(function(t) { + if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo + // negative .length indicates that this rule has been already prefixed + t.length < 1)) { + for (var r = t.value, n = t.parent, o = t.column === n.column && t.line === n.line; n.type !== "rule"; ) + if (n = n.parent, !n) return; + if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !lC.get(n)) && !o) { + lC.set(t, !0); + for (var i = [], s = OV(r, i), l = n.props, u = 0, c = 0; u < s.length; u++) + for (var p = 0; p < l.length; p++, c++) + t.props[c] = i[u] ? s[u].replace(/&\f/g, l[p]) : l[p] + " " + s[u]; + } + } + }, "compat"), NV = /* @__PURE__ */ a(function(t) { + if (t.type === "decl") { + var r = t.value; + // charcode for l + r.charCodeAt(0) === 108 && // charcode for b + r.charCodeAt(2) === 98 && (t.return = "", t.value = ""); + } + }, "removeLabel"); + a(uC, "prefix"); + MV = /* @__PURE__ */ a(function(t, r, n, o) { + if (t.length > -1 && !t.return) switch (t.type) { + case tl: + t.return = uC(t.value, t.length); + break; + case j0: + return gi([ll(t, { + value: ue(t.value, "@", "@" + pe) + })], o); + case el: + if (t.length) return Vv(t.props, function(i) { + switch (jv(i, /(::plac\w+|:read-\w+)/)) { + // :read-(only|write) + case ":read-only": + case ":read-write": + return gi([ll(t, { + props: [ue(i, /:(read-\w+)/, ":" + dp + "$1")] + })], o); + // :placeholder + case "::placeholder": + return gi([ll(t, { + props: [ue(i, /:(plac\w+)/, ":" + pe + "input-$1")] + }), ll(t, { + props: [ue(i, /:(plac\w+)/, ":" + dp + "$1")] + }), ll(t, { + props: [ue(i, /:(plac\w+)/, Ct + "input-$1")] + })], o); + } + return ""; + }); + } + }, "prefixer"), BV = [MV], vp = /* @__PURE__ */ a(function(t) { + var r = t.key; + if (r === "css") { + var n = document.querySelectorAll("style[data-emotion]:not([data-s])"); + Array.prototype.forEach.call(n, function(v) { + var b = v.getAttribute("data-emotion"); + b.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", "")); + }); + } + var o = t.stylisPlugins || BV, i = {}, s, l = []; + s = t.container || document.head, Array.prototype.forEach.call( + // this means we will ignore elements which don't have a space in them which + // means that the style elements we're looking at are only Emotion 11 server-rendered style elements + document.querySelectorAll('style[data-emotion^="' + r + ' "]'), + function(v) { + for (var b = v.getAttribute("data-emotion").split(" "), w = 1; w < b.length; w++) + i[b[w]] = !0; + l.push(v); + } + ); + var u, c = [LV, NV]; + { + var p, h = [rC, aC(function(v) { + p.insert(v); + })], m = oC(c.concat(o, h)), g = /* @__PURE__ */ a(function(b) { + return gi(Zx(b), m); + }, "stylis"); + u = /* @__PURE__ */ a(function(b, w, y, E) { + p = y, g(b ? b + "{" + w.styles + "}" : w.styles), E && (S.inserted[w.name] = !0); + }, "insert"); + } + var S = { + key: r, + sheet: new Mx({ + key: r, + container: s, + nonce: t.nonce, + speedy: t.speedy, + prepend: t.prepend, + insertionPoint: t.insertionPoint + }), + nonce: t.nonce, + inserted: i, + registered: {}, + insert: u + }; + return S.sheet.hydrate(l), S; + }, "createCache"); +}); + +// ../node_modules/react-is/cjs/react-is.production.min.js +var pC = F((ve) => { + "use strict"; + var dt = typeof Symbol == "function" && Symbol.for, Gv = dt ? Symbol.for("react.element") : 60103, Yv = dt ? Symbol.for("react.portal") : 60106, + Q0 = dt ? Symbol.for("react.fragment") : 60107, J0 = dt ? Symbol.for("react.strict_mode") : 60108, Z0 = dt ? Symbol.for("react.profiler") : + 60114, e1 = dt ? Symbol.for("react.provider") : 60109, t1 = dt ? Symbol.for("react.context") : 60110, Kv = dt ? Symbol.for("react.async_mo\ +de") : 60111, r1 = dt ? Symbol.for("react.concurrent_mode") : 60111, n1 = dt ? Symbol.for("react.forward_ref") : 60112, o1 = dt ? Symbol.for( + "react.suspense") : 60113, $V = dt ? Symbol.for("react.suspense_list") : 60120, a1 = dt ? Symbol.for("react.memo") : 60115, i1 = dt ? Symbol. + for("react.lazy") : 60116, zV = dt ? Symbol.for("react.block") : 60121, HV = dt ? Symbol.for("react.fundamental") : 60117, jV = dt ? Symbol. + for("react.responder") : 60118, VV = dt ? Symbol.for("react.scope") : 60119; + function Cr(e) { + if (typeof e == "object" && e !== null) { + var t = e.$$typeof; + switch (t) { + case Gv: + switch (e = e.type, e) { + case Kv: + case r1: + case Q0: + case Z0: + case J0: + case o1: + return e; + default: + switch (e = e && e.$$typeof, e) { + case t1: + case n1: + case i1: + case a1: + case e1: + return e; + default: + return t; + } + } + case Yv: + return t; + } + } + } + a(Cr, "z"); + function cC(e) { + return Cr(e) === r1; + } + a(cC, "A"); + ve.AsyncMode = Kv; + ve.ConcurrentMode = r1; + ve.ContextConsumer = t1; + ve.ContextProvider = e1; + ve.Element = Gv; + ve.ForwardRef = n1; + ve.Fragment = Q0; + ve.Lazy = i1; + ve.Memo = a1; + ve.Portal = Yv; + ve.Profiler = Z0; + ve.StrictMode = J0; + ve.Suspense = o1; + ve.isAsyncMode = function(e) { + return cC(e) || Cr(e) === Kv; + }; + ve.isConcurrentMode = cC; + ve.isContextConsumer = function(e) { + return Cr(e) === t1; + }; + ve.isContextProvider = function(e) { + return Cr(e) === e1; + }; + ve.isElement = function(e) { + return typeof e == "object" && e !== null && e.$$typeof === Gv; + }; + ve.isForwardRef = function(e) { + return Cr(e) === n1; + }; + ve.isFragment = function(e) { + return Cr(e) === Q0; + }; + ve.isLazy = function(e) { + return Cr(e) === i1; + }; + ve.isMemo = function(e) { + return Cr(e) === a1; + }; + ve.isPortal = function(e) { + return Cr(e) === Yv; + }; + ve.isProfiler = function(e) { + return Cr(e) === Z0; + }; + ve.isStrictMode = function(e) { + return Cr(e) === J0; + }; + ve.isSuspense = function(e) { + return Cr(e) === o1; + }; + ve.isValidElementType = function(e) { + return typeof e == "string" || typeof e == "function" || e === Q0 || e === r1 || e === Z0 || e === J0 || e === o1 || e === $V || typeof e == + "object" && e !== null && (e.$$typeof === i1 || e.$$typeof === a1 || e.$$typeof === e1 || e.$$typeof === t1 || e.$$typeof === n1 || e.$$typeof === + HV || e.$$typeof === jV || e.$$typeof === VV || e.$$typeof === zV); + }; + ve.typeOf = Cr; +}); + +// ../node_modules/react-is/index.js +var dC = F((Dhe, fC) => { + "use strict"; + fC.exports = pC(); +}); + +// ../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js +var Jv = F((Rhe, wC) => { + "use strict"; + var Xv = dC(), UV = { + childContextTypes: !0, + contextType: !0, + contextTypes: !0, + defaultProps: !0, + displayName: !0, + getDefaultProps: !0, + getDerivedStateFromError: !0, + getDerivedStateFromProps: !0, + mixins: !0, + propTypes: !0, + type: !0 + }, WV = { + name: !0, + length: !0, + prototype: !0, + caller: !0, + callee: !0, + arguments: !0, + arity: !0 + }, qV = { + $$typeof: !0, + render: !0, + defaultProps: !0, + displayName: !0, + propTypes: !0 + }, vC = { + $$typeof: !0, + compare: !0, + defaultProps: !0, + displayName: !0, + propTypes: !0, + type: !0 + }, Qv = {}; + Qv[Xv.ForwardRef] = qV; + Qv[Xv.Memo] = vC; + function hC(e) { + return Xv.isMemo(e) ? vC : Qv[e.$$typeof] || UV; + } + a(hC, "getStatics"); + var GV = Object.defineProperty, YV = Object.getOwnPropertyNames, mC = Object.getOwnPropertySymbols, KV = Object.getOwnPropertyDescriptor, XV = Object. + getPrototypeOf, gC = Object.prototype; + function yC(e, t, r) { + if (typeof t != "string") { + if (gC) { + var n = XV(t); + n && n !== gC && yC(e, n, r); + } + var o = YV(t); + mC && (o = o.concat(mC(t))); + for (var i = hC(e), s = hC(t), l = 0; l < o.length; ++l) { + var u = o[l]; + if (!WV[u] && !(r && r[u]) && !(s && s[u]) && !(i && i[u])) { + var c = KV(t, u); + try { + GV(e, u, c); + } catch { + } + } + } + } + return e; + } + a(yC, "hoistNonReactStatics"); + wC.exports = yC; +}); + +// ../node_modules/@emotion/react/_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js +var bC, SC, EC = T(() => { + bC = I(Jv()), SC = /* @__PURE__ */ a(function(e, t) { + return (0, bC.default)(e, t); + }, "hoistNonReactStatics"); +}); + +// ../node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js +function pl(e, t, r) { + var n = ""; + return r.split(" ").forEach(function(o) { + e[o] !== void 0 ? t.push(e[o] + ";") : n += o + " "; + }), n; +} +var QV, yi, wi, yp = T(() => { + QV = !0; + a(pl, "getRegisteredStyles"); + yi = /* @__PURE__ */ a(function(t, r, n) { + var o = t.key + "-" + r.name; + // we only need to add the styles to the registered cache if the + // class name could be used further down + // the tree but if it's a string tag, we know it won't + // so we don't have to add it to registered cache. + // this improves memory usage since we can avoid storing the whole style string + (n === !1 || // we need to always store it if we're in compat mode and + // in node since emotion-server relies on whether a style is in + // the registered cache to know whether a style is global or not + // also, note that this check will be dead code eliminated in the browser + QV === !1) && t.registered[o] === void 0 && (t.registered[o] = r.styles); + }, "registerStyles"), wi = /* @__PURE__ */ a(function(t, r, n) { + yi(t, r, n); + var o = t.key + "-" + r.name; + if (t.inserted[r.name] === void 0) { + var i = r; + do + t.insert(r === i ? "." + o : "", i, t.sheet, !0), i = i.next; + while (i !== void 0); + } + }, "insertStyles"); +}); + +// ../node_modules/@emotion/hash/dist/emotion-hash.esm.js +function xC(e) { + for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4) + r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */ + (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */ + r >>> 24, t = /* Math.imul(k, m): */ + (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */ + (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16); + switch (o) { + case 3: + t ^= (e.charCodeAt(n + 2) & 255) << 16; + case 2: + t ^= (e.charCodeAt(n + 1) & 255) << 8; + case 1: + t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */ + (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16); + } + return t ^= t >>> 13, t = /* Math.imul(h, m): */ + (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36); +} +var CC = T(() => { + a(xC, "murmur2"); +}); + +// ../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +var DC, RC = T(() => { + DC = { + animationIterationCount: 1, + aspectRatio: 1, + borderImageOutset: 1, + borderImageSlice: 1, + borderImageWidth: 1, + boxFlex: 1, + boxFlexGroup: 1, + boxOrdinalGroup: 1, + columnCount: 1, + columns: 1, + flex: 1, + flexGrow: 1, + flexPositive: 1, + flexShrink: 1, + flexNegative: 1, + flexOrder: 1, + gridRow: 1, + gridRowEnd: 1, + gridRowSpan: 1, + gridRowStart: 1, + gridColumn: 1, + gridColumnEnd: 1, + gridColumnSpan: 1, + gridColumnStart: 1, + msGridRow: 1, + msGridRowSpan: 1, + msGridColumn: 1, + msGridColumnSpan: 1, + fontWeight: 1, + lineHeight: 1, + opacity: 1, + order: 1, + orphans: 1, + tabSize: 1, + widows: 1, + zIndex: 1, + zoom: 1, + WebkitLineClamp: 1, + // SVG-related properties + fillOpacity: 1, + floodOpacity: 1, + stopOpacity: 1, + strokeDasharray: 1, + strokeDashoffset: 1, + strokeMiterlimit: 1, + strokeOpacity: 1, + strokeWidth: 1 + }; +}); + +// ../node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js +function wp(e, t, r) { + if (r == null) + return ""; + if (r.__emotion_styles !== void 0) + return r; + switch (typeof r) { + case "boolean": + return ""; + case "object": { + if (r.anim === 1) + return jn = { + name: r.name, + styles: r.styles, + next: jn + }, r.name; + if (r.styles !== void 0) { + var n = r.next; + if (n !== void 0) + for (; n !== void 0; ) + jn = { + name: n.name, + styles: n.styles, + next: jn + }, n = n.next; + var o = r.styles + ";"; + return o; + } + return eU(e, t, r); + } + case "function": { + if (e !== void 0) { + var i = jn, s = r(e); + return jn = i, wp(e, t, s); + } + break; + } + case "string": + if (0) + var l, u; + break; + } + if (t == null) + return r; + var c = t[r]; + return c !== void 0 ? c : r; +} +function eU(e, t, r) { + var n = ""; + if (Array.isArray(r)) + for (var o = 0; o < r.length; o++) + n += wp(e, t, r[o]) + ";"; + else + for (var i in r) { + var s = r[i]; + if (typeof s != "object") + t != null && t[s] !== void 0 ? n += i + "{" + t[s] + "}" : AC(s) && (n += Zv(i) + ":" + _C(i, s) + ";"); + else if (Array.isArray(s) && typeof s[0] == "string" && (t == null || t[s[0]] === void 0)) + for (var l = 0; l < s.length; l++) + AC(s[l]) && (n += Zv(i) + ":" + _C(i, s[l]) + ";"); + else { + var u = wp(e, t, s); + switch (i) { + case "animation": + case "animationName": { + n += Zv(i) + ":" + u + ";"; + break; + } + default: + n += i + "{" + u + "}"; + } + } + } + return n; +} +var JV, ZV, kC, AC, Zv, _C, TC, jn, ba, bp = T(() => { + CC(); + RC(); + $0(); + JV = /[A-Z]|^ms/g, ZV = /_EMO_([^_]+?)_([^]*?)_EMO_/g, kC = /* @__PURE__ */ a(function(t) { + return t.charCodeAt(1) === 45; + }, "isCustomProperty"), AC = /* @__PURE__ */ a(function(t) { + return t != null && typeof t != "boolean"; + }, "isProcessableValue"), Zv = /* @__PURE__ */ B0(function(e) { + return kC(e) ? e : e.replace(JV, "-$&").toLowerCase(); + }), _C = /* @__PURE__ */ a(function(t, r) { + switch (t) { + case "animation": + case "animationName": + if (typeof r == "string") + return r.replace(ZV, function(n, o, i) { + return jn = { + name: o, + styles: i, + next: jn + }, o; + }); + } + return DC[t] !== 1 && !kC(t) && typeof r == "number" && r !== 0 ? r + "px" : r; + }, "processStyleValue"); + a(wp, "handleInterpolation"); + a(eU, "createStringFromObject"); + TC = /label:\s*([^\s;\n{]+)\s*(;|$)/g, ba = /* @__PURE__ */ a(function(t, r, n) { + if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0) + return t[0]; + var o = !0, i = ""; + jn = void 0; + var s = t[0]; + s == null || s.raw === void 0 ? (o = !1, i += wp(n, r, s)) : i += s[0]; + for (var l = 1; l < t.length; l++) + i += wp(n, r, t[l]), o && (i += s[l]); + var u; + TC.lastIndex = 0; + for (var c = "", p; (p = TC.exec(i)) !== null; ) + c += "-" + // $FlowFixMe we know it's not null + p[1]; + var h = xC(i) + c; + return { + name: h, + styles: i, + next: jn + }; + }, "serializeStyles"); +}); + +// ../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js +var Sp, tU, IC, fl, ey, Ep = T(() => { + Sp = I(O()), tU = /* @__PURE__ */ a(function(t) { + return t(); + }, "syncFallback"), IC = Sp.useInsertionEffect ? Sp.useInsertionEffect : !1, fl = IC || tU, ey = IC || Sp.useLayoutEffect; +}); + +// ../node_modules/@emotion/react/dist/emotion-element-43c6fea0.browser.esm.js +function iy(e) { + var t = e.displayName || e.name || "Component", r = /* @__PURE__ */ a(function(i, s) { + var l = it.useContext(hn); + return /* @__PURE__ */ it.createElement(e, J({ + theme: l, + ref: s + }, i)); + }, "render"), n = /* @__PURE__ */ it.forwardRef(r); + return n.displayName = "WithTheme(" + t + ")", SC(n, e); +} +var it, xp, ry, l1, s1, ny, Sa, hn, oy, rU, nU, ay, ty, PC, oU, aU, FC, sy = T(() => { + it = I(O()), xp = I(O()); + X0(); + xt(); + K0(); + EC(); + yp(); + bp(); + Ep(); + ry = !0, l1 = {}.hasOwnProperty, s1 = /* @__PURE__ */ it.createContext( + // we're doing this to avoid preconstruct's dead code elimination in this one case + // because this module is primarily intended for the browser and node + // but it's also required in react native and similar environments sometimes + // and we could have a special build just for that + // but this is much easier and the native packages + // might use a different theme context in the future anyway + typeof HTMLElement < "u" ? /* @__PURE__ */ vp({ + key: "css" + }) : null + ), ny = s1.Provider, Sa = /* @__PURE__ */ a(function(t) { + return /* @__PURE__ */ (0, xp.forwardRef)(function(r, n) { + var o = (0, xp.useContext)(s1); + return t(r, o, n); + }); + }, "withEmotionCache"); + ry || (Sa = /* @__PURE__ */ a(function(t) { + return function(r) { + var n = (0, xp.useContext)(s1); + return n === null ? (n = vp({ + key: "css" + }), /* @__PURE__ */ it.createElement(s1.Provider, { + value: n + }, t(r, n))) : t(r, n); + }; + }, "withEmotionCache")); + hn = /* @__PURE__ */ it.createContext({}), oy = /* @__PURE__ */ a(function() { + return it.useContext(hn); + }, "useTheme"), rU = /* @__PURE__ */ a(function(t, r) { + if (typeof r == "function") { + var n = r(t); + return n; + } + return J({}, t, r); + }, "getTheme"), nU = /* @__PURE__ */ qv(function(e) { + return qv(function(t) { + return rU(e, t); + }); + }), ay = /* @__PURE__ */ a(function(t) { + var r = it.useContext(hn); + return t.theme !== r && (r = nU(r)(t.theme)), /* @__PURE__ */ it.createElement(hn.Provider, { + value: r + }, t.children); + }, "ThemeProvider"); + a(iy, "withTheme"); + ty = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", PC = /* @__PURE__ */ a(function(t, r) { + var n = {}; + for (var o in r) + l1.call(r, o) && (n[o] = r[o]); + if (n[ty] = t, 0) + var i; + return n; + }, "createEmotionProps"), oU = /* @__PURE__ */ a(function(t) { + var r = t.cache, n = t.serialized, o = t.isStringTag; + return yi(r, n, o), fl(function() { + return wi(r, n, o); + }), null; + }, "Insertion"), aU = /* @__PURE__ */ Sa(function(e, t, r) { + var n = e.css; + typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]); + var o = e[ty], i = [n], s = ""; + typeof e.className == "string" ? s = pl(t.registered, i, e.className) : e.className != null && (s = e.className + " "); + var l = ba(i, void 0, it.useContext(hn)); + if (0) + var u; + s += t.key + "-" + l.name; + var c = {}; + for (var p in e) + l1.call(e, p) && p !== "css" && p !== ty && (c[p] = e[p]); + return c.ref = r, c.className = s, /* @__PURE__ */ it.createElement(it.Fragment, null, /* @__PURE__ */ it.createElement(oU, { + cache: t, + serialized: l, + isStringTag: typeof o == "string" + }), /* @__PURE__ */ it.createElement(o, c)); + }), FC = aU; +}); + +// ../node_modules/@emotion/react/dist/emotion-react.browser.esm.js +function dl() { + for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++) + t[r] = arguments[r]; + return ba(t); +} +function sU(e, t, r) { + var n = [], o = pl(e, n, r); + return n.length < 2 ? r : o + t(n); +} +var Dr, ame, OC, LC, Wt, iU, lU, NC, u1 = T(() => { + sy(); + sy(); + Dr = I(O()); + yp(); + Ep(); + bp(); + X0(); + xt(); + K0(); + ame = I(Jv()), OC = /* @__PURE__ */ a(function(t, r) { + var n = arguments; + if (r == null || !l1.call(r, "css")) + return Dr.createElement.apply(void 0, n); + var o = n.length, i = new Array(o); + i[0] = FC, i[1] = PC(t, r); + for (var s = 2; s < o; s++) + i[s] = n[s]; + return Dr.createElement.apply(null, i); + }, "jsx"), LC = /* @__PURE__ */ Sa(function(e, t) { + var r = e.styles, n = ba([r], void 0, Dr.useContext(hn)); + if (!ry) { + for (var o, i = n.name, s = n.styles, l = n.next; l !== void 0; ) + i += " " + l.name, s += l.styles, l = l.next; + var u = t.compat === !0, c = t.insert("", { + name: i, + styles: s + }, t.sheet, u); + return u ? null : /* @__PURE__ */ Dr.createElement("style", (o = {}, o["data-emotion"] = t.key + "-global " + i, o.dangerouslySetInnerHTML = + { + __html: c + }, o.nonce = t.sheet.nonce, o)); + } + var p = Dr.useRef(); + return ey(function() { + var h = t.key + "-global", m = new t.sheet.constructor({ + key: h, + nonce: t.sheet.nonce, + container: t.sheet.container, + speedy: t.sheet.isSpeedy + }), g = !1, S = document.querySelector('style[data-emotion="' + h + " " + n.name + '"]'); + return t.sheet.tags.length && (m.before = t.sheet.tags[0]), S !== null && (g = !0, S.setAttribute("data-emotion", h), m.hydrate([S])), + p.current = [m, g], function() { + m.flush(); + }; + }, [t]), ey(function() { + var h = p.current, m = h[0], g = h[1]; + if (g) { + h[1] = !1; + return; + } + if (n.next !== void 0 && wi(t, n.next, !0), m.tags.length) { + var S = m.tags[m.tags.length - 1].nextElementSibling; + m.before = S, m.flush(); + } + t.insert("", n, m, !1); + }, [t, n.name]), null; + }); + a(dl, "css"); + Wt = /* @__PURE__ */ a(function() { + var t = dl.apply(void 0, arguments), r = "animation-" + t.name; + return { + name: r, + styles: "@keyframes " + r + "{" + t.styles + "}", + anim: 1, + toString: /* @__PURE__ */ a(function() { + return "_EMO_" + this.name + "_" + this.styles + "_EMO_"; + }, "toString") + }; + }, "keyframes"), iU = /* @__PURE__ */ a(function e(t) { + for (var r = t.length, n = 0, o = ""; n < r; n++) { + var i = t[n]; + if (i != null) { + var s = void 0; + switch (typeof i) { + case "boolean": + break; + case "object": { + if (Array.isArray(i)) + s = e(i); + else { + s = ""; + for (var l in i) + i[l] && l && (s && (s += " "), s += l); + } + break; + } + default: + s = i; + } + s && (o && (o += " "), o += s); + } + } + return o; + }, "classnames"); + a(sU, "merge"); + lU = /* @__PURE__ */ a(function(t) { + var r = t.cache, n = t.serializedArr; + return fl(function() { + for (var o = 0; o < n.length; o++) + wi(r, n[o], !1); + }), null; + }, "Insertion"), NC = /* @__PURE__ */ Sa(function(e, t) { + var r = !1, n = [], o = /* @__PURE__ */ a(function() { + for (var c = arguments.length, p = new Array(c), h = 0; h < c; h++) + p[h] = arguments[h]; + var m = ba(p, t.registered); + return n.push(m), yi(t, m, !1), t.key + "-" + m.name; + }, "css"), i = /* @__PURE__ */ a(function() { + for (var c = arguments.length, p = new Array(c), h = 0; h < c; h++) + p[h] = arguments[h]; + return sU(t.registered, o, iU(p)); + }, "cx"), s = { + css: o, + cx: i, + theme: Dr.useContext(hn) + }, l = e.children(s); + return r = !0, /* @__PURE__ */ Dr.createElement(Dr.Fragment, null, /* @__PURE__ */ Dr.createElement(lU, { + cache: t, + serializedArr: n + }), l); + }); +}); + +// ../node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js +var Ea, uU, cU, MC, BC, pU, $C, zC = T(() => { + xt(); + Ea = I(O()); + z0(); + u1(); + yp(); + bp(); + Ep(); + uU = ya, cU = /* @__PURE__ */ a(function(t) { + return t !== "theme"; + }, "testOmitPropsOnComponent"), MC = /* @__PURE__ */ a(function(t) { + return typeof t == "string" && // 96 is one less than the char code + // for "a" so this is checking that + // it's a lowercase character + t.charCodeAt(0) > 96 ? uU : cU; + }, "getDefaultShouldForwardProp"), BC = /* @__PURE__ */ a(function(t, r, n) { + var o; + if (r) { + var i = r.shouldForwardProp; + o = t.__emotion_forwardProp && i ? function(s) { + return t.__emotion_forwardProp(s) && i(s); + } : i; + } + return typeof o != "function" && n && (o = t.__emotion_forwardProp), o; + }, "composeShouldForwardProps"), pU = /* @__PURE__ */ a(function(t) { + var r = t.cache, n = t.serialized, o = t.isStringTag; + return yi(r, n, o), fl(function() { + return wi(r, n, o); + }), null; + }, "Insertion"), $C = /* @__PURE__ */ a(function e(t, r) { + var n = t.__emotion_real === t, o = n && t.__emotion_base || t, i, s; + r !== void 0 && (i = r.label, s = r.target); + var l = BC(t, r, n), u = l || MC(o), c = !u("as"); + return function() { + var p = arguments, h = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : []; + if (i !== void 0 && h.push("label:" + i + ";"), p[0] == null || p[0].raw === void 0) + h.push.apply(h, p); + else { + h.push(p[0][0]); + for (var m = p.length, g = 1; g < m; g++) + h.push(p[g], p[0][g]); + } + var S = Sa(function(v, b, w) { + var y = c && v.as || o, E = "", x = [], C = v; + if (v.theme == null) { + C = {}; + for (var D in v) + C[D] = v[D]; + C.theme = Ea.useContext(hn); + } + typeof v.className == "string" ? E = pl(b.registered, x, v.className) : v.className != null && (E = v.className + " "); + var R = ba(h.concat(x), b.registered, C); + E += b.key + "-" + R.name, s !== void 0 && (E += " " + s); + var A = c && l === void 0 ? MC(y) : u, _ = {}; + for (var P in v) + c && P === "as" || // $FlowFixMe + A(P) && (_[P] = v[P]); + return _.className = E, _.ref = w, /* @__PURE__ */ Ea.createElement(Ea.Fragment, null, /* @__PURE__ */ Ea.createElement(pU, { + cache: b, + serialized: R, + isStringTag: typeof y == "string" + }), /* @__PURE__ */ Ea.createElement(y, _)); + }); + return S.displayName = i !== void 0 ? i : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", S.defaultProps = + t.defaultProps, S.__emotion_real = S, S.__emotion_base = o, S.__emotion_styles = h, S.__emotion_forwardProp = l, Object.defineProperty( + S, "toString", { + value: /* @__PURE__ */ a(function() { + return "." + s; + }, "value") + }), S.withComponent = function(v, b) { + return e(v, J({}, r, b, { + shouldForwardProp: BC(S, b, !0) + })).apply(void 0, h); + }, S; + }; + }, "createStyled"); +}); + +// ../node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js +var wme, fU, k, HC = T(() => { + zC(); + xt(); + wme = I(O()); + z0(); + yp(); + bp(); + Ep(); + fU = [ + "a", + "abbr", + "address", + "area", + "article", + "aside", + "audio", + "b", + "base", + "bdi", + "bdo", + "big", + "blockquote", + "body", + "br", + "button", + "canvas", + "caption", + "cite", + "code", + "col", + "colgroup", + "data", + "datalist", + "dd", + "del", + "details", + "dfn", + "dialog", + "div", + "dl", + "dt", + "em", + "embed", + "fieldset", + "figcaption", + "figure", + "footer", + "form", + "h1", + "h2", + "h3", + "h4", + "h5", + "h6", + "head", + "header", + "hgroup", + "hr", + "html", + "i", + "iframe", + "img", + "input", + "ins", + "kbd", + "keygen", + "label", + "legend", + "li", + "link", + "main", + "map", + "mark", + "marquee", + "menu", + "menuitem", + "meta", + "meter", + "nav", + "noscript", + "object", + "ol", + "optgroup", + "option", + "output", + "p", + "param", + "picture", + "pre", + "progress", + "q", + "rp", + "rt", + "ruby", + "s", + "samp", + "script", + "section", + "select", + "small", + "source", + "span", + "strong", + "style", + "sub", + "summary", + "sup", + "table", + "tbody", + "td", + "textarea", + "tfoot", + "th", + "thead", + "time", + "title", + "tr", + "track", + "u", + "ul", + "var", + "video", + "wbr", + // SVG + "circle", + "clipPath", + "defs", + "ellipse", + "foreignObject", + "g", + "image", + "line", + "linearGradient", + "mask", + "path", + "pattern", + "polygon", + "polyline", + "radialGradient", + "rect", + "stop", + "svg", + "text", + "tspan" + ], k = $C.bind(); + fU.forEach(function(e) { + k[e] = k(e); + }); +}); + +// ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +function jC(e) { + if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + return e; +} +var VC = T(() => { + a(jC, "_assertThisInitialized"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +function xa(e, t) { + return xa = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) { + return r.__proto__ = n, r; + }, xa(e, t); +} +var c1 = T(() => { + a(xa, "_setPrototypeOf"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +function UC(e, t) { + e.prototype = Object.create(t.prototype), e.prototype.constructor = e, xa(e, t); +} +var WC = T(() => { + c1(); + a(UC, "_inheritsLoose"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +function p1(e) { + return p1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) { + return t.__proto__ || Object.getPrototypeOf(t); + }, p1(e); +} +var qC = T(() => { + a(p1, "_getPrototypeOf"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js +function GC(e) { + try { + return Function.toString.call(e).indexOf("[native code]") !== -1; + } catch { + return typeof e == "function"; + } +} +var YC = T(() => { + a(GC, "_isNativeFunction"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +function ly() { + try { + var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() { + })); + } catch { + } + return (ly = /* @__PURE__ */ a(function() { + return !!e; + }, "_isNativeReflectConstruct"))(); +} +var KC = T(() => { + a(ly, "_isNativeReflectConstruct"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/construct.js +function XC(e, t, r) { + if (ly()) return Reflect.construct.apply(null, arguments); + var n = [null]; + n.push.apply(n, t); + var o = new (e.bind.apply(e, n))(); + return r && xa(o, r.prototype), o; +} +var QC = T(() => { + KC(); + c1(); + a(XC, "_construct"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js +function f1(e) { + var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0; + return f1 = /* @__PURE__ */ a(function(n) { + if (n === null || !GC(n)) return n; + if (typeof n != "function") throw new TypeError("Super expression must either be null or a function"); + if (t !== void 0) { + if (t.has(n)) return t.get(n); + t.set(n, o); + } + function o() { + return XC(n, arguments, p1(this).constructor); + } + return a(o, "Wrapper"), o.prototype = Object.create(n.prototype, { + constructor: { + value: o, + enumerable: !1, + writable: !0, + configurable: !0 + } + }), xa(o, n); + }, "_wrapNativeSuper"), f1(e); +} +var JC = T(() => { + qC(); + c1(); + YC(); + QC(); + a(f1, "_wrapNativeSuper"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js +var ZC = T(() => { +}); + +// ../node_modules/polished/dist/polished.esm.js +function uy(e) { + return Math.round(e * 255); +} +function dU(e, t, r) { + return uy(e) + "," + uy(t) + "," + uy(r); +} +function Cp(e, t, r, n) { + if (n === void 0 && (n = dU), t === 0) + return n(r, r, r); + var o = (e % 360 + 360) % 360 / 60, i = (1 - Math.abs(2 * r - 1)) * t, s = i * (1 - Math.abs(o % 2 - 1)), l = 0, u = 0, c = 0; + o >= 0 && o < 1 ? (l = i, u = s) : o >= 1 && o < 2 ? (l = s, u = i) : o >= 2 && o < 3 ? (u = i, c = s) : o >= 3 && o < 4 ? (u = s, c = i) : + o >= 4 && o < 5 ? (l = s, c = i) : o >= 5 && o < 6 && (l = i, c = s); + var p = r - i / 2, h = l + p, m = u + p, g = c + p; + return n(h, m, g); +} +function hU(e) { + if (typeof e != "string") return e; + var t = e.toLowerCase(); + return e8[t] ? "#" + e8[t] : e; +} +function h1(e) { + if (typeof e != "string") + throw new Vn(3); + var t = hU(e); + if (t.match(mU)) + return { + red: parseInt("" + t[1] + t[2], 16), + green: parseInt("" + t[3] + t[4], 16), + blue: parseInt("" + t[5] + t[6], 16) + }; + if (t.match(gU)) { + var r = parseFloat((parseInt("" + t[7] + t[8], 16) / 255).toFixed(2)); + return { + red: parseInt("" + t[1] + t[2], 16), + green: parseInt("" + t[3] + t[4], 16), + blue: parseInt("" + t[5] + t[6], 16), + alpha: r + }; + } + if (t.match(vU)) + return { + red: parseInt("" + t[1] + t[1], 16), + green: parseInt("" + t[2] + t[2], 16), + blue: parseInt("" + t[3] + t[3], 16) + }; + if (t.match(yU)) { + var n = parseFloat((parseInt("" + t[4] + t[4], 16) / 255).toFixed(2)); + return { + red: parseInt("" + t[1] + t[1], 16), + green: parseInt("" + t[2] + t[2], 16), + blue: parseInt("" + t[3] + t[3], 16), + alpha: n + }; + } + var o = cy.exec(t); + if (o) + return { + red: parseInt("" + o[1], 10), + green: parseInt("" + o[2], 10), + blue: parseInt("" + o[3], 10) + }; + var i = wU.exec(t.substring(0, 50)); + if (i) + return { + red: parseInt("" + i[1], 10), + green: parseInt("" + i[2], 10), + blue: parseInt("" + i[3], 10), + alpha: parseFloat("" + i[4]) > 1 ? parseFloat("" + i[4]) / 100 : parseFloat("" + i[4]) + }; + var s = bU.exec(t); + if (s) { + var l = parseInt("" + s[1], 10), u = parseInt("" + s[2], 10) / 100, c = parseInt("" + s[3], 10) / 100, p = "rgb(" + Cp(l, u, c) + ")", h = cy. + exec(p); + if (!h) + throw new Vn(4, t, p); + return { + red: parseInt("" + h[1], 10), + green: parseInt("" + h[2], 10), + blue: parseInt("" + h[3], 10) + }; + } + var m = SU.exec(t.substring(0, 50)); + if (m) { + var g = parseInt("" + m[1], 10), S = parseInt("" + m[2], 10) / 100, v = parseInt("" + m[3], 10) / 100, b = "rgb(" + Cp(g, S, v) + ")", w = cy. + exec(b); + if (!w) + throw new Vn(4, t, b); + return { + red: parseInt("" + w[1], 10), + green: parseInt("" + w[2], 10), + blue: parseInt("" + w[3], 10), + alpha: parseFloat("" + m[4]) > 1 ? parseFloat("" + m[4]) / 100 : parseFloat("" + m[4]) + }; + } + throw new Vn(5); +} +function EU(e) { + var t = e.red / 255, r = e.green / 255, n = e.blue / 255, o = Math.max(t, r, n), i = Math.min(t, r, n), s = (o + i) / 2; + if (o === i) + return e.alpha !== void 0 ? { + hue: 0, + saturation: 0, + lightness: s, + alpha: e.alpha + } : { + hue: 0, + saturation: 0, + lightness: s + }; + var l, u = o - i, c = s > 0.5 ? u / (2 - o - i) : u / (o + i); + switch (o) { + case t: + l = (r - n) / u + (r < n ? 6 : 0); + break; + case r: + l = (n - t) / u + 2; + break; + default: + l = (t - r) / u + 4; + break; + } + return l *= 60, e.alpha !== void 0 ? { + hue: l, + saturation: c, + lightness: s, + alpha: e.alpha + } : { + hue: l, + saturation: c, + lightness: s + }; +} +function t8(e) { + return EU(h1(e)); +} +function bi(e) { + var t = e.toString(16); + return t.length === 1 ? "0" + t : t; +} +function py(e) { + return bi(Math.round(e * 255)); +} +function CU(e, t, r) { + return fy("#" + py(e) + py(t) + py(r)); +} +function d1(e, t, r) { + return Cp(e, t, r, CU); +} +function DU(e, t, r) { + if (typeof e == "number" && typeof t == "number" && typeof r == "number") + return d1(e, t, r); + if (typeof e == "object" && t === void 0 && r === void 0) + return d1(e.hue, e.saturation, e.lightness); + throw new Vn(1); +} +function RU(e, t, r, n) { + if (typeof e == "number" && typeof t == "number" && typeof r == "number" && typeof n == "number") + return n >= 1 ? d1(e, t, r) : "rgba(" + Cp(e, t, r) + "," + n + ")"; + if (typeof e == "object" && t === void 0 && r === void 0 && n === void 0) + return e.alpha >= 1 ? d1(e.hue, e.saturation, e.lightness) : "rgba(" + Cp(e.hue, e.saturation, e.lightness) + "," + e.alpha + ")"; + throw new Vn(2); +} +function dy(e, t, r) { + if (typeof e == "number" && typeof t == "number" && typeof r == "number") + return fy("#" + bi(e) + bi(t) + bi(r)); + if (typeof e == "object" && t === void 0 && r === void 0) + return fy("#" + bi(e.red) + bi(e.green) + bi(e.blue)); + throw new Vn(6); +} +function Eo(e, t, r, n) { + if (typeof e == "string" && typeof t == "number") { + var o = h1(e); + return "rgba(" + o.red + "," + o.green + "," + o.blue + "," + t + ")"; + } else { + if (typeof e == "number" && typeof t == "number" && typeof r == "number" && typeof n == "number") + return n >= 1 ? dy(e, t, r) : "rgba(" + e + "," + t + "," + r + "," + n + ")"; + if (typeof e == "object" && t === void 0 && r === void 0 && n === void 0) + return e.alpha >= 1 ? dy(e.red, e.green, e.blue) : "rgba(" + e.red + "," + e.green + "," + e.blue + "," + e.alpha + ")"; + } + throw new Vn(7); +} +function r8(e) { + if (typeof e != "object") throw new Vn(8); + if (_U(e)) return Eo(e); + if (AU(e)) return dy(e); + if (kU(e)) return RU(e); + if (TU(e)) return DU(e); + throw new Vn(8); +} +function n8(e, t, r) { + return /* @__PURE__ */ a(function() { + var o = r.concat(Array.prototype.slice.call(arguments)); + return o.length >= t ? e.apply(this, o) : n8(e, t, o); + }, "fn"); +} +function m1(e) { + return n8(e, e.length, []); +} +function g1(e, t, r) { + return Math.max(e, Math.min(t, r)); +} +function IU(e, t) { + if (t === "transparent") return t; + var r = t8(t); + return r8(J({}, r, { + lightness: g1(0, 1, r.lightness - parseFloat(e)) + })); +} +function FU(e, t) { + if (t === "transparent") return t; + var r = t8(t); + return r8(J({}, r, { + lightness: g1(0, 1, r.lightness + parseFloat(e)) + })); +} +function LU(e, t) { + if (t === "transparent") return t; + var r = h1(t), n = typeof r.alpha == "number" ? r.alpha : 1, o = J({}, r, { + alpha: g1(0, 1, (n * 100 + parseFloat(e) * 100) / 100) + }); + return Eo(o); +} +function MU(e, t) { + if (t === "transparent") return t; + var r = h1(t), n = typeof r.alpha == "number" ? r.alpha : 1, o = J({}, r, { + alpha: g1(0, 1, +(n * 100 - parseFloat(e) * 100).toFixed(2) / 100) + }); + return Eo(o); +} +var Vn, e8, mU, gU, vU, yU, cy, wU, bU, SU, xU, fy, AU, _U, TU, kU, PU, Un, OU, Dp, NU, o8, BU, st, Wn = T(() => { + xt(); + VC(); + WC(); + JC(); + ZC(); + Vn = /* @__PURE__ */ function(e) { + UC(t, e); + function t(r) { + var n; + if (1) + n = e.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + r + + " for more information.") || this; + else + for (var o, i, s; s < o; s++) + ; + return jC(n); + } + return a(t, "PolishedError"), t; + }(/* @__PURE__ */ f1(Error)); + a(uy, "colorToInt"); + a(dU, "convertToInt"); + a(Cp, "hslToRgb"); + e8 = { + 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" + }; + a(hU, "nameToHex"); + mU = /^#[a-fA-F0-9]{6}$/, gU = /^#[a-fA-F0-9]{8}$/, vU = /^#[a-fA-F0-9]{3}$/, yU = /^#[a-fA-F0-9]{4}$/, cy = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, + wU = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, bU = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, + SU = /^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; + a(h1, "parseToRgb"); + a(EU, "rgbToHsl"); + a(t8, "parseToHsl"); + xU = /* @__PURE__ */ a(function(t) { + return t.length === 7 && t[1] === t[2] && t[3] === t[4] && t[5] === t[6] ? "#" + t[1] + t[3] + t[5] : t; + }, "reduceHexValue"), fy = xU; + a(bi, "numberToHex"); + a(py, "colorToHex"); + a(CU, "convertToHex"); + a(d1, "hslToHex"); + a(DU, "hsl"); + a(RU, "hsla"); + a(dy, "rgb"); + a(Eo, "rgba"); + AU = /* @__PURE__ */ a(function(t) { + return typeof t.red == "number" && typeof t.green == "number" && typeof t.blue == "number" && (typeof t.alpha != "number" || typeof t.alpha > + "u"); + }, "isRgb"), _U = /* @__PURE__ */ a(function(t) { + return typeof t.red == "number" && typeof t.green == "number" && typeof t.blue == "number" && typeof t.alpha == "number"; + }, "isRgba"), TU = /* @__PURE__ */ a(function(t) { + return typeof t.hue == "number" && typeof t.saturation == "number" && typeof t.lightness == "number" && (typeof t.alpha != "number" || typeof t. + alpha > "u"); + }, "isHsl"), kU = /* @__PURE__ */ a(function(t) { + return typeof t.hue == "number" && typeof t.saturation == "number" && typeof t.lightness == "number" && typeof t.alpha == "number"; + }, "isHsla"); + a(r8, "toColorString"); + a(n8, "curried"); + a(m1, "curry"); + a(g1, "guard"); + a(IU, "darken"); + PU = /* @__PURE__ */ m1(IU), Un = PU; + a(FU, "lighten"); + OU = /* @__PURE__ */ m1(FU), Dp = OU; + a(LU, "opacify"); + NU = /* @__PURE__ */ m1(LU), o8 = NU; + a(MU, "transparentize"); + BU = /* @__PURE__ */ m1(MU), st = BU; +}); + +// src/theming/base.ts +var K, mn, qt, Rp = T(() => { + "use strict"; + Wn(); + K = { + // Official color palette + primary: "#FF4785", + // coral + secondary: "#029CFD", + // ocean + tertiary: "#FAFBFC", + ancillary: "#22a699", + // Complimentary + orange: "#FC521F", + gold: "#FFAE00", + green: "#66BF3C", + seafoam: "#37D5D3", + purple: "#6F2CAC", + ultraviolet: "#2A0481", + // Monochrome + lightest: "#FFFFFF", + lighter: "#F7FAFC", + light: "#EEF3F6", + mediumlight: "#ECF4F9", + medium: "#D9E8F2", + mediumdark: "#73828C", + dark: "#5C6870", + darker: "#454E54", + darkest: "#2E3438", + // For borders + border: "hsla(203, 50%, 30%, 0.15)", + // Status + positive: "#66BF3C", + negative: "#FF4400", + warning: "#E69D00", + critical: "#FFFFFF", + // Text + defaultText: "#2E3438", + inverseText: "#FFFFFF", + positiveText: "#448028", + negativeText: "#D43900", + warningText: "#A15C20" + }, mn = { + app: "#F6F9FC", + bar: K.lightest, + content: K.lightest, + preview: K.lightest, + gridCellSize: 10, + hoverable: st(0.9, K.secondary), + // hover state for items in a list + // Notification, error, and warning backgrounds + positive: "#E1FFD4", + negative: "#FEDED2", + warning: "#FFF5CF", + critical: "#FF4400" + }, qt = { + fonts: { + base: [ + '"Nunito Sans"', + "-apple-system", + '".SFNSText-Regular"', + '"San Francisco"', + "BlinkMacSystemFont", + '"Segoe UI"', + '"Helvetica Neue"', + "Helvetica", + "Arial", + "sans-serif" + ].join(", "), + mono: [ + "ui-monospace", + "Menlo", + "Monaco", + '"Roboto Mono"', + '"Oxygen Mono"', + '"Ubuntu Monospace"', + '"Source Code Pro"', + '"Droid Sans Mono"', + '"Courier New"', + "monospace" + ].join(", ") + }, + weight: { + regular: 400, + bold: 700 + }, + size: { + s1: 12, + s2: 14, + s3: 16, + m1: 20, + m2: 24, + m3: 28, + l1: 32, + l2: 40, + l3: 48, + code: 90 + } + }; +}); + +// src/theming/types.ts +var a8 = T(() => { + "use strict"; +}); + +// src/theming/global.ts +var hy, my, i8, s8 = T(() => { + "use strict"; + hy = I(Hn(), 1), my = (0, hy.default)(1)( + ({ typography: e }) => ({ + body: { + fontFamily: e.fonts.base, + fontSize: e.size.s3, + margin: 0, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + WebkitTapHighlightColor: "rgba(0, 0, 0, 0)", + WebkitOverflowScrolling: "touch" + }, + "*": { + boxSizing: "border-box" + }, + "h1, h2, h3, h4, h5, h6": { + fontWeight: e.weight.regular, + margin: 0, + padding: 0 + }, + "button, input, textarea, select": { + fontFamily: "inherit", + fontSize: "inherit", + boxSizing: "border-box" + }, + sub: { + fontSize: "0.8em", + bottom: "-0.2em" + }, + sup: { + fontSize: "0.8em", + top: "-0.2em" + }, + "b, strong": { + fontWeight: e.weight.bold + }, + hr: { + border: "none", + borderTop: "1px solid silver", + clear: "both", + marginBottom: "1.25rem" + }, + code: { + fontFamily: e.fonts.mono, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + display: "inline-block", + paddingLeft: 2, + paddingRight: 2, + verticalAlign: "baseline", + color: "inherit" + }, + pre: { + fontFamily: e.fonts.mono, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + lineHeight: "18px", + padding: "11px 1rem", + whiteSpace: "pre-wrap", + color: "inherit", + borderRadius: 3, + margin: "1rem 0" + } + }) + ), i8 = (0, hy.default)(1)(({ + color: e, + background: t, + typography: r + }) => { + let n = my({ typography: r }); + return { + ...n, + body: { + ...n.body, + color: e.defaultText, + background: t.app, + overflow: "hidden" + }, + hr: { + ...n.hr, + borderTop: `1px solid ${e.border}` + } + }; + }); +}); + +// src/theming/themes/dark.ts +var $U, l8, u8 = T(() => { + "use strict"; + Rp(); + $U = { + base: "dark", + // Storybook-specific color palette + colorPrimary: "#FF4785", + // coral + colorSecondary: "#029CFD", + // ocean + // UI + appBg: "#222425", + appContentBg: "#1B1C1D", + appPreviewBg: K.lightest, + appBorderColor: "rgba(255,255,255,.1)", + appBorderRadius: 4, + // Fonts + fontBase: qt.fonts.base, + fontCode: qt.fonts.mono, + // Text colors + textColor: "#C9CDCF", + textInverseColor: "#222425", + textMutedColor: "#798186", + // Toolbar default and active colors + barTextColor: K.mediumdark, + barHoverColor: K.secondary, + barSelectedColor: K.secondary, + barBg: "#292C2E", + // Form colors + buttonBg: "#222425", + buttonBorder: "rgba(255,255,255,.1)", + booleanBg: "#222425", + booleanSelectedBg: "#2E3438", + inputBg: "#1B1C1D", + inputBorder: "rgba(255,255,255,.1)", + inputTextColor: K.lightest, + inputBorderRadius: 4 + }, l8 = $U; +}); + +// src/theming/themes/light.ts +var zU, hl, gy = T(() => { + "use strict"; + Rp(); + zU = { + base: "light", + // Storybook-specific color palette + colorPrimary: "#FF4785", + // coral + colorSecondary: "#029CFD", + // ocean + // UI + appBg: mn.app, + appContentBg: K.lightest, + appPreviewBg: K.lightest, + appBorderColor: K.border, + appBorderRadius: 4, + // Fonts + fontBase: qt.fonts.base, + fontCode: qt.fonts.mono, + // Text colors + textColor: K.darkest, + textInverseColor: K.lightest, + textMutedColor: K.dark, + // Toolbar default and active colors + barTextColor: K.mediumdark, + barHoverColor: K.secondary, + barSelectedColor: K.secondary, + barBg: K.lightest, + // Form colors + buttonBg: mn.app, + buttonBorder: K.medium, + booleanBg: K.mediumlight, + booleanSelectedBg: K.lightest, + inputBg: K.lightest, + inputBorder: K.border, + inputTextColor: K.darkest, + inputBorderRadius: 4 + }, hl = zU; +}); + +// src/theming/utils.ts +var vy, c8, HU, jU, VU, p8, Ca, f8, v1, Ap = T(() => { + "use strict"; + We(); + Ft(); + Wn(); + ({ window: vy } = H), c8 = /* @__PURE__ */ a((e) => ({ color: e }), "mkColor"), HU = /* @__PURE__ */ a((e) => typeof e != "string" ? (ge.warn( + `Color passed to theme object should be a string. Instead ${e}(${typeof e}) was passed.` + ), !1) : !0, "isColorString"), jU = /* @__PURE__ */ a((e) => !/(gradient|var|calc)/.test(e), "isValidColorForPolished"), VU = /* @__PURE__ */ a( + (e, t) => e === "darken" ? Eo(`${Un(1, t)}`, 0.95) : e === "lighten" ? Eo(`${Dp(1, t)}`, 0.95) : t, "applyPolished"), p8 = /* @__PURE__ */ a( + (e) => (t) => { + if (!HU(t) || !jU(t)) + return t; + try { + return VU(e, t); + } catch { + return t; + } + }, "colorFactory"), Ca = p8("lighten"), f8 = p8("darken"), v1 = /* @__PURE__ */ a(() => !vy || !vy.matchMedia ? "light" : vy.matchMedia("(\ +prefers-color-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme"); +}); + +// src/theming/create.ts +var _p = {}; +he(_p, { + create: () => y1, + themes: () => Si +}); +var Si, yy, y1, Tp = T(() => { + "use strict"; + u8(); + gy(); + Ap(); + Si = { + light: hl, + dark: l8, + normal: hl + }, yy = v1(), y1 = /* @__PURE__ */ a((e = { base: yy }, t) => { + let r = { + ...Si[yy], + ...Si[e.base] || {}, + ...e, + base: Si[e.base] ? e.base : yy + }; + return { + ...t, + ...r, + barSelectedColor: e.barSelectedColor || r.colorSecondary + }; + }, "create"); +}); + +// src/theming/animation.ts +var d8, UU, h8, WU, qU, GU, YU, m8, g8 = T(() => { + "use strict"; + u1(); + d8 = { + rubber: "cubic-bezier(0.175, 0.885, 0.335, 1.05)" + }, UU = Wt` + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +`, h8 = Wt` + 0%, 100% { opacity: 1; } + 50% { opacity: .4; } +`, WU = Wt` + 0% { transform: translateY(1px); } + 25% { transform: translateY(0px); } + 50% { transform: translateY(-3px); } + 100% { transform: translateY(1px); } +`, qU = Wt` + 0%, 100% { transform:translate3d(0,0,0); } + 12.5%, 62.5% { transform:translate3d(-4px,0,0); } + 37.5%, 87.5% { transform: translate3d(4px,0,0); } +`, GU = dl` + animation: ${h8} 1.5s ease-in-out infinite; + color: transparent; + cursor: progress; +`, YU = dl` + transition: all 150ms ease-out; + transform: translate3d(0, 0, 0); + + &:hover { + transform: translate3d(0, -2px, 0); + } + + &:active { + transform: translate3d(0, 0, 0); + } +`, m8 = { + rotate360: UU, + glow: h8, + float: WU, + jiggle: qU, + inlineGlow: GU, + hoverable: YU + }; +}); + +// src/theming/modules/syntax.ts +var v8, y8, KU, w8, b8 = T(() => { + "use strict"; + Ap(); + v8 = { + BASE_FONT_FAMILY: "Menlo, monospace", + BASE_FONT_SIZE: "11px", + BASE_LINE_HEIGHT: 1.2, + BASE_BACKGROUND_COLOR: "rgb(36, 36, 36)", + BASE_COLOR: "rgb(213, 213, 213)", + OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10, + OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5, + OBJECT_NAME_COLOR: "rgb(227, 110, 236)", + OBJECT_VALUE_NULL_COLOR: "rgb(127, 127, 127)", + OBJECT_VALUE_UNDEFINED_COLOR: "rgb(127, 127, 127)", + OBJECT_VALUE_REGEXP_COLOR: "rgb(233, 63, 59)", + OBJECT_VALUE_STRING_COLOR: "rgb(233, 63, 59)", + OBJECT_VALUE_SYMBOL_COLOR: "rgb(233, 63, 59)", + OBJECT_VALUE_NUMBER_COLOR: "hsl(252, 100%, 75%)", + OBJECT_VALUE_BOOLEAN_COLOR: "hsl(252, 100%, 75%)", + OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(85, 106, 242)", + HTML_TAG_COLOR: "rgb(93, 176, 215)", + HTML_TAGNAME_COLOR: "rgb(93, 176, 215)", + HTML_TAGNAME_TEXT_TRANSFORM: "lowercase", + HTML_ATTRIBUTE_NAME_COLOR: "rgb(155, 187, 220)", + HTML_ATTRIBUTE_VALUE_COLOR: "rgb(242, 151, 102)", + HTML_COMMENT_COLOR: "rgb(137, 137, 137)", + HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)", + ARROW_COLOR: "rgb(145, 145, 145)", + ARROW_MARGIN_RIGHT: 3, + ARROW_FONT_SIZE: 12, + ARROW_ANIMATION_DURATION: "0", + TREENODE_FONT_FAMILY: "Menlo, monospace", + TREENODE_FONT_SIZE: "11px", + TREENODE_LINE_HEIGHT: 1.2, + TREENODE_PADDING_LEFT: 12, + TABLE_BORDER_COLOR: "rgb(85, 85, 85)", + TABLE_TH_BACKGROUND_COLOR: "rgb(44, 44, 44)", + TABLE_TH_HOVER_COLOR: "rgb(48, 48, 48)", + TABLE_SORT_ICON_COLOR: "black", + // 'rgb(48, 57, 66)', + TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgb\ +a(51, 139, 255, 0.0980392))", + TABLE_DATA_BACKGROUND_SIZE: "128px 32px" + }, y8 = { + BASE_FONT_FAMILY: "Menlo, monospace", + BASE_FONT_SIZE: "11px", + BASE_LINE_HEIGHT: 1.2, + BASE_BACKGROUND_COLOR: "white", + BASE_COLOR: "black", + OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10, + OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5, + OBJECT_NAME_COLOR: "rgb(136, 19, 145)", + OBJECT_VALUE_NULL_COLOR: "rgb(128, 128, 128)", + OBJECT_VALUE_UNDEFINED_COLOR: "rgb(128, 128, 128)", + OBJECT_VALUE_REGEXP_COLOR: "rgb(196, 26, 22)", + OBJECT_VALUE_STRING_COLOR: "rgb(196, 26, 22)", + OBJECT_VALUE_SYMBOL_COLOR: "rgb(196, 26, 22)", + OBJECT_VALUE_NUMBER_COLOR: "rgb(28, 0, 207)", + OBJECT_VALUE_BOOLEAN_COLOR: "rgb(28, 0, 207)", + OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(13, 34, 170)", + HTML_TAG_COLOR: "rgb(168, 148, 166)", + HTML_TAGNAME_COLOR: "rgb(136, 18, 128)", + HTML_TAGNAME_TEXT_TRANSFORM: "lowercase", + HTML_ATTRIBUTE_NAME_COLOR: "rgb(153, 69, 0)", + HTML_ATTRIBUTE_VALUE_COLOR: "rgb(26, 26, 166)", + HTML_COMMENT_COLOR: "rgb(35, 110, 37)", + HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)", + ARROW_COLOR: "#6e6e6e", + ARROW_MARGIN_RIGHT: 3, + ARROW_FONT_SIZE: 12, + ARROW_ANIMATION_DURATION: "0", + TREENODE_FONT_FAMILY: "Menlo, monospace", + TREENODE_FONT_SIZE: "11px", + TREENODE_LINE_HEIGHT: 1.2, + TREENODE_PADDING_LEFT: 12, + TABLE_BORDER_COLOR: "#aaa", + TABLE_TH_BACKGROUND_COLOR: "#eee", + TABLE_TH_HOVER_COLOR: "hsla(0, 0%, 90%, 1)", + TABLE_SORT_ICON_COLOR: "#6e6e6e", + TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))", + TABLE_DATA_BACKGROUND_SIZE: "128px 32px" + }, KU = /* @__PURE__ */ a((e) => Object.entries(e).reduce((t, [r, n]) => ({ ...t, [r]: c8(n) }), {}), "convertColors"), w8 = /* @__PURE__ */ a( + ({ colors: e, mono: t }) => { + let r = KU(e); + return { + token: { + fontFamily: t, + WebkitFontSmoothing: "antialiased", + "&.tag": r.red3, + "&.comment": { ...r.green1, fontStyle: "italic" }, + "&.prolog": { ...r.green1, fontStyle: "italic" }, + "&.doctype": { ...r.green1, fontStyle: "italic" }, + "&.cdata": { ...r.green1, fontStyle: "italic" }, + "&.string": r.red1, + "&.url": r.cyan1, + "&.symbol": r.cyan1, + "&.number": r.cyan1, + "&.boolean": r.cyan1, + "&.variable": r.cyan1, + "&.constant": r.cyan1, + "&.inserted": r.cyan1, + "&.atrule": r.blue1, + "&.keyword": r.blue1, + "&.attr-value": r.blue1, + "&.punctuation": r.gray1, + "&.operator": r.gray1, + "&.function": r.gray1, + "&.deleted": r.red2, + "&.important": { + fontWeight: "bold" + }, + "&.bold": { + fontWeight: "bold" + }, + "&.italic": { + fontStyle: "italic" + }, + "&.class-name": r.cyan2, + "&.selector": r.red3, + "&.attr-name": r.red4, + "&.property": r.red4, + "&.regex": r.red4, + "&.entity": r.red4, + "&.directive.tag .tag": { + background: "#ffff00", + ...r.gray1 + } + }, + "language-json .token.boolean": r.blue1, + "language-json .token.number": r.blue1, + "language-json .token.property": r.cyan2, + namespace: { + opacity: 0.7 + } + }; + }, "create"); +}); + +// src/theming/convert.ts +var XU, QU, JU, w1, wy = T(() => { + "use strict"; + Wn(); + g8(); + Rp(); + Tp(); + b8(); + Ap(); + XU = { + green1: "#008000", + red1: "#A31515", + red2: "#9a050f", + red3: "#800000", + red4: "#ff0000", + gray1: "#393A34", + cyan1: "#36acaa", + cyan2: "#2B91AF", + blue1: "#0000ff", + blue2: "#00009f" + }, QU = { + green1: "#7C7C7C", + red1: "#92C379", + red2: "#9a050f", + red3: "#A8FF60", + red4: "#96CBFE", + gray1: "#EDEDED", + cyan1: "#C6C5FE", + cyan2: "#FFFFB6", + blue1: "#B474DD", + blue2: "#00009f" + }, JU = /* @__PURE__ */ a((e) => ({ + // Changeable colors + primary: e.colorPrimary, + secondary: e.colorSecondary, + tertiary: K.tertiary, + ancillary: K.ancillary, + // Complimentary + orange: K.orange, + gold: K.gold, + green: K.green, + seafoam: K.seafoam, + purple: K.purple, + ultraviolet: K.ultraviolet, + // Monochrome + lightest: K.lightest, + lighter: K.lighter, + light: K.light, + mediumlight: K.mediumlight, + medium: K.medium, + mediumdark: K.mediumdark, + dark: K.dark, + darker: K.darker, + darkest: K.darkest, + // For borders + border: K.border, + // Status + positive: K.positive, + negative: K.negative, + warning: K.warning, + critical: K.critical, + defaultText: e.textColor || K.darkest, + inverseText: e.textInverseColor || K.lightest, + positiveText: K.positiveText, + negativeText: K.negativeText, + warningText: K.warningText + }), "createColors"), w1 = /* @__PURE__ */ a((e = Si[v1()]) => { + let { + base: t, + colorPrimary: r, + colorSecondary: n, + appBg: o, + appContentBg: i, + appPreviewBg: s, + appBorderColor: l, + appBorderRadius: u, + fontBase: c, + fontCode: p, + textColor: h, + textInverseColor: m, + barTextColor: g, + barHoverColor: S, + barSelectedColor: v, + barBg: b, + buttonBg: w, + buttonBorder: y, + booleanBg: E, + booleanSelectedBg: x, + inputBg: C, + inputBorder: D, + inputTextColor: R, + inputBorderRadius: A, + brandTitle: _, + brandUrl: P, + brandImage: B, + brandTarget: z, + gridCellSize: $, + ...W + } = e; + return { + ...W, + base: t, + color: JU(e), + background: { + app: o, + bar: b, + content: i, + preview: s, + gridCellSize: $ || mn.gridCellSize, + hoverable: mn.hoverable, + positive: mn.positive, + negative: mn.negative, + warning: mn.warning, + critical: mn.critical + }, + typography: { + fonts: { + base: c, + mono: p + }, + weight: qt.weight, + size: qt.size + }, + animation: m8, + easing: d8, + input: { + background: C, + border: D, + borderRadius: A, + color: R + }, + button: { + background: w || C, + border: y || D + }, + boolean: { + background: E || D, + selectedBackground: x || C + }, + // UI + layoutMargin: 10, + appBorderColor: l, + appBorderRadius: u, + // Toolbar default/active colors + barTextColor: g, + barHoverColor: S || n, + barSelectedColor: v || n, + barBg: b, + // Brand logo/text + brand: { + title: _, + url: P, + image: B || (_ ? null : void 0), + target: z + }, + code: w8({ + colors: t === "light" ? XU : QU, + mono: p + }), + // Addon actions theme + // API example https://github.com/storybookjs/react-inspector/blob/master/src/styles/themes/chromeLight.tsx + addonActionsTheme: { + ...t === "light" ? y8 : v8, + BASE_FONT_FAMILY: p, + BASE_FONT_SIZE: qt.size.s2 - 1, + BASE_LINE_HEIGHT: "18px", + BASE_BACKGROUND_COLOR: "transparent", + BASE_COLOR: h, + ARROW_COLOR: o8(0.2, l), + ARROW_MARGIN_RIGHT: 4, + ARROW_FONT_SIZE: 8, + TREENODE_FONT_FAMILY: p, + TREENODE_FONT_SIZE: qt.size.s2 - 1, + TREENODE_LINE_HEIGHT: "18px", + TREENODE_PADDING_LEFT: 12 + } + }; + }, "convert"); +}); + +// ../node_modules/deep-object-diff/mjs/utils.js +var by, Ei, kp, Ip, Pp = T(() => { + by = /* @__PURE__ */ a((e) => Object.keys(e).length === 0, "isEmpty"), Ei = /* @__PURE__ */ a((e) => e != null && typeof e == "object", "i\ +sObject"), kp = /* @__PURE__ */ a((e, ...t) => Object.prototype.hasOwnProperty.call(e, ...t), "hasOwnProperty"), Ip = /* @__PURE__ */ a(() => /* @__PURE__ */ Object. + create(null), "makeObjectWithoutPrototype"); +}); + +// ../node_modules/deep-object-diff/mjs/diff.js +var S8 = T(() => { + Pp(); +}); + +// ../node_modules/deep-object-diff/mjs/added.js +var Sy = T(() => { + Pp(); +}); + +// ../node_modules/deep-object-diff/mjs/deleted.js +var E8, b1, Ey = T(() => { + Pp(); + E8 = /* @__PURE__ */ a((e, t) => e === t || !Ei(e) || !Ei(t) ? {} : Object.keys(e).reduce((r, n) => { + if (kp(t, n)) { + let o = E8(e[n], t[n]); + return Ei(o) && by(o) || (r[n] = o), r; + } + return r[n] = void 0, r; + }, Ip()), "deletedDiff"), b1 = E8; +}); + +// ../node_modules/deep-object-diff/mjs/updated.js +var xy = T(() => { + Pp(); +}); + +// ../node_modules/deep-object-diff/mjs/detailed.js +var x8 = T(() => { + Sy(); + Ey(); + xy(); +}); + +// ../node_modules/deep-object-diff/mjs/index.js +var C8 = T(() => { + S8(); + Sy(); + Ey(); + xy(); + x8(); +}); + +// ../node_modules/ts-dedent/esm/index.js +function gn(e) { + for (var t = [], r = 1; r < arguments.length; r++) + t[r - 1] = arguments[r]; + var n = Array.from(typeof e == "string" ? [e] : e); + n[n.length - 1] = n[n.length - 1].replace(/\r?\n([\t ]*)$/, ""); + var o = n.reduce(function(l, u) { + var c = u.match(/\n([\t ]+|(?!\s).)/g); + return c ? l.concat(c.map(function(p) { + var h, m; + return (m = (h = p.match(/[\t ]/g)) === null || h === void 0 ? void 0 : h.length) !== null && m !== void 0 ? m : 0; + })) : l; + }, []); + if (o.length) { + var i = new RegExp(` +[ ]{` + Math.min.apply(Math, o) + "}", "g"); + n = n.map(function(l) { + return l.replace(i, ` +`); + }); + } + n[0] = n[0].replace(/^\r?\n/, ""); + var s = n[0]; + return t.forEach(function(l, u) { + var c = s.match(/(?:^|\n)( *)$/), p = c ? c[1] : "", h = l; + typeof l == "string" && l.includes(` +`) && (h = String(l).split(` +`).map(function(m, g) { + return g === 0 ? m : "" + p + m; + }).join(` +`)), s += h + n[u + 1]; + }), s; +} +var ml = T(() => { + a(gn, "dedent"); +}); + +// src/theming/ensure.ts +var nW, D8 = T(() => { + "use strict"; + Ft(); + C8(); + ml(); + wy(); + gy(); + nW = /* @__PURE__ */ a((e) => { + if (!e) + return w1(hl); + let t = b1(hl, e); + return Object.keys(t).length && ge.warn( + gn` + Your theme is missing properties, you should update your theme! + + theme-data missing: + `, + t + ), w1(e); + }, "ensure"); +}); + +// src/theming/index.ts +var Fp = {}; +he(Fp, { + CacheProvider: () => ny, + ClassNames: () => NC, + Global: () => LC, + ThemeProvider: () => ay, + background: () => mn, + color: () => K, + convert: () => w1, + create: () => y1, + createCache: () => vp, + createGlobal: () => i8, + createReset: () => my, + css: () => dl, + darken: () => f8, + ensure: () => nW, + ignoreSsrWarning: () => S1, + isPropValid: () => ya, + jsx: () => OC, + keyframes: () => Wt, + lighten: () => Ca, + styled: () => k, + themes: () => Si, + typography: () => qt, + useTheme: () => oy, + withTheme: () => iy +}); +var S1, X = T(() => { + "use strict"; + HC(); + u1(); + Rp(); + a8(); + X0(); + z0(); + s8(); + Tp(); + wy(); + D8(); + Ap(); + S1 = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"; +}); + +// ../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +function gl(e, t) { + if (e == null) return {}; + var r = {}; + for (var n in e) if ({}.hasOwnProperty.call(e, n)) { + if (t.indexOf(n) >= 0) continue; + r[n] = e[n]; + } + return r; +} +var C1 = T(() => { + a(gl, "_objectWithoutPropertiesLoose"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +function _8(e, t) { + if (e == null) return {}; + var r, n, o = gl(e, t); + if (Object.getOwnPropertySymbols) { + var i = Object.getOwnPropertySymbols(e); + for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) >= 0 || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]); + } + return o; +} +var T8 = T(() => { + C1(); + a(_8, "_objectWithoutProperties"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +function Op(e, t) { + (t == null || t > e.length) && (t = e.length); + for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r]; + return n; +} +var Dy = T(() => { + a(Op, "_arrayLikeToArray"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js +function k8(e) { + if (Array.isArray(e)) return Op(e); +} +var I8 = T(() => { + Dy(); + a(k8, "_arrayWithoutHoles"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/iterableToArray.js +function P8(e) { + if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e); +} +var F8 = T(() => { + a(P8, "_iterableToArray"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +function O8(e, t) { + if (e) { + if (typeof e == "string") return Op(e, t); + var r = {}.toString.call(e).slice(8, -1); + return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/. + test(r) ? Op(e, t) : void 0; + } +} +var L8 = T(() => { + Dy(); + a(O8, "_unsupportedIterableToArray"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js +function N8() { + throw new TypeError(`Invalid attempt to spread non-iterable instance. +In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`); +} +var M8 = T(() => { + a(N8, "_nonIterableSpread"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js +function B8(e) { + return k8(e) || P8(e) || O8(e) || N8(); +} +var $8 = T(() => { + I8(); + F8(); + L8(); + M8(); + a(B8, "_toConsumableArray"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/typeof.js +function xi(e) { + "@babel/helpers - typeof"; + return xi = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) { + return typeof t; + } : function(t) { + return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t; + }, xi(e); +} +var Ry = T(() => { + a(xi, "_typeof"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/toPrimitive.js +function z8(e, t) { + if (xi(e) != "object" || !e) return e; + var r = e[Symbol.toPrimitive]; + if (r !== void 0) { + var n = r.call(e, t || "default"); + if (xi(n) != "object") return n; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return (t === "string" ? String : Number)(e); +} +var H8 = T(() => { + Ry(); + a(z8, "toPrimitive"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +function j8(e) { + var t = z8(e, "string"); + return xi(t) == "symbol" ? t : t + ""; +} +var V8 = T(() => { + Ry(); + H8(); + a(j8, "toPropertyKey"); +}); + +// ../node_modules/@babel/runtime/helpers/esm/defineProperty.js +function D1(e, t, r) { + return (t = j8(t)) in e ? Object.defineProperty(e, t, { + value: r, + enumerable: !0, + configurable: !0, + writable: !0 + }) : e[t] = r, e; +} +var Ay = T(() => { + V8(); + a(D1, "_defineProperty"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/create-element.js +function U8(e, t) { + var r = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var n = Object.getOwnPropertySymbols(e); + t && (n = n.filter(function(o) { + return Object.getOwnPropertyDescriptor(e, o).enumerable; + })), r.push.apply(r, n); + } + return r; +} +function vl(e) { + for (var t = 1; t < arguments.length; t++) { + var r = arguments[t] != null ? arguments[t] : {}; + t % 2 ? U8(Object(r), !0).forEach(function(n) { + D1(e, n, r[n]); + }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : U8(Object(r)).forEach(function(n) { + Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n)); + }); + } + return e; +} +function oW(e) { + var t = e.length; + if (t === 0 || t === 1) return e; + if (t === 2) + return [e[0], e[1], "".concat(e[0], ".").concat(e[1]), "".concat(e[1], ".").concat(e[0])]; + if (t === 3) + return [e[0], e[1], e[2], "".concat(e[0], ".").concat(e[1]), "".concat(e[0], ".").concat(e[2]), "".concat(e[1], ".").concat(e[0]), "".concat( + e[1], ".").concat(e[2]), "".concat(e[2], ".").concat(e[0]), "".concat(e[2], ".").concat(e[1]), "".concat(e[0], ".").concat(e[1], ".").concat( + e[2]), "".concat(e[0], ".").concat(e[2], ".").concat(e[1]), "".concat(e[1], ".").concat(e[0], ".").concat(e[2]), "".concat(e[1], ".").concat( + e[2], ".").concat(e[0]), "".concat(e[2], ".").concat(e[0], ".").concat(e[1]), "".concat(e[2], ".").concat(e[1], ".").concat(e[0])]; + if (t >= 4) + return [e[0], e[1], e[2], e[3], "".concat(e[0], ".").concat(e[1]), "".concat(e[0], ".").concat(e[2]), "".concat(e[0], ".").concat(e[3]), + "".concat(e[1], ".").concat(e[0]), "".concat(e[1], ".").concat(e[2]), "".concat(e[1], ".").concat(e[3]), "".concat(e[2], ".").concat(e[0]), + "".concat(e[2], ".").concat(e[1]), "".concat(e[2], ".").concat(e[3]), "".concat(e[3], ".").concat(e[0]), "".concat(e[3], ".").concat(e[1]), + "".concat(e[3], ".").concat(e[2]), "".concat(e[0], ".").concat(e[1], ".").concat(e[2]), "".concat(e[0], ".").concat(e[1], ".").concat(e[3]), + "".concat(e[0], ".").concat(e[2], ".").concat(e[1]), "".concat(e[0], ".").concat(e[2], ".").concat(e[3]), "".concat(e[0], ".").concat(e[3], + ".").concat(e[1]), "".concat(e[0], ".").concat(e[3], ".").concat(e[2]), "".concat(e[1], ".").concat(e[0], ".").concat(e[2]), "".concat(e[1], + ".").concat(e[0], ".").concat(e[3]), "".concat(e[1], ".").concat(e[2], ".").concat(e[0]), "".concat(e[1], ".").concat(e[2], ".").concat( + e[3]), "".concat(e[1], ".").concat(e[3], ".").concat(e[0]), "".concat(e[1], ".").concat(e[3], ".").concat(e[2]), "".concat(e[2], ".").concat( + e[0], ".").concat(e[1]), "".concat(e[2], ".").concat(e[0], ".").concat(e[3]), "".concat(e[2], ".").concat(e[1], ".").concat(e[0]), "".concat( + e[2], ".").concat(e[1], ".").concat(e[3]), "".concat(e[2], ".").concat(e[3], ".").concat(e[0]), "".concat(e[2], ".").concat(e[3], ".").concat( + e[1]), "".concat(e[3], ".").concat(e[0], ".").concat(e[1]), "".concat(e[3], ".").concat(e[0], ".").concat(e[2]), "".concat(e[3], ".").concat( + e[1], ".").concat(e[0]), "".concat(e[3], ".").concat(e[1], ".").concat(e[2]), "".concat(e[3], ".").concat(e[2], ".").concat(e[0]), "".concat( + e[3], ".").concat(e[2], ".").concat(e[1]), "".concat(e[0], ".").concat(e[1], ".").concat(e[2], ".").concat(e[3]), "".concat(e[0], ".").concat( + e[1], ".").concat(e[3], ".").concat(e[2]), "".concat(e[0], ".").concat(e[2], ".").concat(e[1], ".").concat(e[3]), "".concat(e[0], ".").concat( + e[2], ".").concat(e[3], ".").concat(e[1]), "".concat(e[0], ".").concat(e[3], ".").concat(e[1], ".").concat(e[2]), "".concat(e[0], ".").concat( + e[3], ".").concat(e[2], ".").concat(e[1]), "".concat(e[1], ".").concat(e[0], ".").concat(e[2], ".").concat(e[3]), "".concat(e[1], ".").concat( + e[0], ".").concat(e[3], ".").concat(e[2]), "".concat(e[1], ".").concat(e[2], ".").concat(e[0], ".").concat(e[3]), "".concat(e[1], ".").concat( + e[2], ".").concat(e[3], ".").concat(e[0]), "".concat(e[1], ".").concat(e[3], ".").concat(e[0], ".").concat(e[2]), "".concat(e[1], ".").concat( + e[3], ".").concat(e[2], ".").concat(e[0]), "".concat(e[2], ".").concat(e[0], ".").concat(e[1], ".").concat(e[3]), "".concat(e[2], ".").concat( + e[0], ".").concat(e[3], ".").concat(e[1]), "".concat(e[2], ".").concat(e[1], ".").concat(e[0], ".").concat(e[3]), "".concat(e[2], ".").concat( + e[1], ".").concat(e[3], ".").concat(e[0]), "".concat(e[2], ".").concat(e[3], ".").concat(e[0], ".").concat(e[1]), "".concat(e[2], ".").concat( + e[3], ".").concat(e[1], ".").concat(e[0]), "".concat(e[3], ".").concat(e[0], ".").concat(e[1], ".").concat(e[2]), "".concat(e[3], ".").concat( + e[0], ".").concat(e[2], ".").concat(e[1]), "".concat(e[3], ".").concat(e[1], ".").concat(e[0], ".").concat(e[2]), "".concat(e[3], ".").concat( + e[1], ".").concat(e[2], ".").concat(e[0]), "".concat(e[3], ".").concat(e[2], ".").concat(e[0], ".").concat(e[1]), "".concat(e[3], ".").concat( + e[2], ".").concat(e[1], ".").concat(e[0])]; +} +function aW(e) { + if (e.length === 0 || e.length === 1) return e; + var t = e.join("."); + return _y[t] || (_y[t] = oW(e)), _y[t]; +} +function iW(e) { + var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = arguments.length > 2 ? arguments[2] : void 0, n = e.filter( + function(i) { + return i !== "token"; + }), o = aW(n); + return o.reduce(function(i, s) { + return vl(vl({}, i), r[s]); + }, t); +} +function W8(e) { + return e.join(" "); +} +function sW(e, t) { + var r = 0; + return function(n) { + return r += 1, n.map(function(o, i) { + return Ci({ + node: o, + stylesheet: e, + useInlineStyles: t, + key: "code-segment-".concat(r, "-").concat(i) + }); + }); + }; +} +function Ci(e) { + var t = e.node, r = e.stylesheet, n = e.style, o = n === void 0 ? {} : n, i = e.useInlineStyles, s = e.key, l = t.properties, u = t.type, c = t. + tagName, p = t.value; + if (u === "text") + return p; + if (c) { + var h = sW(r, i), m; + if (!i) + m = vl(vl({}, l), {}, { + className: W8(l.className) + }); + else { + var g = Object.keys(r).reduce(function(w, y) { + return y.split(".").forEach(function(E) { + w.includes(E) || w.push(E); + }), w; + }, []), S = l.className && l.className.includes("token") ? ["token"] : [], v = l.className && S.concat(l.className.filter(function(w) { + return !g.includes(w); + })); + m = vl(vl({}, l), {}, { + className: W8(v) || void 0, + style: iW(l.className, Object.assign({}, l.style, o), r) + }); + } + var b = h(t.children); + return /* @__PURE__ */ q8.default.createElement(c, J({ + key: s + }, m), b); + } +} +var q8, _y, Ty = T(() => { + xt(); + Ay(); + q8 = I(O()); + a(U8, "ownKeys"); + a(vl, "_objectSpread"); + a(oW, "powerSetPermutations"); + _y = {}; + a(aW, "getClassNameCombinations"); + a(iW, "createStyleObject"); + a(W8, "createClassNameString"); + a(sW, "createChildren"); + a(Ci, "createElement"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/checkForListedLanguage.js +var G8, Y8 = T(() => { + G8 = /* @__PURE__ */ a(function(e, t) { + var r = e.listLanguages(); + return r.indexOf(t) !== -1; + }, "default"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/highlight.js +function K8(e, t) { + var r = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var n = Object.getOwnPropertySymbols(e); + t && (n = n.filter(function(o) { + return Object.getOwnPropertyDescriptor(e, o).enumerable; + })), r.push.apply(r, n); + } + return r; +} +function Gn(e) { + for (var t = 1; t < arguments.length; t++) { + var r = arguments[t] != null ? arguments[t] : {}; + t % 2 ? K8(Object(r), !0).forEach(function(n) { + D1(e, n, r[n]); + }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : K8(Object(r)).forEach(function(n) { + Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n)); + }); + } + return e; +} +function cW(e) { + return e.match(uW); +} +function pW(e) { + var t = e.lines, r = e.startingLineNumber, n = e.style; + return t.map(function(o, i) { + var s = i + r; + return /* @__PURE__ */ Da.default.createElement("span", { + key: "line-".concat(i), + className: "react-syntax-highlighter-line-number", + style: typeof n == "function" ? n(s) : n + }, "".concat(s, ` +`)); + }); +} +function fW(e) { + var t = e.codeString, r = e.codeStyle, n = e.containerStyle, o = n === void 0 ? { + float: "left", + paddingRight: "10px" + } : n, i = e.numberStyle, s = i === void 0 ? {} : i, l = e.startingLineNumber; + return /* @__PURE__ */ Da.default.createElement("code", { + style: Object.assign({}, r, o) + }, pW({ + lines: t.replace(/\n$/, "").split(` +`), + style: s, + startingLineNumber: l + })); +} +function dW(e) { + return "".concat(e.toString().length, ".25em"); +} +function X8(e, t) { + return { + type: "element", + tagName: "span", + properties: { + key: "line-number--".concat(e), + className: ["comment", "linenumber", "react-syntax-highlighter-line-number"], + style: t + }, + children: [{ + type: "text", + value: e + }] + }; +} +function Q8(e, t, r) { + var n = { + display: "inline-block", + minWidth: dW(r), + paddingRight: "1em", + textAlign: "right", + userSelect: "none" + }, o = typeof e == "function" ? e(t) : e, i = Gn(Gn({}, n), o); + return i; +} +function R1(e) { + var t = e.children, r = e.lineNumber, n = e.lineNumberStyle, o = e.largestLineNumber, i = e.showInlineLineNumbers, s = e.lineProps, l = s === + void 0 ? {} : s, u = e.className, c = u === void 0 ? [] : u, p = e.showLineNumbers, h = e.wrapLongLines, m = typeof l == "function" ? l(r) : + l; + if (m.className = c, r && i) { + var g = Q8(n, r, o); + t.unshift(X8(r, g)); + } + return h & p && (m.style = Gn(Gn({}, m.style), {}, { + display: "flex" + })), { + type: "element", + tagName: "span", + properties: m, + children: t + }; +} +function J8(e) { + for (var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : + [], n = 0; n < e.length; n++) { + var o = e[n]; + if (o.type === "text") + r.push(R1({ + children: [o], + className: B8(new Set(t)) + })); + else if (o.children) { + var i = t.concat(o.properties.className); + J8(o.children, i).forEach(function(s) { + return r.push(s); + }); + } + } + return r; +} +function hW(e, t, r, n, o, i, s, l, u) { + var c, p = J8(e.value), h = [], m = -1, g = 0; + function S(C, D) { + var R = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : []; + return R1({ + children: C, + lineNumber: D, + lineNumberStyle: l, + largestLineNumber: s, + showInlineLineNumbers: o, + lineProps: r, + className: R, + showLineNumbers: n, + wrapLongLines: u + }); + } + a(S, "createWrappedLine"); + function v(C, D) { + if (n && D && o) { + var R = Q8(l, D, s); + C.unshift(X8(D, R)); + } + return C; + } + a(v, "createUnwrappedLine"); + function b(C, D) { + var R = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : []; + return t || R.length > 0 ? S(C, D, R) : v(C, D); + } + a(b, "createLine"); + for (var w = /* @__PURE__ */ a(function() { + var D = p[g], R = D.children[0].value, A = cW(R); + if (A) { + var _ = R.split(` +`); + _.forEach(function(P, B) { + var z = n && h.length + i, $ = { + type: "text", + value: "".concat(P, ` +`) + }; + if (B === 0) { + var W = p.slice(m + 1, g).concat(R1({ + children: [$], + className: D.properties.className + })), N = b(W, z); + h.push(N); + } else if (B === _.length - 1) { + var L = p[g + 1] && p[g + 1].children && p[g + 1].children[0], G = { + type: "text", + value: "".concat(P) + }; + if (L) { + var re = R1({ + children: [G], + className: D.properties.className + }); + p.splice(g + 1, 0, re); + } else { + var Q = [G], le = b(Q, z, D.properties.className); + h.push(le); + } + } else { + var ee = [$], de = b(ee, z, D.properties.className); + h.push(de); + } + }), m = g; + } + g++; + }, "_loop"); g < p.length; ) + w(); + if (m !== p.length - 1) { + var y = p.slice(m + 1, p.length); + if (y && y.length) { + var E = n && h.length + i, x = b(y, E); + h.push(x); + } + } + return t ? h : (c = []).concat.apply(c, h); +} +function mW(e) { + var t = e.rows, r = e.stylesheet, n = e.useInlineStyles; + return t.map(function(o, i) { + return Ci({ + node: o, + stylesheet: r, + useInlineStyles: n, + key: "code-segement".concat(i) + }); + }); +} +function Z8(e) { + return e && typeof e.highlightAuto < "u"; +} +function gW(e) { + var t = e.astGenerator, r = e.language, n = e.code, o = e.defaultCodeValue; + if (Z8(t)) { + var i = G8(t, r); + return r === "text" ? { + value: o, + language: "text" + } : i ? t.highlight(r, n) : t.highlightAuto(n); + } + try { + return r && r !== "text" ? { + value: t.highlight(n, r) + } : { + value: o + }; + } catch { + return { + value: o + }; + } +} +function ky(e, t) { + return /* @__PURE__ */ a(function(n) { + var o = n.language, i = n.children, s = n.style, l = s === void 0 ? t : s, u = n.customStyle, c = u === void 0 ? {} : u, p = n.codeTagProps, + h = p === void 0 ? { + className: o ? "language-".concat(o) : void 0, + style: Gn(Gn({}, l['code[class*="language-"]']), l['code[class*="language-'.concat(o, '"]')]) + } : p, m = n.useInlineStyles, g = m === void 0 ? !0 : m, S = n.showLineNumbers, v = S === void 0 ? !1 : S, b = n.showInlineLineNumbers, w = b === + void 0 ? !0 : b, y = n.startingLineNumber, E = y === void 0 ? 1 : y, x = n.lineNumberContainerStyle, C = n.lineNumberStyle, D = C === void 0 ? + {} : C, R = n.wrapLines, A = n.wrapLongLines, _ = A === void 0 ? !1 : A, P = n.lineProps, B = P === void 0 ? {} : P, z = n.renderer, $ = n. + PreTag, W = $ === void 0 ? "pre" : $, N = n.CodeTag, L = N === void 0 ? "code" : N, G = n.code, re = G === void 0 ? (Array.isArray(i) ? i[0] : + i) || "" : G, Q = n.astGenerator, le = _8(n, lW); + Q = Q || e; + var ee = v ? /* @__PURE__ */ Da.default.createElement(fW, { + containerStyle: x, + codeStyle: h.style || {}, + numberStyle: D, + startingLineNumber: E, + codeString: re + }) : null, de = l.hljs || l['pre[class*="language-"]'] || { + backgroundColor: "#fff" + }, Xe = Z8(Q) ? "hljs" : "prismjs", Se = g ? Object.assign({}, le, { + style: Object.assign({}, de, c) + }) : Object.assign({}, le, { + className: le.className ? "".concat(Xe, " ").concat(le.className) : Xe, + style: Object.assign({}, c) + }); + if (_ ? h.style = Gn(Gn({}, h.style), {}, { + whiteSpace: "pre-wrap" + }) : h.style = Gn(Gn({}, h.style), {}, { + whiteSpace: "pre" + }), !Q) + return /* @__PURE__ */ Da.default.createElement(W, Se, ee, /* @__PURE__ */ Da.default.createElement(L, h, re)); + (R === void 0 && z || _) && (R = !0), z = z || mW; + var Fe = [{ + type: "text", + value: re + }], Ue = gW({ + astGenerator: Q, + language: o, + code: re, + defaultCodeValue: Fe + }); + Ue.language === null && (Ue.value = Fe); + var nt = Ue.value.length + E, tr = hW(Ue, R, B, v, w, E, nt, D, _); + return /* @__PURE__ */ Da.default.createElement(W, Se, /* @__PURE__ */ Da.default.createElement(L, h, !w && ee, z({ + rows: tr, + stylesheet: l, + useInlineStyles: g + }))); + }, "SyntaxHighlighter"); +} +var Da, lW, uW, eD = T(() => { + T8(); + $8(); + Ay(); + Da = I(O()); + Ty(); + Y8(); + lW = ["language", "children", "style", "customStyle", "codeTagProps", "useInlineStyles", "showLineNumbers", "showInlineLineNumbers", "star\ +tingLineNumber", "lineNumberContainerStyle", "lineNumberStyle", "wrapLines", "wrapLongLines", "lineProps", "renderer", "PreTag", "CodeTag", "\ +code", "astGenerator"]; + a(K8, "ownKeys"); + a(Gn, "_objectSpread"); + uW = /\n/g; + a(cW, "getNewLines"); + a(pW, "getAllLineNumbers"); + a(fW, "AllLineNumbers"); + a(dW, "getEmWidthOfNumber"); + a(X8, "getInlineLineNumber"); + a(Q8, "assembleLineNumberStyles"); + a(R1, "createLineElement"); + a(J8, "flattenCodeTree"); + a(hW, "processLines"); + a(mW, "defaultRenderer"); + a(Z8, "isHighlightJs"); + a(gW, "getCodeTree"); + a(ky, "default"); +}); + +// ../node_modules/xtend/immutable.js +var rD = F((L5e, tD) => { + tD.exports = yW; + var vW = Object.prototype.hasOwnProperty; + function yW() { + for (var e = {}, t = 0; t < arguments.length; t++) { + var r = arguments[t]; + for (var n in r) + vW.call(r, n) && (e[n] = r[n]); + } + return e; + } + a(yW, "extend"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/schema.js +var Py = F((M5e, oD) => { + "use strict"; + oD.exports = nD; + var Iy = nD.prototype; + Iy.space = null; + Iy.normal = {}; + Iy.property = {}; + function nD(e, t, r) { + this.property = e, this.normal = t, r && (this.space = r); + } + a(nD, "Schema"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/merge.js +var sD = F(($5e, iD) => { + "use strict"; + var aD = rD(), wW = Py(); + iD.exports = bW; + function bW(e) { + for (var t = e.length, r = [], n = [], o = -1, i, s; ++o < t; ) + i = e[o], r.push(i.property), n.push(i.normal), s = i.space; + return new wW( + aD.apply(null, r), + aD.apply(null, n), + s + ); + } + a(bW, "merge"); +}); + +// ../node_modules/hastscript/node_modules/property-information/normalize.js +var A1 = F((H5e, lD) => { + "use strict"; + lD.exports = SW; + function SW(e) { + return e.toLowerCase(); + } + a(SW, "normalize"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/info.js +var Fy = F((V5e, cD) => { + "use strict"; + cD.exports = uD; + var jr = uD.prototype; + jr.space = null; + jr.attribute = null; + jr.property = null; + jr.boolean = !1; + jr.booleanish = !1; + jr.overloadedBoolean = !1; + jr.number = !1; + jr.commaSeparated = !1; + jr.spaceSeparated = !1; + jr.commaOrSpaceSeparated = !1; + jr.mustUseProperty = !1; + jr.defined = !1; + function uD(e, t) { + this.property = e, this.attribute = t; + } + a(uD, "Info"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/types.js +var _1 = F((Ra) => { + "use strict"; + var EW = 0; + Ra.boolean = Di(); + Ra.booleanish = Di(); + Ra.overloadedBoolean = Di(); + Ra.number = Di(); + Ra.spaceSeparated = Di(); + Ra.commaSeparated = Di(); + Ra.commaOrSpaceSeparated = Di(); + function Di() { + return Math.pow(2, ++EW); + } + a(Di, "increment"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/defined-info.js +var Ly = F((G5e, mD) => { + "use strict"; + var dD = Fy(), pD = _1(); + mD.exports = Oy; + Oy.prototype = new dD(); + Oy.prototype.defined = !0; + var hD = [ + "boolean", + "booleanish", + "overloadedBoolean", + "number", + "commaSeparated", + "spaceSeparated", + "commaOrSpaceSeparated" + ], xW = hD.length; + function Oy(e, t, r, n) { + var o = -1, i; + for (fD(this, "space", n), dD.call(this, e, t); ++o < xW; ) + i = hD[o], fD(this, i, (r & pD[i]) === pD[i]); + } + a(Oy, "DefinedInfo"); + function fD(e, t, r) { + r && (e[t] = r); + } + a(fD, "mark"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/create.js +var yl = F((K5e, vD) => { + "use strict"; + var gD = A1(), CW = Py(), DW = Ly(); + vD.exports = RW; + function RW(e) { + var t = e.space, r = e.mustUseProperty || [], n = e.attributes || {}, o = e.properties, i = e.transform, s = {}, l = {}, u, c; + for (u in o) + c = new DW( + u, + i(n, u), + o[u], + t + ), r.indexOf(u) !== -1 && (c.mustUseProperty = !0), s[u] = c, l[gD(u)] = u, l[gD(c.attribute)] = u; + return new CW(s, l, t); + } + a(RW, "create"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/xlink.js +var wD = F((Q5e, yD) => { + "use strict"; + var AW = yl(); + yD.exports = AW({ + space: "xlink", + transform: _W, + properties: { + xLinkActuate: null, + xLinkArcRole: null, + xLinkHref: null, + xLinkRole: null, + xLinkShow: null, + xLinkTitle: null, + xLinkType: null + } + }); + function _W(e, t) { + return "xlink:" + t.slice(5).toLowerCase(); + } + a(_W, "xlinkTransform"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/xml.js +var SD = F((Z5e, bD) => { + "use strict"; + var TW = yl(); + bD.exports = TW({ + space: "xml", + transform: kW, + properties: { + xmlLang: null, + xmlBase: null, + xmlSpace: null + } + }); + function kW(e, t) { + return "xml:" + t.slice(3).toLowerCase(); + } + a(kW, "xmlTransform"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/case-sensitive-transform.js +var xD = F((tve, ED) => { + "use strict"; + ED.exports = IW; + function IW(e, t) { + return t in e ? e[t] : t; + } + a(IW, "caseSensitiveTransform"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/util/case-insensitive-transform.js +var Ny = F((nve, CD) => { + "use strict"; + var PW = xD(); + CD.exports = FW; + function FW(e, t) { + return PW(e, t.toLowerCase()); + } + a(FW, "caseInsensitiveTransform"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/xmlns.js +var RD = F((ave, DD) => { + "use strict"; + var OW = yl(), LW = Ny(); + DD.exports = OW({ + space: "xmlns", + attributes: { + xmlnsxlink: "xmlns:xlink" + }, + transform: LW, + properties: { + xmlns: null, + xmlnsXLink: null + } + }); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/aria.js +var _D = F((ive, AD) => { + "use strict"; + var My = _1(), NW = yl(), ur = My.booleanish, Vr = My.number, Ri = My.spaceSeparated; + AD.exports = NW({ + transform: MW, + properties: { + ariaActiveDescendant: null, + ariaAtomic: ur, + ariaAutoComplete: null, + ariaBusy: ur, + ariaChecked: ur, + ariaColCount: Vr, + ariaColIndex: Vr, + ariaColSpan: Vr, + ariaControls: Ri, + ariaCurrent: null, + ariaDescribedBy: Ri, + ariaDetails: null, + ariaDisabled: ur, + ariaDropEffect: Ri, + ariaErrorMessage: null, + ariaExpanded: ur, + ariaFlowTo: Ri, + ariaGrabbed: ur, + ariaHasPopup: null, + ariaHidden: ur, + ariaInvalid: null, + ariaKeyShortcuts: null, + ariaLabel: null, + ariaLabelledBy: Ri, + ariaLevel: Vr, + ariaLive: null, + ariaModal: ur, + ariaMultiLine: ur, + ariaMultiSelectable: ur, + ariaOrientation: null, + ariaOwns: Ri, + ariaPlaceholder: null, + ariaPosInSet: Vr, + ariaPressed: ur, + ariaReadOnly: ur, + ariaRelevant: null, + ariaRequired: ur, + ariaRoleDescription: Ri, + ariaRowCount: Vr, + ariaRowIndex: Vr, + ariaRowSpan: Vr, + ariaSelected: ur, + ariaSetSize: Vr, + ariaSort: null, + ariaValueMax: Vr, + ariaValueMin: Vr, + ariaValueNow: Vr, + ariaValueText: null, + role: null + } + }); + function MW(e, t) { + return t === "role" ? t : "aria-" + t.slice(4).toLowerCase(); + } + a(MW, "ariaTransform"); +}); + +// ../node_modules/hastscript/node_modules/property-information/lib/html.js +var kD = F((lve, TD) => { + "use strict"; + var wl = _1(), BW = yl(), $W = Ny(), ie = wl.boolean, zW = wl.overloadedBoolean, Lp = wl.booleanish, Re = wl.number, Gt = wl.spaceSeparated, + T1 = wl.commaSeparated; + TD.exports = BW({ + space: "html", + attributes: { + acceptcharset: "accept-charset", + classname: "class", + htmlfor: "for", + httpequiv: "http-equiv" + }, + transform: $W, + mustUseProperty: ["checked", "multiple", "muted", "selected"], + properties: { + // Standard Properties. + abbr: null, + accept: T1, + acceptCharset: Gt, + accessKey: Gt, + action: null, + allow: null, + allowFullScreen: ie, + allowPaymentRequest: ie, + allowUserMedia: ie, + alt: null, + as: null, + async: ie, + autoCapitalize: null, + autoComplete: Gt, + autoFocus: ie, + autoPlay: ie, + capture: ie, + charSet: null, + checked: ie, + cite: null, + className: Gt, + cols: Re, + colSpan: null, + content: null, + contentEditable: Lp, + controls: ie, + controlsList: Gt, + coords: Re | T1, + crossOrigin: null, + data: null, + dateTime: null, + decoding: null, + default: ie, + defer: ie, + dir: null, + dirName: null, + disabled: ie, + download: zW, + draggable: Lp, + encType: null, + enterKeyHint: null, + form: null, + formAction: null, + formEncType: null, + formMethod: null, + formNoValidate: ie, + formTarget: null, + headers: Gt, + height: Re, + hidden: ie, + high: Re, + href: null, + hrefLang: null, + htmlFor: Gt, + httpEquiv: Gt, + id: null, + imageSizes: null, + imageSrcSet: T1, + inputMode: null, + integrity: null, + is: null, + isMap: ie, + itemId: null, + itemProp: Gt, + itemRef: Gt, + itemScope: ie, + itemType: Gt, + kind: null, + label: null, + lang: null, + language: null, + list: null, + loading: null, + loop: ie, + low: Re, + manifest: null, + max: null, + maxLength: Re, + media: null, + method: null, + min: null, + minLength: Re, + multiple: ie, + muted: ie, + name: null, + nonce: null, + noModule: ie, + noValidate: ie, + onAbort: null, + onAfterPrint: null, + onAuxClick: null, + onBeforePrint: null, + onBeforeUnload: null, + onBlur: null, + onCancel: null, + onCanPlay: null, + onCanPlayThrough: null, + onChange: null, + onClick: null, + onClose: null, + onContextMenu: null, + onCopy: null, + onCueChange: null, + onCut: null, + onDblClick: null, + onDrag: null, + onDragEnd: null, + onDragEnter: null, + onDragExit: null, + onDragLeave: null, + onDragOver: null, + onDragStart: null, + onDrop: null, + onDurationChange: null, + onEmptied: null, + onEnded: null, + onError: null, + onFocus: null, + onFormData: null, + onHashChange: null, + onInput: null, + onInvalid: null, + onKeyDown: null, + onKeyPress: null, + onKeyUp: null, + onLanguageChange: null, + onLoad: null, + onLoadedData: null, + onLoadedMetadata: null, + onLoadEnd: null, + onLoadStart: null, + onMessage: null, + onMessageError: null, + onMouseDown: null, + onMouseEnter: null, + onMouseLeave: null, + onMouseMove: null, + onMouseOut: null, + onMouseOver: null, + onMouseUp: null, + onOffline: null, + onOnline: null, + onPageHide: null, + onPageShow: null, + onPaste: null, + onPause: null, + onPlay: null, + onPlaying: null, + onPopState: null, + onProgress: null, + onRateChange: null, + onRejectionHandled: null, + onReset: null, + onResize: null, + onScroll: null, + onSecurityPolicyViolation: null, + onSeeked: null, + onSeeking: null, + onSelect: null, + onSlotChange: null, + onStalled: null, + onStorage: null, + onSubmit: null, + onSuspend: null, + onTimeUpdate: null, + onToggle: null, + onUnhandledRejection: null, + onUnload: null, + onVolumeChange: null, + onWaiting: null, + onWheel: null, + open: ie, + optimum: Re, + pattern: null, + ping: Gt, + placeholder: null, + playsInline: ie, + poster: null, + preload: null, + readOnly: ie, + referrerPolicy: null, + rel: Gt, + required: ie, + reversed: ie, + rows: Re, + rowSpan: Re, + sandbox: Gt, + scope: null, + scoped: ie, + seamless: ie, + selected: ie, + shape: null, + size: Re, + sizes: null, + slot: null, + span: Re, + spellCheck: Lp, + src: null, + srcDoc: null, + srcLang: null, + srcSet: T1, + start: Re, + step: null, + style: null, + tabIndex: Re, + target: null, + title: null, + translate: null, + type: null, + typeMustMatch: ie, + useMap: null, + value: Lp, + width: Re, + wrap: null, + // Legacy. + // See: https://html.spec.whatwg.org/#other-elements,-attributes-and-apis + align: null, + // Several. Use CSS `text-align` instead, + aLink: null, + // `<body>`. Use CSS `a:active {color}` instead + archive: Gt, + // `<object>`. List of URIs to archives + axis: null, + // `<td>` and `<th>`. Use `scope` on `<th>` + background: null, + // `<body>`. Use CSS `background-image` instead + bgColor: null, + // `<body>` and table elements. Use CSS `background-color` instead + border: Re, + // `<table>`. Use CSS `border-width` instead, + borderColor: null, + // `<table>`. Use CSS `border-color` instead, + bottomMargin: Re, + // `<body>` + cellPadding: null, + // `<table>` + cellSpacing: null, + // `<table>` + char: null, + // Several table elements. When `align=char`, sets the character to align on + charOff: null, + // Several table elements. When `char`, offsets the alignment + classId: null, + // `<object>` + clear: null, + // `<br>`. Use CSS `clear` instead + code: null, + // `<object>` + codeBase: null, + // `<object>` + codeType: null, + // `<object>` + color: null, + // `<font>` and `<hr>`. Use CSS instead + compact: ie, + // Lists. Use CSS to reduce space between items instead + declare: ie, + // `<object>` + event: null, + // `<script>` + face: null, + // `<font>`. Use CSS instead + frame: null, + // `<table>` + frameBorder: null, + // `<iframe>`. Use CSS `border` instead + hSpace: Re, + // `<img>` and `<object>` + leftMargin: Re, + // `<body>` + link: null, + // `<body>`. Use CSS `a:link {color: *}` instead + longDesc: null, + // `<frame>`, `<iframe>`, and `<img>`. Use an `<a>` + lowSrc: null, + // `<img>`. Use a `<picture>` + marginHeight: Re, + // `<body>` + marginWidth: Re, + // `<body>` + noResize: ie, + // `<frame>` + noHref: ie, + // `<area>`. Use no href instead of an explicit `nohref` + noShade: ie, + // `<hr>`. Use background-color and height instead of borders + noWrap: ie, + // `<td>` and `<th>` + object: null, + // `<applet>` + profile: null, + // `<head>` + prompt: null, + // `<isindex>` + rev: null, + // `<link>` + rightMargin: Re, + // `<body>` + rules: null, + // `<table>` + scheme: null, + // `<meta>` + scrolling: Lp, + // `<frame>`. Use overflow in the child context + standby: null, + // `<object>` + summary: null, + // `<table>` + text: null, + // `<body>`. Use CSS `color` instead + topMargin: Re, + // `<body>` + valueType: null, + // `<param>` + version: null, + // `<html>`. Use a doctype. + vAlign: null, + // Several. Use CSS `vertical-align` instead + vLink: null, + // `<body>`. Use CSS `a:visited {color}` instead + vSpace: Re, + // `<img>` and `<object>` + // Non-standard Properties. + allowTransparency: null, + autoCorrect: null, + autoSave: null, + disablePictureInPicture: ie, + disableRemotePlayback: ie, + prefix: null, + property: null, + results: Re, + security: null, + unselectable: null + } + }); +}); + +// ../node_modules/hastscript/node_modules/property-information/html.js +var PD = F((uve, ID) => { + "use strict"; + var HW = sD(), jW = wD(), VW = SD(), UW = RD(), WW = _D(), qW = kD(); + ID.exports = HW([VW, jW, UW, WW, qW]); +}); + +// ../node_modules/hastscript/node_modules/property-information/find.js +var LD = F((cve, OD) => { + "use strict"; + var GW = A1(), YW = Ly(), KW = Fy(), By = "data"; + OD.exports = JW; + var XW = /^data[-\w.:]+$/i, FD = /-[a-z]/g, QW = /[A-Z]/g; + function JW(e, t) { + var r = GW(t), n = t, o = KW; + return r in e.normal ? e.property[e.normal[r]] : (r.length > 4 && r.slice(0, 4) === By && XW.test(t) && (t.charAt(4) === "-" ? n = ZW(t) : + t = eq(t), o = YW), new o(n, t)); + } + a(JW, "find"); + function ZW(e) { + var t = e.slice(5).replace(FD, rq); + return By + t.charAt(0).toUpperCase() + t.slice(1); + } + a(ZW, "datasetToProperty"); + function eq(e) { + var t = e.slice(4); + return FD.test(t) ? e : (t = t.replace(QW, tq), t.charAt(0) !== "-" && (t = "-" + t), By + t); + } + a(eq, "datasetToAttribute"); + function tq(e) { + return "-" + e.toLowerCase(); + } + a(tq, "kebab"); + function rq(e) { + return e.charAt(1).toUpperCase(); + } + a(rq, "camelcase"); +}); + +// ../node_modules/hast-util-parse-selector/index.js +var BD = F((fve, MD) => { + "use strict"; + MD.exports = nq; + var ND = /[#.]/g; + function nq(e, t) { + for (var r = e || "", n = t || "div", o = {}, i = 0, s, l, u; i < r.length; ) + ND.lastIndex = i, u = ND.exec(r), s = r.slice(i, u ? u.index : r.length), s && (l ? l === "#" ? o.id = s : o.className ? o.className.push( + s) : o.className = [s] : n = s, i += s.length), u && (l = u[0], i++); + return { type: "element", tagName: n, properties: o, children: [] }; + } + a(nq, "parse"); +}); + +// ../node_modules/hastscript/node_modules/space-separated-tokens/index.js +var zD = F(($y) => { + "use strict"; + $y.parse = iq; + $y.stringify = sq; + var $D = "", oq = " ", aq = /[ \t\n\r\f]+/g; + function iq(e) { + var t = String(e || $D).trim(); + return t === $D ? [] : t.split(aq); + } + a(iq, "parse"); + function sq(e) { + return e.join(oq).trim(); + } + a(sq, "stringify"); +}); + +// ../node_modules/hastscript/node_modules/comma-separated-tokens/index.js +var jD = F((Hy) => { + "use strict"; + Hy.parse = lq; + Hy.stringify = uq; + var zy = ",", HD = " ", Np = ""; + function lq(e) { + for (var t = [], r = String(e || Np), n = r.indexOf(zy), o = 0, i = !1, s; !i; ) + n === -1 && (n = r.length, i = !0), s = r.slice(o, n).trim(), (s || !i) && t.push(s), o = n + 1, n = r.indexOf(zy, o); + return t; + } + a(lq, "parse"); + function uq(e, t) { + var r = t || {}, n = r.padLeft === !1 ? Np : HD, o = r.padRight ? HD : Np; + return e[e.length - 1] === Np && (e = e.concat(Np)), e.join(o + zy + n).trim(); + } + a(uq, "stringify"); +}); + +// ../node_modules/hastscript/factory.js +var KD = F((yve, YD) => { + "use strict"; + var cq = LD(), VD = A1(), pq = BD(), UD = zD().parse, WD = jD().parse; + YD.exports = dq; + var fq = {}.hasOwnProperty; + function dq(e, t, r) { + var n = r ? yq(r) : null; + return o; + function o(s, l) { + var u = pq(s, t), c = Array.prototype.slice.call(arguments, 2), p = u.tagName.toLowerCase(), h; + if (u.tagName = n && fq.call(n, p) ? n[p] : p, l && hq(l, u) && (c.unshift(l), l = null), l) + for (h in l) + i(u.properties, h, l[h]); + return GD(u.children, c), u.tagName === "template" && (u.content = { type: "root", children: u.children }, u.children = []), u; + } + function i(s, l, u) { + var c, p, h; + u == null || u !== u || (c = cq(e, l), p = c.property, h = u, typeof h == "string" && (c.spaceSeparated ? h = UD(h) : c.commaSeparated ? + h = WD(h) : c.commaOrSpaceSeparated && (h = UD(WD(h).join(" ")))), p === "style" && typeof u != "string" && (h = vq(h)), p === "classN\ +ame" && s.className && (h = s.className.concat(h)), s[p] = gq(c, p, h)); + } + } + a(dq, "factory"); + function hq(e, t) { + return typeof e == "string" || "length" in e || mq(t.tagName, e); + } + a(hq, "isChildren"); + function mq(e, t) { + var r = t.type; + return e === "input" || !r || typeof r != "string" ? !1 : typeof t.children == "object" && "length" in t.children ? !0 : (r = r.toLowerCase(), + e === "button" ? r !== "menu" && r !== "submit" && r !== "reset" && r !== "button" : "value" in t); + } + a(mq, "isNode"); + function GD(e, t) { + var r, n; + if (typeof t == "string" || typeof t == "number") { + e.push({ type: "text", value: String(t) }); + return; + } + if (typeof t == "object" && "length" in t) { + for (r = -1, n = t.length; ++r < n; ) + GD(e, t[r]); + return; + } + if (typeof t != "object" || !("type" in t)) + throw new Error("Expected node, nodes, or string, got `" + t + "`"); + e.push(t); + } + a(GD, "addChild"); + function gq(e, t, r) { + var n, o, i; + if (typeof r != "object" || !("length" in r)) + return qD(e, t, r); + for (o = r.length, n = -1, i = []; ++n < o; ) + i[n] = qD(e, t, r[n]); + return i; + } + a(gq, "parsePrimitives"); + function qD(e, t, r) { + var n = r; + return e.number || e.positiveNumber ? !isNaN(n) && n !== "" && (n = Number(n)) : (e.boolean || e.overloadedBoolean) && typeof n == "stri\ +ng" && (n === "" || VD(r) === VD(t)) && (n = !0), n; + } + a(qD, "parsePrimitive"); + function vq(e) { + var t = [], r; + for (r in e) + t.push([r, e[r]].join(": ")); + return t.join("; "); + } + a(vq, "style"); + function yq(e) { + for (var t = e.length, r = -1, n = {}, o; ++r < t; ) + o = e[r], n[o.toLowerCase()] = o; + return n; + } + a(yq, "createAdjustMap"); +}); + +// ../node_modules/hastscript/html.js +var JD = F((bve, QD) => { + "use strict"; + var wq = PD(), bq = KD(), XD = bq(wq, "div"); + XD.displayName = "html"; + QD.exports = XD; +}); + +// ../node_modules/hastscript/index.js +var eR = F((Sve, ZD) => { + "use strict"; + ZD.exports = JD(); +}); + +// ../node_modules/refractor/node_modules/character-entities-legacy/index.json +var tR = F((Eve, Sq) => { + Sq.exports = { + AElig: "\xC6", + AMP: "&", + Aacute: "\xC1", + Acirc: "\xC2", + Agrave: "\xC0", + Aring: "\xC5", + Atilde: "\xC3", + Auml: "\xC4", + COPY: "\xA9", + Ccedil: "\xC7", + ETH: "\xD0", + Eacute: "\xC9", + Ecirc: "\xCA", + Egrave: "\xC8", + Euml: "\xCB", + GT: ">", + Iacute: "\xCD", + Icirc: "\xCE", + Igrave: "\xCC", + Iuml: "\xCF", + LT: "<", + Ntilde: "\xD1", + Oacute: "\xD3", + Ocirc: "\xD4", + Ograve: "\xD2", + Oslash: "\xD8", + Otilde: "\xD5", + Ouml: "\xD6", + QUOT: '"', + REG: "\xAE", + THORN: "\xDE", + Uacute: "\xDA", + Ucirc: "\xDB", + Ugrave: "\xD9", + Uuml: "\xDC", + Yacute: "\xDD", + aacute: "\xE1", + acirc: "\xE2", + acute: "\xB4", + aelig: "\xE6", + agrave: "\xE0", + amp: "&", + aring: "\xE5", + atilde: "\xE3", + auml: "\xE4", + brvbar: "\xA6", + ccedil: "\xE7", + cedil: "\xB8", + cent: "\xA2", + copy: "\xA9", + curren: "\xA4", + deg: "\xB0", + divide: "\xF7", + eacute: "\xE9", + ecirc: "\xEA", + egrave: "\xE8", + eth: "\xF0", + euml: "\xEB", + frac12: "\xBD", + frac14: "\xBC", + frac34: "\xBE", + gt: ">", + iacute: "\xED", + icirc: "\xEE", + iexcl: "\xA1", + igrave: "\xEC", + iquest: "\xBF", + iuml: "\xEF", + laquo: "\xAB", + lt: "<", + macr: "\xAF", + micro: "\xB5", + middot: "\xB7", + nbsp: "\xA0", + not: "\xAC", + ntilde: "\xF1", + oacute: "\xF3", + ocirc: "\xF4", + ograve: "\xF2", + ordf: "\xAA", + ordm: "\xBA", + oslash: "\xF8", + otilde: "\xF5", + ouml: "\xF6", + para: "\xB6", + plusmn: "\xB1", + pound: "\xA3", + quot: '"', + raquo: "\xBB", + reg: "\xAE", + sect: "\xA7", + shy: "\xAD", + sup1: "\xB9", + sup2: "\xB2", + sup3: "\xB3", + szlig: "\xDF", + thorn: "\xFE", + times: "\xD7", + uacute: "\xFA", + ucirc: "\xFB", + ugrave: "\xF9", + uml: "\xA8", + uuml: "\xFC", + yacute: "\xFD", + yen: "\xA5", + yuml: "\xFF" + }; +}); + +// ../node_modules/refractor/node_modules/character-reference-invalid/index.json +var rR = F((xve, Eq) => { + Eq.exports = { + "0": "\uFFFD", + "128": "\u20AC", + "130": "\u201A", + "131": "\u0192", + "132": "\u201E", + "133": "\u2026", + "134": "\u2020", + "135": "\u2021", + "136": "\u02C6", + "137": "\u2030", + "138": "\u0160", + "139": "\u2039", + "140": "\u0152", + "142": "\u017D", + "145": "\u2018", + "146": "\u2019", + "147": "\u201C", + "148": "\u201D", + "149": "\u2022", + "150": "\u2013", + "151": "\u2014", + "152": "\u02DC", + "153": "\u2122", + "154": "\u0161", + "155": "\u203A", + "156": "\u0153", + "158": "\u017E", + "159": "\u0178" + }; +}); + +// ../node_modules/refractor/node_modules/is-decimal/index.js +var jy = F((Cve, nR) => { + "use strict"; + nR.exports = xq; + function xq(e) { + var t = typeof e == "string" ? e.charCodeAt(0) : e; + return t >= 48 && t <= 57; + } + a(xq, "decimal"); +}); + +// ../node_modules/refractor/node_modules/is-hexadecimal/index.js +var aR = F((Rve, oR) => { + "use strict"; + oR.exports = Cq; + function Cq(e) { + var t = typeof e == "string" ? e.charCodeAt(0) : e; + return t >= 97 && t <= 102 || t >= 65 && t <= 70 || t >= 48 && t <= 57; + } + a(Cq, "hexadecimal"); +}); + +// ../node_modules/refractor/node_modules/is-alphabetical/index.js +var sR = F((_ve, iR) => { + "use strict"; + iR.exports = Dq; + function Dq(e) { + var t = typeof e == "string" ? e.charCodeAt(0) : e; + return t >= 97 && t <= 122 || t >= 65 && t <= 90; + } + a(Dq, "alphabetical"); +}); + +// ../node_modules/refractor/node_modules/is-alphanumerical/index.js +var uR = F((kve, lR) => { + "use strict"; + var Rq = sR(), Aq = jy(); + lR.exports = _q; + function _q(e) { + return Rq(e) || Aq(e); + } + a(_q, "alphanumerical"); +}); + +// ../node_modules/refractor/node_modules/parse-entities/decode-entity.browser.js +var pR = F((Pve, cR) => { + "use strict"; + var k1, Tq = 59; + cR.exports = kq; + function kq(e) { + var t = "&" + e + ";", r; + return k1 = k1 || document.createElement("i"), k1.innerHTML = t, r = k1.textContent, r.charCodeAt(r.length - 1) === Tq && e !== "semi" || + r === t ? !1 : r; + } + a(kq, "decodeEntity"); +}); + +// ../node_modules/refractor/node_modules/parse-entities/index.js +var DR = F((Ove, CR) => { + "use strict"; + var fR = tR(), dR = rR(), Iq = jy(), Pq = aR(), vR = uR(), Fq = pR(); + CR.exports = qq; + var Oq = {}.hasOwnProperty, bl = String.fromCharCode, Lq = Function.prototype, hR = { + warning: null, + reference: null, + text: null, + warningContext: null, + referenceContext: null, + textContext: null, + position: {}, + additional: null, + attribute: !1, + nonTerminated: !0 + }, Nq = 9, mR = 10, Mq = 12, Bq = 32, gR = 38, $q = 59, zq = 60, Hq = 61, jq = 35, Vq = 88, Uq = 120, Wq = 65533, Sl = "named", Uy = "hexa\ +decimal", Wy = "decimal", qy = {}; + qy[Uy] = 16; + qy[Wy] = 10; + var I1 = {}; + I1[Sl] = vR; + I1[Wy] = Iq; + I1[Uy] = Pq; + var yR = 1, wR = 2, bR = 3, SR = 4, ER = 5, Vy = 6, xR = 7, Aa = {}; + Aa[yR] = "Named character references must be terminated by a semicolon"; + Aa[wR] = "Numeric character references must be terminated by a semicolon"; + Aa[bR] = "Named character references cannot be empty"; + Aa[SR] = "Numeric character references cannot be empty"; + Aa[ER] = "Named character references must be known"; + Aa[Vy] = "Numeric character references cannot be disallowed"; + Aa[xR] = "Numeric character references cannot be outside the permissible Unicode range"; + function qq(e, t) { + var r = {}, n, o; + t || (t = {}); + for (o in hR) + n = t[o], r[o] = n ?? hR[o]; + return (r.position.indent || r.position.start) && (r.indent = r.position.indent || [], r.position = r.position.start), Gq(e, r); + } + a(qq, "parseEntities"); + function Gq(e, t) { + var r = t.additional, n = t.nonTerminated, o = t.text, i = t.reference, s = t.warning, l = t.textContext, u = t.referenceContext, c = t. + warningContext, p = t.position, h = t.indent || [], m = e.length, g = 0, S = -1, v = p.column || 1, b = p.line || 1, w = "", y = [], E, x, + C, D, R, A, _, P, B, z, $, W, N, L, G, re, Q, le, ee; + for (typeof r == "string" && (r = r.charCodeAt(0)), re = de(), P = s ? Xe : Lq, g--, m++; ++g < m; ) + if (R === mR && (v = h[S] || 1), R = e.charCodeAt(g), R === gR) { + if (_ = e.charCodeAt(g + 1), _ === Nq || _ === mR || _ === Mq || _ === Bq || _ === gR || _ === zq || _ !== _ || r && _ === r) { + w += bl(R), v++; + continue; + } + for (N = g + 1, W = N, ee = N, _ === jq ? (ee = ++W, _ = e.charCodeAt(ee), _ === Vq || _ === Uq ? (L = Uy, ee = ++W) : L = Wy) : L = + Sl, E = "", $ = "", D = "", G = I1[L], ee--; ++ee < m && (_ = e.charCodeAt(ee), !!G(_)); ) + D += bl(_), L === Sl && Oq.call(fR, D) && (E = D, $ = fR[D]); + C = e.charCodeAt(ee) === $q, C && (ee++, x = L === Sl ? Fq(D) : !1, x && (E = D, $ = x)), le = 1 + ee - N, !C && !n || (D ? L === Sl ? + (C && !$ ? P(ER, 1) : (E !== D && (ee = W + E.length, le = 1 + ee - W, C = !1), C || (B = E ? yR : bR, t.attribute ? (_ = e.charCodeAt( + ee), _ === Hq ? (P(B, le), $ = null) : vR(_) ? $ = null : P(B, le)) : P(B, le))), A = $) : (C || P(wR, le), A = parseInt(D, qy[L]), Yq( + A) ? (P(xR, le), A = bl(Wq)) : A in dR ? (P(Vy, le), A = dR[A]) : (z = "", Kq(A) && P(Vy, le), A > 65535 && (A -= 65536, z += bl(A >>> + 10 | 55296), A = 56320 | A & 1023), A = z + bl(A))) : L !== Sl && P(SR, le)), A ? (Se(), re = de(), g = ee - 1, v += ee - N + 1, y.push( + A), Q = de(), Q.offset++, i && i.call( + u, + A, + { start: re, end: Q }, + e.slice(N - 1, ee) + ), re = Q) : (D = e.slice(N - 1, ee), w += D, v += D.length, g = ee - 1); + } else + R === 10 && (b++, S++, v = 0), R === R ? (w += bl(R), v++) : Se(); + return y.join(""); + function de() { + return { + line: b, + column: v, + offset: g + (p.offset || 0) + }; + } + function Xe(Fe, Ue) { + var nt = de(); + nt.column += Ue, nt.offset += Ue, s.call(c, Aa[Fe], nt, Fe); + } + function Se() { + w && (y.push(w), o && o.call(l, w, { start: re, end: de() }), w = ""); + } + } + a(Gq, "parse"); + function Yq(e) { + return e >= 55296 && e <= 57343 || e > 1114111; + } + a(Yq, "prohibited"); + function Kq(e) { + return e >= 1 && e <= 8 || e === 11 || e >= 13 && e <= 31 || e >= 127 && e <= 159 || e >= 64976 && e <= 65007 || (e & 65535) === 65535 || + (e & 65535) === 65534; + } + a(Kq, "disallowed"); +}); + +// ../node_modules/refractor/node_modules/prismjs/components/prism-core.js +var AR = F((Nve, P1) => { + var Xq = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {}; + var RR = function(e) { + var t = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, r = 0, n = {}, o = { + /** + * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the + * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load + * additional languages or plugins yourself. + * + * By setting this value to `true`, Prism will not automatically highlight all code elements on the page. + * + * You obviously have to change this value before the automatic highlighting started. To do this, you can add an + * empty Prism object into the global scope before loading the Prism script like this: + * + * ```js + * window.Prism = window.Prism || {}; + * Prism.manual = true; + * // add a new <script> to load Prism's script + * ``` + * + * @default false + * @type {boolean} + * @memberof Prism + * @public + */ + manual: e.Prism && e.Prism.manual, + /** + * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses + * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your + * own worker, you don't want it to do this. + * + * By setting this value to `true`, Prism will not add its own listeners to the worker. + * + * You obviously have to change this value before Prism executes. To do this, you can add an + * empty Prism object into the global scope before loading the Prism script like this: + * + * ```js + * window.Prism = window.Prism || {}; + * Prism.disableWorkerMessageHandler = true; + * // Load Prism's script + * ``` + * + * @default false + * @type {boolean} + * @memberof Prism + * @public + */ + disableWorkerMessageHandler: e.Prism && e.Prism.disableWorkerMessageHandler, + /** + * A namespace for utility methods. + * + * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may + * change or disappear at any time. + * + * @namespace + * @memberof Prism + */ + util: { + encode: /* @__PURE__ */ a(function v(b) { + return b instanceof i ? new i(b.type, v(b.content), b.alias) : Array.isArray(b) ? b.map(v) : b.replace(/&/g, "&").replace(/</g, + "<").replace(/\u00a0/g, " "); + }, "encode"), + /** + * Returns the name of the type of the given value. + * + * @param {any} o + * @returns {string} + * @example + * type(null) === 'Null' + * type(undefined) === 'Undefined' + * type(123) === 'Number' + * type('foo') === 'String' + * type(true) === 'Boolean' + * type([1, 2]) === 'Array' + * type({}) === 'Object' + * type(String) === 'Function' + * type(/abc+/) === 'RegExp' + */ + type: /* @__PURE__ */ a(function(v) { + return Object.prototype.toString.call(v).slice(8, -1); + }, "type"), + /** + * Returns a unique number for the given object. Later calls will still return the same number. + * + * @param {Object} obj + * @returns {number} + */ + objId: /* @__PURE__ */ a(function(v) { + return v.__id || Object.defineProperty(v, "__id", { value: ++r }), v.__id; + }, "objId"), + /** + * Creates a deep clone of the given object. + * + * The main intended use of this function is to clone language definitions. + * + * @param {T} o + * @param {Record<number, any>} [visited] + * @returns {T} + * @template T + */ + clone: /* @__PURE__ */ a(function v(b, w) { + w = w || {}; + var y, E; + switch (o.util.type(b)) { + case "Object": + if (E = o.util.objId(b), w[E]) + return w[E]; + y = /** @type {Record<string, any>} */ + {}, w[E] = y; + for (var x in b) + b.hasOwnProperty(x) && (y[x] = v(b[x], w)); + return ( + /** @type {any} */ + y + ); + case "Array": + return E = o.util.objId(b), w[E] ? w[E] : (y = [], w[E] = y, /** @type {Array} */ + /** @type {any} */ + b.forEach(function(C, D) { + y[D] = v(C, w); + }), /** @type {any} */ + y); + default: + return b; + } + }, "deepClone"), + /** + * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class. + * + * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned. + * + * @param {Element} element + * @returns {string} + */ + getLanguage: /* @__PURE__ */ a(function(v) { + for (; v; ) { + var b = t.exec(v.className); + if (b) + return b[1].toLowerCase(); + v = v.parentElement; + } + return "none"; + }, "getLanguage"), + /** + * Sets the Prism `language-xxxx` class of the given element. + * + * @param {Element} element + * @param {string} language + * @returns {void} + */ + setLanguage: /* @__PURE__ */ a(function(v, b) { + v.className = v.className.replace(RegExp(t, "gi"), ""), v.classList.add("language-" + b); + }, "setLanguage"), + /** + * Returns the script element that is currently executing. + * + * This does __not__ work for line script element. + * + * @returns {HTMLScriptElement | null} + */ + currentScript: /* @__PURE__ */ a(function() { + if (typeof document > "u") + return null; + if ("currentScript" in document) + return ( + /** @type {any} */ + document.currentScript + ); + try { + throw new Error(); + } catch (y) { + var v = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(y.stack) || [])[1]; + if (v) { + var b = document.getElementsByTagName("script"); + for (var w in b) + if (b[w].src == v) + return b[w]; + } + return null; + } + }, "currentScript"), + /** + * Returns whether a given class is active for `element`. + * + * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated + * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the + * given class is just the given class with a `no-` prefix. + * + * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is + * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its + * ancestors have the given class or the negated version of it, then the default activation will be returned. + * + * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated + * version of it, the class is considered active. + * + * @param {Element} element + * @param {string} className + * @param {boolean} [defaultActivation=false] + * @returns {boolean} + */ + isActive: /* @__PURE__ */ a(function(v, b, w) { + for (var y = "no-" + b; v; ) { + var E = v.classList; + if (E.contains(b)) + return !0; + if (E.contains(y)) + return !1; + v = v.parentElement; + } + return !!w; + }, "isActive") + }, + /** + * This namespace contains all currently loaded languages and the some helper functions to create and modify languages. + * + * @namespace + * @memberof Prism + * @public + */ + languages: { + /** + * The grammar for plain, unformatted text. + */ + plain: n, + plaintext: n, + text: n, + txt: n, + /** + * Creates a deep copy of the language with the given id and appends the given tokens. + * + * If a token in `redef` also appears in the copied language, then the existing token in the copied language + * will be overwritten at its original position. + * + * ## Best practices + * + * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language) + * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to + * understand the language definition because, normally, the order of tokens matters in Prism grammars. + * + * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens. + * Furthermore, all non-overwriting tokens should be placed after the overwriting ones. + * + * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`. + * @param {Grammar} redef The new tokens to append. + * @returns {Grammar} The new language created. + * @public + * @example + * Prism.languages['css-with-colors'] = Prism.languages.extend('css', { + * // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token + * // at its original position + * 'comment': { ... }, + * // CSS doesn't have a 'color' token, so this token will be appended + * 'color': /\b(?:red|green|blue)\b/ + * }); + */ + extend: /* @__PURE__ */ a(function(v, b) { + var w = o.util.clone(o.languages[v]); + for (var y in b) + w[y] = b[y]; + return w; + }, "extend"), + /** + * Inserts tokens _before_ another token in a language definition or any other grammar. + * + * ## Usage + * + * This helper method makes it easy to modify existing languages. For example, the CSS language definition + * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded + * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the + * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do + * this: + * + * ```js + * Prism.languages.markup.style = { + * // token + * }; + * ``` + * + * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens + * before existing tokens. For the CSS example above, you would use it like this: + * + * ```js + * Prism.languages.insertBefore('markup', 'cdata', { + * 'style': { + * // token + * } + * }); + * ``` + * + * ## Special cases + * + * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar + * will be ignored. + * + * This behavior can be used to insert tokens after `before`: + * + * ```js + * Prism.languages.insertBefore('markup', 'comment', { + * 'comment': Prism.languages.markup.comment, + * // tokens after 'comment' + * }); + * ``` + * + * ## Limitations + * + * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object + * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave + * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily + * deleting properties which is necessary to insert at arbitrary positions. + * + * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object. + * Instead, it will create a new object and replace all references to the target object with the new one. This + * can be done without temporarily deleting properties, so the iteration order is well-defined. + * + * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if + * you hold the target object in a variable, then the value of the variable will not change. + * + * ```js + * var oldMarkup = Prism.languages.markup; + * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... }); + * + * assert(oldMarkup !== Prism.languages.markup); + * assert(newMarkup === Prism.languages.markup); + * ``` + * + * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the + * object to be modified. + * @param {string} before The key to insert before. + * @param {Grammar} insert An object containing the key-value pairs to be inserted. + * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the + * object to be modified. + * + * Defaults to `Prism.languages`. + * @returns {Grammar} The new grammar object. + * @public + */ + insertBefore: /* @__PURE__ */ a(function(v, b, w, y) { + y = y || /** @type {any} */ + o.languages; + var E = y[v], x = {}; + for (var C in E) + if (E.hasOwnProperty(C)) { + if (C == b) + for (var D in w) + w.hasOwnProperty(D) && (x[D] = w[D]); + w.hasOwnProperty(C) || (x[C] = E[C]); + } + var R = y[v]; + return y[v] = x, o.languages.DFS(o.languages, function(A, _) { + _ === R && A != v && (this[A] = x); + }), x; + }, "insertBefore"), + // Traverse a language definition with Depth First Search + DFS: /* @__PURE__ */ a(function v(b, w, y, E) { + E = E || {}; + var x = o.util.objId; + for (var C in b) + if (b.hasOwnProperty(C)) { + w.call(b, C, b[C], y || C); + var D = b[C], R = o.util.type(D); + R === "Object" && !E[x(D)] ? (E[x(D)] = !0, v(D, w, null, E)) : R === "Array" && !E[x(D)] && (E[x(D)] = !0, v(D, w, C, E)); + } + }, "DFS") + }, + plugins: {}, + /** + * This is the most high-level function in Prism’s API. + * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on + * each one of them. + * + * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`. + * + * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}. + * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}. + * @memberof Prism + * @public + */ + highlightAll: /* @__PURE__ */ a(function(v, b) { + o.highlightAllUnder(document, v, b); + }, "highlightAll"), + /** + * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls + * {@link Prism.highlightElement} on each one of them. + * + * The following hooks will be run: + * 1. `before-highlightall` + * 2. `before-all-elements-highlight` + * 3. All hooks of {@link Prism.highlightElement} for each element. + * + * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted. + * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers. + * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done. + * @memberof Prism + * @public + */ + highlightAllUnder: /* @__PURE__ */ a(function(v, b, w) { + var y = { + callback: w, + container: v, + selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code' + }; + o.hooks.run("before-highlightall", y), y.elements = Array.prototype.slice.apply(y.container.querySelectorAll(y.selector)), o.hooks.run( + "before-all-elements-highlight", y); + for (var E = 0, x; x = y.elements[E++]; ) + o.highlightElement(x, b === !0, y.callback); + }, "highlightAllUnder"), + /** + * Highlights the code inside a single element. + * + * The following hooks will be run: + * 1. `before-sanity-check` + * 2. `before-highlight` + * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`. + * 4. `before-insert` + * 5. `after-highlight` + * 6. `complete` + * + * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for + * the element's language. + * + * @param {Element} element The element containing the code. + * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier. + * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers + * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is + * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default). + * + * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for + * asynchronous highlighting to work. You can build your own bundle on the + * [Download page](https://prismjs.com/download.html). + * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done. + * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously. + * @memberof Prism + * @public + */ + highlightElement: /* @__PURE__ */ a(function(v, b, w) { + var y = o.util.getLanguage(v), E = o.languages[y]; + o.util.setLanguage(v, y); + var x = v.parentElement; + x && x.nodeName.toLowerCase() === "pre" && o.util.setLanguage(x, y); + var C = v.textContent, D = { + element: v, + language: y, + grammar: E, + code: C + }; + function R(_) { + D.highlightedCode = _, o.hooks.run("before-insert", D), D.element.innerHTML = D.highlightedCode, o.hooks.run("after-highlight", D), + o.hooks.run("complete", D), w && w.call(D.element); + } + if (a(R, "insertHighlightedCode"), o.hooks.run("before-sanity-check", D), x = D.element.parentElement, x && x.nodeName.toLowerCase() === + "pre" && !x.hasAttribute("tabindex") && x.setAttribute("tabindex", "0"), !D.code) { + o.hooks.run("complete", D), w && w.call(D.element); + return; + } + if (o.hooks.run("before-highlight", D), !D.grammar) { + R(o.util.encode(D.code)); + return; + } + if (b && e.Worker) { + var A = new Worker(o.filename); + A.onmessage = function(_) { + R(_.data); + }, A.postMessage(JSON.stringify({ + language: D.language, + code: D.code, + immediateClose: !0 + })); + } else + R(o.highlight(D.code, D.grammar, D.language)); + }, "highlightElement"), + /** + * Low-level function, only use if you know what you’re doing. It accepts a string of text as input + * and the language definitions to use, and returns a string with the HTML produced. + * + * The following hooks will be run: + * 1. `before-tokenize` + * 2. `after-tokenize` + * 3. `wrap`: On each {@link Token}. + * + * @param {string} text A string with the code to be highlighted. + * @param {Grammar} grammar An object containing the tokens to use. + * + * Usually a language definition like `Prism.languages.markup`. + * @param {string} language The name of the language definition passed to `grammar`. + * @returns {string} The highlighted HTML. + * @memberof Prism + * @public + * @example + * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript'); + */ + highlight: /* @__PURE__ */ a(function(v, b, w) { + var y = { + code: v, + grammar: b, + language: w + }; + if (o.hooks.run("before-tokenize", y), !y.grammar) + throw new Error('The language "' + y.language + '" has no grammar.'); + return y.tokens = o.tokenize(y.code, y.grammar), o.hooks.run("after-tokenize", y), i.stringify(o.util.encode(y.tokens), y.language); + }, "highlight"), + /** + * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input + * and the language definitions to use, and returns an array with the tokenized code. + * + * When the language definition includes nested tokens, the function is called recursively on each of these tokens. + * + * This method could be useful in other contexts as well, as a very crude parser. + * + * @param {string} text A string with the code to be highlighted. + * @param {Grammar} grammar An object containing the tokens to use. + * + * Usually a language definition like `Prism.languages.markup`. + * @returns {TokenStream} An array of strings and tokens, a token stream. + * @memberof Prism + * @public + * @example + * let code = `var foo = 0;`; + * let tokens = Prism.tokenize(code, Prism.languages.javascript); + * tokens.forEach(token => { + * if (token instanceof Prism.Token && token.type === 'number') { + * console.log(`Found numeric literal: ${token.content}`); + * } + * }); + */ + tokenize: /* @__PURE__ */ a(function(v, b) { + var w = b.rest; + if (w) { + for (var y in w) + b[y] = w[y]; + delete b.rest; + } + var E = new u(); + return c(E, E.head, v), l(v, E, b, E.head, 0), h(E); + }, "tokenize"), + /** + * @namespace + * @memberof Prism + * @public + */ + hooks: { + all: {}, + /** + * Adds the given callback to the list of callbacks for the given hook. + * + * The callback will be invoked when the hook it is registered for is run. + * Hooks are usually directly run by a highlight function but you can also run hooks yourself. + * + * One callback function can be registered to multiple hooks and the same hook multiple times. + * + * @param {string} name The name of the hook. + * @param {HookCallback} callback The callback function which is given environment variables. + * @public + */ + add: /* @__PURE__ */ a(function(v, b) { + var w = o.hooks.all; + w[v] = w[v] || [], w[v].push(b); + }, "add"), + /** + * Runs a hook invoking all registered callbacks with the given environment variables. + * + * Callbacks will be invoked synchronously and in the order in which they were registered. + * + * @param {string} name The name of the hook. + * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered. + * @public + */ + run: /* @__PURE__ */ a(function(v, b) { + var w = o.hooks.all[v]; + if (!(!w || !w.length)) + for (var y = 0, E; E = w[y++]; ) + E(b); + }, "run") + }, + Token: i + }; + e.Prism = o; + function i(v, b, w, y) { + this.type = v, this.content = b, this.alias = w, this.length = (y || "").length | 0; + } + a(i, "Token"), i.stringify = /* @__PURE__ */ a(function v(b, w) { + if (typeof b == "string") + return b; + if (Array.isArray(b)) { + var y = ""; + return b.forEach(function(R) { + y += v(R, w); + }), y; + } + var E = { + type: b.type, + content: v(b.content, w), + tag: "span", + classes: ["token", b.type], + attributes: {}, + language: w + }, x = b.alias; + x && (Array.isArray(x) ? Array.prototype.push.apply(E.classes, x) : E.classes.push(x)), o.hooks.run("wrap", E); + var C = ""; + for (var D in E.attributes) + C += " " + D + '="' + (E.attributes[D] || "").replace(/"/g, """) + '"'; + return "<" + E.tag + ' class="' + E.classes.join(" ") + '"' + C + ">" + E.content + "</" + E.tag + ">"; + }, "stringify"); + function s(v, b, w, y) { + v.lastIndex = b; + var E = v.exec(w); + if (E && y && E[1]) { + var x = E[1].length; + E.index += x, E[0] = E[0].slice(x); + } + return E; + } + a(s, "matchPattern"); + function l(v, b, w, y, E, x) { + for (var C in w) + if (!(!w.hasOwnProperty(C) || !w[C])) { + var D = w[C]; + D = Array.isArray(D) ? D : [D]; + for (var R = 0; R < D.length; ++R) { + if (x && x.cause == C + "," + R) + return; + var A = D[R], _ = A.inside, P = !!A.lookbehind, B = !!A.greedy, z = A.alias; + if (B && !A.pattern.global) { + var $ = A.pattern.toString().match(/[imsuy]*$/)[0]; + A.pattern = RegExp(A.pattern.source, $ + "g"); + } + for (var W = A.pattern || A, N = y.next, L = E; N !== b.tail && !(x && L >= x.reach); L += N.value.length, N = N.next) { + var G = N.value; + if (b.length > v.length) + return; + if (!(G instanceof i)) { + var re = 1, Q; + if (B) { + if (Q = s(W, L, v, P), !Q || Q.index >= v.length) + break; + var Xe = Q.index, le = Q.index + Q[0].length, ee = L; + for (ee += N.value.length; Xe >= ee; ) + N = N.next, ee += N.value.length; + if (ee -= N.value.length, L = ee, N.value instanceof i) + continue; + for (var de = N; de !== b.tail && (ee < le || typeof de.value == "string"); de = de.next) + re++, ee += de.value.length; + re--, G = v.slice(L, ee), Q.index -= L; + } else if (Q = s(W, 0, G, P), !Q) + continue; + var Xe = Q.index, Se = Q[0], Fe = G.slice(0, Xe), Ue = G.slice(Xe + Se.length), nt = L + G.length; + x && nt > x.reach && (x.reach = nt); + var tr = N.prev; + Fe && (tr = c(b, tr, Fe), L += Fe.length), p(b, tr, re); + var sc = new i(C, _ ? o.tokenize(Se, _) : Se, z, Se); + if (N = c(b, tr, sc), Ue && c(b, N, Ue), re > 1) { + var lc = { + cause: C + "," + R, + reach: nt + }; + l(v, b, w, N.prev, L, lc), x && lc.reach > x.reach && (x.reach = lc.reach); + } + } + } + } + } + } + a(l, "matchGrammar"); + function u() { + var v = { value: null, prev: null, next: null }, b = { value: null, prev: v, next: null }; + v.next = b, this.head = v, this.tail = b, this.length = 0; + } + a(u, "LinkedList"); + function c(v, b, w) { + var y = b.next, E = { value: w, prev: b, next: y }; + return b.next = E, y.prev = E, v.length++, E; + } + a(c, "addAfter"); + function p(v, b, w) { + for (var y = b.next, E = 0; E < w && y !== v.tail; E++) + y = y.next; + b.next = y, y.prev = b, v.length -= E; + } + a(p, "removeRange"); + function h(v) { + for (var b = [], w = v.head.next; w !== v.tail; ) + b.push(w.value), w = w.next; + return b; + } + if (a(h, "toArray"), !e.document) + return e.addEventListener && (o.disableWorkerMessageHandler || e.addEventListener("message", function(v) { + var b = JSON.parse(v.data), w = b.language, y = b.code, E = b.immediateClose; + e.postMessage(o.highlight(y, o.languages[w], w)), E && e.close(); + }, !1)), o; + var m = o.util.currentScript(); + m && (o.filename = m.src, m.hasAttribute("data-manual") && (o.manual = !0)); + function g() { + o.manual || o.highlightAll(); + } + if (a(g, "highlightAutomaticallyCallback"), !o.manual) { + var S = document.readyState; + S === "loading" || S === "interactive" && m && m.defer ? document.addEventListener("DOMContentLoaded", g) : window.requestAnimationFrame ? + window.requestAnimationFrame(g) : window.setTimeout(g, 16); + } + return o; + }(Xq); + typeof P1 < "u" && P1.exports && (P1.exports = RR); + typeof global < "u" && (global.Prism = RR); +}); + +// ../node_modules/refractor/lang/markup.js +var Yy = F((Bve, _R) => { + "use strict"; + _R.exports = Gy; + Gy.displayName = "markup"; + Gy.aliases = ["html", "mathml", "svg", "xml", "ssml", "atom", "rss"]; + function Gy(e) { + e.languages.markup = { + comment: { + pattern: /<!--(?:(?!<!--)[\s\S])*?-->/, + greedy: !0 + }, + prolog: { + pattern: /<\?[\s\S]+?\?>/, + greedy: !0 + }, + doctype: { + // https://www.w3.org/TR/xml/#NT-doctypedecl + pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i, + greedy: !0, + inside: { + "internal-subset": { + pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/, + lookbehind: !0, + greedy: !0, + inside: null + // see below + }, + string: { + pattern: /"[^"]*"|'[^']*'/, + greedy: !0 + }, + punctuation: /^<!|>$|[[\]]/, + "doctype-tag": /^DOCTYPE/i, + name: /[^\s<>'"]+/ + } + }, + cdata: { + pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i, + greedy: !0 + }, + tag: { + pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/, + greedy: !0, + inside: { + tag: { + pattern: /^<\/?[^\s>\/]+/, + inside: { + punctuation: /^<\/?/, + namespace: /^[^\s>\/:]+:/ + } + }, + "special-attr": [], + "attr-value": { + pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/, + inside: { + punctuation: [ + { + pattern: /^=/, + alias: "attr-equals" + }, + /"|'/ + ] + } + }, + punctuation: /\/?>/, + "attr-name": { + pattern: /[^\s>\/]+/, + inside: { + namespace: /^[^\s>\/:]+:/ + } + } + } + }, + entity: [ + { + pattern: /&[\da-z]{1,8};/i, + alias: "named-entity" + }, + /&#x?[\da-f]{1,8};/i + ] + }, e.languages.markup.tag.inside["attr-value"].inside.entity = e.languages.markup.entity, e.languages.markup.doctype.inside["internal-su\ +bset"].inside = e.languages.markup, e.hooks.add("wrap", function(t) { + t.type === "entity" && (t.attributes.title = t.content.value.replace(/&/, "&")); + }), Object.defineProperty(e.languages.markup.tag, "addInlined", { + /** + * Adds an inlined language to markup. + * + * An example of an inlined language is CSS with `<style>` tags. + * + * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as + * case insensitive. + * @param {string} lang The language key. + * @example + * addInlined('style', 'css'); + */ + value: /* @__PURE__ */ a(function(r, n) { + var o = {}; + o["language-" + n] = { + pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i, + lookbehind: !0, + inside: e.languages[n] + }, o.cdata = /^<!\[CDATA\[|\]\]>$/i; + var i = { + "included-cdata": { + pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i, + inside: o + } + }; + i["language-" + n] = { + pattern: /[\s\S]+/, + inside: e.languages[n] + }; + var s = {}; + s[r] = { + pattern: RegExp( + /(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace( + /__/g, + function() { + return r; + } + ), + "i" + ), + lookbehind: !0, + greedy: !0, + inside: i + }, e.languages.insertBefore("markup", "cdata", s); + }, "addInlined") + }), Object.defineProperty(e.languages.markup.tag, "addAttribute", { + /** + * Adds an pattern to highlight languages embedded in HTML attributes. + * + * An example of an inlined language is CSS with `style` attributes. + * + * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as + * case insensitive. + * @param {string} lang The language key. + * @example + * addAttribute('style', 'css'); + */ + value: /* @__PURE__ */ a(function(t, r) { + e.languages.markup.tag.inside["special-attr"].push({ + pattern: RegExp( + /(^|["'\s])/.source + "(?:" + t + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source, + "i" + ), + lookbehind: !0, + inside: { + "attr-name": /^[^\s=]+/, + "attr-value": { + pattern: /=[\s\S]+/, + inside: { + value: { + pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/, + lookbehind: !0, + alias: [r, "language-" + r], + inside: e.languages[r] + }, + punctuation: [ + { + pattern: /^=/, + alias: "attr-equals" + }, + /"|'/ + ] + } + } + } + }); + }, "value") + }), e.languages.html = e.languages.markup, e.languages.mathml = e.languages.markup, e.languages.svg = e.languages.markup, e.languages.xml = + e.languages.extend("markup", {}), e.languages.ssml = e.languages.xml, e.languages.atom = e.languages.xml, e.languages.rss = e.languages. + xml; + } + a(Gy, "markup"); +}); + +// ../node_modules/refractor/lang/css.js +var Xy = F((zve, TR) => { + "use strict"; + TR.exports = Ky; + Ky.displayName = "css"; + Ky.aliases = []; + function Ky(e) { + (function(t) { + var r = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/; + t.languages.css = { + comment: /\/\*[\s\S]*?\*\//, + atrule: { + pattern: /@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/, + inside: { + rule: /^@[\w-]+/, + "selector-function-argument": { + pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/, + lookbehind: !0, + alias: "selector" + }, + keyword: { + pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/, + lookbehind: !0 + } + // See rest below + } + }, + url: { + // https://drafts.csswg.org/css-values-3/#urls + pattern: RegExp( + "\\burl\\((?:" + r.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", + "i" + ), + greedy: !0, + inside: { + function: /^url/i, + punctuation: /^\(|\)$/, + string: { + pattern: RegExp("^" + r.source + "$"), + alias: "url" + } + } + }, + selector: { + pattern: RegExp( + `(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + r.source + ")*(?=\\s*\\{)" + ), + lookbehind: !0 + }, + string: { + pattern: r, + greedy: !0 + }, + property: { + pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i, + lookbehind: !0 + }, + important: /!important\b/i, + function: { + pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i, + lookbehind: !0 + }, + punctuation: /[(){};:,]/ + }, t.languages.css.atrule.inside.rest = t.languages.css; + var n = t.languages.markup; + n && (n.tag.addInlined("style", "css"), n.tag.addAttribute("style", "css")); + })(e); + } + a(Ky, "css"); +}); + +// ../node_modules/refractor/lang/clike.js +var IR = F((jve, kR) => { + "use strict"; + kR.exports = Qy; + Qy.displayName = "clike"; + Qy.aliases = []; + function Qy(e) { + e.languages.clike = { + comment: [ + { + pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/, + lookbehind: !0, + greedy: !0 + }, + { + pattern: /(^|[^\\:])\/\/.*/, + lookbehind: !0, + greedy: !0 + } + ], + string: { + pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/, + greedy: !0 + }, + "class-name": { + pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i, + lookbehind: !0, + inside: { + punctuation: /[.\\]/ + } + }, + keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/, + boolean: /\b(?:false|true)\b/, + function: /\b\w+(?=\()/, + number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i, + operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/, + punctuation: /[{}[\];(),.:]/ + }; + } + a(Qy, "clike"); +}); + +// ../node_modules/refractor/lang/javascript.js +var FR = F((Uve, PR) => { + "use strict"; + PR.exports = Jy; + Jy.displayName = "javascript"; + Jy.aliases = ["js"]; + function Jy(e) { + e.languages.javascript = e.languages.extend("clike", { + "class-name": [ + e.languages.clike["class-name"], + { + pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/, + lookbehind: !0 + } + ], + keyword: [ + { + pattern: /((?:^|\})\s*)catch\b/, + lookbehind: !0 + }, + { + pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/, + lookbehind: !0 + } + ], + // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444) + function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/, + number: { + pattern: RegExp( + /(^|[^\w$])/.source + "(?:" + // constant + (/NaN|Infinity/.source + "|" + // binary integer + /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer + /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer + /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint + /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint + /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source + ), + lookbehind: !0 + }, + operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/ + }), e.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/, e.languages. + insertBefore("javascript", "keyword", { + regex: { + // eslint-disable-next-line regexp/no-dupe-characters-character-class + pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/, + lookbehind: !0, + greedy: !0, + inside: { + "regex-source": { + pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/, + lookbehind: !0, + alias: "language-regex", + inside: e.languages.regex + }, + "regex-delimiter": /^\/|\/$/, + "regex-flags": /^[a-z]+$/ + } + }, + // This must be declared before keyword because we use "function" inside the look-forward + "function-variable": { + pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/, + alias: "function" + }, + parameter: [ + { + pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/, + lookbehind: !0, + inside: e.languages.javascript + }, + { + pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i, + lookbehind: !0, + inside: e.languages.javascript + }, + { + pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/, + lookbehind: !0, + inside: e.languages.javascript + }, + { + pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/, + lookbehind: !0, + inside: e.languages.javascript + } + ], + constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/ + }), e.languages.insertBefore("javascript", "string", { + hashbang: { + pattern: /^#!.*/, + greedy: !0, + alias: "comment" + }, + "template-string": { + pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/, + greedy: !0, + inside: { + "template-punctuation": { + pattern: /^`|`$/, + alias: "string" + }, + interpolation: { + pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/, + lookbehind: !0, + inside: { + "interpolation-punctuation": { + pattern: /^\$\{|\}$/, + alias: "punctuation" + }, + rest: e.languages.javascript + } + }, + string: /[\s\S]+/ + } + }, + "string-property": { + pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m, + lookbehind: !0, + greedy: !0, + alias: "property" + } + }), e.languages.insertBefore("javascript", "operator", { + "literal-property": { + pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m, + lookbehind: !0, + alias: "property" + } + }), e.languages.markup && (e.languages.markup.tag.addInlined("script", "javascript"), e.languages.markup.tag.addAttribute( + /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/. + source, + "javascript" + )), e.languages.js = e.languages.javascript; + } + a(Jy, "javascript"); +}); + +// ../node_modules/refractor/core.js +var MR = F((qve, NR) => { + "use strict"; + var Mp = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == + "object" ? global : {}, Qq = fG(); + Mp.Prism = { manual: !0, disableWorkerMessageHandler: !0 }; + var Jq = eR(), Zq = DR(), OR = AR(), eG = Yy(), tG = Xy(), rG = IR(), nG = FR(); + Qq(); + var Zy = {}.hasOwnProperty; + function LR() { + } + a(LR, "Refractor"); + LR.prototype = OR; + var Ze = new LR(); + NR.exports = Ze; + Ze.highlight = aG; + Ze.register = Bp; + Ze.alias = oG; + Ze.registered = iG; + Ze.listLanguages = sG; + Bp(eG); + Bp(tG); + Bp(rG); + Bp(nG); + Ze.util.encode = cG; + Ze.Token.stringify = lG; + function Bp(e) { + if (typeof e != "function" || !e.displayName) + throw new Error("Expected `function` for `grammar`, got `" + e + "`"); + Ze.languages[e.displayName] === void 0 && e(Ze); + } + a(Bp, "register"); + function oG(e, t) { + var r = Ze.languages, n = e, o, i, s, l; + t && (n = {}, n[e] = t); + for (o in n) + for (i = n[o], i = typeof i == "string" ? [i] : i, s = i.length, l = -1; ++l < s; ) + r[i[l]] = r[o]; + } + a(oG, "alias"); + function aG(e, t) { + var r = OR.highlight, n; + if (typeof e != "string") + throw new Error("Expected `string` for `value`, got `" + e + "`"); + if (Ze.util.type(t) === "Object") + n = t, t = null; + else { + if (typeof t != "string") + throw new Error("Expected `string` for `name`, got `" + t + "`"); + if (Zy.call(Ze.languages, t)) + n = Ze.languages[t]; + else + throw new Error("Unknown language: `" + t + "` is not registered"); + } + return r.call(this, e, n, t); + } + a(aG, "highlight"); + function iG(e) { + if (typeof e != "string") + throw new Error("Expected `string` for `language`, got `" + e + "`"); + return Zy.call(Ze.languages, e); + } + a(iG, "registered"); + function sG() { + var e = Ze.languages, t = [], r; + for (r in e) + Zy.call(e, r) && typeof e[r] == "object" && t.push(r); + return t; + } + a(sG, "listLanguages"); + function lG(e, t, r) { + var n; + return typeof e == "string" ? { type: "text", value: e } : Ze.util.type(e) === "Array" ? uG(e, t) : (n = { + type: e.type, + content: Ze.Token.stringify(e.content, t, r), + tag: "span", + classes: ["token", e.type], + attributes: {}, + language: t, + parent: r + }, e.alias && (n.classes = n.classes.concat(e.alias)), Ze.hooks.run("wrap", n), Jq( + n.tag + "." + n.classes.join("."), + pG(n.attributes), + n.content + )); + } + a(lG, "stringify"); + function uG(e, t) { + for (var r = [], n = e.length, o = -1, i; ++o < n; ) + i = e[o], i !== "" && i !== null && i !== void 0 && r.push(i); + for (o = -1, n = r.length; ++o < n; ) + i = r[o], r[o] = Ze.Token.stringify(i, t, r); + return r; + } + a(uG, "stringifyAll"); + function cG(e) { + return e; + } + a(cG, "encode"); + function pG(e) { + var t; + for (t in e) + e[t] = Zq(e[t]); + return e; + } + a(pG, "attributes"); + function fG() { + var e = "Prism" in Mp, t = e ? Mp.Prism : void 0; + return r; + function r() { + e ? Mp.Prism = t : delete Mp.Prism, e = void 0, t = void 0; + } + } + a(fG, "capture"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/prism-light.js +var F1, e3, O1, BR = T(() => { + eD(); + F1 = I(MR()), e3 = ky(F1.default, {}); + e3.registerLanguage = function(e, t) { + return F1.default.register(t); + }; + e3.alias = function(e, t) { + return F1.default.alias(e, t); + }; + O1 = e3; +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/index.js +var $R = T(() => { + Ty(); +}); + +// ../node_modules/refractor/lang/bash.js +var HR = F((Jve, zR) => { + "use strict"; + zR.exports = t3; + t3.displayName = "bash"; + t3.aliases = ["shell"]; + function t3(e) { + (function(t) { + var r = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE\ +|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|G\ +DMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HO\ +STTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHON\ +E|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OST\ +YPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS\ +|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRE\ +NT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_\ +SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", n = { + pattern: /(^(["']?)\w+\2)[ \t]+\S.*/, + lookbehind: !0, + alias: "punctuation", + // this looks reasonably well in all themes + inside: null + // see below + }, o = { + bash: n, + environment: { + pattern: RegExp("\\$" + r), + alias: "constant" + }, + variable: [ + // [0]: Arithmetic Environment + { + pattern: /\$?\(\([\s\S]+?\)\)/, + greedy: !0, + inside: { + // If there is a $ sign at the beginning highlight $(( and )) as variable + variable: [ + { + pattern: /(^\$\(\([\s\S]+)\)\)/, + lookbehind: !0 + }, + /^\$\(\(/ + ], + number: /\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/, + // Operators according to https://www.gnu.org/software/bash/manual/bashref.html#Shell-Arithmetic + operator: /--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/, + // If there is no $ sign at the beginning highlight (( and )) as punctuation + punctuation: /\(\(?|\)\)?|,|;/ + } + }, + // [1]: Command Substitution + { + pattern: /\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/, + greedy: !0, + inside: { + variable: /^\$\(|^`|\)$|`$/ + } + }, + // [2]: Brace expansion + { + pattern: /\$\{[^}]+\}/, + greedy: !0, + inside: { + operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/, + punctuation: /[\[\]]/, + environment: { + pattern: RegExp("(\\{)" + r), + lookbehind: !0, + alias: "constant" + } + } + }, + /\$(?:\w+|[#?*!@$])/ + ], + // Escape sequences from echo and printf's manuals, and escaped quotes. + entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/ + }; + t.languages.bash = { + shebang: { + pattern: /^#!\s*\/.*/, + alias: "important" + }, + comment: { + pattern: /(^|[^"{\\$])#.*/, + lookbehind: !0 + }, + "function-name": [ + // a) function foo { + // b) foo() { + // c) function foo() { + // but not “foo {” + { + // a) and c) + pattern: /(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/, + lookbehind: !0, + alias: "function" + }, + { + // b) + pattern: /\b[\w-]+(?=\s*\(\s*\)\s*\{)/, + alias: "function" + } + ], + // Highlight variable names as variables in for and select beginnings. + "for-or-select": { + pattern: /(\b(?:for|select)\s+)\w+(?=\s+in\s)/, + alias: "variable", + lookbehind: !0 + }, + // Highlight variable names as variables in the left-hand part + // of assignments (“=” and “+=”). + "assign-left": { + pattern: /(^|[\s;|&]|[<>]\()\w+(?=\+?=)/, + inside: { + environment: { + pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + r), + lookbehind: !0, + alias: "constant" + } + }, + alias: "variable", + lookbehind: !0 + }, + string: [ + // Support for Here-documents https://en.wikipedia.org/wiki/Here_document + { + pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/, + lookbehind: !0, + greedy: !0, + inside: o + }, + // Here-document with quotes around the tag + // → No expansion (so no “inside”). + { + pattern: /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/, + lookbehind: !0, + greedy: !0, + inside: { + bash: n + } + }, + // “Normal” string + { + // https://www.gnu.org/software/bash/manual/html_node/Double-Quotes.html + pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/, + lookbehind: !0, + greedy: !0, + inside: o + }, + { + // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html + pattern: /(^|[^$\\])'[^']*'/, + lookbehind: !0, + greedy: !0 + }, + { + // https://www.gnu.org/software/bash/manual/html_node/ANSI_002dC-Quoting.html + pattern: /\$'(?:[^'\\]|\\[\s\S])*'/, + greedy: !0, + inside: { + entity: o.entity + } + } + ], + environment: { + pattern: RegExp("\\$?" + r), + alias: "constant" + }, + variable: o.variable, + function: { + pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/, + lookbehind: !0 + }, + keyword: { + pattern: /(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/, + lookbehind: !0 + }, + // https://www.gnu.org/software/bash/manual/html_node/Shell-Builtin-Commands.html + builtin: { + pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/, + lookbehind: !0, + // Alias added to make those easier to distinguish from strings. + alias: "class-name" + }, + boolean: { + pattern: /(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/, + lookbehind: !0 + }, + "file-descriptor": { + pattern: /\B&\d\b/, + alias: "important" + }, + operator: { + // Lots of redirections here, but not just that. + pattern: /\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/, + inside: { + "file-descriptor": { + pattern: /^\d/, + alias: "important" + } + } + }, + punctuation: /\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/, + number: { + pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/, + lookbehind: !0 + } + }, n.inside = t.languages.bash; + for (var i = [ + "comment", + "function-name", + "for-or-select", + "assign-left", + "string", + "environment", + "function", + "keyword", + "builtin", + "boolean", + "file-descriptor", + "operator", + "punctuation", + "number" + ], s = o.variable[1].inside, l = 0; l < i.length; l++) + s[i[l]] = t.languages.bash[i[l]]; + t.languages.shell = t.languages.bash; + })(e); + } + a(t3, "bash"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/bash.js +var jR, VR, UR = T(() => { + jR = I(HR()), VR = jR.default; +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/css.js +var WR, qR, GR = T(() => { + WR = I(Xy()), qR = WR.default; +}); + +// ../node_modules/refractor/lang/graphql.js +var KR = F((rye, YR) => { + "use strict"; + YR.exports = r3; + r3.displayName = "graphql"; + r3.aliases = []; + function r3(e) { + e.languages.graphql = { + comment: /#.*/, + description: { + pattern: /(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i, + greedy: !0, + alias: "string", + inside: { + "language-markdown": { + pattern: /(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/, + lookbehind: !0, + inside: e.languages.markdown + } + } + }, + string: { + pattern: /"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/, + greedy: !0 + }, + number: /(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i, + boolean: /\b(?:false|true)\b/, + variable: /\$[a-z_]\w*/i, + directive: { + pattern: /@[a-z_]\w*/i, + alias: "function" + }, + "attr-name": { + pattern: /\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i, + greedy: !0 + }, + "atom-input": { + pattern: /\b[A-Z]\w*Input\b/, + alias: "class-name" + }, + scalar: /\b(?:Boolean|Float|ID|Int|String)\b/, + constant: /\b[A-Z][A-Z_\d]*\b/, + "class-name": { + pattern: /(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/, + lookbehind: !0 + }, + fragment: { + pattern: /(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/, + lookbehind: !0, + alias: "function" + }, + "definition-mutation": { + pattern: /(\bmutation\s+)[a-zA-Z_]\w*/, + lookbehind: !0, + alias: "function" + }, + "definition-query": { + pattern: /(\bquery\s+)[a-zA-Z_]\w*/, + lookbehind: !0, + alias: "function" + }, + keyword: /\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/, + operator: /[!=|&]|\.{3}/, + "property-query": /\w+(?=\s*\()/, + object: /\w+(?=\s*\{)/, + punctuation: /[!(){}\[\]:=,]/, + property: /\w+/ + }, e.hooks.add("after-tokenize", /* @__PURE__ */ a(function(r) { + if (r.language !== "graphql") + return; + var n = r.tokens.filter(function(b) { + return typeof b != "string" && b.type !== "comment" && b.type !== "scalar"; + }), o = 0; + function i(b) { + return n[o + b]; + } + a(i, "getToken"); + function s(b, w) { + w = w || 0; + for (var y = 0; y < b.length; y++) { + var E = i(y + w); + if (!E || E.type !== b[y]) + return !1; + } + return !0; + } + a(s, "isTokenType"); + function l(b, w) { + for (var y = 1, E = o; E < n.length; E++) { + var x = n[E], C = x.content; + if (x.type === "punctuation" && typeof C == "string") { + if (b.test(C)) + y++; + else if (w.test(C) && (y--, y === 0)) + return E; + } + } + return -1; + } + a(l, "findClosingBracket"); + function u(b, w) { + var y = b.alias; + y ? Array.isArray(y) || (b.alias = y = [y]) : b.alias = y = [], y.push(w); + } + for (a(u, "addAlias"); o < n.length; ) { + var c = n[o++]; + if (c.type === "keyword" && c.content === "mutation") { + var p = []; + if (s(["definition-mutation", "punctuation"]) && i(1).content === "(") { + o += 2; + var h = l(/^\($/, /^\)$/); + if (h === -1) + continue; + for (; o < h; o++) { + var m = i(0); + m.type === "variable" && (u(m, "variable-input"), p.push(m.content)); + } + o = h + 1; + } + if (s(["punctuation", "property-query"]) && i(0).content === "{" && (o++, u(i(0), "property-mutation"), p.length > 0)) { + var g = l(/^\{$/, /^\}$/); + if (g === -1) + continue; + for (var S = o; S < g; S++) { + var v = n[S]; + v.type === "variable" && p.indexOf(v.content) >= 0 && u(v, "variable-input"); + } + } + } + } + }, "afterTokenizeGraphql")); + } + a(r3, "graphql"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/graphql.js +var XR, QR, JR = T(() => { + XR = I(KR()), QR = XR.default; +}); + +// ../node_modules/refractor/lang/js-extras.js +var eA = F((aye, ZR) => { + "use strict"; + ZR.exports = n3; + n3.displayName = "jsExtras"; + n3.aliases = []; + function n3(e) { + (function(t) { + t.languages.insertBefore("javascript", "function-variable", { + "method-variable": { + pattern: RegExp( + "(\\.\\s*)" + t.languages.javascript["function-variable"].pattern.source + ), + lookbehind: !0, + alias: ["function-variable", "method", "function", "property-access"] + } + }), t.languages.insertBefore("javascript", "function", { + method: { + pattern: RegExp( + "(\\.\\s*)" + t.languages.javascript.function.source + ), + lookbehind: !0, + alias: ["function", "property-access"] + } + }), t.languages.insertBefore("javascript", "constant", { + "known-class-name": [ + { + // standard built-ins + // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects + pattern: /\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/, + alias: "class-name" + }, + { + // errors + pattern: /\b(?:[A-Z]\w*)Error\b/, + alias: "class-name" + } + ] + }); + function r(u, c) { + return RegExp( + u.replace(/<ID>/g, function() { + return /(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source; + }), + c + ); + } + a(r, "withId"), t.languages.insertBefore("javascript", "keyword", { + imports: { + // https://tc39.es/ecma262/#sec-imports + pattern: r( + /(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source + ), + lookbehind: !0, + inside: t.languages.javascript + }, + exports: { + // https://tc39.es/ecma262/#sec-exports + pattern: r( + /(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source + ), + lookbehind: !0, + inside: t.languages.javascript + } + }), t.languages.javascript.keyword.unshift( + { + pattern: /\b(?:as|default|export|from|import)\b/, + alias: "module" + }, + { + pattern: /\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/, + alias: "control-flow" + }, + { + pattern: /\bnull\b/, + alias: ["null", "nil"] + }, + { + pattern: /\bundefined\b/, + alias: "nil" + } + ), t.languages.insertBefore("javascript", "operator", { + spread: { + pattern: /\.{3}/, + alias: "operator" + }, + arrow: { + pattern: /=>/, + alias: "operator" + } + }), t.languages.insertBefore("javascript", "punctuation", { + "property-access": { + pattern: r(/(\.\s*)#?<ID>/.source), + lookbehind: !0 + }, + "maybe-class-name": { + pattern: /(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/, + lookbehind: !0 + }, + dom: { + // this contains only a few commonly used DOM variables + pattern: /\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/, + alias: "variable" + }, + console: { + pattern: /\bconsole(?=\s*\.)/, + alias: "class-name" + } + }); + for (var n = [ + "function", + "function-variable", + "method", + "method-variable", + "property-access" + ], o = 0; o < n.length; o++) { + var i = n[o], s = t.languages.javascript[i]; + t.util.type(s) === "RegExp" && (s = t.languages.javascript[i] = { + pattern: s + }); + var l = s.inside || {}; + s.inside = l, l["maybe-class-name"] = /^[A-Z][\s\S]*/; + } + })(e); + } + a(n3, "jsExtras"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/js-extras.js +var tA, rA, nA = T(() => { + tA = I(eA()), rA = tA.default; +}); + +// ../node_modules/refractor/lang/json.js +var aA = F((lye, oA) => { + "use strict"; + oA.exports = o3; + o3.displayName = "json"; + o3.aliases = ["webmanifest"]; + function o3(e) { + e.languages.json = { + property: { + pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/, + lookbehind: !0, + greedy: !0 + }, + string: { + pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/, + lookbehind: !0, + greedy: !0 + }, + comment: { + pattern: /\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/, + greedy: !0 + }, + number: /-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i, + punctuation: /[{}[\],]/, + operator: /:/, + boolean: /\b(?:false|true)\b/, + null: { + pattern: /\bnull\b/, + alias: "keyword" + } + }, e.languages.webmanifest = e.languages.json; + } + a(o3, "json"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/json.js +var iA, sA, lA = T(() => { + iA = I(aA()), sA = iA.default; +}); + +// ../node_modules/refractor/lang/jsx.js +var i3 = F((pye, uA) => { + "use strict"; + uA.exports = a3; + a3.displayName = "jsx"; + a3.aliases = []; + function a3(e) { + (function(t) { + var r = t.util.clone(t.languages.javascript), n = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source, o = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/. + source, i = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source; + function s(c, p) { + return c = c.replace(/<S>/g, function() { + return n; + }).replace(/<BRACES>/g, function() { + return o; + }).replace(/<SPREAD>/g, function() { + return i; + }), RegExp(c, p); + } + a(s, "re"), i = s(i).source, t.languages.jsx = t.languages.extend("markup", r), t.languages.jsx.tag.pattern = s( + /<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/. + source + ), t.languages.jsx.tag.inside.tag.pattern = /^<\/?[^\s>\/]*/, t.languages.jsx.tag.inside["attr-value"].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/, + t.languages.jsx.tag.inside.tag.inside["class-name"] = /^[A-Z]\w*(?:\.[A-Z]\w*)*$/, t.languages.jsx.tag.inside.comment = r.comment, t.languages. + insertBefore( + "inside", + "attr-name", + { + spread: { + pattern: s(/<SPREAD>/.source), + inside: t.languages.jsx + } + }, + t.languages.jsx.tag + ), t.languages.insertBefore( + "inside", + "special-attr", + { + script: { + // Allow for two levels of nesting + pattern: s(/=<BRACES>/.source), + alias: "language-javascript", + inside: { + "script-punctuation": { + pattern: /^=(?=\{)/, + alias: "punctuation" + }, + rest: t.languages.jsx + } + } + }, + t.languages.jsx.tag + ); + var l = /* @__PURE__ */ a(function(c) { + return c ? typeof c == "string" ? c : typeof c.content == "string" ? c.content : c.content.map(l).join("") : ""; + }, "stringifyToken"), u = /* @__PURE__ */ a(function(c) { + for (var p = [], h = 0; h < c.length; h++) { + var m = c[h], g = !1; + if (typeof m != "string" && (m.type === "tag" && m.content[0] && m.content[0].type === "tag" ? m.content[0].content[0].content === + "</" ? p.length > 0 && p[p.length - 1].tagName === l(m.content[0].content[1]) && p.pop() : m.content[m.content.length - 1].content === + "/>" || p.push({ + tagName: l(m.content[0].content[1]), + openedBraces: 0 + }) : p.length > 0 && m.type === "punctuation" && m.content === "{" ? p[p.length - 1].openedBraces++ : p.length > 0 && p[p.length - + 1].openedBraces > 0 && m.type === "punctuation" && m.content === "}" ? p[p.length - 1].openedBraces-- : g = !0), (g || typeof m == + "string") && p.length > 0 && p[p.length - 1].openedBraces === 0) { + var S = l(m); + h < c.length - 1 && (typeof c[h + 1] == "string" || c[h + 1].type === "plain-text") && (S += l(c[h + 1]), c.splice(h + 1, 1)), h > + 0 && (typeof c[h - 1] == "string" || c[h - 1].type === "plain-text") && (S = l(c[h - 1]) + S, c.splice(h - 1, 1), h--), c[h] = new t. + Token( + "plain-text", + S, + null, + S + ); + } + m.content && typeof m.content != "string" && u(m.content); + } + }, "walkTokens"); + t.hooks.add("after-tokenize", function(c) { + c.language !== "jsx" && c.language !== "tsx" || u(c.tokens); + }); + })(e); + } + a(a3, "jsx"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/jsx.js +var cA, pA, fA = T(() => { + cA = I(i3()), pA = cA.default; +}); + +// ../node_modules/refractor/lang/markdown.js +var hA = F((hye, dA) => { + "use strict"; + dA.exports = s3; + s3.displayName = "markdown"; + s3.aliases = ["md"]; + function s3(e) { + (function(t) { + var r = /(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source; + function n(h) { + return h = h.replace(/<inner>/g, function() { + return r; + }), RegExp(/((?:^|[^\\])(?:\\{2})*)/.source + "(?:" + h + ")"); + } + a(n, "createInline"); + var o = /(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source, i = /\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source. + replace( + /__/g, + function() { + return o; + } + ), s = /\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source; + t.languages.markdown = t.languages.extend("markup", {}), t.languages.insertBefore("markdown", "prolog", { + "front-matter-block": { + pattern: /(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/, + lookbehind: !0, + greedy: !0, + inside: { + punctuation: /^---|---$/, + "front-matter": { + pattern: /\S+(?:\s+\S+)*/, + alias: ["yaml", "language-yaml"], + inside: t.languages.yaml + } + } + }, + blockquote: { + // > ... + pattern: /^>(?:[\t ]*>)*/m, + alias: "punctuation" + }, + table: { + pattern: RegExp( + "^" + i + s + "(?:" + i + ")*", + "m" + ), + inside: { + "table-data-rows": { + pattern: RegExp( + "^(" + i + s + ")(?:" + i + ")*$" + ), + lookbehind: !0, + inside: { + "table-data": { + pattern: RegExp(o), + inside: t.languages.markdown + }, + punctuation: /\|/ + } + }, + "table-line": { + pattern: RegExp("^(" + i + ")" + s + "$"), + lookbehind: !0, + inside: { + punctuation: /\||:?-{3,}:?/ + } + }, + "table-header-row": { + pattern: RegExp("^" + i + "$"), + inside: { + "table-header": { + pattern: RegExp(o), + alias: "important", + inside: t.languages.markdown + }, + punctuation: /\|/ + } + } + } + }, + code: [ + { + // Prefixed by 4 spaces or 1 tab and preceded by an empty line + pattern: /((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/, + lookbehind: !0, + alias: "keyword" + }, + { + // ```optional language + // code block + // ``` + pattern: /^```[\s\S]*?^```$/m, + greedy: !0, + inside: { + "code-block": { + pattern: /^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m, + lookbehind: !0 + }, + "code-language": { + pattern: /^(```).+/, + lookbehind: !0 + }, + punctuation: /```/ + } + } + ], + title: [ + { + // title 1 + // ======= + // title 2 + // ------- + pattern: /\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m, + alias: "important", + inside: { + punctuation: /==+$|--+$/ + } + }, + { + // # title 1 + // ###### title 6 + pattern: /(^\s*)#.+/m, + lookbehind: !0, + alias: "important", + inside: { + punctuation: /^#+|#+$/ + } + } + ], + hr: { + // *** + // --- + // * * * + // ----------- + pattern: /(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m, + lookbehind: !0, + alias: "punctuation" + }, + list: { + // * item + // + item + // - item + // 1. item + pattern: /(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m, + lookbehind: !0, + alias: "punctuation" + }, + "url-reference": { + // [id]: http://example.com "Optional title" + // [id]: http://example.com 'Optional title' + // [id]: http://example.com (Optional title) + // [id]: <http://example.com> "Optional title" + pattern: /!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/, + inside: { + variable: { + pattern: /^(!?\[)[^\]]+/, + lookbehind: !0 + }, + string: /(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/, + punctuation: /^[\[\]!:]|[<>]/ + }, + alias: "url" + }, + bold: { + // **strong** + // __strong__ + // allow one nested instance of italic text using the same delimiter + pattern: n( + /\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source + ), + lookbehind: !0, + greedy: !0, + inside: { + content: { + pattern: /(^..)[\s\S]+(?=..$)/, + lookbehind: !0, + inside: {} + // see below + }, + punctuation: /\*\*|__/ + } + }, + italic: { + // *em* + // _em_ + // allow one nested instance of bold text using the same delimiter + pattern: n( + /\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source + ), + lookbehind: !0, + greedy: !0, + inside: { + content: { + pattern: /(^.)[\s\S]+(?=.$)/, + lookbehind: !0, + inside: {} + // see below + }, + punctuation: /[*_]/ + } + }, + strike: { + // ~~strike through~~ + // ~strike~ + // eslint-disable-next-line regexp/strict + pattern: n(/(~~?)(?:(?!~)<inner>)+\2/.source), + lookbehind: !0, + greedy: !0, + inside: { + content: { + pattern: /(^~~?)[\s\S]+(?=\1$)/, + lookbehind: !0, + inside: {} + // see below + }, + punctuation: /~~?/ + } + }, + "code-snippet": { + // `code` + // ``code`` + pattern: /(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/, + lookbehind: !0, + greedy: !0, + alias: ["code", "keyword"] + }, + url: { + // [example](http://example.com "Optional title") + // [example][id] + // [example] [id] + pattern: n( + /!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source + ), + lookbehind: !0, + greedy: !0, + inside: { + operator: /^!/, + content: { + pattern: /(^\[)[^\]]+(?=\])/, + lookbehind: !0, + inside: {} + // see below + }, + variable: { + pattern: /(^\][ \t]?\[)[^\]]+(?=\]$)/, + lookbehind: !0 + }, + url: { + pattern: /(^\]\()[^\s)]+/, + lookbehind: !0 + }, + string: { + pattern: /(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/, + lookbehind: !0 + } + } + } + }), ["url", "bold", "italic", "strike"].forEach(function(h) { + ["url", "bold", "italic", "strike", "code-snippet"].forEach(function(m) { + h !== m && (t.languages.markdown[h].inside.content.inside[m] = t.languages.markdown[m]); + }); + }), t.hooks.add("after-tokenize", function(h) { + if (h.language !== "markdown" && h.language !== "md") + return; + function m(g) { + if (!(!g || typeof g == "string")) + for (var S = 0, v = g.length; S < v; S++) { + var b = g[S]; + if (b.type !== "code") { + m(b.content); + continue; + } + var w = b.content[1], y = b.content[3]; + if (w && y && w.type === "code-language" && y.type === "code-block" && typeof w.content == "string") { + var E = w.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp"); + E = (/[a-z][\w-]*/i.exec(E) || [""])[0].toLowerCase(); + var x = "language-" + E; + y.alias ? typeof y.alias == "string" ? y.alias = [y.alias, x] : y.alias.push(x) : y.alias = [x]; + } + } + } + a(m, "walkTokens"), m(h.tokens); + }), t.hooks.add("wrap", function(h) { + if (h.type === "code-block") { + for (var m = "", g = 0, S = h.classes.length; g < S; g++) { + var v = h.classes[g], b = /language-(.+)/.exec(v); + if (b) { + m = b[1]; + break; + } + } + var w = t.languages[m]; + if (w) + h.content = t.highlight( + p(h.content.value), + w, + m + ); + else if (m && m !== "none" && t.plugins.autoloader) { + var y = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16); + h.attributes.id = y, t.plugins.autoloader.loadLanguages(m, function() { + var E = document.getElementById(y); + E && (E.innerHTML = t.highlight( + E.textContent, + t.languages[m], + m + )); + }); + } + } + }); + var l = RegExp(t.languages.markup.tag.pattern.source, "gi"), u = { + amp: "&", + lt: "<", + gt: ">", + quot: '"' + }, c = String.fromCodePoint || String.fromCharCode; + function p(h) { + var m = h.replace(l, ""); + return m = m.replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi, function(g, S) { + if (S = S.toLowerCase(), S[0] === "#") { + var v; + return S[1] === "x" ? v = parseInt(S.slice(2), 16) : v = Number(S.slice(1)), c(v); + } else { + var b = u[S]; + return b || g; + } + }), m; + } + a(p, "textContent"), t.languages.md = t.languages.markdown; + })(e); + } + a(s3, "markdown"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/markdown.js +var mA, gA, vA = T(() => { + mA = I(hA()), gA = mA.default; +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/markup.js +var yA, wA, bA = T(() => { + yA = I(Yy()), wA = yA.default; +}); + +// ../node_modules/refractor/lang/typescript.js +var u3 = F((yye, SA) => { + "use strict"; + SA.exports = l3; + l3.displayName = "typescript"; + l3.aliases = ["ts"]; + function l3(e) { + (function(t) { + t.languages.typescript = t.languages.extend("javascript", { + "class-name": { + pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/, + lookbehind: !0, + greedy: !0, + inside: null + // see below + }, + builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/ + }), t.languages.typescript.keyword.push( + /\b(?:abstract|declare|is|keyof|readonly|require)\b/, + // keywords that have to be followed by an identifier + /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/, + // This is for `import type *, {}` + /\btype\b(?=\s*(?:[\{*]|$))/ + ), delete t.languages.typescript.parameter, delete t.languages.typescript["literal-property"]; + var r = t.languages.extend("typescript", {}); + delete r["class-name"], t.languages.typescript["class-name"].inside = r, t.languages.insertBefore("typescript", "function", { + decorator: { + pattern: /@[$\w\xA0-\uFFFF]+/, + inside: { + at: { + pattern: /^@/, + alias: "operator" + }, + function: /^[\s\S]+/ + } + }, + "generic-function": { + // e.g. foo<T extends "bar" | "baz">( ... + pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/, + greedy: !0, + inside: { + function: /^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/, + generic: { + pattern: /<[\s\S]+/, + // everything after the first < + alias: "class-name", + inside: r + } + } + } + }), t.languages.ts = t.languages.typescript; + })(e); + } + a(l3, "typescript"); +}); + +// ../node_modules/refractor/lang/tsx.js +var xA = F((bye, EA) => { + "use strict"; + var dG = i3(), hG = u3(); + EA.exports = c3; + c3.displayName = "tsx"; + c3.aliases = []; + function c3(e) { + e.register(dG), e.register(hG), function(t) { + var r = t.util.clone(t.languages.typescript); + t.languages.tsx = t.languages.extend("jsx", r), delete t.languages.tsx.parameter, delete t.languages.tsx["literal-property"]; + var n = t.languages.tsx.tag; + n.pattern = RegExp( + /(^|[^\w$]|(?=<\/))/.source + "(?:" + n.pattern.source + ")", + n.pattern.flags + ), n.lookbehind = !0; + }(e); + } + a(c3, "tsx"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/tsx.js +var CA, DA, RA = T(() => { + CA = I(xA()), DA = CA.default; +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/typescript.js +var AA, _A, TA = T(() => { + AA = I(u3()), _A = AA.default; +}); + +// ../node_modules/refractor/lang/yaml.js +var IA = F((Cye, kA) => { + "use strict"; + kA.exports = p3; + p3.displayName = "yaml"; + p3.aliases = ["yml"]; + function p3(e) { + (function(t) { + var r = /[*&][^\s[\]{},]+/, n = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, o = "(?:" + n.source + + "(?:[ ]+" + r.source + ")?|" + r.source + "(?:[ ]+" + n.source + ")?)", i = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/. + source.replace( + /<PLAIN>/g, + function() { + return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source; + } + ), s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source; + function l(u, c) { + c = (c || "").replace(/m/g, "") + "m"; + var p = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() { + return o; + }).replace(/<<value>>/g, function() { + return u; + }); + return RegExp(p, c); + } + a(l, "createValuePattern"), t.languages.yaml = { + scalar: { + pattern: RegExp( + /([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace( + /<<prop>>/g, + function() { + return o; + } + ) + ), + lookbehind: !0, + alias: "string" + }, + comment: /#.*/, + key: { + pattern: RegExp( + /((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, function() { + return o; + }).replace(/<<key>>/g, function() { + return "(?:" + i + "|" + s + ")"; + }) + ), + lookbehind: !0, + greedy: !0, + alias: "atrule" + }, + directive: { + pattern: /(^[ \t]*)%.+/m, + lookbehind: !0, + alias: "important" + }, + datetime: { + pattern: l( + /\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/. + source + ), + lookbehind: !0, + alias: "number" + }, + boolean: { + pattern: l(/false|true/.source, "i"), + lookbehind: !0, + alias: "important" + }, + null: { + pattern: l(/null|~/.source, "i"), + lookbehind: !0, + alias: "important" + }, + string: { + pattern: l(s), + lookbehind: !0, + greedy: !0 + }, + number: { + pattern: l( + /[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, + "i" + ), + lookbehind: !0 + }, + tag: n, + important: r, + punctuation: /---|[:[\]{}\-,|>?]|\.\.\./ + }, t.languages.yml = t.languages.yaml; + })(e); + } + a(p3, "yaml"); +}); + +// ../node_modules/react-syntax-highlighter/dist/esm/languages/prism/yaml.js +var PA, FA, OA = T(() => { + PA = I(IA()), FA = PA.default; +}); + +// src/components/components/ActionBar/ActionBar.tsx +var f3, mG, LA, L1, d3 = T(() => { + "use strict"; + f3 = I(O(), 1); + X(); + mG = k.div(({ theme: e }) => ({ + position: "absolute", + bottom: 0, + right: 0, + maxWidth: "100%", + display: "flex", + background: e.background.content, + zIndex: 1 + })), LA = k.button( + ({ theme: e }) => ({ + margin: 0, + border: "0 none", + padding: "4px 10px", + cursor: "pointer", + display: "flex", + alignItems: "center", + color: e.color.defaultText, + background: e.background.content, + fontSize: 12, + lineHeight: "16px", + fontFamily: e.typography.fonts.base, + fontWeight: e.typography.weight.bold, + borderTop: `1px solid ${e.appBorderColor}`, + borderLeft: `1px solid ${e.appBorderColor}`, + marginLeft: -1, + borderRadius: "4px 0 0 0", + "&:not(:last-child)": { borderRight: `1px solid ${e.appBorderColor}` }, + "& + *": { + borderLeft: `1px solid ${e.appBorderColor}`, + borderRadius: 0 + }, + "&:focus": { + boxShadow: `${e.color.secondary} 0 -3px 0 0 inset`, + outline: "0 none" + } + }), + ({ disabled: e }) => e && { + cursor: "not-allowed", + opacity: 0.5 + } + ); + LA.displayName = "ActionButton"; + L1 = /* @__PURE__ */ a(({ actionItems: e, ...t }) => /* @__PURE__ */ f3.default.createElement(mG, { ...t }, e.map(({ title: r, className: n, + onClick: o, disabled: i }, s) => /* @__PURE__ */ f3.default.createElement(LA, { key: s, className: n, onClick: o, disabled: !!i }, r))), "\ +ActionBar"); +}); + +// ../node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs/dist/index.mjs +function vG(e, t) { + typeof e == "function" ? e(t) : e != null && (e.current = t); +} +function NA(...e) { + return (t) => e.forEach((r) => vG(r, t)); +} +var gG, MA = T(() => { + gG = I(O(), 1); + a(vG, "setRef"); + a(NA, "composeRefs"); +}); + +// ../node_modules/react/cjs/react-jsx-runtime.production.min.js +var $A = F((N1) => { + "use strict"; + var yG = O(), wG = Symbol.for("react.element"), bG = Symbol.for("react.fragment"), SG = Object.prototype.hasOwnProperty, EG = yG.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED. + ReactCurrentOwner, xG = { key: !0, ref: !0, __self: !0, __source: !0 }; + function BA(e, t, r) { + var n, o = {}, i = null, s = null; + r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (s = t.ref); + for (n in t) SG.call(t, n) && !xG.hasOwnProperty(n) && (o[n] = t[n]); + if (e && e.defaultProps) for (n in t = e.defaultProps, t) o[n] === void 0 && (o[n] = t[n]); + return { $$typeof: wG, type: e, key: i, ref: s, props: o, _owner: EG.current }; + } + a(BA, "q"); + N1.Fragment = bG; + N1.jsx = BA; + N1.jsxs = BA; +}); + +// ../node_modules/react/jsx-runtime.js +var El = F((Oye, zA) => { + "use strict"; + zA.exports = $A(); +}); + +// ../node_modules/@radix-ui/react-slot/dist/index.mjs +function DG(e) { + return Dt.isValidElement(e) && e.type === CG; +} +function RG(e, t) { + let r = { ...t }; + for (let n in t) { + let o = e[n], i = t[n]; + /^on[A-Z]/.test(n) ? o && i ? r[n] = (...l) => { + i(...l), o(...l); + } : o && (r[n] = o) : n === "style" ? r[n] = { ...o, ...i } : n === "className" && (r[n] = [o, i].filter(Boolean).join(" ")); + } + return { ...e, ...r }; +} +function AG(e) { + let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning; + return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : + e.props.ref || e.ref); +} +var Dt, xl, $p, h3, CG, m3 = T(() => { + Dt = I(O(), 1); + MA(); + xl = I(El(), 1), $p = Dt.forwardRef((e, t) => { + let { children: r, ...n } = e, o = Dt.Children.toArray(r), i = o.find(DG); + if (i) { + let s = i.props.children, l = o.map((u) => u === i ? Dt.Children.count(s) > 1 ? Dt.Children.only(null) : Dt.isValidElement(s) ? s.props. + children : null : u); + return /* @__PURE__ */ (0, xl.jsx)(h3, { ...n, ref: t, children: Dt.isValidElement(s) ? Dt.cloneElement(s, void 0, l) : null }); + } + return /* @__PURE__ */ (0, xl.jsx)(h3, { ...n, ref: t, children: r }); + }); + $p.displayName = "Slot"; + h3 = Dt.forwardRef((e, t) => { + let { children: r, ...n } = e; + if (Dt.isValidElement(r)) { + let o = AG(r); + return Dt.cloneElement(r, { + ...RG(n, r.props), + // @ts-ignore + ref: t ? NA(t, o) : o + }); + } + return Dt.Children.count(r) > 1 ? Dt.Children.only(null) : null; + }); + h3.displayName = "SlotClone"; + CG = /* @__PURE__ */ a(({ children: e }) => /* @__PURE__ */ (0, xl.jsx)(xl.Fragment, { children: e }), "Slottable"); + a(DG, "isSlottable"); + a(RG, "mergeProps"); + a(AG, "getElementRef"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-primitive/dist/index.mjs +var HA, _G, jA, TG, Cl, VA = T(() => { + HA = I(O(), 1), _G = I(zn(), 1); + m3(); + jA = I(El(), 1), TG = [ + "a", + "button", + "div", + "form", + "h2", + "h3", + "img", + "input", + "label", + "li", + "nav", + "ol", + "p", + "span", + "svg", + "ul" + ], Cl = TG.reduce((e, t) => { + let r = HA.forwardRef((n, o) => { + let { asChild: i, ...s } = n, l = i ? $p : t; + return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ (0, jA.jsx)(l, { ...s, ref: o }); + }); + return r.displayName = `Primitive.${t}`, { ...e, [t]: r }; + }, {}); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-compose-refs/dist/index.mjs +function kG(e, t) { + typeof e == "function" ? e(t) : e != null && (e.current = t); +} +function IG(...e) { + return (t) => e.forEach((r) => kG(r, t)); +} +function xo(...e) { + return UA.useCallback(IG(...e), e); +} +var UA, g3 = T(() => { + UA = I(O(), 1); + a(kG, "setRef"); + a(IG, "composeRefs"); + a(xo, "useComposedRefs"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs +var WA, zp, v3 = T(() => { + WA = I(O(), 1), zp = globalThis?.document ? WA.useLayoutEffect : () => { + }; +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-presence/dist/index.mjs +function PG(e, t) { + return GA.useReducer((r, n) => t[r][n] ?? r, e); +} +function FG(e) { + let [t, r] = cr.useState(), n = cr.useRef({}), o = cr.useRef(e), i = cr.useRef("none"), s = e ? "mounted" : "unmounted", [l, u] = PG(s, { + mounted: { + UNMOUNT: "unmounted", + ANIMATION_OUT: "unmountSuspended" + }, + unmountSuspended: { + MOUNT: "mounted", + ANIMATION_END: "unmounted" + }, + unmounted: { + MOUNT: "mounted" + } + }); + return cr.useEffect(() => { + let c = M1(n.current); + i.current = l === "mounted" ? c : "none"; + }, [l]), zp(() => { + let c = n.current, p = o.current; + if (p !== e) { + let m = i.current, g = M1(c); + e ? u("MOUNT") : g === "none" || c?.display === "none" ? u("UNMOUNT") : u(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e; + } + }, [e, u]), zp(() => { + if (t) { + let c = /* @__PURE__ */ a((h) => { + let g = M1(n.current).includes(h.animationName); + h.target === t && g && qA.flushSync(() => u("ANIMATION_END")); + }, "handleAnimationEnd"), p = /* @__PURE__ */ a((h) => { + h.target === t && (i.current = M1(n.current)); + }, "handleAnimationStart"); + return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", c), t.addEventListener("animationend", c), () => { + t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", c), t.removeEventListener("animationend", c); + }; + } else + u("ANIMATION_END"); + }, [t, u]), { + isPresent: ["mounted", "unmountSuspended"].includes(l), + ref: cr.useCallback((c) => { + c && (n.current = getComputedStyle(c)), r(c); + }, []) + }; +} +function M1(e) { + return e?.animationName || "none"; +} +function OG(e) { + let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning; + return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : + e.props.ref || e.ref); +} +var cr, qA, GA, Dl, YA = T(() => { + "use client"; + cr = I(O(), 1), qA = I(zn(), 1); + g3(); + v3(); + GA = I(O(), 1); + a(PG, "useStateMachine"); + Dl = /* @__PURE__ */ a((e) => { + let { present: t, children: r } = e, n = FG(t), o = typeof r == "function" ? r({ present: n.isPresent }) : cr.Children.only(r), i = xo(n. + ref, OG(o)); + return typeof r == "function" || n.isPresent ? cr.cloneElement(o, { ref: i }) : null; + }, "Presence"); + Dl.displayName = "Presence"; + a(FG, "usePresence"); + a(M1, "getAnimationName"); + a(OG, "getElementRef"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-context/dist/index.mjs +function XA(e, t = []) { + let r = []; + function n(i, s) { + let l = Co.createContext(s), u = r.length; + r = [...r, s]; + function c(h) { + let { scope: m, children: g, ...S } = h, v = m?.[e][u] || l, b = Co.useMemo(() => S, Object.values(S)); + return /* @__PURE__ */ (0, KA.jsx)(v.Provider, { value: b, children: g }); + } + a(c, "Provider"); + function p(h, m) { + let g = m?.[e][u] || l, S = Co.useContext(g); + if (S) return S; + if (s !== void 0) return s; + throw new Error(`\`${h}\` must be used within \`${i}\``); + } + return a(p, "useContext2"), c.displayName = i + "Provider", [c, p]; + } + a(n, "createContext3"); + let o = /* @__PURE__ */ a(() => { + let i = r.map((s) => Co.createContext(s)); + return /* @__PURE__ */ a(function(l) { + let u = l?.[e] || i; + return Co.useMemo( + () => ({ [`__scope${e}`]: { ...l, [e]: u } }), + [l, u] + ); + }, "useScope"); + }, "createScope"); + return o.scopeName = e, [n, LG(o, ...t)]; +} +function LG(...e) { + let t = e[0]; + if (e.length === 1) return t; + let r = /* @__PURE__ */ a(() => { + let n = e.map((o) => ({ + useScope: o(), + scopeName: o.scopeName + })); + return /* @__PURE__ */ a(function(i) { + let s = n.reduce((l, { useScope: u, scopeName: c }) => { + let h = u(i)[`__scope${c}`]; + return { ...l, ...h }; + }, {}); + return Co.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]); + }, "useComposedScopes"); + }, "createScope"); + return r.scopeName = t.scopeName, r; +} +var Co, KA, QA = T(() => { + Co = I(O(), 1), KA = I(El(), 1); + a(XA, "createContextScope"); + a(LG, "composeContextScopes"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs +function _a(e) { + let t = Rl.useRef(e); + return Rl.useEffect(() => { + t.current = e; + }), Rl.useMemo(() => (...r) => t.current?.(...r), []); +} +var Rl, JA = T(() => { + Rl = I(O(), 1); + a(_a, "useCallbackRef"); +}); + +// ../node_modules/@radix-ui/react-direction/dist/index.mjs +function ZA(e) { + let t = B1.useContext(MG); + return e || t || "ltr"; +} +var B1, NG, MG, e9 = T(() => { + B1 = I(O(), 1), NG = I(El(), 1), MG = B1.createContext(void 0); + a(ZA, "useDirection"); +}); + +// ../node_modules/@radix-ui/number/dist/index.mjs +function t9(e, [t, r]) { + return Math.min(r, Math.max(t, e)); +} +var r9 = T(() => { + a(t9, "clamp"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/primitive/dist/index.mjs +function Ta(e, t, { checkForDefaultPrevented: r = !0 } = {}) { + return /* @__PURE__ */ a(function(o) { + if (e?.(o), r === !1 || !o.defaultPrevented) + return t?.(o); + }, "handleEvent"); +} +var n9 = T(() => { + a(Ta, "composeEventHandlers"); +}); + +// ../node_modules/@radix-ui/react-scroll-area/dist/index.mjs +function BG(e, t) { + return a9.useReducer((r, n) => t[r][n] ?? r, e); +} +function z1(e) { + return e ? parseInt(e, 10) : 0; +} +function g9(e, t) { + let r = e / t; + return isNaN(r) ? 0 : r; +} +function H1(e) { + let t = g9(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * t; + return Math.max(n, 18); +} +function GG(e, t, r, n = "ltr") { + let o = H1(r), i = o / 2, s = t || i, l = o - s, u = r.scrollbar.paddingStart + s, c = r.scrollbar.size - r.scrollbar.paddingEnd - l, p = r. + content - r.viewport, h = n === "ltr" ? [0, p] : [p * -1, 0]; + return v9([u, c], h)(e); +} +function o9(e, t, r = "ltr") { + let n = H1(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, i = t.scrollbar.size - o, s = t.content - t.viewport, l = i - n, u = r === + "ltr" ? [0, s] : [s * -1, 0], c = t9(e, u); + return v9([0, s], [0, l])(c); +} +function v9(e, t) { + return (r) => { + if (e[0] === e[1] || t[0] === t[1]) return t[0]; + let n = (t[1] - t[0]) / (e[1] - e[0]); + return t[0] + n * (r - e[0]); + }; +} +function y9(e, t) { + return e > 0 && e < t; +} +function j1(e, t) { + let r = _a(e), n = Y.useRef(0); + return Y.useEffect(() => () => window.clearTimeout(n.current), []), Y.useCallback(() => { + window.clearTimeout(n.current), n.current = window.setTimeout(r, t); + }, [r, t]); +} +function Al(e, t) { + let r = _a(t); + zp(() => { + let n = 0; + if (e) { + let o = new ResizeObserver(() => { + cancelAnimationFrame(n), n = window.requestAnimationFrame(r); + }); + return o.observe(e), () => { + window.cancelAnimationFrame(n), o.unobserve(e); + }; + } + }, [e, r]); +} +function KG(e, t) { + let { asChild: r, children: n } = e; + if (!r) return typeof t == "function" ? t(n) : t; + let o = Y.Children.only(n); + return Y.cloneElement(o, { + children: typeof t == "function" ? t(o.props.children) : t + }); +} +var Y, a9, fe, y3, i9, d3e, $G, Ur, s9, l9, u9, Yn, c9, zG, HG, p9, w3, jG, VG, UG, f9, d9, $1, h9, WG, b3, m9, qG, YG, w9, b9, S9, E9, x9, C9 = T( +() => { + "use client"; + Y = I(O(), 1); + VA(); + YA(); + QA(); + g3(); + JA(); + e9(); + v3(); + r9(); + n9(); + a9 = I(O(), 1), fe = I(El(), 1); + a(BG, "useStateMachine"); + y3 = "ScrollArea", [i9, d3e] = XA(y3), [$G, Ur] = i9(y3), s9 = Y.forwardRef( + (e, t) => { + let { + __scopeScrollArea: r, + type: n = "hover", + dir: o, + scrollHideDelay: i = 600, + ...s + } = e, [l, u] = Y.useState(null), [c, p] = Y.useState(null), [h, m] = Y.useState(null), [g, S] = Y.useState(null), [v, b] = Y.useState( + null), [w, y] = Y.useState(0), [E, x] = Y.useState(0), [C, D] = Y.useState(!1), [R, A] = Y.useState(!1), _ = xo(t, (B) => u(B)), P = ZA( + o); + return /* @__PURE__ */ (0, fe.jsx)( + $G, + { + scope: r, + type: n, + dir: P, + scrollHideDelay: i, + scrollArea: l, + viewport: c, + onViewportChange: p, + content: h, + onContentChange: m, + scrollbarX: g, + onScrollbarXChange: S, + scrollbarXEnabled: C, + onScrollbarXEnabledChange: D, + scrollbarY: v, + onScrollbarYChange: b, + scrollbarYEnabled: R, + onScrollbarYEnabledChange: A, + onCornerWidthChange: y, + onCornerHeightChange: x, + children: /* @__PURE__ */ (0, fe.jsx)( + Cl.div, + { + dir: P, + ...s, + ref: _, + style: { + position: "relative", + // Pass corner sizes as CSS vars to reduce re-renders of context consumers + "--radix-scroll-area-corner-width": w + "px", + "--radix-scroll-area-corner-height": E + "px", + ...e.style + } + } + ) + } + ); + } + ); + s9.displayName = y3; + l9 = "ScrollAreaViewport", u9 = Y.forwardRef( + (e, t) => { + let { __scopeScrollArea: r, children: n, asChild: o, nonce: i, ...s } = e, l = Ur(l9, r), u = Y.useRef(null), c = xo(t, u, l.onViewportChange); + return /* @__PURE__ */ (0, fe.jsxs)(fe.Fragment, { children: [ + /* @__PURE__ */ (0, fe.jsx)( + "style", + { + dangerouslySetInnerHTML: { + __html: ` +[data-radix-scroll-area-viewport] { + scrollbar-width: none; + -ms-overflow-style: none; + -webkit-overflow-scrolling: touch; +} +[data-radix-scroll-area-viewport]::-webkit-scrollbar { + display: none; +} +:where([data-radix-scroll-area-viewport]) { + display: flex; + flex-direction: column; + align-items: stretch; +} +:where([data-radix-scroll-area-content]) { + flex-grow: 1; +} +` + }, + nonce: i + } + ), + /* @__PURE__ */ (0, fe.jsx)( + Cl.div, + { + "data-radix-scroll-area-viewport": "", + ...s, + asChild: o, + ref: c, + style: { + /** + * We don't support `visible` because the intention is to have at least one scrollbar + * if this component is used and `visible` will behave like `auto` in that case + * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description + * + * We don't handle `auto` because the intention is for the native implementation + * to be hidden if using this component. We just want to ensure the node is scrollable + * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent + * the browser from having to work out whether to render native scrollbars or not, + * we tell it to with the intention of hiding them in CSS. + */ + overflowX: l.scrollbarXEnabled ? "scroll" : "hidden", + overflowY: l.scrollbarYEnabled ? "scroll" : "hidden", + ...e.style + }, + children: KG({ asChild: o, children: n }, (p) => /* @__PURE__ */ (0, fe.jsx)( + "div", + { + "data-radix-scroll-area-content": "", + ref: l.onContentChange, + style: { minWidth: l.scrollbarXEnabled ? "fit-content" : void 0 }, + children: p + } + )) + } + ) + ] }); + } + ); + u9.displayName = l9; + Yn = "ScrollAreaScrollbar", c9 = Y.forwardRef( + (e, t) => { + let { forceMount: r, ...n } = e, o = Ur(Yn, e.__scopeScrollArea), { onScrollbarXEnabledChange: i, onScrollbarYEnabledChange: s } = o, l = e. + orientation === "horizontal"; + return Y.useEffect(() => (l ? i(!0) : s(!0), () => { + l ? i(!1) : s(!1); + }), [l, i, s]), o.type === "hover" ? /* @__PURE__ */ (0, fe.jsx)(zG, { ...n, ref: t, forceMount: r }) : o.type === "scroll" ? /* @__PURE__ */ (0, fe.jsx)( + HG, { ...n, ref: t, forceMount: r }) : o.type === "auto" ? /* @__PURE__ */ (0, fe.jsx)(p9, { ...n, ref: t, forceMount: r }) : o.type === + "always" ? /* @__PURE__ */ (0, fe.jsx)(w3, { ...n, ref: t }) : null; + } + ); + c9.displayName = Yn; + zG = Y.forwardRef((e, t) => { + let { forceMount: r, ...n } = e, o = Ur(Yn, e.__scopeScrollArea), [i, s] = Y.useState(!1); + return Y.useEffect(() => { + let l = o.scrollArea, u = 0; + if (l) { + let c = /* @__PURE__ */ a(() => { + window.clearTimeout(u), s(!0); + }, "handlePointerEnter"), p = /* @__PURE__ */ a(() => { + u = window.setTimeout(() => s(!1), o.scrollHideDelay); + }, "handlePointerLeave"); + return l.addEventListener("pointerenter", c), l.addEventListener("pointerleave", p), () => { + window.clearTimeout(u), l.removeEventListener("pointerenter", c), l.removeEventListener("pointerleave", p); + }; + } + }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ (0, fe.jsx)(Dl, { present: r || i, children: /* @__PURE__ */ (0, fe.jsx)( + p9, + { + "data-state": i ? "visible" : "hidden", + ...n, + ref: t + } + ) }); + }), HG = Y.forwardRef((e, t) => { + let { forceMount: r, ...n } = e, o = Ur(Yn, e.__scopeScrollArea), i = e.orientation === "horizontal", s = j1(() => u("SCROLL_END"), 100), + [l, u] = BG("hidden", { + hidden: { + SCROLL: "scrolling" + }, + scrolling: { + SCROLL_END: "idle", + POINTER_ENTER: "interacting" + }, + interacting: { + SCROLL: "interacting", + POINTER_LEAVE: "idle" + }, + idle: { + HIDE: "hidden", + SCROLL: "scrolling", + POINTER_ENTER: "interacting" + } + }); + return Y.useEffect(() => { + if (l === "idle") { + let c = window.setTimeout(() => u("HIDE"), o.scrollHideDelay); + return () => window.clearTimeout(c); + } + }, [l, o.scrollHideDelay, u]), Y.useEffect(() => { + let c = o.viewport, p = i ? "scrollLeft" : "scrollTop"; + if (c) { + let h = c[p], m = /* @__PURE__ */ a(() => { + let g = c[p]; + h !== g && (u("SCROLL"), s()), h = g; + }, "handleScroll"); + return c.addEventListener("scroll", m), () => c.removeEventListener("scroll", m); + } + }, [o.viewport, i, u, s]), /* @__PURE__ */ (0, fe.jsx)(Dl, { present: r || l !== "hidden", children: /* @__PURE__ */ (0, fe.jsx)( + w3, + { + "data-state": l === "hidden" ? "hidden" : "visible", + ...n, + ref: t, + onPointerEnter: Ta(e.onPointerEnter, () => u("POINTER_ENTER")), + onPointerLeave: Ta(e.onPointerLeave, () => u("POINTER_LEAVE")) + } + ) }); + }), p9 = Y.forwardRef((e, t) => { + let r = Ur(Yn, e.__scopeScrollArea), { forceMount: n, ...o } = e, [i, s] = Y.useState(!1), l = e.orientation === "horizontal", u = j1(() => { + if (r.viewport) { + let c = r.viewport.offsetWidth < r.viewport.scrollWidth, p = r.viewport.offsetHeight < r.viewport.scrollHeight; + s(l ? c : p); + } + }, 10); + return Al(r.viewport, u), Al(r.content, u), /* @__PURE__ */ (0, fe.jsx)(Dl, { present: n || i, children: /* @__PURE__ */ (0, fe.jsx)( + w3, + { + "data-state": i ? "visible" : "hidden", + ...o, + ref: t + } + ) }); + }), w3 = Y.forwardRef((e, t) => { + let { orientation: r = "vertical", ...n } = e, o = Ur(Yn, e.__scopeScrollArea), i = Y.useRef(null), s = Y.useRef(0), [l, u] = Y.useState( + { + content: 0, + viewport: 0, + scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 } + }), c = g9(l.viewport, l.content), p = { + ...n, + sizes: l, + onSizesChange: u, + hasThumb: c > 0 && c < 1, + onThumbChange: /* @__PURE__ */ a((m) => i.current = m, "onThumbChange"), + onThumbPointerUp: /* @__PURE__ */ a(() => s.current = 0, "onThumbPointerUp"), + onThumbPointerDown: /* @__PURE__ */ a((m) => s.current = m, "onThumbPointerDown") + }; + function h(m, g) { + return GG(m, s.current, l, g); + } + return a(h, "getScrollPosition"), r === "horizontal" ? /* @__PURE__ */ (0, fe.jsx)( + jG, + { + ...p, + ref: t, + onThumbPositionChange: /* @__PURE__ */ a(() => { + if (o.viewport && i.current) { + let m = o.viewport.scrollLeft, g = o9(m, l, o.dir); + i.current.style.transform = `translate3d(${g}px, 0, 0)`; + } + }, "onThumbPositionChange"), + onWheelScroll: /* @__PURE__ */ a((m) => { + o.viewport && (o.viewport.scrollLeft = m); + }, "onWheelScroll"), + onDragScroll: /* @__PURE__ */ a((m) => { + o.viewport && (o.viewport.scrollLeft = h(m, o.dir)); + }, "onDragScroll") + } + ) : r === "vertical" ? /* @__PURE__ */ (0, fe.jsx)( + VG, + { + ...p, + ref: t, + onThumbPositionChange: /* @__PURE__ */ a(() => { + if (o.viewport && i.current) { + let m = o.viewport.scrollTop, g = o9(m, l); + i.current.style.transform = `translate3d(0, ${g}px, 0)`; + } + }, "onThumbPositionChange"), + onWheelScroll: /* @__PURE__ */ a((m) => { + o.viewport && (o.viewport.scrollTop = m); + }, "onWheelScroll"), + onDragScroll: /* @__PURE__ */ a((m) => { + o.viewport && (o.viewport.scrollTop = h(m)); + }, "onDragScroll") + } + ) : null; + }), jG = Y.forwardRef((e, t) => { + let { sizes: r, onSizesChange: n, ...o } = e, i = Ur(Yn, e.__scopeScrollArea), [s, l] = Y.useState(), u = Y.useRef(null), c = xo(t, u, i. + onScrollbarXChange); + return Y.useEffect(() => { + u.current && l(getComputedStyle(u.current)); + }, [u]), /* @__PURE__ */ (0, fe.jsx)( + d9, + { + "data-orientation": "horizontal", + ...o, + ref: c, + sizes: r, + style: { + bottom: 0, + left: i.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0, + right: i.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0, + "--radix-scroll-area-thumb-width": H1(r) + "px", + ...e.style + }, + onThumbPointerDown: /* @__PURE__ */ a((p) => e.onThumbPointerDown(p.x), "onThumbPointerDown"), + onDragScroll: /* @__PURE__ */ a((p) => e.onDragScroll(p.x), "onDragScroll"), + onWheelScroll: /* @__PURE__ */ a((p, h) => { + if (i.viewport) { + let m = i.viewport.scrollLeft + p.deltaX; + e.onWheelScroll(m), y9(m, h) && p.preventDefault(); + } + }, "onWheelScroll"), + onResize: /* @__PURE__ */ a(() => { + u.current && i.viewport && s && n({ + content: i.viewport.scrollWidth, + viewport: i.viewport.offsetWidth, + scrollbar: { + size: u.current.clientWidth, + paddingStart: z1(s.paddingLeft), + paddingEnd: z1(s.paddingRight) + } + }); + }, "onResize") + } + ); + }), VG = Y.forwardRef((e, t) => { + let { sizes: r, onSizesChange: n, ...o } = e, i = Ur(Yn, e.__scopeScrollArea), [s, l] = Y.useState(), u = Y.useRef(null), c = xo(t, u, i. + onScrollbarYChange); + return Y.useEffect(() => { + u.current && l(getComputedStyle(u.current)); + }, [u]), /* @__PURE__ */ (0, fe.jsx)( + d9, + { + "data-orientation": "vertical", + ...o, + ref: c, + sizes: r, + style: { + top: 0, + right: i.dir === "ltr" ? 0 : void 0, + left: i.dir === "rtl" ? 0 : void 0, + bottom: "var(--radix-scroll-area-corner-height)", + "--radix-scroll-area-thumb-height": H1(r) + "px", + ...e.style + }, + onThumbPointerDown: /* @__PURE__ */ a((p) => e.onThumbPointerDown(p.y), "onThumbPointerDown"), + onDragScroll: /* @__PURE__ */ a((p) => e.onDragScroll(p.y), "onDragScroll"), + onWheelScroll: /* @__PURE__ */ a((p, h) => { + if (i.viewport) { + let m = i.viewport.scrollTop + p.deltaY; + e.onWheelScroll(m), y9(m, h) && p.preventDefault(); + } + }, "onWheelScroll"), + onResize: /* @__PURE__ */ a(() => { + u.current && i.viewport && s && n({ + content: i.viewport.scrollHeight, + viewport: i.viewport.offsetHeight, + scrollbar: { + size: u.current.clientHeight, + paddingStart: z1(s.paddingTop), + paddingEnd: z1(s.paddingBottom) + } + }); + }, "onResize") + } + ); + }), [UG, f9] = i9(Yn), d9 = Y.forwardRef((e, t) => { + let { + __scopeScrollArea: r, + sizes: n, + hasThumb: o, + onThumbChange: i, + onThumbPointerUp: s, + onThumbPointerDown: l, + onThumbPositionChange: u, + onDragScroll: c, + onWheelScroll: p, + onResize: h, + ...m + } = e, g = Ur(Yn, r), [S, v] = Y.useState(null), b = xo(t, (_) => v(_)), w = Y.useRef(null), y = Y.useRef(""), E = g.viewport, x = n.content - + n.viewport, C = _a(p), D = _a(u), R = j1(h, 10); + function A(_) { + if (w.current) { + let P = _.clientX - w.current.left, B = _.clientY - w.current.top; + c({ x: P, y: B }); + } + } + return a(A, "handleDragScroll"), Y.useEffect(() => { + let _ = /* @__PURE__ */ a((P) => { + let B = P.target; + S?.contains(B) && C(P, x); + }, "handleWheel"); + return document.addEventListener("wheel", _, { passive: !1 }), () => document.removeEventListener("wheel", _, { passive: !1 }); + }, [E, S, x, C]), Y.useEffect(D, [n, D]), Al(S, R), Al(g.content, R), /* @__PURE__ */ (0, fe.jsx)( + UG, + { + scope: r, + scrollbar: S, + hasThumb: o, + onThumbChange: _a(i), + onThumbPointerUp: _a(s), + onThumbPositionChange: D, + onThumbPointerDown: _a(l), + children: /* @__PURE__ */ (0, fe.jsx)( + Cl.div, + { + ...m, + ref: b, + style: { position: "absolute", ...m.style }, + onPointerDown: Ta(e.onPointerDown, (_) => { + _.button === 0 && (_.target.setPointerCapture(_.pointerId), w.current = S.getBoundingClientRect(), y.current = document.body.style. + webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), A(_)); + }), + onPointerMove: Ta(e.onPointerMove, A), + onPointerUp: Ta(e.onPointerUp, (_) => { + let P = _.target; + P.hasPointerCapture(_.pointerId) && P.releasePointerCapture(_.pointerId), document.body.style.webkitUserSelect = y.current, g. + viewport && (g.viewport.style.scrollBehavior = ""), w.current = null; + }) + } + ) + } + ); + }), $1 = "ScrollAreaThumb", h9 = Y.forwardRef( + (e, t) => { + let { forceMount: r, ...n } = e, o = f9($1, e.__scopeScrollArea); + return /* @__PURE__ */ (0, fe.jsx)(Dl, { present: r || o.hasThumb, children: /* @__PURE__ */ (0, fe.jsx)(WG, { ref: t, ...n }) }); + } + ), WG = Y.forwardRef( + (e, t) => { + let { __scopeScrollArea: r, style: n, ...o } = e, i = Ur($1, r), s = f9($1, r), { onThumbPositionChange: l } = s, u = xo( + t, + (h) => s.onThumbChange(h) + ), c = Y.useRef(), p = j1(() => { + c.current && (c.current(), c.current = void 0); + }, 100); + return Y.useEffect(() => { + let h = i.viewport; + if (h) { + let m = /* @__PURE__ */ a(() => { + if (p(), !c.current) { + let g = YG(h, l); + c.current = g, l(); + } + }, "handleScroll"); + return l(), h.addEventListener("scroll", m), () => h.removeEventListener("scroll", m); + } + }, [i.viewport, p, l]), /* @__PURE__ */ (0, fe.jsx)( + Cl.div, + { + "data-state": s.hasThumb ? "visible" : "hidden", + ...o, + ref: u, + style: { + width: "var(--radix-scroll-area-thumb-width)", + height: "var(--radix-scroll-area-thumb-height)", + ...n + }, + onPointerDownCapture: Ta(e.onPointerDownCapture, (h) => { + let g = h.target.getBoundingClientRect(), S = h.clientX - g.left, v = h.clientY - g.top; + s.onThumbPointerDown({ x: S, y: v }); + }), + onPointerUp: Ta(e.onPointerUp, s.onThumbPointerUp) + } + ); + } + ); + h9.displayName = $1; + b3 = "ScrollAreaCorner", m9 = Y.forwardRef( + (e, t) => { + let r = Ur(b3, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY); + return r.type !== "scroll" && n ? /* @__PURE__ */ (0, fe.jsx)(qG, { ...e, ref: t }) : null; + } + ); + m9.displayName = b3; + qG = Y.forwardRef((e, t) => { + let { __scopeScrollArea: r, ...n } = e, o = Ur(b3, r), [i, s] = Y.useState(0), [l, u] = Y.useState(0), c = !!(i && l); + return Al(o.scrollbarX, () => { + let p = o.scrollbarX?.offsetHeight || 0; + o.onCornerHeightChange(p), u(p); + }), Al(o.scrollbarY, () => { + let p = o.scrollbarY?.offsetWidth || 0; + o.onCornerWidthChange(p), s(p); + }), c ? /* @__PURE__ */ (0, fe.jsx)( + Cl.div, + { + ...n, + ref: t, + style: { + width: i, + height: l, + position: "absolute", + right: o.dir === "ltr" ? 0 : void 0, + left: o.dir === "rtl" ? 0 : void 0, + bottom: 0, + ...e.style + } + } + ) : null; + }); + a(z1, "toInt"); + a(g9, "getThumbRatio"); + a(H1, "getThumbSize"); + a(GG, "getScrollPositionFromPointer"); + a(o9, "getThumbOffsetFromScroll"); + a(v9, "linearScale"); + a(y9, "isScrollingWithinScrollbarBounds"); + YG = /* @__PURE__ */ a((e, t = () => { + }) => { + let r = { left: e.scrollLeft, top: e.scrollTop }, n = 0; + return (/* @__PURE__ */ a(function o() { + let i = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== i.left, l = r.top !== i.top; + (s || l) && t(), r = i, n = window.requestAnimationFrame(o); + }, "loop"))(), () => window.cancelAnimationFrame(n); + }, "addUnlinkedScrollListener"); + a(j1, "useDebounceCallback"); + a(Al, "useResizeObserver"); + a(KG, "getSubtree"); + w9 = s9, b9 = u9, S9 = c9, E9 = h9, x9 = m9; +}); + +// src/components/components/ScrollArea/ScrollArea.tsx +var Kn, QG, JG, D9, R9, Ai, V1 = T(() => { + "use strict"; + Kn = I(O(), 1); + X(); + C9(); + QG = k(w9)( + ({ scrollbarsize: e, offset: t }) => ({ + width: "100%", + height: "100%", + overflow: "hidden", + "--scrollbar-size": `${e + t}px`, + "--radix-scroll-area-thumb-width": `${e}px` + }) + ), JG = k(b9)({ + width: "100%", + height: "100%" + }), D9 = k(S9)(({ offset: e, horizontal: t, vertical: r }) => ({ + display: "flex", + userSelect: "none", + // ensures no selection + touchAction: "none", + // disable browser handling of all panning and zooming gestures on touch devices + background: "transparent", + transition: "all 0.2s ease-out", + borderRadius: "var(--scrollbar-size)", + zIndex: 1, + '&[data-orientation="vertical"]': { + width: "var(--scrollbar-size)", + paddingRight: e, + marginTop: e, + marginBottom: t === "true" && r === "true" ? 0 : e + }, + '&[data-orientation="horizontal"]': { + flexDirection: "column", + height: "var(--scrollbar-size)", + paddingBottom: e, + marginLeft: e, + marginRight: t === "true" && r === "true" ? 0 : e + } + })), R9 = k(E9)(({ theme: e }) => ({ + flex: 1, + background: e.textMutedColor, + opacity: 0.5, + borderRadius: "var(--scrollbar-size)", + position: "relative", + transition: "opacity 0.2s ease-out", + "&:hover": { opacity: 0.8 }, + /* increase target size for touch devices https://www.w3.org/WAI/WCAG21/Understanding/target-size.html */ + "::before": { + content: '""', + position: "absolute", + top: "50%", + left: "50%", + transform: "translate(-50%,-50%)", + width: "100%", + height: "100%" + } + })), Ai = (0, Kn.forwardRef)( + ({ children: e, horizontal: t = !1, vertical: r = !1, offset: n = 2, scrollbarSize: o = 6, className: i }, s) => /* @__PURE__ */ Kn.default. + createElement(QG, { scrollbarsize: o, offset: n, className: i }, /* @__PURE__ */ Kn.default.createElement(JG, { ref: s }, e), t && /* @__PURE__ */ Kn.default. + createElement( + D9, + { + orientation: "horizontal", + offset: n, + horizontal: t.toString(), + vertical: r.toString() + }, + /* @__PURE__ */ Kn.default.createElement(R9, null) + ), r && /* @__PURE__ */ Kn.default.createElement( + D9, + { + orientation: "vertical", + offset: n, + horizontal: t.toString(), + vertical: r.toString() + }, + /* @__PURE__ */ Kn.default.createElement(R9, null) + ), t && r && /* @__PURE__ */ Kn.default.createElement(x9, null)) + ); + Ai.displayName = "ScrollArea"; +}); + +// src/components/components/syntaxhighlighter/syntaxhighlighter.tsx +var S3 = {}; +he(S3, { + SyntaxHighlighter: () => jp, + createCopyToClipboardFunction: () => U1, + default: () => uY, + supportedLanguages: () => T9 +}); +function U1() { + return A9?.clipboard ? (e) => A9.clipboard.writeText(e) : async (e) => { + let t = Hp.createElement("TEXTAREA"), r = Hp.activeElement; + t.value = e, Hp.body.appendChild(t), t.select(), Hp.execCommand("copy"), Hp.body.removeChild(t), r.focus(); + }; +} +var Rr, _9, A9, Hp, ZG, T9, eY, tY, rY, nY, oY, aY, iY, k9, sY, lY, jp, uY, Vp = T(() => { + "use strict"; + Rr = I(O(), 1); + X(); + We(); + Ft(); + _9 = I(Hn(), 1); + $R(); + UR(); + GR(); + JR(); + nA(); + lA(); + fA(); + vA(); + bA(); + RA(); + TA(); + OA(); + BR(); + d3(); + V1(); + ({ navigator: A9, document: Hp, window: ZG } = H), T9 = { + jsextra: rA, + jsx: pA, + json: sA, + yml: FA, + md: gA, + bash: VR, + css: qR, + html: wA, + tsx: DA, + typescript: _A, + graphql: QR + }; + Object.entries(T9).forEach(([e, t]) => { + O1.registerLanguage(e, t); + }); + eY = (0, _9.default)(2)( + (e) => Object.entries(e.code || {}).reduce((t, [r, n]) => ({ ...t, [`* .${r}`]: n }), {}) + ), tY = U1(); + a(U1, "createCopyToClipboardFunction"); + rY = k.div( + ({ theme: e }) => ({ + position: "relative", + overflow: "hidden", + color: e.color.defaultText + }), + ({ theme: e, bordered: t }) => t ? { + border: `1px solid ${e.appBorderColor}`, + borderRadius: e.borderRadius, + background: e.background.content + } : {}, + ({ showLineNumbers: e }) => e ? { + // use the before pseudo element to display line numbers + ".react-syntax-highlighter-line-number::before": { + content: "attr(data-line-number)" + } + } : {} + ), nY = /* @__PURE__ */ a(({ children: e, className: t }) => /* @__PURE__ */ Rr.default.createElement(Ai, { horizontal: !0, vertical: !0, className: t }, + e), "UnstyledScroller"), oY = k(nY)( + { + position: "relative" + }, + ({ theme: e }) => eY(e) + ), aY = k.pre(({ theme: e, padded: t }) => ({ + display: "flex", + justifyContent: "flex-start", + margin: 0, + padding: t ? e.layoutMargin : 0 + })), iY = k.div(({ theme: e }) => ({ + flex: 1, + paddingLeft: 2, + // TODO: To match theming/global.ts for now + paddingRight: e.layoutMargin, + opacity: 1, + fontFamily: e.typography.fonts.mono + })), k9 = /* @__PURE__ */ a((e) => { + let t = [...e.children], r = t[0], n = r.children[0].value, o = { + ...r, + // empty the line-number element + children: [], + properties: { + ...r.properties, + // add a data-line-number attribute to line-number element, so we can access the line number with `content: attr(data-line-number)` + "data-line-number": n, + // remove the 'userSelect: none' style, which will produce extra empty lines when copy-pasting in firefox + style: { ...r.properties.style, userSelect: "auto" } + } + }; + return t[0] = o, { ...e, children: t }; + }, "processLineNumber"), sY = /* @__PURE__ */ a(({ rows: e, stylesheet: t, useInlineStyles: r }) => e.map((n, o) => Ci({ + node: k9(n), + stylesheet: t, + useInlineStyles: r, + key: `code-segement${o}` + })), "defaultRenderer"), lY = /* @__PURE__ */ a((e, t) => t ? e ? ({ rows: r, ...n }) => e({ rows: r.map((o) => k9(o)), ...n }) : sY : e, "\ +wrapRenderer"), jp = /* @__PURE__ */ a(({ + children: e, + language: t = "jsx", + copyable: r = !1, + bordered: n = !1, + padded: o = !1, + format: i = !0, + formatter: s = void 0, + className: l = void 0, + showLineNumbers: u = !1, + ...c + }) => { + if (typeof e != "string" || !e.trim()) + return null; + let [p, h] = (0, Rr.useState)(""); + (0, Rr.useEffect)(() => { + s ? s(i, e).then(h) : h(e.trim()); + }, [e, i, s]); + let [m, g] = (0, Rr.useState)(!1), S = (0, Rr.useCallback)( + (b) => { + b.preventDefault(), tY(p).then(() => { + g(!0), ZG.setTimeout(() => g(!1), 1500); + }).catch(ge.error); + }, + [p] + ), v = lY(c.renderer, u); + return /* @__PURE__ */ Rr.default.createElement( + rY, + { + bordered: n, + padded: o, + showLineNumbers: u, + className: l + }, + /* @__PURE__ */ Rr.default.createElement(oY, null, /* @__PURE__ */ Rr.default.createElement( + O1, + { + padded: o || n, + language: t, + showLineNumbers: u, + showInlineLineNumbers: u, + useInlineStyles: !1, + PreTag: aY, + CodeTag: iY, + lineNumberContainerStyle: {}, + ...c, + renderer: v + }, + p + )), + r ? /* @__PURE__ */ Rr.default.createElement(L1, { actionItems: [{ title: m ? "Copied" : "Copy", onClick: S }] }) : null + ); + }, "SyntaxHighlighter"); + jp.registerLanguage = (...e) => O1.registerLanguage(...e); + uY = jp; +}); + +// ../node_modules/prettier/plugins/html.mjs +function qJ(e) { + if (typeof e == "string") return B3; + if (Array.isArray(e)) return $3; + if (!e) return; + let { type: t } = e; + if (m_.has(t)) return t; +} +function YJ(e) { + let t = e === null ? "null" : typeof e; + if (t !== "string" && t !== "object") return `Unexpected doc '${t}', +Expected it to be 'string' or 'object'.`; + if (W3(e)) throw new Error("doc is valid."); + let r = Object.prototype.toString.call(e); + if (r !== "[object Object]") return `Unexpected doc '${r}'.`; + let n = GJ([...m_].map((o) => `'${o}'`)); + return `Unexpected doc.type '${e.type}'. +Expected it to be ${n}.`; +} +function Jn(e) { + return Fi(e), { type: Rh, contents: e }; +} +function y_(e, t) { + return Fi(t), { type: Ah, contents: t, n: e }; +} +function lt(e, t = {}) { + return Fi(e), q3(t.expandedStates, !0), { type: Zp, id: t.id, contents: e, break: !!t.shouldBreak, expandedStates: t.expandedStates }; +} +function XJ(e) { + return y_(Number.NEGATIVE_INFINITY, e); +} +function QJ(e) { + return y_({ type: "root" }, e); +} +function w_(e) { + return q3(e), { type: _h, parts: e }; +} +function wh(e, t = "", r = {}) { + return Fi(e), t !== "" && Fi(t), { type: Th, breakContents: e, flatContents: t, groupId: r.groupId }; +} +function JJ(e, t) { + return Fi(e), { type: kh, contents: e, groupId: t.groupId, negate: t.negate }; +} +function su(e, t) { + Fi(e), q3(t); + let r = []; + for (let n = 0; n < t.length; n++) n !== 0 && r.push(e), r.push(t[n]); + return r; +} +function G3(e, t) { + if (typeof e == "string") return t(e); + let r = /* @__PURE__ */ new Map(); + return n(e); + function n(i) { + if (r.has(i)) return r.get(i); + let s = o(i); + return r.set(i, s), s; + } + function o(i) { + switch (W3(i)) { + case $3: + return t(i.map(n)); + case _h: + return t({ ...i, parts: i.parts.map(n) }); + case Th: + return t({ ...i, breakContents: n(i.breakContents), flatContents: n(i.flatContents) }); + case Zp: { + let { expandedStates: s, contents: l } = i; + return s ? (s = s.map(n), l = s[0]) : l = n(l), t({ ...i, contents: l, expandedStates: s }); + } + case Ah: + case Rh: + case kh: + case U3: + case j3: + return t({ ...i, contents: n(i.contents) }); + case B3: + case z3: + case H3: + case V3: + case Mi: + case Ih: + return t(i); + default: + throw new g_(i); + } + } +} +function nZ(e) { + switch (W3(e)) { + case _h: + if (e.parts.every((t) => t === "")) return ""; + break; + case Zp: + if (!e.contents && !e.id && !e.break && !e.expandedStates) return ""; + if (e.contents.type === Zp && e.contents.id === e.id && e.contents.break === e.break && e.contents.expandedStates === e.expandedStates) + return e.contents; + break; + case Ah: + case Rh: + case kh: + case j3: + if (!e.contents) return ""; + break; + case Th: + if (!e.flatContents && !e.breakContents) return ""; + break; + case $3: { + let t = []; + for (let r of e) { + if (!r) continue; + let [n, ...o] = Array.isArray(r) ? r : [r]; + typeof n == "string" && typeof nf(!1, t, -1) == "string" ? t[t.length - 1] += n : t.push(n), t.push(...o); + } + return t.length === 0 ? "" : t.length === 1 ? t[0] : t; + } + case B3: + case z3: + case H3: + case V3: + case Mi: + case U3: + case Ih: + break; + default: + throw new g_(e); + } + return e; +} +function oZ(e) { + return G3(e, (t) => nZ(t)); +} +function wn(e, t = tZ) { + return G3(e, (r) => typeof r == "string" ? su(t, r.split(` +`)) : r); +} +function aZ(e, t) { + let r = t === !0 || t === fh ? fh : L9, n = r === fh ? L9 : fh, o = 0, i = 0; + for (let s of e) s === r ? o++ : s === n && i++; + return o > i ? n : r; +} +function sZ(e) { + if (typeof e != "string") throw new TypeError("Expected a string"); + return e.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d"); +} +function hZ(e) { + return e?.type === "front-matter"; +} +function b_(e, t) { + var r; + if (e.type === "text" || e.type === "comment" || Ph(e) || e.type === "yaml" || e.type === "toml") return null; + if (e.type === "attribute" && delete t.value, e.type === "docType" && delete t.value, e.type === "angularControlFlowBlock" && (r = e.parameters) != + null && r.children) for (let n of t.parameters.children) gZ.has(e.name) ? delete n.expression : n.expression = n.expression.trim(); + e.type === "angularIcuExpression" && (t.switchValue = e.switchValue.trim()), e.type === "angularLetDeclarationInitializer" && delete t.value; +} +async function yZ(e, t) { + if (e.language === "yaml") { + let r = e.value.trim(), n = r ? await t(r, { parser: "yaml" }) : ""; + return QJ([e.startDelimiter, e.explicitLanguage, Ie, n, n ? Ie : "", e.endDelimiter]); + } +} +function Fh(e, t = !0) { + return [Jn([Ot, e]), t ? Ot : ""]; +} +function lu(e, t) { + let r = e.type === "NGRoot" ? e.node.type === "NGMicrosyntax" && e.node.body.length === 1 && e.node.body[0].type === "NGMicrosyntaxExpress\ +ion" ? e.node.body[0].expression : e.node : e.type === "JsExpressionRoot" ? e.node : e; + return r && (r.type === "ObjectExpression" || r.type === "ArrayExpression" || (t.parser === "__vue_expression" || t.parser === "__vue_ts_e\ +xpression") && (r.type === "TemplateLiteral" || r.type === "StringLiteral")); +} +async function bn(e, t, r, n) { + r = { __isInHtmlAttribute: !0, __embeddedInHtml: !0, ...r }; + let o = !0; + n && (r.__onHtmlBindingRoot = (s, l) => { + o = n(s, l); + }); + let i = await t(e, r, t); + return o ? lt(i) : Fh(i); +} +function bZ(e, t, r, n) { + let { node: o } = r, i = n.originalText.slice(o.sourceSpan.start.offset, o.sourceSpan.end.offset); + return /^\s*$/u.test(i) ? "" : bn(i, e, { parser: "__ng_directive", __isInHtmlAttribute: !1 }, lu); +} +function N9(e, t) { + if (!t) return; + let r = EZ(t).toLowerCase(); + return e.find(({ filenames: n }) => n?.some((o) => o.toLowerCase() === r)) ?? e.find(({ extensions: n }) => n?.some((o) => r.endsWith(o))); +} +function xZ(e, t) { + if (t) return e.find(({ name: r }) => r.toLowerCase() === t) ?? e.find(({ aliases: r }) => r?.includes(t)) ?? e.find(({ extensions: r }) => r?. + includes(`.${t}`)); +} +function CZ(e, t) { + let r = e.plugins.flatMap((o) => o.languages ?? []), n = xZ(r, t.language) ?? N9(r, t.physicalFile) ?? N9(r, t.file) ?? (t.physicalFile, void 0); + return n?.parsers[0]; +} +function TZ(e) { + return e.type === "element" && !e.hasExplicitNamespace && !["html", "svg"].includes(e.namespace); +} +function E_(e, t) { + return !!(e.type === "ieConditionalComment" && e.lastChild && !e.lastChild.isSelfClosing && !e.lastChild.endSourceSpan || e.type === "ieCo\ +nditionalComment" && !e.complete || iu(e) && e.children.some((r) => r.type !== "text" && r.type !== "interpolation") || K3(e, t) && !Do(e) && + e.type !== "interpolation"); +} +function Lh(e) { + return e.type === "attribute" || !e.parent || !e.prev ? !1 : PZ(e.prev); +} +function PZ(e) { + return e.type === "comment" && e.value.trim() === "prettier-ignore"; +} +function Wr(e) { + return e.type === "text" || e.type === "comment"; +} +function Do(e) { + return e.type === "element" && (e.fullName === "script" || e.fullName === "style" || e.fullName === "svg:style" || e.fullName === "svg:scr\ +ipt" || ef(e) && (e.name === "script" || e.name === "style")); +} +function FZ(e) { + return e.children && !Do(e); +} +function OZ(e) { + return Do(e) || e.type === "interpolation" || x_(e); +} +function x_(e) { + return k_(e).startsWith("pre"); +} +function LZ(e, t) { + var r, n; + let o = i(); + if (o && !e.prev && (n = (r = e.parent) == null ? void 0 : r.tagDefinition) != null && n.ignoreFirstLf) return e.type === "interpolation"; + return o; + function i() { + return Ph(e) || e.type === "angularControlFlowBlock" ? !1 : (e.type === "text" || e.type === "interpolation") && e.prev && (e.prev.type === + "text" || e.prev.type === "interpolation") ? !0 : !e.parent || e.parent.cssDisplay === "none" ? !1 : iu(e.parent) ? !0 : !(!e.prev && (e. + parent.type === "root" || iu(e) && e.parent || Do(e.parent) || Nh(e.parent, t) || !UZ(e.parent.cssDisplay)) || e.prev && !GZ(e.prev.cssDisplay)); + } +} +function NZ(e, t) { + return Ph(e) || e.type === "angularControlFlowBlock" ? !1 : (e.type === "text" || e.type === "interpolation") && e.next && (e.next.type === + "text" || e.next.type === "interpolation") ? !0 : !e.parent || e.parent.cssDisplay === "none" ? !1 : iu(e.parent) ? !0 : !(!e.next && (e.parent. + type === "root" || iu(e) && e.parent || Do(e.parent) || Nh(e.parent, t) || !WZ(e.parent.cssDisplay)) || e.next && !qZ(e.next.cssDisplay)); +} +function MZ(e) { + return YZ(e.cssDisplay) && !Do(e); +} +function dh(e) { + return Ph(e) || e.next && e.sourceSpan.end && e.sourceSpan.end.line + 1 < e.next.sourceSpan.start.line; +} +function BZ(e) { + return C_(e) || e.type === "element" && e.children.length > 0 && (["body", "script", "style"].includes(e.name) || e.children.some((t) => zZ( + t))) || e.firstChild && e.firstChild === e.lastChild && e.firstChild.type !== "text" && R_(e.firstChild) && (!e.lastChild.isTrailingSpaceSensitive || + A_(e.lastChild)); +} +function C_(e) { + return e.type === "element" && e.children.length > 0 && (["html", "head", "ul", "ol", "select"].includes(e.name) || e.cssDisplay.startsWith( + "table") && e.cssDisplay !== "table-cell"); +} +function A3(e) { + return __(e) || e.prev && $Z(e.prev) || D_(e); +} +function $Z(e) { + return __(e) || e.type === "element" && e.fullName === "br" || D_(e); +} +function D_(e) { + return R_(e) && A_(e); +} +function R_(e) { + return e.hasLeadingSpaces && (e.prev ? e.prev.sourceSpan.end.line < e.sourceSpan.start.line : e.parent.type === "root" || e.parent.startSourceSpan. + end.line < e.sourceSpan.start.line); +} +function A_(e) { + return e.hasTrailingSpaces && (e.next ? e.next.sourceSpan.start.line > e.sourceSpan.end.line : e.parent.type === "root" || e.parent.endSourceSpan && + e.parent.endSourceSpan.start.line > e.sourceSpan.end.line); +} +function __(e) { + switch (e.type) { + case "ieConditionalComment": + case "comment": + case "directive": + return !0; + case "element": + return ["script", "select"].includes(e.name); + } + return !1; +} +function Y3(e) { + return e.lastChild ? Y3(e.lastChild) : e; +} +function zZ(e) { + var t; + return (t = e.children) == null ? void 0 : t.some((r) => r.type !== "text"); +} +function T_(e) { + if (e) switch (e) { + case "module": + case "text/javascript": + case "text/babel": + case "application/javascript": + return "babel"; + case "application/x-typescript": + return "typescript"; + case "text/markdown": + return "markdown"; + case "text/html": + return "html"; + case "text/x-handlebars-template": + return "glimmer"; + default: + if (e.endsWith("json") || e.endsWith("importmap") || e === "speculationrules") return "json"; + } +} +function HZ(e, t) { + let { name: r, attrMap: n } = e; + if (r !== "script" || Object.prototype.hasOwnProperty.call(n, "src")) return; + let { type: o, lang: i } = e.attrMap; + return !i && !o ? "babel" : Oh(t, { language: i }) ?? T_(o); +} +function jZ(e, t) { + if (!K3(e, t)) return; + let { attrMap: r } = e; + if (Object.prototype.hasOwnProperty.call(r, "src")) return; + let { type: n, lang: o } = r; + return Oh(t, { language: o }) ?? T_(n); +} +function VZ(e, t) { + if (e.name !== "style") return; + let { lang: r } = e.attrMap; + return r ? Oh(t, { language: r }) : "css"; +} +function M9(e, t) { + return HZ(e, t) ?? VZ(e, t) ?? jZ(e, t); +} +function of(e) { + return e === "block" || e === "list-item" || e.startsWith("table"); +} +function UZ(e) { + return !of(e) && e !== "inline-block"; +} +function WZ(e) { + return !of(e) && e !== "inline-block"; +} +function qZ(e) { + return !of(e); +} +function GZ(e) { + return !of(e); +} +function YZ(e) { + return !of(e) && e !== "inline-block"; +} +function iu(e) { + return k_(e).startsWith("pre"); +} +function KZ(e, t) { + let r = e; + for (; r; ) { + if (t(r)) return !0; + r = r.parent; + } + return !1; +} +function XZ(e, t) { + var r; + if (uu(e, t)) return "block"; + if (((r = e.prev) == null ? void 0 : r.type) === "comment") { + let o = e.prev.value.match(/^\s*display:\s*([a-z]+)\s*$/u); + if (o) return o[1]; + } + let n = !1; + if (e.type === "element" && e.namespace === "svg") if (KZ(e, (o) => o.fullName === "svg:foreignObject")) n = !0; + else return e.name === "svg" ? "inline-block" : "block"; + switch (t.htmlWhitespaceSensitivity) { + case "strict": + return "inline"; + case "ignore": + return "block"; + default: + return e.type === "element" && (!e.namespace || n || ef(e)) && RZ[e.name] || DZ; + } +} +function k_(e) { + return e.type === "element" && (!e.namespace || ef(e)) && _Z[e.name] || AZ; +} +function QZ(e) { + let t = Number.POSITIVE_INFINITY; + for (let r of e.split(` +`)) { + if (r.length === 0) continue; + let n = Qn.getLeadingWhitespaceCount(r); + if (n === 0) return 0; + r.length !== n && n < t && (t = n); + } + return t === Number.POSITIVE_INFINITY ? 0 : t; +} +function I_(e, t = QZ(e)) { + return t === 0 ? e : e.split(` +`).map((r) => r.slice(t)).join(` +`); +} +function P_(e) { + return Ar(!1, Ar(!1, e, "'", "'"), """, '"'); +} +function Oa(e) { + return P_(e.value); +} +function Nh(e, t) { + return uu(e, t) && !JZ.has(e.fullName); +} +function uu(e, t) { + return t.parser === "vue" && e.type === "element" && e.parent.type === "root" && e.fullName.toLowerCase() !== "html"; +} +function K3(e, t) { + return uu(e, t) && (Nh(e, t) || e.attrMap.lang && e.attrMap.lang !== "html"); +} +function ZZ(e) { + let t = e.fullName; + return t.charAt(0) === "#" || t === "slot-scope" || t === "v-slot" || t.startsWith("v-slot:"); +} +function eee(e, t) { + let r = e.parent; + if (!uu(r, t)) return !1; + let n = r.fullName, o = e.fullName; + return n === "script" && o === "setup" || n === "style" && o === "vars"; +} +function F_(e, t = e.value) { + return e.parent.isWhitespaceSensitive ? e.parent.isIndentationSensitive ? wn(t) : wn(I_(S_(t)), Ie) : su(ht, Qn.split(t)); +} +function O_(e, t) { + return uu(e, t) && e.name === "script"; +} +async function tee(e, t) { + let r = []; + for (let [n, o] of e.split(L_).entries()) if (n % 2 === 0) r.push(wn(o)); + else try { + r.push(lt(["{{", Jn([ht, await bn(o, t, { parser: "__ng_interpolation", __isInHtmlInterpolation: !0 })]), ht, "}}"])); + } catch { + r.push("{{", wn(o), "}}"); + } + return r; +} +function X3({ parser: e }) { + return (t, r, n) => bn(Oa(n.node), t, { parser: e }, lu); +} +function aee(e, t) { + if (t.parser !== "angular") return; + let { node: r } = e, n = r.fullName; + if (n.startsWith("(") && n.endsWith(")") || n.startsWith("on-")) return ree; + if (n.startsWith("[") && n.endsWith("]") || /^bind(?:on)?-/u.test(n) || /^ng-(?:if|show|hide|class|style)$/u.test(n)) return nee; + if (n.startsWith("*")) return oee; + let o = Oa(r); + if (/^i18n(?:-.+)?$/u.test(n)) return () => Fh(w_(F_(r, o.trim())), !o.includes("@@")); + if (L_.test(o)) return (i) => tee(o, i); +} +function see(e, t) { + let { node: r } = e, n = Oa(r); + if (r.fullName === "class" && !t.parentParser && !n.includes("{{")) return () => n.trim().split(/\s+/u).join(" "); +} +function B9(e) { + return e === " " || e === ` +` || e === "\f" || e === "\r" || e === " "; +} +function hee(e) { + let t = e.length, r, n, o, i, s, l = 0, u; + function c(g) { + let S, v = g.exec(e.substring(l)); + if (v) return [S] = v, l += S.length, S; + } + a(c, "p"); + let p = []; + for (; ; ) { + if (c(cee), l >= t) { + if (p.length === 0) throw new Error("Must contain one or more image candidate strings."); + return p; + } + u = l, r = c(pee), n = [], r.slice(-1) === "," ? (r = r.replace(fee, ""), m()) : h(); + } + function h() { + for (c(uee), o = "", i = "in descriptor"; ; ) { + if (s = e.charAt(l), i === "in descriptor") if (B9(s)) o && (n.push(o), o = "", i = "after descriptor"); + else if (s === ",") { + l += 1, o && n.push(o), m(); + return; + } else if (s === "(") o += s, i = "in parens"; + else if (s === "") { + o && n.push(o), m(); + return; + } else o += s; + else if (i === "in parens") if (s === ")") o += s, i = "in descriptor"; + else if (s === "") { + n.push(o), m(); + return; + } else o += s; + else if (i === "after descriptor" && !B9(s)) if (s === "") { + m(); + return; + } else i = "in descriptor", l -= 1; + l += 1; + } + } + a(h, "f"); + function m() { + let g = !1, S, v, b, w, y = {}, E, x, C, D, R; + for (w = 0; w < n.length; w++) E = n[w], x = E[E.length - 1], C = E.substring(0, E.length - 1), D = parseInt(C, 10), R = parseFloat(C), $9. + test(C) && x === "w" ? ((S || v) && (g = !0), D === 0 ? g = !0 : S = D) : dee.test(C) && x === "x" ? ((S || v || b) && (g = !0), R < 0 ? + g = !0 : v = R) : $9.test(C) && x === "h" ? ((b || v) && (g = !0), D === 0 ? g = !0 : b = D) : g = !0; + if (!g) y.source = { value: r, startOffset: u }, S && (y.width = { value: S }), v && (y.density = { value: v }), b && (y.height = { value: b }), + p.push(y); + else throw new Error(`Invalid srcset descriptor found in "${e}" at "${E}".`); + } + a(m, "d"); +} +function gee(e) { + if (e.node.fullName === "srcset" && (e.parent.fullName === "img" || e.parent.fullName === "source")) return () => yee(Oa(e.node)); +} +function yee(e) { + let t = mee(e), r = vee.filter((p) => t.some((h) => Object.prototype.hasOwnProperty.call(h, p))); + if (r.length > 1) throw new Error("Mixed descriptor in srcset is not supported"); + let [n] = r, o = N_[n], i = t.map((p) => p.source.value), s = Math.max(...i.map((p) => p.length)), l = t.map((p) => p[n] ? String(p[n].value) : + ""), u = l.map((p) => { + let h = p.indexOf("."); + return h === -1 ? p.length : h; + }), c = Math.max(...u); + return Fh(su([",", ht], i.map((p, h) => { + let m = [p], g = l[h]; + if (g) { + let S = s - p.length + 1, v = c - u[h], b = " ".repeat(S + v); + m.push(wh(b, " "), g + o); + } + return m; + }))); +} +function bee(e, t) { + let { node: r } = e, n = Oa(e.node).trim(); + if (r.fullName === "style" && !t.parentParser && !n.includes("{{")) return async (o) => Fh(await o(n, { parser: "css", __isHTMLStyleAttribute: !0 })); +} +function See(e, t) { + let { root: r } = e; + return _3.has(r) || _3.set(r, r.children.some((n) => O_(n, t) && ["ts", "typescript"].includes(n.attrMap.lang))), _3.get(r); +} +function Eee(e, t, r) { + let { node: n } = r, o = Oa(n); + return bn(`type T<${o}> = any`, e, { parser: "babel-ts", __isEmbeddedTypescriptGenericParameters: !0 }, lu); +} +function xee(e, t, { parseWithTs: r }) { + return bn(`function _(${e}) {}`, t, { parser: r ? "babel-ts" : "babel", __isVueBindings: !0 }); +} +function Cee(e) { + let t = /^(?:[\w$]+|\([^)]*\))\s*=>|^function\s*\(/u, r = /^[$_a-z][\w$]*(?:\.[$_a-z][\w$]*|\['[^']*'\]|\["[^"]*"\]|\[\d+\]|\[[$_a-z][\w$]*\])*$/iu, + n = e.trim(); + return t.test(n) || r.test(n); +} +async function Dee(e, t, r, n) { + let o = Oa(r.node), { left: i, operator: s, right: l } = Ree(o), u = Q3(r, n); + return [lt(await bn(`function _(${i}) {}`, e, { parser: u ? "babel-ts" : "babel", __isVueForBindingLeft: !0 })), " ", s, " ", await bn(l, e, + { parser: u ? "__ts_expression" : "__js_expression" })]; +} +function Ree(e) { + let t = /(.*?)\s+(in|of)\s+(.*)/su, r = /,([^,\]}]*)(?:,([^,\]}]*))?$/u, n = /^\(|\)$/gu, o = e.match(t); + if (!o) return; + let i = {}; + if (i.for = o[3].trim(), !i.for) return; + let s = Ar(!1, o[1].trim(), n, ""), l = s.match(r); + l ? (i.alias = s.replace(r, ""), i.iterator1 = l[1].trim(), l[2] && (i.iterator2 = l[2].trim())) : i.alias = s; + let u = [i.alias, i.iterator1, i.iterator2]; + if (!u.some((c, p) => !c && (p === 0 || u.slice(p + 1).some(Boolean)))) return { left: u.filter(Boolean).join(","), operator: o[2], right: i. + for }; +} +function Aee(e, t) { + if (t.parser !== "vue") return; + let { node: r } = e, n = r.fullName; + if (n === "v-for") return Dee; + if (n === "generic" && O_(r.parent, t)) return Eee; + let o = Oa(r), i = Q3(e, t); + if (ZZ(r) || eee(r, t)) return (s) => xee(o, s, { parseWithTs: i }); + if (n.startsWith("@") || n.startsWith("v-on:")) return (s) => _ee(o, s, { parseWithTs: i }); + if (n.startsWith(":") || n.startsWith("v-bind:")) return (s) => Tee(o, s, { parseWithTs: i }); + if (n.startsWith("v-")) return (s) => M_(o, s, { parseWithTs: i }); +} +function _ee(e, t, { parseWithTs: r }) { + return Cee(e) ? M_(e, t, { parseWithTs: r }) : bn(e, t, { parser: r ? "__vue_ts_event_binding" : "__vue_event_binding" }, lu); +} +function Tee(e, t, { parseWithTs: r }) { + return bn(e, t, { parser: r ? "__vue_ts_expression" : "__vue_expression" }, lu); +} +function M_(e, t, { parseWithTs: r }) { + return bn(e, t, { parser: r ? "__ts_expression" : "__js_expression" }, lu); +} +function Iee(e, t) { + let { node: r } = e; + if (r.value) { + if (/^PRETTIER_HTML_PLACEHOLDER_\d+_\d+_IN_JS$/u.test(t.originalText.slice(r.valueSpan.start.offset, r.valueSpan.end.offset)) || t.parser === + "lwc" && r.value.startsWith("{") && r.value.endsWith("}")) return [r.rawName, "=", r.value]; + for (let n of [wee, bee, lee, kee, iee]) { + let o = n(e, t); + if (o) return Pee(o); + } + } +} +function Pee(e) { + return async (t, r, n, o) => { + let i = await e(t, r, n, o); + if (i) return i = G3(i, (s) => typeof s == "string" ? Ar(!1, s, '"', """) : s), [n.node.rawName, '="', lt(i), '"']; + }; +} +function Oee(e) { + return Array.isArray(e) && e.length > 0; +} +function Mh(e) { + return e.sourceSpan.start.offset; +} +function Bh(e) { + return e.sourceSpan.end.offset; +} +function O3(e, t) { + return [e.isSelfClosing ? "" : Lee(e, t), Xp(e, t)]; +} +function Lee(e, t) { + return e.lastChild && tf(e.lastChild) ? "" : [Nee(e, t), Z3(e, t)]; +} +function Xp(e, t) { + return (e.next ? Li(e.next) : sf(e.parent)) ? "" : [af(e, t), Oi(e, t)]; +} +function Nee(e, t) { + return sf(e) ? af(e.lastChild, t) : ""; +} +function Oi(e, t) { + return tf(e) ? Z3(e.parent, t) : $h(e) ? e4(e.next) : ""; +} +function Z3(e, t) { + if ($_(!e.isSelfClosing), z_(e, t)) return ""; + switch (e.type) { + case "ieConditionalComment": + return "<!"; + case "element": + if (e.hasHtmComponentClosingTag) return "<//"; + default: + return `</${e.rawName}`; + } +} +function af(e, t) { + if (z_(e, t)) return ""; + switch (e.type) { + case "ieConditionalComment": + case "ieConditionalEndComment": + return "[endif]-->"; + case "ieConditionalStartComment": + return "]><!-->"; + case "interpolation": + return "}}"; + case "angularIcuExpression": + return "}"; + case "element": + if (e.isSelfClosing) return "/>"; + default: + return ">"; + } +} +function z_(e, t) { + return !e.isSelfClosing && !e.endSourceSpan && (Lh(e) || E_(e.parent, t)); +} +function Li(e) { + return e.prev && e.prev.type !== "docType" && e.type !== "angularControlFlowBlock" && !Wr(e.prev) && e.isLeadingSpaceSensitive && !e.hasLeadingSpaces; +} +function sf(e) { + var t; + return ((t = e.lastChild) == null ? void 0 : t.isTrailingSpaceSensitive) && !e.lastChild.hasTrailingSpaces && !Wr(Y3(e.lastChild)) && !iu( + e); +} +function tf(e) { + return !e.next && !e.hasTrailingSpaces && e.isTrailingSpaceSensitive && Wr(Y3(e)); +} +function $h(e) { + return e.next && !Wr(e.next) && Wr(e) && e.isTrailingSpaceSensitive && !e.hasTrailingSpaces; +} +function Mee(e) { + let t = e.trim().match(/^prettier-ignore-attribute(?:\s+(.+))?$/su); + return t ? t[1] ? t[1].split(/\s+/u) : !0 : !1; +} +function zh(e) { + return !e.prev && e.isLeadingSpaceSensitive && !e.hasLeadingSpaces; +} +function Bee(e, t, r) { + var n; + let { node: o } = e; + if (!J3(o.attrs)) return o.isSelfClosing ? " " : ""; + let i = ((n = o.prev) == null ? void 0 : n.type) === "comment" && Mee(o.prev.value), s = typeof i == "boolean" ? () => i : Array.isArray(i) ? + (h) => i.includes(h.rawName) : () => !1, l = e.map(({ node: h }) => s(h) ? wn(t.originalText.slice(Mh(h), Bh(h))) : r(), "attrs"), u = o.type === + "element" && o.fullName === "script" && o.attrs.length === 1 && o.attrs[0].fullName === "src" && o.children.length === 0, c = t.singleAttributePerLine && + o.attrs.length > 1 && !uu(o, t) ? Ie : ht, p = [Jn([u ? " " : ht, su(c, l)])]; + return o.firstChild && zh(o.firstChild) || o.isSelfClosing && sf(o.parent) || u ? p.push(o.isSelfClosing ? " " : "") : p.push(t.bracketSameLine ? + o.isSelfClosing ? " " : "" : o.isSelfClosing ? ht : Ot), p; +} +function $ee(e) { + return e.firstChild && zh(e.firstChild) ? "" : t4(e); +} +function L3(e, t, r) { + let { node: n } = e; + return [Qp(n, t), Bee(e, t, r), n.isSelfClosing ? "" : $ee(n)]; +} +function Qp(e, t) { + return e.prev && $h(e.prev) ? "" : [Ni(e, t), e4(e)]; +} +function Ni(e, t) { + return zh(e) ? t4(e.parent) : Li(e) ? af(e.prev, t) : ""; +} +function e4(e) { + switch (e.type) { + case "ieConditionalComment": + case "ieConditionalStartComment": + return `<!--[if ${e.condition}`; + case "ieConditionalEndComment": + return "<!--<!"; + case "interpolation": + return "{{"; + case "docType": + return e.value === "html" ? "<!doctype" : "<!DOCTYPE"; + case "angularIcuExpression": + return "{"; + case "element": + if (e.condition) return `<!--[if ${e.condition}]><!--><${e.rawName}`; + default: + return `<${e.rawName}`; + } +} +function t4(e) { + switch ($_(!e.isSelfClosing), e.type) { + case "ieConditionalComment": + return "]>"; + case "element": + if (e.condition) return "><!--<![endif]-->"; + default: + return ">"; + } +} +function zee(e, t) { + if (!e.endSourceSpan) return ""; + let r = e.startSourceSpan.end.offset; + e.firstChild && zh(e.firstChild) && (r -= t4(e).length); + let n = e.endSourceSpan.start.offset; + return e.lastChild && tf(e.lastChild) ? n += Z3(e, t).length : sf(e) && (n -= af(e.lastChild, t).length), t.originalText.slice(r, n); +} +function jee(e, t) { + let { node: r } = e; + switch (r.type) { + case "element": + if (Do(r) || r.type === "interpolation") return; + if (!r.isSelfClosing && K3(r, t)) { + let n = M9(r, t); + return n ? async (o, i) => { + let s = H_(r, t), l = /^\s*$/u.test(s), u = ""; + return l || (u = await o(S_(s), { parser: n, __embeddedInHtml: !0 }), l = u === ""), [Ni(r, t), lt(L3(e, t, i)), l ? "" : Ie, u, l ? + "" : Ie, O3(r, t), Oi(r, t)]; + } : void 0; + } + break; + case "text": + if (Do(r.parent)) { + let n = M9(r.parent, t); + if (n) return async (o) => { + let i = n === "markdown" ? I_(r.value.replace(/^[^\S\n]*\n/u, "")) : r.value, s = { parser: n, __embeddedInHtml: !0 }; + if (t.parser === "html" && n === "babel") { + let l = "script", { attrMap: u } = r.parent; + u && (u.type === "module" || u.type === "text/babel" && u["data-type"] === "module") && (l = "module"), s.__babelSourceType = l; + } + return [rf, Ni(r, t), await o(i, s), Oi(r, t)]; + }; + } else if (r.parent.type === "interpolation") return async (n) => { + let o = { __isInHtmlInterpolation: !0, __embeddedInHtml: !0 }; + return t.parser === "angular" ? o.parser = "__ng_interpolation" : t.parser === "vue" ? o.parser = Q3(e, t) ? "__vue_ts_expression" : + "__vue_expression" : o.parser = "__js_expression", [Jn([ht, await n(r.value, o)]), r.parent.next && Li(r.parent.next) ? " " : ht]; + }; + break; + case "attribute": + return Fee(e, t); + case "front-matter": + return (n) => wZ(r, n); + case "angularControlFlowBlockParameters": + return Hee.has(e.parent.name) ? SZ : void 0; + case "angularLetDeclarationInitializer": + return (n) => bn(r.value, n, { parser: "__ng_binding", __isInHtmlAttribute: !1 }); + } +} +function Jp(e) { + if (qp !== null && typeof qp.property) { + let t = qp; + return qp = Jp.prototype = null, t; + } + return qp = Jp.prototype = e ?? /* @__PURE__ */ Object.create(null), new Jp(); +} +function Wee(e) { + return Jp(e); +} +function qee(e, t = "type") { + Wee(e); + function r(n) { + let o = n[t], i = e[o]; + if (!Array.isArray(i)) throw Object.assign(new Error(`Missing visitor keys for '${o}'.`), { node: n }); + return i; + } + return a(r, "r"), r; +} +function Jee(e) { + return /^\s*<!--\s*@(?:format|prettier)\s*-->/u.test(e); +} +function Zee(e) { + return `<!-- @format --> + +` + e; +} +function j_(e) { + let t = Bh(e); + return e.type === "element" && !e.endSourceSpan && J3(e.children) ? Math.max(t, j_(nf(!1, e.children, -1))) : t; +} +function Gp(e, t, r) { + let n = e.node; + if (Lh(n)) { + let o = j_(n); + return [Ni(n, t), wn(Qn.trimEnd(t.originalText.slice(Mh(n) + (n.prev && $h(n.prev) ? e4(n).length : 0), o - (n.next && Li(n.next) ? af(n, + t).length : 0)))), Oi(n, t)]; + } + return r(); +} +function hh(e, t) { + return Wr(e) && Wr(t) ? e.isTrailingSpaceSensitive ? e.hasTrailingSpaces ? A3(t) ? Ie : ht : "" : A3(t) ? Ie : Ot : $h(e) && (Lh(t) || t.firstChild || + t.isSelfClosing || t.type === "element" && t.attrs.length > 0) || e.type === "element" && e.isSelfClosing && Li(t) ? "" : !t.isLeadingSpaceSensitive || + A3(t) || Li(t) && e.lastChild && tf(e.lastChild) && e.lastChild.lastChild && tf(e.lastChild.lastChild) ? Ie : t.hasLeadingSpaces ? ht : Ot; +} +function r4(e, t, r) { + let { node: n } = e; + if (C_(n)) return [rf, ...e.map((i) => { + let s = i.node, l = s.prev ? hh(s.prev, s) : ""; + return [l ? [l, dh(s.prev) ? Ie : ""] : "", Gp(i, t, r)]; + }, "children")]; + let o = n.children.map(() => Symbol("")); + return e.map((i, s) => { + let l = i.node; + if (Wr(l)) { + if (l.prev && Wr(l.prev)) { + let S = hh(l.prev, l); + if (S) return dh(l.prev) ? [Ie, Ie, Gp(i, t, r)] : [S, Gp(i, t, r)]; + } + return Gp(i, t, r); + } + let u = [], c = [], p = [], h = [], m = l.prev ? hh(l.prev, l) : "", g = l.next ? hh(l, l.next) : ""; + return m && (dh(l.prev) ? u.push(Ie, Ie) : m === Ie ? u.push(Ie) : Wr(l.prev) ? c.push(m) : c.push(wh("", Ot, { groupId: o[s - 1] }))), g && + (dh(l) ? Wr(l.next) && h.push(Ie, Ie) : g === Ie ? Wr(l.next) && h.push(Ie) : p.push(g)), [...u, lt([...c, lt([Gp(i, t, r), ...p], { id: o[s] })]), + ...h]; + }, "children"); +} +function tte(e, t, r) { + let { node: n } = e, o = []; + rte(e) && o.push("} "), o.push("@", n.name), n.parameters && o.push(" (", lt(r("parameters")), ")"), o.push(" {"); + let i = V_(n); + return n.children.length > 0 ? (n.firstChild.hasLeadingSpaces = !0, n.lastChild.hasTrailingSpaces = !0, o.push(Jn([Ie, r4(e, t, r)])), i && + o.push(Ie, "}")) : i && o.push("}"), lt(o, { shouldBreak: !0 }); +} +function V_(e) { + var t, r; + return !(((t = e.next) == null ? void 0 : t.type) === "angularControlFlowBlock" && (r = ete.get(e.name)) != null && r.has(e.next.name)); +} +function rte(e) { + let { previous: t } = e; + return t?.type === "angularControlFlowBlock" && !Lh(t) && !V_(t); +} +function nte(e, t, r) { + return [Jn([Ot, su([";", ht], e.map(r, "children"))]), Ot]; +} +function ote(e, t, r) { + let { node: n } = e; + return [Qp(n, t), lt([n.switchValue.trim(), ", ", n.clause, n.cases.length > 0 ? [",", Jn([ht, su(ht, e.map(r, "cases"))])] : "", Ot]), Xp( + n, t)]; +} +function ate(e, t, r) { + let { node: n } = e; + return [n.value, " {", lt([Jn([Ot, e.map(({ node: o }) => o.type === "text" && !Qn.trim(o.value) ? "" : r(), "expression")]), Ot]), "}"]; +} +function ite(e, t, r) { + let { node: n } = e; + if (E_(n, t)) return [Ni(n, t), lt(L3(e, t, r)), wn(H_(n, t)), ...O3(n, t), Oi(n, t)]; + let o = n.children.length === 1 && (n.firstChild.type === "interpolation" || n.firstChild.type === "angularIcuExpression") && n.firstChild. + isLeadingSpaceSensitive && !n.firstChild.hasLeadingSpaces && n.lastChild.isTrailingSpaceSensitive && !n.lastChild.hasTrailingSpaces, i = Symbol( + "element-attr-group-id"), s = /* @__PURE__ */ a((p) => lt([lt(L3(e, t, r), { id: i }), p, O3(n, t)]), "a"), l = /* @__PURE__ */ a((p) => o ? + JJ(p, { groupId: i }) : (Do(n) || Nh(n, t)) && n.parent.type === "root" && t.parser === "vue" && !t.vueIndentScriptAndStyle ? p : Jn(p), "\ +o"), u = /* @__PURE__ */ a(() => o ? wh(Ot, "", { groupId: i }) : n.firstChild.hasLeadingSpaces && n.firstChild.isLeadingSpaceSensitive ? ht : + n.firstChild.type === "text" && n.isWhitespaceSensitive && n.isIndentationSensitive ? XJ(Ot) : Ot, "u"), c = /* @__PURE__ */ a(() => (n.next ? + Li(n.next) : sf(n.parent)) ? n.lastChild.hasTrailingSpaces && n.lastChild.isTrailingSpaceSensitive ? " " : "" : o ? wh(Ot, "", { groupId: i }) : + n.lastChild.hasTrailingSpaces && n.lastChild.isTrailingSpaceSensitive ? ht : (n.lastChild.type === "comment" || n.lastChild.type === "text" && + n.isWhitespaceSensitive && n.isIndentationSensitive) && new RegExp(`\\n[\\t ]{${t.tabWidth * (e.ancestors.length - 1)}}$`, "u").test(n.lastChild. + value) ? "" : Ot, "p"); + return n.children.length === 0 ? s(n.hasDanglingSpaces && n.isDanglingSpaceSensitive ? ht : "") : s([BZ(n) ? rf : "", l([u(), r4(e, t, r)]), + c()]); +} +function bh(e) { + return e >= 9 && e <= 32 || e == 160; +} +function n4(e) { + return 48 <= e && e <= 57; +} +function Sh(e) { + return e >= 97 && e <= 122 || e >= 65 && e <= 90; +} +function ste(e) { + return e >= 97 && e <= 102 || e >= 65 && e <= 70 || n4(e); +} +function o4(e) { + return e === 10 || e === 13; +} +function z9(e) { + return 48 <= e && e <= 55; +} +function T3(e) { + return e === 39 || e === 34 || e === 96; +} +function ute(e) { + return e.replace(lte, (...t) => t[1].toUpperCase()); +} +function pte(e, t) { + for (let r of cte) r(e, t); + return e; +} +function fte(e) { + e.walk((t) => { + if (t.type === "element" && t.tagDefinition.ignoreFirstLf && t.children.length > 0 && t.children[0].type === "text" && t.children[0].value[0] === + ` +`) { + let r = t.children[0]; + r.value.length === 1 ? t.removeChild(r) : r.value = r.value.slice(1); + } + }); +} +function dte(e) { + let t = /* @__PURE__ */ a((r) => { + var n, o; + return r.type === "element" && ((n = r.prev) == null ? void 0 : n.type) === "ieConditionalStartComment" && r.prev.sourceSpan.end.offset === + r.startSourceSpan.start.offset && ((o = r.firstChild) == null ? void 0 : o.type) === "ieConditionalEndComment" && r.firstChild.sourceSpan. + start.offset === r.startSourceSpan.end.offset; + }, "e"); + e.walk((r) => { + if (r.children) for (let n = 0; n < r.children.length; n++) { + let o = r.children[n]; + if (!t(o)) continue; + let i = o.prev, s = o.firstChild; + r.removeChild(i), n--; + let l = new oe(i.sourceSpan.start, s.sourceSpan.end), u = new oe(l.start, o.sourceSpan.end); + o.condition = i.condition, o.sourceSpan = u, o.startSourceSpan = l, o.removeChild(s); + } + }); +} +function hte(e, t, r) { + e.walk((n) => { + if (n.children) for (let o = 0; o < n.children.length; o++) { + let i = n.children[o]; + if (i.type !== "text" && !t(i)) continue; + i.type !== "text" && (i.type = "text", i.value = r(i)); + let s = i.prev; + !s || s.type !== "text" || (s.value += i.value, s.sourceSpan = new oe(s.sourceSpan.start, i.sourceSpan.end), n.removeChild(i), o--); + } + }); +} +function mte(e) { + return hte(e, (t) => t.type === "cdata", (t) => `<![CDATA[${t.value}]]>`); +} +function gte(e) { + let t = /* @__PURE__ */ a((r) => { + var n, o; + return r.type === "element" && r.attrs.length === 0 && r.children.length === 1 && r.firstChild.type === "text" && !Qn.hasWhitespaceCharacter( + r.children[0].value) && !r.firstChild.hasLeadingSpaces && !r.firstChild.hasTrailingSpaces && r.isLeadingSpaceSensitive && !r.hasLeadingSpaces && + r.isTrailingSpaceSensitive && !r.hasTrailingSpaces && ((n = r.prev) == null ? void 0 : n.type) === "text" && ((o = r.next) == null ? void 0 : + o.type) === "text"; + }, "e"); + e.walk((r) => { + if (r.children) for (let n = 0; n < r.children.length; n++) { + let o = r.children[n]; + if (!t(o)) continue; + let i = o.prev, s = o.next; + i.value += `<${o.rawName}>` + o.firstChild.value + `</${o.rawName}>` + s.value, i.sourceSpan = new oe(i.sourceSpan.start, s.sourceSpan. + end), i.isTrailingSpaceSensitive = s.isTrailingSpaceSensitive, i.hasTrailingSpaces = s.hasTrailingSpaces, r.removeChild(o), n--, r.removeChild( + s); + } + }); +} +function vte(e, t) { + if (t.parser === "html") return; + let r = /\{\{(.+?)\}\}/su; + e.walk((n) => { + if (FZ(n)) for (let o of n.children) { + if (o.type !== "text") continue; + let i = o.sourceSpan.start, s = null, l = o.value.split(r); + for (let u = 0; u < l.length; u++, i = s) { + let c = l[u]; + if (u % 2 === 0) { + s = i.moveBy(c.length), c.length > 0 && n.insertChildBefore(o, { type: "text", value: c, sourceSpan: new oe(i, s) }); + continue; + } + s = i.moveBy(c.length + 4), n.insertChildBefore(o, { type: "interpolation", sourceSpan: new oe(i, s), children: c.length === 0 ? [] : + [{ type: "text", value: c, sourceSpan: new oe(i.moveBy(2), s.moveBy(-2)) }] }); + } + n.removeChild(o); + } + }); +} +function yte(e) { + e.walk((t) => { + if (!t.children) return; + if (t.children.length === 0 || t.children.length === 1 && t.children[0].type === "text" && Qn.trim(t.children[0].value).length === 0) { + t.hasDanglingSpaces = t.children.length > 0, t.children = []; + return; + } + let r = OZ(t), n = x_(t); + if (!r) for (let o = 0; o < t.children.length; o++) { + let i = t.children[o]; + if (i.type !== "text") continue; + let { leadingWhitespace: s, text: l, trailingWhitespace: u } = IZ(i.value), c = i.prev, p = i.next; + l ? (i.value = l, i.sourceSpan = new oe(i.sourceSpan.start.moveBy(s.length), i.sourceSpan.end.moveBy(-u.length)), s && (c && (c.hasTrailingSpaces = + !0), i.hasLeadingSpaces = !0), u && (i.hasTrailingSpaces = !0, p && (p.hasLeadingSpaces = !0))) : (t.removeChild(i), o--, (s || u) && (c && + (c.hasTrailingSpaces = !0), p && (p.hasLeadingSpaces = !0))); + } + t.isWhitespaceSensitive = r, t.isIndentationSensitive = n; + }); +} +function wte(e) { + e.walk((t) => { + t.isSelfClosing = !t.children || t.type === "element" && (t.tagDefinition.isVoid || t.endSourceSpan && t.startSourceSpan.start === t.endSourceSpan. + start && t.startSourceSpan.end === t.endSourceSpan.end); + }); +} +function bte(e, t) { + e.walk((r) => { + r.type === "element" && (r.hasHtmComponentClosingTag = r.endSourceSpan && /^<\s*\/\s*\/\s*>$/u.test(t.originalText.slice(r.endSourceSpan. + start.offset, r.endSourceSpan.end.offset))); + }); +} +function Ste(e, t) { + e.walk((r) => { + r.cssDisplay = XZ(r, t); + }); +} +function Ete(e, t) { + e.walk((r) => { + let { children: n } = r; + if (n) { + if (n.length === 0) { + r.isDanglingSpaceSensitive = MZ(r); + return; + } + for (let o of n) o.isLeadingSpaceSensitive = LZ(o, t), o.isTrailingSpaceSensitive = NZ(o, t); + for (let o = 0; o < n.length; o++) { + let i = n[o]; + i.isLeadingSpaceSensitive = (o === 0 || i.prev.isTrailingSpaceSensitive) && i.isLeadingSpaceSensitive, i.isTrailingSpaceSensitive = (o === + n.length - 1 || i.next.isLeadingSpaceSensitive) && i.isTrailingSpaceSensitive; + } + } + }); +} +function Cte(e, t, r) { + let { node: n } = e; + switch (n.type) { + case "front-matter": + return wn(n.raw); + case "root": + return t.__onHtmlRoot && t.__onHtmlRoot(n), [lt(r4(e, t, r)), Ie]; + case "element": + case "ieConditionalComment": + return ite(e, t, r); + case "angularControlFlowBlock": + return tte(e, t, r); + case "angularControlFlowBlockParameters": + return nte(e, t, r); + case "angularControlFlowBlockParameter": + return Qn.trim(n.expression); + case "angularLetDeclaration": + return lt(["@let ", lt([n.id, " =", lt(Jn([ht, r("init")]))]), ";"]); + case "angularLetDeclarationInitializer": + return n.value; + case "angularIcuExpression": + return ote(e, t, r); + case "angularIcuCase": + return ate(e, t, r); + case "ieConditionalStartComment": + case "ieConditionalEndComment": + return [Qp(n), Xp(n)]; + case "interpolation": + return [Qp(n, t), ...e.map(r, "children"), Xp(n, t)]; + case "text": { + if (n.parent.type === "interpolation") { + let i = /\n[^\S\n]*$/u, s = i.test(n.value), l = s ? n.value.replace(i, "") : n.value; + return [wn(l), s ? Ie : ""]; + } + let o = oZ([Ni(n, t), ...F_(n), Oi(n, t)]); + return Array.isArray(o) ? w_(o) : o; + } + case "docType": + return [lt([Qp(n, t), " ", Ar(!1, n.value.replace(/^html\b/iu, "html"), /\s+/gu, " ")]), Xp(n, t)]; + case "comment": + return [Ni(n, t), wn(t.originalText.slice(Mh(n), Bh(n))), Oi(n, t)]; + case "attribute": { + if (n.value === null) return n.rawName; + let o = P_(n.value), i = iZ(o, '"'); + return [n.rawName, "=", i, wn(i === '"' ? Ar(!1, o, '"', """) : Ar(!1, o, "'", "'")), i]; + } + case "cdata": + default: + throw new dZ(n, "HTML"); + } +} +function Hh(e, t = !0) { + if (e[0] != ":") return [null, e]; + let r = e.indexOf(":", 1); + if (r === -1) { + if (t) throw new Error(`Unsupported format "${e}" expecting ":namespace:name"`); + return [null, e]; + } + return [e.slice(1, r), e.slice(r + 1)]; +} +function K9(e) { + return Hh(e)[1] === "ng-container"; +} +function X9(e) { + return Hh(e)[1] === "ng-content"; +} +function vh(e) { + return e === null ? null : Hh(e)[0]; +} +function xh(e, t) { + return e ? `:${e}:${t}` : t; +} +function Q9() { + return yh || (yh = {}, mh(_i.HTML, ["iframe|srcdoc", "*|innerHTML", "*|outerHTML"]), mh(_i.STYLE, ["*|style"]), mh(_i.URL, ["*|formAction", + "area|href", "area|ping", "audio|src", "a|href", "a|ping", "blockquote|cite", "body|background", "del|cite", "form|action", "img|src", "in\ +put|src", "ins|cite", "q|cite", "source|src", "track|src", "video|poster", "video|src"]), mh(_i.RESOURCE_URL, ["applet|code", "applet|codeba\ +se", "base|href", "embed|src", "frame|src", "head|profile", "html|manifest", "iframe|src", "link|href", "media|src", "object|codebase", "obj\ +ect|data", "script|src"])), yh; +} +function mh(e, t) { + for (let r of t) yh[r.toLowerCase()] = e; +} +function Bte(e) { + switch (e) { + case "width": + case "height": + case "minWidth": + case "minHeight": + case "maxWidth": + case "maxHeight": + case "left": + case "top": + case "bottom": + case "right": + case "fontSize": + case "outlineWidth": + case "outlineOffset": + case "paddingTop": + case "paddingLeft": + case "paddingBottom": + case "paddingRight": + case "marginTop": + case "marginLeft": + case "marginBottom": + case "marginRight": + case "borderRadius": + case "borderWidth": + case "borderTopWidth": + case "borderLeftWidth": + case "borderRightWidth": + case "borderBottomWidth": + case "textIndent": + return !0; + default: + return !1; + } +} +function M3(e) { + return Yp || (J9 = new ne({ canSelfClose: !0 }), Yp = Object.assign(/* @__PURE__ */ Object.create(null), { base: new ne({ isVoid: !0 }), meta: new ne( + { isVoid: !0 }), area: new ne({ isVoid: !0 }), embed: new ne({ isVoid: !0 }), link: new ne({ isVoid: !0 }), img: new ne({ isVoid: !0 }), input: new ne( + { isVoid: !0 }), param: new ne({ isVoid: !0 }), hr: new ne({ isVoid: !0 }), br: new ne({ isVoid: !0 }), source: new ne({ isVoid: !0 }), track: new ne( + { isVoid: !0 }), wbr: new ne({ isVoid: !0 }), p: new ne({ closedByChildren: ["address", "article", "aside", "blockquote", "div", "dl", "fi\ +eldset", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "main", "nav", "ol", "p", "pre", "section", "table", + "ul"], closedByParent: !0 }), thead: new ne({ closedByChildren: ["tbody", "tfoot"] }), tbody: new ne({ closedByChildren: ["tbody", "tfoot"], + closedByParent: !0 }), tfoot: new ne({ closedByChildren: ["tbody"], closedByParent: !0 }), tr: new ne({ closedByChildren: ["tr"], closedByParent: !0 }), + td: new ne({ closedByChildren: ["td", "th"], closedByParent: !0 }), th: new ne({ closedByChildren: ["td", "th"], closedByParent: !0 }), col: new ne( + { isVoid: !0 }), svg: new ne({ implicitNamespacePrefix: "svg" }), foreignObject: new ne({ implicitNamespacePrefix: "svg", preventNamespaceInheritance: !0 }), + math: new ne({ implicitNamespacePrefix: "math" }), li: new ne({ closedByChildren: ["li"], closedByParent: !0 }), dt: new ne({ closedByChildren: [ + "dt", "dd"] }), dd: new ne({ closedByChildren: ["dt", "dd"], closedByParent: !0 }), rb: new ne({ closedByChildren: ["rb", "rt", "rtc", "rp"], + closedByParent: !0 }), rt: new ne({ closedByChildren: ["rb", "rt", "rtc", "rp"], closedByParent: !0 }), rtc: new ne({ closedByChildren: ["\ +rb", "rtc", "rp"], closedByParent: !0 }), rp: new ne({ closedByChildren: ["rb", "rt", "rtc", "rp"], closedByParent: !0 }), optgroup: new ne( + { closedByChildren: ["optgroup"], closedByParent: !0 }), option: new ne({ closedByChildren: ["option", "optgroup"], closedByParent: !0 }), + pre: new ne({ ignoreFirstLf: !0 }), listing: new ne({ ignoreFirstLf: !0 }), style: new ne({ contentType: yn.RAW_TEXT }), script: new ne({ contentType: yn. + RAW_TEXT }), title: new ne({ contentType: { default: yn.ESCAPABLE_RAW_TEXT, svg: yn.PARSABLE_DATA } }), textarea: new ne({ contentType: yn. + ESCAPABLE_RAW_TEXT, ignoreFirstLf: !0 }) }), new Mte().allKnownElementNames().forEach((t) => { + !Yp[t] && vh(t) === null && (Yp[t] = new ne({ canSelfClose: !1 })); + })), Yp[e] ?? J9; +} +function Y_(e, t, r = null) { + let n = [], o = e.visit ? (i) => e.visit(i, r) || i.visit(e, r) : (i) => i.visit(e, r); + return t.forEach((i) => { + let s = o(i); + s && n.push(s); + }), n; +} +function Kte(e, t) { + if (t != null && !(Array.isArray(t) && t.length == 2)) throw new Error(`Expected '${e}' to be an array, [start, end].`); + if (t != null) { + let r = t[0], n = t[1]; + Yte.forEach((o) => { + if (o.test(r) || o.test(n)) throw new Error(`['${r}', '${n}'] contains unusable interpolation symbol.`); + }); + } +} +function Jte(e, t, r, n = {}) { + let o = new tre(new U_(e, t), r, n); + return o.tokenize(), new Qte(sre(o.tokens), o.errors, o.nonNormalizedIcuExpressions); +} +function Tl(e) { + return `Unexpected character "${e === 0 ? "EOF" : String.fromCharCode(e)}"`; +} +function t_(e) { + return `Unknown entity "${e}" - use the "&#<decimal>;" or "&#x<hex>;" syntax`; +} +function ere(e, t) { + return `Unable to parse entity "${t}" - ${e} character reference entities must end with ";"`; +} +function et(e) { + return !bh(e) || e === 0; +} +function r_(e) { + return bh(e) || e === 62 || e === 60 || e === 47 || e === 39 || e === 34 || e === 61 || e === 0; +} +function rre(e) { + return (e < 97 || 122 < e) && (e < 65 || 90 < e) && (e < 48 || e > 57); +} +function nre(e) { + return e === 59 || e === 0 || !ste(e); +} +function ore(e) { + return e === 59 || e === 0 || !Sh(e); +} +function are(e) { + return e !== 125; +} +function ire(e, t) { + return n_(e) === n_(t); +} +function n_(e) { + return e >= 97 && e <= 122 ? e - 97 + 65 : e; +} +function o_(e) { + return Sh(e) || n4(e) || e === 95; +} +function a_(e) { + return e !== 59 && et(e); +} +function sre(e) { + let t = [], r; + for (let n = 0; n < e.length; n++) { + let o = e[n]; + r && r.type === 5 && o.type === 5 || r && r.type === 16 && o.type === 16 ? (r.parts[0] += o.parts[0], r.sourceSpan.end = o.sourceSpan.end) : + (r = o, t.push(r)); + } + return t; +} +function i_(e, t) { + return e.length > 0 && e[e.length - 1] === t; +} +function s_(e, t) { + return Ch[t] !== void 0 ? Ch[t] || e : /^#x[a-f0-9]+$/i.test(t) ? String.fromCodePoint(parseInt(t.slice(2), 16)) : /^#\d+$/.test(t) ? String. + fromCodePoint(parseInt(t.slice(1), 10)) : e; +} +function l_(e, t = {}) { + let { canSelfClose: r = !1, allowHtmComponentClosingTags: n = !1, isTagNameCaseSensitive: o = !1, getTagContentType: i, tokenizeAngularBlocks: s = !1, + tokenizeAngularLetDeclaration: l = !1 } = t; + return dre().parse(e, "angular-html-parser", { tokenizeExpansionForms: s, interpolationConfig: void 0, canSelfClose: r, allowHtmComponentClosingTags: n, + tokenizeBlocks: s, tokenizeLet: l }, o, i); +} +function hre(e, t) { + let r = new SyntaxError(e + " (" + t.loc.start.line + ":" + t.loc.start.column + ")"); + return Object.assign(r, t); +} +function gre(e) { + let t = e.slice(0, Kp); + if (t !== "---" && t !== "+++") return; + let r = e.indexOf(` +`, Kp); + if (r === -1) return; + let n = e.slice(Kp, r).trim(), o = e.indexOf(` +${t}`, r), i = n; + if (i || (i = t === "+++" ? "toml" : "yaml"), o === -1 && t === "---" && i === "yaml" && (o = e.indexOf(` +...`, r)), o === -1) return; + let s = o + 1 + Kp, l = e.charAt(s + 1); + if (!/\s?/u.test(l)) return; + let u = e.slice(0, s); + return { type: "front-matter", language: i, explicitLanguage: n, value: e.slice(r + 1, o), startDelimiter: t, endDelimiter: u.slice(-Kp), raw: u }; +} +function vre(e) { + let t = gre(e); + if (!t) return { content: e }; + let { raw: r } = t; + return { frontMatter: t, content: Ar(!1, r, /[^\n]/gu, " ") + e.slice(r.length) }; +} +function bre(e, t) { + let r = e.map(t); + return r.some((n, o) => n !== e[o]) ? r : e; +} +function Ere(e, t) { + if (e.value) for (let { regex: r, parse: n } of Sre) { + let o = e.value.match(r); + if (o) return n(e, t, o); + } + return null; +} +function xre(e, t, r) { + let [, n, o, i] = r, s = 4 + n.length, l = e.sourceSpan.start.moveBy(s), u = l.moveBy(i.length), [c, p] = (() => { + try { + return [!0, t(i, l).children]; + } catch { + return [!1, [{ type: "text", value: i, sourceSpan: new oe(l, u) }]]; + } + })(); + return { type: "ieConditionalComment", complete: c, children: p, condition: Ar(!1, o.trim(), /\s+/gu, " "), sourceSpan: e.sourceSpan, startSourceSpan: new oe( + e.sourceSpan.start, l), endSourceSpan: new oe(u, e.sourceSpan.end) }; +} +function Cre(e, t, r) { + let [, n] = r; + return { type: "ieConditionalStartComment", condition: Ar(!1, n.trim(), /\s+/gu, " "), sourceSpan: e.sourceSpan }; +} +function Dre(e) { + return { type: "ieConditionalEndComment", sourceSpan: e.sourceSpan }; +} +function Are(e) { + if (e.type === "block") { + if (e.name = Ar(!1, e.name.toLowerCase(), /\s+/gu, " ").trim(), e.type = "angularControlFlowBlock", !J3(e.parameters)) { + delete e.parameters; + return; + } + for (let t of e.parameters) t.type = "angularControlFlowBlockParameter"; + e.parameters = { type: "angularControlFlowBlockParameters", children: e.parameters, sourceSpan: new oe(e.parameters[0].sourceSpan.start, + nf(!1, e.parameters, -1).sourceSpan.end) }; + } +} +function _re(e) { + e.type === "letDeclaration" && (e.type = "angularLetDeclaration", e.id = e.name, e.init = { type: "angularLetDeclarationInitializer", sourceSpan: new oe( + e.valueSpan.start, e.valueSpan.end), value: e.value }, delete e.name, delete e.value); +} +function Tre(e) { + (e.type === "plural" || e.type === "select") && (e.clause = e.type, e.type = "angularIcuExpression"), e.type === "expansionCase" && (e.type = + "angularIcuCase"); +} +function Q_(e, t, r) { + let { name: n, canSelfClose: o = !0, normalizeTagName: i = !1, normalizeAttributeName: s = !1, allowHtmComponentClosingTags: l = !1, isTagNameCaseSensitive: u = !1, + shouldParseAsRawText: c } = t, { rootNodes: p, errors: h } = l_(e, { canSelfClose: o, allowHtmComponentClosingTags: l, isTagNameCaseSensitive: u, + getTagContentType: c ? (...y) => c(...y) ? yn.RAW_TEXT : void 0 : void 0, tokenizeAngularBlocks: n === "angular" ? !0 : void 0, tokenizeAngularLetDeclaration: n === + "angular" ? !0 : void 0 }); + if (n === "vue") { + if (p.some((C) => C.type === "docType" && C.value === "html" || C.type === "element" && C.name.toLowerCase() === "html")) return Q_(e, Z_, + r); + let y, E = /* @__PURE__ */ a(() => y ?? (y = l_(e, { canSelfClose: o, allowHtmComponentClosingTags: l, isTagNameCaseSensitive: u })), "y"), + x = /* @__PURE__ */ a((C) => E().rootNodes.find(({ startSourceSpan: D }) => D && D.start.offset === C.startSourceSpan.start.offset) ?? C, + "M"); + for (let [C, D] of p.entries()) { + let { endSourceSpan: R, startSourceSpan: A } = D; + if (R === null) h = E().errors, p[C] = x(D); + else if (kre(D, r)) { + let _ = E().errors.find((P) => P.span.start.offset > A.start.offset && P.span.start.offset < R.end.offset); + _ && c_(_), p[C] = x(D); + } + } + } + h.length > 0 && c_(h[0]); + let m = /* @__PURE__ */ a((y) => { + let E = y.name.startsWith(":") ? y.name.slice(1).split(":")[0] : null, x = y.nameSpan.toString(), C = E !== null && x.startsWith(`${E}:`), + D = C ? x.slice(E.length + 1) : x; + y.name = D, y.namespace = E, y.hasExplicitNamespace = C; + }, "d"), g = /* @__PURE__ */ a((y) => { + switch (y.type) { + case "element": + m(y); + for (let E of y.attrs) m(E), E.valueSpan ? (E.value = E.valueSpan.toString(), /["']/u.test(E.value[0]) && (E.value = E.value.slice(1, + -1))) : E.value = null; + break; + case "comment": + y.value = y.sourceSpan.toString().slice(4, -3); + break; + case "text": + y.value = y.sourceSpan.toString(); + break; + } + }, "C"), S = /* @__PURE__ */ a((y, E) => { + let x = y.toLowerCase(); + return E(x) ? x : y; + }, "A"), v = /* @__PURE__ */ a((y) => { + if (y.type === "element" && (i && (!y.namespace || y.namespace === y.tagDefinition.implicitNamespacePrefix || ef(y)) && (y.name = S(y.name, + (E) => Rre.has(E))), s)) for (let E of y.attrs) E.namespace || (E.name = S(E.name, (x) => F3.has(y.name) && (F3.get("*").has(x) || F3.get( + y.name).has(x)))); + }, "D"), b = /* @__PURE__ */ a((y) => { + y.sourceSpan && y.endSourceSpan && (y.sourceSpan = new oe(y.sourceSpan.start, y.endSourceSpan.end)); + }, "R"), w = /* @__PURE__ */ a((y) => { + if (y.type === "element") { + let E = M3(u ? y.name : y.name.toLowerCase()); + !y.namespace || y.namespace === E.implicitNamespacePrefix || ef(y) ? y.tagDefinition = E : y.tagDefinition = M3(""); + } + }, "F"); + return Y_(new class extends qte { + visitExpansionCase(y, E) { + n === "angular" && this.visitChildren(E, (x) => { + x(y.expression); + }); + } + visit(y) { + g(y), w(y), v(y), b(y); + } + }(), p), p; +} +function kre(e, t) { + var r; + if (e.type !== "element" || e.name !== "template") return !1; + let n = (r = e.attrs.find((o) => o.name === "lang")) == null ? void 0 : r.value; + return !n || Oh(t, { language: n }) === "html"; +} +function c_(e) { + let { msg: t, span: { start: r, end: n } } = e; + throw mre(t, { loc: { start: { line: r.line + 1, column: r.col + 1 }, end: { line: n.line + 1, column: n.col + 1 } }, cause: e }); +} +function J_(e, t, r = {}, n = !0) { + let { frontMatter: o, content: i } = n ? yre(e) : { frontMatter: null, content: e }, s = new U_(e, r.filepath), l = new N3(s, 0, 0, 0), u = l. + moveBy(e.length), c = { type: "root", sourceSpan: new oe(l, u), children: Q_(i, t, r) }; + if (o) { + let m = new N3(s, 0, 0, 0), g = m.moveBy(o.raw.length); + o.sourceSpan = new oe(m, g), c.children.unshift(o); + } + let p = new wre(c), h = /* @__PURE__ */ a((m, g) => { + let { offset: S } = g, v = Ar(!1, e.slice(0, S), /[^\n\r]/gu, " "), b = J_(v + m, t, r, !1); + b.sourceSpan = new oe(g, nf(!1, b.children, -1).sourceSpan.end); + let w = b.children[0]; + return w.length === S ? b.children.shift() : (w.sourceSpan = new oe(w.sourceSpan.start.moveBy(S), w.sourceSpan.end), w.value = w.value.slice( + S)), b; + }, "f"); + return p.walk((m) => { + if (m.type === "comment") { + let g = Ere(m, h); + g && m.parent.replaceChild(m, g); + } + Are(m), _re(m), Tre(m); + }), p; +} +function jh(e) { + return { parse: /* @__PURE__ */ a((t, r) => J_(t, e, r), "parse"), hasPragma: Jee, astFormat: "html", locStart: Mh, locEnd: Bh }; +} +var jJ, p_, f_, d_, ka, VJ, UJ, h_, WJ, Ar, B3, $3, z3, Rh, Ah, H3, Zp, _h, Th, kh, j3, V3, Mi, U3, Ih, m_, W3, GJ, kl, KJ, g_, v_, Fi, q3, rf, +ZJ, eZ, ht, Ot, Ie, tZ, rZ, nf, fh, L9, iZ, vn, Il, lZ, uZ, cZ, pZ, Qn, Pl, fZ, dZ, Ph, mZ, gZ, vZ, wZ, SZ, EZ, Oh, DZ, RZ, AZ, _Z, ef, kZ, S_, +IZ, JZ, L_, ree, nee, oee, iee, lee, uee, cee, pee, fee, $9, dee, mee, N_, vee, wee, _3, Q3, kee, Fee, B_, $_, J3, H_, Hee, Vee, qp, Uee, Gee, +Yee, Kee, Xee, Qee, ete, lte, Ti, N3, Fl, U_, Ol, oe, Eh, Ll, W_, cte, xte, Dte, Rte, Ate, H9, j9, _te, Tte, q_, xwe, V9, U9, W9, q9, G9, _i, +Y9, yn, yh, Nl, kte, Ite, Pte, Fte, Ote, Lte, G_, Nte, Ml, Mte, Bl, ne, J9, Yp, $l, cu, zl, $te, Hl, zte, jl, Hte, Vl, jte, Ul, Vte, Wl, Ia, +ql, Ute, Gl, Wte, Yl, _l, Kl, Z9, Xl, e_, Ql, qte, Ch, Gte, Yte, ki, Xte, K_, Jl, k3, Zl, Qte, Zte, Dh, eu, I3, tu, tre, Pa, X_, Fa, lre, ru, +a4, Ii, Yt, nu, ure, ou, cre, Pi, pre, au, fre, P3, dre, mre, Kp, yre, gh, u_, Xn, wre, Sre, F3, Rre, Z_, Ire, Pre, Fre, Ore, Lre, eT, tT = T( +() => { + jJ = Object.defineProperty, p_ = /* @__PURE__ */ a((e) => { + throw TypeError(e); + }, "Xr"), f_ = /* @__PURE__ */ a((e, t) => { + for (var r in t) jJ(e, r, { get: t[r], enumerable: !0 }); + }, "Jr"), d_ = /* @__PURE__ */ a((e, t, r) => t.has(e) || p_("Cannot " + r), "Zr"), ka = /* @__PURE__ */ a((e, t, r) => (d_(e, t, "read fr\ +om private field"), r ? r.call(e) : t.get(e)), "Q"), VJ = /* @__PURE__ */ a((e, t, r) => t.has(e) ? p_("Cannot add the same private member m\ +ore than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), "en"), UJ = /* @__PURE__ */ a((e, t, r, n) => (d_(e, t, "write to private f\ +ield"), n ? n.call(e, r) : t.set(e, r), r), "tn"), h_ = {}; + f_(h_, { languages: /* @__PURE__ */ a(() => Ate, "languages"), options: /* @__PURE__ */ a(() => Tte, "options"), parsers: /* @__PURE__ */ a( + () => q_, "parsers"), printers: /* @__PURE__ */ a(() => Lre, "printers") }); + WJ = /* @__PURE__ */ a((e, t, r, n) => { + if (!(e && t == null)) return t.replaceAll ? t.replaceAll(r, n) : r.global ? t.replace(r, n) : t.split(r).join(n); + }, "si"), Ar = WJ, B3 = "string", $3 = "array", z3 = "cursor", Rh = "indent", Ah = "align", H3 = "trim", Zp = "group", _h = "fill", Th = "\ +if-break", kh = "indent-if-break", j3 = "line-suffix", V3 = "line-suffix-boundary", Mi = "line", U3 = "label", Ih = "break-parent", m_ = /* @__PURE__ */ new Set( + [z3, Rh, Ah, H3, Zp, _h, Th, kh, j3, V3, Mi, U3, Ih]); + a(qJ, "ii"); + W3 = qJ, GJ = /* @__PURE__ */ a((e) => new Intl.ListFormat("en-US", { type: "disjunction" }).format(e), "ai"); + a(YJ, "oi"); + KJ = (kl = class extends Error { + name = "InvalidDocError"; + constructor(t) { + super(YJ(t)), this.doc = t; + } + }, a(kl, "lr"), kl), g_ = KJ, v_ = /* @__PURE__ */ a(() => { + }, "rn"), Fi = v_, q3 = v_; + a(Jn, "k"); + a(y_, "nn"); + a(lt, "_"); + a(XJ, "sn"); + a(QJ, "an"); + a(w_, "At"); + a(wh, "ge"); + a(JJ, "on"); + rf = { type: Ih }, ZJ = { type: Mi, hard: !0 }, eZ = { type: Mi, hard: !0, literal: !0 }, ht = { type: Mi }, Ot = { type: Mi, soft: !0 }, Ie = + [ZJ, rf], tZ = [eZ, rf]; + a(su, "q"); + rZ = /* @__PURE__ */ a((e, t, r) => { + if (!(e && t == null)) return Array.isArray(t) || typeof t == "string" ? t[r < 0 ? t.length + r : r] : t.at(r); + }, "ci"), nf = rZ; + a(G3, "Dt"); + a(nZ, "pi"); + a(oZ, "ln"); + a(wn, "B"); + fh = "'", L9 = '"'; + a(aZ, "hi"); + iZ = aZ; + a(sZ, "cr"); + lZ = (Il = class { + constructor(t) { + VJ(this, vn), UJ(this, vn, new Set(t)); + } + getLeadingWhitespaceCount(t) { + let r = ka(this, vn), n = 0; + for (let o = 0; o < t.length && r.has(t.charAt(o)); o++) n++; + return n; + } + getTrailingWhitespaceCount(t) { + let r = ka(this, vn), n = 0; + for (let o = t.length - 1; o >= 0 && r.has(t.charAt(o)); o--) n++; + return n; + } + getLeadingWhitespace(t) { + let r = this.getLeadingWhitespaceCount(t); + return t.slice(0, r); + } + getTrailingWhitespace(t) { + let r = this.getTrailingWhitespaceCount(t); + return t.slice(t.length - r); + } + hasLeadingWhitespace(t) { + return ka(this, vn).has(t.charAt(0)); + } + hasTrailingWhitespace(t) { + return ka(this, vn).has(nf(!1, t, -1)); + } + trimStart(t) { + let r = this.getLeadingWhitespaceCount(t); + return t.slice(r); + } + trimEnd(t) { + let r = this.getTrailingWhitespaceCount(t); + return t.slice(0, t.length - r); + } + trim(t) { + return this.trimEnd(this.trimStart(t)); + } + split(t, r = !1) { + let n = `[${sZ([...ka(this, vn)].join(""))}]+`, o = new RegExp(r ? `(${n})` : n, "u"); + return t.split(o); + } + hasWhitespaceCharacter(t) { + let r = ka(this, vn); + return Array.prototype.some.call(t, (n) => r.has(n)); + } + hasNonWhitespaceCharacter(t) { + let r = ka(this, vn); + return Array.prototype.some.call(t, (n) => !r.has(n)); + } + isWhitespaceOnly(t) { + let r = ka(this, vn); + return Array.prototype.every.call(t, (n) => r.has(n)); + } + }, a(Il, "pr"), Il); + vn = /* @__PURE__ */ new WeakMap(); + uZ = lZ, cZ = [" ", ` +`, "\f", "\r", " "], pZ = new uZ(cZ), Qn = pZ, fZ = (Pl = class extends Error { + name = "UnexpectedNodeError"; + constructor(t, r, n = "type") { + super(`Unexpected ${r} node ${n}: ${JSON.stringify(t[n])}.`), this.node = t; + } + }, a(Pl, "hr"), Pl), dZ = fZ; + a(hZ, "di"); + Ph = hZ, mZ = /* @__PURE__ */ new Set(["sourceSpan", "startSourceSpan", "endSourceSpan", "nameSpan", "valueSpan", "keySpan", "tagDefinitio\ +n", "tokens", "valueTokens", "switchValueSourceSpan", "expSourceSpan", "valueSourceSpan"]), gZ = /* @__PURE__ */ new Set(["if", "else if", "\ +for", "switch", "case"]); + a(b_, "fn"); + b_.ignoredProperties = mZ; + vZ = b_; + a(yZ, "Si"); + wZ = yZ; + a(Fh, "Ce"); + a(lu, "j"); + a(bn, "T"); + a(bZ, "_i"); + SZ = bZ, EZ = /* @__PURE__ */ a((e) => String(e).split(/[/\\]/u).pop(), "Ei"); + a(N9, "Sn"); + a(xZ, "Ai"); + a(CZ, "Di"); + Oh = CZ, DZ = "inline", RZ = { area: "none", base: "none", basefont: "none", datalist: "none", head: "none", link: "none", meta: "none", noembed: "\ +none", noframes: "none", param: "block", rp: "none", script: "block", style: "none", template: "inline", title: "none", html: "block", body: "\ +block", address: "block", blockquote: "block", center: "block", dialog: "block", div: "block", figure: "block", figcaption: "block", footer: "\ +block", form: "block", header: "block", hr: "block", legend: "block", listing: "block", main: "block", p: "block", plaintext: "block", pre: "\ +block", search: "block", xmp: "block", slot: "contents", ruby: "ruby", rt: "ruby-text", article: "block", aside: "block", h1: "block", h2: "\ +block", h3: "block", h4: "block", h5: "block", h6: "block", hgroup: "block", nav: "block", section: "block", dir: "block", dd: "block", dl: "\ +block", dt: "block", menu: "block", ol: "block", ul: "block", li: "list-item", table: "table", caption: "table-caption", colgroup: "table-co\ +lumn-group", col: "table-column", thead: "table-header-group", tbody: "table-row-group", tfoot: "table-footer-group", tr: "table-row", td: "\ +table-cell", th: "table-cell", input: "inline-block", button: "inline-block", fieldset: "block", marquee: "inline-block", source: "block", track: "\ +block", details: "block", summary: "block", meter: "inline-block", progress: "inline-block", object: "inline-block", video: "inline-block", audio: "\ +inline-block", select: "inline-block", option: "block", optgroup: "block" }, AZ = "normal", _Z = { listing: "pre", plaintext: "pre", pre: "p\ +re", xmp: "pre", nobr: "nowrap", table: "initial", textarea: "pre-wrap" }; + a(TZ, "vi"); + ef = TZ, kZ = /* @__PURE__ */ a((e) => Ar(!1, e, /^[\t\f\r ]*\n/gu, ""), "yi"), S_ = /* @__PURE__ */ a((e) => kZ(Qn.trimEnd(e)), "mr"), IZ = + /* @__PURE__ */ a((e) => { + let t = e, r = Qn.getLeadingWhitespace(t); + r && (t = t.slice(r.length)); + let n = Qn.getTrailingWhitespace(t); + return n && (t = t.slice(0, -n.length)), { leadingWhitespace: r, trailingWhitespace: n, text: t }; + }, "vn"); + a(E_, "yt"); + a(Lh, "Ee"); + a(PZ, "wi"); + a(Wr, "$"); + a(Do, "U"); + a(FZ, "yn"); + a(OZ, "wn"); + a(x_, "fr"); + a(LZ, "bn"); + a(NZ, "Tn"); + a(MZ, "xn"); + a(dh, "Qe"); + a(BZ, "kn"); + a(C_, "dr"); + a(A3, "wt"); + a($Z, "bi"); + a(D_, "Bn"); + a(R_, "Ln"); + a(A_, "Fn"); + a(__, "Nn"); + a(Y3, "bt"); + a(zZ, "Ti"); + a(T_, "Pn"); + a(HZ, "xi"); + a(jZ, "ki"); + a(VZ, "Bi"); + a(M9, "gr"); + a(of, "Xe"); + a(UZ, "Li"); + a(WZ, "Fi"); + a(qZ, "Ni"); + a(GZ, "Pi"); + a(YZ, "Ii"); + a(iu, "_e"); + a(KZ, "Ri"); + a(XZ, "In"); + a(k_, "Rn"); + a(QZ, "$i"); + a(I_, "Cr"); + a(P_, "Sr"); + a(Oa, "P"); + JZ = /* @__PURE__ */ new Set(["template", "style", "script"]); + a(Nh, "Je"); + a(uu, "Ae"); + a(K3, "Tt"); + a(ZZ, "$n"); + a(eee, "On"); + a(F_, "xt"); + a(O_, "kt"); + L_ = /\{\{(.+?)\}\}/su; + a(tee, "Mn"); + a(X3, "Er"); + ree = X3({ parser: "__ng_action" }), nee = X3({ parser: "__ng_binding" }), oee = X3({ parser: "__ng_directive" }); + a(aee, "Vi"); + iee = aee; + a(see, "Ui"); + lee = see; + a(B9, "Vn"); + uee = /^[ \t\n\r\u000c]+/, cee = /^[, \t\n\r\u000c]+/, pee = /^[^ \t\n\r\u000c]+/, fee = /[,]+$/, $9 = /^\d+$/, dee = /^-?(?:[0-9]+|[0-9]*\.[0-9]+)(?:[eE][+-]?[0-9]+)?$/; + a(hee, "Ki"); + mee = hee; + a(gee, "Qi"); + N_ = { width: "w", height: "h", density: "x" }, vee = Object.keys(N_); + a(yee, "Ji"); + wee = gee; + a(bee, "Yn"); + _3 = /* @__PURE__ */ new WeakMap(); + a(See, "Zi"); + Q3 = See; + a(Eee, "jn"); + a(xee, "Kn"); + a(Cee, "Qn"); + a(Dee, "Xn"); + a(Ree, "ea"); + a(Aee, "ta"); + a(_ee, "ra"); + a(Tee, "na"); + a(M_, "Jn"); + kee = Aee; + a(Iee, "sa"); + a(Pee, "ia"); + Fee = Iee, B_ = new Proxy(() => { + }, { get: /* @__PURE__ */ a(() => B_, "get") }), $_ = B_; + a(Oee, "aa"); + J3 = Oee; + a(Mh, "se"); + a(Bh, "ie"); + a(O3, "Ze"); + a(Lee, "oa"); + a(Xp, "De"); + a(Nee, "ua"); + a(Oi, "W"); + a(Z3, "Bt"); + a(af, "ve"); + a(z_, "rs"); + a(Li, "K"); + a(sf, "ye"); + a(tf, "we"); + a($h, "et"); + a(Mee, "la"); + a(zh, "tt"); + a(Bee, "ca"); + a($ee, "pa"); + a(L3, "rt"); + a(Qp, "be"); + a(Ni, "z"); + a(e4, "Lt"); + a(t4, "Ft"); + a(zee, "ha"); + H_ = zee, Hee = /* @__PURE__ */ new Set(["if", "else if", "for", "switch", "case"]); + a(jee, "fa"); + Vee = jee, qp = null; + a(Jp, "st"); + Uee = 10; + for (let e = 0; e <= Uee; e++) Jp(); + a(Wee, "vr"); + a(qee, "ga"); + Gee = qee, Yee = { "front-matter": [], root: ["children"], element: ["attrs", "children"], ieConditionalComment: ["children"], ieConditionalStartComment: [], + ieConditionalEndComment: [], interpolation: ["children"], text: ["children"], docType: [], comment: [], attribute: [], cdata: [], angularControlFlowBlock: [ + "children", "parameters"], angularControlFlowBlockParameters: ["children"], angularControlFlowBlockParameter: [], angularLetDeclaration: [ + "init"], angularLetDeclarationInitializer: [], angularIcuExpression: ["cases"], angularIcuCase: ["expression"] }, Kee = Yee, Xee = Gee(Kee), + Qee = Xee; + a(Jee, "os"); + a(Zee, "us"); + ete = /* @__PURE__ */ new Map([["if", /* @__PURE__ */ new Set(["else if", "else"])], ["else if", /* @__PURE__ */ new Set(["else if", "else"])], + ["for", /* @__PURE__ */ new Set(["empty"])], ["defer", /* @__PURE__ */ new Set(["placeholder", "error", "loading"])], ["placeholder", /* @__PURE__ */ new Set( + ["placeholder", "error", "loading"])], ["error", /* @__PURE__ */ new Set(["placeholder", "error", "loading"])], ["loading", /* @__PURE__ */ new Set( + ["placeholder", "error", "loading"])]]); + a(j_, "cs"); + a(Gp, "it"); + a(hh, "Pt"); + a(r4, "He"); + a(tte, "ps"); + a(V_, "hs"); + a(rte, "_a"); + a(nte, "ms"); + a(ote, "fs"); + a(ate, "ds"); + a(ite, "gs"); + a(bh, "at"); + a(n4, "It"); + a(Sh, "ot"); + a(ste, "Cs"); + a(o4, "Rt"); + a(z9, "yr"); + a(T3, "$t"); + lte = /-+([a-z0-9])/g; + a(ute, "_s"); + N3 = (Ti = class { + constructor(t, r, n, o) { + this.file = t, this.offset = r, this.line = n, this.col = o; + } + toString() { + return this.offset != null ? `${this.file.url}@${this.line}:${this.col}` : this.file.url; + } + moveBy(t) { + let r = this.file.content, n = r.length, o = this.offset, i = this.line, s = this.col; + for (; o > 0 && t < 0; ) if (o--, t++, r.charCodeAt(o) == 10) { + i--; + let l = r.substring(0, o - 1).lastIndexOf(` +`); + s = l > 0 ? o - l : o; + } else s--; + for (; o < n && t > 0; ) { + let l = r.charCodeAt(o); + o++, t--, l == 10 ? (i++, s = 0) : s++; + } + return new Ti(this.file, o, i, s); + } + getContext(t, r) { + let n = this.file.content, o = this.offset; + if (o != null) { + o > n.length - 1 && (o = n.length - 1); + let i = o, s = 0, l = 0; + for (; s < t && o > 0 && (o--, s++, !(n[o] == ` +` && ++l == r)); ) ; + for (s = 0, l = 0; s < t && i < n.length - 1 && (i++, s++, !(n[i] == ` +` && ++l == r)); ) ; + return { before: n.substring(o, this.offset), after: n.substring(this.offset, i + 1) }; + } + return null; + } + }, a(Ti, "t"), Ti), U_ = (Fl = class { + constructor(t, r) { + this.content = t, this.url = r; + } + }, a(Fl, "Te"), Fl), oe = (Ol = class { + constructor(t, r, n = t, o = null) { + this.start = t, this.end = r, this.fullStart = n, this.details = o; + } + toString() { + return this.start.file.content.substring(this.start.offset, this.end.offset); + } + }, a(Ol, "h"), Ol); + (function(e) { + e[e.WARNING = 0] = "WARNING", e[e.ERROR = 1] = "ERROR"; + })(Eh || (Eh = {})); + W_ = (Ll = class { + constructor(t, r, n = Eh.ERROR) { + this.span = t, this.msg = r, this.level = n; + } + contextualMessage() { + let t = this.span.start.getContext(100, 3); + return t ? `${this.msg} ("${t.before}[${Eh[this.level]} ->]${t.after}")` : this.msg; + } + toString() { + let t = this.span.details ? `, ${this.span.details}` : ""; + return `${this.contextualMessage()}: ${this.span.start}${t}`; + } + }, a(Ll, "Ue"), Ll), cte = [fte, dte, mte, vte, yte, Ste, wte, bte, Ete, gte]; + a(pte, "Da"); + a(fte, "va"); + a(dte, "ya"); + a(hte, "wa"); + a(mte, "ba"); + a(gte, "Ta"); + a(vte, "xa"); + a(yte, "ka"); + a(wte, "Ba"); + a(bte, "La"); + a(Ste, "Fa"); + a(Ete, "Na"); + xte = pte; + a(Cte, "Pa"); + Dte = { preprocess: xte, print: Cte, insertPragma: Zee, massageAstNode: vZ, embed: Vee, getVisitorKeys: Qee }, Rte = Dte, Ate = [{ linguistLanguageId: 146, + name: "Angular", type: "markup", tmScope: "text.html.basic", aceMode: "html", codemirrorMode: "htmlmixed", codemirrorMimeType: "text/html", + color: "#e34c26", aliases: ["xhtml"], extensions: [".component.html"], parsers: ["angular"], vscodeLanguageIds: ["html"], filenames: [] }, + { linguistLanguageId: 146, name: "HTML", type: "markup", tmScope: "text.html.basic", aceMode: "html", codemirrorMode: "htmlmixed", codemirrorMimeType: "\ +text/html", color: "#e34c26", aliases: ["xhtml"], extensions: [".html", ".hta", ".htm", ".html.hl", ".inc", ".xht", ".xhtml", ".mjml"], parsers: [ + "html"], vscodeLanguageIds: ["html"] }, { linguistLanguageId: 146, name: "Lightning Web Components", type: "markup", tmScope: "text.html.b\ +asic", aceMode: "html", codemirrorMode: "htmlmixed", codemirrorMimeType: "text/html", color: "#e34c26", aliases: ["xhtml"], extensions: [], parsers: [ + "lwc"], vscodeLanguageIds: ["html"], filenames: [] }, { linguistLanguageId: 391, name: "Vue", type: "markup", color: "#41b883", extensions: [ + ".vue"], tmScope: "text.html.vue", aceMode: "html", parsers: ["vue"], vscodeLanguageIds: ["vue"] }], H9 = { bracketSpacing: { category: "C\ +ommon", type: "boolean", default: !0, description: "Print spaces between brackets.", oppositeDescription: "Do not print spaces between brack\ +ets." }, singleQuote: { category: "Common", type: "boolean", default: !1, description: "Use single quotes instead of double quotes." }, proseWrap: { + category: "Common", type: "choice", default: "preserve", description: "How to wrap prose.", choices: [{ value: "always", description: "Wra\ +p prose if it exceeds the print width." }, { value: "never", description: "Do not wrap prose." }, { value: "preserve", description: "Wrap pr\ +ose as-is." }] }, bracketSameLine: { category: "Common", type: "boolean", default: !1, description: "Put > of opening tags on the last line \ +instead of on a new line." }, singleAttributePerLine: { category: "Common", type: "boolean", default: !1, description: "Enforce single attri\ +bute per line in HTML, Vue and JSX." } }, j9 = "HTML", _te = { bracketSameLine: H9.bracketSameLine, htmlWhitespaceSensitivity: { category: j9, + type: "choice", default: "css", description: "How to handle whitespaces in HTML.", choices: [{ value: "css", description: "Respect the def\ +ault value of CSS display property." }, { value: "strict", description: "Whitespaces are considered sensitive." }, { value: "ignore", description: "\ +Whitespaces are considered insensitive." }] }, singleAttributePerLine: H9.singleAttributePerLine, vueIndentScriptAndStyle: { category: j9, type: "\ +boolean", default: !1, description: "Indent script and style tags in Vue files." } }, Tte = _te, q_ = {}; + f_(q_, { angular: /* @__PURE__ */ a(() => Pre, "angular"), html: /* @__PURE__ */ a(() => Ire, "html"), lwc: /* @__PURE__ */ a(() => Ore, "\ +lwc"), vue: /* @__PURE__ */ a(() => Fre, "vue") }); + xwe = new RegExp(`(\\:not\\()|(([\\.\\#]?)[-\\w]+)|(?:\\[([-.\\w*\\\\$]+)(?:=(["']?)([^\\]"']*)\\5)?\\])|(\\))|(\\s*,\\s*)`, "g"); + (function(e) { + e[e.Emulated = 0] = "Emulated", e[e.None = 2] = "None", e[e.ShadowDom = 3] = "ShadowDom"; + })(V9 || (V9 = {})); + (function(e) { + e[e.OnPush = 0] = "OnPush", e[e.Default = 1] = "Default"; + })(U9 || (U9 = {})); + (function(e) { + e[e.None = 0] = "None", e[e.SignalBased = 1] = "SignalBased", e[e.HasDecoratorInputTransform = 2] = "HasDecoratorInputTransform"; + })(W9 || (W9 = {})); + q9 = { name: "custom-elements" }, G9 = { name: "no-errors-schema" }; + (function(e) { + e[e.NONE = 0] = "NONE", e[e.HTML = 1] = "HTML", e[e.STYLE = 2] = "STYLE", e[e.SCRIPT = 3] = "SCRIPT", e[e.URL = 4] = "URL", e[e.RESOURCE_URL = + 5] = "RESOURCE_URL"; + })(_i || (_i = {})); + (function(e) { + e[e.Error = 0] = "Error", e[e.Warning = 1] = "Warning", e[e.Ignore = 2] = "Ignore"; + })(Y9 || (Y9 = {})); + (function(e) { + e[e.RAW_TEXT = 0] = "RAW_TEXT", e[e.ESCAPABLE_RAW_TEXT = 1] = "ESCAPABLE_RAW_TEXT", e[e.PARSABLE_DATA = 2] = "PARSABLE_DATA"; + })(yn || (yn = {})); + a(Hh, "ut"); + a(K9, "xr"); + a(X9, "kr"); + a(vh, "We"); + a(xh, "ze"); + a(Q9, "Br"); + a(mh, "Mt"); + kte = (Nl = class { + }, a(Nl, "Ht"), Nl), Ite = "boolean", Pte = "number", Fte = "string", Ote = "object", Lte = ["[Element]|textContent,%ariaAtomic,%ariaAutoC\ +omplete,%ariaBusy,%ariaChecked,%ariaColCount,%ariaColIndex,%ariaColSpan,%ariaCurrent,%ariaDescription,%ariaDisabled,%ariaExpanded,%ariaHasPo\ +pup,%ariaHidden,%ariaKeyShortcuts,%ariaLabel,%ariaLevel,%ariaLive,%ariaModal,%ariaMultiLine,%ariaMultiSelectable,%ariaOrientation,%ariaPlace\ +holder,%ariaPosInSet,%ariaPressed,%ariaReadOnly,%ariaRelevant,%ariaRequired,%ariaRoleDescription,%ariaRowCount,%ariaRowIndex,%ariaRowSpan,%a\ +riaSelected,%ariaSetSize,%ariaSort,%ariaValueMax,%ariaValueMin,%ariaValueNow,%ariaValueText,%classList,className,elementTiming,id,innerHTML,\ +*beforecopy,*beforecut,*beforepaste,*fullscreenchange,*fullscreenerror,*search,*webkitfullscreenchange,*webkitfullscreenerror,outerHTML,%par\ +t,#scrollLeft,#scrollTop,slot,*message,*mozfullscreenchange,*mozfullscreenerror,*mozpointerlockchange,*mozpointerlockerror,*webglcontextcrea\ +tionerror,*webglcontextlost,*webglcontextrestored", "[HTMLElement]^[Element]|accessKey,autocapitalize,!autofocus,contentEditable,dir,!dragga\ +ble,enterKeyHint,!hidden,!inert,innerText,inputMode,lang,nonce,*abort,*animationend,*animationiteration,*animationstart,*auxclick,*beforexrs\ +elect,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*copy,*cuechange,*cut,*dblclick,*drag,*dragend,*dragenter,*d\ +ragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*formdata,*gotpointercapture,*input,*invalid,*keydown,*key\ +press,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mousedown,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouse\ +over,*mouseup,*mousewheel,*paste,*pause,*play,*playing,*pointercancel,*pointerdown,*pointerenter,*pointerleave,*pointermove,*pointerout,*poi\ +nterover,*pointerrawupdate,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*securitypolicyviolation,*seeked,*seeking,*select,*select\ +ionchange,*selectstart,*slotchange,*stalled,*submit,*suspend,*timeupdate,*toggle,*transitioncancel,*transitionend,*transitionrun,*transition\ +start,*volumechange,*waiting,*webkitanimationend,*webkitanimationiteration,*webkitanimationstart,*webkittransitionend,*wheel,outerText,!spel\ +lcheck,%style,#tabIndex,title,!translate,virtualKeyboardPolicy", "abbr,address,article,aside,b,bdi,bdo,cite,content,code,dd,dfn,dt,em,figcap\ +tion,figure,footer,header,hgroup,i,kbd,main,mark,nav,noscript,rb,rp,rt,rtc,ruby,s,samp,section,small,strong,sub,sup,u,var,wbr^[HTMLElement]|\ +accessKey,autocapitalize,!autofocus,contentEditable,dir,!draggable,enterKeyHint,!hidden,innerText,inputMode,lang,nonce,*abort,*animationend,\ +*animationiteration,*animationstart,*auxclick,*beforexrselect,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*cop\ +y,*cuechange,*cut,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*f\ +ormdata,*gotpointercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mouse\ +down,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*paste,*pause,*play,*playing,*pointercancel,*pointerdown,*\ +pointerenter,*pointerleave,*pointermove,*pointerout,*pointerover,*pointerrawupdate,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*\ +securitypolicyviolation,*seeked,*seeking,*select,*selectionchange,*selectstart,*slotchange,*stalled,*submit,*suspend,*timeupdate,*toggle,*tr\ +ansitioncancel,*transitionend,*transitionrun,*transitionstart,*volumechange,*waiting,*webkitanimationend,*webkitanimationiteration,*webkitan\ +imationstart,*webkittransitionend,*wheel,outerText,!spellcheck,%style,#tabIndex,title,!translate,virtualKeyboardPolicy", "media^[HTMLElement\ +]|!autoplay,!controls,%controlsList,%crossOrigin,#currentTime,!defaultMuted,#defaultPlaybackRate,!disableRemotePlayback,!loop,!muted,*encryp\ +ted,*waitingforkey,#playbackRate,preload,!preservesPitch,src,%srcObject,#volume", ":svg:^[HTMLElement]|!autofocus,nonce,*abort,*animationend\ +,*animationiteration,*animationstart,*auxclick,*beforexrselect,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*co\ +py,*cuechange,*cut,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*\ +formdata,*gotpointercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mous\ +edown,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*paste,*pause,*play,*playing,*pointercancel,*pointerdown,\ +*pointerenter,*pointerleave,*pointermove,*pointerout,*pointerover,*pointerrawupdate,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,\ +*securitypolicyviolation,*seeked,*seeking,*select,*selectionchange,*selectstart,*slotchange,*stalled,*submit,*suspend,*timeupdate,*toggle,*t\ +ransitioncancel,*transitionend,*transitionrun,*transitionstart,*volumechange,*waiting,*webkitanimationend,*webkitanimationiteration,*webkita\ +nimationstart,*webkittransitionend,*wheel,%style,#tabIndex", ":svg:graphics^:svg:|", ":svg:animation^:svg:|*begin,*end,*repeat", ":svg:geome\ +try^:svg:|", ":svg:componentTransferFunction^:svg:|", ":svg:gradient^:svg:|", ":svg:textContent^:svg:graphics|", ":svg:textPositioning^:svg:\ +textContent|", "a^[HTMLElement]|charset,coords,download,hash,host,hostname,href,hreflang,name,password,pathname,ping,port,protocol,referrerP\ +olicy,rel,%relList,rev,search,shape,target,text,type,username", "area^[HTMLElement]|alt,coords,download,hash,host,hostname,href,!noHref,pass\ +word,pathname,ping,port,protocol,referrerPolicy,rel,%relList,search,shape,target,username", "audio^media|", "br^[HTMLElement]|clear", "base^\ +[HTMLElement]|href,target", "body^[HTMLElement]|aLink,background,bgColor,link,*afterprint,*beforeprint,*beforeunload,*blur,*error,*focus,*ha\ +shchange,*languagechange,*load,*message,*messageerror,*offline,*online,*pagehide,*pageshow,*popstate,*rejectionhandled,*resize,*scroll,*stor\ +age,*unhandledrejection,*unload,text,vLink", "button^[HTMLElement]|!disabled,formAction,formEnctype,formMethod,!formNoValidate,formTarget,na\ +me,type,value", "canvas^[HTMLElement]|#height,#width", "content^[HTMLElement]|select", "dl^[HTMLElement]|!compact", "data^[HTMLElement]|valu\ +e", "datalist^[HTMLElement]|", "details^[HTMLElement]|!open", "dialog^[HTMLElement]|!open,returnValue", "dir^[HTMLElement]|!compact", "div^[\ +HTMLElement]|align", "embed^[HTMLElement]|align,height,name,src,type,width", "fieldset^[HTMLElement]|!disabled,name", "font^[HTMLElement]|co\ +lor,face,size", "form^[HTMLElement]|acceptCharset,action,autocomplete,encoding,enctype,method,name,!noValidate,target", "frame^[HTMLElement]\ +|frameBorder,longDesc,marginHeight,marginWidth,name,!noResize,scrolling,src", "frameset^[HTMLElement]|cols,*afterprint,*beforeprint,*beforeu\ +nload,*blur,*error,*focus,*hashchange,*languagechange,*load,*message,*messageerror,*offline,*online,*pagehide,*pageshow,*popstate,*rejection\ +handled,*resize,*scroll,*storage,*unhandledrejection,*unload,rows", "hr^[HTMLElement]|align,color,!noShade,size,width", "head^[HTMLElement]|", + "h1,h2,h3,h4,h5,h6^[HTMLElement]|align", "html^[HTMLElement]|version", "iframe^[HTMLElement]|align,allow,!allowFullscreen,!allowPaymentReq\ +uest,csp,frameBorder,height,loading,longDesc,marginHeight,marginWidth,name,referrerPolicy,%sandbox,scrolling,src,srcdoc,width", "img^[HTMLEl\ +ement]|align,alt,border,%crossOrigin,decoding,#height,#hspace,!isMap,loading,longDesc,lowsrc,name,referrerPolicy,sizes,src,srcset,useMap,#vs\ +pace,#width", "input^[HTMLElement]|accept,align,alt,autocomplete,!checked,!defaultChecked,defaultValue,dirName,!disabled,%files,formAction,f\ +ormEnctype,formMethod,!formNoValidate,formTarget,#height,!incremental,!indeterminate,max,#maxLength,min,#minLength,!multiple,name,pattern,pl\ +aceholder,!readOnly,!required,selectionDirection,#selectionEnd,#selectionStart,#size,src,step,type,useMap,value,%valueAsDate,#valueAsNumber,\ +#width", "li^[HTMLElement]|type,#value", "label^[HTMLElement]|htmlFor", "legend^[HTMLElement]|align", "link^[HTMLElement]|as,charset,%crossO\ +rigin,!disabled,href,hreflang,imageSizes,imageSrcset,integrity,media,referrerPolicy,rel,%relList,rev,%sizes,target,type", "map^[HTMLElement]\ +|name", "marquee^[HTMLElement]|behavior,bgColor,direction,height,#hspace,#loop,#scrollAmount,#scrollDelay,!trueSpeed,#vspace,width", "menu^[\ +HTMLElement]|!compact", "meta^[HTMLElement]|content,httpEquiv,media,name,scheme", "meter^[HTMLElement]|#high,#low,#max,#min,#optimum,#value", + "ins,del^[HTMLElement]|cite,dateTime", "ol^[HTMLElement]|!compact,!reversed,#start,type", "object^[HTMLElement]|align,archive,border,code,\ +codeBase,codeType,data,!declare,height,#hspace,name,standby,type,useMap,#vspace,width", "optgroup^[HTMLElement]|!disabled,label", "option^[H\ +TMLElement]|!defaultSelected,!disabled,label,!selected,text,value", "output^[HTMLElement]|defaultValue,%htmlFor,name,value", "p^[HTMLElement\ +]|align", "param^[HTMLElement]|name,type,value,valueType", "picture^[HTMLElement]|", "pre^[HTMLElement]|#width", "progress^[HTMLElement]|#ma\ +x,#value", "q,blockquote,cite^[HTMLElement]|", "script^[HTMLElement]|!async,charset,%crossOrigin,!defer,event,htmlFor,integrity,!noModule,%r\ +eferrerPolicy,src,text,type", "select^[HTMLElement]|autocomplete,!disabled,#length,!multiple,name,!required,#selectedIndex,#size,value", "sl\ +ot^[HTMLElement]|name", "source^[HTMLElement]|#height,media,sizes,src,srcset,type,#width", "span^[HTMLElement]|", "style^[HTMLElement]|!disa\ +bled,media,type", "caption^[HTMLElement]|align", "th,td^[HTMLElement]|abbr,align,axis,bgColor,ch,chOff,#colSpan,headers,height,!noWrap,#rowS\ +pan,scope,vAlign,width", "col,colgroup^[HTMLElement]|align,ch,chOff,#span,vAlign,width", "table^[HTMLElement]|align,bgColor,border,%caption,\ +cellPadding,cellSpacing,frame,rules,summary,%tFoot,%tHead,width", "tr^[HTMLElement]|align,bgColor,ch,chOff,vAlign", "tfoot,thead,tbody^[HTML\ +Element]|align,ch,chOff,vAlign", "template^[HTMLElement]|", "textarea^[HTMLElement]|autocomplete,#cols,defaultValue,dirName,!disabled,#maxLe\ +ngth,#minLength,name,placeholder,!readOnly,!required,#rows,selectionDirection,#selectionEnd,#selectionStart,value,wrap", "time^[HTMLElement]\ +|dateTime", "title^[HTMLElement]|text", "track^[HTMLElement]|!default,kind,label,src,srclang", "ul^[HTMLElement]|!compact,type", "unknown^[H\ +TMLElement]|", "video^media|!disablePictureInPicture,#height,*enterpictureinpicture,*leavepictureinpicture,!playsInline,poster,#width", ":sv\ +g:a^:svg:graphics|", ":svg:animate^:svg:animation|", ":svg:animateMotion^:svg:animation|", ":svg:animateTransform^:svg:animation|", ":svg:ci\ +rcle^:svg:geometry|", ":svg:clipPath^:svg:graphics|", ":svg:defs^:svg:graphics|", ":svg:desc^:svg:|", ":svg:discard^:svg:|", ":svg:ellipse^:\ +svg:geometry|", ":svg:feBlend^:svg:|", ":svg:feColorMatrix^:svg:|", ":svg:feComponentTransfer^:svg:|", ":svg:feComposite^:svg:|", ":svg:feCo\ +nvolveMatrix^:svg:|", ":svg:feDiffuseLighting^:svg:|", ":svg:feDisplacementMap^:svg:|", ":svg:feDistantLight^:svg:|", ":svg:feDropShadow^:sv\ +g:|", ":svg:feFlood^:svg:|", ":svg:feFuncA^:svg:componentTransferFunction|", ":svg:feFuncB^:svg:componentTransferFunction|", ":svg:feFuncG^:\ +svg:componentTransferFunction|", ":svg:feFuncR^:svg:componentTransferFunction|", ":svg:feGaussianBlur^:svg:|", ":svg:feImage^:svg:|", ":svg:\ +feMerge^:svg:|", ":svg:feMergeNode^:svg:|", ":svg:feMorphology^:svg:|", ":svg:feOffset^:svg:|", ":svg:fePointLight^:svg:|", ":svg:feSpecular\ +Lighting^:svg:|", ":svg:feSpotLight^:svg:|", ":svg:feTile^:svg:|", ":svg:feTurbulence^:svg:|", ":svg:filter^:svg:|", ":svg:foreignObject^:sv\ +g:graphics|", ":svg:g^:svg:graphics|", ":svg:image^:svg:graphics|decoding", ":svg:line^:svg:geometry|", ":svg:linearGradient^:svg:gradient|", + ":svg:mpath^:svg:|", ":svg:marker^:svg:|", ":svg:mask^:svg:|", ":svg:metadata^:svg:|", ":svg:path^:svg:geometry|", ":svg:pattern^:svg:|", "\ +:svg:polygon^:svg:geometry|", ":svg:polyline^:svg:geometry|", ":svg:radialGradient^:svg:gradient|", ":svg:rect^:svg:geometry|", ":svg:svg^:s\ +vg:graphics|#currentScale,#zoomAndPan", ":svg:script^:svg:|type", ":svg:set^:svg:animation|", ":svg:stop^:svg:|", ":svg:style^:svg:|!disable\ +d,media,title,type", ":svg:switch^:svg:graphics|", ":svg:symbol^:svg:|", ":svg:tspan^:svg:textPositioning|", ":svg:text^:svg:textPositioning\ +|", ":svg:textPath^:svg:textContent|", ":svg:title^:svg:|", ":svg:use^:svg:graphics|", ":svg:view^:svg:|#zoomAndPan", "data^[HTMLElement]|va\ +lue", "keygen^[HTMLElement]|!autofocus,challenge,!disabled,form,keytype,name", "menuitem^[HTMLElement]|type,label,icon,!disabled,!checked,ra\ +diogroup,!default", "summary^[HTMLElement]|", "time^[HTMLElement]|dateTime", ":svg:cursor^:svg:|", ":math:^[HTMLElement]|!autofocus,nonce,*a\ +bort,*animationend,*animationiteration,*animationstart,*auxclick,*beforeinput,*beforematch,*beforetoggle,*beforexrselect,*blur,*cancel,*canp\ +lay,*canplaythrough,*change,*click,*close,*contentvisibilityautostatechange,*contextlost,*contextmenu,*contextrestored,*copy,*cuechange,*cut\ +,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*formdata,*gotpoint\ +ercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mousedown,*mouseenter,\ +*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*paste,*pause,*play,*playing,*pointercancel,*pointerdown,*pointerenter,*poi\ +nterleave,*pointermove,*pointerout,*pointerover,*pointerrawupdate,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*scrollend,*securi\ +typolicyviolation,*seeked,*seeking,*select,*selectionchange,*selectstart,*slotchange,*stalled,*submit,*suspend,*timeupdate,*toggle,*transiti\ +oncancel,*transitionend,*transitionrun,*transitionstart,*volumechange,*waiting,*webkitanimationend,*webkitanimationiteration,*webkitanimatio\ +nstart,*webkittransitionend,*wheel,%style,#tabIndex", ":math:math^:math:|", ":math:maction^:math:|", ":math:menclose^:math:|", ":math:merror\ +^:math:|", ":math:mfenced^:math:|", ":math:mfrac^:math:|", ":math:mi^:math:|", ":math:mmultiscripts^:math:|", ":math:mn^:math:|", ":math:mo^\ +:math:|", ":math:mover^:math:|", ":math:mpadded^:math:|", ":math:mphantom^:math:|", ":math:mroot^:math:|", ":math:mrow^:math:|", ":math:ms^:\ +math:|", ":math:mspace^:math:|", ":math:msqrt^:math:|", ":math:mstyle^:math:|", ":math:msub^:math:|", ":math:msubsup^:math:|", ":math:msup^:\ +math:|", ":math:mtable^:math:|", ":math:mtd^:math:|", ":math:mtext^:math:|", ":math:mtr^:math:|", ":math:munder^:math:|", ":math:munderover^\ +:math:|", ":math:semantics^:math:|"], G_ = new Map(Object.entries({ class: "className", for: "htmlFor", formaction: "formAction", innerHtml: "\ +innerHTML", readonly: "readOnly", tabindex: "tabIndex" })), Nte = Array.from(G_).reduce((e, [t, r]) => (e.set(t, r), e), /* @__PURE__ */ new Map()), + Mte = (Ml = class extends kte { + constructor() { + super(), this._schema = /* @__PURE__ */ new Map(), this._eventSchema = /* @__PURE__ */ new Map(), Lte.forEach((t) => { + let r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), [o, i] = t.split("|"), s = i.split(","), [l, u] = o.split("^"); + l.split(",").forEach((p) => { + this._schema.set(p.toLowerCase(), r), this._eventSchema.set(p.toLowerCase(), n); + }); + let c = u && this._schema.get(u.toLowerCase()); + if (c) { + for (let [p, h] of c) r.set(p, h); + for (let p of this._eventSchema.get(u.toLowerCase())) n.add(p); + } + s.forEach((p) => { + if (p.length > 0) switch (p[0]) { + case "*": + n.add(p.substring(1)); + break; + case "!": + r.set(p.substring(1), Ite); + break; + case "#": + r.set(p.substring(1), Pte); + break; + case "%": + r.set(p.substring(1), Ote); + break; + default: + r.set(p, Fte); + } + }); + }); + } + hasProperty(t, r, n) { + if (n.some((o) => o.name === G9.name)) return !0; + if (t.indexOf("-") > -1) { + if (K9(t) || X9(t)) return !1; + if (n.some((o) => o.name === q9.name)) return !0; + } + return (this._schema.get(t.toLowerCase()) || this._schema.get("unknown")).has(r); + } + hasElement(t, r) { + return r.some((n) => n.name === G9.name) || t.indexOf("-") > -1 && (K9(t) || X9(t) || r.some((n) => n.name === q9.name)) ? !0 : this._schema. + has(t.toLowerCase()); + } + securityContext(t, r, n) { + n && (r = this.getMappedPropName(r)), t = t.toLowerCase(), r = r.toLowerCase(); + let o = Q9()[t + "|" + r]; + return o || (o = Q9()["*|" + r], o || _i.NONE); + } + getMappedPropName(t) { + return G_.get(t) ?? t; + } + getDefaultComponentElementName() { + return "ng-component"; + } + validateProperty(t) { + return t.toLowerCase().startsWith("on") ? { error: !0, msg: `Binding to event property '${t}' is disallowed for security reasons, plea\ +se use (${t.slice(2)})=... +If '${t}' is a directive input, make sure the directive is imported by the current module.` } : { error: !1 }; + } + validateAttribute(t) { + return t.toLowerCase().startsWith("on") ? { error: !0, msg: `Binding to event attribute '${t}' is disallowed for security reasons, ple\ +ase use (${t.slice(2)})=...` } : { error: !1 }; + } + allKnownElementNames() { + return Array.from(this._schema.keys()); + } + allKnownAttributesOfElement(t) { + let r = this._schema.get(t.toLowerCase()) || this._schema.get("unknown"); + return Array.from(r.keys()).map((n) => Nte.get(n) ?? n); + } + allKnownEventsOfElement(t) { + return Array.from(this._eventSchema.get(t.toLowerCase()) ?? []); + } + normalizeAnimationStyleProperty(t) { + return ute(t); + } + normalizeAnimationStyleValue(t, r, n) { + let o = "", i = n.toString().trim(), s = null; + if (Bte(t) && n !== 0 && n !== "0") if (typeof n == "number") o = "px"; + else { + let l = n.match(/^[+-]?[\d\.]+([a-z]*)$/); + l && l[1].length == 0 && (s = `Please provide a CSS unit value for ${r}:${n}`); + } + return { error: s, value: i + o }; + } + }, a(Ml, "Vt"), Ml); + a(Bte, "Ua"); + ne = (Bl = class { + constructor({ closedByChildren: t, implicitNamespacePrefix: r, contentType: n = yn.PARSABLE_DATA, closedByParent: o = !1, isVoid: i = !1, + ignoreFirstLf: s = !1, preventNamespaceInheritance: l = !1, canSelfClose: u = !1 } = {}) { + this.closedByChildren = {}, this.closedByParent = !1, t && t.length > 0 && t.forEach((c) => this.closedByChildren[c] = !0), this.isVoid = + i, this.closedByParent = o || i, this.implicitNamespacePrefix = r || null, this.contentType = n, this.ignoreFirstLf = s, this.preventNamespaceInheritance = + l, this.canSelfClose = u ?? i; + } + isClosedByChild(t) { + return this.isVoid || t.toLowerCase() in this.closedByChildren; + } + getContentType(t) { + return typeof this.contentType == "object" ? (t === void 0 ? void 0 : this.contentType[t]) ?? this.contentType.default : this.contentType; + } + }, a(Bl, "m"), Bl); + a(M3, "Ge"); + cu = ($l = class { + constructor(t, r) { + this.sourceSpan = t, this.i18n = r; + } + }, a($l, "oe"), $l), $te = (zl = class extends cu { + constructor(t, r, n, o) { + super(r, o), this.value = t, this.tokens = n, this.type = "text"; + } + visit(t, r) { + return t.visitText(this, r); + } + }, a(zl, "Ut"), zl), zte = (Hl = class extends cu { + constructor(t, r, n, o) { + super(r, o), this.value = t, this.tokens = n, this.type = "cdata"; + } + visit(t, r) { + return t.visitCdata(this, r); + } + }, a(Hl, "Wt"), Hl), Hte = (jl = class extends cu { + constructor(t, r, n, o, i, s) { + super(o, s), this.switchValue = t, this.type = r, this.cases = n, this.switchValueSourceSpan = i; + } + visit(t, r) { + return t.visitExpansion(this, r); + } + }, a(jl, "zt"), jl), jte = (Vl = class { + constructor(t, r, n, o, i) { + this.value = t, this.expression = r, this.sourceSpan = n, this.valueSourceSpan = o, this.expSourceSpan = i, this.type = "expansionCase"; + } + visit(t, r) { + return t.visitExpansionCase(this, r); + } + }, a(Vl, "Gt"), Vl), Vte = (Ul = class extends cu { + constructor(t, r, n, o, i, s, l) { + super(n, l), this.name = t, this.value = r, this.keySpan = o, this.valueSpan = i, this.valueTokens = s, this.type = "attribute"; + } + visit(t, r) { + return t.visitAttribute(this, r); + } + get nameSpan() { + return this.keySpan; + } + }, a(Ul, "Yt"), Ul), Ia = (Wl = class extends cu { + constructor(t, r, n, o, i, s = null, l = null, u) { + super(o, u), this.name = t, this.attrs = r, this.children = n, this.startSourceSpan = i, this.endSourceSpan = s, this.nameSpan = l, this. + type = "element"; + } + visit(t, r) { + return t.visitElement(this, r); + } + }, a(Wl, "G"), Wl), Ute = (ql = class { + constructor(t, r) { + this.value = t, this.sourceSpan = r, this.type = "comment"; + } + visit(t, r) { + return t.visitComment(this, r); + } + }, a(ql, "jt"), ql), Wte = (Gl = class { + constructor(t, r) { + this.value = t, this.sourceSpan = r, this.type = "docType"; + } + visit(t, r) { + return t.visitDocType(this, r); + } + }, a(Gl, "Kt"), Gl), _l = (Yl = class extends cu { + constructor(t, r, n, o, i, s, l = null, u) { + super(o, u), this.name = t, this.parameters = r, this.children = n, this.nameSpan = i, this.startSourceSpan = s, this.endSourceSpan = l, + this.type = "block"; + } + visit(t, r) { + return t.visitBlock(this, r); + } + }, a(Yl, "Z"), Yl), Z9 = (Kl = class { + constructor(t, r) { + this.expression = t, this.sourceSpan = r, this.type = "blockParameter", this.startSourceSpan = null, this.endSourceSpan = null; + } + visit(t, r) { + return t.visitBlockParameter(this, r); + } + }, a(Kl, "ct"), Kl), e_ = (Xl = class { + constructor(t, r, n, o, i) { + this.name = t, this.value = r, this.sourceSpan = n, this.nameSpan = o, this.valueSpan = i, this.type = "letDeclaration", this.startSourceSpan = + null, this.endSourceSpan = null; + } + visit(t, r) { + return t.visitLetDeclaration(this, r); + } + }, a(Xl, "pt"), Xl); + a(Y_, "Qt"); + qte = (Ql = class { + constructor() { + } + visitElement(t, r) { + this.visitChildren(r, (n) => { + n(t.attrs), n(t.children); + }); + } + visitAttribute(t, r) { + } + visitText(t, r) { + } + visitCdata(t, r) { + } + visitComment(t, r) { + } + visitDocType(t, r) { + } + visitExpansion(t, r) { + return this.visitChildren(r, (n) => { + n(t.cases); + }); + } + visitExpansionCase(t, r) { + } + visitBlock(t, r) { + this.visitChildren(r, (n) => { + n(t.parameters), n(t.children); + }); + } + visitBlockParameter(t, r) { + } + visitLetDeclaration(t, r) { + } + visitChildren(t, r) { + let n = [], o = this; + function i(s) { + s && n.push(Y_(o, s, t)); + } + return a(i, "i"), r(i), Array.prototype.concat.apply([], n); + } + }, a(Ql, "ht"), Ql), Ch = { AElig: "\xC6", AMP: "&", amp: "&", Aacute: "\xC1", Abreve: "\u0102", Acirc: "\xC2", Acy: "\u0410", Afr: "\u{1D504}", + Agrave: "\xC0", Alpha: "\u0391", Amacr: "\u0100", And: "\u2A53", Aogon: "\u0104", Aopf: "\u{1D538}", ApplyFunction: "\u2061", af: "\u2061", + Aring: "\xC5", angst: "\xC5", Ascr: "\u{1D49C}", Assign: "\u2254", colone: "\u2254", coloneq: "\u2254", Atilde: "\xC3", Auml: "\xC4", Backslash: "\ +\u2216", setminus: "\u2216", setmn: "\u2216", smallsetminus: "\u2216", ssetmn: "\u2216", Barv: "\u2AE7", Barwed: "\u2306", doublebarwedge: "\ +\u2306", Bcy: "\u0411", Because: "\u2235", becaus: "\u2235", because: "\u2235", Bernoullis: "\u212C", Bscr: "\u212C", bernou: "\u212C", Beta: "\ +\u0392", Bfr: "\u{1D505}", Bopf: "\u{1D539}", Breve: "\u02D8", breve: "\u02D8", Bumpeq: "\u224E", HumpDownHump: "\u224E", bump: "\u224E", CHcy: "\ +\u0427", COPY: "\xA9", copy: "\xA9", Cacute: "\u0106", Cap: "\u22D2", CapitalDifferentialD: "\u2145", DD: "\u2145", Cayleys: "\u212D", Cfr: "\ +\u212D", Ccaron: "\u010C", Ccedil: "\xC7", Ccirc: "\u0108", Cconint: "\u2230", Cdot: "\u010A", Cedilla: "\xB8", cedil: "\xB8", CenterDot: "\xB7", + centerdot: "\xB7", middot: "\xB7", Chi: "\u03A7", CircleDot: "\u2299", odot: "\u2299", CircleMinus: "\u2296", ominus: "\u2296", CirclePlus: "\ +\u2295", oplus: "\u2295", CircleTimes: "\u2297", otimes: "\u2297", ClockwiseContourIntegral: "\u2232", cwconint: "\u2232", CloseCurlyDoubleQuote: "\ +\u201D", rdquo: "\u201D", rdquor: "\u201D", CloseCurlyQuote: "\u2019", rsquo: "\u2019", rsquor: "\u2019", Colon: "\u2237", Proportion: "\u2237", + Colone: "\u2A74", Congruent: "\u2261", equiv: "\u2261", Conint: "\u222F", DoubleContourIntegral: "\u222F", ContourIntegral: "\u222E", conint: "\ +\u222E", oint: "\u222E", Copf: "\u2102", complexes: "\u2102", Coproduct: "\u2210", coprod: "\u2210", CounterClockwiseContourIntegral: "\u2233", + awconint: "\u2233", Cross: "\u2A2F", Cscr: "\u{1D49E}", Cup: "\u22D3", CupCap: "\u224D", asympeq: "\u224D", DDotrahd: "\u2911", DJcy: "\u0402", + DScy: "\u0405", DZcy: "\u040F", Dagger: "\u2021", ddagger: "\u2021", Darr: "\u21A1", Dashv: "\u2AE4", DoubleLeftTee: "\u2AE4", Dcaron: "\u010E", + Dcy: "\u0414", Del: "\u2207", nabla: "\u2207", Delta: "\u0394", Dfr: "\u{1D507}", DiacriticalAcute: "\xB4", acute: "\xB4", DiacriticalDot: "\ +\u02D9", dot: "\u02D9", DiacriticalDoubleAcute: "\u02DD", dblac: "\u02DD", DiacriticalGrave: "`", grave: "`", DiacriticalTilde: "\u02DC", tilde: "\ +\u02DC", Diamond: "\u22C4", diam: "\u22C4", diamond: "\u22C4", DifferentialD: "\u2146", dd: "\u2146", Dopf: "\u{1D53B}", Dot: "\xA8", DoubleDot: "\ +\xA8", die: "\xA8", uml: "\xA8", DotDot: "\u20DC", DotEqual: "\u2250", doteq: "\u2250", esdot: "\u2250", DoubleDownArrow: "\u21D3", Downarrow: "\ +\u21D3", dArr: "\u21D3", DoubleLeftArrow: "\u21D0", Leftarrow: "\u21D0", lArr: "\u21D0", DoubleLeftRightArrow: "\u21D4", Leftrightarrow: "\u21D4", + hArr: "\u21D4", iff: "\u21D4", DoubleLongLeftArrow: "\u27F8", Longleftarrow: "\u27F8", xlArr: "\u27F8", DoubleLongLeftRightArrow: "\u27FA", + Longleftrightarrow: "\u27FA", xhArr: "\u27FA", DoubleLongRightArrow: "\u27F9", Longrightarrow: "\u27F9", xrArr: "\u27F9", DoubleRightArrow: "\ +\u21D2", Implies: "\u21D2", Rightarrow: "\u21D2", rArr: "\u21D2", DoubleRightTee: "\u22A8", vDash: "\u22A8", DoubleUpArrow: "\u21D1", Uparrow: "\ +\u21D1", uArr: "\u21D1", DoubleUpDownArrow: "\u21D5", Updownarrow: "\u21D5", vArr: "\u21D5", DoubleVerticalBar: "\u2225", par: "\u2225", parallel: "\ +\u2225", shortparallel: "\u2225", spar: "\u2225", DownArrow: "\u2193", ShortDownArrow: "\u2193", darr: "\u2193", downarrow: "\u2193", DownArrowBar: "\ +\u2913", DownArrowUpArrow: "\u21F5", duarr: "\u21F5", DownBreve: "\u0311", DownLeftRightVector: "\u2950", DownLeftTeeVector: "\u295E", DownLeftVector: "\ +\u21BD", leftharpoondown: "\u21BD", lhard: "\u21BD", DownLeftVectorBar: "\u2956", DownRightTeeVector: "\u295F", DownRightVector: "\u21C1", rhard: "\ +\u21C1", rightharpoondown: "\u21C1", DownRightVectorBar: "\u2957", DownTee: "\u22A4", top: "\u22A4", DownTeeArrow: "\u21A7", mapstodown: "\u21A7", + Dscr: "\u{1D49F}", Dstrok: "\u0110", ENG: "\u014A", ETH: "\xD0", Eacute: "\xC9", Ecaron: "\u011A", Ecirc: "\xCA", Ecy: "\u042D", Edot: "\u0116", + Efr: "\u{1D508}", Egrave: "\xC8", Element: "\u2208", in: "\u2208", isin: "\u2208", isinv: "\u2208", Emacr: "\u0112", EmptySmallSquare: "\u25FB", + EmptyVerySmallSquare: "\u25AB", Eogon: "\u0118", Eopf: "\u{1D53C}", Epsilon: "\u0395", Equal: "\u2A75", EqualTilde: "\u2242", eqsim: "\u2242", + esim: "\u2242", Equilibrium: "\u21CC", rightleftharpoons: "\u21CC", rlhar: "\u21CC", Escr: "\u2130", expectation: "\u2130", Esim: "\u2A73", + Eta: "\u0397", Euml: "\xCB", Exists: "\u2203", exist: "\u2203", ExponentialE: "\u2147", ee: "\u2147", exponentiale: "\u2147", Fcy: "\u0424", + Ffr: "\u{1D509}", FilledSmallSquare: "\u25FC", FilledVerySmallSquare: "\u25AA", blacksquare: "\u25AA", squarf: "\u25AA", squf: "\u25AA", Fopf: "\ +\u{1D53D}", ForAll: "\u2200", forall: "\u2200", Fouriertrf: "\u2131", Fscr: "\u2131", GJcy: "\u0403", GT: ">", gt: ">", Gamma: "\u0393", Gammad: "\ +\u03DC", Gbreve: "\u011E", Gcedil: "\u0122", Gcirc: "\u011C", Gcy: "\u0413", Gdot: "\u0120", Gfr: "\u{1D50A}", Gg: "\u22D9", ggg: "\u22D9", Gopf: "\ +\u{1D53E}", GreaterEqual: "\u2265", ge: "\u2265", geq: "\u2265", GreaterEqualLess: "\u22DB", gel: "\u22DB", gtreqless: "\u22DB", GreaterFullEqual: "\ +\u2267", gE: "\u2267", geqq: "\u2267", GreaterGreater: "\u2AA2", GreaterLess: "\u2277", gl: "\u2277", gtrless: "\u2277", GreaterSlantEqual: "\ +\u2A7E", geqslant: "\u2A7E", ges: "\u2A7E", GreaterTilde: "\u2273", gsim: "\u2273", gtrsim: "\u2273", Gscr: "\u{1D4A2}", Gt: "\u226B", NestedGreaterGreater: "\ +\u226B", gg: "\u226B", HARDcy: "\u042A", Hacek: "\u02C7", caron: "\u02C7", Hat: "^", Hcirc: "\u0124", Hfr: "\u210C", Poincareplane: "\u210C", + HilbertSpace: "\u210B", Hscr: "\u210B", hamilt: "\u210B", Hopf: "\u210D", quaternions: "\u210D", HorizontalLine: "\u2500", boxh: "\u2500", + Hstrok: "\u0126", HumpEqual: "\u224F", bumpe: "\u224F", bumpeq: "\u224F", IEcy: "\u0415", IJlig: "\u0132", IOcy: "\u0401", Iacute: "\xCD", + Icirc: "\xCE", Icy: "\u0418", Idot: "\u0130", Ifr: "\u2111", Im: "\u2111", image: "\u2111", imagpart: "\u2111", Igrave: "\xCC", Imacr: "\u012A", + ImaginaryI: "\u2148", ii: "\u2148", Int: "\u222C", Integral: "\u222B", int: "\u222B", Intersection: "\u22C2", bigcap: "\u22C2", xcap: "\u22C2", + InvisibleComma: "\u2063", ic: "\u2063", InvisibleTimes: "\u2062", it: "\u2062", Iogon: "\u012E", Iopf: "\u{1D540}", Iota: "\u0399", Iscr: "\ +\u2110", imagline: "\u2110", Itilde: "\u0128", Iukcy: "\u0406", Iuml: "\xCF", Jcirc: "\u0134", Jcy: "\u0419", Jfr: "\u{1D50D}", Jopf: "\u{1D541}", + Jscr: "\u{1D4A5}", Jsercy: "\u0408", Jukcy: "\u0404", KHcy: "\u0425", KJcy: "\u040C", Kappa: "\u039A", Kcedil: "\u0136", Kcy: "\u041A", Kfr: "\ +\u{1D50E}", Kopf: "\u{1D542}", Kscr: "\u{1D4A6}", LJcy: "\u0409", LT: "<", lt: "<", Lacute: "\u0139", Lambda: "\u039B", Lang: "\u27EA", Laplacetrf: "\ +\u2112", Lscr: "\u2112", lagran: "\u2112", Larr: "\u219E", twoheadleftarrow: "\u219E", Lcaron: "\u013D", Lcedil: "\u013B", Lcy: "\u041B", LeftAngleBracket: "\ +\u27E8", lang: "\u27E8", langle: "\u27E8", LeftArrow: "\u2190", ShortLeftArrow: "\u2190", larr: "\u2190", leftarrow: "\u2190", slarr: "\u2190", + LeftArrowBar: "\u21E4", larrb: "\u21E4", LeftArrowRightArrow: "\u21C6", leftrightarrows: "\u21C6", lrarr: "\u21C6", LeftCeiling: "\u2308", + lceil: "\u2308", LeftDoubleBracket: "\u27E6", lobrk: "\u27E6", LeftDownTeeVector: "\u2961", LeftDownVector: "\u21C3", dharl: "\u21C3", downharpoonleft: "\ +\u21C3", LeftDownVectorBar: "\u2959", LeftFloor: "\u230A", lfloor: "\u230A", LeftRightArrow: "\u2194", harr: "\u2194", leftrightarrow: "\u2194", + LeftRightVector: "\u294E", LeftTee: "\u22A3", dashv: "\u22A3", LeftTeeArrow: "\u21A4", mapstoleft: "\u21A4", LeftTeeVector: "\u295A", LeftTriangle: "\ +\u22B2", vartriangleleft: "\u22B2", vltri: "\u22B2", LeftTriangleBar: "\u29CF", LeftTriangleEqual: "\u22B4", ltrie: "\u22B4", trianglelefteq: "\ +\u22B4", LeftUpDownVector: "\u2951", LeftUpTeeVector: "\u2960", LeftUpVector: "\u21BF", uharl: "\u21BF", upharpoonleft: "\u21BF", LeftUpVectorBar: "\ +\u2958", LeftVector: "\u21BC", leftharpoonup: "\u21BC", lharu: "\u21BC", LeftVectorBar: "\u2952", LessEqualGreater: "\u22DA", leg: "\u22DA", + lesseqgtr: "\u22DA", LessFullEqual: "\u2266", lE: "\u2266", leqq: "\u2266", LessGreater: "\u2276", lessgtr: "\u2276", lg: "\u2276", LessLess: "\ +\u2AA1", LessSlantEqual: "\u2A7D", leqslant: "\u2A7D", les: "\u2A7D", LessTilde: "\u2272", lesssim: "\u2272", lsim: "\u2272", Lfr: "\u{1D50F}", + Ll: "\u22D8", Lleftarrow: "\u21DA", lAarr: "\u21DA", Lmidot: "\u013F", LongLeftArrow: "\u27F5", longleftarrow: "\u27F5", xlarr: "\u27F5", LongLeftRightArrow: "\ +\u27F7", longleftrightarrow: "\u27F7", xharr: "\u27F7", LongRightArrow: "\u27F6", longrightarrow: "\u27F6", xrarr: "\u27F6", Lopf: "\u{1D543}", + LowerLeftArrow: "\u2199", swarr: "\u2199", swarrow: "\u2199", LowerRightArrow: "\u2198", searr: "\u2198", searrow: "\u2198", Lsh: "\u21B0", + lsh: "\u21B0", Lstrok: "\u0141", Lt: "\u226A", NestedLessLess: "\u226A", ll: "\u226A", Map: "\u2905", Mcy: "\u041C", MediumSpace: "\u205F", + Mellintrf: "\u2133", Mscr: "\u2133", phmmat: "\u2133", Mfr: "\u{1D510}", MinusPlus: "\u2213", mnplus: "\u2213", mp: "\u2213", Mopf: "\u{1D544}", + Mu: "\u039C", NJcy: "\u040A", Nacute: "\u0143", Ncaron: "\u0147", Ncedil: "\u0145", Ncy: "\u041D", NegativeMediumSpace: "\u200B", NegativeThickSpace: "\ +\u200B", NegativeThinSpace: "\u200B", NegativeVeryThinSpace: "\u200B", ZeroWidthSpace: "\u200B", NewLine: ` +`, Nfr: "\u{1D511}", NoBreak: "\u2060", NonBreakingSpace: "\xA0", nbsp: "\xA0", Nopf: "\u2115", naturals: "\u2115", Not: "\u2AEC", NotCongruent: "\ +\u2262", nequiv: "\u2262", NotCupCap: "\u226D", NotDoubleVerticalBar: "\u2226", npar: "\u2226", nparallel: "\u2226", nshortparallel: "\u2226", + nspar: "\u2226", NotElement: "\u2209", notin: "\u2209", notinva: "\u2209", NotEqual: "\u2260", ne: "\u2260", NotEqualTilde: "\u2242\u0338", + nesim: "\u2242\u0338", NotExists: "\u2204", nexist: "\u2204", nexists: "\u2204", NotGreater: "\u226F", ngt: "\u226F", ngtr: "\u226F", NotGreaterEqual: "\ +\u2271", nge: "\u2271", ngeq: "\u2271", NotGreaterFullEqual: "\u2267\u0338", ngE: "\u2267\u0338", ngeqq: "\u2267\u0338", NotGreaterGreater: "\ +\u226B\u0338", nGtv: "\u226B\u0338", NotGreaterLess: "\u2279", ntgl: "\u2279", NotGreaterSlantEqual: "\u2A7E\u0338", ngeqslant: "\u2A7E\u0338", + nges: "\u2A7E\u0338", NotGreaterTilde: "\u2275", ngsim: "\u2275", NotHumpDownHump: "\u224E\u0338", nbump: "\u224E\u0338", NotHumpEqual: "\u224F\ +\u0338", nbumpe: "\u224F\u0338", NotLeftTriangle: "\u22EA", nltri: "\u22EA", ntriangleleft: "\u22EA", NotLeftTriangleBar: "\u29CF\u0338", NotLeftTriangleEqual: "\ +\u22EC", nltrie: "\u22EC", ntrianglelefteq: "\u22EC", NotLess: "\u226E", nless: "\u226E", nlt: "\u226E", NotLessEqual: "\u2270", nle: "\u2270", + nleq: "\u2270", NotLessGreater: "\u2278", ntlg: "\u2278", NotLessLess: "\u226A\u0338", nLtv: "\u226A\u0338", NotLessSlantEqual: "\u2A7D\u0338", + nleqslant: "\u2A7D\u0338", nles: "\u2A7D\u0338", NotLessTilde: "\u2274", nlsim: "\u2274", NotNestedGreaterGreater: "\u2AA2\u0338", NotNestedLessLess: "\ +\u2AA1\u0338", NotPrecedes: "\u2280", npr: "\u2280", nprec: "\u2280", NotPrecedesEqual: "\u2AAF\u0338", npre: "\u2AAF\u0338", npreceq: "\u2AAF\u0338", + NotPrecedesSlantEqual: "\u22E0", nprcue: "\u22E0", NotReverseElement: "\u220C", notni: "\u220C", notniva: "\u220C", NotRightTriangle: "\u22EB", + nrtri: "\u22EB", ntriangleright: "\u22EB", NotRightTriangleBar: "\u29D0\u0338", NotRightTriangleEqual: "\u22ED", nrtrie: "\u22ED", ntrianglerighteq: "\ +\u22ED", NotSquareSubset: "\u228F\u0338", NotSquareSubsetEqual: "\u22E2", nsqsube: "\u22E2", NotSquareSuperset: "\u2290\u0338", NotSquareSupersetEqual: "\ +\u22E3", nsqsupe: "\u22E3", NotSubset: "\u2282\u20D2", nsubset: "\u2282\u20D2", vnsub: "\u2282\u20D2", NotSubsetEqual: "\u2288", nsube: "\u2288", + nsubseteq: "\u2288", NotSucceeds: "\u2281", nsc: "\u2281", nsucc: "\u2281", NotSucceedsEqual: "\u2AB0\u0338", nsce: "\u2AB0\u0338", nsucceq: "\ +\u2AB0\u0338", NotSucceedsSlantEqual: "\u22E1", nsccue: "\u22E1", NotSucceedsTilde: "\u227F\u0338", NotSuperset: "\u2283\u20D2", nsupset: "\u2283\ +\u20D2", vnsup: "\u2283\u20D2", NotSupersetEqual: "\u2289", nsupe: "\u2289", nsupseteq: "\u2289", NotTilde: "\u2241", nsim: "\u2241", NotTildeEqual: "\ +\u2244", nsime: "\u2244", nsimeq: "\u2244", NotTildeFullEqual: "\u2247", ncong: "\u2247", NotTildeTilde: "\u2249", nap: "\u2249", napprox: "\ +\u2249", NotVerticalBar: "\u2224", nmid: "\u2224", nshortmid: "\u2224", nsmid: "\u2224", Nscr: "\u{1D4A9}", Ntilde: "\xD1", Nu: "\u039D", OElig: "\ +\u0152", Oacute: "\xD3", Ocirc: "\xD4", Ocy: "\u041E", Odblac: "\u0150", Ofr: "\u{1D512}", Ograve: "\xD2", Omacr: "\u014C", Omega: "\u03A9", + ohm: "\u03A9", Omicron: "\u039F", Oopf: "\u{1D546}", OpenCurlyDoubleQuote: "\u201C", ldquo: "\u201C", OpenCurlyQuote: "\u2018", lsquo: "\u2018", + Or: "\u2A54", Oscr: "\u{1D4AA}", Oslash: "\xD8", Otilde: "\xD5", Otimes: "\u2A37", Ouml: "\xD6", OverBar: "\u203E", oline: "\u203E", OverBrace: "\ +\u23DE", OverBracket: "\u23B4", tbrk: "\u23B4", OverParenthesis: "\u23DC", PartialD: "\u2202", part: "\u2202", Pcy: "\u041F", Pfr: "\u{1D513}", + Phi: "\u03A6", Pi: "\u03A0", PlusMinus: "\xB1", plusmn: "\xB1", pm: "\xB1", Popf: "\u2119", primes: "\u2119", Pr: "\u2ABB", Precedes: "\u227A", + pr: "\u227A", prec: "\u227A", PrecedesEqual: "\u2AAF", pre: "\u2AAF", preceq: "\u2AAF", PrecedesSlantEqual: "\u227C", prcue: "\u227C", preccurlyeq: "\ +\u227C", PrecedesTilde: "\u227E", precsim: "\u227E", prsim: "\u227E", Prime: "\u2033", Product: "\u220F", prod: "\u220F", Proportional: "\u221D", + prop: "\u221D", propto: "\u221D", varpropto: "\u221D", vprop: "\u221D", Pscr: "\u{1D4AB}", Psi: "\u03A8", QUOT: '"', quot: '"', Qfr: "\u{1D514}", + Qopf: "\u211A", rationals: "\u211A", Qscr: "\u{1D4AC}", RBarr: "\u2910", drbkarow: "\u2910", REG: "\xAE", circledR: "\xAE", reg: "\xAE", Racute: "\ +\u0154", Rang: "\u27EB", Rarr: "\u21A0", twoheadrightarrow: "\u21A0", Rarrtl: "\u2916", Rcaron: "\u0158", Rcedil: "\u0156", Rcy: "\u0420", Re: "\ +\u211C", Rfr: "\u211C", real: "\u211C", realpart: "\u211C", ReverseElement: "\u220B", SuchThat: "\u220B", ni: "\u220B", niv: "\u220B", ReverseEquilibrium: "\ +\u21CB", leftrightharpoons: "\u21CB", lrhar: "\u21CB", ReverseUpEquilibrium: "\u296F", duhar: "\u296F", Rho: "\u03A1", RightAngleBracket: "\u27E9", + rang: "\u27E9", rangle: "\u27E9", RightArrow: "\u2192", ShortRightArrow: "\u2192", rarr: "\u2192", rightarrow: "\u2192", srarr: "\u2192", RightArrowBar: "\ +\u21E5", rarrb: "\u21E5", RightArrowLeftArrow: "\u21C4", rightleftarrows: "\u21C4", rlarr: "\u21C4", RightCeiling: "\u2309", rceil: "\u2309", + RightDoubleBracket: "\u27E7", robrk: "\u27E7", RightDownTeeVector: "\u295D", RightDownVector: "\u21C2", dharr: "\u21C2", downharpoonright: "\ +\u21C2", RightDownVectorBar: "\u2955", RightFloor: "\u230B", rfloor: "\u230B", RightTee: "\u22A2", vdash: "\u22A2", RightTeeArrow: "\u21A6", + map: "\u21A6", mapsto: "\u21A6", RightTeeVector: "\u295B", RightTriangle: "\u22B3", vartriangleright: "\u22B3", vrtri: "\u22B3", RightTriangleBar: "\ +\u29D0", RightTriangleEqual: "\u22B5", rtrie: "\u22B5", trianglerighteq: "\u22B5", RightUpDownVector: "\u294F", RightUpTeeVector: "\u295C", RightUpVector: "\ +\u21BE", uharr: "\u21BE", upharpoonright: "\u21BE", RightUpVectorBar: "\u2954", RightVector: "\u21C0", rharu: "\u21C0", rightharpoonup: "\u21C0", + RightVectorBar: "\u2953", Ropf: "\u211D", reals: "\u211D", RoundImplies: "\u2970", Rrightarrow: "\u21DB", rAarr: "\u21DB", Rscr: "\u211B", + realine: "\u211B", Rsh: "\u21B1", rsh: "\u21B1", RuleDelayed: "\u29F4", SHCHcy: "\u0429", SHcy: "\u0428", SOFTcy: "\u042C", Sacute: "\u015A", + Sc: "\u2ABC", Scaron: "\u0160", Scedil: "\u015E", Scirc: "\u015C", Scy: "\u0421", Sfr: "\u{1D516}", ShortUpArrow: "\u2191", UpArrow: "\u2191", + uarr: "\u2191", uparrow: "\u2191", Sigma: "\u03A3", SmallCircle: "\u2218", compfn: "\u2218", Sopf: "\u{1D54A}", Sqrt: "\u221A", radic: "\u221A", + Square: "\u25A1", squ: "\u25A1", square: "\u25A1", SquareIntersection: "\u2293", sqcap: "\u2293", SquareSubset: "\u228F", sqsub: "\u228F", + sqsubset: "\u228F", SquareSubsetEqual: "\u2291", sqsube: "\u2291", sqsubseteq: "\u2291", SquareSuperset: "\u2290", sqsup: "\u2290", sqsupset: "\ +\u2290", SquareSupersetEqual: "\u2292", sqsupe: "\u2292", sqsupseteq: "\u2292", SquareUnion: "\u2294", sqcup: "\u2294", Sscr: "\u{1D4AE}", Star: "\ +\u22C6", sstarf: "\u22C6", Sub: "\u22D0", Subset: "\u22D0", SubsetEqual: "\u2286", sube: "\u2286", subseteq: "\u2286", Succeeds: "\u227B", sc: "\ +\u227B", succ: "\u227B", SucceedsEqual: "\u2AB0", sce: "\u2AB0", succeq: "\u2AB0", SucceedsSlantEqual: "\u227D", sccue: "\u227D", succcurlyeq: "\ +\u227D", SucceedsTilde: "\u227F", scsim: "\u227F", succsim: "\u227F", Sum: "\u2211", sum: "\u2211", Sup: "\u22D1", Supset: "\u22D1", Superset: "\ +\u2283", sup: "\u2283", supset: "\u2283", SupersetEqual: "\u2287", supe: "\u2287", supseteq: "\u2287", THORN: "\xDE", TRADE: "\u2122", trade: "\ +\u2122", TSHcy: "\u040B", TScy: "\u0426", Tab: " ", Tau: "\u03A4", Tcaron: "\u0164", Tcedil: "\u0162", Tcy: "\u0422", Tfr: "\u{1D517}", Therefore: "\ +\u2234", there4: "\u2234", therefore: "\u2234", Theta: "\u0398", ThickSpace: "\u205F\u200A", ThinSpace: "\u2009", thinsp: "\u2009", Tilde: "\ +\u223C", sim: "\u223C", thicksim: "\u223C", thksim: "\u223C", TildeEqual: "\u2243", sime: "\u2243", simeq: "\u2243", TildeFullEqual: "\u2245", + cong: "\u2245", TildeTilde: "\u2248", ap: "\u2248", approx: "\u2248", asymp: "\u2248", thickapprox: "\u2248", thkap: "\u2248", Topf: "\u{1D54B}", + TripleDot: "\u20DB", tdot: "\u20DB", Tscr: "\u{1D4AF}", Tstrok: "\u0166", Uacute: "\xDA", Uarr: "\u219F", Uarrocir: "\u2949", Ubrcy: "\u040E", + Ubreve: "\u016C", Ucirc: "\xDB", Ucy: "\u0423", Udblac: "\u0170", Ufr: "\u{1D518}", Ugrave: "\xD9", Umacr: "\u016A", UnderBar: "_", lowbar: "\ +_", UnderBrace: "\u23DF", UnderBracket: "\u23B5", bbrk: "\u23B5", UnderParenthesis: "\u23DD", Union: "\u22C3", bigcup: "\u22C3", xcup: "\u22C3", + UnionPlus: "\u228E", uplus: "\u228E", Uogon: "\u0172", Uopf: "\u{1D54C}", UpArrowBar: "\u2912", UpArrowDownArrow: "\u21C5", udarr: "\u21C5", + UpDownArrow: "\u2195", updownarrow: "\u2195", varr: "\u2195", UpEquilibrium: "\u296E", udhar: "\u296E", UpTee: "\u22A5", bot: "\u22A5", bottom: "\ +\u22A5", perp: "\u22A5", UpTeeArrow: "\u21A5", mapstoup: "\u21A5", UpperLeftArrow: "\u2196", nwarr: "\u2196", nwarrow: "\u2196", UpperRightArrow: "\ +\u2197", nearr: "\u2197", nearrow: "\u2197", Upsi: "\u03D2", upsih: "\u03D2", Upsilon: "\u03A5", Uring: "\u016E", Uscr: "\u{1D4B0}", Utilde: "\ +\u0168", Uuml: "\xDC", VDash: "\u22AB", Vbar: "\u2AEB", Vcy: "\u0412", Vdash: "\u22A9", Vdashl: "\u2AE6", Vee: "\u22C1", bigvee: "\u22C1", xvee: "\ +\u22C1", Verbar: "\u2016", Vert: "\u2016", VerticalBar: "\u2223", mid: "\u2223", shortmid: "\u2223", smid: "\u2223", VerticalLine: "|", verbar: "\ +|", vert: "|", VerticalSeparator: "\u2758", VerticalTilde: "\u2240", wr: "\u2240", wreath: "\u2240", VeryThinSpace: "\u200A", hairsp: "\u200A", + Vfr: "\u{1D519}", Vopf: "\u{1D54D}", Vscr: "\u{1D4B1}", Vvdash: "\u22AA", Wcirc: "\u0174", Wedge: "\u22C0", bigwedge: "\u22C0", xwedge: "\u22C0", + Wfr: "\u{1D51A}", Wopf: "\u{1D54E}", Wscr: "\u{1D4B2}", Xfr: "\u{1D51B}", Xi: "\u039E", Xopf: "\u{1D54F}", Xscr: "\u{1D4B3}", YAcy: "\u042F", + YIcy: "\u0407", YUcy: "\u042E", Yacute: "\xDD", Ycirc: "\u0176", Ycy: "\u042B", Yfr: "\u{1D51C}", Yopf: "\u{1D550}", Yscr: "\u{1D4B4}", Yuml: "\ +\u0178", ZHcy: "\u0416", Zacute: "\u0179", Zcaron: "\u017D", Zcy: "\u0417", Zdot: "\u017B", Zeta: "\u0396", Zfr: "\u2128", zeetrf: "\u2128", + Zopf: "\u2124", integers: "\u2124", Zscr: "\u{1D4B5}", aacute: "\xE1", abreve: "\u0103", ac: "\u223E", mstpos: "\u223E", acE: "\u223E\u0333", + acd: "\u223F", acirc: "\xE2", acy: "\u0430", aelig: "\xE6", afr: "\u{1D51E}", agrave: "\xE0", alefsym: "\u2135", aleph: "\u2135", alpha: "\ +\u03B1", amacr: "\u0101", amalg: "\u2A3F", and: "\u2227", wedge: "\u2227", andand: "\u2A55", andd: "\u2A5C", andslope: "\u2A58", andv: "\u2A5A", + ang: "\u2220", angle: "\u2220", ange: "\u29A4", angmsd: "\u2221", measuredangle: "\u2221", angmsdaa: "\u29A8", angmsdab: "\u29A9", angmsdac: "\ +\u29AA", angmsdad: "\u29AB", angmsdae: "\u29AC", angmsdaf: "\u29AD", angmsdag: "\u29AE", angmsdah: "\u29AF", angrt: "\u221F", angrtvb: "\u22BE", + angrtvbd: "\u299D", angsph: "\u2222", angzarr: "\u237C", aogon: "\u0105", aopf: "\u{1D552}", apE: "\u2A70", apacir: "\u2A6F", ape: "\u224A", + approxeq: "\u224A", apid: "\u224B", apos: "'", aring: "\xE5", ascr: "\u{1D4B6}", ast: "*", midast: "*", atilde: "\xE3", auml: "\xE4", awint: "\ +\u2A11", bNot: "\u2AED", backcong: "\u224C", bcong: "\u224C", backepsilon: "\u03F6", bepsi: "\u03F6", backprime: "\u2035", bprime: "\u2035", + backsim: "\u223D", bsim: "\u223D", backsimeq: "\u22CD", bsime: "\u22CD", barvee: "\u22BD", barwed: "\u2305", barwedge: "\u2305", bbrktbrk: "\ +\u23B6", bcy: "\u0431", bdquo: "\u201E", ldquor: "\u201E", bemptyv: "\u29B0", beta: "\u03B2", beth: "\u2136", between: "\u226C", twixt: "\u226C", + bfr: "\u{1D51F}", bigcirc: "\u25EF", xcirc: "\u25EF", bigodot: "\u2A00", xodot: "\u2A00", bigoplus: "\u2A01", xoplus: "\u2A01", bigotimes: "\ +\u2A02", xotime: "\u2A02", bigsqcup: "\u2A06", xsqcup: "\u2A06", bigstar: "\u2605", starf: "\u2605", bigtriangledown: "\u25BD", xdtri: "\u25BD", + bigtriangleup: "\u25B3", xutri: "\u25B3", biguplus: "\u2A04", xuplus: "\u2A04", bkarow: "\u290D", rbarr: "\u290D", blacklozenge: "\u29EB", + lozf: "\u29EB", blacktriangle: "\u25B4", utrif: "\u25B4", blacktriangledown: "\u25BE", dtrif: "\u25BE", blacktriangleleft: "\u25C2", ltrif: "\ +\u25C2", blacktriangleright: "\u25B8", rtrif: "\u25B8", blank: "\u2423", blk12: "\u2592", blk14: "\u2591", blk34: "\u2593", block: "\u2588", + bne: "=\u20E5", bnequiv: "\u2261\u20E5", bnot: "\u2310", bopf: "\u{1D553}", bowtie: "\u22C8", boxDL: "\u2557", boxDR: "\u2554", boxDl: "\u2556", + boxDr: "\u2553", boxH: "\u2550", boxHD: "\u2566", boxHU: "\u2569", boxHd: "\u2564", boxHu: "\u2567", boxUL: "\u255D", boxUR: "\u255A", boxUl: "\ +\u255C", boxUr: "\u2559", boxV: "\u2551", boxVH: "\u256C", boxVL: "\u2563", boxVR: "\u2560", boxVh: "\u256B", boxVl: "\u2562", boxVr: "\u255F", + boxbox: "\u29C9", boxdL: "\u2555", boxdR: "\u2552", boxdl: "\u2510", boxdr: "\u250C", boxhD: "\u2565", boxhU: "\u2568", boxhd: "\u252C", boxhu: "\ +\u2534", boxminus: "\u229F", minusb: "\u229F", boxplus: "\u229E", plusb: "\u229E", boxtimes: "\u22A0", timesb: "\u22A0", boxuL: "\u255B", boxuR: "\ +\u2558", boxul: "\u2518", boxur: "\u2514", boxv: "\u2502", boxvH: "\u256A", boxvL: "\u2561", boxvR: "\u255E", boxvh: "\u253C", boxvl: "\u2524", + boxvr: "\u251C", brvbar: "\xA6", bscr: "\u{1D4B7}", bsemi: "\u204F", bsol: "\\", bsolb: "\u29C5", bsolhsub: "\u27C8", bull: "\u2022", bullet: "\ +\u2022", bumpE: "\u2AAE", cacute: "\u0107", cap: "\u2229", capand: "\u2A44", capbrcup: "\u2A49", capcap: "\u2A4B", capcup: "\u2A47", capdot: "\ +\u2A40", caps: "\u2229\uFE00", caret: "\u2041", ccaps: "\u2A4D", ccaron: "\u010D", ccedil: "\xE7", ccirc: "\u0109", ccups: "\u2A4C", ccupssm: "\ +\u2A50", cdot: "\u010B", cemptyv: "\u29B2", cent: "\xA2", cfr: "\u{1D520}", chcy: "\u0447", check: "\u2713", checkmark: "\u2713", chi: "\u03C7", + cir: "\u25CB", cirE: "\u29C3", circ: "\u02C6", circeq: "\u2257", cire: "\u2257", circlearrowleft: "\u21BA", olarr: "\u21BA", circlearrowright: "\ +\u21BB", orarr: "\u21BB", circledS: "\u24C8", oS: "\u24C8", circledast: "\u229B", oast: "\u229B", circledcirc: "\u229A", ocir: "\u229A", circleddash: "\ +\u229D", odash: "\u229D", cirfnint: "\u2A10", cirmid: "\u2AEF", cirscir: "\u29C2", clubs: "\u2663", clubsuit: "\u2663", colon: ":", comma: "\ +,", commat: "@", comp: "\u2201", complement: "\u2201", congdot: "\u2A6D", copf: "\u{1D554}", copysr: "\u2117", crarr: "\u21B5", cross: "\u2717", + cscr: "\u{1D4B8}", csub: "\u2ACF", csube: "\u2AD1", csup: "\u2AD0", csupe: "\u2AD2", ctdot: "\u22EF", cudarrl: "\u2938", cudarrr: "\u2935", + cuepr: "\u22DE", curlyeqprec: "\u22DE", cuesc: "\u22DF", curlyeqsucc: "\u22DF", cularr: "\u21B6", curvearrowleft: "\u21B6", cularrp: "\u293D", + cup: "\u222A", cupbrcap: "\u2A48", cupcap: "\u2A46", cupcup: "\u2A4A", cupdot: "\u228D", cupor: "\u2A45", cups: "\u222A\uFE00", curarr: "\u21B7", + curvearrowright: "\u21B7", curarrm: "\u293C", curlyvee: "\u22CE", cuvee: "\u22CE", curlywedge: "\u22CF", cuwed: "\u22CF", curren: "\xA4", cwint: "\ +\u2231", cylcty: "\u232D", dHar: "\u2965", dagger: "\u2020", daleth: "\u2138", dash: "\u2010", hyphen: "\u2010", dbkarow: "\u290F", rBarr: "\ +\u290F", dcaron: "\u010F", dcy: "\u0434", ddarr: "\u21CA", downdownarrows: "\u21CA", ddotseq: "\u2A77", eDDot: "\u2A77", deg: "\xB0", delta: "\ +\u03B4", demptyv: "\u29B1", dfisht: "\u297F", dfr: "\u{1D521}", diamondsuit: "\u2666", diams: "\u2666", digamma: "\u03DD", gammad: "\u03DD", + disin: "\u22F2", div: "\xF7", divide: "\xF7", divideontimes: "\u22C7", divonx: "\u22C7", djcy: "\u0452", dlcorn: "\u231E", llcorner: "\u231E", + dlcrop: "\u230D", dollar: "$", dopf: "\u{1D555}", doteqdot: "\u2251", eDot: "\u2251", dotminus: "\u2238", minusd: "\u2238", dotplus: "\u2214", + plusdo: "\u2214", dotsquare: "\u22A1", sdotb: "\u22A1", drcorn: "\u231F", lrcorner: "\u231F", drcrop: "\u230C", dscr: "\u{1D4B9}", dscy: "\ +\u0455", dsol: "\u29F6", dstrok: "\u0111", dtdot: "\u22F1", dtri: "\u25BF", triangledown: "\u25BF", dwangle: "\u29A6", dzcy: "\u045F", dzigrarr: "\ +\u27FF", eacute: "\xE9", easter: "\u2A6E", ecaron: "\u011B", ecir: "\u2256", eqcirc: "\u2256", ecirc: "\xEA", ecolon: "\u2255", eqcolon: "\u2255", + ecy: "\u044D", edot: "\u0117", efDot: "\u2252", fallingdotseq: "\u2252", efr: "\u{1D522}", eg: "\u2A9A", egrave: "\xE8", egs: "\u2A96", eqslantgtr: "\ +\u2A96", egsdot: "\u2A98", el: "\u2A99", elinters: "\u23E7", ell: "\u2113", els: "\u2A95", eqslantless: "\u2A95", elsdot: "\u2A97", emacr: "\ +\u0113", empty: "\u2205", emptyset: "\u2205", emptyv: "\u2205", varnothing: "\u2205", emsp13: "\u2004", emsp14: "\u2005", emsp: "\u2003", eng: "\ +\u014B", ensp: "\u2002", eogon: "\u0119", eopf: "\u{1D556}", epar: "\u22D5", eparsl: "\u29E3", eplus: "\u2A71", epsi: "\u03B5", epsilon: "\u03B5", + epsiv: "\u03F5", straightepsilon: "\u03F5", varepsilon: "\u03F5", equals: "=", equest: "\u225F", questeq: "\u225F", equivDD: "\u2A78", eqvparsl: "\ +\u29E5", erDot: "\u2253", risingdotseq: "\u2253", erarr: "\u2971", escr: "\u212F", eta: "\u03B7", eth: "\xF0", euml: "\xEB", euro: "\u20AC", + excl: "!", fcy: "\u0444", female: "\u2640", ffilig: "\uFB03", fflig: "\uFB00", ffllig: "\uFB04", ffr: "\u{1D523}", filig: "\uFB01", fjlig: "\ +fj", flat: "\u266D", fllig: "\uFB02", fltns: "\u25B1", fnof: "\u0192", fopf: "\u{1D557}", fork: "\u22D4", pitchfork: "\u22D4", forkv: "\u2AD9", + fpartint: "\u2A0D", frac12: "\xBD", half: "\xBD", frac13: "\u2153", frac14: "\xBC", frac15: "\u2155", frac16: "\u2159", frac18: "\u215B", frac23: "\ +\u2154", frac25: "\u2156", frac34: "\xBE", frac35: "\u2157", frac38: "\u215C", frac45: "\u2158", frac56: "\u215A", frac58: "\u215D", frac78: "\ +\u215E", frasl: "\u2044", frown: "\u2322", sfrown: "\u2322", fscr: "\u{1D4BB}", gEl: "\u2A8C", gtreqqless: "\u2A8C", gacute: "\u01F5", gamma: "\ +\u03B3", gap: "\u2A86", gtrapprox: "\u2A86", gbreve: "\u011F", gcirc: "\u011D", gcy: "\u0433", gdot: "\u0121", gescc: "\u2AA9", gesdot: "\u2A80", + gesdoto: "\u2A82", gesdotol: "\u2A84", gesl: "\u22DB\uFE00", gesles: "\u2A94", gfr: "\u{1D524}", gimel: "\u2137", gjcy: "\u0453", glE: "\u2A92", + gla: "\u2AA5", glj: "\u2AA4", gnE: "\u2269", gneqq: "\u2269", gnap: "\u2A8A", gnapprox: "\u2A8A", gne: "\u2A88", gneq: "\u2A88", gnsim: "\u22E7", + gopf: "\u{1D558}", gscr: "\u210A", gsime: "\u2A8E", gsiml: "\u2A90", gtcc: "\u2AA7", gtcir: "\u2A7A", gtdot: "\u22D7", gtrdot: "\u22D7", gtlPar: "\ +\u2995", gtquest: "\u2A7C", gtrarr: "\u2978", gvertneqq: "\u2269\uFE00", gvnE: "\u2269\uFE00", hardcy: "\u044A", harrcir: "\u2948", harrw: "\ +\u21AD", leftrightsquigarrow: "\u21AD", hbar: "\u210F", hslash: "\u210F", planck: "\u210F", plankv: "\u210F", hcirc: "\u0125", hearts: "\u2665", + heartsuit: "\u2665", hellip: "\u2026", mldr: "\u2026", hercon: "\u22B9", hfr: "\u{1D525}", hksearow: "\u2925", searhk: "\u2925", hkswarow: "\ +\u2926", swarhk: "\u2926", hoarr: "\u21FF", homtht: "\u223B", hookleftarrow: "\u21A9", larrhk: "\u21A9", hookrightarrow: "\u21AA", rarrhk: "\ +\u21AA", hopf: "\u{1D559}", horbar: "\u2015", hscr: "\u{1D4BD}", hstrok: "\u0127", hybull: "\u2043", iacute: "\xED", icirc: "\xEE", icy: "\u0438", + iecy: "\u0435", iexcl: "\xA1", ifr: "\u{1D526}", igrave: "\xEC", iiiint: "\u2A0C", qint: "\u2A0C", iiint: "\u222D", tint: "\u222D", iinfin: "\ +\u29DC", iiota: "\u2129", ijlig: "\u0133", imacr: "\u012B", imath: "\u0131", inodot: "\u0131", imof: "\u22B7", imped: "\u01B5", incare: "\u2105", + infin: "\u221E", infintie: "\u29DD", intcal: "\u22BA", intercal: "\u22BA", intlarhk: "\u2A17", intprod: "\u2A3C", iprod: "\u2A3C", iocy: "\ +\u0451", iogon: "\u012F", iopf: "\u{1D55A}", iota: "\u03B9", iquest: "\xBF", iscr: "\u{1D4BE}", isinE: "\u22F9", isindot: "\u22F5", isins: "\ +\u22F4", isinsv: "\u22F3", itilde: "\u0129", iukcy: "\u0456", iuml: "\xEF", jcirc: "\u0135", jcy: "\u0439", jfr: "\u{1D527}", jmath: "\u0237", + jopf: "\u{1D55B}", jscr: "\u{1D4BF}", jsercy: "\u0458", jukcy: "\u0454", kappa: "\u03BA", kappav: "\u03F0", varkappa: "\u03F0", kcedil: "\u0137", + kcy: "\u043A", kfr: "\u{1D528}", kgreen: "\u0138", khcy: "\u0445", kjcy: "\u045C", kopf: "\u{1D55C}", kscr: "\u{1D4C0}", lAtail: "\u291B", + lBarr: "\u290E", lEg: "\u2A8B", lesseqqgtr: "\u2A8B", lHar: "\u2962", lacute: "\u013A", laemptyv: "\u29B4", lambda: "\u03BB", langd: "\u2991", + lap: "\u2A85", lessapprox: "\u2A85", laquo: "\xAB", larrbfs: "\u291F", larrfs: "\u291D", larrlp: "\u21AB", looparrowleft: "\u21AB", larrpl: "\ +\u2939", larrsim: "\u2973", larrtl: "\u21A2", leftarrowtail: "\u21A2", lat: "\u2AAB", latail: "\u2919", late: "\u2AAD", lates: "\u2AAD\uFE00", + lbarr: "\u290C", lbbrk: "\u2772", lbrace: "{", lcub: "{", lbrack: "[", lsqb: "[", lbrke: "\u298B", lbrksld: "\u298F", lbrkslu: "\u298D", lcaron: "\ +\u013E", lcedil: "\u013C", lcy: "\u043B", ldca: "\u2936", ldrdhar: "\u2967", ldrushar: "\u294B", ldsh: "\u21B2", le: "\u2264", leq: "\u2264", + leftleftarrows: "\u21C7", llarr: "\u21C7", leftthreetimes: "\u22CB", lthree: "\u22CB", lescc: "\u2AA8", lesdot: "\u2A7F", lesdoto: "\u2A81", + lesdotor: "\u2A83", lesg: "\u22DA\uFE00", lesges: "\u2A93", lessdot: "\u22D6", ltdot: "\u22D6", lfisht: "\u297C", lfr: "\u{1D529}", lgE: "\ +\u2A91", lharul: "\u296A", lhblk: "\u2584", ljcy: "\u0459", llhard: "\u296B", lltri: "\u25FA", lmidot: "\u0140", lmoust: "\u23B0", lmoustache: "\ +\u23B0", lnE: "\u2268", lneqq: "\u2268", lnap: "\u2A89", lnapprox: "\u2A89", lne: "\u2A87", lneq: "\u2A87", lnsim: "\u22E6", loang: "\u27EC", + loarr: "\u21FD", longmapsto: "\u27FC", xmap: "\u27FC", looparrowright: "\u21AC", rarrlp: "\u21AC", lopar: "\u2985", lopf: "\u{1D55D}", loplus: "\ +\u2A2D", lotimes: "\u2A34", lowast: "\u2217", loz: "\u25CA", lozenge: "\u25CA", lpar: "(", lparlt: "\u2993", lrhard: "\u296D", lrm: "\u200E", + lrtri: "\u22BF", lsaquo: "\u2039", lscr: "\u{1D4C1}", lsime: "\u2A8D", lsimg: "\u2A8F", lsquor: "\u201A", sbquo: "\u201A", lstrok: "\u0142", + ltcc: "\u2AA6", ltcir: "\u2A79", ltimes: "\u22C9", ltlarr: "\u2976", ltquest: "\u2A7B", ltrPar: "\u2996", ltri: "\u25C3", triangleleft: "\u25C3", + lurdshar: "\u294A", luruhar: "\u2966", lvertneqq: "\u2268\uFE00", lvnE: "\u2268\uFE00", mDDot: "\u223A", macr: "\xAF", strns: "\xAF", male: "\ +\u2642", malt: "\u2720", maltese: "\u2720", marker: "\u25AE", mcomma: "\u2A29", mcy: "\u043C", mdash: "\u2014", mfr: "\u{1D52A}", mho: "\u2127", + micro: "\xB5", midcir: "\u2AF0", minus: "\u2212", minusdu: "\u2A2A", mlcp: "\u2ADB", models: "\u22A7", mopf: "\u{1D55E}", mscr: "\u{1D4C2}", + mu: "\u03BC", multimap: "\u22B8", mumap: "\u22B8", nGg: "\u22D9\u0338", nGt: "\u226B\u20D2", nLeftarrow: "\u21CD", nlArr: "\u21CD", nLeftrightarrow: "\ +\u21CE", nhArr: "\u21CE", nLl: "\u22D8\u0338", nLt: "\u226A\u20D2", nRightarrow: "\u21CF", nrArr: "\u21CF", nVDash: "\u22AF", nVdash: "\u22AE", + nacute: "\u0144", nang: "\u2220\u20D2", napE: "\u2A70\u0338", napid: "\u224B\u0338", napos: "\u0149", natur: "\u266E", natural: "\u266E", ncap: "\ +\u2A43", ncaron: "\u0148", ncedil: "\u0146", ncongdot: "\u2A6D\u0338", ncup: "\u2A42", ncy: "\u043D", ndash: "\u2013", neArr: "\u21D7", nearhk: "\ +\u2924", nedot: "\u2250\u0338", nesear: "\u2928", toea: "\u2928", nfr: "\u{1D52B}", nharr: "\u21AE", nleftrightarrow: "\u21AE", nhpar: "\u2AF2", + nis: "\u22FC", nisd: "\u22FA", njcy: "\u045A", nlE: "\u2266\u0338", nleqq: "\u2266\u0338", nlarr: "\u219A", nleftarrow: "\u219A", nldr: "\u2025", + nopf: "\u{1D55F}", not: "\xAC", notinE: "\u22F9\u0338", notindot: "\u22F5\u0338", notinvb: "\u22F7", notinvc: "\u22F6", notnivb: "\u22FE", + notnivc: "\u22FD", nparsl: "\u2AFD\u20E5", npart: "\u2202\u0338", npolint: "\u2A14", nrarr: "\u219B", nrightarrow: "\u219B", nrarrc: "\u2933\u0338", + nrarrw: "\u219D\u0338", nscr: "\u{1D4C3}", nsub: "\u2284", nsubE: "\u2AC5\u0338", nsubseteqq: "\u2AC5\u0338", nsup: "\u2285", nsupE: "\u2AC6\u0338", + nsupseteqq: "\u2AC6\u0338", ntilde: "\xF1", nu: "\u03BD", num: "#", numero: "\u2116", numsp: "\u2007", nvDash: "\u22AD", nvHarr: "\u2904", + nvap: "\u224D\u20D2", nvdash: "\u22AC", nvge: "\u2265\u20D2", nvgt: ">\u20D2", nvinfin: "\u29DE", nvlArr: "\u2902", nvle: "\u2264\u20D2", nvlt: "\ +<\u20D2", nvltrie: "\u22B4\u20D2", nvrArr: "\u2903", nvrtrie: "\u22B5\u20D2", nvsim: "\u223C\u20D2", nwArr: "\u21D6", nwarhk: "\u2923", nwnear: "\ +\u2927", oacute: "\xF3", ocirc: "\xF4", ocy: "\u043E", odblac: "\u0151", odiv: "\u2A38", odsold: "\u29BC", oelig: "\u0153", ofcir: "\u29BF", + ofr: "\u{1D52C}", ogon: "\u02DB", ograve: "\xF2", ogt: "\u29C1", ohbar: "\u29B5", olcir: "\u29BE", olcross: "\u29BB", olt: "\u29C0", omacr: "\ +\u014D", omega: "\u03C9", omicron: "\u03BF", omid: "\u29B6", oopf: "\u{1D560}", opar: "\u29B7", operp: "\u29B9", or: "\u2228", vee: "\u2228", + ord: "\u2A5D", order: "\u2134", orderof: "\u2134", oscr: "\u2134", ordf: "\xAA", ordm: "\xBA", origof: "\u22B6", oror: "\u2A56", orslope: "\ +\u2A57", orv: "\u2A5B", oslash: "\xF8", osol: "\u2298", otilde: "\xF5", otimesas: "\u2A36", ouml: "\xF6", ovbar: "\u233D", para: "\xB6", parsim: "\ +\u2AF3", parsl: "\u2AFD", pcy: "\u043F", percnt: "%", period: ".", permil: "\u2030", pertenk: "\u2031", pfr: "\u{1D52D}", phi: "\u03C6", phiv: "\ +\u03D5", straightphi: "\u03D5", varphi: "\u03D5", phone: "\u260E", pi: "\u03C0", piv: "\u03D6", varpi: "\u03D6", planckh: "\u210E", plus: "+", + plusacir: "\u2A23", pluscir: "\u2A22", plusdu: "\u2A25", pluse: "\u2A72", plussim: "\u2A26", plustwo: "\u2A27", pointint: "\u2A15", popf: "\ +\u{1D561}", pound: "\xA3", prE: "\u2AB3", prap: "\u2AB7", precapprox: "\u2AB7", precnapprox: "\u2AB9", prnap: "\u2AB9", precneqq: "\u2AB5", prnE: "\ +\u2AB5", precnsim: "\u22E8", prnsim: "\u22E8", prime: "\u2032", profalar: "\u232E", profline: "\u2312", profsurf: "\u2313", prurel: "\u22B0", + pscr: "\u{1D4C5}", psi: "\u03C8", puncsp: "\u2008", qfr: "\u{1D52E}", qopf: "\u{1D562}", qprime: "\u2057", qscr: "\u{1D4C6}", quatint: "\u2A16", + quest: "?", rAtail: "\u291C", rHar: "\u2964", race: "\u223D\u0331", racute: "\u0155", raemptyv: "\u29B3", rangd: "\u2992", range: "\u29A5", + raquo: "\xBB", rarrap: "\u2975", rarrbfs: "\u2920", rarrc: "\u2933", rarrfs: "\u291E", rarrpl: "\u2945", rarrsim: "\u2974", rarrtl: "\u21A3", + rightarrowtail: "\u21A3", rarrw: "\u219D", rightsquigarrow: "\u219D", ratail: "\u291A", ratio: "\u2236", rbbrk: "\u2773", rbrace: "}", rcub: "\ +}", rbrack: "]", rsqb: "]", rbrke: "\u298C", rbrksld: "\u298E", rbrkslu: "\u2990", rcaron: "\u0159", rcedil: "\u0157", rcy: "\u0440", rdca: "\ +\u2937", rdldhar: "\u2969", rdsh: "\u21B3", rect: "\u25AD", rfisht: "\u297D", rfr: "\u{1D52F}", rharul: "\u296C", rho: "\u03C1", rhov: "\u03F1", + varrho: "\u03F1", rightrightarrows: "\u21C9", rrarr: "\u21C9", rightthreetimes: "\u22CC", rthree: "\u22CC", ring: "\u02DA", rlm: "\u200F", + rmoust: "\u23B1", rmoustache: "\u23B1", rnmid: "\u2AEE", roang: "\u27ED", roarr: "\u21FE", ropar: "\u2986", ropf: "\u{1D563}", roplus: "\u2A2E", + rotimes: "\u2A35", rpar: ")", rpargt: "\u2994", rppolint: "\u2A12", rsaquo: "\u203A", rscr: "\u{1D4C7}", rtimes: "\u22CA", rtri: "\u25B9", + triangleright: "\u25B9", rtriltri: "\u29CE", ruluhar: "\u2968", rx: "\u211E", sacute: "\u015B", scE: "\u2AB4", scap: "\u2AB8", succapprox: "\ +\u2AB8", scaron: "\u0161", scedil: "\u015F", scirc: "\u015D", scnE: "\u2AB6", succneqq: "\u2AB6", scnap: "\u2ABA", succnapprox: "\u2ABA", scnsim: "\ +\u22E9", succnsim: "\u22E9", scpolint: "\u2A13", scy: "\u0441", sdot: "\u22C5", sdote: "\u2A66", seArr: "\u21D8", sect: "\xA7", semi: ";", seswar: "\ +\u2929", tosa: "\u2929", sext: "\u2736", sfr: "\u{1D530}", sharp: "\u266F", shchcy: "\u0449", shcy: "\u0448", shy: "\xAD", sigma: "\u03C3", sigmaf: "\ +\u03C2", sigmav: "\u03C2", varsigma: "\u03C2", simdot: "\u2A6A", simg: "\u2A9E", simgE: "\u2AA0", siml: "\u2A9D", simlE: "\u2A9F", simne: "\u2246", + simplus: "\u2A24", simrarr: "\u2972", smashp: "\u2A33", smeparsl: "\u29E4", smile: "\u2323", ssmile: "\u2323", smt: "\u2AAA", smte: "\u2AAC", + smtes: "\u2AAC\uFE00", softcy: "\u044C", sol: "/", solb: "\u29C4", solbar: "\u233F", sopf: "\u{1D564}", spades: "\u2660", spadesuit: "\u2660", + sqcaps: "\u2293\uFE00", sqcups: "\u2294\uFE00", sscr: "\u{1D4C8}", star: "\u2606", sub: "\u2282", subset: "\u2282", subE: "\u2AC5", subseteqq: "\ +\u2AC5", subdot: "\u2ABD", subedot: "\u2AC3", submult: "\u2AC1", subnE: "\u2ACB", subsetneqq: "\u2ACB", subne: "\u228A", subsetneq: "\u228A", + subplus: "\u2ABF", subrarr: "\u2979", subsim: "\u2AC7", subsub: "\u2AD5", subsup: "\u2AD3", sung: "\u266A", sup1: "\xB9", sup2: "\xB2", sup3: "\ +\xB3", supE: "\u2AC6", supseteqq: "\u2AC6", supdot: "\u2ABE", supdsub: "\u2AD8", supedot: "\u2AC4", suphsol: "\u27C9", suphsub: "\u2AD7", suplarr: "\ +\u297B", supmult: "\u2AC2", supnE: "\u2ACC", supsetneqq: "\u2ACC", supne: "\u228B", supsetneq: "\u228B", supplus: "\u2AC0", supsim: "\u2AC8", + supsub: "\u2AD4", supsup: "\u2AD6", swArr: "\u21D9", swnwar: "\u292A", szlig: "\xDF", target: "\u2316", tau: "\u03C4", tcaron: "\u0165", tcedil: "\ +\u0163", tcy: "\u0442", telrec: "\u2315", tfr: "\u{1D531}", theta: "\u03B8", thetasym: "\u03D1", thetav: "\u03D1", vartheta: "\u03D1", thorn: "\ +\xFE", times: "\xD7", timesbar: "\u2A31", timesd: "\u2A30", topbot: "\u2336", topcir: "\u2AF1", topf: "\u{1D565}", topfork: "\u2ADA", tprime: "\ +\u2034", triangle: "\u25B5", utri: "\u25B5", triangleq: "\u225C", trie: "\u225C", tridot: "\u25EC", triminus: "\u2A3A", triplus: "\u2A39", trisb: "\ +\u29CD", tritime: "\u2A3B", trpezium: "\u23E2", tscr: "\u{1D4C9}", tscy: "\u0446", tshcy: "\u045B", tstrok: "\u0167", uHar: "\u2963", uacute: "\ +\xFA", ubrcy: "\u045E", ubreve: "\u016D", ucirc: "\xFB", ucy: "\u0443", udblac: "\u0171", ufisht: "\u297E", ufr: "\u{1D532}", ugrave: "\xF9", + uhblk: "\u2580", ulcorn: "\u231C", ulcorner: "\u231C", ulcrop: "\u230F", ultri: "\u25F8", umacr: "\u016B", uogon: "\u0173", uopf: "\u{1D566}", + upsi: "\u03C5", upsilon: "\u03C5", upuparrows: "\u21C8", uuarr: "\u21C8", urcorn: "\u231D", urcorner: "\u231D", urcrop: "\u230E", uring: "\ +\u016F", urtri: "\u25F9", uscr: "\u{1D4CA}", utdot: "\u22F0", utilde: "\u0169", uuml: "\xFC", uwangle: "\u29A7", vBar: "\u2AE8", vBarv: "\u2AE9", + vangrt: "\u299C", varsubsetneq: "\u228A\uFE00", vsubne: "\u228A\uFE00", varsubsetneqq: "\u2ACB\uFE00", vsubnE: "\u2ACB\uFE00", varsupsetneq: "\ +\u228B\uFE00", vsupne: "\u228B\uFE00", varsupsetneqq: "\u2ACC\uFE00", vsupnE: "\u2ACC\uFE00", vcy: "\u0432", veebar: "\u22BB", veeeq: "\u225A", + vellip: "\u22EE", vfr: "\u{1D533}", vopf: "\u{1D567}", vscr: "\u{1D4CB}", vzigzag: "\u299A", wcirc: "\u0175", wedbar: "\u2A5F", wedgeq: "\u2259", + weierp: "\u2118", wp: "\u2118", wfr: "\u{1D534}", wopf: "\u{1D568}", wscr: "\u{1D4CC}", xfr: "\u{1D535}", xi: "\u03BE", xnis: "\u22FB", xopf: "\ +\u{1D569}", xscr: "\u{1D4CD}", yacute: "\xFD", yacy: "\u044F", ycirc: "\u0177", ycy: "\u044B", yen: "\xA5", yfr: "\u{1D536}", yicy: "\u0457", + yopf: "\u{1D56A}", yscr: "\u{1D4CE}", yucy: "\u044E", yuml: "\xFF", zacute: "\u017A", zcaron: "\u017E", zcy: "\u0437", zdot: "\u017C", zeta: "\ +\u03B6", zfr: "\u{1D537}", zhcy: "\u0436", zigrarr: "\u21DD", zopf: "\u{1D56B}", zscr: "\u{1D4CF}", zwj: "\u200D", zwnj: "\u200C" }, Gte = "\ +\uE500"; + Ch.ngsp = Gte; + Yte = [/@/, /^\s*$/, /[<>]/, /^[{}]$/, /&(#|[a-z])/i, /^\/\//]; + a(Kte, "Ls"); + Xte = (ki = class { + static fromArray(t) { + return t ? (Kte("interpolation", t), new ki(t[0], t[1])) : K_; + } + constructor(t, r) { + this.start = t, this.end = r; + } + }, a(ki, "t"), ki), K_ = new Xte("{{", "}}"), k3 = (Jl = class extends W_ { + constructor(t, r, n) { + super(n, t), this.tokenType = r; + } + }, a(Jl, "ft"), Jl), Qte = (Zl = class { + constructor(t, r, n) { + this.tokens = t, this.errors = r, this.nonNormalizedIcuExpressions = n; + } + }, a(Zl, "$r"), Zl); + a(Jte, "Ws"); + Zte = /\r\n?/g; + a(Tl, "je"); + a(t_, "Rs"); + a(ere, "ho"); + (function(e) { + e.HEX = "hexadecimal", e.DEC = "decimal"; + })(Dh || (Dh = {})); + I3 = (eu = class { + constructor(t) { + this.error = t; + } + }, a(eu, "dt"), eu), tre = (tu = class { + constructor(t, r, n) { + this._getTagContentType = r, this._currentTokenStart = null, this._currentTokenType = null, this._expansionCaseStack = [], this._inInterpolation = + !1, this._fullNameStack = [], this.tokens = [], this.errors = [], this.nonNormalizedIcuExpressions = [], this._tokenizeIcu = n.tokenizeExpansionForms || + !1, this._interpolationConfig = n.interpolationConfig || K_, this._leadingTriviaCodePoints = n.leadingTriviaChars && n.leadingTriviaChars. + map((i) => i.codePointAt(0) || 0), this._canSelfClose = n.canSelfClose || !1, this._allowHtmComponentClosingTags = n.allowHtmComponentClosingTags || + !1; + let o = n.range || { endPos: t.content.length, startPos: 0, startLine: 0, startCol: 0 }; + this._cursor = n.escapedString ? new lre(t, o) : new X_(t, o), this._preserveLineEndings = n.preserveLineEndings || !1, this._i18nNormalizeLineEndingsInICUs = + n.i18nNormalizeLineEndingsInICUs || !1, this._tokenizeBlocks = n.tokenizeBlocks ?? !0, this._tokenizeLet = n.tokenizeLet ?? !0; + try { + this._cursor.init(); + } catch (i) { + this.handleError(i); + } + } + _processCarriageReturns(t) { + return this._preserveLineEndings ? t : t.replace(Zte, ` +`); + } + tokenize() { + for (; this._cursor.peek() !== 0; ) { + let t = this._cursor.clone(); + try { + if (this._attemptCharCode(60)) if (this._attemptCharCode(33)) this._attemptStr("[CDATA[") ? this._consumeCdata(t) : this._attemptStr( + "--") ? this._consumeComment(t) : this._attemptStrCaseInsensitive("doctype") ? this._consumeDocType(t) : this._consumeBogusComment( + t); + else if (this._attemptCharCode(47)) this._consumeTagClose(t); + else { + let r = this._cursor.clone(); + this._attemptCharCode(63) ? (this._cursor = r, this._consumeBogusComment(t)) : this._consumeTagOpen(t); + } + else this._tokenizeLet && this._cursor.peek() === 64 && !this._inInterpolation && this._attemptStr("@let") ? this._consumeLetDeclaration( + t) : this._tokenizeBlocks && this._attemptCharCode(64) ? this._consumeBlockStart(t) : this._tokenizeBlocks && !this._inInterpolation && + !this._isInExpansionCase() && !this._isInExpansionForm() && this._attemptCharCode(125) ? this._consumeBlockEnd(t) : this._tokenizeIcu && + this._tokenizeExpansionForm() || this._consumeWithInterpolation(5, 8, () => this._isTextEnd(), () => this._isTagStart()); + } catch (r) { + this.handleError(r); + } + } + this._beginToken(34), this._endToken([]); + } + _getBlockName() { + let t = !1, r = this._cursor.clone(); + return this._attemptCharCodeUntilFn((n) => bh(n) ? !t : o_(n) ? (t = !0, !1) : !0), this._cursor.getChars(r).trim(); + } + _consumeBlockStart(t) { + this._beginToken(25, t); + let r = this._endToken([this._getBlockName()]); + if (this._cursor.peek() === 40) if (this._cursor.advance(), this._consumeBlockParameters(), this._attemptCharCodeUntilFn(et), this._attemptCharCode( + 41)) this._attemptCharCodeUntilFn(et); + else { + r.type = 29; + return; + } + this._attemptCharCode(123) ? (this._beginToken(26), this._endToken([])) : r.type = 29; + } + _consumeBlockEnd(t) { + this._beginToken(27, t), this._endToken([]); + } + _consumeBlockParameters() { + for (this._attemptCharCodeUntilFn(a_); this._cursor.peek() !== 41 && this._cursor.peek() !== 0; ) { + this._beginToken(28); + let t = this._cursor.clone(), r = null, n = 0; + for (; this._cursor.peek() !== 59 && this._cursor.peek() !== 0 || r !== null; ) { + let o = this._cursor.peek(); + if (o === 92) this._cursor.advance(); + else if (o === r) r = null; + else if (r === null && T3(o)) r = o; + else if (o === 40 && r === null) n++; + else if (o === 41 && r === null) { + if (n === 0) break; + n > 0 && n--; + } + this._cursor.advance(); + } + this._endToken([this._cursor.getChars(t)]), this._attemptCharCodeUntilFn(a_); + } + } + _consumeLetDeclaration(t) { + if (this._beginToken(30, t), bh(this._cursor.peek())) this._attemptCharCodeUntilFn(et); + else { + let n = this._endToken([this._cursor.getChars(t)]); + n.type = 33; + return; + } + let r = this._endToken([this._getLetDeclarationName()]); + if (this._attemptCharCodeUntilFn(et), !this._attemptCharCode(61)) { + r.type = 33; + return; + } + this._attemptCharCodeUntilFn((n) => et(n) && !o4(n)), this._consumeLetDeclarationValue(), this._cursor.peek() === 59 ? (this._beginToken( + 32), this._endToken([]), this._cursor.advance()) : (r.type = 33, r.sourceSpan = this._cursor.getSpan(t)); + } + _getLetDeclarationName() { + let t = this._cursor.clone(), r = !1; + return this._attemptCharCodeUntilFn((n) => Sh(n) || n == 36 || n === 95 || r && n4(n) ? (r = !0, !1) : !0), this._cursor.getChars(t).trim(); + } + _consumeLetDeclarationValue() { + let t = this._cursor.clone(); + for (this._beginToken(31, t); this._cursor.peek() !== 0; ) { + let r = this._cursor.peek(); + if (r === 59) break; + T3(r) && (this._cursor.advance(), this._attemptCharCodeUntilFn((n) => n === 92 ? (this._cursor.advance(), !1) : n === r)), this._cursor. + advance(); + } + this._endToken([this._cursor.getChars(t)]); + } + _tokenizeExpansionForm() { + if (this.isExpansionFormStart()) return this._consumeExpansionFormStart(), !0; + if (are(this._cursor.peek()) && this._isInExpansionForm()) return this._consumeExpansionCaseStart(), !0; + if (this._cursor.peek() === 125) { + if (this._isInExpansionCase()) return this._consumeExpansionCaseEnd(), !0; + if (this._isInExpansionForm()) return this._consumeExpansionFormEnd(), !0; + } + return !1; + } + _beginToken(t, r = this._cursor.clone()) { + this._currentTokenStart = r, this._currentTokenType = t; + } + _endToken(t, r) { + if (this._currentTokenStart === null) throw new k3("Programming error - attempted to end a token when there was no start to the token", + this._currentTokenType, this._cursor.getSpan(r)); + if (this._currentTokenType === null) throw new k3("Programming error - attempted to end a token which has no token type", null, this._cursor. + getSpan(this._currentTokenStart)); + let n = { type: this._currentTokenType, parts: t, sourceSpan: (r ?? this._cursor).getSpan(this._currentTokenStart, this._leadingTriviaCodePoints) }; + return this.tokens.push(n), this._currentTokenStart = null, this._currentTokenType = null, n; + } + _createError(t, r) { + this._isInExpansionForm() && (t += ` (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)`); + let n = new k3(t, this._currentTokenType, r); + return this._currentTokenStart = null, this._currentTokenType = null, new I3(n); + } + handleError(t) { + if (t instanceof a4 && (t = this._createError(t.msg, this._cursor.getSpan(t.cursor))), t instanceof I3) this.errors.push(t.error); + else throw t; + } + _attemptCharCode(t) { + return this._cursor.peek() === t ? (this._cursor.advance(), !0) : !1; + } + _attemptCharCodeCaseInsensitive(t) { + return ire(this._cursor.peek(), t) ? (this._cursor.advance(), !0) : !1; + } + _requireCharCode(t) { + let r = this._cursor.clone(); + if (!this._attemptCharCode(t)) throw this._createError(Tl(this._cursor.peek()), this._cursor.getSpan(r)); + } + _attemptStr(t) { + let r = t.length; + if (this._cursor.charsLeft() < r) return !1; + let n = this._cursor.clone(); + for (let o = 0; o < r; o++) if (!this._attemptCharCode(t.charCodeAt(o))) return this._cursor = n, !1; + return !0; + } + _attemptStrCaseInsensitive(t) { + for (let r = 0; r < t.length; r++) if (!this._attemptCharCodeCaseInsensitive(t.charCodeAt(r))) return !1; + return !0; + } + _requireStr(t) { + let r = this._cursor.clone(); + if (!this._attemptStr(t)) throw this._createError(Tl(this._cursor.peek()), this._cursor.getSpan(r)); + } + _requireStrCaseInsensitive(t) { + let r = this._cursor.clone(); + if (!this._attemptStrCaseInsensitive(t)) throw this._createError(Tl(this._cursor.peek()), this._cursor.getSpan(r)); + } + _attemptCharCodeUntilFn(t) { + for (; !t(this._cursor.peek()); ) this._cursor.advance(); + } + _requireCharCodeUntilFn(t, r) { + let n = this._cursor.clone(); + if (this._attemptCharCodeUntilFn(t), this._cursor.diff(n) < r) throw this._createError(Tl(this._cursor.peek()), this._cursor.getSpan(n)); + } + _attemptUntilChar(t) { + for (; this._cursor.peek() !== t; ) this._cursor.advance(); + } + _readChar() { + let t = String.fromCodePoint(this._cursor.peek()); + return this._cursor.advance(), t; + } + _consumeEntity(t) { + this._beginToken(9); + let r = this._cursor.clone(); + if (this._cursor.advance(), this._attemptCharCode(35)) { + let n = this._attemptCharCode(120) || this._attemptCharCode(88), o = this._cursor.clone(); + if (this._attemptCharCodeUntilFn(nre), this._cursor.peek() != 59) { + this._cursor.advance(); + let s = n ? Dh.HEX : Dh.DEC; + throw this._createError(ere(s, this._cursor.getChars(r)), this._cursor.getSpan()); + } + let i = this._cursor.getChars(o); + this._cursor.advance(); + try { + let s = parseInt(i, n ? 16 : 10); + this._endToken([String.fromCharCode(s), this._cursor.getChars(r)]); + } catch { + throw this._createError(t_(this._cursor.getChars(r)), this._cursor.getSpan()); + } + } else { + let n = this._cursor.clone(); + if (this._attemptCharCodeUntilFn(ore), this._cursor.peek() != 59) this._beginToken(t, r), this._cursor = n, this._endToken(["&"]); + else { + let o = this._cursor.getChars(n); + this._cursor.advance(); + let i = Ch[o]; + if (!i) throw this._createError(t_(o), this._cursor.getSpan(r)); + this._endToken([i, `&${o};`]); + } + } + } + _consumeRawText(t, r) { + this._beginToken(t ? 6 : 7); + let n = []; + for (; ; ) { + let o = this._cursor.clone(), i = r(); + if (this._cursor = o, i) break; + t && this._cursor.peek() === 38 ? (this._endToken([this._processCarriageReturns(n.join(""))]), n.length = 0, this._consumeEntity(6), + this._beginToken(6)) : n.push(this._readChar()); + } + this._endToken([this._processCarriageReturns(n.join(""))]); + } + _consumeComment(t) { + this._beginToken(10, t), this._endToken([]), this._consumeRawText(!1, () => this._attemptStr("-->")), this._beginToken(11), this._requireStr( + "-->"), this._endToken([]); + } + _consumeBogusComment(t) { + this._beginToken(10, t), this._endToken([]), this._consumeRawText(!1, () => this._cursor.peek() === 62), this._beginToken(11), this._cursor. + advance(), this._endToken([]); + } + _consumeCdata(t) { + this._beginToken(12, t), this._endToken([]), this._consumeRawText(!1, () => this._attemptStr("]]>")), this._beginToken(13), this._requireStr( + "]]>"), this._endToken([]); + } + _consumeDocType(t) { + this._beginToken(18, t), this._endToken([]), this._consumeRawText(!1, () => this._cursor.peek() === 62), this._beginToken(19), this._cursor. + advance(), this._endToken([]); + } + _consumePrefixAndName() { + let t = this._cursor.clone(), r = ""; + for (; this._cursor.peek() !== 58 && !rre(this._cursor.peek()); ) this._cursor.advance(); + let n; + this._cursor.peek() === 58 ? (r = this._cursor.getChars(t), this._cursor.advance(), n = this._cursor.clone()) : n = t, this._requireCharCodeUntilFn( + r_, r === "" ? 0 : 1); + let o = this._cursor.getChars(n); + return [r, o]; + } + _consumeTagOpen(t) { + let r, n, o, i = []; + try { + if (!Sh(this._cursor.peek())) throw this._createError(Tl(this._cursor.peek()), this._cursor.getSpan(t)); + for (o = this._consumeTagOpenStart(t), n = o.parts[0], r = o.parts[1], this._attemptCharCodeUntilFn(et); this._cursor.peek() !== 47 && + this._cursor.peek() !== 62 && this._cursor.peek() !== 60 && this._cursor.peek() !== 0; ) { + let [l, u] = this._consumeAttributeName(); + if (this._attemptCharCodeUntilFn(et), this._attemptCharCode(61)) { + this._attemptCharCodeUntilFn(et); + let c = this._consumeAttributeValue(); + i.push({ prefix: l, name: u, value: c }); + } else i.push({ prefix: l, name: u }); + this._attemptCharCodeUntilFn(et); + } + this._consumeTagOpenEnd(); + } catch (l) { + if (l instanceof I3) { + o ? o.type = 4 : (this._beginToken(5, t), this._endToken(["<"])); + return; + } + throw l; + } + if (this._canSelfClose && this.tokens[this.tokens.length - 1].type === 2) return; + let s = this._getTagContentType(r, n, this._fullNameStack.length > 0, i); + this._handleFullNameStackForTagOpen(n, r), s === yn.RAW_TEXT ? this._consumeRawTextWithTagClose(n, r, !1) : s === yn.ESCAPABLE_RAW_TEXT && + this._consumeRawTextWithTagClose(n, r, !0); + } + _consumeRawTextWithTagClose(t, r, n) { + this._consumeRawText(n, () => !this._attemptCharCode(60) || !this._attemptCharCode(47) || (this._attemptCharCodeUntilFn(et), !this._attemptStrCaseInsensitive( + t ? `${t}:${r}` : r)) ? !1 : (this._attemptCharCodeUntilFn(et), this._attemptCharCode(62))), this._beginToken(3), this._requireCharCodeUntilFn( + (o) => o === 62, 3), this._cursor.advance(), this._endToken([t, r]), this._handleFullNameStackForTagClose(t, r); + } + _consumeTagOpenStart(t) { + this._beginToken(0, t); + let r = this._consumePrefixAndName(); + return this._endToken(r); + } + _consumeAttributeName() { + let t = this._cursor.peek(); + if (t === 39 || t === 34) throw this._createError(Tl(t), this._cursor.getSpan()); + this._beginToken(14); + let r = this._consumePrefixAndName(); + return this._endToken(r), r; + } + _consumeAttributeValue() { + let t; + if (this._cursor.peek() === 39 || this._cursor.peek() === 34) { + let r = this._cursor.peek(); + this._consumeQuote(r); + let n = /* @__PURE__ */ a(() => this._cursor.peek() === r, "n"); + t = this._consumeWithInterpolation(16, 17, n, n), this._consumeQuote(r); + } else { + let r = /* @__PURE__ */ a(() => r_(this._cursor.peek()), "r"); + t = this._consumeWithInterpolation(16, 17, r, r); + } + return t; + } + _consumeQuote(t) { + this._beginToken(15), this._requireCharCode(t), this._endToken([String.fromCodePoint(t)]); + } + _consumeTagOpenEnd() { + let t = this._attemptCharCode(47) ? 2 : 1; + this._beginToken(t), this._requireCharCode(62), this._endToken([]); + } + _consumeTagClose(t) { + if (this._beginToken(3, t), this._attemptCharCodeUntilFn(et), this._allowHtmComponentClosingTags && this._attemptCharCode(47)) this._attemptCharCodeUntilFn( + et), this._requireCharCode(62), this._endToken([]); + else { + let [r, n] = this._consumePrefixAndName(); + this._attemptCharCodeUntilFn(et), this._requireCharCode(62), this._endToken([r, n]), this._handleFullNameStackForTagClose(r, n); + } + } + _consumeExpansionFormStart() { + this._beginToken(20), this._requireCharCode(123), this._endToken([]), this._expansionCaseStack.push(20), this._beginToken(7); + let t = this._readUntil(44), r = this._processCarriageReturns(t); + if (this._i18nNormalizeLineEndingsInICUs) this._endToken([r]); + else { + let o = this._endToken([t]); + r !== t && this.nonNormalizedIcuExpressions.push(o); + } + this._requireCharCode(44), this._attemptCharCodeUntilFn(et), this._beginToken(7); + let n = this._readUntil(44); + this._endToken([n]), this._requireCharCode(44), this._attemptCharCodeUntilFn(et); + } + _consumeExpansionCaseStart() { + this._beginToken(21); + let t = this._readUntil(123).trim(); + this._endToken([t]), this._attemptCharCodeUntilFn(et), this._beginToken(22), this._requireCharCode(123), this._endToken([]), this._attemptCharCodeUntilFn( + et), this._expansionCaseStack.push(22); + } + _consumeExpansionCaseEnd() { + this._beginToken(23), this._requireCharCode(125), this._endToken([]), this._attemptCharCodeUntilFn(et), this._expansionCaseStack.pop(); + } + _consumeExpansionFormEnd() { + this._beginToken(24), this._requireCharCode(125), this._endToken([]), this._expansionCaseStack.pop(); + } + _consumeWithInterpolation(t, r, n, o) { + this._beginToken(t); + let i = []; + for (; !n(); ) { + let l = this._cursor.clone(); + this._interpolationConfig && this._attemptStr(this._interpolationConfig.start) ? (this._endToken([this._processCarriageReturns(i.join( + ""))], l), i.length = 0, this._consumeInterpolation(r, l, o), this._beginToken(t)) : this._cursor.peek() === 38 ? (this._endToken([this. + _processCarriageReturns(i.join(""))]), i.length = 0, this._consumeEntity(t), this._beginToken(t)) : i.push(this._readChar()); + } + this._inInterpolation = !1; + let s = this._processCarriageReturns(i.join("")); + return this._endToken([s]), s; + } + _consumeInterpolation(t, r, n) { + let o = []; + this._beginToken(t, r), o.push(this._interpolationConfig.start); + let i = this._cursor.clone(), s = null, l = !1; + for (; this._cursor.peek() !== 0 && (n === null || !n()); ) { + let u = this._cursor.clone(); + if (this._isTagStart()) { + this._cursor = u, o.push(this._getProcessedChars(i, u)), this._endToken(o); + return; + } + if (s === null) if (this._attemptStr(this._interpolationConfig.end)) { + o.push(this._getProcessedChars(i, u)), o.push(this._interpolationConfig.end), this._endToken(o); + return; + } else this._attemptStr("//") && (l = !0); + let c = this._cursor.peek(); + this._cursor.advance(), c === 92 ? this._cursor.advance() : c === s ? s = null : !l && s === null && T3(c) && (s = c); + } + o.push(this._getProcessedChars(i, this._cursor)), this._endToken(o); + } + _getProcessedChars(t, r) { + return this._processCarriageReturns(r.getChars(t)); + } + _isTextEnd() { + return !!(this._isTagStart() || this._cursor.peek() === 0 || this._tokenizeIcu && !this._inInterpolation && (this.isExpansionFormStart() || + this._cursor.peek() === 125 && this._isInExpansionCase()) || this._tokenizeBlocks && !this._inInterpolation && !this._isInExpansion() && + (this._isBlockStart() || this._cursor.peek() === 64 || this._cursor.peek() === 125)); + } + _isTagStart() { + if (this._cursor.peek() === 60) { + let t = this._cursor.clone(); + t.advance(); + let r = t.peek(); + if (97 <= r && r <= 122 || 65 <= r && r <= 90 || r === 47 || r === 33) return !0; + } + return !1; + } + _isBlockStart() { + if (this._tokenizeBlocks && this._cursor.peek() === 64) { + let t = this._cursor.clone(); + if (t.advance(), o_(t.peek())) return !0; + } + return !1; + } + _readUntil(t) { + let r = this._cursor.clone(); + return this._attemptUntilChar(t), this._cursor.getChars(r); + } + _isInExpansion() { + return this._isInExpansionCase() || this._isInExpansionForm(); + } + _isInExpansionCase() { + return this._expansionCaseStack.length > 0 && this._expansionCaseStack[this._expansionCaseStack.length - 1] === 22; + } + _isInExpansionForm() { + return this._expansionCaseStack.length > 0 && this._expansionCaseStack[this._expansionCaseStack.length - 1] === 20; + } + isExpansionFormStart() { + if (this._cursor.peek() !== 123) return !1; + if (this._interpolationConfig) { + let t = this._cursor.clone(), r = this._attemptStr(this._interpolationConfig.start); + return this._cursor = t, !r; + } + return !0; + } + _handleFullNameStackForTagOpen(t, r) { + let n = xh(t, r); + (this._fullNameStack.length === 0 || this._fullNameStack[this._fullNameStack.length - 1] === n) && this._fullNameStack.push(n); + } + _handleFullNameStackForTagClose(t, r) { + let n = xh(t, r); + this._fullNameStack.length !== 0 && this._fullNameStack[this._fullNameStack.length - 1] === n && this._fullNameStack.pop(); + } + }, a(tu, "Or"), tu); + a(et, "b"); + a(r_, "$s"); + a(rre, "mo"); + a(nre, "fo"); + a(ore, "go"); + a(are, "Co"); + a(ire, "So"); + a(n_, "Os"); + a(o_, "Ms"); + a(a_, "qs"); + a(sre, "_o"); + X_ = (Pa = class { + constructor(t, r) { + if (t instanceof Pa) { + this.file = t.file, this.input = t.input, this.end = t.end; + let n = t.state; + this.state = { peek: n.peek, offset: n.offset, line: n.line, column: n.column }; + } else { + if (!r) throw new Error("Programming error: the range argument must be provided with a file argument."); + this.file = t, this.input = t.content, this.end = r.endPos, this.state = { peek: -1, offset: r.startPos, line: r.startLine, column: r. + startCol }; + } + } + clone() { + return new Pa(this); + } + peek() { + return this.state.peek; + } + charsLeft() { + return this.end - this.state.offset; + } + diff(t) { + return this.state.offset - t.state.offset; + } + advance() { + this.advanceState(this.state); + } + init() { + this.updatePeek(this.state); + } + getSpan(t, r) { + t = t || this; + let n = t; + if (r) for (; this.diff(t) > 0 && r.indexOf(t.peek()) !== -1; ) n === t && (t = t.clone()), t.advance(); + let o = this.locationFromCursor(t), i = this.locationFromCursor(this), s = n !== t ? this.locationFromCursor(n) : o; + return new oe(o, i, s); + } + getChars(t) { + return this.input.substring(t.state.offset, this.state.offset); + } + charAt(t) { + return this.input.charCodeAt(t); + } + advanceState(t) { + if (t.offset >= this.end) throw this.state = t, new a4('Unexpected character "EOF"', this); + let r = this.charAt(t.offset); + r === 10 ? (t.line++, t.column = 0) : o4(r) || t.column++, t.offset++, this.updatePeek(t); + } + updatePeek(t) { + t.peek = t.offset >= this.end ? 0 : this.charAt(t.offset); + } + locationFromCursor(t) { + return new N3(t.file, t.state.offset, t.state.line, t.state.column); + } + }, a(Pa, "t"), Pa), lre = (Fa = class extends X_ { + constructor(t, r) { + t instanceof Fa ? (super(t), this.internalState = { ...t.internalState }) : (super(t, r), this.internalState = this.state); + } + advance() { + this.state = this.internalState, super.advance(), this.processEscapeSequence(); + } + init() { + super.init(), this.processEscapeSequence(); + } + clone() { + return new Fa(this); + } + getChars(t) { + let r = t.clone(), n = ""; + for (; r.internalState.offset < this.internalState.offset; ) n += String.fromCodePoint(r.peek()), r.advance(); + return n; + } + processEscapeSequence() { + let t = /* @__PURE__ */ a(() => this.internalState.peek, "e"); + if (t() === 92) if (this.internalState = { ...this.state }, this.advanceState(this.internalState), t() === 110) this.state.peek = 10; + else if (t() === 114) this.state.peek = 13; + else if (t() === 118) this.state.peek = 11; + else if (t() === 116) this.state.peek = 9; + else if (t() === 98) this.state.peek = 8; + else if (t() === 102) this.state.peek = 12; + else if (t() === 117) if (this.advanceState(this.internalState), t() === 123) { + this.advanceState(this.internalState); + let r = this.clone(), n = 0; + for (; t() !== 125; ) this.advanceState(this.internalState), n++; + this.state.peek = this.decodeHexDigits(r, n); + } else { + let r = this.clone(); + this.advanceState(this.internalState), this.advanceState(this.internalState), this.advanceState(this.internalState), this.state.peek = + this.decodeHexDigits(r, 4); + } + else if (t() === 120) { + this.advanceState(this.internalState); + let r = this.clone(); + this.advanceState(this.internalState), this.state.peek = this.decodeHexDigits(r, 2); + } else if (z9(t())) { + let r = "", n = 0, o = this.clone(); + for (; z9(t()) && n < 3; ) o = this.clone(), r += String.fromCodePoint(t()), this.advanceState(this.internalState), n++; + this.state.peek = parseInt(r, 8), this.internalState = o.internalState; + } else o4(this.internalState.peek) ? (this.advanceState(this.internalState), this.state = this.internalState) : this.state.peek = this. + internalState.peek; + } + decodeHexDigits(t, r) { + let n = this.input.slice(t.internalState.offset, t.internalState.offset + r), o = parseInt(n, 16); + if (isNaN(o)) throw t.state = t.internalState, new a4("Invalid hexadecimal escape sequence", t); + return o; + } + }, a(Fa, "t"), Fa), a4 = (ru = class { + constructor(t, r) { + this.msg = t, this.cursor = r; + } + }, a(ru, "gt"), ru), Yt = (Ii = class extends W_ { + static create(t, r, n) { + return new Ii(t, r, n); + } + constructor(t, r, n) { + super(r, n), this.elementName = t; + } + }, a(Ii, "t"), Ii), ure = (nu = class { + constructor(t, r) { + this.rootNodes = t, this.errors = r; + } + }, a(nu, "Vr"), nu), cre = (ou = class { + constructor(t) { + this.getTagDefinition = t; + } + parse(t, r, n, o = !1, i) { + let s = /* @__PURE__ */ a((S) => (v, ...b) => S(v.toLowerCase(), ...b), "a"), l = o ? this.getTagDefinition : s(this.getTagDefinition), + u = /* @__PURE__ */ a((S) => l(S).getContentType(), "u"), c = o ? i : s(i), p = Jte(t, r, i ? (S, v, b, w) => { + let y = c(S, v, b, w); + return y !== void 0 ? y : u(S); + } : u, n), h = n && n.canSelfClose || !1, m = n && n.allowHtmComponentClosingTags || !1, g = new pre(p.tokens, l, h, m, o); + return g.build(), new ure(g.rootNodes, p.errors.concat(g.errors)); + } + }, a(ou, "nr"), ou), pre = (Pi = class { + constructor(t, r, n, o, i) { + this.tokens = t, this.getTagDefinition = r, this.canSelfClose = n, this.allowHtmComponentClosingTags = o, this.isTagNameCaseSensitive = + i, this._index = -1, this._containerStack = [], this.rootNodes = [], this.errors = [], this._advance(); + } + build() { + for (; this._peek.type !== 34; ) this._peek.type === 0 || this._peek.type === 4 ? this._consumeStartTag(this._advance()) : this._peek. + type === 3 ? (this._closeVoidElement(), this._consumeEndTag(this._advance())) : this._peek.type === 12 ? (this._closeVoidElement(), this. + _consumeCdata(this._advance())) : this._peek.type === 10 ? (this._closeVoidElement(), this._consumeComment(this._advance())) : this._peek. + type === 5 || this._peek.type === 7 || this._peek.type === 6 ? (this._closeVoidElement(), this._consumeText(this._advance())) : this._peek. + type === 20 ? this._consumeExpansion(this._advance()) : this._peek.type === 25 ? (this._closeVoidElement(), this._consumeBlockOpen(this. + _advance())) : this._peek.type === 27 ? (this._closeVoidElement(), this._consumeBlockClose(this._advance())) : this._peek.type === 29 ? + (this._closeVoidElement(), this._consumeIncompleteBlock(this._advance())) : this._peek.type === 30 ? (this._closeVoidElement(), this._consumeLet( + this._advance())) : this._peek.type === 18 ? this._consumeDocType(this._advance()) : this._peek.type === 33 ? (this._closeVoidElement(), + this._consumeIncompleteLet(this._advance())) : this._advance(); + for (let t of this._containerStack) t instanceof _l && this.errors.push(Yt.create(t.name, t.sourceSpan, `Unclosed block "${t.name}"`)); + } + _advance() { + let t = this._peek; + return this._index < this.tokens.length - 1 && this._index++, this._peek = this.tokens[this._index], t; + } + _advanceIf(t) { + return this._peek.type === t ? this._advance() : null; + } + _consumeCdata(t) { + let r = this._advance(), n = this._getText(r), o = this._advanceIf(13); + this._addToParent(new zte(n, new oe(t.sourceSpan.start, (o || r).sourceSpan.end), [r])); + } + _consumeComment(t) { + let r = this._advanceIf(7), n = this._advanceIf(11), o = r != null ? r.parts[0].trim() : null, i = n == null ? t.sourceSpan : new oe(t. + sourceSpan.start, n.sourceSpan.end, t.sourceSpan.fullStart); + this._addToParent(new Ute(o, i)); + } + _consumeDocType(t) { + let r = this._advanceIf(7), n = this._advanceIf(19), o = r != null ? r.parts[0].trim() : null, i = new oe(t.sourceSpan.start, (n || r || + t).sourceSpan.end); + this._addToParent(new Wte(o, i)); + } + _consumeExpansion(t) { + let r = this._advance(), n = this._advance(), o = []; + for (; this._peek.type === 21; ) { + let s = this._parseExpansionCase(); + if (!s) return; + o.push(s); + } + if (this._peek.type !== 24) { + this.errors.push(Yt.create(null, this._peek.sourceSpan, "Invalid ICU message. Missing '}'.")); + return; + } + let i = new oe(t.sourceSpan.start, this._peek.sourceSpan.end, t.sourceSpan.fullStart); + this._addToParent(new Hte(r.parts[0], n.parts[0], o, i, r.sourceSpan)), this._advance(); + } + _parseExpansionCase() { + let t = this._advance(); + if (this._peek.type !== 22) return this.errors.push(Yt.create(null, this._peek.sourceSpan, "Invalid ICU message. Missing '{'.")), null; + let r = this._advance(), n = this._collectExpansionExpTokens(r); + if (!n) return null; + let o = this._advance(); + n.push({ type: 34, parts: [], sourceSpan: o.sourceSpan }); + let i = new Pi(n, this.getTagDefinition, this.canSelfClose, this.allowHtmComponentClosingTags, this.isTagNameCaseSensitive); + if (i.build(), i.errors.length > 0) return this.errors = this.errors.concat(i.errors), null; + let s = new oe(t.sourceSpan.start, o.sourceSpan.end, t.sourceSpan.fullStart), l = new oe(r.sourceSpan.start, o.sourceSpan.end, r.sourceSpan. + fullStart); + return new jte(t.parts[0], i.rootNodes, s, t.sourceSpan, l); + } + _collectExpansionExpTokens(t) { + let r = [], n = [22]; + for (; ; ) { + if ((this._peek.type === 20 || this._peek.type === 22) && n.push(this._peek.type), this._peek.type === 23) if (i_(n, 22)) { + if (n.pop(), n.length === 0) return r; + } else return this.errors.push(Yt.create(null, t.sourceSpan, "Invalid ICU message. Missing '}'.")), null; + if (this._peek.type === 24) if (i_(n, 20)) n.pop(); + else return this.errors.push(Yt.create(null, t.sourceSpan, "Invalid ICU message. Missing '}'.")), null; + if (this._peek.type === 34) return this.errors.push(Yt.create(null, t.sourceSpan, "Invalid ICU message. Missing '}'.")), null; + r.push(this._advance()); + } + } + _getText(t) { + let r = t.parts[0]; + if (r.length > 0 && r[0] == ` +`) { + let n = this._getClosestParentElement(); + n != null && n.children.length == 0 && this.getTagDefinition(n.name).ignoreFirstLf && (r = r.substring(1)); + } + return r; + } + _consumeText(t) { + let r = [t], n = t.sourceSpan, o = t.parts[0]; + if (o.length > 0 && o[0] === ` +`) { + let i = this._getContainer(); + i != null && i.children.length === 0 && this.getTagDefinition(i.name).ignoreFirstLf && (o = o.substring(1), r[0] = { type: t.type, sourceSpan: t. + sourceSpan, parts: [o] }); + } + for (; this._peek.type === 8 || this._peek.type === 5 || this._peek.type === 9; ) t = this._advance(), r.push(t), t.type === 8 ? o += t. + parts.join("").replace(/&([^;]+);/g, s_) : t.type === 9 ? o += t.parts[0] : o += t.parts.join(""); + if (o.length > 0) { + let i = t.sourceSpan; + this._addToParent(new $te(o, new oe(n.start, i.end, n.fullStart, n.details), r)); + } + } + _closeVoidElement() { + let t = this._getContainer(); + t instanceof Ia && this.getTagDefinition(t.name).isVoid && this._containerStack.pop(); + } + _consumeStartTag(t) { + let [r, n] = t.parts, o = []; + for (; this._peek.type === 14; ) o.push(this._consumeAttr(this._advance())); + let i = this._getElementFullName(r, n, this._getClosestParentElement()), s = !1; + if (this._peek.type === 2) { + this._advance(), s = !0; + let g = this.getTagDefinition(i); + this.canSelfClose || g.canSelfClose || vh(i) !== null || g.isVoid || this.errors.push(Yt.create(i, t.sourceSpan, `Only void, custom \ +and foreign elements can be self closed "${t.parts[1]}"`)); + } else this._peek.type === 1 && (this._advance(), s = !1); + let l = this._peek.sourceSpan.fullStart, u = new oe(t.sourceSpan.start, l, t.sourceSpan.fullStart), c = new oe(t.sourceSpan.start, l, t. + sourceSpan.fullStart), p = new oe(t.sourceSpan.start.moveBy(1), t.sourceSpan.end), h = new Ia(i, o, [], u, c, void 0, p), m = this._getContainer(); + this._pushContainer(h, m instanceof Ia && this.getTagDefinition(m.name).isClosedByChild(h.name)), s ? this._popContainer(i, Ia, u) : t. + type === 4 && (this._popContainer(i, Ia, null), this.errors.push(Yt.create(i, u, `Opening tag "${i}" not terminated.`))); + } + _pushContainer(t, r) { + r && this._containerStack.pop(), this._addToParent(t), this._containerStack.push(t); + } + _consumeEndTag(t) { + let r = this.allowHtmComponentClosingTags && t.parts.length === 0 ? null : this._getElementFullName(t.parts[0], t.parts[1], this._getClosestParentElement()); + if (r && this.getTagDefinition(r).isVoid) this.errors.push(Yt.create(r, t.sourceSpan, `Void elements do not have end tags "${t.parts[1]}\ +"`)); + else if (!this._popContainer(r, Ia, t.sourceSpan)) { + let n = `Unexpected closing tag "${r}". It may happen when the tag has already been closed by another tag. For more info see https:/\ +/www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags`; + this.errors.push(Yt.create(r, t.sourceSpan, n)); + } + } + _popContainer(t, r, n) { + let o = !1; + for (let i = this._containerStack.length - 1; i >= 0; i--) { + let s = this._containerStack[i]; + if (vh(s.name) ? s.name === t : (t == null || s.name.toLowerCase() === t.toLowerCase()) && s instanceof r) return s.endSourceSpan = n, + s.sourceSpan.end = n !== null ? n.end : s.sourceSpan.end, this._containerStack.splice(i, this._containerStack.length - i), !o; + (s instanceof _l || s instanceof Ia && !this.getTagDefinition(s.name).closedByParent) && (o = !0); + } + return !1; + } + _consumeAttr(t) { + let r = xh(t.parts[0], t.parts[1]), n = t.sourceSpan.end, o; + this._peek.type === 15 && (o = this._advance()); + let i = "", s = [], l, u; + if (this._peek.type === 16) for (l = this._peek.sourceSpan, u = this._peek.sourceSpan.end; this._peek.type === 16 || this._peek.type === + 17 || this._peek.type === 9; ) { + let p = this._advance(); + s.push(p), p.type === 17 ? i += p.parts.join("").replace(/&([^;]+);/g, s_) : p.type === 9 ? i += p.parts[0] : i += p.parts.join(""), + u = n = p.sourceSpan.end; + } + this._peek.type === 15 && (u = n = this._advance().sourceSpan.end); + let c = l && u && new oe(o?.sourceSpan.start ?? l.start, u, o?.sourceSpan.fullStart ?? l.fullStart); + return new Vte(r, i, new oe(t.sourceSpan.start, n, t.sourceSpan.fullStart), t.sourceSpan, c, s.length > 0 ? s : void 0, void 0); + } + _consumeBlockOpen(t) { + let r = []; + for (; this._peek.type === 28; ) { + let l = this._advance(); + r.push(new Z9(l.parts[0], l.sourceSpan)); + } + this._peek.type === 26 && this._advance(); + let n = this._peek.sourceSpan.fullStart, o = new oe(t.sourceSpan.start, n, t.sourceSpan.fullStart), i = new oe(t.sourceSpan.start, n, t. + sourceSpan.fullStart), s = new _l(t.parts[0], r, [], o, t.sourceSpan, i); + this._pushContainer(s, !1); + } + _consumeBlockClose(t) { + this._popContainer(null, _l, t.sourceSpan) || this.errors.push(Yt.create(null, t.sourceSpan, 'Unexpected closing block. The block may \ +have been closed earlier. If you meant to write the } character, you should use the "}" HTML entity instead.')); + } + _consumeIncompleteBlock(t) { + let r = []; + for (; this._peek.type === 28; ) { + let l = this._advance(); + r.push(new Z9(l.parts[0], l.sourceSpan)); + } + let n = this._peek.sourceSpan.fullStart, o = new oe(t.sourceSpan.start, n, t.sourceSpan.fullStart), i = new oe(t.sourceSpan.start, n, t. + sourceSpan.fullStart), s = new _l(t.parts[0], r, [], o, t.sourceSpan, i); + this._pushContainer(s, !1), this._popContainer(null, _l, null), this.errors.push(Yt.create(t.parts[0], o, `Incomplete block "${t.parts[0]}\ +". If you meant to write the @ character, you should use the "@" HTML entity instead.`)); + } + _consumeLet(t) { + let r = t.parts[0], n, o; + if (this._peek.type !== 31) { + this.errors.push(Yt.create(t.parts[0], t.sourceSpan, `Invalid @let declaration "${r}". Declaration must have a value.`)); + return; + } else n = this._advance(); + if (this._peek.type !== 32) { + this.errors.push(Yt.create(t.parts[0], t.sourceSpan, `Unterminated @let declaration "${r}". Declaration must be terminated with a se\ +micolon.`)); + return; + } else o = this._advance(); + let i = o.sourceSpan.fullStart, s = new oe(t.sourceSpan.start, i, t.sourceSpan.fullStart), l = t.sourceSpan.toString().lastIndexOf(r), + u = t.sourceSpan.start.moveBy(l), c = new oe(u, t.sourceSpan.end), p = new e_(r, n.parts[0], s, c, n.sourceSpan); + this._addToParent(p); + } + _consumeIncompleteLet(t) { + let r = t.parts[0] ?? "", n = r ? ` "${r}"` : ""; + if (r.length > 0) { + let o = t.sourceSpan.toString().lastIndexOf(r), i = t.sourceSpan.start.moveBy(o), s = new oe(i, t.sourceSpan.end), l = new oe(t.sourceSpan. + start, t.sourceSpan.start.moveBy(0)), u = new e_(r, "", t.sourceSpan, s, l); + this._addToParent(u); + } + this.errors.push(Yt.create(t.parts[0], t.sourceSpan, `Incomplete @let declaration${n}. @let declarations must be written as \`@let <nam\ +e> = <value>;\``)); + } + _getContainer() { + return this._containerStack.length > 0 ? this._containerStack[this._containerStack.length - 1] : null; + } + _getClosestParentElement() { + for (let t = this._containerStack.length - 1; t > -1; t--) if (this._containerStack[t] instanceof Ia) return this._containerStack[t]; + return null; + } + _addToParent(t) { + let r = this._getContainer(); + r === null ? this.rootNodes.push(t) : r.children.push(t); + } + _getElementFullName(t, r, n) { + if (t === "" && (t = this.getTagDefinition(r).implicitNamespacePrefix || "", t === "" && n != null)) { + let o = Hh(n.name)[1]; + this.getTagDefinition(o).preventNamespaceInheritance || (t = vh(n.name)); + } + return xh(t, r); + } + }, a(Pi, "t"), Pi); + a(i_, "zs"); + a(s_, "Gs"); + fre = (au = class extends cre { + constructor() { + super(M3); + } + parse(t, r, n, o = !1, i) { + return super.parse(t, r, n, o, i); + } + }, a(au, "sr"), au), P3 = null, dre = /* @__PURE__ */ a(() => (P3 || (P3 = new fre()), P3), "Eo"); + a(l_, "zr"); + a(hre, "Ao"); + mre = hre, Kp = 3; + a(gre, "Do"); + a(vre, "vo"); + yre = vre, gh = { attrs: !0, children: !0, cases: !0, expression: !0 }, u_ = /* @__PURE__ */ new Set(["parent"]), wre = (Xn = class { + constructor(t = {}) { + for (let r of /* @__PURE__ */ new Set([...u_, ...Object.keys(t)])) this.setProperty(r, t[r]); + } + setProperty(t, r) { + if (this[t] !== r) { + if (t in gh && (r = r.map((n) => this.createChild(n))), !u_.has(t)) { + this[t] = r; + return; + } + Object.defineProperty(this, t, { value: r, enumerable: !1, configurable: !0 }); + } + } + map(t) { + let r; + for (let n in gh) { + let o = this[n]; + if (o) { + let i = bre(o, (s) => s.map(t)); + r !== o && (r || (r = new Xn({ parent: this.parent })), r.setProperty(n, i)); + } + } + if (r) for (let n in this) n in gh || (r[n] = this[n]); + return t(r || this); + } + walk(t) { + for (let r in gh) { + let n = this[r]; + if (n) for (let o = 0; o < n.length; o++) n[o].walk(t); + } + t(this); + } + createChild(t) { + let r = t instanceof Xn ? t.clone() : new Xn(t); + return r.setProperty("parent", this), r; + } + insertChildBefore(t, r) { + this.children.splice(this.children.indexOf(t), 0, this.createChild(r)); + } + removeChild(t) { + this.children.splice(this.children.indexOf(t), 1); + } + replaceChild(t, r) { + this.children[this.children.indexOf(t)] = this.createChild(r); + } + clone() { + return new Xn(this); + } + get firstChild() { + var t; + return (t = this.children) == null ? void 0 : t[0]; + } + get lastChild() { + var t; + return (t = this.children) == null ? void 0 : t[this.children.length - 1]; + } + get prev() { + var t, r; + return (r = (t = this.parent) == null ? void 0 : t.children) == null ? void 0 : r[this.parent.children.indexOf(this) - 1]; + } + get next() { + var t, r; + return (r = (t = this.parent) == null ? void 0 : t.children) == null ? void 0 : r[this.parent.children.indexOf(this) + 1]; + } + get rawName() { + return this.hasExplicitNamespace ? this.fullName : this.name; + } + get fullName() { + return this.namespace ? this.namespace + ":" + this.name : this.name; + } + get attrMap() { + return Object.fromEntries(this.attrs.map((t) => [t.fullName, t.value])); + } + }, a(Xn, "t"), Xn); + a(bre, "yo"); + Sre = [{ regex: /^(\[if([^\]]*)\]>)(.*?)<!\s*\[endif\]$/su, parse: xre }, { regex: /^\[if([^\]]*)\]><!$/u, parse: Cre }, { regex: /^<!\s*\[endif\]$/u, + parse: Dre }]; + a(Ere, "Qs"); + a(xre, "bo"); + a(Cre, "To"); + a(Dre, "xo"); + F3 = /* @__PURE__ */ new Map([["*", /* @__PURE__ */ new Set(["accesskey", "autocapitalize", "autofocus", "class", "contenteditable", "dir", + "draggable", "enterkeyhint", "hidden", "id", "inert", "inputmode", "is", "itemid", "itemprop", "itemref", "itemscope", "itemtype", "lang", + "nonce", "popover", "slot", "spellcheck", "style", "tabindex", "title", "translate", "writingsuggestions"])], ["a", /* @__PURE__ */ new Set( + ["charset", "coords", "download", "href", "hreflang", "name", "ping", "referrerpolicy", "rel", "rev", "shape", "target", "type"])], ["appl\ +et", /* @__PURE__ */ new Set(["align", "alt", "archive", "code", "codebase", "height", "hspace", "name", "object", "vspace", "width"])], ["a\ +rea", /* @__PURE__ */ new Set(["alt", "coords", "download", "href", "hreflang", "nohref", "ping", "referrerpolicy", "rel", "shape", "target", + "type"])], ["audio", /* @__PURE__ */ new Set(["autoplay", "controls", "crossorigin", "loop", "muted", "preload", "src"])], ["base", /* @__PURE__ */ new Set( + ["href", "target"])], ["basefont", /* @__PURE__ */ new Set(["color", "face", "size"])], ["blockquote", /* @__PURE__ */ new Set(["cite"])], + ["body", /* @__PURE__ */ new Set(["alink", "background", "bgcolor", "link", "text", "vlink"])], ["br", /* @__PURE__ */ new Set(["clear"])], + ["button", /* @__PURE__ */ new Set(["disabled", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "name", + "popovertarget", "popovertargetaction", "type", "value"])], ["canvas", /* @__PURE__ */ new Set(["height", "width"])], ["caption", /* @__PURE__ */ new Set( + ["align"])], ["col", /* @__PURE__ */ new Set(["align", "char", "charoff", "span", "valign", "width"])], ["colgroup", /* @__PURE__ */ new Set( + ["align", "char", "charoff", "span", "valign", "width"])], ["data", /* @__PURE__ */ new Set(["value"])], ["del", /* @__PURE__ */ new Set([ + "cite", "datetime"])], ["details", /* @__PURE__ */ new Set(["name", "open"])], ["dialog", /* @__PURE__ */ new Set(["open"])], ["dir", /* @__PURE__ */ new Set( + ["compact"])], ["div", /* @__PURE__ */ new Set(["align"])], ["dl", /* @__PURE__ */ new Set(["compact"])], ["embed", /* @__PURE__ */ new Set( + ["height", "src", "type", "width"])], ["fieldset", /* @__PURE__ */ new Set(["disabled", "form", "name"])], ["font", /* @__PURE__ */ new Set( + ["color", "face", "size"])], ["form", /* @__PURE__ */ new Set(["accept", "accept-charset", "action", "autocomplete", "enctype", "method", "\ +name", "novalidate", "target"])], ["frame", /* @__PURE__ */ new Set(["frameborder", "longdesc", "marginheight", "marginwidth", "name", "nore\ +size", "scrolling", "src"])], ["frameset", /* @__PURE__ */ new Set(["cols", "rows"])], ["h1", /* @__PURE__ */ new Set(["align"])], ["h2", /* @__PURE__ */ new Set( + ["align"])], ["h3", /* @__PURE__ */ new Set(["align"])], ["h4", /* @__PURE__ */ new Set(["align"])], ["h5", /* @__PURE__ */ new Set(["alig\ +n"])], ["h6", /* @__PURE__ */ new Set(["align"])], ["head", /* @__PURE__ */ new Set(["profile"])], ["hr", /* @__PURE__ */ new Set(["align", "\ +noshade", "size", "width"])], ["html", /* @__PURE__ */ new Set(["manifest", "version"])], ["iframe", /* @__PURE__ */ new Set(["align", "allo\ +w", "allowfullscreen", "allowpaymentrequest", "allowusermedia", "frameborder", "height", "loading", "longdesc", "marginheight", "marginwidth", + "name", "referrerpolicy", "sandbox", "scrolling", "src", "srcdoc", "width"])], ["img", /* @__PURE__ */ new Set(["align", "alt", "border", "\ +crossorigin", "decoding", "fetchpriority", "height", "hspace", "ismap", "loading", "longdesc", "name", "referrerpolicy", "sizes", "src", "sr\ +cset", "usemap", "vspace", "width"])], ["input", /* @__PURE__ */ new Set(["accept", "align", "alt", "autocomplete", "checked", "dirname", "d\ +isabled", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "height", "ismap", "list", "max", "maxlength", "\ +min", "minlength", "multiple", "name", "pattern", "placeholder", "popovertarget", "popovertargetaction", "readonly", "required", "size", "sr\ +c", "step", "type", "usemap", "value", "width"])], ["ins", /* @__PURE__ */ new Set(["cite", "datetime"])], ["isindex", /* @__PURE__ */ new Set( + ["prompt"])], ["label", /* @__PURE__ */ new Set(["for", "form"])], ["legend", /* @__PURE__ */ new Set(["align"])], ["li", /* @__PURE__ */ new Set( + ["type", "value"])], ["link", /* @__PURE__ */ new Set(["as", "blocking", "charset", "color", "crossorigin", "disabled", "fetchpriority", "\ +href", "hreflang", "imagesizes", "imagesrcset", "integrity", "media", "referrerpolicy", "rel", "rev", "sizes", "target", "type"])], ["map", /* @__PURE__ */ new Set( + ["name"])], ["menu", /* @__PURE__ */ new Set(["compact"])], ["meta", /* @__PURE__ */ new Set(["charset", "content", "http-equiv", "media", + "name", "scheme"])], ["meter", /* @__PURE__ */ new Set(["high", "low", "max", "min", "optimum", "value"])], ["object", /* @__PURE__ */ new Set( + ["align", "archive", "border", "classid", "codebase", "codetype", "data", "declare", "form", "height", "hspace", "name", "standby", "type", + "typemustmatch", "usemap", "vspace", "width"])], ["ol", /* @__PURE__ */ new Set(["compact", "reversed", "start", "type"])], ["optgroup", /* @__PURE__ */ new Set( + ["disabled", "label"])], ["option", /* @__PURE__ */ new Set(["disabled", "label", "selected", "value"])], ["output", /* @__PURE__ */ new Set( + ["for", "form", "name"])], ["p", /* @__PURE__ */ new Set(["align"])], ["param", /* @__PURE__ */ new Set(["name", "type", "value", "valuety\ +pe"])], ["pre", /* @__PURE__ */ new Set(["width"])], ["progress", /* @__PURE__ */ new Set(["max", "value"])], ["q", /* @__PURE__ */ new Set( + ["cite"])], ["script", /* @__PURE__ */ new Set(["async", "blocking", "charset", "crossorigin", "defer", "fetchpriority", "integrity", "lan\ +guage", "nomodule", "referrerpolicy", "src", "type"])], ["select", /* @__PURE__ */ new Set(["autocomplete", "disabled", "form", "multiple", "\ +name", "required", "size"])], ["slot", /* @__PURE__ */ new Set(["name"])], ["source", /* @__PURE__ */ new Set(["height", "media", "sizes", "\ +src", "srcset", "type", "width"])], ["style", /* @__PURE__ */ new Set(["blocking", "media", "type"])], ["table", /* @__PURE__ */ new Set(["a\ +lign", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", "width"])], ["tbody", /* @__PURE__ */ new Set(["align", + "char", "charoff", "valign"])], ["td", /* @__PURE__ */ new Set(["abbr", "align", "axis", "bgcolor", "char", "charoff", "colspan", "headers", + "height", "nowrap", "rowspan", "scope", "valign", "width"])], ["template", /* @__PURE__ */ new Set(["shadowrootclonable", "shadowrootdeleg\ +atesfocus", "shadowrootmode"])], ["textarea", /* @__PURE__ */ new Set(["autocomplete", "cols", "dirname", "disabled", "form", "maxlength", "\ +minlength", "name", "placeholder", "readonly", "required", "rows", "wrap"])], ["tfoot", /* @__PURE__ */ new Set(["align", "char", "charoff", + "valign"])], ["th", /* @__PURE__ */ new Set(["abbr", "align", "axis", "bgcolor", "char", "charoff", "colspan", "headers", "height", "nowra\ +p", "rowspan", "scope", "valign", "width"])], ["thead", /* @__PURE__ */ new Set(["align", "char", "charoff", "valign"])], ["time", /* @__PURE__ */ new Set( + ["datetime"])], ["tr", /* @__PURE__ */ new Set(["align", "bgcolor", "char", "charoff", "valign"])], ["track", /* @__PURE__ */ new Set(["de\ +fault", "kind", "label", "src", "srclang"])], ["ul", /* @__PURE__ */ new Set(["compact", "type"])], ["video", /* @__PURE__ */ new Set(["auto\ +play", "controls", "crossorigin", "height", "loop", "muted", "playsinline", "poster", "preload", "src", "width"])]]), Rre = /* @__PURE__ */ new Set( + ["a", "abbr", "acronym", "address", "applet", "area", "article", "aside", "audio", "b", "base", "basefont", "bdi", "bdo", "bgsound", "big", + "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "command", "content", "da\ +ta", "datalist", "dd", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "embed", "fieldset", "figcaption", "fig\ +ure", "font", "footer", "form", "frame", "frameset", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "ifr\ +ame", "image", "img", "input", "ins", "isindex", "kbd", "keygen", "label", "legend", "li", "link", "listing", "main", "map", "mark", "marque\ +e", "math", "menu", "menuitem", "meta", "meter", "multicol", "nav", "nextid", "nobr", "noembed", "noframes", "noscript", "object", "ol", "op\ +tgroup", "option", "output", "p", "param", "picture", "plaintext", "pre", "progress", "q", "rb", "rbc", "rp", "rt", "rtc", "ruby", "s", "sam\ +p", "script", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "sum\ +mary", "sup", "svg", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "tt", "u", "ul", + "var", "video", "wbr", "xmp"]); + a(Are, "ko"); + a(_re, "Bo"); + a(Tre, "Lo"); + a(Q_, "Zs"); + a(kre, "Fo"); + a(c_, "Js"); + a(J_, "ei"); + a(jh, "ur"); + Z_ = { name: "html", normalizeTagName: !0, normalizeAttributeName: !0, allowHtmComponentClosingTags: !0 }, Ire = jh(Z_), Pre = jh({ name: "\ +angular" }), Fre = jh({ name: "vue", isTagNameCaseSensitive: !0, shouldParseAsRawText(e, t, r, n) { + return e.toLowerCase() !== "html" && !r && (e !== "template" || n.some(({ name: o, value: i }) => o === "lang" && i !== "html" && i !== "" && + i !== void 0)); + } }), Ore = jh({ name: "lwc", canSelfClose: !1 }), Lre = { html: Rte }, eT = h_; +}); + +// ../node_modules/prettier/standalone.mjs +function _o() { +} +function Kre(e, t, r, n, o) { + for (var i = [], s; t; ) i.push(t), s = t.previousComponent, delete t.previousComponent, t = s; + i.reverse(); + for (var l = 0, u = i.length, c = 0, p = 0; l < u; l++) { + var h = i[l]; + if (h.removed) { + if (h.value = e.join(n.slice(p, p + h.count)), p += h.count, l && i[l - 1].added) { + var m = i[l - 1]; + i[l - 1] = i[l], i[l] = m; + } + } else { + if (!h.added && o) { + var g = r.slice(c, c + h.count); + g = g.map(function(v, b) { + var w = n[p + b]; + return w.length > v.length ? w : v; + }), h.value = e.join(g); + } else h.value = e.join(r.slice(c, c + h.count)); + c += h.count, h.added || (p += h.count); + } + } + var S = i[u - 1]; + return u > 1 && typeof S.value == "string" && (S.added || S.removed) && e.equals("", S.value) && (i[u - 2].value += S.value, i.pop()), i; +} +function Uh(e) { + "@babel/helpers - typeof"; + return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Uh = /* @__PURE__ */ a(function(t) { + return typeof t; + }, "$e") : Uh = /* @__PURE__ */ a(function(t) { + return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t; + }, "$e"), Uh(e); +} +function f4(e, t, r, n, o) { + t = t || [], r = r || [], n && (e = n(o, e)); + var i; + for (i = 0; i < t.length; i += 1) if (t[i] === e) return r[i]; + var s; + if (Jre.call(e) === "[object Array]") { + for (t.push(e), s = new Array(e.length), r.push(s), i = 0; i < e.length; i += 1) s[i] = f4(e[i], t, r, n, o); + return t.pop(), r.pop(), s; + } + if (e && e.toJSON && (e = e.toJSON()), Uh(e) === "object" && e !== null) { + t.push(e), s = {}, r.push(s); + var l = [], u; + for (u in e) e.hasOwnProperty(u) && l.push(u); + for (l.sort(), i = 0; i < l.length; i += 1) u = l[i], s[u] = f4(e[u], t, r, n, u); + t.pop(), r.pop(); + } else s = e; + return s; +} +function Zre(e, t, r) { + return Gh.diff(e, t, r); +} +function ene(e) { + let t = e.indexOf("\r"); + return t >= 0 ? e.charAt(t + 1) === ` +` ? "crlf" : "cr" : "lf"; +} +function x4(e) { + switch (e) { + case "cr": + return "\r"; + case "crlf": + return `\r +`; + default: + return ` +`; + } +} +function MT(e, t) { + let r; + switch (t) { + case ` +`: + r = /\n/gu; + break; + case "\r": + r = /\r/gu; + break; + case `\r +`: + r = /\r\n/gu; + break; + default: + throw new Error(`Unexpected "eol" ${JSON.stringify(t)}.`); + } + let n = e.match(r); + return n ? n.length : 0; +} +function tne(e) { + return Jh(!1, e, /\r\n?/gu, ` +`); +} +function rne(e) { + if (typeof e == "string") return Vi; + if (Array.isArray(e)) return Ao; + if (!e) return; + let { type: t } = e; + if (BT.has(t)) return t; +} +function one(e) { + let t = e === null ? "null" : typeof e; + if (t !== "string" && t !== "object") return `Unexpected doc '${t}', +Expected it to be 'string' or 'object'.`; + if (Wi(e)) throw new Error("doc is valid."); + let r = Object.prototype.toString.call(e); + if (r !== "[object Object]") return `Unexpected doc '${r}'.`; + let n = nne([...BT].map((o) => `'${o}'`)); + return `Unexpected doc.type '${e.type}'. +Expected it to be ${n}.`; +} +function ine(e, t, r, n) { + let o = [e]; + for (; o.length > 0; ) { + let i = o.pop(); + if (i === oT) { + r(o.pop()); + continue; + } + r && o.push(i, oT); + let s = Wi(i); + if (!s) throw new Tu(i); + if (t?.(i) !== !1) switch (s) { + case Ao: + case to: { + let l = s === Ao ? i : i.parts; + for (let u = l.length, c = u - 1; c >= 0; --c) o.push(l[c]); + break; + } + case _r: + o.push(i.flatContents, i.breakContents); + break; + case fr: + if (n && i.expandedStates) for (let l = i.expandedStates.length, u = l - 1; u >= 0; --u) o.push(i.expandedStates[u]); + else o.push(i.contents); + break; + case ko: + case To: + case Po: + case ro: + case Fo: + o.push(i.contents); + break; + case Vi: + case Ui: + case Io: + case Oo: + case Rt: + case qr: + break; + default: + throw new Tu(i); + } + } +} +function Yh(e) { + return eo(e), { type: To, contents: e }; +} +function ku(e, t) { + return eo(t), { type: ko, contents: t, n: e }; +} +function zT(e, t = {}) { + return eo(e), D4(t.expandedStates, !0), { type: fr, id: t.id, contents: e, break: !!t.shouldBreak, expandedStates: t.expandedStates }; +} +function sne(e) { + return ku(Number.NEGATIVE_INFINITY, e); +} +function lne(e) { + return ku({ type: "root" }, e); +} +function une(e) { + return ku(-1, e); +} +function cne(e, t) { + return zT(e[0], { ...t, expandedStates: e }); +} +function HT(e) { + return D4(e), { type: to, parts: e }; +} +function pne(e, t = "", r = {}) { + return eo(e), t !== "" && eo(t), { type: _r, breakContents: e, flatContents: t, groupId: r.groupId }; +} +function fne(e, t) { + return eo(e), { type: Po, contents: e, groupId: t.groupId, negate: t.negate }; +} +function d4(e) { + return eo(e), { type: Fo, contents: e }; +} +function WT(e, t) { + eo(e), D4(t); + let r = []; + for (let n = 0; n < t.length; n++) n !== 0 && r.push(e), r.push(t[n]); + return r; +} +function qT(e, t, r) { + eo(e); + let n = e; + if (t > 0) { + for (let o = 0; o < Math.floor(t / r); ++o) n = Yh(n); + n = ku(t % r, n), n = ku(Number.NEGATIVE_INFINITY, n); + } + return n; +} +function gne(e, t) { + return eo(t), e ? { type: ro, label: e, contents: t } : t; +} +function Ro(e) { + var t; + if (!e) return ""; + if (Array.isArray(e)) { + let r = []; + for (let n of e) if (Array.isArray(n)) r.push(...Ro(n)); + else { + let o = Ro(n); + o !== "" && r.push(o); + } + return r; + } + return e.type === _r ? { ...e, breakContents: Ro(e.breakContents), flatContents: Ro(e.flatContents) } : e.type === fr ? { ...e, contents: Ro( + e.contents), expandedStates: (t = e.expandedStates) == null ? void 0 : t.map(Ro) } : e.type === to ? { type: "fill", parts: e.parts.map(Ro) } : + e.contents ? { ...e, contents: Ro(e.contents) } : e; +} +function vne(e) { + let t = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ new Set(); + return n(Ro(e)); + function n(i, s, l) { + var u, c; + if (typeof i == "string") return JSON.stringify(i); + if (Array.isArray(i)) { + let p = i.map(n).filter(Boolean); + return p.length === 1 ? p[0] : `[${p.join(", ")}]`; + } + if (i.type === Rt) { + let p = ((u = l?.[s + 1]) == null ? void 0 : u.type) === qr; + return i.literal ? p ? "literalline" : "literallineWithoutBreakParent" : i.hard ? p ? "hardline" : "hardlineWithoutBreakParent" : i.soft ? + "softline" : "line"; + } + if (i.type === qr) return ((c = l?.[s - 1]) == null ? void 0 : c.type) === Rt && l[s - 1].hard ? void 0 : "breakParent"; + if (i.type === Io) return "trim"; + if (i.type === To) return "indent(" + n(i.contents) + ")"; + if (i.type === ko) return i.n === Number.NEGATIVE_INFINITY ? "dedentToRoot(" + n(i.contents) + ")" : i.n < 0 ? "dedent(" + n(i.contents) + + ")" : i.n.type === "root" ? "markAsRoot(" + n(i.contents) + ")" : "align(" + JSON.stringify(i.n) + ", " + n(i.contents) + ")"; + if (i.type === _r) return "ifBreak(" + n(i.breakContents) + (i.flatContents ? ", " + n(i.flatContents) : "") + (i.groupId ? (i.flatContents ? + "" : ', ""') + `, { groupId: ${o(i.groupId)} }` : "") + ")"; + if (i.type === Po) { + let p = []; + i.negate && p.push("negate: true"), i.groupId && p.push(`groupId: ${o(i.groupId)}`); + let h = p.length > 0 ? `, { ${p.join(", ")} }` : ""; + return `indentIfBreak(${n(i.contents)}${h})`; + } + if (i.type === fr) { + let p = []; + i.break && i.break !== "propagated" && p.push("shouldBreak: true"), i.id && p.push(`id: ${o(i.id)}`); + let h = p.length > 0 ? `, { ${p.join(", ")} }` : ""; + return i.expandedStates ? `conditionalGroup([${i.expandedStates.map((m) => n(m)).join(",")}]${h})` : `group(${n(i.contents)}${h})`; + } + if (i.type === to) return `fill([${i.parts.map((p) => n(p)).join(", ")}])`; + if (i.type === Fo) return "lineSuffix(" + n(i.contents) + ")"; + if (i.type === Oo) return "lineSuffixBoundary"; + if (i.type === ro) return `label(${JSON.stringify(i.label)}, ${n(i.contents)})`; + throw new Error("Unknown doc type " + i.type); + } + function o(i) { + if (typeof i != "symbol") return JSON.stringify(String(i)); + if (i in t) return t[i]; + let s = i.description || "symbol"; + for (let l = 0; ; l++) { + let u = s + (l > 0 ? ` #${l}` : ""); + if (!r.has(u)) return r.add(u), t[i] = `Symbol.for(${JSON.stringify(u)})`; + } + } +} +function bne(e) { + return e === 12288 || e >= 65281 && e <= 65376 || e >= 65504 && e <= 65510; +} +function Sne(e) { + return e >= 4352 && e <= 4447 || e === 8986 || e === 8987 || e === 9001 || e === 9002 || e >= 9193 && e <= 9196 || e === 9200 || e === 9203 || + e === 9725 || e === 9726 || e === 9748 || e === 9749 || e >= 9800 && e <= 9811 || e === 9855 || e === 9875 || e === 9889 || e === 9898 || e === + 9899 || e === 9917 || e === 9918 || e === 9924 || e === 9925 || e === 9934 || e === 9940 || e === 9962 || e === 9970 || e === 9971 || e === + 9973 || e === 9978 || e === 9981 || e === 9989 || e === 9994 || e === 9995 || e === 10024 || e === 10060 || e === 10062 || e >= 10067 && e <= + 10069 || e === 10071 || e >= 10133 && e <= 10135 || e === 10160 || e === 10175 || e === 11035 || e === 11036 || e === 11088 || e === 11093 || + e >= 11904 && e <= 11929 || e >= 11931 && e <= 12019 || e >= 12032 && e <= 12245 || e >= 12272 && e <= 12287 || e >= 12289 && e <= 12350 || + e >= 12353 && e <= 12438 || e >= 12441 && e <= 12543 || e >= 12549 && e <= 12591 || e >= 12593 && e <= 12686 || e >= 12688 && e <= 12771 || + e >= 12783 && e <= 12830 || e >= 12832 && e <= 12871 || e >= 12880 && e <= 19903 || e >= 19968 && e <= 42124 || e >= 42128 && e <= 42182 || + e >= 43360 && e <= 43388 || e >= 44032 && e <= 55203 || e >= 63744 && e <= 64255 || e >= 65040 && e <= 65049 || e >= 65072 && e <= 65106 || + e >= 65108 && e <= 65126 || e >= 65128 && e <= 65131 || e >= 94176 && e <= 94180 || e === 94192 || e === 94193 || e >= 94208 && e <= 100343 || + e >= 100352 && e <= 101589 || e >= 101632 && e <= 101640 || e >= 110576 && e <= 110579 || e >= 110581 && e <= 110587 || e === 110589 || e === + 110590 || e >= 110592 && e <= 110882 || e === 110898 || e >= 110928 && e <= 110930 || e === 110933 || e >= 110948 && e <= 110951 || e >= 110960 && + e <= 111355 || e === 126980 || e === 127183 || e === 127374 || e >= 127377 && e <= 127386 || e >= 127488 && e <= 127490 || e >= 127504 && e <= + 127547 || e >= 127552 && e <= 127560 || e === 127568 || e === 127569 || e >= 127584 && e <= 127589 || e >= 127744 && e <= 127776 || e >= 127789 && + e <= 127797 || e >= 127799 && e <= 127868 || e >= 127870 && e <= 127891 || e >= 127904 && e <= 127946 || e >= 127951 && e <= 127955 || e >= + 127968 && e <= 127984 || e === 127988 || e >= 127992 && e <= 128062 || e === 128064 || e >= 128066 && e <= 128252 || e >= 128255 && e <= 128317 || + e >= 128331 && e <= 128334 || e >= 128336 && e <= 128359 || e === 128378 || e === 128405 || e === 128406 || e === 128420 || e >= 128507 && + e <= 128591 || e >= 128640 && e <= 128709 || e === 128716 || e >= 128720 && e <= 128722 || e >= 128725 && e <= 128727 || e >= 128732 && e <= + 128735 || e === 128747 || e === 128748 || e >= 128756 && e <= 128764 || e >= 128992 && e <= 129003 || e === 129008 || e >= 129292 && e <= 129338 || + e >= 129340 && e <= 129349 || e >= 129351 && e <= 129535 || e >= 129648 && e <= 129660 || e >= 129664 && e <= 129672 || e >= 129680 && e <= + 129725 || e >= 129727 && e <= 129733 || e >= 129742 && e <= 129755 || e >= 129760 && e <= 129768 || e >= 129776 && e <= 129784 || e >= 131072 && + e <= 196605 || e >= 196608 && e <= 262141; +} +function Cne(e) { + if (!e) return 0; + if (!xne.test(e)) return e.length; + e = e.replace(wne(), " "); + let t = 0; + for (let r of e) { + let n = r.codePointAt(0); + n <= 31 || n >= 127 && n <= 159 || n >= 768 && n <= 879 || (t += Ene(n) ? 1 : 2); + } + return t; +} +function em(e, t) { + if (typeof e == "string") return t(e); + let r = /* @__PURE__ */ new Map(); + return n(e); + function n(i) { + if (r.has(i)) return r.get(i); + let s = o(i); + return r.set(i, s), s; + } + function o(i) { + switch (Wi(i)) { + case Ao: + return t(i.map(n)); + case to: + return t({ ...i, parts: i.parts.map(n) }); + case _r: + return t({ ...i, breakContents: n(i.breakContents), flatContents: n(i.flatContents) }); + case fr: { + let { expandedStates: s, contents: l } = i; + return s ? (s = s.map(n), l = s[0]) : l = n(l), t({ ...i, contents: l, expandedStates: s }); + } + case ko: + case To: + case Po: + case ro: + case Fo: + return t({ ...i, contents: n(i.contents) }); + case Vi: + case Ui: + case Io: + case Oo: + case Rt: + case qr: + return t(i); + default: + throw new Tu(i); + } + } +} +function _4(e, t, r) { + let n = r, o = !1; + function i(s) { + if (o) return !1; + let l = t(s); + l !== void 0 && (o = !0, n = l); + } + return a(i, "u"), C4(e, i), n; +} +function Dne(e) { + if (e.type === fr && e.break || e.type === Rt && e.hard || e.type === qr) return !0; +} +function Rne(e) { + return _4(e, Dne, !1); +} +function aT(e) { + if (e.length > 0) { + let t = mt(!1, e, -1); + !t.expandedStates && !t.break && (t.break = "propagated"); + } + return null; +} +function Ane(e) { + let t = /* @__PURE__ */ new Set(), r = []; + function n(i) { + if (i.type === qr && aT(r), i.type === fr) { + if (r.push(i), t.has(i)) return !1; + t.add(i); + } + } + a(n, "n"); + function o(i) { + i.type === fr && r.pop().break && aT(r); + } + a(o, "o"), C4(e, n, o, !0); +} +function _ne(e) { + return e.type === Rt && !e.hard ? e.soft ? "" : " " : e.type === _r ? e.flatContents : e; +} +function Tne(e) { + return em(e, _ne); +} +function iT(e) { + for (e = [...e]; e.length >= 2 && mt(!1, e, -2).type === Rt && mt(!1, e, -1).type === qr; ) e.length -= 2; + if (e.length > 0) { + let t = uf(mt(!1, e, -1)); + e[e.length - 1] = t; + } + return e; +} +function uf(e) { + switch (Wi(e)) { + case To: + case Po: + case fr: + case Fo: + case ro: { + let t = uf(e.contents); + return { ...e, contents: t }; + } + case _r: + return { ...e, breakContents: uf(e.breakContents), flatContents: uf(e.flatContents) }; + case to: + return { ...e, parts: iT(e.parts) }; + case Ao: + return iT(e); + case Vi: + return e.replace(/[\n\r]*$/u, ""); + case ko: + case Ui: + case Io: + case Oo: + case Rt: + case qr: + break; + default: + throw new Tu(e); + } + return e; +} +function GT(e) { + return uf(Ine(e)); +} +function kne(e) { + switch (Wi(e)) { + case to: + if (e.parts.every((t) => t === "")) return ""; + break; + case fr: + if (!e.contents && !e.id && !e.break && !e.expandedStates) return ""; + if (e.contents.type === fr && e.contents.id === e.id && e.contents.break === e.break && e.contents.expandedStates === e.expandedStates) + return e.contents; + break; + case ko: + case To: + case Po: + case Fo: + if (!e.contents) return ""; + break; + case _r: + if (!e.flatContents && !e.breakContents) return ""; + break; + case Ao: { + let t = []; + for (let r of e) { + if (!r) continue; + let [n, ...o] = Array.isArray(r) ? r : [r]; + typeof n == "string" && typeof mt(!1, t, -1) == "string" ? t[t.length - 1] += n : t.push(n), t.push(...o); + } + return t.length === 0 ? "" : t.length === 1 ? t[0] : t; + } + case Vi: + case Ui: + case Io: + case Oo: + case Rt: + case ro: + case qr: + break; + default: + throw new Tu(e); + } + return e; +} +function Ine(e) { + return em(e, (t) => kne(t)); +} +function Pne(e, t = UT) { + return em(e, (r) => typeof r == "string" ? WT(t, r.split(` +`)) : r); +} +function Fne(e) { + if (e.type === Rt) return !0; +} +function One(e) { + return _4(e, Fne, !1); +} +function YT(e, t) { + return e.type === ro ? { ...e, contents: t(e.contents) } : t(e); +} +function KT() { + return { value: "", length: 0, queue: [] }; +} +function Lne(e, t) { + return m4(e, { type: "indent" }, t); +} +function Nne(e, t, r) { + return t === Number.NEGATIVE_INFINITY ? e.root || KT() : t < 0 ? m4(e, { type: "dedent" }, r) : t ? t.type === "root" ? { ...e, root: e } : + m4(e, { type: typeof t == "string" ? "stringAlign" : "numberAlign", n: t }, r) : e; +} +function m4(e, t, r) { + let n = t.type === "dedent" ? e.queue.slice(0, -1) : [...e.queue, t], o = "", i = 0, s = 0, l = 0; + for (let S of n) switch (S.type) { + case "indent": + p(), r.useTabs ? u(1) : c(r.tabWidth); + break; + case "stringAlign": + p(), o += S.n, i += S.n.length; + break; + case "numberAlign": + s += 1, l += S.n; + break; + default: + throw new Error(`Unexpected type '${S.type}'`); + } + return m(), { ...e, value: o, length: i, queue: n }; + function u(S) { + o += " ".repeat(S), i += r.tabWidth * S; + } + function c(S) { + o += " ".repeat(S), i += S; + } + function p() { + r.useTabs ? h() : m(); + } + function h() { + s > 0 && u(s), g(); + } + function m() { + l > 0 && c(l), g(); + } + function g() { + s = 0, l = 0; + } +} +function g4(e) { + let t = 0, r = 0, n = e.length; + e: for (; n--; ) { + let o = e[n]; + if (o === cf) { + r++; + continue; + } + for (let i = o.length - 1; i >= 0; i--) { + let s = o[i]; + if (s === " " || s === " ") t++; + else { + e[n] = o.slice(0, i + 1); + break e; + } + } + } + if (t > 0 || r > 0) for (e.length = n + 1; r-- > 0; ) e.push(cf); + return t; +} +function Vh(e, t, r, n, o, i) { + if (r === Number.POSITIVE_INFINITY) return !0; + let s = t.length, l = [e], u = []; + for (; r >= 0; ) { + if (l.length === 0) { + if (s === 0) return !0; + l.push(t[--s]); + continue; + } + let { mode: c, doc: p } = l.pop(), h = Wi(p); + switch (h) { + case Vi: + u.push(p), r -= A4(p); + break; + case Ao: + case to: { + let m = h === Ao ? p : p.parts; + for (let g = m.length - 1; g >= 0; g--) l.push({ mode: c, doc: m[g] }); + break; + } + case To: + case ko: + case Po: + case ro: + l.push({ mode: c, doc: p.contents }); + break; + case Io: + r += g4(u); + break; + case fr: { + if (i && p.break) return !1; + let m = p.break ? pr : c, g = p.expandedStates && m === pr ? mt(!1, p.expandedStates, -1) : p.contents; + l.push({ mode: m, doc: g }); + break; + } + case _r: { + let m = (p.groupId ? o[p.groupId] || Zn : c) === pr ? p.breakContents : p.flatContents; + m && l.push({ mode: c, doc: m }); + break; + } + case Rt: + if (c === pr || p.hard) return !0; + p.soft || (u.push(" "), r--); + break; + case Fo: + n = !0; + break; + case Oo: + if (n) return !1; + break; + } + } + return !1; +} +function tm(e, t) { + let r = {}, n = t.printWidth, o = x4(t.endOfLine), i = 0, s = [{ ind: KT(), mode: pr, doc: e }], l = [], u = !1, c = [], p = 0; + for (Ane(e); s.length > 0; ) { + let { ind: m, mode: g, doc: S } = s.pop(); + switch (Wi(S)) { + case Vi: { + let v = o !== ` +` ? Jh(!1, S, ` +`, o) : S; + l.push(v), s.length > 0 && (i += A4(v)); + break; + } + case Ao: + for (let v = S.length - 1; v >= 0; v--) s.push({ ind: m, mode: g, doc: S[v] }); + break; + case Ui: + if (p >= 2) throw new Error("There are too many 'cursor' in doc."); + l.push(cf), p++; + break; + case To: + s.push({ ind: Lne(m, t), mode: g, doc: S.contents }); + break; + case ko: + s.push({ ind: Nne(m, S.n, t), mode: g, doc: S.contents }); + break; + case Io: + i -= g4(l); + break; + case fr: + switch (g) { + case Zn: + if (!u) { + s.push({ ind: m, mode: S.break ? pr : Zn, doc: S.contents }); + break; + } + case pr: { + u = !1; + let v = { ind: m, mode: Zn, doc: S.contents }, b = n - i, w = c.length > 0; + if (!S.break && Vh(v, s, b, w, r)) s.push(v); + else if (S.expandedStates) { + let y = mt(!1, S.expandedStates, -1); + if (S.break) { + s.push({ ind: m, mode: pr, doc: y }); + break; + } else for (let E = 1; E < S.expandedStates.length + 1; E++) if (E >= S.expandedStates.length) { + s.push({ ind: m, mode: pr, doc: y }); + break; + } else { + let x = S.expandedStates[E], C = { ind: m, mode: Zn, doc: x }; + if (Vh(C, s, b, w, r)) { + s.push(C); + break; + } + } + } else s.push({ ind: m, mode: pr, doc: S.contents }); + break; + } + } + S.id && (r[S.id] = mt(!1, s, -1).mode); + break; + case to: { + let v = n - i, { parts: b } = S; + if (b.length === 0) break; + let [w, y] = b, E = { ind: m, mode: Zn, doc: w }, x = { ind: m, mode: pr, doc: w }, C = Vh(E, [], v, c.length > 0, r, !0); + if (b.length === 1) { + C ? s.push(E) : s.push(x); + break; + } + let D = { ind: m, mode: Zn, doc: y }, R = { ind: m, mode: pr, doc: y }; + if (b.length === 2) { + C ? s.push(D, E) : s.push(R, x); + break; + } + b.splice(0, 2); + let A = { ind: m, mode: g, doc: HT(b) }, _ = b[0]; + Vh({ ind: m, mode: Zn, doc: [w, y, _] }, [], v, c.length > 0, r, !0) ? s.push(A, D, E) : C ? s.push(A, R, E) : s.push(A, R, x); + break; + } + case _r: + case Po: { + let v = S.groupId ? r[S.groupId] : g; + if (v === pr) { + let b = S.type === _r ? S.breakContents : S.negate ? S.contents : Yh(S.contents); + b && s.push({ ind: m, mode: g, doc: b }); + } + if (v === Zn) { + let b = S.type === _r ? S.flatContents : S.negate ? Yh(S.contents) : S.contents; + b && s.push({ ind: m, mode: g, doc: b }); + } + break; + } + case Fo: + c.push({ ind: m, mode: g, doc: S.contents }); + break; + case Oo: + c.length > 0 && s.push({ ind: m, mode: g, doc: R4 }); + break; + case Rt: + switch (g) { + case Zn: + if (S.hard) u = !0; + else { + S.soft || (l.push(" "), i += 1); + break; + } + case pr: + if (c.length > 0) { + s.push({ ind: m, mode: g, doc: S }, ...c.reverse()), c.length = 0; + break; + } + S.literal ? m.root ? (l.push(o, m.root.value), i = m.root.length) : (l.push(o), i = 0) : (i -= g4(l), l.push(o + m.value), i = m. + length); + break; + } + break; + case ro: + s.push({ ind: m, mode: g, doc: S.contents }); + break; + case qr: + break; + default: + throw new Tu(S); + } + s.length === 0 && c.length > 0 && (s.push(...c.reverse()), c.length = 0); + } + let h = l.indexOf(cf); + if (h !== -1) { + let m = l.indexOf(cf, h + 1), g = l.slice(0, h).join(""), S = l.slice(h + 1, m).join(""), v = l.slice(m + 1).join(""); + return { formatted: g + S + v, cursorNodeStart: g.length, cursorNodeText: S }; + } + return { formatted: l.join("") }; +} +function Mne(e, t, r = 0) { + let n = 0; + for (let o = r; o < e.length; ++o) e[o] === " " ? n = n + t - n % t : n++; + return n; +} +function zne(e) { + return e !== null && typeof e == "object"; +} +function* QT(e, t) { + let { getVisitorKeys: r, filter: n = /* @__PURE__ */ a(() => !0, "n") } = t, o = /* @__PURE__ */ a((i) => Hne(i) && n(i), "o"); + for (let i of r(e)) { + let s = e[i]; + if (Array.isArray(s)) for (let l of s) o(l) && (yield l); + else o(s) && (yield s); + } +} +function* jne(e, t) { + let r = [e]; + for (let n = 0; n < r.length; n++) { + let o = r[n]; + for (let i of QT(o, t)) yield i, r.push(i); + } +} +function ff(e) { + return (t, r, n) => { + let o = !!(n != null && n.backwards); + if (r === !1) return !1; + let { length: i } = t, s = r; + for (; s >= 0 && s < i; ) { + let l = t.charAt(s); + if (e instanceof RegExp) { + if (!e.test(l)) return s; + } else if (!e.includes(l)) return s; + o ? s-- : s++; + } + return s === -1 || s === i ? s : !1; + }; +} +function Une(e, t, r) { + let n = !!(r != null && r.backwards); + if (t === !1) return !1; + let o = e.charAt(t); + if (n) { + if (e.charAt(t - 1) === "\r" && o === ` +`) return t - 2; + if (o === ` +` || o === "\r" || o === "\u2028" || o === "\u2029") return t - 1; + } else { + if (o === "\r" && e.charAt(t + 1) === ` +`) return t + 2; + if (o === ` +` || o === "\r" || o === "\u2028" || o === "\u2029") return t + 1; + } + return t; +} +function Wne(e, t, r = {}) { + let n = Na(e, r.backwards ? t - 1 : t, r), o = ji(e, n, r); + return n !== o; +} +function qne(e) { + return Array.isArray(e) && e.length > 0; +} +function Kne(e) { + return e ? (t) => e(t, ek) : Yne; +} +function Xne(e) { + let t = e.type || e.kind || "(unknown type)", r = String(e.name || e.id && (typeof e.id == "object" ? e.id.name : e.id) || e.key && (typeof e. + key == "object" ? e.key.name : e.key) || e.value && (typeof e.value == "object" ? "" : String(e.value)) || e.operator || ""); + return r.length > 20 && (r = r.slice(0, 19) + "\u2026"), t + (r ? " " + r : ""); +} +function k4(e, t) { + (e.comments ?? (e.comments = [])).push(t), t.printed = !1, t.nodeDescription = Xne(e); +} +function pu(e, t) { + t.leading = !0, t.trailing = !1, k4(e, t); +} +function $i(e, t, r) { + t.leading = !1, t.trailing = !1, r && (t.marker = r), k4(e, t); +} +function fu(e, t) { + t.leading = !1, t.trailing = !0, k4(e, t); +} +function I4(e, t) { + if (i4.has(e)) return i4.get(e); + let { printer: { getCommentChildNodes: r, canAttachComment: n, getVisitorKeys: o }, locStart: i, locEnd: s } = t; + if (!n) return []; + let l = (r?.(e, t) ?? [...QT(e, { getVisitorKeys: rm(o) })]).flatMap((u) => n(u) ? [u] : I4(u, t)); + return l.sort((u, c) => i(u) - i(c) || s(u) - s(c)), i4.set(e, l), l; +} +function tk(e, t, r, n) { + let { locStart: o, locEnd: i } = r, s = o(t), l = i(t), u = I4(e, r), c, p, h = 0, m = u.length; + for (; h < m; ) { + let g = h + m >> 1, S = u[g], v = o(S), b = i(S); + if (v <= s && l <= b) return tk(S, t, r, S); + if (b <= s) { + c = S, h = g + 1; + continue; + } + if (l <= v) { + p = S, m = g; + continue; + } + throw new Error("Comment location overlaps with node location"); + } + if (n?.type === "TemplateLiteral") { + let { quasis: g } = n, S = l4(g, t, r); + c && l4(g, c, r) !== S && (c = null), p && l4(g, p, r) !== S && (p = null); + } + return { enclosingNode: n, precedingNode: c, followingNode: p }; +} +function Qne(e, t) { + let { comments: r } = e; + if (delete e.comments, !Gne(r) || !t.printer.canAttachComment) return; + let n = [], { locStart: o, locEnd: i, printer: { experimentalFeatures: { avoidAstMutation: s = !1 } = {}, handleComments: l = {} }, originalText: u } = t, + { ownLine: c = s4, endOfLine: p = s4, remaining: h = s4 } = l, m = r.map((g, S) => ({ ...tk(e, g, t), comment: g, text: u, options: t, ast: e, + isLastComment: r.length - 1 === S })); + for (let [g, S] of m.entries()) { + let { comment: v, precedingNode: b, enclosingNode: w, followingNode: y, text: E, options: x, ast: C, isLastComment: D } = S; + if (x.parser === "json" || x.parser === "json5" || x.parser === "jsonc" || x.parser === "__js_expression" || x.parser === "__ts_expressi\ +on" || x.parser === "__vue_expression" || x.parser === "__vue_ts_expression") { + if (o(v) - o(C) <= 0) { + pu(C, v); + continue; + } + if (i(v) - i(C) >= 0) { + fu(C, v); + continue; + } + } + let R; + if (s ? R = [S] : (v.enclosingNode = w, v.precedingNode = b, v.followingNode = y, R = [v, E, x, C, D]), Jne(E, x, m, g)) v.placement = "\ +ownLine", c(...R) || (y ? pu(y, v) : b ? fu(b, v) : $i(w || C, v)); + else if (Zne(E, x, m, g)) v.placement = "endOfLine", p(...R) || (b ? fu(b, v) : y ? pu(y, v) : $i(w || C, v)); + else if (v.placement = "remaining", !h(...R)) if (b && y) { + let A = n.length; + A > 0 && n[A - 1].followingNode !== y && sT(n, x), n.push(S); + } else b ? fu(b, v) : y ? pu(y, v) : $i(w || C, v); + } + if (sT(n, t), !s) for (let g of r) delete g.precedingNode, delete g.enclosingNode, delete g.followingNode; +} +function Jne(e, t, r, n) { + let { comment: o, precedingNode: i } = r[n], { locStart: s, locEnd: l } = t, u = s(o); + if (i) for (let c = n - 1; c >= 0; c--) { + let { comment: p, precedingNode: h } = r[c]; + if (h !== i || !rk(e.slice(l(p), u))) break; + u = s(p); + } + return La(e, u, { backwards: !0 }); +} +function Zne(e, t, r, n) { + let { comment: o, followingNode: i } = r[n], { locStart: s, locEnd: l } = t, u = l(o); + if (i) for (let c = n + 1; c < r.length; c++) { + let { comment: p, followingNode: h } = r[c]; + if (h !== i || !rk(e.slice(u, s(p)))) break; + u = l(p); + } + return La(e, u); +} +function sT(e, t) { + var r, n; + let o = e.length; + if (o === 0) return; + let { precedingNode: i, followingNode: s } = e[0], l = t.locStart(s), u; + for (u = o; u > 0; --u) { + let { comment: c, precedingNode: p, followingNode: h } = e[u - 1]; + y4.strictEqual(p, i), y4.strictEqual(h, s); + let m = t.originalText.slice(t.locEnd(c), l); + if (((n = (r = t.printer).isGap) == null ? void 0 : n.call(r, m, t)) ?? /^[\s(]*$/u.test(m)) l = t.locStart(c); + else break; + } + for (let [c, { comment: p }] of e.entries()) c < u ? fu(i, p) : pu(s, p); + for (let c of [i, s]) c.comments && c.comments.length > 1 && c.comments.sort((p, h) => t.locStart(p) - t.locStart(h)); + e.length = 0; +} +function l4(e, t, r) { + let n = r.locStart(t) - 1; + for (let o = 1; o < e.length; ++o) if (n < r.locStart(e[o])) return o - 1; + return 0; +} +function eoe(e, t) { + let r = t - 1; + r = Na(e, r, { backwards: !0 }), r = ji(e, r, { backwards: !0 }), r = Na(e, r, { backwards: !0 }); + let n = ji(e, r, { backwards: !0 }); + return r !== n; +} +function nk(e, t) { + let r = e.node; + return r.printed = !0, t.printer.printComment(e, t); +} +function toe(e, t) { + var r; + let n = e.node, o = [nk(e, t)], { printer: i, originalText: s, locStart: l, locEnd: u } = t; + if ((r = i.isBlockComment) != null && r.call(i, n)) { + let p = La(s, u(n)) ? La(s, l(n), { backwards: !0 }) ? Hi : VT : " "; + o.push(p); + } else o.push(Hi); + let c = ji(s, Na(s, u(n))); + return c !== !1 && La(s, c) && o.push(Hi), o; +} +function roe(e, t, r) { + var n; + let o = e.node, i = nk(e, t), { printer: s, originalText: l, locStart: u } = t, c = (n = s.isBlockComment) == null ? void 0 : n.call(s, o); + if (r != null && r.hasLineSuffix && !(r != null && r.isBlock) || La(l, u(o), { backwards: !0 })) { + let p = P4(l, u(o)); + return { doc: d4([Hi, p ? Hi : "", i]), isBlock: c, hasLineSuffix: !0 }; + } + return !c || r != null && r.hasLineSuffix ? { doc: [d4([" ", i]), Zh], isBlock: c, hasLineSuffix: !0 } : { doc: [" ", i], isBlock: c, hasLineSuffix: !1 }; +} +function noe(e, t) { + let r = e.node; + if (!r) return {}; + let n = t[Symbol.for("printedComments")]; + if ((r.comments || []).filter((l) => !n.has(l)).length === 0) return { leading: "", trailing: "" }; + let o = [], i = [], s; + return e.each(() => { + let l = e.node; + if (n != null && n.has(l)) return; + let { leading: u, trailing: c } = l; + u ? o.push(toe(e, t)) : c && (s = roe(e, t, s), i.push(s.doc)); + }, "comments"), { leading: o, trailing: i }; +} +function ooe(e, t, r) { + let { leading: n, trailing: o } = noe(e, r); + return !n && !o ? t : YT(t, (i) => [n, i, o]); +} +function aoe(e) { + let { [Symbol.for("comments")]: t, [Symbol.for("printedComments")]: r } = e; + for (let n of t) { + if (!n.printed && !r.has(n)) throw new Error('Comment "' + n.value.trim() + '" was not printed. Please report this error!'); + delete n.printed; + } +} +function ioe(e) { + return () => { + }; +} +function ak({ plugins: e = [], showDeprecated: t = !1 } = {}) { + let r = e.flatMap((o) => o.languages ?? []), n = []; + for (let o of coe(Object.assign({}, ...e.map(({ options: i }) => i), loe))) !t && o.deprecated || (Array.isArray(o.choices) && (t || (o.choices = + o.choices.filter((i) => !i.deprecated)), o.name === "parser" && (o.choices = [...o.choices, ...uoe(o.choices, r, e)])), o.pluginDefaults = + Object.fromEntries(e.filter((i) => { + var s; + return ((s = i.defaultOptions) == null ? void 0 : s[o.name]) !== void 0; + }).map((i) => [i.name, i.defaultOptions[o.name]])), n.push(o)); + return { languages: r, options: n }; +} +function* uoe(e, t, r) { + let n = new Set(e.map((o) => o.value)); + for (let o of t) if (o.parsers) { + for (let i of o.parsers) if (!n.has(i)) { + n.add(i); + let s = r.find((u) => u.parsers && Object.prototype.hasOwnProperty.call(u.parsers, i)), l = o.name; + s != null && s.name && (l += ` (plugin: ${s.name})`), yield { value: i, description: l }; + } + } +} +function coe(e) { + let t = []; + for (let [r, n] of Object.entries(e)) { + let o = { name: r, ...n }; + Array.isArray(o.default) && (o.default = mt(!1, o.default, -1).value), t.push(o); + } + return t; +} +function uT(e, t) { + if (!t) return; + let r = poe(t).toLowerCase(); + return e.find(({ filenames: n }) => n?.some((o) => o.toLowerCase() === r)) ?? e.find(({ extensions: n }) => n?.some((o) => r.endsWith(o))); +} +function foe(e, t) { + if (t) return e.find(({ name: r }) => r.toLowerCase() === t) ?? e.find(({ aliases: r }) => r?.includes(t)) ?? e.find(({ extensions: r }) => r?. + includes(`.${t}`)); +} +function doe(e, t) { + let r = e.plugins.flatMap((o) => o.languages ?? []), n = foe(r, t.language) ?? uT(r, t.physicalFile) ?? uT(r, t.file) ?? (t.physicalFile, void 0); + return n?.parsers[0]; +} +function fT(e, t, r, n) { + return [`Invalid ${hu.default.red(n.key(e))} value.`, `Expected ${hu.default.blue(r)},`, `but received ${t === ik ? hu.default.gray("nothi\ +ng") : hu.default.red(n.value(t))}.`].join(" "); +} +function sk({ text: e, list: t }, r) { + let n = []; + return e && n.push(`- ${hu.default.blue(e)}`), t && n.push([`- ${hu.default.blue(t.title)}:`].concat(t.values.map((o) => sk(o, r - pT.length). + replace(/^|\n/g, `$&${pT}`))).join(` +`)), lk(n, r); +} +function lk(e, t) { + if (e.length === 1) return e[0]; + let [r, n] = e, [o, i] = e.map((s) => s.split(` +`, 1)[0].length); + return o > t && o > i ? n : r; +} +function voe(e, t) { + if (e === t) return 0; + let r = e; + e.length > t.length && (e = t, t = r); + let n = e.length, o = t.length; + for (; n > 0 && e.charCodeAt(~-n) === t.charCodeAt(~-o); ) n--, o--; + let i = 0; + for (; i < n && e.charCodeAt(i) === t.charCodeAt(i); ) i++; + if (n -= i, o -= i, n === 0) return o; + let s, l, u, c, p = 0, h = 0; + for (; p < n; ) hT[p] = e.charCodeAt(i + p), u4[p] = ++p; + for (; h < o; ) for (s = t.charCodeAt(i + h), u = h++, l = h, p = 0; p < n; p++) c = s === hT[p] ? u : u + 1, u = u4[p], l = u4[p] = u > l ? + c > l ? l + 1 : c : c > u ? u + 1 : c; + return l; +} +function woe(e, t) { + let r = new e(t), n = Object.create(r); + for (let o of yoe) o in t && (n[o] = boe(t[o], r, Ma.prototype[o].length)); + return n; +} +function boe(e, t, r) { + return typeof e == "function" ? (...n) => e(...n.slice(0, r - 1), t, ...n.slice(r - 1)) : () => e; +} +function mT({ from: e, to: t }) { + return { from: [e], to: t }; +} +function Doe(e, t) { + let r = /* @__PURE__ */ Object.create(null); + for (let n of e) { + let o = n[t]; + if (r[o]) throw new Error(`Duplicate ${t} ${JSON.stringify(o)}`); + r[o] = n; + } + return r; +} +function Roe(e, t) { + let r = /* @__PURE__ */ new Map(); + for (let n of e) { + let o = n[t]; + if (r.has(o)) throw new Error(`Duplicate ${t} ${JSON.stringify(o)}`); + r.set(o, n); + } + return r; +} +function Aoe() { + let e = /* @__PURE__ */ Object.create(null); + return (t) => { + let r = JSON.stringify(t); + return e[r] ? !0 : (e[r] = !0, !1); + }; +} +function _oe(e, t) { + let r = [], n = []; + for (let o of e) t(o) ? r.push(o) : n.push(o); + return [r, n]; +} +function Toe(e) { + return e === Math.floor(e); +} +function koe(e, t) { + if (e === t) return 0; + let r = typeof e, n = typeof t, o = ["undefined", "object", "boolean", "number", "string"]; + return r !== n ? o.indexOf(r) - o.indexOf(n) : r !== "string" ? Number(e) - Number(t) : e.localeCompare(t); +} +function Ioe(e) { + return (...t) => { + let r = e(...t); + return typeof r == "string" ? new Error(r) : r; + }; +} +function gT(e) { + return e === void 0 ? {} : e; +} +function ck(e) { + if (typeof e == "string") return { text: e }; + let { text: t, list: r } = e; + return Poe((t || r) !== void 0, "Unexpected `expected` result, there should be at least one field."), r ? { text: t, list: { title: r.title, + values: r.values.map(ck) } } : { text: t }; +} +function vT(e, t) { + return e === !0 ? !0 : e === !1 ? { value: t } : e; +} +function yT(e, t, r = !1) { + return e === !1 ? !1 : e === !0 ? r ? !0 : [{ value: t }] : "value" in e ? [e] : e.length === 0 ? !1 : e; +} +function wT(e, t) { + return typeof e == "string" || "key" in e ? { from: t, to: e } : "from" in e ? { from: e.from, to: e.to } : { from: t, to: e.to }; +} +function w4(e, t) { + return e === void 0 ? [] : Array.isArray(e) ? e.map((r) => wT(r, t)) : [wT(e, t)]; +} +function bT(e, t) { + let r = w4(typeof e == "object" && "redirect" in e ? e.redirect : e, t); + return r.length === 0 ? { remain: t, redirect: r } : typeof e == "object" && "remain" in e ? { remain: e.remain, redirect: r } : { redirect: r }; +} +function Poe(e, t) { + if (!e) throw new Error(t); +} +function Hoe(e, t, { logger: r = !1, isCLI: n = !1, passThrough: o = !1, FlagSchema: i, descriptor: s } = {}) { + if (n) { + if (!i) throw new Error("'FlagSchema' option is required."); + if (!s) throw new Error("'descriptor' option is required."); + } else s = du; + let l = o ? Array.isArray(o) ? (m, g) => o.includes(m) ? { [m]: g } : void 0 : (m, g) => ({ [m]: g }) : (m, g, S) => { + let { _: v, ...b } = S.schemas; + return uk(m, g, { ...S, schemas: b }); + }, u = joe(t, { isCLI: n, FlagSchema: i }), c = new zoe(u, { logger: r, unknown: l, descriptor: s }), p = r !== !1; + p && c4 && (c._hasDeprecationWarned = c4); + let h = c.normalize(e); + return p && (c4 = c._hasDeprecationWarned), h; +} +function joe(e, { isCLI: t, FlagSchema: r }) { + let n = []; + t && n.push(Eoe.create({ name: "_" })); + for (let o of e) n.push(Voe(o, { isCLI: t, optionInfos: e, FlagSchema: r })), o.alias && t && n.push(Soe.create({ name: o.alias, sourceName: o. + name })); + return n; +} +function Voe(e, { isCLI: t, optionInfos: r, FlagSchema: n }) { + let { name: o } = e, i = { name: o }, s, l = {}; + switch (e.type) { + case "int": + s = Loe, t && (i.preprocess = Number); + break; + case "string": + s = ST; + break; + case "choice": + s = Foe, i.choices = e.choices.map((u) => u != null && u.redirect ? { ...u, redirect: { to: { key: e.name, value: u.redirect } } } : u); + break; + case "boolean": + s = Coe; + break; + case "flag": + s = n, i.flags = r.flatMap((u) => [u.alias, u.description && u.name, u.oppositeDescription && `no-${u.name}`].filter(Boolean)); + break; + case "path": + s = ST; + break; + default: + throw new Error(`Unexpected type ${e.type}`); + } + if (e.exception ? i.validate = (u, c, p) => e.exception(u) || c.validate(u, p) : i.validate = (u, c, p) => u === void 0 || c.validate(u, p), + e.redirect && (l.redirect = (u) => u ? { to: typeof e.redirect == "string" ? e.redirect : { key: e.redirect.option, value: e.redirect.value } } : + void 0), e.deprecated && (l.deprecated = !0), t && !e.array) { + let u = i.preprocess || ((c) => c); + i.preprocess = (c, p, h) => p.preprocess(u(Array.isArray(c) ? mt(!1, c, -1) : c), h); + } + return e.array ? xoe.create({ ...t ? { preprocess: /* @__PURE__ */ a((u) => Array.isArray(u) ? u : [u], "preprocess") } : {}, ...l, valueSchema: s. + create(i) }) : s.create({ ...i, ...l }); +} +function fk(e, t) { + if (!t) throw new Error("parserName is required."); + let r = pk(!1, e, (o) => o.parsers && Object.prototype.hasOwnProperty.call(o.parsers, t)); + if (r) return r; + let n = `Couldn't resolve parser "${t}".`; + throw n += " Plugins must be explicitly added to the standalone bundle.", new ok(n); +} +function qoe(e, t) { + if (!t) throw new Error("astFormat is required."); + let r = pk(!1, e, (o) => o.printers && Object.prototype.hasOwnProperty.call(o.printers, t)); + if (r) return r; + let n = `Couldn't find plugin for AST format "${t}".`; + throw n += " Plugins must be explicitly added to the standalone bundle.", new ok(n); +} +function dk({ plugins: e, parser: t }) { + let r = fk(e, t); + return hk(r, t); +} +function hk(e, t) { + let r = e.parsers[t]; + return typeof r == "function" ? r() : r; +} +function Goe(e, t) { + let r = e.printers[t]; + return typeof r == "function" ? r() : r; +} +async function Yoe(e, t = {}) { + var r; + let n = { ...e }; + if (!n.parser) if (n.filepath) { + if (n.parser = hoe(n, { physicalFile: n.filepath }), !n.parser) throw new lT(`No parser could be inferred for file "${n.filepath}".`); + } else throw new lT("No parser and no file path given, couldn't infer a parser."); + let o = ak({ plugins: e.plugins, showDeprecated: !0 }).options, i = { ...ET, ...Object.fromEntries(o.filter((m) => m.default !== void 0).map( + (m) => [m.name, m.default])) }, s = fk(n.plugins, n.parser), l = await hk(s, n.parser); + n.astFormat = l.astFormat, n.locEnd = l.locEnd, n.locStart = l.locStart; + let u = (r = s.printers) != null && r[l.astFormat] ? s : qoe(n.plugins, l.astFormat), c = await Goe(u, l.astFormat); + n.printer = c; + let p = u.defaultOptions ? Object.fromEntries(Object.entries(u.defaultOptions).filter(([, m]) => m !== void 0)) : {}, h = { ...i, ...p }; + for (let [m, g] of Object.entries(h)) (n[m] === null || n[m] === void 0) && (n[m] = g); + return n.parser === "json" && (n.trailingComma = "none"), Uoe(n, o, { passThrough: Object.keys(ET), ...t }); +} +async function Xoe(e, t) { + let r = await dk(t), n = r.preprocess ? r.preprocess(e, t) : e; + t.originalText = n; + let o; + try { + o = await r.parse(n, t, t); + } catch (i) { + Qoe(i, e); + } + return { text: n, ast: o }; +} +function Qoe(e, t) { + let { loc: r } = e; + if (r) { + let n = (0, Koe.codeFrameColumns)(t, r, { highlightCode: !0 }); + throw e.message += ` +` + n, e.codeFrame = n, e; + } + throw e; +} +async function Joe(e, t, r, n, o) { + let { embeddedLanguageFormatting: i, printer: { embed: s, hasPrettierIgnore: l = /* @__PURE__ */ a(() => !1, "s"), getVisitorKeys: u } } = r; + if (!s || i !== "auto") return; + if (s.length > 2) throw new Error("printer.embed has too many parameters. The API changed in Prettier v3. Please update your plugin. See h\ +ttps://prettier.io/docs/en/plugins.html#optional-embed"); + let c = rm(s.getVisitorKeys ?? u), p = []; + g(); + let h = e.stack; + for (let { print: S, node: v, pathStack: b } of p) try { + e.stack = b; + let w = await S(m, t, e, r); + w && o.set(v, w); + } catch (w) { + if (globalThis.PRETTIER_DEBUG) throw w; + } + e.stack = h; + function m(S, v) { + return Zoe(S, v, r, n); + } + a(m, "f"); + function g() { + let { node: S } = e; + if (S === null || typeof S != "object" || l(e)) return; + for (let b of c(S)) Array.isArray(S[b]) ? e.each(g, b) : e.call(g, b); + let v = s(e, r); + if (v) { + if (typeof v == "function") { + p.push({ print: v, node: S, pathStack: [...e.stack] }); + return; + } + o.set(S, v); + } + } + a(g, "p"); +} +async function Zoe(e, t, r, n) { + let o = await Iu({ ...r, ...t, parentParser: r.parser, originalText: e }, { passThrough: !0 }), { ast: i } = await df(e, o), s = await n(i, + o); + return GT(s); +} +function eae(e, t) { + let { originalText: r, [Symbol.for("comments")]: n, locStart: o, locEnd: i, [Symbol.for("printedComments")]: s } = t, { node: l } = e, u = o( + l), c = i(l); + for (let p of n) o(p) >= u && i(p) <= c && s.add(p); + return r.slice(u, c); +} +async function nm(e, t) { + ({ ast: e } = await mk(e, t)); + let r = /* @__PURE__ */ new Map(), n = new $ne(e), o = soe(t), i = /* @__PURE__ */ new Map(); + await Joe(n, l, t, nm, i); + let s = await xT(n, t, l, void 0, i); + return aoe(t), s; + function l(c, p) { + return c === void 0 || c === n ? u(p) : Array.isArray(c) ? n.call(() => u(p), ...c) : n.call(() => u(p), c); + } + function u(c) { + o(n); + let p = n.node; + if (p == null) return ""; + let h = p && typeof p == "object" && c === void 0; + if (h && r.has(p)) return r.get(p); + let m = xT(n, t, l, c, i); + return h && r.set(p, m), m; + } +} +function xT(e, t, r, n, o) { + var i; + let { node: s } = e, { printer: l } = t, u; + return (i = l.hasPrettierIgnore) != null && i.call(l, e) ? u = tae(e, t) : o.has(s) ? u = o.get(s) : u = l.print(e, t, r, n), s === t.cursorNode && + (u = YT(u, (c) => [h4, c, h4])), l.printComment && (!l.willPrintOwnComments || !l.willPrintOwnComments(e, t)) && (u = ooe(e, u, t)), u; +} +async function mk(e, t) { + let r = e.comments ?? []; + t[Symbol.for("comments")] = r, t[Symbol.for("tokens")] = e.tokens ?? [], t[Symbol.for("printedComments")] = /* @__PURE__ */ new Set(), Qne( + e, t); + let { printer: { preprocess: n } } = t; + return e = n ? await n(e, t) : e, { ast: e, comments: r }; +} +function rae(e, t) { + let { cursorOffset: r, locStart: n, locEnd: o } = t, i = rm(t.printer.getVisitorKeys), s = /* @__PURE__ */ a((u) => n(u) <= r && o(u) >= r, + "i"), l = e; + for (let u of jne(e, { getVisitorKeys: i, filter: s })) l = u; + return l; +} +function oae(e, t) { + let { printer: { massageAstNode: r, getVisitorKeys: n } } = t; + if (!r) return e; + let o = rm(n), i = r.ignoredProperties ?? /* @__PURE__ */ new Set(); + return s(e); + function s(l, u) { + if (!(l !== null && typeof l == "object")) return l; + if (Array.isArray(l)) return l.map((m) => s(m, u)).filter(Boolean); + let c = {}, p = new Set(o(l)); + for (let m in l) !Object.prototype.hasOwnProperty.call(l, m) || i.has(m) || (p.has(m) ? c[m] = s(l[m], l) : c[m] = l[m]); + let h = r(l, c, u); + if (h !== null) return h ?? c; + } +} +function uae(e, t) { + let r = [e.node, ...e.parentNodes], n = /* @__PURE__ */ new Set([t.node, ...t.parentNodes]); + return r.find((o) => gk.has(o.type) && n.has(o)); +} +function CT(e) { + let t = sae(!1, e, (r) => r.type !== "Program" && r.type !== "File"); + return t === -1 ? e : e.slice(0, t + 1); +} +function cae(e, t, { locStart: r, locEnd: n }) { + let o = e.node, i = t.node; + if (o === i) return { startNode: o, endNode: i }; + let s = r(e.node); + for (let u of CT(t.parentNodes)) if (r(u) >= s) i = u; + else break; + let l = n(t.node); + for (let u of CT(e.parentNodes)) { + if (n(u) <= l) o = u; + else break; + if (o === i) break; + } + return { startNode: o, endNode: i }; +} +function b4(e, t, r, n, o = [], i) { + let { locStart: s, locEnd: l } = r, u = s(e), c = l(e); + if (!(t > c || t < u || i === "rangeEnd" && t === u || i === "rangeStart" && t === c)) { + for (let p of I4(e, r)) { + let h = b4(p, t, r, n, [e, ...o], i); + if (h) return h; + } + if (!n || n(e, o[0])) return { node: e, parentNodes: o }; + } +} +function pae(e, t) { + return t !== "DeclareExportDeclaration" && e !== "TypeParameterDeclaration" && (e === "Directive" || e === "TypeAlias" || e === "TSExportA\ +ssignment" || e.startsWith("Declare") || e.startsWith("TSDeclare") || e.endsWith("Statement") || e.endsWith("Declaration")); +} +function DT(e, t, r) { + if (!t) return !1; + switch (e.parser) { + case "flow": + case "babel": + case "babel-flow": + case "babel-ts": + case "typescript": + case "acorn": + case "espree": + case "meriyah": + case "__babel_estree": + return pae(t.type, r?.type); + case "json": + case "json5": + case "jsonc": + case "json-stringify": + return gk.has(t.type); + case "graphql": + return fae.has(t.kind); + case "vue": + return t.tag !== "root"; + } + return !1; +} +function dae(e, t, r) { + let { rangeStart: n, rangeEnd: o, locStart: i, locEnd: s } = t; + y4.ok(o > n); + let l = e.slice(n, o).search(/\S/u), u = l === -1; + if (!u) for (n += l; o > n && !/\S/u.test(e[o - 1]); --o) ; + let c = b4(r, n, t, (g, S) => DT(t, g, S), [], "rangeStart"), p = u ? c : b4(r, o, t, (g) => DT(t, g), [], "rangeEnd"); + if (!c || !p) return { rangeStart: 0, rangeEnd: 0 }; + let h, m; + if (lae(t)) { + let g = uae(c, p); + h = g, m = g; + } else ({ startNode: h, endNode: m } = cae(c, p, t)); + return { rangeStart: Math.min(i(h), i(m)), rangeEnd: Math.max(s(h), s(m)) }; +} +async function yk(e, t, r = 0) { + if (!e || e.trim().length === 0) return { formatted: "", cursorOffset: -1, comments: [] }; + let { ast: n, text: o } = await df(e, t); + t.cursorOffset >= 0 && (t.cursorNode = nae(n, t)); + let i = await nm(n, t, r); + r > 0 && (i = qT([Hi, i], r, t.tabWidth)); + let s = tm(i, t); + if (r > 0) { + let u = s.formatted.trim(); + s.cursorNodeStart !== void 0 && (s.cursorNodeStart -= s.formatted.indexOf(u)), s.formatted = u + x4(t.endOfLine); + } + let l = t[Symbol.for("comments")]; + if (t.cursorOffset >= 0) { + let u, c, p, h, m; + if (t.cursorNode && s.cursorNodeText ? (u = t.locStart(t.cursorNode), c = o.slice(u, t.locEnd(t.cursorNode)), p = t.cursorOffset - u, h = + s.cursorNodeStart, m = s.cursorNodeText) : (u = 0, c = o, p = t.cursorOffset, h = 0, m = s.formatted), c === m) return { formatted: s.formatted, + cursorOffset: h + p, comments: l }; + let g = c.split(""); + g.splice(p, 0, RT); + let S = m.split(""), v = Zre(g, S), b = h; + for (let w of v) if (w.removed) { + if (w.value.includes(RT)) break; + } else b += w.count; + return { formatted: s.formatted, cursorOffset: b, comments: l }; + } + return { formatted: s.formatted, cursorOffset: -1, comments: l }; +} +async function hae(e, t) { + let { ast: r, text: n } = await df(e, t), { rangeStart: o, rangeEnd: i } = dae(n, t, r), s = n.slice(o, i), l = Math.min(o, n.lastIndexOf( + ` +`, o) + 1), u = n.slice(l, o).match(/^\s*/u)[0], c = T4(u, t.tabWidth), p = await yk(s, { ...t, rangeStart: 0, rangeEnd: Number.POSITIVE_INFINITY, + cursorOffset: t.cursorOffset > o && t.cursorOffset <= i ? t.cursorOffset - o : -1, endOfLine: "lf" }, c), h = p.formatted.trimEnd(), { cursorOffset: m } = t; + m > i ? m += h.length - s.length : p.cursorOffset >= 0 && (m = p.cursorOffset + o); + let g = n.slice(0, o) + h + n.slice(i); + if (t.endOfLine !== "lf") { + let S = x4(t.endOfLine); + m >= 0 && S === `\r +` && (m += MT(g.slice(0, m), ` +`)), g = Jh(!1, g, ` +`, S); + } + return { formatted: g, cursorOffset: m, comments: p.comments }; +} +function p4(e, t, r) { + return typeof t != "number" || Number.isNaN(t) || t < 0 || t > e.length ? r : t; +} +function AT(e, t) { + let { cursorOffset: r, rangeStart: n, rangeEnd: o } = t; + return r = p4(e, r, -1), n = p4(e, n, 0), o = p4(e, o, e.length), { ...t, cursorOffset: r, rangeStart: n, rangeEnd: o }; +} +function wk(e, t) { + let { cursorOffset: r, rangeStart: n, rangeEnd: o, endOfLine: i } = AT(e, t), s = e.charAt(0) === vk; + if (s && (e = e.slice(1), r--, n--, o--), i === "auto" && (i = ene(e)), e.includes("\r")) { + let l = /* @__PURE__ */ a((u) => MT(e.slice(0, Math.max(u, 0)), `\r +`), "s"); + r -= l(r), n -= l(n), o -= l(o), e = tne(e); + } + return { hasBOM: s, text: e, options: AT(e, { ...t, cursorOffset: r, rangeStart: n, rangeEnd: o, endOfLine: i }) }; +} +async function _T(e, t) { + let r = await dk(t); + return !r.hasPragma || r.hasPragma(e); +} +async function bk(e, t) { + let { hasBOM: r, text: n, options: o } = wk(e, await Iu(t)); + if (o.rangeStart >= o.rangeEnd && n !== "" || o.requirePragma && !await _T(n, o)) return { formatted: e, cursorOffset: t.cursorOffset, comments: [] }; + let i; + return o.rangeStart > 0 || o.rangeEnd < n.length ? i = await hae(n, o) : (!o.requirePragma && o.insertPragma && o.printer.insertPragma && !await _T( + n, o) && (n = o.printer.insertPragma(n)), i = await yk(n, o)), r && (i.formatted = vk + i.formatted, i.cursorOffset >= 0 && i.cursorOffset++), + i; +} +async function mae(e, t, r) { + let { text: n, options: o } = wk(e, await Iu(t)), i = await df(n, o); + return r && (r.preprocessForPrint && (i.ast = await mk(i.ast, o)), r.massage && (i.ast = aae(i.ast, o))), i; +} +async function gae(e, t) { + t = await Iu(t); + let r = await nm(e, t); + return tm(r, t); +} +async function vae(e, t) { + let r = vne(e), { formatted: n } = await bk(r, { ...t, parser: "__js_expression" }); + return n; +} +async function yae(e, t) { + t = await Iu(t); + let { ast: r } = await df(e, t); + return nm(r, t); +} +async function wae(e, t) { + return tm(e, await Iu(t)); +} +function Cae(e, t) { + if (t === !1) return !1; + if (e.charAt(t) === "/" && e.charAt(t + 1) === "*") { + for (let r = t + 2; r < e.length; ++r) if (e.charAt(r) === "*" && e.charAt(r + 1) === "/") return r + 2; + } + return t; +} +function Dae(e, t) { + return t === !1 ? !1 : e.charAt(t) === "/" && e.charAt(t + 1) === "/" ? ZT(e, t) : t; +} +function Rae(e, t) { + let r = null, n = t; + for (; n !== r; ) r = n, n = Na(e, n), n = F4(e, n), n = O4(e, n), n = ji(e, n); + return n; +} +function Aae(e, t) { + let r = null, n = t; + for (; n !== r; ) r = n, n = JT(e, n), n = F4(e, n), n = Na(e, n); + return n = O4(e, n), n = ji(e, n), n !== !1 && La(e, n); +} +function _ae(e, t) { + let r = e.lastIndexOf(` +`); + return r === -1 ? 0 : T4(e.slice(r + 1).match(/^[\t ]*/u)[0], t); +} +function kae(e) { + if (typeof e != "string") throw new TypeError("Expected a string"); + return e.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d"); +} +function Iae(e, t) { + let r = e.match(new RegExp(`(${kae(t)})+`, "gu")); + return r === null ? 0 : r.reduce((n, o) => Math.max(n, o.length / t.length), 0); +} +function Fae(e, t) { + let r = L4(e, t); + return r === !1 ? "" : e.charAt(r); +} +function Lae(e, t, r) { + for (let n = t; n < r; ++n) if (e.charAt(n) === ` +`) return !0; + return !1; +} +function Mae(e, t, r = {}) { + return Na(e, r.backwards ? t - 1 : t, r) !== t; +} +function $ae(e, t, r) { + let n = t === '"' ? "'" : '"', o = Jh(!1, e, /\\(.)|(["'])/gsu, (i, s, l) => s === n ? s : l === t ? "\\" + l : l || (r && /^[^\n\r"'0-7\\bfnrt-vx\u2028\u2029]$/u. + test(s) ? s : "\\" + s)); + return t + o + t; +} +function Hae(e, t, r) { + return L4(e, r(t)); +} +function jae(e, t) { + return arguments.length === 2 || typeof t == "number" ? L4(e, t) : Hae(...arguments); +} +function Vae(e, t, r) { + return P4(e, r(t)); +} +function Uae(e, t) { + return arguments.length === 2 || typeof t == "number" ? P4(e, t) : Vae(...arguments); +} +function Wae(e, t, r) { + return N4(e, r(t)); +} +function qae(e, t) { + return arguments.length === 2 || typeof t == "number" ? N4(e, t) : Wae(...arguments); +} +function zi(e, t = 1) { + return async (...r) => { + let n = r[t] ?? {}, o = n.plugins ?? []; + return r[t] = { ...n, plugins: Array.isArray(o) ? o : Object.values(o) }, e(...r); + }; +} +async function Ck(e, t) { + let { formatted: r } = await xk(e, { ...t, cursorOffset: -1 }); + return r; +} +async function Gae(e, t) { + return await Ck(e, t) === e; +} +var Nre, Kh, Mre, Bre, $re, zre, TT, Hre, S4, Xh, kT, Qh, jre, Vre, Ure, lf, E4, IT, PT, FT, Wre, qre, Gre, OT, Yre, Jh, Awe, rT, nT, LT, NT, +Xre, Qre, Jre, pf, Gh, Vi, Ao, Ui, To, ko, Io, fr, to, _r, Po, Fo, Oo, Rt, ro, qr, BT, Wi, nne, mu, ane, Tu, oT, C4, $T, eo, D4, dne, Zh, hne, +R4, jT, VT, mne, Hi, UT, h4, yne, mt, wne, Ene, xne, A4, pr, Zn, cf, T4, Bi, v4, Wh, gu, Bne, $ne, XT, y4, Hne, Vne, Na, JT, ZT, ji, La, Gne, +ek, Yne, rm, i4, s4, rk, P4, soe, vu, ok, yu, lT, loe, poe, hoe, du, cT, moe, hu, ik, qh, pT, goe, dT, u4, hT, uk, yoe, wu, Ma, bu, Soe, Su, +Eoe, Eu, xoe, xu, Coe, Cu, Foe, Du, Ooe, Ru, Loe, Au, ST, Noe, Moe, Boe, $oe, _u, zoe, c4, Uoe, Woe, pk, ET, Iu, Koe, df, tae, nae, aae, iae, +sae, lae, gk, fae, vk, RT, Sk, bae, Sae, Eae, xae, Ek, F4, O4, L4, N4, Tae, Pae, Oae, Nae, Bae, zae, xk, Yae, Kae, Dk, Rk = T(() => { + Nre = Object.create, Kh = Object.defineProperty, Mre = Object.getOwnPropertyDescriptor, Bre = Object.getOwnPropertyNames, $re = Object.getPrototypeOf, + zre = Object.prototype.hasOwnProperty, TT = /* @__PURE__ */ a((e) => { + throw TypeError(e); + }, "sr"), Hre = /* @__PURE__ */ a((e, t) => () => (e && (t = e(e = 0)), t), "_u"), S4 = /* @__PURE__ */ a((e, t) => () => (t || e((t = { exports: {} }). + exports, t), t.exports), "At"), Xh = /* @__PURE__ */ a((e, t) => { + for (var r in t) Kh(e, r, { get: t[r], enumerable: !0 }); + }, "We"), kT = /* @__PURE__ */ a((e, t, r, n) => { + if (t && typeof t == "object" || typeof t == "function") for (let o of Bre(t)) !zre.call(e, o) && o !== r && Kh(e, o, { get: /* @__PURE__ */ a( + () => t[o], "get"), enumerable: !(n = Mre(t, o)) || n.enumerable }); + return e; + }, "ar"), Qh = /* @__PURE__ */ a((e, t, r) => (r = e != null ? Nre($re(e)) : {}, kT(t || !e || !e.__esModule ? Kh(r, "default", { value: e, + enumerable: !0 }) : r, e)), "Me"), jre = /* @__PURE__ */ a((e) => kT(Kh({}, "__esModule", { value: !0 }), e), "vu"), Vre = /* @__PURE__ */ a( + (e, t, r) => t.has(e) || TT("Cannot " + r), "bu"), Ure = /* @__PURE__ */ a((e, t, r) => t.has(e) ? TT("Cannot add the same private member \ +more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), "Dr"), lf = /* @__PURE__ */ a((e, t, r) => (Vre(e, t, "access private meth\ +od"), r), "pe"), E4 = S4((e, t) => { + "use strict"; + var r = new Proxy(String, { get: /* @__PURE__ */ a(() => r, "get") }); + t.exports = r; + }), IT = {}; + Xh(IT, { default: /* @__PURE__ */ a(() => FT, "default"), shouldHighlight: /* @__PURE__ */ a(() => PT, "shouldHighlight") }); + Wre = Hre(() => { + PT = /* @__PURE__ */ a(() => !1, "xo"), FT = String; + }), qre = S4((e, t) => { + var r = String, n = /* @__PURE__ */ a(function() { + return { isColorSupported: !1, reset: r, bold: r, dim: r, italic: r, underline: r, inverse: r, hidden: r, strikethrough: r, black: r, red: r, + green: r, yellow: r, blue: r, magenta: r, cyan: r, white: r, gray: r, bgBlack: r, bgRed: r, bgGreen: r, bgYellow: r, bgBlue: r, bgMagenta: r, + bgCyan: r, bgWhite: r }; + }, "Ln"); + t.exports = n(), t.exports.createColors = n; + }), Gre = S4((e) => { + "use strict"; + Object.defineProperty(e, "__esModule", { value: !0 }), e.codeFrameColumns = g, e.default = S; + var t = (Wre(), jre(IT)), r = o(qre(), !0); + function n(v) { + if (typeof WeakMap != "function") return null; + var b = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(); + return (n = /* @__PURE__ */ a(function(y) { + return y ? w : b; + }, "Wn"))(v); + } + a(n, "Wn"); + function o(v, b) { + if (!b && v && v.__esModule) return v; + if (v === null || typeof v != "object" && typeof v != "function") return { default: v }; + var w = n(b); + if (w && w.has(v)) return w.get(v); + var y = { __proto__: null }, E = Object.defineProperty && Object.getOwnPropertyDescriptor; + for (var x in v) if (x !== "default" && {}.hasOwnProperty.call(v, x)) { + var C = E ? Object.getOwnPropertyDescriptor(v, x) : null; + C && (C.get || C.set) ? Object.defineProperty(y, x, C) : y[x] = v[x]; + } + return y.default = v, w && w.set(v, y), y; + } + a(o, "vo"); + var i = r.default, s = /* @__PURE__ */ a((v, b) => (w) => v(b(w)), "Rn"), l; + function u(v) { + if (v) { + var b; + return (b = l) != null || (l = (0, r.createColors)(!0)), l; + } + return i; + } + a(u, "Oo"); + var c = !1; + function p(v) { + return { gutter: v.gray, marker: s(v.red, v.bold), message: s(v.red, v.bold) }; + } + a(p, "So"); + var h = /\r\n|[\n\r\u2028\u2029]/; + function m(v, b, w) { + let y = Object.assign({ column: 0, line: -1 }, v.start), E = Object.assign({}, y, v.end), { linesAbove: x = 2, linesBelow: C = 3 } = w || + {}, D = y.line, R = y.column, A = E.line, _ = E.column, P = Math.max(D - (x + 1), 0), B = Math.min(b.length, A + C); + D === -1 && (P = 0), A === -1 && (B = b.length); + let z = A - D, $ = {}; + if (z) for (let W = 0; W <= z; W++) { + let N = W + D; + if (!R) $[N] = !0; + else if (W === 0) { + let L = b[N - 1].length; + $[N] = [R, L - R + 1]; + } else if (W === z) $[N] = [0, _]; + else { + let L = b[N - W].length; + $[N] = [0, L]; + } + } + else R === _ ? R ? $[D] = [R, 0] : $[D] = !0 : $[D] = [R, _ - R]; + return { start: P, end: B, markerLines: $ }; + } + a(m, "No"); + function g(v, b, w = {}) { + let y = (w.highlightCode || w.forceColor) && (0, t.shouldHighlight)(w), E = u(w.forceColor), x = p(E), C = /* @__PURE__ */ a(($, W) => y ? + $(W) : W, "i"), D = v.split(h), { start: R, end: A, markerLines: _ } = m(b, D, w), P = b.start && typeof b.start.column == "number", B = String( + A).length, z = (y ? (0, t.default)(v, w) : v).split(h, A).slice(R, A).map(($, W) => { + let N = R + 1 + W, L = ` ${` ${N}`.slice(-B)} |`, G = _[N], re = !_[N + 1]; + if (G) { + let Q = ""; + if (Array.isArray(G)) { + let le = $.slice(0, Math.max(G[0] - 1, 0)).replace(/[^\t]/g, " "), ee = G[1] || 1; + Q = [` + `, C(x.gutter, L.replace(/\d/g, " ")), " ", le, C(x.marker, "^").repeat(ee)].join(""), re && w.message && (Q += " " + C(x.message, w.message)); + } + return [C(x.marker, ">"), C(x.gutter, L), $.length > 0 ? ` ${$}` : "", Q].join(""); + } else return ` ${C(x.gutter, L)}${$.length > 0 ? ` ${$}` : ""}`; + }).join(` +`); + return w.message && !P && (z = `${" ".repeat(B + 1)}${w.message} +${z}`), y ? E.reset(z) : z; + } + a(g, "Mn"); + function S(v, b, w, y = {}) { + if (!c) { + c = !0; + let E = "Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`."; + { + let x = new Error(E); + x.name = "DeprecationWarning", console.warn(new Error(E)); + } + } + return w = Math.max(w, 0), g(v, { start: { column: w, line: b } }, y); + } + a(S, "To"); + }), OT = {}; + Xh(OT, { __debug: /* @__PURE__ */ a(() => Kae, "__debug"), check: /* @__PURE__ */ a(() => Gae, "check"), doc: /* @__PURE__ */ a(() => Sk, "\ +doc"), format: /* @__PURE__ */ a(() => Ck, "format"), formatWithCursor: /* @__PURE__ */ a(() => xk, "formatWithCursor"), getSupportInfo: /* @__PURE__ */ a( + () => Yae, "getSupportInfo"), util: /* @__PURE__ */ a(() => Ek, "util"), version: /* @__PURE__ */ a(() => xae, "version") }); + Yre = /* @__PURE__ */ a((e, t, r, n) => { + if (!(e && t == null)) return t.replaceAll ? t.replaceAll(r, n) : r.global ? t.replace(r, n) : t.split(r).join(n); + }, "Ou"), Jh = Yre; + a(_o, "Z"); + _o.prototype = { diff: /* @__PURE__ */ a(function(e, t) { + var r, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = n.callback; + typeof n == "function" && (o = n, n = {}), this.options = n; + var i = this; + function s(E) { + return o ? (setTimeout(function() { + o(void 0, E); + }, 0), !0) : E; + } + a(s, "s"), e = this.castInput(e), t = this.castInput(t), e = this.removeEmpty(this.tokenize(e)), t = this.removeEmpty(this.tokenize(t)); + var l = t.length, u = e.length, c = 1, p = l + u; + n.maxEditLength && (p = Math.min(p, n.maxEditLength)); + var h = (r = n.timeout) !== null && r !== void 0 ? r : 1 / 0, m = Date.now() + h, g = [{ oldPos: -1, lastComponent: void 0 }], S = this. + extractCommon(g[0], t, e, 0); + if (g[0].oldPos + 1 >= u && S + 1 >= l) return s([{ value: this.join(t), count: t.length }]); + var v = -1 / 0, b = 1 / 0; + function w() { + for (var E = Math.max(v, -c); E <= Math.min(b, c); E += 2) { + var x = void 0, C = g[E - 1], D = g[E + 1]; + C && (g[E - 1] = void 0); + var R = !1; + if (D) { + var A = D.oldPos - E; + R = D && 0 <= A && A < l; + } + var _ = C && C.oldPos + 1 < u; + if (!R && !_) { + g[E] = void 0; + continue; + } + if (!_ || R && C.oldPos + 1 < D.oldPos ? x = i.addToPath(D, !0, void 0, 0) : x = i.addToPath(C, void 0, !0, 1), S = i.extractCommon( + x, t, e, E), x.oldPos + 1 >= u && S + 1 >= l) return s(Kre(i, x.lastComponent, t, e, i.useLongestToken)); + g[E] = x, x.oldPos + 1 >= u && (b = Math.min(b, E - 1)), S + 1 >= l && (v = Math.max(v, E + 1)); + } + c++; + } + if (a(w, "A"), o) (/* @__PURE__ */ a(function E() { + setTimeout(function() { + if (c > p || Date.now() > m) return o(); + w() || E(); + }, 0); + }, "h"))(); + else for (; c <= p && Date.now() <= m; ) { + var y = w(); + if (y) return y; + } + }, "diff"), addToPath: /* @__PURE__ */ a(function(e, t, r, n) { + var o = e.lastComponent; + return o && o.added === t && o.removed === r ? { oldPos: e.oldPos + n, lastComponent: { count: o.count + 1, added: t, removed: r, previousComponent: o. + previousComponent } } : { oldPos: e.oldPos + n, lastComponent: { count: 1, added: t, removed: r, previousComponent: o } }; + }, "addToPath"), extractCommon: /* @__PURE__ */ a(function(e, t, r, n) { + for (var o = t.length, i = r.length, s = e.oldPos, l = s - n, u = 0; l + 1 < o && s + 1 < i && this.equals(t[l + 1], r[s + 1]); ) l++, s++, + u++; + return u && (e.lastComponent = { count: u, previousComponent: e.lastComponent }), e.oldPos = s, l; + }, "extractCommon"), equals: /* @__PURE__ */ a(function(e, t) { + return this.options.comparator ? this.options.comparator(e, t) : e === t || this.options.ignoreCase && e.toLowerCase() === t.toLowerCase(); + }, "equals"), removeEmpty: /* @__PURE__ */ a(function(e) { + for (var t = [], r = 0; r < e.length; r++) e[r] && t.push(e[r]); + return t; + }, "removeEmpty"), castInput: /* @__PURE__ */ a(function(e) { + return e; + }, "castInput"), tokenize: /* @__PURE__ */ a(function(e) { + return e.split(""); + }, "tokenize"), join: /* @__PURE__ */ a(function(e) { + return e.join(""); + }, "join") }; + a(Kre, "Su"); + Awe = new _o(), rT = /^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/, nT = /\S/, LT = new _o(); + LT.equals = function(e, t) { + return this.options.ignoreCase && (e = e.toLowerCase(), t = t.toLowerCase()), e === t || this.options.ignoreWhitespace && !nT.test(e) && + !nT.test(t); + }; + LT.tokenize = function(e) { + for (var t = e.split(/([^\S\r\n]+|[()[\]{}'"\r\n]|\b)/), r = 0; r < t.length - 1; r++) !t[r + 1] && t[r + 2] && rT.test(t[r]) && rT.test( + t[r + 2]) && (t[r] += t[r + 2], t.splice(r + 1, 2), r--); + return t; + }; + NT = new _o(); + NT.tokenize = function(e) { + this.options.stripTrailingCr && (e = e.replace(/\r\n/g, ` +`)); + var t = [], r = e.split(/(\n|\r\n)/); + r[r.length - 1] || r.pop(); + for (var n = 0; n < r.length; n++) { + var o = r[n]; + n % 2 && !this.options.newlineIsToken ? t[t.length - 1] += o : (this.options.ignoreWhitespace && (o = o.trim()), t.push(o)); + } + return t; + }; + Xre = new _o(); + Xre.tokenize = function(e) { + return e.split(/(\S.+?[.!?])(?=\s+|$)/); + }; + Qre = new _o(); + Qre.tokenize = function(e) { + return e.split(/([{}:;,]|\s+)/); + }; + a(Uh, "$e"); + Jre = Object.prototype.toString, pf = new _o(); + pf.useLongestToken = !0; + pf.tokenize = NT.tokenize; + pf.castInput = function(e) { + var t = this.options, r = t.undefinedReplacement, n = t.stringifyReplacer, o = n === void 0 ? function(i, s) { + return typeof s > "u" ? r : s; + } : n; + return typeof e == "string" ? e : JSON.stringify(f4(e, null, null, o), o, " "); + }; + pf.equals = function(e, t) { + return _o.prototype.equals.call(pf, e.replace(/,([\r\n])/g, "$1"), t.replace(/,([\r\n])/g, "$1")); + }; + a(f4, "Bt"); + Gh = new _o(); + Gh.tokenize = function(e) { + return e.slice(); + }; + Gh.join = Gh.removeEmpty = function(e) { + return e; + }; + a(Zre, "dr"); + a(ene, "Fr"); + a(x4, "Be"); + a(MT, "wt"); + a(tne, "mr"); + Vi = "string", Ao = "array", Ui = "cursor", To = "indent", ko = "align", Io = "trim", fr = "group", to = "fill", _r = "if-break", Po = "in\ +dent-if-break", Fo = "line-suffix", Oo = "line-suffix-boundary", Rt = "line", ro = "label", qr = "break-parent", BT = /* @__PURE__ */ new Set( + [Ui, To, ko, Io, fr, to, _r, Po, Fo, Oo, Rt, ro, qr]); + a(rne, "Lu"); + Wi = rne, nne = /* @__PURE__ */ a((e) => new Intl.ListFormat("en-US", { type: "disjunction" }).format(e), "Pu"); + a(one, "Iu"); + ane = (mu = class extends Error { + name = "InvalidDocError"; + constructor(t) { + super(one(t)), this.doc = t; + } + }, a(mu, "xt"), mu), Tu = ane, oT = {}; + a(ine, "Ru"); + C4 = ine, $T = /* @__PURE__ */ a(() => { + }, "hr"), eo = $T, D4 = $T; + a(Yh, "De"); + a(ku, "ae"); + a(zT, "_t"); + a(sne, "Cr"); + a(lne, "gr"); + a(une, "yr"); + a(cne, "Ar"); + a(HT, "Ge"); + a(pne, "Br"); + a(fne, "wr"); + a(d4, "xe"); + dne = { type: Oo }, Zh = { type: qr }, hne = { type: Io }, R4 = { type: Rt, hard: !0 }, jT = { type: Rt, hard: !0, literal: !0 }, VT = { type: Rt }, + mne = { type: Rt, soft: !0 }, Hi = [R4, Zh], UT = [jT, Zh], h4 = { type: Ui }; + a(WT, "be"); + a(qT, "Je"); + a(gne, "br"); + a(Ro, "ee"); + a(vne, "Or"); + yne = /* @__PURE__ */ a((e, t, r) => { + if (!(e && t == null)) return Array.isArray(t) || typeof t == "string" ? t[r < 0 ? t.length + r : r] : t.at(r); + }, "Yu"), mt = yne, wne = /* @__PURE__ */ a(() => /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g, + "Sr"); + a(bne, "Nr"); + a(Sne, "Tr"); + Ene = /* @__PURE__ */ a((e) => !(bne(e) || Sne(e)), "kr"), xne = /[^\x20-\x7F]/u; + a(Cne, "Hu"); + A4 = Cne; + a(em, "Ne"); + a(_4, "Xe"); + a(Dne, "Wu"); + a(Rne, "Ir"); + a(aT, "Lr"); + a(Ane, "Rr"); + a(_ne, "Mu"); + a(Tne, "Yr"); + a(iT, "Pr"); + a(uf, "Se"); + a(GT, "Ze"); + a(kne, "$u"); + a(Ine, "Vu"); + a(Pne, "jr"); + a(Fne, "Uu"); + a(One, "Hr"); + a(YT, "Qe"); + pr = Symbol("MODE_BREAK"), Zn = Symbol("MODE_FLAT"), cf = Symbol("cursor"); + a(KT, "Wr"); + a(Lne, "zu"); + a(Nne, "Gu"); + a(m4, "bt"); + a(g4, "Ot"); + a(Vh, "et"); + a(tm, "Fe"); + a(Mne, "Ku"); + T4 = Mne, Bne = (gu = class { + constructor(t) { + Ure(this, Bi), this.stack = [t]; + } + get key() { + let { stack: t, siblings: r } = this; + return mt(!1, t, r === null ? -2 : -4) ?? null; + } + get index() { + return this.siblings === null ? null : mt(!1, this.stack, -2); + } + get node() { + return mt(!1, this.stack, -1); + } + get parent() { + return this.getNode(1); + } + get grandparent() { + return this.getNode(2); + } + get isInArray() { + return this.siblings !== null; + } + get siblings() { + let { stack: t } = this, r = mt(!1, t, -3); + return Array.isArray(r) ? r : null; + } + get next() { + let { siblings: t } = this; + return t === null ? null : t[this.index + 1]; + } + get previous() { + let { siblings: t } = this; + return t === null ? null : t[this.index - 1]; + } + get isFirst() { + return this.index === 0; + } + get isLast() { + let { siblings: t, index: r } = this; + return t !== null && r === t.length - 1; + } + get isRoot() { + return this.stack.length === 1; + } + get root() { + return this.stack[0]; + } + get ancestors() { + return [...lf(this, Bi, Wh).call(this)]; + } + getName() { + let { stack: t } = this, { length: r } = t; + return r > 1 ? mt(!1, t, -2) : null; + } + getValue() { + return mt(!1, this.stack, -1); + } + getNode(t = 0) { + let r = lf(this, Bi, v4).call(this, t); + return r === -1 ? null : this.stack[r]; + } + getParentNode(t = 0) { + return this.getNode(t + 1); + } + call(t, ...r) { + let { stack: n } = this, { length: o } = n, i = mt(!1, n, -1); + for (let s of r) i = i[s], n.push(s, i); + try { + return t(this); + } finally { + n.length = o; + } + } + callParent(t, r = 0) { + let n = lf(this, Bi, v4).call(this, r + 1), o = this.stack.splice(n + 1); + try { + return t(this); + } finally { + this.stack.push(...o); + } + } + each(t, ...r) { + let { stack: n } = this, { length: o } = n, i = mt(!1, n, -1); + for (let s of r) i = i[s], n.push(s, i); + try { + for (let s = 0; s < i.length; ++s) n.push(s, i[s]), t(this, s, i), n.length -= 2; + } finally { + n.length = o; + } + } + map(t, ...r) { + let n = []; + return this.each((o, i, s) => { + n[i] = t(o, i, s); + }, ...r), n; + } + match(...t) { + let r = this.stack.length - 1, n = null, o = this.stack[r--]; + for (let i of t) { + if (o === void 0) return !1; + let s = null; + if (typeof n == "number" && (s = n, n = this.stack[r--], o = this.stack[r--]), i && !i(o, n, s)) return !1; + n = this.stack[r--], o = this.stack[r--]; + } + return !0; + } + findAncestor(t) { + for (let r of lf(this, Bi, Wh).call(this)) if (t(r)) return r; + } + hasAncestor(t) { + for (let r of lf(this, Bi, Wh).call(this)) if (t(r)) return !0; + return !1; + } + }, a(gu, "St"), gu); + Bi = /* @__PURE__ */ new WeakSet(), v4 = /* @__PURE__ */ a(function(e) { + let { stack: t } = this; + for (let r = t.length - 1; r >= 0; r -= 2) if (!Array.isArray(t[r]) && --e < 0) return r; + return -1; + }, "Nt"), Wh = /* @__PURE__ */ a(function* () { + let { stack: e } = this; + for (let t = e.length - 3; t >= 0; t -= 2) { + let r = e[t]; + Array.isArray(r) || (yield r); + } + }, "tt"); + $ne = Bne, XT = new Proxy(() => { + }, { get: /* @__PURE__ */ a(() => XT, "get") }), y4 = XT; + a(zne, "qu"); + Hne = zne; + a(QT, "Tt"); + a(jne, "Ur"); + a(ff, "Ee"); + Vne = ff(/\s/u), Na = ff(" "), JT = ff(",; "), ZT = ff(/[^\n\r]/u); + a(Une, "Ju"); + ji = Une; + a(Wne, "Xu"); + La = Wne; + a(qne, "Zu"); + Gne = qne, ek = /* @__PURE__ */ new Set(["tokens", "comments", "parent", "enclosingNode", "precedingNode", "followingNode"]), Yne = /* @__PURE__ */ a( + (e) => Object.keys(e).filter((t) => !ek.has(t)), "Qu"); + a(Kne, "eo"); + rm = Kne; + a(Xne, "to"); + a(k4, "Lt"); + a(pu, "ue"); + a($i, "re"); + a(fu, "oe"); + i4 = /* @__PURE__ */ new WeakMap(); + a(I4, "ut"); + a(tk, "qr"); + s4 = /* @__PURE__ */ a(() => !1, "It"); + a(Qne, "Jr"); + rk = /* @__PURE__ */ a((e) => !/[\S\n\u2028\u2029]/u.test(e), "Xr"); + a(Jne, "ro"); + a(Zne, "no"); + a(sT, "Kr"); + a(l4, "Rt"); + a(eoe, "uo"); + P4 = eoe; + a(nk, "Zr"); + a(toe, "oo"); + a(roe, "io"); + a(noe, "so"); + a(ooe, "Qr"); + a(aoe, "en"); + a(ioe, "ao"); + soe = ioe, ok = (vu = class extends Error { + name = "ConfigError"; + }, a(vu, "Pe"), vu), lT = (yu = class extends Error { + name = "UndefinedParserError"; + }, a(yu, "Ie"), yu), loe = { cursorOffset: { category: "Special", type: "int", default: -1, range: { start: -1, end: 1 / 0, step: 1 }, description: "\ +Print (to stderr) where a cursor at the given position would move to after formatting.", cliCategory: "Editor" }, endOfLine: { category: "Gl\ +obal", type: "choice", default: "lf", description: "Which end of line characters to apply.", choices: [{ value: "lf", description: "Line Fee\ +d only (\\n), common on Linux and macOS as well as inside git repos" }, { value: "crlf", description: "Carriage Return + Line Feed character\ +s (\\r\\n), common on Windows" }, { value: "cr", description: "Carriage Return character only (\\r), used very rarely" }, { value: "auto", description: `\ +Maintain existing +(mixed values within one file are normalised by looking at what's used after the first line)` }] }, filepath: { category: "Special", type: "\ +path", description: "Specify the input filepath. This will be used to do parser inference.", cliName: "stdin-filepath", cliCategory: "Other", + cliDescription: "Path to the file to pretend that stdin comes from." }, insertPragma: { category: "Special", type: "boolean", default: !1, + description: "Insert @format pragma into file's first docblock comment.", cliCategory: "Other" }, parser: { category: "Global", type: "cho\ +ice", default: void 0, description: "Which parser to use.", exception: /* @__PURE__ */ a((e) => typeof e == "string" || typeof e == "functio\ +n", "exception"), choices: [{ value: "flow", description: "Flow" }, { value: "babel", description: "JavaScript" }, { value: "babel-flow", description: "\ +Flow" }, { value: "babel-ts", description: "TypeScript" }, { value: "typescript", description: "TypeScript" }, { value: "acorn", description: "\ +JavaScript" }, { value: "espree", description: "JavaScript" }, { value: "meriyah", description: "JavaScript" }, { value: "css", description: "\ +CSS" }, { value: "less", description: "Less" }, { value: "scss", description: "SCSS" }, { value: "json", description: "JSON" }, { value: "js\ +on5", description: "JSON5" }, { value: "jsonc", description: "JSON with Comments" }, { value: "json-stringify", description: "JSON.stringify" }, + { value: "graphql", description: "GraphQL" }, { value: "markdown", description: "Markdown" }, { value: "mdx", description: "MDX" }, { value: "\ +vue", description: "Vue" }, { value: "yaml", description: "YAML" }, { value: "glimmer", description: "Ember / Handlebars" }, { value: "html", + description: "HTML" }, { value: "angular", description: "Angular" }, { value: "lwc", description: "Lightning Web Components" }] }, plugins: { + type: "path", array: !0, default: [{ value: [] }], category: "Global", description: "Add a plugin. Multiple plugins can be passed as separ\ +ate `--plugin`s.", exception: /* @__PURE__ */ a((e) => typeof e == "string" || typeof e == "object", "exception"), cliName: "plugin", cliCategory: "\ +Config" }, printWidth: { category: "Global", type: "int", default: 80, description: "The line length where Prettier will try wrap.", range: { + start: 0, end: 1 / 0, step: 1 } }, rangeEnd: { category: "Special", type: "int", default: 1 / 0, range: { start: 0, end: 1 / 0, step: 1 }, + description: `Format code ending at a given character offset (exclusive). +The range will extend forwards to the end of the selected statement.`, cliCategory: "Editor" }, rangeStart: { category: "Special", type: "in\ +t", default: 0, range: { start: 0, end: 1 / 0, step: 1 }, description: `Format code starting at a given character offset. +The range will extend backwards to the start of the first line containing the selected statement.`, cliCategory: "Editor" }, requirePragma: { + category: "Special", type: "boolean", default: !1, description: `Require either '@prettier' or '@format' to be present in the file's first\ + docblock comment +in order for it to be formatted.`, cliCategory: "Other" }, tabWidth: { type: "int", category: "Global", default: 2, description: "Number of \ +spaces per indentation level.", range: { start: 0, end: 1 / 0, step: 1 } }, useTabs: { category: "Global", type: "boolean", default: !1, description: "\ +Indent with tabs instead of spaces." }, embeddedLanguageFormatting: { category: "Global", type: "choice", default: "auto", description: "Con\ +trol how Prettier formats quoted code embedded in the file.", choices: [{ value: "auto", description: "Format embedded code if Prettier can \ +automatically identify it." }, { value: "off", description: "Never automatically format embedded code." }] } }; + a(ak, "ot"); + a(uoe, "Do"); + a(coe, "lo"); + poe = /* @__PURE__ */ a((e) => String(e).split(/[/\\]/u).pop(), "co"); + a(uT, "nn"); + a(foe, "fo"); + a(doe, "po"); + hoe = doe, du = { key: /* @__PURE__ */ a((e) => /^[$_a-zA-Z][$_a-zA-Z0-9]*$/.test(e) ? e : JSON.stringify(e), "key"), value(e) { + if (e === null || typeof e != "object") return JSON.stringify(e); + if (Array.isArray(e)) return `[${e.map((r) => du.value(r)).join(", ")}]`; + let t = Object.keys(e); + return t.length === 0 ? "{}" : `{ ${t.map((r) => `${du.key(r)}: ${du.value(e[r])}`).join(", ")} }`; + }, pair: /* @__PURE__ */ a(({ key: e, value: t }) => du.value({ [e]: t }), "pair") }, cT = Qh(E4(), 1), moe = /* @__PURE__ */ a((e, t, { descriptor: r }) => { + let n = [`${cT.default.yellow(typeof e == "string" ? r.key(e) : r.pair(e))} is deprecated`]; + return t && n.push(`we now treat it as ${cT.default.blue(typeof t == "string" ? r.key(t) : r.pair(t))}`), n.join("; ") + "."; + }, "an"), hu = Qh(E4(), 1), ik = Symbol.for("vnopts.VALUE_NOT_EXIST"), qh = Symbol.for("vnopts.VALUE_UNCHANGED"), pT = " ".repeat(2), goe = + /* @__PURE__ */ a((e, t, r) => { + let { text: n, list: o } = r.normalizeExpectedResult(r.schemas[e].expected(r)), i = []; + return n && i.push(fT(e, t, n, r.descriptor)), o && i.push([fT(e, t, o.title, r.descriptor)].concat(o.values.map((s) => sk(s, r.loggerPrintWidth))). + join(` +`)), lk(i, r.loggerPrintWidth); + }, "cn"); + a(fT, "ln"); + a(sk, "fn"); + a(lk, "pn"); + dT = Qh(E4(), 1), u4 = [], hT = []; + a(voe, "Ht"); + uk = /* @__PURE__ */ a((e, t, { descriptor: r, logger: n, schemas: o }) => { + let i = [`Ignored unknown option ${dT.default.yellow(r.pair({ key: e, value: t }))}.`], s = Object.keys(o).sort().find((l) => voe(e, l) < + 3); + s && i.push(`Did you mean ${dT.default.blue(r.key(s))}?`), n.warn(i.join(" ")); + }, "at"), yoe = ["default", "expected", "validate", "deprecated", "forward", "redirect", "overlap", "preprocess", "postprocess"]; + a(woe, "mo"); + Ma = (wu = class { + static create(t) { + return woe(this, t); + } + constructor(t) { + this.name = t.name; + } + default(t) { + } + expected(t) { + return "nothing"; + } + validate(t, r) { + return !1; + } + deprecated(t, r) { + return !1; + } + forward(t, r) { + } + redirect(t, r) { + } + overlap(t, r, n) { + return t; + } + preprocess(t, r) { + return t; + } + postprocess(t, r) { + return qh; + } + }, a(wu, "O"), wu); + a(boe, "Eo"); + Soe = (bu = class extends Ma { + constructor(t) { + super(t), this._sourceName = t.sourceName; + } + expected(t) { + return t.schemas[this._sourceName].expected(t); + } + validate(t, r) { + return r.schemas[this._sourceName].validate(t, r); + } + redirect(t, r) { + return this._sourceName; + } + }, a(bu, "Dt"), bu), Eoe = (Su = class extends Ma { + expected() { + return "anything"; + } + validate() { + return !0; + } + }, a(Su, "lt"), Su), xoe = (Eu = class extends Ma { + constructor({ valueSchema: t, name: r = t.name, ...n }) { + super({ ...n, name: r }), this._valueSchema = t; + } + expected(t) { + let { text: r, list: n } = t.normalizeExpectedResult(this._valueSchema.expected(t)); + return { text: r && `an array of ${r}`, list: n && { title: "an array of the following values", values: [{ list: n }] } }; + } + validate(t, r) { + if (!Array.isArray(t)) return !1; + let n = []; + for (let o of t) { + let i = r.normalizeValidateResult(this._valueSchema.validate(o, r), o); + i !== !0 && n.push(i.value); + } + return n.length === 0 ? !0 : { value: n }; + } + deprecated(t, r) { + let n = []; + for (let o of t) { + let i = r.normalizeDeprecatedResult(this._valueSchema.deprecated(o, r), o); + i !== !1 && n.push(...i.map(({ value: s }) => ({ value: [s] }))); + } + return n; + } + forward(t, r) { + let n = []; + for (let o of t) { + let i = r.normalizeForwardResult(this._valueSchema.forward(o, r), o); + n.push(...i.map(mT)); + } + return n; + } + redirect(t, r) { + let n = [], o = []; + for (let i of t) { + let s = r.normalizeRedirectResult(this._valueSchema.redirect(i, r), i); + "remain" in s && n.push(s.remain), o.push(...s.redirect.map(mT)); + } + return n.length === 0 ? { redirect: o } : { redirect: o, remain: n }; + } + overlap(t, r) { + return t.concat(r); + } + }, a(Eu, "ct"), Eu); + a(mT, "Fn"); + Coe = (xu = class extends Ma { + expected() { + return "true or false"; + } + validate(t) { + return typeof t == "boolean"; + } + }, a(xu, "ft"), xu); + a(Doe, "En"); + a(Roe, "hn"); + a(Aoe, "Cn"); + a(_oe, "gn"); + a(Toe, "yn"); + a(koe, "An"); + a(Ioe, "Bn"); + a(gT, "Mt"); + a(ck, "$t"); + a(vT, "Vt"); + a(yT, "Ut"); + a(wT, "mn"); + a(w4, "pt"); + a(bT, "zt"); + a(Poe, "ho"); + Foe = (Cu = class extends Ma { + constructor(t) { + super(t), this._choices = Roe(t.choices.map((r) => r && typeof r == "object" ? r : { value: r }), "value"); + } + expected({ descriptor: t }) { + let r = Array.from(this._choices.keys()).map((i) => this._choices.get(i)).filter(({ hidden: i }) => !i).map((i) => i.value).sort(koe). + map(t.value), n = r.slice(0, -2), o = r.slice(-2); + return { text: n.concat(o.join(" or ")).join(", "), list: { title: "one of the following values", values: r } }; + } + validate(t) { + return this._choices.has(t); + } + deprecated(t) { + let r = this._choices.get(t); + return r && r.deprecated ? { value: t } : !1; + } + forward(t) { + let r = this._choices.get(t); + return r ? r.forward : void 0; + } + redirect(t) { + let r = this._choices.get(t); + return r ? r.redirect : void 0; + } + }, a(Cu, "dt"), Cu), Ooe = (Du = class extends Ma { + expected() { + return "a number"; + } + validate(t, r) { + return typeof t == "number"; + } + }, a(Du, "Ft"), Du), Loe = (Ru = class extends Ooe { + expected() { + return "an integer"; + } + validate(t, r) { + return r.normalizeValidateResult(super.validate(t, r), t) === !0 && Toe(t); + } + }, a(Ru, "mt"), Ru), ST = (Au = class extends Ma { + expected() { + return "a string"; + } + validate(t) { + return typeof t == "string"; + } + }, a(Au, "Re"), Au), Noe = du, Moe = uk, Boe = goe, $oe = moe, zoe = (_u = class { + constructor(t, r) { + let { logger: n = console, loggerPrintWidth: o = 80, descriptor: i = Noe, unknown: s = Moe, invalid: l = Boe, deprecated: u = $oe, missing: c = /* @__PURE__ */ a( + () => !1, "D"), required: p = /* @__PURE__ */ a(() => !1, "l"), preprocess: h = /* @__PURE__ */ a((g) => g, "d"), postprocess: m = /* @__PURE__ */ a( + () => qh, "f") } = r || {}; + this._utils = { descriptor: i, logger: n || { warn: /* @__PURE__ */ a(() => { + }, "warn") }, loggerPrintWidth: o, schemas: Doe(t, "name"), normalizeDefaultResult: gT, normalizeExpectedResult: ck, normalizeDeprecatedResult: yT, + normalizeForwardResult: w4, normalizeRedirectResult: bT, normalizeValidateResult: vT }, this._unknownHandler = s, this._invalidHandler = + Ioe(l), this._deprecatedHandler = u, this._identifyMissing = (g, S) => !(g in S) || c(g, S), this._identifyRequired = p, this._preprocess = + h, this._postprocess = m, this.cleanHistory(); + } + cleanHistory() { + this._hasDeprecationWarned = Aoe(); + } + normalize(t) { + let r = {}, n = [this._preprocess(t, this._utils)], o = /* @__PURE__ */ a(() => { + for (; n.length !== 0; ) { + let i = n.shift(), s = this._applyNormalization(i, r); + n.push(...s); + } + }, "u"); + o(); + for (let i of Object.keys(this._utils.schemas)) { + let s = this._utils.schemas[i]; + if (!(i in r)) { + let l = gT(s.default(this._utils)); + "value" in l && n.push({ [i]: l.value }); + } + } + o(); + for (let i of Object.keys(this._utils.schemas)) { + if (!(i in r)) continue; + let s = this._utils.schemas[i], l = r[i], u = s.postprocess(l, this._utils); + u !== qh && (this._applyValidation(u, i, s), r[i] = u); + } + return this._applyPostprocess(r), this._applyRequiredCheck(r), r; + } + _applyNormalization(t, r) { + let n = [], { knownKeys: o, unknownKeys: i } = this._partitionOptionKeys(t); + for (let s of o) { + let l = this._utils.schemas[s], u = l.preprocess(t[s], this._utils); + this._applyValidation(u, s, l); + let c = /* @__PURE__ */ a(({ from: m, to: g }) => { + n.push(typeof g == "string" ? { [g]: m } : { [g.key]: g.value }); + }, "D"), p = /* @__PURE__ */ a(({ value: m, redirectTo: g }) => { + let S = yT(l.deprecated(m, this._utils), u, !0); + if (S !== !1) if (S === !0) this._hasDeprecationWarned(s) || this._utils.logger.warn(this._deprecatedHandler(s, g, this._utils)); + else for (let { value: v } of S) { + let b = { key: s, value: v }; + if (!this._hasDeprecationWarned(b)) { + let w = typeof g == "string" ? { key: g, value: v } : g; + this._utils.logger.warn(this._deprecatedHandler(b, w, this._utils)); + } + } + }, "l"); + w4(l.forward(u, this._utils), u).forEach(c); + let h = bT(l.redirect(u, this._utils), u); + if (h.redirect.forEach(c), "remain" in h) { + let m = h.remain; + r[s] = s in r ? l.overlap(r[s], m, this._utils) : m, p({ value: m }); + } + for (let { from: m, to: g } of h.redirect) p({ value: m, redirectTo: g }); + } + for (let s of i) { + let l = t[s]; + this._applyUnknownHandler(s, l, r, (u, c) => { + n.push({ [u]: c }); + }); + } + return n; + } + _applyRequiredCheck(t) { + for (let r of Object.keys(this._utils.schemas)) if (this._identifyMissing(r, t) && this._identifyRequired(r)) throw this._invalidHandler( + r, ik, this._utils); + } + _partitionOptionKeys(t) { + let [r, n] = _oe(Object.keys(t).filter((o) => !this._identifyMissing(o, t)), (o) => o in this._utils.schemas); + return { knownKeys: r, unknownKeys: n }; + } + _applyValidation(t, r, n) { + let o = vT(n.validate(t, this._utils), t); + if (o !== !0) throw this._invalidHandler(r, o.value, this._utils); + } + _applyUnknownHandler(t, r, n, o) { + let i = this._unknownHandler(t, r, this._utils); + if (i) for (let s of Object.keys(i)) { + if (this._identifyMissing(s, i)) continue; + let l = i[s]; + s in this._utils.schemas ? o(s, l) : n[s] = l; + } + } + _applyPostprocess(t) { + let r = this._postprocess(t, this._utils); + if (r !== qh) { + if (r.delete) for (let n of r.delete) delete t[n]; + if (r.override) { + let { knownKeys: n, unknownKeys: o } = this._partitionOptionKeys(r.override); + for (let i of n) { + let s = r.override[i]; + this._applyValidation(s, i, this._utils.schemas[i]), t[i] = s; + } + for (let i of o) { + let s = r.override[i]; + this._applyUnknownHandler(i, s, t, (l, u) => { + let c = this._utils.schemas[l]; + this._applyValidation(u, l, c), t[l] = u; + }); + } + } + } + } + }, a(_u, "Et"), _u); + a(Hoe, "go"); + a(joe, "yo"); + a(Voe, "Ao"); + Uoe = Hoe, Woe = /* @__PURE__ */ a((e, t, r) => { + if (!(e && t == null)) { + if (t.findLast) return t.findLast(r); + for (let n = t.length - 1; n >= 0; n--) { + let o = t[n]; + if (r(o, n, t)) return o; + } + } + }, "Bo"), pk = Woe; + a(fk, "qt"); + a(qoe, "On"); + a(dk, "ht"); + a(hk, "Jt"); + a(Goe, "Sn"); + ET = { astFormat: "estree", printer: {}, originalText: void 0, locStart: null, locEnd: null }; + a(Yoe, "wo"); + Iu = Yoe, Koe = Qh(Gre(), 1); + a(Xoe, "ko"); + a(Qoe, "Lo"); + df = Xoe; + a(Joe, "Un"); + a(Zoe, "Po"); + a(eae, "Io"); + tae = eae; + a(nm, "Ye"); + a(xT, "Gn"); + a(mk, "Qt"); + a(rae, "Ro"); + nae = rae; + a(oae, "Yo"); + aae = oae, iae = /* @__PURE__ */ a((e, t, r) => { + if (!(e && t == null)) { + if (t.findLastIndex) return t.findLastIndex(r); + for (let n = t.length - 1; n >= 0; n--) { + let o = t[n]; + if (r(o, n, t)) return n; + } + return -1; + } + }, "jo"), sae = iae, lae = /* @__PURE__ */ a(({ parser: e }) => e === "json" || e === "json5" || e === "jsonc" || e === "json-stringify", "\ +Ho"); + a(uae, "Wo"); + a(CT, "Xn"); + a(cae, "Mo"); + a(b4, "er"); + a(pae, "$o"); + gk = /* @__PURE__ */ new Set(["JsonRoot", "ObjectExpression", "ArrayExpression", "StringLiteral", "NumericLiteral", "BooleanLiteral", "Nul\ +lLiteral", "UnaryExpression", "TemplateLiteral"]), fae = /* @__PURE__ */ new Set(["OperationDefinition", "FragmentDefinition", "VariableDefi\ +nition", "TypeExtensionDefinition", "ObjectTypeDefinition", "FieldDefinition", "DirectiveDefinition", "EnumTypeDefinition", "EnumValueDefini\ +tion", "InputValueDefinition", "InputObjectTypeDefinition", "SchemaDefinition", "OperationTypeDefinition", "InterfaceTypeDefinition", "Union\ +TypeDefinition", "ScalarTypeDefinition"]); + a(DT, "Zn"); + a(dae, "eu"); + vk = "\uFEFF", RT = Symbol("cursor"); + a(yk, "ou"); + a(hae, "Uo"); + a(p4, "tr"); + a(AT, "ru"); + a(wk, "iu"); + a(_T, "nu"); + a(bk, "rr"); + a(mae, "su"); + a(gae, "au"); + a(vae, "Du"); + a(yae, "lu"); + a(wae, "cu"); + Sk = {}; + Xh(Sk, { builders: /* @__PURE__ */ a(() => bae, "builders"), printer: /* @__PURE__ */ a(() => Sae, "printer"), utils: /* @__PURE__ */ a(() => Eae, + "utils") }); + bae = { join: WT, line: VT, softline: mne, hardline: Hi, literalline: UT, group: zT, conditionalGroup: cne, fill: HT, lineSuffix: d4, lineSuffixBoundary: dne, + cursor: h4, breakParent: Zh, ifBreak: pne, trim: hne, indent: Yh, indentIfBreak: fne, align: ku, addAlignmentToDoc: qT, markAsRoot: lne, dedentToRoot: sne, + dedent: une, hardlineWithoutBreakParent: R4, literallineWithoutBreakParent: jT, label: gne, concat: /* @__PURE__ */ a((e) => e, "concat") }, + Sae = { printDocToString: tm }, Eae = { willBreak: Rne, traverseDoc: C4, findInDoc: _4, mapDoc: em, removeLines: Tne, stripTrailingHardline: GT, + replaceEndOfLine: Pne, canBreak: One }, xae = "3.3.3", Ek = {}; + Xh(Ek, { addDanglingComment: /* @__PURE__ */ a(() => $i, "addDanglingComment"), addLeadingComment: /* @__PURE__ */ a(() => pu, "addLeading\ +Comment"), addTrailingComment: /* @__PURE__ */ a(() => fu, "addTrailingComment"), getAlignmentSize: /* @__PURE__ */ a(() => T4, "getAlignmen\ +tSize"), getIndentSize: /* @__PURE__ */ a(() => Tae, "getIndentSize"), getMaxContinuousCount: /* @__PURE__ */ a(() => Pae, "getMaxContinuous\ +Count"), getNextNonSpaceNonCommentCharacter: /* @__PURE__ */ a(() => Oae, "getNextNonSpaceNonCommentCharacter"), getNextNonSpaceNonCommentCharacterIndex: /* @__PURE__ */ a( + () => jae, "getNextNonSpaceNonCommentCharacterIndex"), getStringWidth: /* @__PURE__ */ a(() => A4, "getStringWidth"), hasNewline: /* @__PURE__ */ a( + () => La, "hasNewline"), hasNewlineInRange: /* @__PURE__ */ a(() => Nae, "hasNewlineInRange"), hasSpaces: /* @__PURE__ */ a(() => Bae, "ha\ +sSpaces"), isNextLineEmpty: /* @__PURE__ */ a(() => qae, "isNextLineEmpty"), isNextLineEmptyAfterIndex: /* @__PURE__ */ a(() => N4, "isNextL\ +ineEmptyAfterIndex"), isPreviousLineEmpty: /* @__PURE__ */ a(() => Uae, "isPreviousLineEmpty"), makeString: /* @__PURE__ */ a(() => zae, "ma\ +keString"), skip: /* @__PURE__ */ a(() => ff, "skip"), skipEverythingButNewLine: /* @__PURE__ */ a(() => ZT, "skipEverythingButNewLine"), skipInlineComment: /* @__PURE__ */ a( + () => F4, "skipInlineComment"), skipNewline: /* @__PURE__ */ a(() => ji, "skipNewline"), skipSpaces: /* @__PURE__ */ a(() => Na, "skipSpac\ +es"), skipToLineEnd: /* @__PURE__ */ a(() => JT, "skipToLineEnd"), skipTrailingComment: /* @__PURE__ */ a(() => O4, "skipTrailingComment"), skipWhitespace: /* @__PURE__ */ a( + () => Vne, "skipWhitespace") }); + a(Cae, "Jo"); + F4 = Cae; + a(Dae, "Xo"); + O4 = Dae; + a(Rae, "Zo"); + L4 = Rae; + a(Aae, "Qo"); + N4 = Aae; + a(_ae, "ei"); + Tae = _ae; + a(kae, "ur"); + a(Iae, "ti"); + Pae = Iae; + a(Fae, "ri"); + Oae = Fae; + a(Lae, "ni"); + Nae = Lae; + a(Mae, "ui"); + Bae = Mae; + a($ae, "oi"); + zae = $ae; + a(Hae, "ii"); + a(jae, "si"); + a(Vae, "ai"); + a(Uae, "Di"); + a(Wae, "li"); + a(qae, "ci"); + a(zi, "fe"); + xk = zi(bk); + a(Ck, "gu"); + a(Gae, "fi"); + Yae = zi(ak, 0), Kae = { parse: zi(mae), formatAST: zi(gae), formatDoc: zi(vae), printToDoc: zi(yae), printDocToString: zi(wae) }, Dk = OT; +}); + +// src/components/components/syntaxhighlighter/formatter.ts +var _k = {}; +he(_k, { + formatter: () => Xae +}); +var Ak, Xae, Tk = T(() => { + "use strict"; + Ak = I(Hn(), 1); + tT(); + Rk(); + ml(); + Xae = (0, Ak.default)(2)(async (e, t) => e === !1 ? t : e === "dedent" || e === !0 ? gn(t) : (await Dk.format(t, { + parser: e, + plugins: [eT], + htmlWhitespaceSensitivity: "ignore" + })).trim()); +}); + +// ../node_modules/react-popper/lib/esm/utils.js +var Em, xw, Cw, hP = T(() => { + Em = I(O()), xw = /* @__PURE__ */ a(function(t) { + return t.reduce(function(r, n) { + var o = n[0], i = n[1]; + return r[o] = i, r; + }, {}); + }, "fromEntries"), Cw = typeof window < "u" && window.document && window.document.createElement ? Em.useLayoutEffect : Em.useEffect; +}); + +// ../node_modules/@popperjs/core/lib/enums.js +var je, ut, rt, Ke, xm, Ha, Mo, Ji, mP, Cm, zu, gP, Dw, Dm, Vse, Use, Wse, qse, Gse, Yse, Kse, Xse, Qse, vP, Tr = T(() => { + je = "top", ut = "bottom", rt = "right", Ke = "left", xm = "auto", Ha = [je, ut, rt, Ke], Mo = "start", Ji = "end", mP = "clippingParents", + Cm = "viewport", zu = "popper", gP = "reference", Dw = /* @__PURE__ */ Ha.reduce(function(e, t) { + return e.concat([t + "-" + Mo, t + "-" + Ji]); + }, []), Dm = /* @__PURE__ */ [].concat(Ha, [xm]).reduce(function(e, t) { + return e.concat([t, t + "-" + Mo, t + "-" + Ji]); + }, []), Vse = "beforeRead", Use = "read", Wse = "afterRead", qse = "beforeMain", Gse = "main", Yse = "afterMain", Kse = "beforeWrite", Xse = + "write", Qse = "afterWrite", vP = [Vse, Use, Wse, qse, Gse, Yse, Kse, Xse, Qse]; +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js +function gt(e) { + return e ? (e.nodeName || "").toLowerCase() : null; +} +var ja = T(() => { + a(gt, "getNodeName"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindow.js +function Pe(e) { + if (e == null) + return window; + if (e.toString() !== "[object Window]") { + var t = e.ownerDocument; + return t && t.defaultView || window; + } + return e; +} +var Dn = T(() => { + a(Pe, "getWindow"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js +function Kr(e) { + var t = Pe(e).Element; + return e instanceof t || e instanceof Element; +} +function ct(e) { + var t = Pe(e).HTMLElement; + return e instanceof t || e instanceof HTMLElement; +} +function Hu(e) { + if (typeof ShadowRoot > "u") + return !1; + var t = Pe(e).ShadowRoot; + return e instanceof t || e instanceof ShadowRoot; +} +var kr = T(() => { + Dn(); + a(Kr, "isElement"); + a(ct, "isHTMLElement"); + a(Hu, "isShadowRoot"); +}); + +// ../node_modules/@popperjs/core/lib/modifiers/applyStyles.js +function Jse(e) { + var t = e.state; + Object.keys(t.elements).forEach(function(r) { + var n = t.styles[r] || {}, o = t.attributes[r] || {}, i = t.elements[r]; + !ct(i) || !gt(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(s) { + var l = o[s]; + l === !1 ? i.removeAttribute(s) : i.setAttribute(s, l === !0 ? "" : l); + })); + }); +} +function Zse(e) { + var t = e.state, r = { + popper: { + position: t.options.strategy, + left: "0", + top: "0", + margin: "0" + }, + arrow: { + position: "absolute" + }, + reference: {} + }; + return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), + function() { + Object.keys(t.elements).forEach(function(n) { + var o = t.elements[n], i = t.attributes[n] || {}, s = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), l = s.reduce(function(u, c) { + return u[c] = "", u; + }, {}); + !ct(o) || !gt(o) || (Object.assign(o.style, l), Object.keys(i).forEach(function(u) { + o.removeAttribute(u); + })); + }); + }; +} +var yP, wP = T(() => { + ja(); + kr(); + a(Jse, "applyStyles"); + a(Zse, "effect"); + yP = { + name: "applyStyles", + enabled: !0, + phase: "write", + fn: Jse, + effect: Zse, + requires: ["computeStyles"] + }; +}); + +// ../node_modules/@popperjs/core/lib/utils/getBasePlacement.js +function vt(e) { + return e.split("-")[0]; +} +var Va = T(() => { + a(vt, "getBasePlacement"); +}); + +// ../node_modules/@popperjs/core/lib/utils/math.js +var Rn, Zi, Bo, Ua = T(() => { + Rn = Math.max, Zi = Math.min, Bo = Math.round; +}); + +// ../node_modules/@popperjs/core/lib/utils/userAgent.js +function ju() { + var e = navigator.userAgentData; + return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) { + return t.brand + "/" + t.version; + }).join(" ") : navigator.userAgent; +} +var Rw = T(() => { + a(ju, "getUAString"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js +function Ef() { + return !/^((?!chrome|android).)*safari/i.test(ju()); +} +var Aw = T(() => { + Rw(); + a(Ef, "isLayoutViewport"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js +function Xr(e, t, r) { + t === void 0 && (t = !1), r === void 0 && (r = !1); + var n = e.getBoundingClientRect(), o = 1, i = 1; + t && ct(e) && (o = e.offsetWidth > 0 && Bo(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Bo(n.height) / e.offsetHeight || 1); + var s = Kr(e) ? Pe(e) : window, l = s.visualViewport, u = !Ef() && r, c = (n.left + (u && l ? l.offsetLeft : 0)) / o, p = (n.top + (u && l ? + l.offsetTop : 0)) / i, h = n.width / o, m = n.height / i; + return { + width: h, + height: m, + top: p, + right: c + h, + bottom: p + m, + left: c, + x: c, + y: p + }; +} +var Vu = T(() => { + kr(); + Ua(); + Dn(); + Aw(); + a(Xr, "getBoundingClientRect"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js +function es(e) { + var t = Xr(e), r = e.offsetWidth, n = e.offsetHeight; + return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), { + x: e.offsetLeft, + y: e.offsetTop, + width: r, + height: n + }; +} +var Rm = T(() => { + Vu(); + a(es, "getLayoutRect"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/contains.js +function xf(e, t) { + var r = t.getRootNode && t.getRootNode(); + if (e.contains(t)) + return !0; + if (r && Hu(r)) { + var n = t; + do { + if (n && e.isSameNode(n)) + return !0; + n = n.parentNode || n.host; + } while (n); + } + return !1; +} +var _w = T(() => { + kr(); + a(xf, "contains"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js +function Qt(e) { + return Pe(e).getComputedStyle(e); +} +var Uu = T(() => { + Dn(); + a(Qt, "getComputedStyle"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js +function Tw(e) { + return ["table", "td", "th"].indexOf(gt(e)) >= 0; +} +var bP = T(() => { + ja(); + a(Tw, "isTableElement"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js +function At(e) { + return ((Kr(e) ? e.ownerDocument : ( + // $FlowFixMe[prop-missing] + e.document + )) || window.document).documentElement; +} +var $o = T(() => { + kr(); + a(At, "getDocumentElement"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js +function zo(e) { + return gt(e) === "html" ? e : ( + // this is a quicker (but less type safe) way to save quite some bytes from the bundle + // $FlowFixMe[incompatible-return] + // $FlowFixMe[prop-missing] + e.assignedSlot || // step into the shadow DOM of the parent of a slotted node + e.parentNode || // DOM Element detected + (Hu(e) ? e.host : null) || // ShadowRoot detected + // $FlowFixMe[incompatible-call]: HTMLElement is a Node + At(e) + ); +} +var Cf = T(() => { + ja(); + $o(); + kr(); + a(zo, "getParentNode"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js +function SP(e) { + return !ct(e) || // https://github.com/popperjs/popper-core/issues/837 + Qt(e).position === "fixed" ? null : e.offsetParent; +} +function ele(e) { + var t = /firefox/i.test(ju()), r = /Trident/i.test(ju()); + if (r && ct(e)) { + var n = Qt(e); + if (n.position === "fixed") + return null; + } + var o = zo(e); + for (Hu(o) && (o = o.host); ct(o) && ["html", "body"].indexOf(gt(o)) < 0; ) { + var i = Qt(o); + if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== + -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none") + return o; + o = o.parentNode; + } + return null; +} +function An(e) { + for (var t = Pe(e), r = SP(e); r && Tw(r) && Qt(r).position === "static"; ) + r = SP(r); + return r && (gt(r) === "html" || gt(r) === "body" && Qt(r).position === "static") ? t : r || ele(e) || t; +} +var Wu = T(() => { + Dn(); + ja(); + Uu(); + kr(); + bP(); + Cf(); + Rw(); + a(SP, "getTrueOffsetParent"); + a(ele, "getContainingBlock"); + a(An, "getOffsetParent"); +}); + +// ../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js +function ts(e) { + return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y"; +} +var Am = T(() => { + a(ts, "getMainAxisFromPlacement"); +}); + +// ../node_modules/@popperjs/core/lib/utils/within.js +function rs(e, t, r) { + return Rn(e, Zi(t, r)); +} +function EP(e, t, r) { + var n = rs(e, t, r); + return n > r ? r : n; +} +var kw = T(() => { + Ua(); + a(rs, "within"); + a(EP, "withinMaxClamp"); +}); + +// ../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js +function Df() { + return { + top: 0, + right: 0, + bottom: 0, + left: 0 + }; +} +var Iw = T(() => { + a(Df, "getFreshSideObject"); +}); + +// ../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js +function Rf(e) { + return Object.assign({}, Df(), e); +} +var Pw = T(() => { + Iw(); + a(Rf, "mergePaddingObject"); +}); + +// ../node_modules/@popperjs/core/lib/utils/expandToHashMap.js +function Af(e, t) { + return t.reduce(function(r, n) { + return r[n] = e, r; + }, {}); +} +var Fw = T(() => { + a(Af, "expandToHashMap"); +}); + +// ../node_modules/@popperjs/core/lib/modifiers/arrow.js +function rle(e) { + var t, r = e.state, n = e.name, o = e.options, i = r.elements.arrow, s = r.modifiersData.popperOffsets, l = vt(r.placement), u = ts(l), c = [ + Ke, rt].indexOf(l) >= 0, p = c ? "height" : "width"; + if (!(!i || !s)) { + var h = tle(o.padding, r), m = es(i), g = u === "y" ? je : Ke, S = u === "y" ? ut : rt, v = r.rects.reference[p] + r.rects.reference[u] - + s[u] - r.rects.popper[p], b = s[u] - r.rects.reference[u], w = An(i), y = w ? u === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, E = v / + 2 - b / 2, x = h[g], C = y - m[p] - h[S], D = y / 2 - m[p] / 2 + E, R = rs(x, D, C), A = u; + r.modifiersData[n] = (t = {}, t[A] = R, t.centerOffset = R - D, t); + } +} +function nle(e) { + var t = e.state, r = e.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n; + o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || xf(t.elements.popper, o) && (t.elements.arrow = o)); +} +var tle, xP, CP = T(() => { + Va(); + Rm(); + _w(); + Wu(); + Am(); + kw(); + Pw(); + Fw(); + Tr(); + tle = /* @__PURE__ */ a(function(t, r) { + return t = typeof t == "function" ? t(Object.assign({}, r.rects, { + placement: r.placement + })) : t, Rf(typeof t != "number" ? t : Af(t, Ha)); + }, "toPaddingObject"); + a(rle, "arrow"); + a(nle, "effect"); + xP = { + name: "arrow", + enabled: !0, + phase: "main", + fn: rle, + effect: nle, + requires: ["popperOffsets"], + requiresIfExists: ["preventOverflow"] + }; +}); + +// ../node_modules/@popperjs/core/lib/utils/getVariation.js +function Qr(e) { + return e.split("-")[1]; +} +var qu = T(() => { + a(Qr, "getVariation"); +}); + +// ../node_modules/@popperjs/core/lib/modifiers/computeStyles.js +function ale(e, t) { + var r = e.x, n = e.y, o = t.devicePixelRatio || 1; + return { + x: Bo(r * o) / o || 0, + y: Bo(n * o) / o || 0 + }; +} +function DP(e) { + var t, r = e.popper, n = e.popperRect, o = e.placement, i = e.variation, s = e.offsets, l = e.position, u = e.gpuAcceleration, c = e.adaptive, + p = e.roundOffsets, h = e.isFixed, m = s.x, g = m === void 0 ? 0 : m, S = s.y, v = S === void 0 ? 0 : S, b = typeof p == "function" ? p({ + x: g, + y: v + }) : { + x: g, + y: v + }; + g = b.x, v = b.y; + var w = s.hasOwnProperty("x"), y = s.hasOwnProperty("y"), E = Ke, x = je, C = window; + if (c) { + var D = An(r), R = "clientHeight", A = "clientWidth"; + if (D === Pe(r) && (D = At(r), Qt(D).position !== "static" && l === "absolute" && (R = "scrollHeight", A = "scrollWidth")), D = D, o === + je || (o === Ke || o === rt) && i === Ji) { + x = ut; + var _ = h && D === C && C.visualViewport ? C.visualViewport.height : ( + // $FlowFixMe[prop-missing] + D[R] + ); + v -= _ - n.height, v *= u ? 1 : -1; + } + if (o === Ke || (o === je || o === ut) && i === Ji) { + E = rt; + var P = h && D === C && C.visualViewport ? C.visualViewport.width : ( + // $FlowFixMe[prop-missing] + D[A] + ); + g -= P - n.width, g *= u ? 1 : -1; + } + } + var B = Object.assign({ + position: l + }, c && ole), z = p === !0 ? ale({ + x: g, + y: v + }, Pe(r)) : { + x: g, + y: v + }; + if (g = z.x, v = z.y, u) { + var $; + return Object.assign({}, B, ($ = {}, $[x] = y ? "0" : "", $[E] = w ? "0" : "", $.transform = (C.devicePixelRatio || 1) <= 1 ? "translate\ +(" + g + "px, " + v + "px)" : "translate3d(" + g + "px, " + v + "px, 0)", $)); + } + return Object.assign({}, B, (t = {}, t[x] = y ? v + "px" : "", t[E] = w ? g + "px" : "", t.transform = "", t)); +} +function ile(e) { + var t = e.state, r = e.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, i = r.adaptive, s = i === void 0 ? !0 : i, l = r.roundOffsets, + u = l === void 0 ? !0 : l, c = { + placement: vt(t.placement), + variation: Qr(t.placement), + popper: t.elements.popper, + popperRect: t.rects.popper, + gpuAcceleration: o, + isFixed: t.options.strategy === "fixed" + }; + t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, DP(Object.assign({}, c, { + offsets: t.modifiersData.popperOffsets, + position: t.options.strategy, + adaptive: s, + roundOffsets: u + })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, DP(Object.assign({}, c, { + offsets: t.modifiersData.arrow, + position: "absolute", + adaptive: !1, + roundOffsets: u + })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { + "data-popper-placement": t.placement + }); +} +var ole, RP, AP = T(() => { + Tr(); + Wu(); + Dn(); + $o(); + Uu(); + Va(); + qu(); + Ua(); + ole = { + top: "auto", + right: "auto", + bottom: "auto", + left: "auto" + }; + a(ale, "roundOffsetsByDPR"); + a(DP, "mapToStyles"); + a(ile, "computeStyles"); + RP = { + name: "computeStyles", + enabled: !0, + phase: "beforeWrite", + fn: ile, + data: {} + }; +}); + +// ../node_modules/@popperjs/core/lib/modifiers/eventListeners.js +function sle(e) { + var t = e.state, r = e.instance, n = e.options, o = n.scroll, i = o === void 0 ? !0 : o, s = n.resize, l = s === void 0 ? !0 : s, u = Pe(t. + elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper); + return i && c.forEach(function(p) { + p.addEventListener("scroll", r.update, _m); + }), l && u.addEventListener("resize", r.update, _m), function() { + i && c.forEach(function(p) { + p.removeEventListener("scroll", r.update, _m); + }), l && u.removeEventListener("resize", r.update, _m); + }; +} +var _m, _P, TP = T(() => { + Dn(); + _m = { + passive: !0 + }; + a(sle, "effect"); + _P = { + name: "eventListeners", + enabled: !0, + phase: "write", + fn: /* @__PURE__ */ a(function() { + }, "fn"), + effect: sle, + data: {} + }; +}); + +// ../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js +function Gu(e) { + return e.replace(/left|right|bottom|top/g, function(t) { + return lle[t]; + }); +} +var lle, kP = T(() => { + lle = { + left: "right", + right: "left", + bottom: "top", + top: "bottom" + }; + a(Gu, "getOppositePlacement"); +}); + +// ../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js +function Tm(e) { + return e.replace(/start|end/g, function(t) { + return ule[t]; + }); +} +var ule, IP = T(() => { + ule = { + start: "end", + end: "start" + }; + a(Tm, "getOppositeVariationPlacement"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js +function ns(e) { + var t = Pe(e), r = t.pageXOffset, n = t.pageYOffset; + return { + scrollLeft: r, + scrollTop: n + }; +} +var km = T(() => { + Dn(); + a(ns, "getWindowScroll"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js +function os(e) { + return Xr(At(e)).left + ns(e).scrollLeft; +} +var Im = T(() => { + Vu(); + $o(); + km(); + a(os, "getWindowScrollBarX"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js +function Ow(e, t) { + var r = Pe(e), n = At(e), o = r.visualViewport, i = n.clientWidth, s = n.clientHeight, l = 0, u = 0; + if (o) { + i = o.width, s = o.height; + var c = Ef(); + (c || !c && t === "fixed") && (l = o.offsetLeft, u = o.offsetTop); + } + return { + width: i, + height: s, + x: l + os(e), + y: u + }; +} +var PP = T(() => { + Dn(); + $o(); + Im(); + Aw(); + a(Ow, "getViewportRect"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js +function Lw(e) { + var t, r = At(e), n = ns(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = Rn(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : + 0, o ? o.clientWidth : 0), s = Rn(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), l = -n.scrollLeft + os( + e), u = -n.scrollTop; + return Qt(o || r).direction === "rtl" && (l += Rn(r.clientWidth, o ? o.clientWidth : 0) - i), { + width: i, + height: s, + x: l, + y: u + }; +} +var FP = T(() => { + $o(); + Uu(); + Im(); + km(); + Ua(); + a(Lw, "getDocumentRect"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js +function as(e) { + var t = Qt(e), r = t.overflow, n = t.overflowX, o = t.overflowY; + return /auto|scroll|overlay|hidden/.test(r + o + n); +} +var Pm = T(() => { + Uu(); + a(as, "isScrollParent"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js +function Fm(e) { + return ["html", "body", "#document"].indexOf(gt(e)) >= 0 ? e.ownerDocument.body : ct(e) && as(e) ? e : Fm(zo(e)); +} +var OP = T(() => { + Cf(); + Pm(); + ja(); + kr(); + a(Fm, "getScrollParent"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js +function Wa(e, t) { + var r; + t === void 0 && (t = []); + var n = Fm(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = Pe(n), s = o ? [i].concat(i.visualViewport || [], as(n) ? n : + []) : n, l = t.concat(s); + return o ? l : ( + // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here + l.concat(Wa(zo(s))) + ); +} +var Nw = T(() => { + OP(); + Cf(); + Dn(); + Pm(); + a(Wa, "listScrollParents"); +}); + +// ../node_modules/@popperjs/core/lib/utils/rectToClientRect.js +function Yu(e) { + return Object.assign({}, e, { + left: e.x, + top: e.y, + right: e.x + e.width, + bottom: e.y + e.height + }); +} +var Mw = T(() => { + a(Yu, "rectToClientRect"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js +function cle(e, t) { + var r = Xr(e, !1, t === "fixed"); + return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r. + width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r; +} +function LP(e, t, r) { + return t === Cm ? Yu(Ow(e, r)) : Kr(t) ? cle(t, r) : Yu(Lw(At(e))); +} +function ple(e) { + var t = Wa(zo(e)), r = ["absolute", "fixed"].indexOf(Qt(e).position) >= 0, n = r && ct(e) ? An(e) : e; + return Kr(n) ? t.filter(function(o) { + return Kr(o) && xf(o, n) && gt(o) !== "body"; + }) : []; +} +function Bw(e, t, r, n) { + var o = t === "clippingParents" ? ple(e) : [].concat(t), i = [].concat(o, [r]), s = i[0], l = i.reduce(function(u, c) { + var p = LP(e, c, n); + return u.top = Rn(p.top, u.top), u.right = Zi(p.right, u.right), u.bottom = Zi(p.bottom, u.bottom), u.left = Rn(p.left, u.left), u; + }, LP(e, s, n)); + return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l; +} +var NP = T(() => { + Tr(); + PP(); + FP(); + Nw(); + Wu(); + $o(); + Uu(); + kr(); + Vu(); + Cf(); + _w(); + ja(); + Mw(); + Ua(); + a(cle, "getInnerBoundingClientRect"); + a(LP, "getClientRectFromMixedType"); + a(ple, "getClippingParents"); + a(Bw, "getClippingRect"); +}); + +// ../node_modules/@popperjs/core/lib/utils/computeOffsets.js +function _f(e) { + var t = e.reference, r = e.element, n = e.placement, o = n ? vt(n) : null, i = n ? Qr(n) : null, s = t.x + t.width / 2 - r.width / 2, l = t. + y + t.height / 2 - r.height / 2, u; + switch (o) { + case je: + u = { + x: s, + y: t.y - r.height + }; + break; + case ut: + u = { + x: s, + y: t.y + t.height + }; + break; + case rt: + u = { + x: t.x + t.width, + y: l + }; + break; + case Ke: + u = { + x: t.x - r.width, + y: l + }; + break; + default: + u = { + x: t.x, + y: t.y + }; + } + var c = o ? ts(o) : null; + if (c != null) { + var p = c === "y" ? "height" : "width"; + switch (i) { + case Mo: + u[c] = u[c] - (t[p] / 2 - r[p] / 2); + break; + case Ji: + u[c] = u[c] + (t[p] / 2 - r[p] / 2); + break; + default: + } + } + return u; +} +var $w = T(() => { + Va(); + qu(); + Am(); + Tr(); + a(_f, "computeOffsets"); +}); + +// ../node_modules/@popperjs/core/lib/utils/detectOverflow.js +function _n(e, t) { + t === void 0 && (t = {}); + var r = t, n = r.placement, o = n === void 0 ? e.placement : n, i = r.strategy, s = i === void 0 ? e.strategy : i, l = r.boundary, u = l === + void 0 ? mP : l, c = r.rootBoundary, p = c === void 0 ? Cm : c, h = r.elementContext, m = h === void 0 ? zu : h, g = r.altBoundary, S = g === + void 0 ? !1 : g, v = r.padding, b = v === void 0 ? 0 : v, w = Rf(typeof b != "number" ? b : Af(b, Ha)), y = m === zu ? gP : zu, E = e.rects. + popper, x = e.elements[S ? y : m], C = Bw(Kr(x) ? x : x.contextElement || At(e.elements.popper), u, p, s), D = Xr(e.elements.reference), R = _f( + { + reference: D, + element: E, + strategy: "absolute", + placement: o + }), A = Yu(Object.assign({}, E, R)), _ = m === zu ? A : D, P = { + top: C.top - _.top + w.top, + bottom: _.bottom - C.bottom + w.bottom, + left: C.left - _.left + w.left, + right: _.right - C.right + w.right + }, B = e.modifiersData.offset; + if (m === zu && B) { + var z = B[o]; + Object.keys(P).forEach(function($) { + var W = [rt, ut].indexOf($) >= 0 ? 1 : -1, N = [je, ut].indexOf($) >= 0 ? "y" : "x"; + P[$] += z[N] * W; + }); + } + return P; +} +var Tf = T(() => { + NP(); + $o(); + Vu(); + $w(); + Mw(); + Tr(); + kr(); + Pw(); + Fw(); + a(_n, "detectOverflow"); +}); + +// ../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js +function zw(e, t) { + t === void 0 && (t = {}); + var r = t, n = r.placement, o = r.boundary, i = r.rootBoundary, s = r.padding, l = r.flipVariations, u = r.allowedAutoPlacements, c = u === + void 0 ? Dm : u, p = Qr(n), h = p ? l ? Dw : Dw.filter(function(S) { + return Qr(S) === p; + }) : Ha, m = h.filter(function(S) { + return c.indexOf(S) >= 0; + }); + m.length === 0 && (m = h); + var g = m.reduce(function(S, v) { + return S[v] = _n(e, { + placement: v, + boundary: o, + rootBoundary: i, + padding: s + })[vt(v)], S; + }, {}); + return Object.keys(g).sort(function(S, v) { + return g[S] - g[v]; + }); +} +var MP = T(() => { + qu(); + Tr(); + Tf(); + Va(); + a(zw, "computeAutoPlacement"); +}); + +// ../node_modules/@popperjs/core/lib/modifiers/flip.js +function fle(e) { + if (vt(e) === xm) + return []; + var t = Gu(e); + return [Tm(e), t, Tm(t)]; +} +function dle(e) { + var t = e.state, r = e.options, n = e.name; + if (!t.modifiersData[n]._skip) { + for (var o = r.mainAxis, i = o === void 0 ? !0 : o, s = r.altAxis, l = s === void 0 ? !0 : s, u = r.fallbackPlacements, c = r.padding, p = r. + boundary, h = r.rootBoundary, m = r.altBoundary, g = r.flipVariations, S = g === void 0 ? !0 : g, v = r.allowedAutoPlacements, b = t.options. + placement, w = vt(b), y = w === b, E = u || (y || !S ? [Gu(b)] : fle(b)), x = [b].concat(E).reduce(function(Se, Fe) { + return Se.concat(vt(Fe) === xm ? zw(t, { + placement: Fe, + boundary: p, + rootBoundary: h, + padding: c, + flipVariations: S, + allowedAutoPlacements: v + }) : Fe); + }, []), C = t.rects.reference, D = t.rects.popper, R = /* @__PURE__ */ new Map(), A = !0, _ = x[0], P = 0; P < x.length; P++) { + var B = x[P], z = vt(B), $ = Qr(B) === Mo, W = [je, ut].indexOf(z) >= 0, N = W ? "width" : "height", L = _n(t, { + placement: B, + boundary: p, + rootBoundary: h, + altBoundary: m, + padding: c + }), G = W ? $ ? rt : Ke : $ ? ut : je; + C[N] > D[N] && (G = Gu(G)); + var re = Gu(G), Q = []; + if (i && Q.push(L[z] <= 0), l && Q.push(L[G] <= 0, L[re] <= 0), Q.every(function(Se) { + return Se; + })) { + _ = B, A = !1; + break; + } + R.set(B, Q); + } + if (A) + for (var le = S ? 3 : 1, ee = /* @__PURE__ */ a(function(Fe) { + var Ue = x.find(function(nt) { + var tr = R.get(nt); + if (tr) + return tr.slice(0, Fe).every(function(sc) { + return sc; + }); + }); + if (Ue) + return _ = Ue, "break"; + }, "_loop"), de = le; de > 0; de--) { + var Xe = ee(de); + if (Xe === "break") break; + } + t.placement !== _ && (t.modifiersData[n]._skip = !0, t.placement = _, t.reset = !0); + } +} +var BP, $P = T(() => { + kP(); + Va(); + IP(); + Tf(); + MP(); + Tr(); + qu(); + a(fle, "getExpandedFallbackPlacements"); + a(dle, "flip"); + BP = { + name: "flip", + enabled: !0, + phase: "main", + fn: dle, + requiresIfExists: ["offset"], + data: { + _skip: !1 + } + }; +}); + +// ../node_modules/@popperjs/core/lib/modifiers/hide.js +function zP(e, t, r) { + return r === void 0 && (r = { + x: 0, + y: 0 + }), { + top: e.top - t.height - r.y, + right: e.right - t.width + r.x, + bottom: e.bottom - t.height + r.y, + left: e.left - t.width - r.x + }; +} +function HP(e) { + return [je, rt, ut, Ke].some(function(t) { + return e[t] >= 0; + }); +} +function hle(e) { + var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, s = _n(t, { + elementContext: "reference" + }), l = _n(t, { + altBoundary: !0 + }), u = zP(s, n), c = zP(l, o, i), p = HP(u), h = HP(c); + t.modifiersData[r] = { + referenceClippingOffsets: u, + popperEscapeOffsets: c, + isReferenceHidden: p, + hasPopperEscaped: h + }, t.attributes.popper = Object.assign({}, t.attributes.popper, { + "data-popper-reference-hidden": p, + "data-popper-escaped": h + }); +} +var jP, VP = T(() => { + Tr(); + Tf(); + a(zP, "getSideOffsets"); + a(HP, "isAnySideFullyClipped"); + a(hle, "hide"); + jP = { + name: "hide", + enabled: !0, + phase: "main", + requiresIfExists: ["preventOverflow"], + fn: hle + }; +}); + +// ../node_modules/@popperjs/core/lib/modifiers/offset.js +function mle(e, t, r) { + var n = vt(e), o = [Ke, je].indexOf(n) >= 0 ? -1 : 1, i = typeof r == "function" ? r(Object.assign({}, t, { + placement: e + })) : r, s = i[0], l = i[1]; + return s = s || 0, l = (l || 0) * o, [Ke, rt].indexOf(n) >= 0 ? { + x: l, + y: s + } : { + x: s, + y: l + }; +} +function gle(e) { + var t = e.state, r = e.options, n = e.name, o = r.offset, i = o === void 0 ? [0, 0] : o, s = Dm.reduce(function(p, h) { + return p[h] = mle(h, t.rects, i), p; + }, {}), l = s[t.placement], u = l.x, c = l.y; + t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += u, t.modifiersData.popperOffsets.y += c), t.modifiersData[n] = + s; +} +var UP, WP = T(() => { + Va(); + Tr(); + a(mle, "distanceAndSkiddingToXY"); + a(gle, "offset"); + UP = { + name: "offset", + enabled: !0, + phase: "main", + requires: ["popperOffsets"], + fn: gle + }; +}); + +// ../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js +function vle(e) { + var t = e.state, r = e.name; + t.modifiersData[r] = _f({ + reference: t.rects.reference, + element: t.rects.popper, + strategy: "absolute", + placement: t.placement + }); +} +var qP, GP = T(() => { + $w(); + a(vle, "popperOffsets"); + qP = { + name: "popperOffsets", + enabled: !0, + phase: "read", + fn: vle, + data: {} + }; +}); + +// ../node_modules/@popperjs/core/lib/utils/getAltAxis.js +function Hw(e) { + return e === "x" ? "y" : "x"; +} +var YP = T(() => { + a(Hw, "getAltAxis"); +}); + +// ../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js +function yle(e) { + var t = e.state, r = e.options, n = e.name, o = r.mainAxis, i = o === void 0 ? !0 : o, s = r.altAxis, l = s === void 0 ? !1 : s, u = r.boundary, + c = r.rootBoundary, p = r.altBoundary, h = r.padding, m = r.tether, g = m === void 0 ? !0 : m, S = r.tetherOffset, v = S === void 0 ? 0 : S, + b = _n(t, { + boundary: u, + rootBoundary: c, + padding: h, + altBoundary: p + }), w = vt(t.placement), y = Qr(t.placement), E = !y, x = ts(w), C = Hw(x), D = t.modifiersData.popperOffsets, R = t.rects.reference, A = t. + rects.popper, _ = typeof v == "function" ? v(Object.assign({}, t.rects, { + placement: t.placement + })) : v, P = typeof _ == "number" ? { + mainAxis: _, + altAxis: _ + } : Object.assign({ + mainAxis: 0, + altAxis: 0 + }, _), B = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, z = { + x: 0, + y: 0 + }; + if (D) { + if (i) { + var $, W = x === "y" ? je : Ke, N = x === "y" ? ut : rt, L = x === "y" ? "height" : "width", G = D[x], re = G + b[W], Q = G - b[N], le = g ? + -A[L] / 2 : 0, ee = y === Mo ? R[L] : A[L], de = y === Mo ? -A[L] : -R[L], Xe = t.elements.arrow, Se = g && Xe ? es(Xe) : { + width: 0, + height: 0 + }, Fe = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Df(), Ue = Fe[W], nt = Fe[N], tr = rs(0, R[L], + Se[L]), sc = E ? R[L] / 2 - le - tr - Ue - P.mainAxis : ee - tr - Ue - P.mainAxis, lc = E ? -R[L] / 2 + le + tr + nt + P.mainAxis : de + + tr + nt + P.mainAxis, Pg = t.elements.arrow && An(t.elements.arrow), kM = Pg ? x === "y" ? Pg.clientTop || 0 : Pg.clientLeft || 0 : 0, + Db = ($ = B?.[x]) != null ? $ : 0, IM = G + sc - Db - kM, PM = G + lc - Db, Rb = rs(g ? Zi(re, IM) : re, G, g ? Rn(Q, PM) : Q); + D[x] = Rb, z[x] = Rb - G; + } + if (l) { + var Ab, FM = x === "x" ? je : Ke, OM = x === "x" ? ut : rt, Ja = D[C], ud = C === "y" ? "height" : "width", _b = Ja + b[FM], Tb = Ja - + b[OM], Fg = [je, Ke].indexOf(w) !== -1, kb = (Ab = B?.[C]) != null ? Ab : 0, q = Fg ? _b : Ja - R[ud] - A[ud] - kb + P.altAxis, Ib = Fg ? + Ja + R[ud] + A[ud] - kb - P.altAxis : Tb, Pb = g && Fg ? EP(q, Ja, Ib) : rs(g ? q : _b, Ja, g ? Ib : Tb); + D[C] = Pb, z[C] = Pb - Ja; + } + t.modifiersData[n] = z; + } +} +var KP, XP = T(() => { + Tr(); + Va(); + Am(); + YP(); + kw(); + Rm(); + Wu(); + Tf(); + qu(); + Iw(); + Ua(); + a(yle, "preventOverflow"); + KP = { + name: "preventOverflow", + enabled: !0, + phase: "main", + fn: yle, + requiresIfExists: ["offset"] + }; +}); + +// ../node_modules/@popperjs/core/lib/modifiers/index.js +var jw = T(() => { +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js +function Vw(e) { + return { + scrollLeft: e.scrollLeft, + scrollTop: e.scrollTop + }; +} +var QP = T(() => { + a(Vw, "getHTMLElementScroll"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js +function Uw(e) { + return e === Pe(e) || !ct(e) ? ns(e) : Vw(e); +} +var JP = T(() => { + km(); + Dn(); + kr(); + QP(); + a(Uw, "getNodeScroll"); +}); + +// ../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js +function wle(e) { + var t = e.getBoundingClientRect(), r = Bo(t.width) / e.offsetWidth || 1, n = Bo(t.height) / e.offsetHeight || 1; + return r !== 1 || n !== 1; +} +function Ww(e, t, r) { + r === void 0 && (r = !1); + var n = ct(t), o = ct(t) && wle(t), i = At(t), s = Xr(e, o, r), l = { + scrollLeft: 0, + scrollTop: 0 + }, u = { + x: 0, + y: 0 + }; + return (n || !n && !r) && ((gt(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078 + as(i)) && (l = Uw(t)), ct(t) ? (u = Xr(t, !0), u.x += t.clientLeft, u.y += t.clientTop) : i && (u.x = os(i))), { + x: s.left + l.scrollLeft - u.x, + y: s.top + l.scrollTop - u.y, + width: s.width, + height: s.height + }; +} +var ZP = T(() => { + Vu(); + JP(); + ja(); + kr(); + Im(); + $o(); + Pm(); + Ua(); + a(wle, "isElementScaled"); + a(Ww, "getCompositeRect"); +}); + +// ../node_modules/@popperjs/core/lib/utils/orderModifiers.js +function ble(e) { + var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = []; + e.forEach(function(i) { + t.set(i.name, i); + }); + function o(i) { + r.add(i.name); + var s = [].concat(i.requires || [], i.requiresIfExists || []); + s.forEach(function(l) { + if (!r.has(l)) { + var u = t.get(l); + u && o(u); + } + }), n.push(i); + } + return a(o, "sort"), e.forEach(function(i) { + r.has(i.name) || o(i); + }), n; +} +function qw(e) { + var t = ble(e); + return vP.reduce(function(r, n) { + return r.concat(t.filter(function(o) { + return o.phase === n; + })); + }, []); +} +var eF = T(() => { + Tr(); + a(ble, "order"); + a(qw, "orderModifiers"); +}); + +// ../node_modules/@popperjs/core/lib/utils/debounce.js +function Gw(e) { + var t; + return function() { + return t || (t = new Promise(function(r) { + Promise.resolve().then(function() { + t = void 0, r(e()); + }); + })), t; + }; +} +var tF = T(() => { + a(Gw, "debounce"); +}); + +// ../node_modules/@popperjs/core/lib/utils/mergeByName.js +function Yw(e) { + var t = e.reduce(function(r, n) { + var o = r[n.name]; + return r[n.name] = o ? Object.assign({}, o, n, { + options: Object.assign({}, o.options, n.options), + data: Object.assign({}, o.data, n.data) + }) : n, r; + }, {}); + return Object.keys(t).map(function(r) { + return t[r]; + }); +} +var rF = T(() => { + a(Yw, "mergeByName"); +}); + +// ../node_modules/@popperjs/core/lib/createPopper.js +function oF() { + for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++) + t[r] = arguments[r]; + return !t.some(function(n) { + return !(n && typeof n.getBoundingClientRect == "function"); + }); +} +function aF(e) { + e === void 0 && (e = {}); + var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, o = t.defaultOptions, i = o === void 0 ? nF : o; + return /* @__PURE__ */ a(function(l, u, c) { + c === void 0 && (c = i); + var p = { + placement: "bottom", + orderedModifiers: [], + options: Object.assign({}, nF, i), + modifiersData: {}, + elements: { + reference: l, + popper: u + }, + attributes: {}, + styles: {} + }, h = [], m = !1, g = { + state: p, + setOptions: /* @__PURE__ */ a(function(w) { + var y = typeof w == "function" ? w(p.options) : w; + v(), p.options = Object.assign({}, i, p.options, y), p.scrollParents = { + reference: Kr(l) ? Wa(l) : l.contextElement ? Wa(l.contextElement) : [], + popper: Wa(u) + }; + var E = qw(Yw([].concat(n, p.options.modifiers))); + return p.orderedModifiers = E.filter(function(x) { + return x.enabled; + }), S(), g.update(); + }, "setOptions"), + // Sync update – it will always be executed, even if not necessary. This + // is useful for low frequency updates where sync behavior simplifies the + // logic. + // For high frequency updates (e.g. `resize` and `scroll` events), always + // prefer the async Popper#update method + forceUpdate: /* @__PURE__ */ a(function() { + if (!m) { + var w = p.elements, y = w.reference, E = w.popper; + if (oF(y, E)) { + p.rects = { + reference: Ww(y, An(E), p.options.strategy === "fixed"), + popper: es(E) + }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function(P) { + return p.modifiersData[P.name] = Object.assign({}, P.data); + }); + for (var x = 0; x < p.orderedModifiers.length; x++) { + if (p.reset === !0) { + p.reset = !1, x = -1; + continue; + } + var C = p.orderedModifiers[x], D = C.fn, R = C.options, A = R === void 0 ? {} : R, _ = C.name; + typeof D == "function" && (p = D({ + state: p, + options: A, + name: _, + instance: g + }) || p); + } + } + } + }, "forceUpdate"), + // Async and optimistically optimized update – it will not be executed if + // not necessary (debounced to run at most once-per-tick) + update: Gw(function() { + return new Promise(function(b) { + g.forceUpdate(), b(p); + }); + }), + destroy: /* @__PURE__ */ a(function() { + v(), m = !0; + }, "destroy") + }; + if (!oF(l, u)) + return g; + g.setOptions(c).then(function(b) { + !m && c.onFirstUpdate && c.onFirstUpdate(b); + }); + function S() { + p.orderedModifiers.forEach(function(b) { + var w = b.name, y = b.options, E = y === void 0 ? {} : y, x = b.effect; + if (typeof x == "function") { + var C = x({ + state: p, + name: w, + instance: g, + options: E + }), D = /* @__PURE__ */ a(function() { + }, "noopFn"); + h.push(C || D); + } + }); + } + a(S, "runModifierEffects"); + function v() { + h.forEach(function(b) { + return b(); + }), h = []; + } + return a(v, "cleanupModifierEffects"), g; + }, "createPopper"); +} +var nF, iF = T(() => { + ZP(); + Rm(); + Nw(); + Wu(); + eF(); + tF(); + rF(); + kr(); + nF = { + placement: "bottom", + modifiers: [], + strategy: "absolute" + }; + a(oF, "areValidElements"); + a(aF, "popperGenerator"); +}); + +// ../node_modules/@popperjs/core/lib/popper.js +var Sle, Kw, sF = T(() => { + iF(); + TP(); + GP(); + AP(); + wP(); + WP(); + $P(); + XP(); + CP(); + VP(); + jw(); + Sle = [_P, qP, RP, yP, UP, BP, KP, xP, jP], Kw = /* @__PURE__ */ aF({ + defaultModifiers: Sle + }); +}); + +// ../node_modules/@popperjs/core/lib/index.js +var lF = T(() => { + Tr(); + jw(); + sF(); +}); + +// ../node_modules/react-fast-compare/index.js +var cF = F((SDe, uF) => { + var Ele = typeof Element < "u", xle = typeof Map == "function", Cle = typeof Set == "function", Dle = typeof ArrayBuffer == "function" && !!ArrayBuffer. + isView; + function Om(e, t) { + if (e === t) return !0; + if (e && t && typeof e == "object" && typeof t == "object") { + if (e.constructor !== t.constructor) return !1; + var r, n, o; + if (Array.isArray(e)) { + if (r = e.length, r != t.length) return !1; + for (n = r; n-- !== 0; ) + if (!Om(e[n], t[n])) return !1; + return !0; + } + var i; + if (xle && e instanceof Map && t instanceof Map) { + if (e.size !== t.size) return !1; + for (i = e.entries(); !(n = i.next()).done; ) + if (!t.has(n.value[0])) return !1; + for (i = e.entries(); !(n = i.next()).done; ) + if (!Om(n.value[1], t.get(n.value[0]))) return !1; + return !0; + } + if (Cle && e instanceof Set && t instanceof Set) { + if (e.size !== t.size) return !1; + for (i = e.entries(); !(n = i.next()).done; ) + if (!t.has(n.value[0])) return !1; + return !0; + } + if (Dle && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) { + if (r = e.length, r != t.length) return !1; + for (n = r; n-- !== 0; ) + if (e[n] !== t[n]) return !1; + return !0; + } + if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags; + if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof t.valueOf == "function") return e.valueOf() === + t.valueOf(); + if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof t.toString == "function") return e.toString() === + t.toString(); + if (o = Object.keys(e), r = o.length, r !== Object.keys(t).length) return !1; + for (n = r; n-- !== 0; ) + if (!Object.prototype.hasOwnProperty.call(t, o[n])) return !1; + if (Ele && e instanceof Element) return !1; + for (n = r; n-- !== 0; ) + if (!((o[n] === "_owner" || o[n] === "__v" || o[n] === "__o") && e.$$typeof) && !Om(e[o[n]], t[o[n]])) + return !1; + return !0; + } + return e !== e && t !== t; + } + a(Om, "equal"); + uF.exports = /* @__PURE__ */ a(function(t, r) { + try { + return Om(t, r); + } catch (n) { + if ((n.message || "").match(/stack|recursion/i)) + return console.warn("react-fast-compare cannot handle circular refs"), !1; + throw n; + } + }, "isEqual"); +}); + +// ../node_modules/react-popper/lib/esm/usePopper.js +var qa, pF, fF, Rle, Xw, dF = T(() => { + qa = I(O()), pF = I(zn()); + lF(); + fF = I(cF()); + hP(); + Rle = [], Xw = /* @__PURE__ */ a(function(t, r, n) { + n === void 0 && (n = {}); + var o = qa.useRef(null), i = { + onFirstUpdate: n.onFirstUpdate, + placement: n.placement || "bottom", + strategy: n.strategy || "absolute", + modifiers: n.modifiers || Rle + }, s = qa.useState({ + styles: { + popper: { + position: i.strategy, + left: "0", + top: "0" + }, + arrow: { + position: "absolute" + } + }, + attributes: {} + }), l = s[0], u = s[1], c = qa.useMemo(function() { + return { + name: "updateState", + enabled: !0, + phase: "write", + fn: /* @__PURE__ */ a(function(g) { + var S = g.state, v = Object.keys(S.elements); + pF.flushSync(function() { + u({ + styles: xw(v.map(function(b) { + return [b, S.styles[b] || {}]; + })), + attributes: xw(v.map(function(b) { + return [b, S.attributes[b]]; + })) + }); + }); + }, "fn"), + requires: ["computeStyles"] + }; + }, []), p = qa.useMemo(function() { + var m = { + onFirstUpdate: i.onFirstUpdate, + placement: i.placement, + strategy: i.strategy, + modifiers: [].concat(i.modifiers, [c, { + name: "applyStyles", + enabled: !1 + }]) + }; + return (0, fF.default)(o.current, m) ? o.current || m : (o.current = m, m); + }, [i.onFirstUpdate, i.placement, i.strategy, i.modifiers, c]), h = qa.useRef(); + return Cw(function() { + h.current && h.current.setOptions(p); + }, [p]), Cw(function() { + if (!(t == null || r == null)) { + var m = n.createPopper || Kw, g = m(t, r, p); + return h.current = g, function() { + g.destroy(), h.current = null; + }; + } + }, [t, r, n.createPopper]), { + state: h.current ? h.current.state : null, + styles: l.styles, + attributes: l.attributes, + update: h.current ? h.current.update : null, + forceUpdate: h.current ? h.current.forceUpdate : null + }; + }, "usePopper"); +}); + +// ../node_modules/react-popper/lib/esm/index.js +var hF = T(() => { + dF(); +}); + +// ../node_modules/react-popper-tooltip/dist/esm/react-popper-tooltip.js +function vF(e) { + var t = we.useRef(e); + return t.current = e, we.useCallback(function() { + return t.current; + }, []); +} +function _le(e) { + var t = e.initial, r = e.value, n = e.onChange, o = n === void 0 ? Ale : n; + if (t === void 0 && r === void 0) + throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined'); + var i = we.useState(t), s = i[0], l = i[1], u = vF(s), c = we.useCallback(function(h) { + var m = u(), g = typeof h == "function" ? h(m) : h; + typeof g.persist == "function" && g.persist(), l(g), typeof o == "function" && o(g); + }, [u, o]), p = r !== void 0; + return [p ? r : s, p ? o : c]; +} +function yF(e, t) { + return e === void 0 && (e = 0), t === void 0 && (t = 0), function() { + return { + width: 0, + height: 0, + top: t, + right: e, + bottom: t, + left: e, + x: 0, + y: 0, + toJSON: /* @__PURE__ */ a(function() { + return null; + }, "toJSON") + }; + }; +} +function wF(e, t) { + var r, n, o; + e === void 0 && (e = {}), t === void 0 && (t = {}); + var i = Object.keys(gF).reduce(function(N, L) { + var G; + return J({}, N, (G = {}, G[L] = N[L] !== void 0 ? N[L] : gF[L], G)); + }, e), s = we.useMemo( + function() { + return [{ + name: "offset", + options: { + offset: i.offset + } + }]; + }, + // eslint-disable-next-line react-hooks/exhaustive-deps + Array.isArray(i.offset) ? i.offset : [] + ), l = J({}, t, { + placement: t.placement || i.placement, + modifiers: t.modifiers || s + }), u = we.useState(null), c = u[0], p = u[1], h = we.useState(null), m = h[0], g = h[1], S = _le({ + initial: i.defaultVisible, + value: i.visible, + onChange: i.onVisibleChange + }), v = S[0], b = S[1], w = we.useRef(); + we.useEffect(function() { + return function() { + return clearTimeout(w.current); + }; + }, []); + var y = Xw(i.followCursor ? mF : c, m, l), E = y.styles, x = y.attributes, C = gl(y, Tle), D = C.update, R = vF({ + visible: v, + triggerRef: c, + tooltipRef: m, + finalConfig: i + }), A = we.useCallback( + function(N) { + return Array.isArray(i.trigger) ? i.trigger.includes(N) : i.trigger === N; + }, + // eslint-disable-next-line react-hooks/exhaustive-deps + Array.isArray(i.trigger) ? i.trigger : [i.trigger] + ), _ = we.useCallback(function() { + clearTimeout(w.current), w.current = window.setTimeout(function() { + return b(!1); + }, i.delayHide); + }, [i.delayHide, b]), P = we.useCallback(function() { + clearTimeout(w.current), w.current = window.setTimeout(function() { + return b(!0); + }, i.delayShow); + }, [i.delayShow, b]), B = we.useCallback(function() { + R().visible ? _() : P(); + }, [R, _, P]); + we.useEffect(function() { + if (R().finalConfig.closeOnOutsideClick) { + var N = /* @__PURE__ */ a(function(G) { + var re, Q = R(), le = Q.tooltipRef, ee = Q.triggerRef, de = (G.composedPath == null || (re = G.composedPath()) == null ? void 0 : re[0]) || + G.target; + de instanceof Node && le != null && ee != null && !le.contains(de) && !ee.contains(de) && _(); + }, "handleClickOutside"); + return document.addEventListener("mousedown", N), function() { + return document.removeEventListener("mousedown", N); + }; + } + }, [R, _]), we.useEffect(function() { + if (!(c == null || !A("click"))) + return c.addEventListener("click", B), function() { + return c.removeEventListener("click", B); + }; + }, [c, A, B]), we.useEffect(function() { + if (!(c == null || !A("double-click"))) + return c.addEventListener("dblclick", B), function() { + return c.removeEventListener("dblclick", B); + }; + }, [c, A, B]), we.useEffect(function() { + if (!(c == null || !A("right-click"))) { + var N = /* @__PURE__ */ a(function(G) { + G.preventDefault(), B(); + }, "preventDefaultAndToggle"); + return c.addEventListener("contextmenu", N), function() { + return c.removeEventListener("contextmenu", N); + }; + } + }, [c, A, B]), we.useEffect(function() { + if (!(c == null || !A("focus"))) + return c.addEventListener("focus", P), c.addEventListener("blur", _), function() { + c.removeEventListener("focus", P), c.removeEventListener("blur", _); + }; + }, [c, A, P, _]), we.useEffect(function() { + if (!(c == null || !A("hover"))) + return c.addEventListener("mouseenter", P), c.addEventListener("mouseleave", _), function() { + c.removeEventListener("mouseenter", P), c.removeEventListener("mouseleave", _); + }; + }, [c, A, P, _]), we.useEffect(function() { + if (!(m == null || !A("hover") || !R().finalConfig.interactive)) + return m.addEventListener("mouseenter", P), m.addEventListener("mouseleave", _), function() { + m.removeEventListener("mouseenter", P), m.removeEventListener("mouseleave", _); + }; + }, [m, A, P, _, R]); + var z = C == null || (r = C.state) == null || (n = r.modifiersData) == null || (o = n.hide) == null ? void 0 : o.isReferenceHidden; + we.useEffect(function() { + i.closeOnTriggerHidden && z && _(); + }, [i.closeOnTriggerHidden, _, z]), we.useEffect(function() { + if (!i.followCursor || c == null) return; + function N(L) { + var G = L.clientX, re = L.clientY; + mF.getBoundingClientRect = yF(G, re), D?.(); + } + return a(N, "setMousePosition"), c.addEventListener("mousemove", N), function() { + return c.removeEventListener("mousemove", N); + }; + }, [i.followCursor, c, D]), we.useEffect(function() { + if (!(m == null || D == null || i.mutationObserverOptions == null)) { + var N = new MutationObserver(D); + return N.observe(m, i.mutationObserverOptions), function() { + return N.disconnect(); + }; + } + }, [i.mutationObserverOptions, m, D]); + var $ = /* @__PURE__ */ a(function(L) { + return L === void 0 && (L = {}), J({}, L, { + style: J({}, L.style, E.popper) + }, x.popper, { + "data-popper-interactive": i.interactive + }); + }, "getTooltipProps"), W = /* @__PURE__ */ a(function(L) { + return L === void 0 && (L = {}), J({}, L, x.arrow, { + style: J({}, L.style, E.arrow), + "data-popper-arrow": !0 + }); + }, "getArrowProps"); + return J({ + getArrowProps: W, + getTooltipProps: $, + setTooltipRef: g, + setTriggerRef: p, + tooltipRef: m, + triggerRef: c, + visible: v + }, C); +} +var we, Ale, Tle, mF, gF, bF = T(() => { + C1(); + xt(); + we = I(O()); + hF(); + a(vF, "useGetLatest"); + Ale = /* @__PURE__ */ a(function() { + }, "noop"); + a(_le, "useControlledState"); + a(yF, "generateBoundingClientRect"); + Tle = ["styles", "attributes"], mF = { + getBoundingClientRect: yF() + }, gF = { + closeOnOutsideClick: !0, + closeOnTriggerHidden: !1, + defaultVisible: !1, + delayHide: 0, + delayShow: 0, + followCursor: !1, + interactive: !1, + mutationObserverOptions: { + attributes: !0, + childList: !0, + subtree: !0 + }, + offset: [0, 6], + trigger: "hover" + }; + a(wF, "usePopperTooltip"); +}); + +// src/components/components/tooltip/Tooltip.tsx +var Lm, SF, Jr, Ga, kle, Ile, Qw, EF = T(() => { + "use strict"; + Lm = I(O(), 1); + X(); + SF = I(Hn(), 1), Jr = (0, SF.default)(1e3)( + (e, t, r, n = 0) => t.split("-")[0] === e ? r : n + ), Ga = 8, kle = k.div( + { + position: "absolute", + borderStyle: "solid" + }, + ({ placement: e }) => { + let t = 0, r = 0; + switch (!0) { + case (e.startsWith("left") || e.startsWith("right")): { + r = 8; + break; + } + case (e.startsWith("top") || e.startsWith("bottom")): { + t = 8; + break; + } + default: + } + return { transform: `translate3d(${t}px, ${r}px, 0px)` }; + }, + ({ theme: e, color: t, placement: r }) => ({ + bottom: `${Jr("top", r, `${Ga * -1}px`, "auto")}`, + top: `${Jr("bottom", r, `${Ga * -1}px`, "auto")}`, + right: `${Jr("left", r, `${Ga * -1}px`, "auto")}`, + left: `${Jr("right", r, `${Ga * -1}px`, "auto")}`, + borderBottomWidth: `${Jr("top", r, "0", Ga)}px`, + borderTopWidth: `${Jr("bottom", r, "0", Ga)}px`, + borderRightWidth: `${Jr("left", r, "0", Ga)}px`, + borderLeftWidth: `${Jr("right", r, "0", Ga)}px`, + borderTopColor: Jr( + "top", + r, + e.color[t] || t || e.base === "light" ? Ca(e.background.app) : e.background.app, + "transparent" + ), + borderBottomColor: Jr( + "bottom", + r, + e.color[t] || t || e.base === "light" ? Ca(e.background.app) : e.background.app, + "transparent" + ), + borderLeftColor: Jr( + "left", + r, + e.color[t] || t || e.base === "light" ? Ca(e.background.app) : e.background.app, + "transparent" + ), + borderRightColor: Jr( + "right", + r, + e.color[t] || t || e.base === "light" ? Ca(e.background.app) : e.background.app, + "transparent" + ) + }) + ), Ile = k.div( + ({ hidden: e }) => ({ + display: e ? "none" : "inline-block", + zIndex: 2147483647 + }), + ({ theme: e, color: t, hasChrome: r }) => r ? { + background: t && e.color[t] || t || e.base === "light" ? Ca(e.background.app) : e.background.app, + filter: ` + drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) + drop-shadow(0 1px 3px rgba(0,0,0,0.1)) + `, + borderRadius: e.appBorderRadius, + fontSize: e.typography.size.s1 + } : {} + ), Qw = Lm.default.forwardRef( + ({ + placement: e = "top", + hasChrome: t = !0, + children: r, + arrowProps: n = {}, + tooltipRef: o, + color: i, + withArrows: s, + ...l + }, u) => /* @__PURE__ */ Lm.default.createElement(Ile, { "data-testid": "tooltip", hasChrome: t, ref: u, ...l, color: i }, t && s && /* @__PURE__ */ Lm.default. + createElement(kle, { placement: e, ...n, color: i }), r) + ); + Qw.displayName = "Tooltip"; +}); + +// src/components/components/tooltip/WithTooltip.tsx +var Zw = {}; +he(Zw, { + WithToolTipState: () => Jw, + WithTooltip: () => Jw, + WithTooltipPure: () => CF +}); +var Zr, xF, Nm, Ple, Fle, CF, Jw, Mm = T(() => { + "use strict"; + Zr = I(O(), 1), xF = I(zn(), 1); + X(); + We(); + bF(); + EF(); + ({ document: Nm } = H), Ple = k.div` + display: inline-block; + cursor: ${(e) => ( + // @ts-expect-error (non strict) + e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" + )}; +`, Fle = k.g` + cursor: ${(e) => ( + // @ts-expect-error (non strict) + e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" + )}; +`, CF = /* @__PURE__ */ a(({ + svg: e = !1, + trigger: t = "click", + closeOnOutsideClick: r = !1, + placement: n = "top", + modifiers: o = [ + { + name: "preventOverflow", + options: { + padding: 8 + } + }, + { + name: "offset", + options: { + offset: [8, 8] + } + }, + { + name: "arrow", + options: { + padding: 8 + } + } + ], + hasChrome: i = !0, + defaultVisible: s = !1, + withArrows: l, + offset: u, + tooltip: c, + children: p, + closeOnTriggerHidden: h, + mutationObserverOptions: m, + delayHide: g, + visible: S, + interactive: v, + delayShow: b, + strategy: w, + followCursor: y, + onVisibleChange: E, + ...x + }) => { + let C = e ? Fle : Ple, { + getArrowProps: D, + getTooltipProps: R, + setTooltipRef: A, + setTriggerRef: _, + visible: P, + state: B + } = wF( + { + trigger: t, + placement: n, + defaultVisible: s, + delayHide: g, + interactive: v, + closeOnOutsideClick: r, + closeOnTriggerHidden: h, + onVisibleChange: E, + delayShow: b, + followCursor: y, + mutationObserverOptions: m, + visible: S, + offset: u + }, + { + modifiers: o, + strategy: w + } + ), z = /* @__PURE__ */ Zr.default.createElement( + Qw, + { + placement: B?.placement, + ref: A, + hasChrome: i, + arrowProps: D(), + withArrows: l, + ...R() + }, + typeof c == "function" ? c({ onHide: /* @__PURE__ */ a(() => E(!1), "onHide") }) : c + ); + return /* @__PURE__ */ Zr.default.createElement(Zr.default.Fragment, null, /* @__PURE__ */ Zr.default.createElement(C, { trigger: t, ref: _, + ...x }, p), P && xF.default.createPortal(z, Nm.body)); + }, "WithTooltipPure"), Jw = /* @__PURE__ */ a(({ + startOpen: e = !1, + onVisibleChange: t, + ...r + }) => { + let [n, o] = (0, Zr.useState)(e), i = (0, Zr.useCallback)( + (s) => { + t && t(s) === !1 || o(s); + }, + [t] + ); + return (0, Zr.useEffect)(() => { + let s = /* @__PURE__ */ a(() => i(!1), "hide"); + Nm.addEventListener("keydown", s, !1); + let l = Array.from(Nm.getElementsByTagName("iframe")), u = []; + return l.forEach((c) => { + let p = /* @__PURE__ */ a(() => { + try { + c.contentWindow.document && (c.contentWindow.document.addEventListener("click", s), u.push(() => { + try { + c.contentWindow.document.removeEventListener("click", s); + } catch { + } + })); + } catch { + } + }, "bind"); + p(), c.addEventListener("load", p), u.push(() => { + c.removeEventListener("load", p); + }); + }), () => { + Nm.removeEventListener("keydown", s), u.forEach((c) => { + c(); + }); + }; + }), /* @__PURE__ */ Zr.default.createElement(CF, { ...r, visible: n, onVisibleChange: i }); + }, "WithToolTipState"); +}); + +// ../node_modules/picoquery/lib/string-util.js +var l6 = F((s6) => { + "use strict"; + Object.defineProperty(s6, "__esModule", { value: !0 }); + s6.encodeString = Mue; + var so = Array.from({ length: 256 }, (e, t) => "%" + ((t < 16 ? "0" : "") + t.toString(16)).toUpperCase()), Nue = new Int8Array([ + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 0, + 0, + 1, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 1, + 0 + ]); + function Mue(e) { + let t = e.length; + if (t === 0) + return ""; + let r = "", n = 0, o = 0; + e: for (; o < t; o++) { + let i = e.charCodeAt(o); + for (; i < 128; ) { + if (Nue[i] !== 1 && (n < o && (r += e.slice(n, o)), n = o + 1, r += so[i]), ++o === t) + break e; + i = e.charCodeAt(o); + } + if (n < o && (r += e.slice(n, o)), i < 2048) { + n = o + 1, r += so[192 | i >> 6] + so[128 | i & 63]; + continue; + } + if (i < 55296 || i >= 57344) { + n = o + 1, r += so[224 | i >> 12] + so[128 | i >> 6 & 63] + so[128 | i & 63]; + continue; + } + if (++o, o >= t) + throw new Error("URI malformed"); + let s = e.charCodeAt(o) & 1023; + n = o + 1, i = 65536 + ((i & 1023) << 10 | s), r += so[240 | i >> 18] + so[128 | i >> 12 & 63] + so[128 | i >> 6 & 63] + so[128 | i & 63]; + } + return n === 0 ? e : n < t ? r + e.slice(n) : r; + } + a(Mue, "encodeString"); +}); + +// ../node_modules/picoquery/lib/shared.js +var Jm = F((lo) => { + "use strict"; + Object.defineProperty(lo, "__esModule", { value: !0 }); + lo.defaultOptions = lo.defaultShouldSerializeObject = lo.defaultValueSerializer = void 0; + var u6 = l6(), Bue = /* @__PURE__ */ a((e) => { + switch (typeof e) { + case "string": + return (0, u6.encodeString)(e); + case "bigint": + case "boolean": + return "" + e; + case "number": + if (Number.isFinite(e)) + return e < 1e21 ? "" + e : (0, u6.encodeString)("" + e); + break; + } + return e instanceof Date ? (0, u6.encodeString)(e.toISOString()) : ""; + }, "defaultValueSerializer"); + lo.defaultValueSerializer = Bue; + var $ue = /* @__PURE__ */ a((e) => e instanceof Date, "defaultShouldSerializeObject"); + lo.defaultShouldSerializeObject = $ue; + var DO = /* @__PURE__ */ a((e) => e, "identityFunc"); + lo.defaultOptions = { + nesting: !0, + nestingSyntax: "dot", + arrayRepeat: !1, + arrayRepeatSyntax: "repeat", + delimiter: 38, + valueDeserializer: DO, + valueSerializer: lo.defaultValueSerializer, + keyDeserializer: DO, + shouldSerializeObject: lo.defaultShouldSerializeObject + }; +}); + +// ../node_modules/picoquery/lib/object-util.js +var c6 = F((Zm) => { + "use strict"; + Object.defineProperty(Zm, "__esModule", { value: !0 }); + Zm.getDeepObject = jue; + Zm.stringifyObject = RO; + var cs = Jm(), zue = l6(); + function Hue(e) { + return e === "__proto__" || e === "constructor" || e === "prototype"; + } + a(Hue, "isPrototypeKey"); + function jue(e, t, r, n, o) { + if (Hue(t)) + return e; + let i = e[t]; + return typeof i == "object" && i !== null ? i : !n && (o || typeof r == "number" || typeof r == "string" && r * 0 === 0 && r.indexOf(".") === + -1) ? e[t] = [] : e[t] = {}; + } + a(jue, "getDeepObject"); + var Vue = 20, Uue = "[]", Wue = "[", que = "]", Gue = "."; + function RO(e, t, r = 0, n, o) { + let { nestingSyntax: i = cs.defaultOptions.nestingSyntax, arrayRepeat: s = cs.defaultOptions.arrayRepeat, arrayRepeatSyntax: l = cs.defaultOptions. + arrayRepeatSyntax, nesting: u = cs.defaultOptions.nesting, delimiter: c = cs.defaultOptions.delimiter, valueSerializer: p = cs.defaultOptions. + valueSerializer, shouldSerializeObject: h = cs.defaultOptions.shouldSerializeObject } = t, m = typeof c == "number" ? String.fromCharCode( + c) : c, g = o === !0 && s, S = i === "dot" || i === "js" && !o; + if (r > Vue) + return ""; + let v = "", b = !0, w = !1; + for (let y in e) { + let E = e[y], x; + n ? (x = n, g ? l === "bracket" && (x += Uue) : S ? (x += Gue, x += y) : (x += Wue, x += y, x += que)) : x = y, b || (v += m), typeof E == + "object" && E !== null && !h(E) ? (w = E.pop !== void 0, (u || s && w) && (v += RO(E, t, r + 1, x, w))) : (v += (0, zue.encodeString)( + x), v += "=", v += p(E, y)), b && (b = !1); + } + return v; + } + a(RO, "stringifyObject"); +}); + +// ../node_modules/fast-decode-uri-component/index.js +var kO = F((h_e, TO) => { + "use strict"; + var AO = 12, Yue = 0, p6 = [ + // The first part of the table maps bytes to character to a transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 4, + 4, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 6, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 8, + 7, + 7, + 10, + 9, + 9, + 9, + 11, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + // The second part of the table maps a state to a new state when adding a + // transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 12, + 0, + 0, + 0, + 0, + 24, + 36, + 48, + 60, + 72, + 84, + 96, + 0, + 12, + 12, + 12, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + // The third part maps the current transition to a mask that needs to apply + // to the byte. + 127, + 63, + 63, + 63, + 0, + 31, + 15, + 15, + 15, + 7, + 7, + 7 + ]; + function Kue(e) { + var t = e.indexOf("%"); + if (t === -1) return e; + for (var r = e.length, n = "", o = 0, i = 0, s = t, l = AO; t > -1 && t < r; ) { + var u = _O(e[t + 1], 4), c = _O(e[t + 2], 0), p = u | c, h = p6[p]; + if (l = p6[256 + l + h], i = i << 6 | p & p6[364 + h], l === AO) + n += e.slice(o, s), n += i <= 65535 ? String.fromCharCode(i) : String.fromCharCode( + 55232 + (i >> 10), + 56320 + (i & 1023) + ), i = 0, o = t + 3, t = s = e.indexOf("%", o); + else { + if (l === Yue) + return null; + if (t += 3, t < r && e.charCodeAt(t) === 37) continue; + return null; + } + } + return n + e.slice(o); + } + a(Kue, "decodeURIComponent"); + var Xue = { + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + 6: 6, + 7: 7, + 8: 8, + 9: 9, + a: 10, + A: 10, + b: 11, + B: 11, + c: 12, + C: 12, + d: 13, + D: 13, + e: 14, + E: 14, + f: 15, + F: 15 + }; + function _O(e, t) { + var r = Xue[e]; + return r === void 0 ? 255 : r << t; + } + a(_O, "hexCodeToInt"); + TO.exports = Kue; +}); + +// ../node_modules/picoquery/lib/parse.js +var OO = F((Uo) => { + "use strict"; + var Que = Uo && Uo.__importDefault || function(e) { + return e && e.__esModule ? e : { default: e }; + }; + Object.defineProperty(Uo, "__esModule", { value: !0 }); + Uo.numberValueDeserializer = Uo.numberKeyDeserializer = void 0; + Uo.parse = ece; + var eg = c6(), ps = Jm(), IO = Que(kO()), Jue = /* @__PURE__ */ a((e) => { + let t = Number(e); + return Number.isNaN(t) ? e : t; + }, "numberKeyDeserializer"); + Uo.numberKeyDeserializer = Jue; + var Zue = /* @__PURE__ */ a((e) => { + let t = Number(e); + return Number.isNaN(t) ? e : t; + }, "numberValueDeserializer"); + Uo.numberValueDeserializer = Zue; + var PO = /\+/g, FO = /* @__PURE__ */ a(function() { + }, "Empty"); + FO.prototype = /* @__PURE__ */ Object.create(null); + function tg(e, t, r, n, o) { + let i = e.substring(t, r); + return n && (i = i.replace(PO, " ")), o && (i = (0, IO.default)(i) || i), i; + } + a(tg, "computeKeySlice"); + function ece(e, t) { + let { valueDeserializer: r = ps.defaultOptions.valueDeserializer, keyDeserializer: n = ps.defaultOptions.keyDeserializer, arrayRepeatSyntax: o = ps. + defaultOptions.arrayRepeatSyntax, nesting: i = ps.defaultOptions.nesting, arrayRepeat: s = ps.defaultOptions.arrayRepeat, nestingSyntax: l = ps. + defaultOptions.nestingSyntax, delimiter: u = ps.defaultOptions.delimiter } = t ?? {}, c = typeof u == "string" ? u.charCodeAt(0) : u, p = l === + "js", h = new FO(); + if (typeof e != "string") + return h; + let m = e.length, g = "", S = -1, v = -1, b = -1, w = h, y, E = "", x = "", C = !1, D = !1, R = !1, A = !1, _ = !1, P = !1, B = !1, z = 0, + $ = -1, W = -1, N = -1; + for (let L = 0; L < m + 1; L++) { + if (z = L !== m ? e.charCodeAt(L) : c, z === c) { + if (B = v > S, B || (v = L), b !== v - 1 && (x = tg(e, b + 1, $ > -1 ? $ : v, R, C), E = n(x), y !== void 0 && (w = (0, eg.getDeepObject)( + w, y, E, p && _, p && P))), B || E !== "") { + B && (g = e.slice(v + 1, L), A && (g = g.replace(PO, " ")), D && (g = (0, IO.default)(g) || g)); + let G = r(g, E); + if (s) { + let re = w[E]; + re === void 0 ? $ > -1 ? w[E] = [G] : w[E] = G : re.pop ? re.push(G) : w[E] = [re, G]; + } else + w[E] = G; + } + g = "", S = L, v = L, C = !1, D = !1, R = !1, A = !1, _ = !1, P = !1, $ = -1, b = L, w = h, y = void 0, E = ""; + } else z === 93 ? (s && o === "bracket" && N === 91 && ($ = W), i && (l === "index" || p) && v <= S && (b !== W && (x = tg(e, b + 1, L, + R, C), E = n(x), y !== void 0 && (w = (0, eg.getDeepObject)(w, y, E, void 0, p)), y = E, R = !1, C = !1), b = L, P = !0, _ = !1)) : z === + 46 ? i && (l === "dot" || p) && v <= S && (b !== W && (x = tg(e, b + 1, L, R, C), E = n(x), y !== void 0 && (w = (0, eg.getDeepObject)( + w, y, E, p)), y = E, R = !1, C = !1), _ = !0, P = !1, b = L) : z === 91 ? i && (l === "index" || p) && v <= S && (b !== W && (x = tg(e, + b + 1, L, R, C), E = n(x), p && y !== void 0 && (w = (0, eg.getDeepObject)(w, y, E, p)), y = E, R = !1, C = !1, _ = !1, P = !0), b = L) : + z === 61 ? v <= S ? v = L : D = !0 : z === 43 ? v > S ? A = !0 : R = !0 : z === 37 && (v > S ? D = !0 : C = !0); + W = L, N = z; + } + return h; + } + a(ece, "parse"); +}); + +// ../node_modules/picoquery/lib/stringify.js +var LO = F((f6) => { + "use strict"; + Object.defineProperty(f6, "__esModule", { value: !0 }); + f6.stringify = rce; + var tce = c6(); + function rce(e, t) { + if (e === null || typeof e != "object") + return ""; + let r = t ?? {}; + return (0, tce.stringifyObject)(e, r); + } + a(rce, "stringify"); +}); + +// ../node_modules/picoquery/lib/main.js +var NO = F((Pn) => { + "use strict"; + var nce = Pn && Pn.__createBinding || (Object.create ? function(e, t, r, n) { + n === void 0 && (n = r); + var o = Object.getOwnPropertyDescriptor(t, r); + (!o || ("get" in o ? !t.__esModule : o.writable || o.configurable)) && (o = { enumerable: !0, get: /* @__PURE__ */ a(function() { + return t[r]; + }, "get") }), Object.defineProperty(e, n, o); + } : function(e, t, r, n) { + n === void 0 && (n = r), e[n] = t[r]; + }), oce = Pn && Pn.__exportStar || function(e, t) { + for (var r in e) r !== "default" && !Object.prototype.hasOwnProperty.call(t, r) && nce(t, e, r); + }; + Object.defineProperty(Pn, "__esModule", { value: !0 }); + Pn.stringify = Pn.parse = void 0; + var ace = OO(); + Object.defineProperty(Pn, "parse", { enumerable: !0, get: /* @__PURE__ */ a(function() { + return ace.parse; + }, "get") }); + var ice = LO(); + Object.defineProperty(Pn, "stringify", { enumerable: !0, get: /* @__PURE__ */ a(function() { + return ice.stringify; + }, "get") }); + oce(Jm(), Pn); +}); + +// ../node_modules/semver/internal/constants.js +var Yf = F((qke, bL) => { + var lpe = "2.0.0", upe = Number.MAX_SAFE_INTEGER || /* istanbul ignore next */ + 9007199254740991, cpe = 16, ppe = 250, fpe = [ + "major", + "premajor", + "minor", + "preminor", + "patch", + "prepatch", + "prerelease" + ]; + bL.exports = { + MAX_LENGTH: 256, + MAX_SAFE_COMPONENT_LENGTH: cpe, + MAX_SAFE_BUILD_LENGTH: ppe, + MAX_SAFE_INTEGER: upe, + RELEASE_TYPES: fpe, + SEMVER_SPEC_VERSION: lpe, + FLAG_INCLUDE_PRERELEASE: 1, + FLAG_LOOSE: 2 + }; +}); + +// ../node_modules/semver/internal/debug.js +var Kf = F((Gke, SL) => { + var dpe = typeof process == "object" && process.env && process.env.NODE_DEBUG && /\bsemver\b/i.test(process.env.NODE_DEBUG) ? (...e) => console. + error("SEMVER", ...e) : () => { + }; + SL.exports = dpe; +}); + +// ../node_modules/semver/internal/re.js +var nc = F((Wo, EL) => { + var { + MAX_SAFE_COMPONENT_LENGTH: Y6, + MAX_SAFE_BUILD_LENGTH: hpe, + MAX_LENGTH: mpe + } = Yf(), gpe = Kf(); + Wo = EL.exports = {}; + var vpe = Wo.re = [], ype = Wo.safeRe = [], j = Wo.src = [], V = Wo.t = {}, wpe = 0, K6 = "[a-zA-Z0-9-]", bpe = [ + ["\\s", 1], + ["\\d", mpe], + [K6, hpe] + ], Spe = /* @__PURE__ */ a((e) => { + for (let [t, r] of bpe) + e = e.split(`${t}*`).join(`${t}{0,${r}}`).split(`${t}+`).join(`${t}{1,${r}}`); + return e; + }, "makeSafeRegex"), te = /* @__PURE__ */ a((e, t, r) => { + let n = Spe(t), o = wpe++; + gpe(e, o, t), V[e] = o, j[o] = t, vpe[o] = new RegExp(t, r ? "g" : void 0), ype[o] = new RegExp(n, r ? "g" : void 0); + }, "createToken"); + te("NUMERICIDENTIFIER", "0|[1-9]\\d*"); + te("NUMERICIDENTIFIERLOOSE", "\\d+"); + te("NONNUMERICIDENTIFIER", `\\d*[a-zA-Z-]${K6}*`); + te("MAINVERSION", `(${j[V.NUMERICIDENTIFIER]})\\.(${j[V.NUMERICIDENTIFIER]})\\.(${j[V.NUMERICIDENTIFIER]})`); + te("MAINVERSIONLOOSE", `(${j[V.NUMERICIDENTIFIERLOOSE]})\\.(${j[V.NUMERICIDENTIFIERLOOSE]})\\.(${j[V.NUMERICIDENTIFIERLOOSE]})`); + te("PRERELEASEIDENTIFIER", `(?:${j[V.NUMERICIDENTIFIER]}|${j[V.NONNUMERICIDENTIFIER]})`); + te("PRERELEASEIDENTIFIERLOOSE", `(?:${j[V.NUMERICIDENTIFIERLOOSE]}|${j[V.NONNUMERICIDENTIFIER]})`); + te("PRERELEASE", `(?:-(${j[V.PRERELEASEIDENTIFIER]}(?:\\.${j[V.PRERELEASEIDENTIFIER]})*))`); + te("PRERELEASELOOSE", `(?:-?(${j[V.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${j[V.PRERELEASEIDENTIFIERLOOSE]})*))`); + te("BUILDIDENTIFIER", `${K6}+`); + te("BUILD", `(?:\\+(${j[V.BUILDIDENTIFIER]}(?:\\.${j[V.BUILDIDENTIFIER]})*))`); + te("FULLPLAIN", `v?${j[V.MAINVERSION]}${j[V.PRERELEASE]}?${j[V.BUILD]}?`); + te("FULL", `^${j[V.FULLPLAIN]}$`); + te("LOOSEPLAIN", `[v=\\s]*${j[V.MAINVERSIONLOOSE]}${j[V.PRERELEASELOOSE]}?${j[V.BUILD]}?`); + te("LOOSE", `^${j[V.LOOSEPLAIN]}$`); + te("GTLT", "((?:<|>)?=?)"); + te("XRANGEIDENTIFIERLOOSE", `${j[V.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`); + te("XRANGEIDENTIFIER", `${j[V.NUMERICIDENTIFIER]}|x|X|\\*`); + te("XRANGEPLAIN", `[v=\\s]*(${j[V.XRANGEIDENTIFIER]})(?:\\.(${j[V.XRANGEIDENTIFIER]})(?:\\.(${j[V.XRANGEIDENTIFIER]})(?:${j[V.PRERELEASE]}\ +)?${j[V.BUILD]}?)?)?`); + te("XRANGEPLAINLOOSE", `[v=\\s]*(${j[V.XRANGEIDENTIFIERLOOSE]})(?:\\.(${j[V.XRANGEIDENTIFIERLOOSE]})(?:\\.(${j[V.XRANGEIDENTIFIERLOOSE]})(\ +?:${j[V.PRERELEASELOOSE]})?${j[V.BUILD]}?)?)?`); + te("XRANGE", `^${j[V.GTLT]}\\s*${j[V.XRANGEPLAIN]}$`); + te("XRANGELOOSE", `^${j[V.GTLT]}\\s*${j[V.XRANGEPLAINLOOSE]}$`); + te("COERCEPLAIN", `(^|[^\\d])(\\d{1,${Y6}})(?:\\.(\\d{1,${Y6}}))?(?:\\.(\\d{1,${Y6}}))?`); + te("COERCE", `${j[V.COERCEPLAIN]}(?:$|[^\\d])`); + te("COERCEFULL", j[V.COERCEPLAIN] + `(?:${j[V.PRERELEASE]})?(?:${j[V.BUILD]})?(?:$|[^\\d])`); + te("COERCERTL", j[V.COERCE], !0); + te("COERCERTLFULL", j[V.COERCEFULL], !0); + te("LONETILDE", "(?:~>?)"); + te("TILDETRIM", `(\\s*)${j[V.LONETILDE]}\\s+`, !0); + Wo.tildeTrimReplace = "$1~"; + te("TILDE", `^${j[V.LONETILDE]}${j[V.XRANGEPLAIN]}$`); + te("TILDELOOSE", `^${j[V.LONETILDE]}${j[V.XRANGEPLAINLOOSE]}$`); + te("LONECARET", "(?:\\^)"); + te("CARETTRIM", `(\\s*)${j[V.LONECARET]}\\s+`, !0); + Wo.caretTrimReplace = "$1^"; + te("CARET", `^${j[V.LONECARET]}${j[V.XRANGEPLAIN]}$`); + te("CARETLOOSE", `^${j[V.LONECARET]}${j[V.XRANGEPLAINLOOSE]}$`); + te("COMPARATORLOOSE", `^${j[V.GTLT]}\\s*(${j[V.LOOSEPLAIN]})$|^$`); + te("COMPARATOR", `^${j[V.GTLT]}\\s*(${j[V.FULLPLAIN]})$|^$`); + te("COMPARATORTRIM", `(\\s*)${j[V.GTLT]}\\s*(${j[V.LOOSEPLAIN]}|${j[V.XRANGEPLAIN]})`, !0); + Wo.comparatorTrimReplace = "$1$2$3"; + te("HYPHENRANGE", `^\\s*(${j[V.XRANGEPLAIN]})\\s+-\\s+(${j[V.XRANGEPLAIN]})\\s*$`); + te("HYPHENRANGELOOSE", `^\\s*(${j[V.XRANGEPLAINLOOSE]})\\s+-\\s+(${j[V.XRANGEPLAINLOOSE]})\\s*$`); + te("STAR", "(<|>)?=?\\s*\\*"); + te("GTE0", "^\\s*>=\\s*0\\.0\\.0\\s*$"); + te("GTE0PRE", "^\\s*>=\\s*0\\.0\\.0-0\\s*$"); +}); + +// ../node_modules/semver/internal/parse-options.js +var yg = F((Kke, xL) => { + var Epe = Object.freeze({ loose: !0 }), xpe = Object.freeze({}), Cpe = /* @__PURE__ */ a((e) => e ? typeof e != "object" ? Epe : e : xpe, "\ +parseOptions"); + xL.exports = Cpe; +}); + +// ../node_modules/semver/internal/identifiers.js +var X6 = F((Qke, RL) => { + var CL = /^[0-9]+$/, DL = /* @__PURE__ */ a((e, t) => { + let r = CL.test(e), n = CL.test(t); + return r && n && (e = +e, t = +t), e === t ? 0 : r && !n ? -1 : n && !r ? 1 : e < t ? -1 : 1; + }, "compareIdentifiers"), Dpe = /* @__PURE__ */ a((e, t) => DL(t, e), "rcompareIdentifiers"); + RL.exports = { + compareIdentifiers: DL, + rcompareIdentifiers: Dpe + }; +}); + +// ../node_modules/semver/classes/semver.js +var Mt = F((Zke, kL) => { + var wg = Kf(), { MAX_LENGTH: AL, MAX_SAFE_INTEGER: bg } = Yf(), { safeRe: _L, t: TL } = nc(), Rpe = yg(), { compareIdentifiers: oc } = X6(), + tn = class tn { + constructor(t, r) { + if (r = Rpe(r), t instanceof tn) { + if (t.loose === !!r.loose && t.includePrerelease === !!r.includePrerelease) + return t; + t = t.version; + } else if (typeof t != "string") + throw new TypeError(`Invalid version. Must be a string. Got type "${typeof t}".`); + if (t.length > AL) + throw new TypeError( + `version is longer than ${AL} characters` + ); + wg("SemVer", t, r), this.options = r, this.loose = !!r.loose, this.includePrerelease = !!r.includePrerelease; + let n = t.trim().match(r.loose ? _L[TL.LOOSE] : _L[TL.FULL]); + if (!n) + throw new TypeError(`Invalid Version: ${t}`); + if (this.raw = t, this.major = +n[1], this.minor = +n[2], this.patch = +n[3], this.major > bg || this.major < 0) + throw new TypeError("Invalid major version"); + if (this.minor > bg || this.minor < 0) + throw new TypeError("Invalid minor version"); + if (this.patch > bg || this.patch < 0) + throw new TypeError("Invalid patch version"); + n[4] ? this.prerelease = n[4].split(".").map((o) => { + if (/^[0-9]+$/.test(o)) { + let i = +o; + if (i >= 0 && i < bg) + return i; + } + return o; + }) : this.prerelease = [], this.build = n[5] ? n[5].split(".") : [], this.format(); + } + format() { + return this.version = `${this.major}.${this.minor}.${this.patch}`, this.prerelease.length && (this.version += `-${this.prerelease.join( + ".")}`), this.version; + } + toString() { + return this.version; + } + compare(t) { + if (wg("SemVer.compare", this.version, this.options, t), !(t instanceof tn)) { + if (typeof t == "string" && t === this.version) + return 0; + t = new tn(t, this.options); + } + return t.version === this.version ? 0 : this.compareMain(t) || this.comparePre(t); + } + compareMain(t) { + return t instanceof tn || (t = new tn(t, this.options)), oc(this.major, t.major) || oc(this.minor, t.minor) || oc(this.patch, t.patch); + } + comparePre(t) { + if (t instanceof tn || (t = new tn(t, this.options)), this.prerelease.length && !t.prerelease.length) + return -1; + if (!this.prerelease.length && t.prerelease.length) + return 1; + if (!this.prerelease.length && !t.prerelease.length) + return 0; + let r = 0; + do { + let n = this.prerelease[r], o = t.prerelease[r]; + if (wg("prerelease compare", r, n, o), n === void 0 && o === void 0) + return 0; + if (o === void 0) + return 1; + if (n === void 0) + return -1; + if (n === o) + continue; + return oc(n, o); + } while (++r); + } + compareBuild(t) { + t instanceof tn || (t = new tn(t, this.options)); + let r = 0; + do { + let n = this.build[r], o = t.build[r]; + if (wg("build compare", r, n, o), n === void 0 && o === void 0) + return 0; + if (o === void 0) + return 1; + if (n === void 0) + return -1; + if (n === o) + continue; + return oc(n, o); + } while (++r); + } + // preminor will bump the version up to the next minor release, and immediately + // down to pre-release. premajor and prepatch work the same way. + inc(t, r, n) { + switch (t) { + case "premajor": + this.prerelease.length = 0, this.patch = 0, this.minor = 0, this.major++, this.inc("pre", r, n); + break; + case "preminor": + this.prerelease.length = 0, this.patch = 0, this.minor++, this.inc("pre", r, n); + break; + case "prepatch": + this.prerelease.length = 0, this.inc("patch", r, n), this.inc("pre", r, n); + break; + // If the input is a non-prerelease version, this acts the same as + // prepatch. + case "prerelease": + this.prerelease.length === 0 && this.inc("patch", r, n), this.inc("pre", r, n); + break; + case "major": + (this.minor !== 0 || this.patch !== 0 || this.prerelease.length === 0) && this.major++, this.minor = 0, this.patch = 0, this.prerelease = + []; + break; + case "minor": + (this.patch !== 0 || this.prerelease.length === 0) && this.minor++, this.patch = 0, this.prerelease = []; + break; + case "patch": + this.prerelease.length === 0 && this.patch++, this.prerelease = []; + break; + // This probably shouldn't be used publicly. + // 1.0.0 'pre' would become 1.0.0-0 which is the wrong direction. + case "pre": { + let o = Number(n) ? 1 : 0; + if (!r && n === !1) + throw new Error("invalid increment argument: identifier is empty"); + if (this.prerelease.length === 0) + this.prerelease = [o]; + else { + let i = this.prerelease.length; + for (; --i >= 0; ) + typeof this.prerelease[i] == "number" && (this.prerelease[i]++, i = -2); + if (i === -1) { + if (r === this.prerelease.join(".") && n === !1) + throw new Error("invalid increment argument: identifier already exists"); + this.prerelease.push(o); + } + } + if (r) { + let i = [r, o]; + n === !1 && (i = [r]), oc(this.prerelease[0], r) === 0 ? isNaN(this.prerelease[1]) && (this.prerelease = i) : this.prerelease = i; + } + break; + } + default: + throw new Error(`invalid increment argument: ${t}`); + } + return this.raw = this.format(), this.build.length && (this.raw += `+${this.build.join(".")}`), this; + } + }; + a(tn, "SemVer"); + var Q6 = tn; + kL.exports = Q6; +}); + +// ../node_modules/semver/functions/parse.js +var hs = F((tIe, PL) => { + var IL = Mt(), Ape = /* @__PURE__ */ a((e, t, r = !1) => { + if (e instanceof IL) + return e; + try { + return new IL(e, t); + } catch (n) { + if (!r) + return null; + throw n; + } + }, "parse"); + PL.exports = Ape; +}); + +// ../node_modules/semver/functions/valid.js +var OL = F((nIe, FL) => { + var _pe = hs(), Tpe = /* @__PURE__ */ a((e, t) => { + let r = _pe(e, t); + return r ? r.version : null; + }, "valid"); + FL.exports = Tpe; +}); + +// ../node_modules/semver/functions/clean.js +var NL = F((aIe, LL) => { + var kpe = hs(), Ipe = /* @__PURE__ */ a((e, t) => { + let r = kpe(e.trim().replace(/^[=v]+/, ""), t); + return r ? r.version : null; + }, "clean"); + LL.exports = Ipe; +}); + +// ../node_modules/semver/functions/inc.js +var $L = F((sIe, BL) => { + var ML = Mt(), Ppe = /* @__PURE__ */ a((e, t, r, n, o) => { + typeof r == "string" && (o = n, n = r, r = void 0); + try { + return new ML( + e instanceof ML ? e.version : e, + r + ).inc(t, n, o).version; + } catch { + return null; + } + }, "inc"); + BL.exports = Ppe; +}); + +// ../node_modules/semver/functions/diff.js +var jL = F((uIe, HL) => { + var zL = hs(), Fpe = /* @__PURE__ */ a((e, t) => { + let r = zL(e, null, !0), n = zL(t, null, !0), o = r.compare(n); + if (o === 0) + return null; + let i = o > 0, s = i ? r : n, l = i ? n : r, u = !!s.prerelease.length; + if (!!l.prerelease.length && !u) + return !l.patch && !l.minor ? "major" : s.patch ? "patch" : s.minor ? "minor" : "major"; + let p = u ? "pre" : ""; + return r.major !== n.major ? p + "major" : r.minor !== n.minor ? p + "minor" : r.patch !== n.patch ? p + "patch" : "prerelease"; + }, "diff"); + HL.exports = Fpe; +}); + +// ../node_modules/semver/functions/major.js +var UL = F((pIe, VL) => { + var Ope = Mt(), Lpe = /* @__PURE__ */ a((e, t) => new Ope(e, t).major, "major"); + VL.exports = Lpe; +}); + +// ../node_modules/semver/functions/minor.js +var qL = F((dIe, WL) => { + var Npe = Mt(), Mpe = /* @__PURE__ */ a((e, t) => new Npe(e, t).minor, "minor"); + WL.exports = Mpe; +}); + +// ../node_modules/semver/functions/patch.js +var YL = F((mIe, GL) => { + var Bpe = Mt(), $pe = /* @__PURE__ */ a((e, t) => new Bpe(e, t).patch, "patch"); + GL.exports = $pe; +}); + +// ../node_modules/semver/functions/prerelease.js +var XL = F((vIe, KL) => { + var zpe = hs(), Hpe = /* @__PURE__ */ a((e, t) => { + let r = zpe(e, t); + return r && r.prerelease.length ? r.prerelease : null; + }, "prerelease"); + KL.exports = Hpe; +}); + +// ../node_modules/semver/functions/compare.js +var rn = F((wIe, JL) => { + var QL = Mt(), jpe = /* @__PURE__ */ a((e, t, r) => new QL(e, r).compare(new QL(t, r)), "compare"); + JL.exports = jpe; +}); + +// ../node_modules/semver/functions/rcompare.js +var eN = F((SIe, ZL) => { + var Vpe = rn(), Upe = /* @__PURE__ */ a((e, t, r) => Vpe(t, e, r), "rcompare"); + ZL.exports = Upe; +}); + +// ../node_modules/semver/functions/compare-loose.js +var rN = F((xIe, tN) => { + var Wpe = rn(), qpe = /* @__PURE__ */ a((e, t) => Wpe(e, t, !0), "compareLoose"); + tN.exports = qpe; +}); + +// ../node_modules/semver/functions/compare-build.js +var Sg = F((DIe, oN) => { + var nN = Mt(), Gpe = /* @__PURE__ */ a((e, t, r) => { + let n = new nN(e, r), o = new nN(t, r); + return n.compare(o) || n.compareBuild(o); + }, "compareBuild"); + oN.exports = Gpe; +}); + +// ../node_modules/semver/functions/sort.js +var iN = F((AIe, aN) => { + var Ype = Sg(), Kpe = /* @__PURE__ */ a((e, t) => e.sort((r, n) => Ype(r, n, t)), "sort"); + aN.exports = Kpe; +}); + +// ../node_modules/semver/functions/rsort.js +var lN = F((TIe, sN) => { + var Xpe = Sg(), Qpe = /* @__PURE__ */ a((e, t) => e.sort((r, n) => Xpe(n, r, t)), "rsort"); + sN.exports = Qpe; +}); + +// ../node_modules/semver/functions/gt.js +var Xf = F((IIe, uN) => { + var Jpe = rn(), Zpe = /* @__PURE__ */ a((e, t, r) => Jpe(e, t, r) > 0, "gt"); + uN.exports = Zpe; +}); + +// ../node_modules/semver/functions/lt.js +var Eg = F((FIe, cN) => { + var efe = rn(), tfe = /* @__PURE__ */ a((e, t, r) => efe(e, t, r) < 0, "lt"); + cN.exports = tfe; +}); + +// ../node_modules/semver/functions/eq.js +var J6 = F((LIe, pN) => { + var rfe = rn(), nfe = /* @__PURE__ */ a((e, t, r) => rfe(e, t, r) === 0, "eq"); + pN.exports = nfe; +}); + +// ../node_modules/semver/functions/neq.js +var Z6 = F((MIe, fN) => { + var ofe = rn(), afe = /* @__PURE__ */ a((e, t, r) => ofe(e, t, r) !== 0, "neq"); + fN.exports = afe; +}); + +// ../node_modules/semver/functions/gte.js +var xg = F(($Ie, dN) => { + var ife = rn(), sfe = /* @__PURE__ */ a((e, t, r) => ife(e, t, r) >= 0, "gte"); + dN.exports = sfe; +}); + +// ../node_modules/semver/functions/lte.js +var Cg = F((HIe, hN) => { + var lfe = rn(), ufe = /* @__PURE__ */ a((e, t, r) => lfe(e, t, r) <= 0, "lte"); + hN.exports = ufe; +}); + +// ../node_modules/semver/functions/cmp.js +var eb = F((VIe, mN) => { + var cfe = J6(), pfe = Z6(), ffe = Xf(), dfe = xg(), hfe = Eg(), mfe = Cg(), gfe = /* @__PURE__ */ a((e, t, r, n) => { + switch (t) { + case "===": + return typeof e == "object" && (e = e.version), typeof r == "object" && (r = r.version), e === r; + case "!==": + return typeof e == "object" && (e = e.version), typeof r == "object" && (r = r.version), e !== r; + case "": + case "=": + case "==": + return cfe(e, r, n); + case "!=": + return pfe(e, r, n); + case ">": + return ffe(e, r, n); + case ">=": + return dfe(e, r, n); + case "<": + return hfe(e, r, n); + case "<=": + return mfe(e, r, n); + default: + throw new TypeError(`Invalid operator: ${t}`); + } + }, "cmp"); + mN.exports = gfe; +}); + +// ../node_modules/semver/functions/coerce.js +var vN = F((WIe, gN) => { + var vfe = Mt(), yfe = hs(), { safeRe: Dg, t: Rg } = nc(), wfe = /* @__PURE__ */ a((e, t) => { + if (e instanceof vfe) + return e; + if (typeof e == "number" && (e = String(e)), typeof e != "string") + return null; + t = t || {}; + let r = null; + if (!t.rtl) + r = e.match(t.includePrerelease ? Dg[Rg.COERCEFULL] : Dg[Rg.COERCE]); + else { + let u = t.includePrerelease ? Dg[Rg.COERCERTLFULL] : Dg[Rg.COERCERTL], c; + for (; (c = u.exec(e)) && (!r || r.index + r[0].length !== e.length); ) + (!r || c.index + c[0].length !== r.index + r[0].length) && (r = c), u.lastIndex = c.index + c[1].length + c[2].length; + u.lastIndex = -1; + } + if (r === null) + return null; + let n = r[2], o = r[3] || "0", i = r[4] || "0", s = t.includePrerelease && r[5] ? `-${r[5]}` : "", l = t.includePrerelease && r[6] ? `+${r[6]}` : + ""; + return yfe(`${n}.${o}.${i}${s}${l}`, t); + }, "coerce"); + gN.exports = wfe; +}); + +// ../node_modules/semver/internal/lrucache.js +var wN = F((GIe, yN) => { + var rb = class rb { + constructor() { + this.max = 1e3, this.map = /* @__PURE__ */ new Map(); + } + get(t) { + let r = this.map.get(t); + if (r !== void 0) + return this.map.delete(t), this.map.set(t, r), r; + } + delete(t) { + return this.map.delete(t); + } + set(t, r) { + if (!this.delete(t) && r !== void 0) { + if (this.map.size >= this.max) { + let o = this.map.keys().next().value; + this.delete(o); + } + this.map.set(t, r); + } + return this; + } + }; + a(rb, "LRUCache"); + var tb = rb; + yN.exports = tb; +}); + +// ../node_modules/semver/classes/range.js +var nn = F((KIe, xN) => { + var bfe = /\s+/g, ac = class ac { + constructor(t, r) { + if (r = Efe(r), t instanceof ac) + return t.loose === !!r.loose && t.includePrerelease === !!r.includePrerelease ? t : new ac(t.raw, r); + if (t instanceof ob) + return this.raw = t.value, this.set = [[t]], this.formatted = void 0, this; + if (this.options = r, this.loose = !!r.loose, this.includePrerelease = !!r.includePrerelease, this.raw = t.trim().replace(bfe, " "), this. + set = this.raw.split("||").map((n) => this.parseRange(n.trim())).filter((n) => n.length), !this.set.length) + throw new TypeError(`Invalid SemVer Range: ${this.raw}`); + if (this.set.length > 1) { + let n = this.set[0]; + if (this.set = this.set.filter((o) => !SN(o[0])), this.set.length === 0) + this.set = [n]; + else if (this.set.length > 1) { + for (let o of this.set) + if (o.length === 1 && Tfe(o[0])) { + this.set = [o]; + break; + } + } + } + this.formatted = void 0; + } + get range() { + if (this.formatted === void 0) { + this.formatted = ""; + for (let t = 0; t < this.set.length; t++) { + t > 0 && (this.formatted += "||"); + let r = this.set[t]; + for (let n = 0; n < r.length; n++) + n > 0 && (this.formatted += " "), this.formatted += r[n].toString().trim(); + } + } + return this.formatted; + } + format() { + return this.range; + } + toString() { + return this.range; + } + parseRange(t) { + let n = ((this.options.includePrerelease && Afe) | (this.options.loose && _fe)) + ":" + t, o = bN.get(n); + if (o) + return o; + let i = this.options.loose, s = i ? gr[Zt.HYPHENRANGELOOSE] : gr[Zt.HYPHENRANGE]; + t = t.replace(s, $fe(this.options.includePrerelease)), _e("hyphen replace", t), t = t.replace(gr[Zt.COMPARATORTRIM], Cfe), _e("compara\ +tor trim", t), t = t.replace(gr[Zt.TILDETRIM], Dfe), _e("tilde trim", t), t = t.replace(gr[Zt.CARETTRIM], Rfe), _e("caret trim", t); + let l = t.split(" ").map((h) => kfe(h, this.options)).join(" ").split(/\s+/).map((h) => Bfe(h, this.options)); + i && (l = l.filter((h) => (_e("loose invalid filter", h, this.options), !!h.match(gr[Zt.COMPARATORLOOSE])))), _e("range list", l); + let u = /* @__PURE__ */ new Map(), c = l.map((h) => new ob(h, this.options)); + for (let h of c) { + if (SN(h)) + return [h]; + u.set(h.value, h); + } + u.size > 1 && u.has("") && u.delete(""); + let p = [...u.values()]; + return bN.set(n, p), p; + } + intersects(t, r) { + if (!(t instanceof ac)) + throw new TypeError("a Range is required"); + return this.set.some((n) => EN(n, r) && t.set.some((o) => EN(o, r) && n.every((i) => o.every((s) => i.intersects(s, r))))); + } + // if ANY of the sets match ALL of its comparators, then pass + test(t) { + if (!t) + return !1; + if (typeof t == "string") + try { + t = new xfe(t, this.options); + } catch { + return !1; + } + for (let r = 0; r < this.set.length; r++) + if (zfe(this.set[r], t, this.options)) + return !0; + return !1; + } + }; + a(ac, "Range"); + var nb = ac; + xN.exports = nb; + var Sfe = wN(), bN = new Sfe(), Efe = yg(), ob = Qf(), _e = Kf(), xfe = Mt(), { + safeRe: gr, + t: Zt, + comparatorTrimReplace: Cfe, + tildeTrimReplace: Dfe, + caretTrimReplace: Rfe + } = nc(), { FLAG_INCLUDE_PRERELEASE: Afe, FLAG_LOOSE: _fe } = Yf(), SN = /* @__PURE__ */ a((e) => e.value === "<0.0.0-0", "isNullSet"), Tfe = /* @__PURE__ */ a( + (e) => e.value === "", "isAny"), EN = /* @__PURE__ */ a((e, t) => { + let r = !0, n = e.slice(), o = n.pop(); + for (; r && n.length; ) + r = n.every((i) => o.intersects(i, t)), o = n.pop(); + return r; + }, "isSatisfiable"), kfe = /* @__PURE__ */ a((e, t) => (_e("comp", e, t), e = Ffe(e, t), _e("caret", e), e = Ife(e, t), _e("tildes", e), e = + Lfe(e, t), _e("xrange", e), e = Mfe(e, t), _e("stars", e), e), "parseComparator"), er = /* @__PURE__ */ a((e) => !e || e.toLowerCase() === + "x" || e === "*", "isX"), Ife = /* @__PURE__ */ a((e, t) => e.trim().split(/\s+/).map((r) => Pfe(r, t)).join(" "), "replaceTildes"), Pfe = /* @__PURE__ */ a( + (e, t) => { + let r = t.loose ? gr[Zt.TILDELOOSE] : gr[Zt.TILDE]; + return e.replace(r, (n, o, i, s, l) => { + _e("tilde", e, n, o, i, s, l); + let u; + return er(o) ? u = "" : er(i) ? u = `>=${o}.0.0 <${+o + 1}.0.0-0` : er(s) ? u = `>=${o}.${i}.0 <${o}.${+i + 1}.0-0` : l ? (_e("replace\ +Tilde pr", l), u = `>=${o}.${i}.${s}-${l} <${o}.${+i + 1}.0-0`) : u = `>=${o}.${i}.${s} <${o}.${+i + 1}.0-0`, _e("tilde return", u), u; + }); + }, "replaceTilde"), Ffe = /* @__PURE__ */ a((e, t) => e.trim().split(/\s+/).map((r) => Ofe(r, t)).join(" "), "replaceCarets"), Ofe = /* @__PURE__ */ a( + (e, t) => { + _e("caret", e, t); + let r = t.loose ? gr[Zt.CARETLOOSE] : gr[Zt.CARET], n = t.includePrerelease ? "-0" : ""; + return e.replace(r, (o, i, s, l, u) => { + _e("caret", e, o, i, s, l, u); + let c; + return er(i) ? c = "" : er(s) ? c = `>=${i}.0.0${n} <${+i + 1}.0.0-0` : er(l) ? i === "0" ? c = `>=${i}.${s}.0${n} <${i}.${+s + 1}.0-0` : + c = `>=${i}.${s}.0${n} <${+i + 1}.0.0-0` : u ? (_e("replaceCaret pr", u), i === "0" ? s === "0" ? c = `>=${i}.${s}.${l}-${u} <${i}.${s}\ +.${+l + 1}-0` : c = `>=${i}.${s}.${l}-${u} <${i}.${+s + 1}.0-0` : c = `>=${i}.${s}.${l}-${u} <${+i + 1}.0.0-0`) : (_e("no pr"), i === "0" ? s === + "0" ? c = `>=${i}.${s}.${l}${n} <${i}.${s}.${+l + 1}-0` : c = `>=${i}.${s}.${l}${n} <${i}.${+s + 1}.0-0` : c = `>=${i}.${s}.${l} <${+i + + 1}.0.0-0`), _e("caret return", c), c; + }); + }, "replaceCaret"), Lfe = /* @__PURE__ */ a((e, t) => (_e("replaceXRanges", e, t), e.split(/\s+/).map((r) => Nfe(r, t)).join(" ")), "repla\ +ceXRanges"), Nfe = /* @__PURE__ */ a((e, t) => { + e = e.trim(); + let r = t.loose ? gr[Zt.XRANGELOOSE] : gr[Zt.XRANGE]; + return e.replace(r, (n, o, i, s, l, u) => { + _e("xRange", e, n, o, i, s, l, u); + let c = er(i), p = c || er(s), h = p || er(l), m = h; + return o === "=" && m && (o = ""), u = t.includePrerelease ? "-0" : "", c ? o === ">" || o === "<" ? n = "<0.0.0-0" : n = "*" : o && m ? + (p && (s = 0), l = 0, o === ">" ? (o = ">=", p ? (i = +i + 1, s = 0, l = 0) : (s = +s + 1, l = 0)) : o === "<=" && (o = "<", p ? i = +i + + 1 : s = +s + 1), o === "<" && (u = "-0"), n = `${o + i}.${s}.${l}${u}`) : p ? n = `>=${i}.0.0${u} <${+i + 1}.0.0-0` : h && (n = `>=${i}\ +.${s}.0${u} <${i}.${+s + 1}.0-0`), _e("xRange return", n), n; + }); + }, "replaceXRange"), Mfe = /* @__PURE__ */ a((e, t) => (_e("replaceStars", e, t), e.trim().replace(gr[Zt.STAR], "")), "replaceStars"), Bfe = /* @__PURE__ */ a( + (e, t) => (_e("replaceGTE0", e, t), e.trim().replace(gr[t.includePrerelease ? Zt.GTE0PRE : Zt.GTE0], "")), "replaceGTE0"), $fe = /* @__PURE__ */ a( + (e) => (t, r, n, o, i, s, l, u, c, p, h, m) => (er(n) ? r = "" : er(o) ? r = `>=${n}.0.0${e ? "-0" : ""}` : er(i) ? r = `>=${n}.${o}.0${e ? + "-0" : ""}` : s ? r = `>=${r}` : r = `>=${r}${e ? "-0" : ""}`, er(c) ? u = "" : er(p) ? u = `<${+c + 1}.0.0-0` : er(h) ? u = `<${c}.${+p + + 1}.0-0` : m ? u = `<=${c}.${p}.${h}-${m}` : e ? u = `<${c}.${p}.${+h + 1}-0` : u = `<=${u}`, `${r} ${u}`.trim()), "hyphenReplace"), zfe = /* @__PURE__ */ a( + (e, t, r) => { + for (let n = 0; n < e.length; n++) + if (!e[n].test(t)) + return !1; + if (t.prerelease.length && !r.includePrerelease) { + for (let n = 0; n < e.length; n++) + if (_e(e[n].semver), e[n].semver !== ob.ANY && e[n].semver.prerelease.length > 0) { + let o = e[n].semver; + if (o.major === t.major && o.minor === t.minor && o.patch === t.patch) + return !0; + } + return !1; + } + return !0; + }, "testSet"); +}); + +// ../node_modules/semver/classes/comparator.js +var Qf = F((QIe, TN) => { + var Jf = Symbol("SemVer ANY"), Zf = class Zf { + static get ANY() { + return Jf; + } + constructor(t, r) { + if (r = CN(r), t instanceof Zf) { + if (t.loose === !!r.loose) + return t; + t = t.value; + } + t = t.trim().split(/\s+/).join(" "), ib("comparator", t, r), this.options = r, this.loose = !!r.loose, this.parse(t), this.semver === Jf ? + this.value = "" : this.value = this.operator + this.semver.version, ib("comp", this); + } + parse(t) { + let r = this.options.loose ? DN[RN.COMPARATORLOOSE] : DN[RN.COMPARATOR], n = t.match(r); + if (!n) + throw new TypeError(`Invalid comparator: ${t}`); + this.operator = n[1] !== void 0 ? n[1] : "", this.operator === "=" && (this.operator = ""), n[2] ? this.semver = new AN(n[2], this.options. + loose) : this.semver = Jf; + } + toString() { + return this.value; + } + test(t) { + if (ib("Comparator.test", t, this.options.loose), this.semver === Jf || t === Jf) + return !0; + if (typeof t == "string") + try { + t = new AN(t, this.options); + } catch { + return !1; + } + return ab(t, this.operator, this.semver, this.options); + } + intersects(t, r) { + if (!(t instanceof Zf)) + throw new TypeError("a Comparator is required"); + return this.operator === "" ? this.value === "" ? !0 : new _N(t.value, r).test(this.value) : t.operator === "" ? t.value === "" ? !0 : + new _N(this.value, r).test(t.semver) : (r = CN(r), r.includePrerelease && (this.value === "<0.0.0-0" || t.value === "<0.0.0-0") || !r. + includePrerelease && (this.value.startsWith("<0.0.0") || t.value.startsWith("<0.0.0")) ? !1 : !!(this.operator.startsWith(">") && t.operator. + startsWith(">") || this.operator.startsWith("<") && t.operator.startsWith("<") || this.semver.version === t.semver.version && this.operator. + includes("=") && t.operator.includes("=") || ab(this.semver, "<", t.semver, r) && this.operator.startsWith(">") && t.operator.startsWith( + "<") || ab(this.semver, ">", t.semver, r) && this.operator.startsWith("<") && t.operator.startsWith(">"))); + } + }; + a(Zf, "Comparator"); + var sb = Zf; + TN.exports = sb; + var CN = yg(), { safeRe: DN, t: RN } = nc(), ab = eb(), ib = Kf(), AN = Mt(), _N = nn(); +}); + +// ../node_modules/semver/functions/satisfies.js +var ed = F((ZIe, kN) => { + var Hfe = nn(), jfe = /* @__PURE__ */ a((e, t, r) => { + try { + t = new Hfe(t, r); + } catch { + return !1; + } + return t.test(e); + }, "satisfies"); + kN.exports = jfe; +}); + +// ../node_modules/semver/ranges/to-comparators.js +var PN = F((tPe, IN) => { + var Vfe = nn(), Ufe = /* @__PURE__ */ a((e, t) => new Vfe(e, t).set.map((r) => r.map((n) => n.value).join(" ").trim().split(" ")), "toComp\ +arators"); + IN.exports = Ufe; +}); + +// ../node_modules/semver/ranges/max-satisfying.js +var ON = F((nPe, FN) => { + var Wfe = Mt(), qfe = nn(), Gfe = /* @__PURE__ */ a((e, t, r) => { + let n = null, o = null, i = null; + try { + i = new qfe(t, r); + } catch { + return null; + } + return e.forEach((s) => { + i.test(s) && (!n || o.compare(s) === -1) && (n = s, o = new Wfe(n, r)); + }), n; + }, "maxSatisfying"); + FN.exports = Gfe; +}); + +// ../node_modules/semver/ranges/min-satisfying.js +var NN = F((aPe, LN) => { + var Yfe = Mt(), Kfe = nn(), Xfe = /* @__PURE__ */ a((e, t, r) => { + let n = null, o = null, i = null; + try { + i = new Kfe(t, r); + } catch { + return null; + } + return e.forEach((s) => { + i.test(s) && (!n || o.compare(s) === 1) && (n = s, o = new Yfe(n, r)); + }), n; + }, "minSatisfying"); + LN.exports = Xfe; +}); + +// ../node_modules/semver/ranges/min-version.js +var $N = F((sPe, BN) => { + var lb = Mt(), Qfe = nn(), MN = Xf(), Jfe = /* @__PURE__ */ a((e, t) => { + e = new Qfe(e, t); + let r = new lb("0.0.0"); + if (e.test(r) || (r = new lb("0.0.0-0"), e.test(r))) + return r; + r = null; + for (let n = 0; n < e.set.length; ++n) { + let o = e.set[n], i = null; + o.forEach((s) => { + let l = new lb(s.semver.version); + switch (s.operator) { + case ">": + l.prerelease.length === 0 ? l.patch++ : l.prerelease.push(0), l.raw = l.format(); + /* fallthrough */ + case "": + case ">=": + (!i || MN(l, i)) && (i = l); + break; + case "<": + case "<=": + break; + /* istanbul ignore next */ + default: + throw new Error(`Unexpected operation: ${s.operator}`); + } + }), i && (!r || MN(r, i)) && (r = i); + } + return r && e.test(r) ? r : null; + }, "minVersion"); + BN.exports = Jfe; +}); + +// ../node_modules/semver/ranges/valid.js +var HN = F((uPe, zN) => { + var Zfe = nn(), ede = /* @__PURE__ */ a((e, t) => { + try { + return new Zfe(e, t).range || "*"; + } catch { + return null; + } + }, "validRange"); + zN.exports = ede; +}); + +// ../node_modules/semver/ranges/outside.js +var Ag = F((pPe, WN) => { + var tde = Mt(), UN = Qf(), { ANY: rde } = UN, nde = nn(), ode = ed(), jN = Xf(), VN = Eg(), ade = Cg(), ide = xg(), sde = /* @__PURE__ */ a( + (e, t, r, n) => { + e = new tde(e, n), t = new nde(t, n); + let o, i, s, l, u; + switch (r) { + case ">": + o = jN, i = ade, s = VN, l = ">", u = ">="; + break; + case "<": + o = VN, i = ide, s = jN, l = "<", u = "<="; + break; + default: + throw new TypeError('Must provide a hilo val of "<" or ">"'); + } + if (ode(e, t, n)) + return !1; + for (let c = 0; c < t.set.length; ++c) { + let p = t.set[c], h = null, m = null; + if (p.forEach((g) => { + g.semver === rde && (g = new UN(">=0.0.0")), h = h || g, m = m || g, o(g.semver, h.semver, n) ? h = g : s(g.semver, m.semver, n) && (m = + g); + }), h.operator === l || h.operator === u || (!m.operator || m.operator === l) && i(e, m.semver)) + return !1; + if (m.operator === u && s(e, m.semver)) + return !1; + } + return !0; + }, "outside"); + WN.exports = sde; +}); + +// ../node_modules/semver/ranges/gtr.js +var GN = F((dPe, qN) => { + var lde = Ag(), ude = /* @__PURE__ */ a((e, t, r) => lde(e, t, ">", r), "gtr"); + qN.exports = ude; +}); + +// ../node_modules/semver/ranges/ltr.js +var KN = F((mPe, YN) => { + var cde = Ag(), pde = /* @__PURE__ */ a((e, t, r) => cde(e, t, "<", r), "ltr"); + YN.exports = pde; +}); + +// ../node_modules/semver/ranges/intersects.js +var JN = F((vPe, QN) => { + var XN = nn(), fde = /* @__PURE__ */ a((e, t, r) => (e = new XN(e, r), t = new XN(t, r), e.intersects(t, r)), "intersects"); + QN.exports = fde; +}); + +// ../node_modules/semver/ranges/simplify.js +var eM = F((wPe, ZN) => { + var dde = ed(), hde = rn(); + ZN.exports = (e, t, r) => { + let n = [], o = null, i = null, s = e.sort((p, h) => hde(p, h, r)); + for (let p of s) + dde(p, t, r) ? (i = p, o || (o = p)) : (i && n.push([o, i]), i = null, o = null); + o && n.push([o, null]); + let l = []; + for (let [p, h] of n) + p === h ? l.push(p) : !h && p === s[0] ? l.push("*") : h ? p === s[0] ? l.push(`<=${h}`) : l.push(`${p} - ${h}`) : l.push(`>=${p}`); + let u = l.join(" || "), c = typeof t.raw == "string" ? t.raw : String(t); + return u.length < c.length ? u : t; + }; +}); + +// ../node_modules/semver/ranges/subset.js +var iM = F((bPe, aM) => { + var tM = nn(), cb = Qf(), { ANY: ub } = cb, td = ed(), pb = rn(), mde = /* @__PURE__ */ a((e, t, r = {}) => { + if (e === t) + return !0; + e = new tM(e, r), t = new tM(t, r); + let n = !1; + e: for (let o of e.set) { + for (let i of t.set) { + let s = vde(o, i, r); + if (n = n || s !== null, s) + continue e; + } + if (n) + return !1; + } + return !0; + }, "subset"), gde = [new cb(">=0.0.0-0")], rM = [new cb(">=0.0.0")], vde = /* @__PURE__ */ a((e, t, r) => { + if (e === t) + return !0; + if (e.length === 1 && e[0].semver === ub) { + if (t.length === 1 && t[0].semver === ub) + return !0; + r.includePrerelease ? e = gde : e = rM; + } + if (t.length === 1 && t[0].semver === ub) { + if (r.includePrerelease) + return !0; + t = rM; + } + let n = /* @__PURE__ */ new Set(), o, i; + for (let g of e) + g.operator === ">" || g.operator === ">=" ? o = nM(o, g, r) : g.operator === "<" || g.operator === "<=" ? i = oM(i, g, r) : n.add(g.semver); + if (n.size > 1) + return null; + let s; + if (o && i) { + if (s = pb(o.semver, i.semver, r), s > 0) + return null; + if (s === 0 && (o.operator !== ">=" || i.operator !== "<=")) + return null; + } + for (let g of n) { + if (o && !td(g, String(o), r) || i && !td(g, String(i), r)) + return null; + for (let S of t) + if (!td(g, String(S), r)) + return !1; + return !0; + } + let l, u, c, p, h = i && !r.includePrerelease && i.semver.prerelease.length ? i.semver : !1, m = o && !r.includePrerelease && o.semver.prerelease. + length ? o.semver : !1; + h && h.prerelease.length === 1 && i.operator === "<" && h.prerelease[0] === 0 && (h = !1); + for (let g of t) { + if (p = p || g.operator === ">" || g.operator === ">=", c = c || g.operator === "<" || g.operator === "<=", o) { + if (m && g.semver.prerelease && g.semver.prerelease.length && g.semver.major === m.major && g.semver.minor === m.minor && g.semver.patch === + m.patch && (m = !1), g.operator === ">" || g.operator === ">=") { + if (l = nM(o, g, r), l === g && l !== o) + return !1; + } else if (o.operator === ">=" && !td(o.semver, String(g), r)) + return !1; + } + if (i) { + if (h && g.semver.prerelease && g.semver.prerelease.length && g.semver.major === h.major && g.semver.minor === h.minor && g.semver.patch === + h.patch && (h = !1), g.operator === "<" || g.operator === "<=") { + if (u = oM(i, g, r), u === g && u !== i) + return !1; + } else if (i.operator === "<=" && !td(i.semver, String(g), r)) + return !1; + } + if (!g.operator && (i || o) && s !== 0) + return !1; + } + return !(o && c && !i && s !== 0 || i && p && !o && s !== 0 || m || h); + }, "simpleSubset"), nM = /* @__PURE__ */ a((e, t, r) => { + if (!e) + return t; + let n = pb(e.semver, t.semver, r); + return n > 0 ? e : n < 0 || t.operator === ">" && e.operator === ">=" ? t : e; + }, "higherGT"), oM = /* @__PURE__ */ a((e, t, r) => { + if (!e) + return t; + let n = pb(e.semver, t.semver, r); + return n < 0 ? e : n > 0 || t.operator === "<" && e.operator === "<=" ? t : e; + }, "lowerLT"); + aM.exports = mde; +}); + +// ../node_modules/semver/index.js +var cM = F((EPe, uM) => { + var fb = nc(), sM = Yf(), yde = Mt(), lM = X6(), wde = hs(), bde = OL(), Sde = NL(), Ede = $L(), xde = jL(), Cde = UL(), Dde = qL(), Rde = YL(), + Ade = XL(), _de = rn(), Tde = eN(), kde = rN(), Ide = Sg(), Pde = iN(), Fde = lN(), Ode = Xf(), Lde = Eg(), Nde = J6(), Mde = Z6(), Bde = xg(), + $de = Cg(), zde = eb(), Hde = vN(), jde = Qf(), Vde = nn(), Ude = ed(), Wde = PN(), qde = ON(), Gde = NN(), Yde = $N(), Kde = HN(), Xde = Ag(), + Qde = GN(), Jde = KN(), Zde = JN(), e0e = eM(), t0e = iM(); + uM.exports = { + parse: wde, + valid: bde, + clean: Sde, + inc: Ede, + diff: xde, + major: Cde, + minor: Dde, + patch: Rde, + prerelease: Ade, + compare: _de, + rcompare: Tde, + compareLoose: kde, + compareBuild: Ide, + sort: Pde, + rsort: Fde, + gt: Ode, + lt: Lde, + eq: Nde, + neq: Mde, + gte: Bde, + lte: $de, + cmp: zde, + coerce: Hde, + Comparator: jde, + Range: Vde, + satisfies: Ude, + toComparators: Wde, + maxSatisfying: qde, + minSatisfying: Gde, + minVersion: Yde, + validRange: Kde, + outside: Xde, + gtr: Qde, + ltr: Jde, + intersects: Zde, + simplifyRange: e0e, + subset: t0e, + SemVer: yde, + re: fb.re, + src: fb.src, + tokens: fb.t, + SEMVER_SPEC_VERSION: sM.SEMVER_SPEC_VERSION, + RELEASE_TYPES: sM.RELEASE_TYPES, + compareIdentifiers: lM.compareIdentifiers, + rcompareIdentifiers: lM.rcompareIdentifiers + }; +}); + +// ../node_modules/store2/dist/store2.js +var gM = F((_g, Tg) => { + (function(e, t) { + var r = { + version: "2.14.2", + areas: {}, + apis: {}, + nsdelim: ".", + // utilities + inherit: /* @__PURE__ */ a(function(o, i) { + for (var s in o) + i.hasOwnProperty(s) || Object.defineProperty(i, s, Object.getOwnPropertyDescriptor(o, s)); + return i; + }, "inherit"), + stringify: /* @__PURE__ */ a(function(o, i) { + return o === void 0 || typeof o == "function" ? o + "" : JSON.stringify(o, i || r.replace); + }, "stringify"), + parse: /* @__PURE__ */ a(function(o, i) { + try { + return JSON.parse(o, i || r.revive); + } catch { + return o; + } + }, "parse"), + // extension hooks + fn: /* @__PURE__ */ a(function(o, i) { + r.storeAPI[o] = i; + for (var s in r.apis) + r.apis[s][o] = i; + }, "fn"), + get: /* @__PURE__ */ a(function(o, i) { + return o.getItem(i); + }, "get"), + set: /* @__PURE__ */ a(function(o, i, s) { + o.setItem(i, s); + }, "set"), + remove: /* @__PURE__ */ a(function(o, i) { + o.removeItem(i); + }, "remove"), + key: /* @__PURE__ */ a(function(o, i) { + return o.key(i); + }, "key"), + length: /* @__PURE__ */ a(function(o) { + return o.length; + }, "length"), + clear: /* @__PURE__ */ a(function(o) { + o.clear(); + }, "clear"), + // core functions + Store: /* @__PURE__ */ a(function(o, i, s) { + var l = r.inherit(r.storeAPI, function(c, p, h) { + return arguments.length === 0 ? l.getAll() : typeof p == "function" ? l.transact(c, p, h) : p !== void 0 ? l.set(c, p, h) : typeof c == + "string" || typeof c == "number" ? l.get(c) : typeof c == "function" ? l.each(c) : c ? l.setAll(c, p) : l.clear(); + }); + l._id = o; + try { + var u = "__store2_test"; + i.setItem(u, "ok"), l._area = i, i.removeItem(u); + } catch { + l._area = r.storage("fake"); + } + return l._ns = s || "", r.areas[o] || (r.areas[o] = l._area), r.apis[l._ns + l._id] || (r.apis[l._ns + l._id] = l), l; + }, "Store"), + storeAPI: { + // admin functions + area: /* @__PURE__ */ a(function(o, i) { + var s = this[o]; + return (!s || !s.area) && (s = r.Store(o, i, this._ns), this[o] || (this[o] = s)), s; + }, "area"), + namespace: /* @__PURE__ */ a(function(o, i, s) { + if (s = s || this._delim || r.nsdelim, !o) + return this._ns ? this._ns.substring(0, this._ns.length - s.length) : ""; + var l = o, u = this[l]; + if ((!u || !u.namespace) && (u = r.Store(this._id, this._area, this._ns + l + s), u._delim = s, this[l] || (this[l] = u), !i)) + for (var c in r.areas) + u.area(c, r.areas[c]); + return u; + }, "namespace"), + isFake: /* @__PURE__ */ a(function(o) { + return o ? (this._real = this._area, this._area = r.storage("fake")) : o === !1 && (this._area = this._real || this._area), this._area. + name === "fake"; + }, "isFake"), + toString: /* @__PURE__ */ a(function() { + return "store" + (this._ns ? "." + this.namespace() : "") + "[" + this._id + "]"; + }, "toString"), + // storage functions + has: /* @__PURE__ */ a(function(o) { + return this._area.has ? this._area.has(this._in(o)) : this._in(o) in this._area; + }, "has"), + size: /* @__PURE__ */ a(function() { + return this.keys().length; + }, "size"), + each: /* @__PURE__ */ a(function(o, i) { + for (var s = 0, l = r.length(this._area); s < l; s++) { + var u = this._out(r.key(this._area, s)); + if (u !== void 0 && o.call(this, u, this.get(u), i) === !1) + break; + l > r.length(this._area) && (l--, s--); + } + return i || this; + }, "each"), + keys: /* @__PURE__ */ a(function(o) { + return this.each(function(i, s, l) { + l.push(i); + }, o || []); + }, "keys"), + get: /* @__PURE__ */ a(function(o, i) { + var s = r.get(this._area, this._in(o)), l; + return typeof i == "function" && (l = i, i = null), s !== null ? r.parse(s, l) : i ?? s; + }, "get"), + getAll: /* @__PURE__ */ a(function(o) { + return this.each(function(i, s, l) { + l[i] = s; + }, o || {}); + }, "getAll"), + transact: /* @__PURE__ */ a(function(o, i, s) { + var l = this.get(o, s), u = i(l); + return this.set(o, u === void 0 ? l : u), this; + }, "transact"), + set: /* @__PURE__ */ a(function(o, i, s) { + var l = this.get(o), u; + return l != null && s === !1 ? i : (typeof s == "function" && (u = s, s = void 0), r.set(this._area, this._in(o), r.stringify(i, u), + s) || l); + }, "set"), + setAll: /* @__PURE__ */ a(function(o, i) { + var s, l; + for (var u in o) + l = o[u], this.set(u, l, i) !== l && (s = !0); + return s; + }, "setAll"), + add: /* @__PURE__ */ a(function(o, i, s) { + var l = this.get(o); + if (l instanceof Array) + i = l.concat(i); + else if (l !== null) { + var u = typeof l; + if (u === typeof i && u === "object") { + for (var c in i) + l[c] = i[c]; + i = l; + } else + i = l + i; + } + return r.set(this._area, this._in(o), r.stringify(i, s)), i; + }, "add"), + remove: /* @__PURE__ */ a(function(o, i) { + var s = this.get(o, i); + return r.remove(this._area, this._in(o)), s; + }, "remove"), + clear: /* @__PURE__ */ a(function() { + return this._ns ? this.each(function(o) { + r.remove(this._area, this._in(o)); + }, 1) : r.clear(this._area), this; + }, "clear"), + clearAll: /* @__PURE__ */ a(function() { + var o = this._area; + for (var i in r.areas) + r.areas.hasOwnProperty(i) && (this._area = r.areas[i], this.clear()); + return this._area = o, this; + }, "clearAll"), + // internal use functions + _in: /* @__PURE__ */ a(function(o) { + return typeof o != "string" && (o = r.stringify(o)), this._ns ? this._ns + o : o; + }, "_in"), + _out: /* @__PURE__ */ a(function(o) { + return this._ns ? o && o.indexOf(this._ns) === 0 ? o.substring(this._ns.length) : void 0 : ( + // so each() knows to skip it + o + ); + }, "_out") + }, + // end _.storeAPI + storage: /* @__PURE__ */ a(function(o) { + return r.inherit(r.storageAPI, { items: {}, name: o }); + }, "storage"), + storageAPI: { + length: 0, + has: /* @__PURE__ */ a(function(o) { + return this.items.hasOwnProperty(o); + }, "has"), + key: /* @__PURE__ */ a(function(o) { + var i = 0; + for (var s in this.items) + if (this.has(s) && o === i++) + return s; + }, "key"), + setItem: /* @__PURE__ */ a(function(o, i) { + this.has(o) || this.length++, this.items[o] = i; + }, "setItem"), + removeItem: /* @__PURE__ */ a(function(o) { + this.has(o) && (delete this.items[o], this.length--); + }, "removeItem"), + getItem: /* @__PURE__ */ a(function(o) { + return this.has(o) ? this.items[o] : null; + }, "getItem"), + clear: /* @__PURE__ */ a(function() { + for (var o in this.items) + this.removeItem(o); + }, "clear") + } + // end _.storageAPI + }, n = ( + // safely set this up (throws error in IE10/32bit mode for local files) + r.Store("local", function() { + try { + return localStorage; + } catch { + } + }()) + ); + n.local = n, n._ = r, n.area("session", function() { + try { + return sessionStorage; + } catch { + } + }()), n.area("page", r.storage("page")), typeof t == "function" && t.amd !== void 0 ? t("store2", [], function() { + return n; + }) : typeof Tg < "u" && Tg.exports ? Tg.exports = n : (e.store && (r.conflict = e.store), e.store = n); + })(_g, _g && _g.define); +}); + +// ../node_modules/browser-dtector/browser-dtector.umd.min.js +var RM = F((Eb, xb) => { + (function(e, t) { + typeof Eb == "object" && typeof xb < "u" ? xb.exports = t() : typeof define == "function" && define.amd ? define(t) : (e = typeof globalThis < + "u" ? globalThis : e || self).BrowserDetector = t(); + })(Eb, function() { + "use strict"; + function e(s, l) { + for (var u = 0; u < l.length; u++) { + var c = l[u]; + c.enumerable = c.enumerable || !1, c.configurable = !0, "value" in c && (c.writable = !0), Object.defineProperty(s, (p = c.key, h = void 0, + typeof (h = function(m, g) { + if (typeof m != "object" || m === null) return m; + var S = m[Symbol.toPrimitive]; + if (S !== void 0) { + var v = S.call(m, g || "default"); + if (typeof v != "object") return v; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return (g === "string" ? String : Number)(m); + }(p, "string")) == "symbol" ? h : String(h)), c); + } + var p, h; + } + a(e, "e"); + var t = { chrome: "Google Chrome", brave: "Brave", crios: "Google Chrome", edge: "Microsoft Edge", edg: "Microsoft Edge", edgios: "Micro\ +soft Edge", fennec: "Mozilla Firefox", jsdom: "JsDOM", mozilla: "Mozilla Firefox", fxios: "Mozilla Firefox", msie: "Microsoft Internet Explo\ +rer", opera: "Opera", opios: "Opera", opr: "Opera", opt: "Opera", rv: "Microsoft Internet Explorer", safari: "Safari", samsungbrowser: "Sams\ +ung Browser", electron: "Electron" }, r = { android: "Android", androidTablet: "Android Tablet", cros: "Chrome OS", fennec: "Android Tablet", + ipad: "IPad", iphone: "IPhone", jsdom: "JsDOM", linux: "Linux", mac: "Macintosh", tablet: "Android Tablet", win: "Windows", "windows pho\ +ne": "Windows Phone", xbox: "Microsoft Xbox" }, n = /* @__PURE__ */ a(function(s) { + var l = new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : -1, "})?")), u = Number( + s).toString().match(l); + return u ? u[0] : null; + }, "n"), o = /* @__PURE__ */ a(function() { + return typeof window < "u" ? window.navigator : null; + }, "i"), i = function() { + function s(p) { + var h; + (function(m, g) { + if (!(m instanceof g)) throw new TypeError("Cannot call a class as a function"); + })(this, s), this.userAgent = p || ((h = o()) === null || h === void 0 ? void 0 : h.userAgent) || null; + } + a(s, "t"); + var l, u, c; + return l = s, u = [{ key: "parseUserAgent", value: /* @__PURE__ */ a(function(p) { + var h, m, g, S = {}, v = p || this.userAgent || "", b = v.toLowerCase().replace(/\s\s+/g, " "), w = /(edge)\/([\w.]+)/.exec(b) || /(edg)[/]([\w.]+)/. + exec(b) || /(opr)[/]([\w.]+)/.exec(b) || /(opt)[/]([\w.]+)/.exec(b) || /(fxios)[/]([\w.]+)/.exec(b) || /(edgios)[/]([\w.]+)/.exec(b) || + /(jsdom)[/]([\w.]+)/.exec(b) || /(samsungbrowser)[/]([\w.]+)/.exec(b) || /(electron)[/]([\w.]+)/.exec(b) || /(chrome)[/]([\w.]+)/.exec( + b) || /(crios)[/]([\w.]+)/.exec(b) || /(opios)[/]([\w.]+)/.exec(b) || /(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec( + b) || /(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(b) || /(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec( + b) || /(webkit)[/]([\w.]+)/.exec(b) || /(opera)(?:.*version|)[/]([\w.]+)/.exec(b) || /(msie) ([\w.]+)/.exec(b) || /(fennec)[/]([\w.]+)/. + exec(b) || b.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec(b) || b.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/. + exec(b) || [], y = /(ipad)/.exec(b) || /(ipod)/.exec(b) || /(iphone)/.exec(b) || /(jsdom)/.exec(b) || /(windows phone)/.exec(b) || /(xbox)/. + exec(b) || /(win)/.exec(b) || /(tablet)/.exec(b) || /(android)/.test(b) && /(mobile)/.test(b) === !1 && ["androidTablet"] || /(android)/. + exec(b) || /(mac)/.exec(b) || /(linux)/.exec(b) || /(cros)/.exec(b) || [], E = w[5] || w[3] || w[1] || null, x = y[0] || null, C = w[4] || + w[2] || null, D = o(); + E === "chrome" && typeof (D == null || (h = D.brave) === null || h === void 0 ? void 0 : h.isBrave) == "function" && (E = "brave"), E && + (S[E] = !0), x && (S[x] = !0); + var R = !!(S.tablet || S.android || S.androidTablet), A = !!(S.ipad || S.tablet || S.androidTablet), _ = !!(S.android || S.androidTablet || + S.tablet || S.ipad || S.ipod || S.iphone || S["windows phone"]), P = !!(S.cros || S.mac || S.linux || S.win), B = !!(S.brave || S.chrome || + S.crios || S.opr || S.safari || S.edg || S.electron), z = !!(S.msie || S.rv); + return { name: (m = t[E]) !== null && m !== void 0 ? m : null, platform: (g = r[x]) !== null && g !== void 0 ? g : null, userAgent: v, + version: C, shortVersion: C ? n(parseFloat(C), 2) : null, isAndroid: R, isTablet: A, isMobile: _, isDesktop: P, isWebkit: B, isIE: z }; + }, "value") }, { key: "getBrowserInfo", value: /* @__PURE__ */ a(function() { + var p = this.parseUserAgent(); + return { name: p.name, platform: p.platform, userAgent: p.userAgent, version: p.version, shortVersion: p.shortVersion }; + }, "value") }], c = [{ key: "VERSION", get: /* @__PURE__ */ a(function() { + return "3.4.0"; + }, "get") }], u && e(l.prototype, u), c && e(l, c), Object.defineProperty(l, "prototype", { writable: !1 }), s; + }(); + return i; + }); +}); + +// src/manager/globals-runtime.ts +We(); + +// src/core-events/index.ts +var Yo = {}; +he(Yo, { + ARGTYPES_INFO_REQUEST: () => iB, + ARGTYPES_INFO_RESPONSE: () => sB, + CHANNEL_CREATED: () => jM, + CHANNEL_WS_DISCONNECT: () => Lg, + CONFIG_ERROR: () => Ng, + CREATE_NEW_STORYFILE_REQUEST: () => VM, + CREATE_NEW_STORYFILE_RESPONSE: () => UM, + CURRENT_STORY_WAS_SET: () => Mg, + DOCS_PREPARED: () => Bg, + DOCS_RENDERED: () => WM, + FILE_COMPONENT_SEARCH_REQUEST: () => qM, + FILE_COMPONENT_SEARCH_RESPONSE: () => GM, + FORCE_REMOUNT: () => $g, + FORCE_RE_RENDER: () => YM, + GLOBALS_UPDATED: () => cc, + NAVIGATE_URL: () => zg, + PLAY_FUNCTION_THREW_EXCEPTION: () => KM, + PRELOAD_ENTRIES: () => Hg, + PREVIEW_BUILDER_PROGRESS: () => QM, + PREVIEW_KEYDOWN: () => jg, + REGISTER_SUBSCRIPTION: () => JM, + REQUEST_WHATS_NEW_DATA: () => n2, + RESET_STORY_ARGS: () => Vg, + RESULT_WHATS_NEW_DATA: () => o2, + SAVE_STORY_REQUEST: () => oB, + SAVE_STORY_RESPONSE: () => aB, + SELECT_STORY: () => Ug, + SET_CONFIG: () => Go, + SET_CURRENT_STORY: () => pc, + SET_FILTER: () => Wg, + SET_GLOBALS: () => qg, + SET_INDEX: () => Gg, + SET_STORIES: () => fc, + SET_WHATS_NEW_CACHE: () => a2, + SHARED_STATE_CHANGED: () => pd, + SHARED_STATE_SET: () => Za, + STORIES_COLLAPSE_ALL: () => Yg, + STORIES_EXPAND_ALL: () => Kg, + STORY_ARGS_UPDATED: () => dc, + STORY_CHANGED: () => hc, + STORY_ERRORED: () => ZM, + STORY_INDEX_INVALIDATED: () => Xg, + STORY_MISSING: () => Qg, + STORY_PREPARED: () => Jg, + STORY_RENDERED: () => tB, + STORY_RENDER_PHASE_CHANGED: () => eB, + STORY_SPECIFIED: () => Zg, + STORY_THREW_EXCEPTION: () => rB, + STORY_UNCHANGED: () => nB, + TELEMETRY_ERROR: () => s2, + TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: () => fB, + TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: () => dB, + TESTING_MODULE_CRASH_REPORT: () => lB, + TESTING_MODULE_PROGRESS_REPORT: () => uB, + TESTING_MODULE_RUN_ALL_REQUEST: () => pB, + TESTING_MODULE_RUN_REQUEST: () => cB, + TESTING_MODULE_WATCH_MODE_REQUEST: () => hB, + TOGGLE_WHATS_NEW_NOTIFICATIONS: () => i2, + UNHANDLED_ERRORS_WHILE_PLAYING: () => XM, + UPDATE_GLOBALS: () => e2, + UPDATE_QUERY_PARAMS: () => t2, + UPDATE_STORY_ARGS: () => r2, + default: () => HM +}); +var Og = /* @__PURE__ */ ((q) => (q.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", q.CHANNEL_CREATED = "channelCreated", q.CONFIG_ERROR = "c\ +onfigError", q.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", q.STORY_SPECIFIED = "storySpecified", q.SET_CONFIG = "setConfig", q.SET_STORIES = +"setStories", q.SET_INDEX = "setIndex", q.SET_CURRENT_STORY = "setCurrentStory", q.CURRENT_STORY_WAS_SET = "currentStoryWasSet", q.FORCE_RE_RENDER = +"forceReRender", q.FORCE_REMOUNT = "forceRemount", q.PRELOAD_ENTRIES = "preloadStories", q.STORY_PREPARED = "storyPrepared", q.DOCS_PREPARED = +"docsPrepared", q.STORY_CHANGED = "storyChanged", q.STORY_UNCHANGED = "storyUnchanged", q.STORY_RENDERED = "storyRendered", q.STORY_MISSING = +"storyMissing", q.STORY_ERRORED = "storyErrored", q.STORY_THREW_EXCEPTION = "storyThrewException", q.STORY_RENDER_PHASE_CHANGED = "storyRend\ +erPhaseChanged", q.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", q.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePla\ +ying", q.UPDATE_STORY_ARGS = "updateStoryArgs", q.STORY_ARGS_UPDATED = "storyArgsUpdated", q.RESET_STORY_ARGS = "resetStoryArgs", q.SET_FILTER = +"setFilter", q.SET_GLOBALS = "setGlobals", q.UPDATE_GLOBALS = "updateGlobals", q.GLOBALS_UPDATED = "globalsUpdated", q.REGISTER_SUBSCRIPTION = +"registerSubscription", q.PREVIEW_KEYDOWN = "previewKeydown", q.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", q.SELECT_STORY = "sel\ +ectStory", q.STORIES_COLLAPSE_ALL = "storiesCollapseAll", q.STORIES_EXPAND_ALL = "storiesExpandAll", q.DOCS_RENDERED = "docsRendered", q.SHARED_STATE_CHANGED = +"sharedStateChanged", q.SHARED_STATE_SET = "sharedStateSet", q.NAVIGATE_URL = "navigateUrl", q.UPDATE_QUERY_PARAMS = "updateQueryParams", q. +REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", q.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", q.SET_WHATS_NEW_CACHE = "setWhatsNewCache", q. +TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", q.TELEMETRY_ERROR = "telemetryError", q.FILE_COMPONENT_SEARCH_REQUEST = "fil\ +eComponentSearchRequest", q.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", q.SAVE_STORY_REQUEST = "saveStoryRequest", q.SAVE_STORY_RESPONSE = +"saveStoryResponse", q.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", q.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", q.CREATE_NEW_STORYFILE_REQUEST = +"createNewStoryfileRequest", q.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", q.TESTING_MODULE_CRASH_REPORT = "testingModuleC\ +rashReport", q.TESTING_MODULE_PROGRESS_REPORT = "testingModuleProgressReport", q.TESTING_MODULE_RUN_REQUEST = "testingModuleRunRequest", q.TESTING_MODULE_RUN_ALL_REQUEST = +"testingModuleRunAllRequest", q.TESTING_MODULE_CANCEL_TEST_RUN_REQUEST = "testingModuleCancelTestRunRequest", q.TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE = +"testingModuleCancelTestRunResponse", q.TESTING_MODULE_WATCH_MODE_REQUEST = "testingModuleWatchModeRequest", q))(Og || {}), HM = Og, { + CHANNEL_WS_DISCONNECT: Lg, + CHANNEL_CREATED: jM, + CONFIG_ERROR: Ng, + CREATE_NEW_STORYFILE_REQUEST: VM, + CREATE_NEW_STORYFILE_RESPONSE: UM, + CURRENT_STORY_WAS_SET: Mg, + DOCS_PREPARED: Bg, + DOCS_RENDERED: WM, + FILE_COMPONENT_SEARCH_REQUEST: qM, + FILE_COMPONENT_SEARCH_RESPONSE: GM, + FORCE_RE_RENDER: YM, + FORCE_REMOUNT: $g, + GLOBALS_UPDATED: cc, + NAVIGATE_URL: zg, + PLAY_FUNCTION_THREW_EXCEPTION: KM, + UNHANDLED_ERRORS_WHILE_PLAYING: XM, + PRELOAD_ENTRIES: Hg, + PREVIEW_BUILDER_PROGRESS: QM, + PREVIEW_KEYDOWN: jg, + REGISTER_SUBSCRIPTION: JM, + RESET_STORY_ARGS: Vg, + SELECT_STORY: Ug, + SET_CONFIG: Go, + SET_CURRENT_STORY: pc, + SET_FILTER: Wg, + SET_GLOBALS: qg, + SET_INDEX: Gg, + SET_STORIES: fc, + SHARED_STATE_CHANGED: pd, + SHARED_STATE_SET: Za, + STORIES_COLLAPSE_ALL: Yg, + STORIES_EXPAND_ALL: Kg, + STORY_ARGS_UPDATED: dc, + STORY_CHANGED: hc, + STORY_ERRORED: ZM, + STORY_INDEX_INVALIDATED: Xg, + STORY_MISSING: Qg, + STORY_PREPARED: Jg, + STORY_RENDER_PHASE_CHANGED: eB, + STORY_RENDERED: tB, + STORY_SPECIFIED: Zg, + STORY_THREW_EXCEPTION: rB, + STORY_UNCHANGED: nB, + UPDATE_GLOBALS: e2, + UPDATE_QUERY_PARAMS: t2, + UPDATE_STORY_ARGS: r2, + REQUEST_WHATS_NEW_DATA: n2, + RESULT_WHATS_NEW_DATA: o2, + SET_WHATS_NEW_CACHE: a2, + TOGGLE_WHATS_NEW_NOTIFICATIONS: i2, + TELEMETRY_ERROR: s2, + SAVE_STORY_REQUEST: oB, + SAVE_STORY_RESPONSE: aB, + ARGTYPES_INFO_REQUEST: iB, + ARGTYPES_INFO_RESPONSE: sB, + TESTING_MODULE_CRASH_REPORT: lB, + TESTING_MODULE_PROGRESS_REPORT: uB, + TESTING_MODULE_RUN_REQUEST: cB, + TESTING_MODULE_RUN_ALL_REQUEST: pB, + TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: fB, + TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: dB, + TESTING_MODULE_WATCH_MODE_REQUEST: hB +} = Og; + +// src/manager/globals/globals.ts +var l2 = { + react: "__REACT__", + "react-dom": "__REACT_DOM__", + "react-dom/client": "__REACT_DOM_CLIENT__", + "@storybook/icons": "__STORYBOOK_ICONS__", + "storybook/internal/manager-api": "__STORYBOOK_API__", + "@storybook/manager-api": "__STORYBOOK_API__", + "@storybook/core/manager-api": "__STORYBOOK_API__", + "storybook/internal/components": "__STORYBOOK_COMPONENTS__", + "@storybook/components": "__STORYBOOK_COMPONENTS__", + "@storybook/core/components": "__STORYBOOK_COMPONENTS__", + "storybook/internal/channels": "__STORYBOOK_CHANNELS__", + "@storybook/channels": "__STORYBOOK_CHANNELS__", + "@storybook/core/channels": "__STORYBOOK_CHANNELS__", + "storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core-events": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core/core-events": "__STORYBOOK_CORE_EVENTS__", + "storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core-events/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "storybook/internal/router": "__STORYBOOK_ROUTER__", + "@storybook/router": "__STORYBOOK_ROUTER__", + "@storybook/core/router": "__STORYBOOK_ROUTER__", + "storybook/internal/theming": "__STORYBOOK_THEMING__", + "@storybook/theming": "__STORYBOOK_THEMING__", + "@storybook/core/theming": "__STORYBOOK_THEMING__", + "storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/core/theming/create": "__STORYBOOK_THEMING_CREATE__", + "storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/core/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "storybook/internal/types": "__STORYBOOK_TYPES__", + "@storybook/types": "__STORYBOOK_TYPES__", + "@storybook/core/types": "__STORYBOOK_TYPES__" +}, Fb = Object.keys(l2); + +// src/manager/globals/runtime.ts +var E0e = I(O(), 1), x0e = I(zn(), 1), C0e = I(dx(), 1); + +// src/channels/index.ts +var fp = {}; +he(fp, { + Channel: () => ga, + PostMessageTransport: () => Js, + WebsocketTransport: () => Zs, + createBrowserChannel: () => AV, + default: () => RV +}); +We(); + +// src/channels/main.ts +var Iz = /* @__PURE__ */ a((e) => e.transports !== void 0, "isMulti"), Pz = /* @__PURE__ */ a(() => Math.random().toString(16).slice(2), "ge\ +nerateRandomId"), _v = class _v { + constructor(t = {}) { + this.sender = Pz(); + this.events = {}; + this.data = {}; + this.transports = []; + this.isAsync = t.async || !1, Iz(t) ? (this.transports = t.transports || [], this.transports.forEach((r) => { + r.setHandler((n) => this.handleEvent(n)); + })) : this.transports = t.transport ? [t.transport] : [], this.transports.forEach((r) => { + r.setHandler((n) => this.handleEvent(n)); + }); + } + get hasTransport() { + return this.transports.length > 0; + } + addListener(t, r) { + this.events[t] = this.events[t] || [], this.events[t].push(r); + } + emit(t, ...r) { + let n = { type: t, args: r, from: this.sender }, o = {}; + r.length >= 1 && r[0] && r[0].options && (o = r[0].options); + let i = /* @__PURE__ */ a(() => { + this.transports.forEach((s) => { + s.send(n, o); + }), this.handleEvent(n); + }, "handler"); + this.isAsync ? setImmediate(i) : i(); + } + last(t) { + return this.data[t]; + } + eventNames() { + return Object.keys(this.events); + } + listenerCount(t) { + let r = this.listeners(t); + return r ? r.length : 0; + } + listeners(t) { + return this.events[t] || void 0; + } + once(t, r) { + let n = this.onceListener(t, r); + this.addListener(t, n); + } + removeAllListeners(t) { + t ? this.events[t] && delete this.events[t] : this.events = {}; + } + removeListener(t, r) { + let n = this.listeners(t); + n && (this.events[t] = n.filter((o) => o !== r)); + } + on(t, r) { + this.addListener(t, r); + } + off(t, r) { + this.removeListener(t, r); + } + handleEvent(t) { + let r = this.listeners(t.type); + r && r.length && r.forEach((n) => { + n.apply(t, t.args); + }), this.data[t.type] = t.args; + } + onceListener(t, r) { + let n = /* @__PURE__ */ a((...o) => (this.removeListener(t, n), r(...o)), "onceListener"); + return n; + } +}; +a(_v, "Channel"); +var ga = _v; + +// src/channels/postmessage/index.ts +We(); +Ft(); + +// ../node_modules/telejson/dist/chunk-465TF3XA.mjs +var Lz = Object.create, hx = Object.defineProperty, Nz = Object.getOwnPropertyDescriptor, mx = Object.getOwnPropertyNames, Mz = Object.getPrototypeOf, +Bz = Object.prototype.hasOwnProperty, xr = /* @__PURE__ */ a((e, t) => /* @__PURE__ */ a(function() { + return t || (0, e[mx(e)[0]])((t = { exports: {} }).exports, t), t.exports; +}, "__require"), "__commonJS"), $z = /* @__PURE__ */ a((e, t, r, n) => { + if (t && typeof t == "object" || typeof t == "function") + for (let o of mx(t)) + !Bz.call(e, o) && o !== r && hx(e, o, { get: /* @__PURE__ */ a(() => t[o], "get"), enumerable: !(n = Nz(t, o)) || n.enumerable }); + return e; +}, "__copyProps"), O0 = /* @__PURE__ */ a((e, t, r) => (r = e != null ? Lz(Mz(e)) : {}, $z( + t || !e || !e.__esModule ? hx(r, "default", { value: e, enumerable: !0 }) : r, + e +)), "__toESM"), zz = [ + "bubbles", + "cancelBubble", + "cancelable", + "composed", + "currentTarget", + "defaultPrevented", + "eventPhase", + "isTrusted", + "returnValue", + "srcElement", + "target", + "timeStamp", + "type" +], Hz = ["detail"]; +function gx(e) { + let t = zz.filter((r) => e[r] !== void 0).reduce((r, n) => ({ ...r, [n]: e[n] }), {}); + return e instanceof CustomEvent && Hz.filter((r) => e[r] !== void 0).forEach((r) => { + t[r] = e[r]; + }), t; +} +a(gx, "extractEventHiddenProperties"); + +// ../node_modules/telejson/dist/index.mjs +var Px = I(Hn(), 1); +var xx = xr({ + "node_modules/has-symbols/shams.js"(e, t) { + "use strict"; + t.exports = /* @__PURE__ */ a(function() { + if (typeof Symbol != "function" || typeof Object.getOwnPropertySymbols != "function") + return !1; + if (typeof Symbol.iterator == "symbol") + return !0; + var n = {}, o = Symbol("test"), i = Object(o); + if (typeof o == "string" || Object.prototype.toString.call(o) !== "[object Symbol]" || Object.prototype.toString.call(i) !== "[object \ +Symbol]") + return !1; + var s = 42; + n[o] = s; + for (o in n) + return !1; + if (typeof Object.keys == "function" && Object.keys(n).length !== 0 || typeof Object.getOwnPropertyNames == "function" && Object.getOwnPropertyNames( + n).length !== 0) + return !1; + var l = Object.getOwnPropertySymbols(n); + if (l.length !== 1 || l[0] !== o || !Object.prototype.propertyIsEnumerable.call(n, o)) + return !1; + if (typeof Object.getOwnPropertyDescriptor == "function") { + var u = Object.getOwnPropertyDescriptor(n, o); + if (u.value !== s || u.enumerable !== !0) + return !1; + } + return !0; + }, "hasSymbols"); + } +}), Cx = xr({ + "node_modules/has-symbols/index.js"(e, t) { + "use strict"; + var r = typeof Symbol < "u" && Symbol, n = xx(); + t.exports = /* @__PURE__ */ a(function() { + return typeof r != "function" || typeof Symbol != "function" || typeof r("foo") != "symbol" || typeof Symbol("bar") != "symbol" ? !1 : + n(); + }, "hasNativeSymbols"); + } +}), jz = xr({ + "node_modules/function-bind/implementation.js"(e, t) { + "use strict"; + var r = "Function.prototype.bind called on incompatible ", n = Array.prototype.slice, o = Object.prototype.toString, i = "[object Functi\ +on]"; + t.exports = /* @__PURE__ */ a(function(l) { + var u = this; + if (typeof u != "function" || o.call(u) !== i) + throw new TypeError(r + u); + for (var c = n.call(arguments, 1), p, h = /* @__PURE__ */ a(function() { + if (this instanceof p) { + var b = u.apply( + this, + c.concat(n.call(arguments)) + ); + return Object(b) === b ? b : this; + } else + return u.apply( + l, + c.concat(n.call(arguments)) + ); + }, "binder"), m = Math.max(0, u.length - c.length), g = [], S = 0; S < m; S++) + g.push("$" + S); + if (p = Function("binder", "return function (" + g.join(",") + "){ return binder.apply(this,arguments); }")(h), u.prototype) { + var v = /* @__PURE__ */ a(function() { + }, "Empty2"); + v.prototype = u.prototype, p.prototype = new v(), v.prototype = null; + } + return p; + }, "bind"); + } +}), Pv = xr({ + "node_modules/function-bind/index.js"(e, t) { + "use strict"; + var r = jz(); + t.exports = Function.prototype.bind || r; + } +}), Vz = xr({ + "node_modules/has/src/index.js"(e, t) { + "use strict"; + var r = Pv(); + t.exports = r.call(Function.call, Object.prototype.hasOwnProperty); + } +}), Dx = xr({ + "node_modules/get-intrinsic/index.js"(e, t) { + "use strict"; + var r, n = SyntaxError, o = Function, i = TypeError, s = /* @__PURE__ */ a(function(z) { + try { + return o('"use strict"; return (' + z + ").constructor;")(); + } catch { + } + }, "getEvalledConstructor"), l = Object.getOwnPropertyDescriptor; + if (l) + try { + l({}, ""); + } catch { + l = null; + } + var u = /* @__PURE__ */ a(function() { + throw new i(); + }, "throwTypeError"), c = l ? function() { + try { + return arguments.callee, u; + } catch { + try { + return l(arguments, "callee").get; + } catch { + return u; + } + } + }() : u, p = Cx()(), h = Object.getPrototypeOf || function(z) { + return z.__proto__; + }, m = {}, g = typeof Uint8Array > "u" ? r : h(Uint8Array), S = { + "%AggregateError%": typeof AggregateError > "u" ? r : AggregateError, + "%Array%": Array, + "%ArrayBuffer%": typeof ArrayBuffer > "u" ? r : ArrayBuffer, + "%ArrayIteratorPrototype%": p ? h([][Symbol.iterator]()) : r, + "%AsyncFromSyncIteratorPrototype%": r, + "%AsyncFunction%": m, + "%AsyncGenerator%": m, + "%AsyncGeneratorFunction%": m, + "%AsyncIteratorPrototype%": m, + "%Atomics%": typeof Atomics > "u" ? r : Atomics, + "%BigInt%": typeof BigInt > "u" ? r : BigInt, + "%Boolean%": Boolean, + "%DataView%": typeof DataView > "u" ? r : DataView, + "%Date%": Date, + "%decodeURI%": decodeURI, + "%decodeURIComponent%": decodeURIComponent, + "%encodeURI%": encodeURI, + "%encodeURIComponent%": encodeURIComponent, + "%Error%": Error, + "%eval%": eval, + "%EvalError%": EvalError, + "%Float32Array%": typeof Float32Array > "u" ? r : Float32Array, + "%Float64Array%": typeof Float64Array > "u" ? r : Float64Array, + "%FinalizationRegistry%": typeof FinalizationRegistry > "u" ? r : FinalizationRegistry, + "%Function%": o, + "%GeneratorFunction%": m, + "%Int8Array%": typeof Int8Array > "u" ? r : Int8Array, + "%Int16Array%": typeof Int16Array > "u" ? r : Int16Array, + "%Int32Array%": typeof Int32Array > "u" ? r : Int32Array, + "%isFinite%": isFinite, + "%isNaN%": isNaN, + "%IteratorPrototype%": p ? h(h([][Symbol.iterator]())) : r, + "%JSON%": typeof JSON == "object" ? JSON : r, + "%Map%": typeof Map > "u" ? r : Map, + "%MapIteratorPrototype%": typeof Map > "u" || !p ? r : h((/* @__PURE__ */ new Map())[Symbol.iterator]()), + "%Math%": Math, + "%Number%": Number, + "%Object%": Object, + "%parseFloat%": parseFloat, + "%parseInt%": parseInt, + "%Promise%": typeof Promise > "u" ? r : Promise, + "%Proxy%": typeof Proxy > "u" ? r : Proxy, + "%RangeError%": RangeError, + "%ReferenceError%": ReferenceError, + "%Reflect%": typeof Reflect > "u" ? r : Reflect, + "%RegExp%": RegExp, + "%Set%": typeof Set > "u" ? r : Set, + "%SetIteratorPrototype%": typeof Set > "u" || !p ? r : h((/* @__PURE__ */ new Set())[Symbol.iterator]()), + "%SharedArrayBuffer%": typeof SharedArrayBuffer > "u" ? r : SharedArrayBuffer, + "%String%": String, + "%StringIteratorPrototype%": p ? h(""[Symbol.iterator]()) : r, + "%Symbol%": p ? Symbol : r, + "%SyntaxError%": n, + "%ThrowTypeError%": c, + "%TypedArray%": g, + "%TypeError%": i, + "%Uint8Array%": typeof Uint8Array > "u" ? r : Uint8Array, + "%Uint8ClampedArray%": typeof Uint8ClampedArray > "u" ? r : Uint8ClampedArray, + "%Uint16Array%": typeof Uint16Array > "u" ? r : Uint16Array, + "%Uint32Array%": typeof Uint32Array > "u" ? r : Uint32Array, + "%URIError%": URIError, + "%WeakMap%": typeof WeakMap > "u" ? r : WeakMap, + "%WeakRef%": typeof WeakRef > "u" ? r : WeakRef, + "%WeakSet%": typeof WeakSet > "u" ? r : WeakSet + }, v = /* @__PURE__ */ a(function z($) { + var W; + if ($ === "%AsyncFunction%") + W = s("async function () {}"); + else if ($ === "%GeneratorFunction%") + W = s("function* () {}"); + else if ($ === "%AsyncGeneratorFunction%") + W = s("async function* () {}"); + else if ($ === "%AsyncGenerator%") { + var N = z("%AsyncGeneratorFunction%"); + N && (W = N.prototype); + } else if ($ === "%AsyncIteratorPrototype%") { + var L = z("%AsyncGenerator%"); + L && (W = h(L.prototype)); + } + return S[$] = W, W; + }, "doEval2"), b = { + "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"], + "%ArrayPrototype%": ["Array", "prototype"], + "%ArrayProto_entries%": ["Array", "prototype", "entries"], + "%ArrayProto_forEach%": ["Array", "prototype", "forEach"], + "%ArrayProto_keys%": ["Array", "prototype", "keys"], + "%ArrayProto_values%": ["Array", "prototype", "values"], + "%AsyncFunctionPrototype%": ["AsyncFunction", "prototype"], + "%AsyncGenerator%": ["AsyncGeneratorFunction", "prototype"], + "%AsyncGeneratorPrototype%": ["AsyncGeneratorFunction", "prototype", "prototype"], + "%BooleanPrototype%": ["Boolean", "prototype"], + "%DataViewPrototype%": ["DataView", "prototype"], + "%DatePrototype%": ["Date", "prototype"], + "%ErrorPrototype%": ["Error", "prototype"], + "%EvalErrorPrototype%": ["EvalError", "prototype"], + "%Float32ArrayPrototype%": ["Float32Array", "prototype"], + "%Float64ArrayPrototype%": ["Float64Array", "prototype"], + "%FunctionPrototype%": ["Function", "prototype"], + "%Generator%": ["GeneratorFunction", "prototype"], + "%GeneratorPrototype%": ["GeneratorFunction", "prototype", "prototype"], + "%Int8ArrayPrototype%": ["Int8Array", "prototype"], + "%Int16ArrayPrototype%": ["Int16Array", "prototype"], + "%Int32ArrayPrototype%": ["Int32Array", "prototype"], + "%JSONParse%": ["JSON", "parse"], + "%JSONStringify%": ["JSON", "stringify"], + "%MapPrototype%": ["Map", "prototype"], + "%NumberPrototype%": ["Number", "prototype"], + "%ObjectPrototype%": ["Object", "prototype"], + "%ObjProto_toString%": ["Object", "prototype", "toString"], + "%ObjProto_valueOf%": ["Object", "prototype", "valueOf"], + "%PromisePrototype%": ["Promise", "prototype"], + "%PromiseProto_then%": ["Promise", "prototype", "then"], + "%Promise_all%": ["Promise", "all"], + "%Promise_reject%": ["Promise", "reject"], + "%Promise_resolve%": ["Promise", "resolve"], + "%RangeErrorPrototype%": ["RangeError", "prototype"], + "%ReferenceErrorPrototype%": ["ReferenceError", "prototype"], + "%RegExpPrototype%": ["RegExp", "prototype"], + "%SetPrototype%": ["Set", "prototype"], + "%SharedArrayBufferPrototype%": ["SharedArrayBuffer", "prototype"], + "%StringPrototype%": ["String", "prototype"], + "%SymbolPrototype%": ["Symbol", "prototype"], + "%SyntaxErrorPrototype%": ["SyntaxError", "prototype"], + "%TypedArrayPrototype%": ["TypedArray", "prototype"], + "%TypeErrorPrototype%": ["TypeError", "prototype"], + "%Uint8ArrayPrototype%": ["Uint8Array", "prototype"], + "%Uint8ClampedArrayPrototype%": ["Uint8ClampedArray", "prototype"], + "%Uint16ArrayPrototype%": ["Uint16Array", "prototype"], + "%Uint32ArrayPrototype%": ["Uint32Array", "prototype"], + "%URIErrorPrototype%": ["URIError", "prototype"], + "%WeakMapPrototype%": ["WeakMap", "prototype"], + "%WeakSetPrototype%": ["WeakSet", "prototype"] + }, w = Pv(), y = Vz(), E = w.call(Function.call, Array.prototype.concat), x = w.call(Function.apply, Array.prototype.splice), C = w.call( + Function.call, String.prototype.replace), D = w.call(Function.call, String.prototype.slice), R = w.call(Function.call, RegExp.prototype. + exec), A = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g, _ = /\\(\\)?/g, P = /* @__PURE__ */ a( + function($) { + var W = D($, 0, 1), N = D($, -1); + if (W === "%" && N !== "%") + throw new n("invalid intrinsic syntax, expected closing `%`"); + if (N === "%" && W !== "%") + throw new n("invalid intrinsic syntax, expected opening `%`"); + var L = []; + return C($, A, function(G, re, Q, le) { + L[L.length] = Q ? C(le, _, "$1") : re || G; + }), L; + }, "stringToPath3"), B = /* @__PURE__ */ a(function($, W) { + var N = $, L; + if (y(b, N) && (L = b[N], N = "%" + L[0] + "%"), y(S, N)) { + var G = S[N]; + if (G === m && (G = v(N)), typeof G > "u" && !W) + throw new i("intrinsic " + $ + " exists, but is not available. Please file an issue!"); + return { + alias: L, + name: N, + value: G + }; + } + throw new n("intrinsic " + $ + " does not exist!"); + }, "getBaseIntrinsic2"); + t.exports = /* @__PURE__ */ a(function($, W) { + if (typeof $ != "string" || $.length === 0) + throw new i("intrinsic name must be a non-empty string"); + if (arguments.length > 1 && typeof W != "boolean") + throw new i('"allowMissing" argument must be a boolean'); + if (R(/^%?[^%]*%?$/, $) === null) + throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name"); + var N = P($), L = N.length > 0 ? N[0] : "", G = B("%" + L + "%", W), re = G.name, Q = G.value, le = !1, ee = G.alias; + ee && (L = ee[0], x(N, E([0, 1], ee))); + for (var de = 1, Xe = !0; de < N.length; de += 1) { + var Se = N[de], Fe = D(Se, 0, 1), Ue = D(Se, -1); + if ((Fe === '"' || Fe === "'" || Fe === "`" || Ue === '"' || Ue === "'" || Ue === "`") && Fe !== Ue) + throw new n("property names with quotes must have matching quotes"); + if ((Se === "constructor" || !Xe) && (le = !0), L += "." + Se, re = "%" + L + "%", y(S, re)) + Q = S[re]; + else if (Q != null) { + if (!(Se in Q)) { + if (!W) + throw new i("base intrinsic for " + $ + " exists, but the property is not available."); + return; + } + if (l && de + 1 >= N.length) { + var nt = l(Q, Se); + Xe = !!nt, Xe && "get" in nt && !("originalValue" in nt.get) ? Q = nt.get : Q = Q[Se]; + } else + Xe = y(Q, Se), Q = Q[Se]; + Xe && !le && (S[re] = Q); + } + } + return Q; + }, "GetIntrinsic"); + } +}), Uz = xr({ + "node_modules/call-bind/index.js"(e, t) { + "use strict"; + var r = Pv(), n = Dx(), o = n("%Function.prototype.apply%"), i = n("%Function.prototype.call%"), s = n("%Reflect.apply%", !0) || r.call( + i, o), l = n("%Object.getOwnPropertyDescriptor%", !0), u = n("%Object.defineProperty%", !0), c = n("%Math.max%"); + if (u) + try { + u({}, "a", { value: 1 }); + } catch { + u = null; + } + t.exports = /* @__PURE__ */ a(function(m) { + var g = s(r, i, arguments); + if (l && u) { + var S = l(g, "length"); + S.configurable && u( + g, + "length", + { value: 1 + c(0, m.length - (arguments.length - 1)) } + ); + } + return g; + }, "callBind"); + var p = /* @__PURE__ */ a(function() { + return s(r, o, arguments); + }, "applyBind2"); + u ? u(t.exports, "apply", { value: p }) : t.exports.apply = p; + } +}), Wz = xr({ + "node_modules/call-bind/callBound.js"(e, t) { + "use strict"; + var r = Dx(), n = Uz(), o = n(r("String.prototype.indexOf")); + t.exports = /* @__PURE__ */ a(function(s, l) { + var u = r(s, !!l); + return typeof u == "function" && o(s, ".prototype.") > -1 ? n(u) : u; + }, "callBoundIntrinsic"); + } +}), qz = xr({ + "node_modules/has-tostringtag/shams.js"(e, t) { + "use strict"; + var r = xx(); + t.exports = /* @__PURE__ */ a(function() { + return r() && !!Symbol.toStringTag; + }, "hasToStringTagShams"); + } +}), Gz = xr({ + "node_modules/is-regex/index.js"(e, t) { + "use strict"; + var r = Wz(), n = qz()(), o, i, s, l; + n && (o = r("Object.prototype.hasOwnProperty"), i = r("RegExp.prototype.exec"), s = {}, u = /* @__PURE__ */ a(function() { + throw s; + }, "throwRegexMarker"), l = { + toString: u, + valueOf: u + }, typeof Symbol.toPrimitive == "symbol" && (l[Symbol.toPrimitive] = u)); + var u, c = r("Object.prototype.toString"), p = Object.getOwnPropertyDescriptor, h = "[object RegExp]"; + t.exports = /* @__PURE__ */ a(n ? function(g) { + if (!g || typeof g != "object") + return !1; + var S = p(g, "lastIndex"), v = S && o(S, "value"); + if (!v) + return !1; + try { + i(g, l); + } catch (b) { + return b === s; + } + } : function(g) { + return !g || typeof g != "object" && typeof g != "function" ? !1 : c(g) === h; + }, "isRegex"); + } +}), Yz = xr({ + "node_modules/is-function/index.js"(e, t) { + t.exports = n; + var r = Object.prototype.toString; + function n(o) { + if (!o) + return !1; + var i = r.call(o); + return i === "[object Function]" || typeof o == "function" && i !== "[object RegExp]" || typeof window < "u" && (o === window.setTimeout || + o === window.alert || o === window.confirm || o === window.prompt); + } + a(n, "isFunction3"); + } +}), Kz = xr({ + "node_modules/is-symbol/index.js"(e, t) { + "use strict"; + var r = Object.prototype.toString, n = Cx()(); + n ? (o = Symbol.prototype.toString, i = /^Symbol\(.*\)$/, s = /* @__PURE__ */ a(function(u) { + return typeof u.valueOf() != "symbol" ? !1 : i.test(o.call(u)); + }, "isRealSymbolObject"), t.exports = /* @__PURE__ */ a(function(u) { + if (typeof u == "symbol") + return !0; + if (r.call(u) !== "[object Symbol]") + return !1; + try { + return s(u); + } catch { + return !1; + } + }, "isSymbol3")) : t.exports = /* @__PURE__ */ a(function(u) { + return !1; + }, "isSymbol3"); + var o, i, s; + } +}), Xz = O0(Gz()), Qz = O0(Yz()), Jz = O0(Kz()); +function Zz(e) { + return e != null && typeof e == "object" && Array.isArray(e) === !1; +} +a(Zz, "isObject"); +var eH = typeof global == "object" && global && global.Object === Object && global, tH = eH, rH = typeof self == "object" && self && self.Object === +Object && self, nH = tH || rH || Function("return this")(), Fv = nH, oH = Fv.Symbol, qs = oH, Rx = Object.prototype, aH = Rx.hasOwnProperty, +iH = Rx.toString, lp = qs ? qs.toStringTag : void 0; +function sH(e) { + var t = aH.call(e, lp), r = e[lp]; + try { + e[lp] = void 0; + var n = !0; + } catch { + } + var o = iH.call(e); + return n && (t ? e[lp] = r : delete e[lp]), o; +} +a(sH, "getRawTag"); +var lH = sH, uH = Object.prototype, cH = uH.toString; +function pH(e) { + return cH.call(e); +} +a(pH, "objectToString"); +var fH = pH, dH = "[object Null]", hH = "[object Undefined]", yx = qs ? qs.toStringTag : void 0; +function mH(e) { + return e == null ? e === void 0 ? hH : dH : yx && yx in Object(e) ? lH(e) : fH(e); +} +a(mH, "baseGetTag"); +var Ax = mH; +function gH(e) { + return e != null && typeof e == "object"; +} +a(gH, "isObjectLike"); +var vH = gH, yH = "[object Symbol]"; +function wH(e) { + return typeof e == "symbol" || vH(e) && Ax(e) == yH; +} +a(wH, "isSymbol"); +var Ov = wH; +function bH(e, t) { + for (var r = -1, n = e == null ? 0 : e.length, o = Array(n); ++r < n; ) + o[r] = t(e[r], r, e); + return o; +} +a(bH, "arrayMap"); +var SH = bH, EH = Array.isArray, Lv = EH, xH = 1 / 0, wx = qs ? qs.prototype : void 0, bx = wx ? wx.toString : void 0; +function _x(e) { + if (typeof e == "string") + return e; + if (Lv(e)) + return SH(e, _x) + ""; + if (Ov(e)) + return bx ? bx.call(e) : ""; + var t = e + ""; + return t == "0" && 1 / e == -xH ? "-0" : t; +} +a(_x, "baseToString"); +var CH = _x; +function DH(e) { + var t = typeof e; + return e != null && (t == "object" || t == "function"); +} +a(DH, "isObject2"); +var Tx = DH, RH = "[object AsyncFunction]", AH = "[object Function]", _H = "[object GeneratorFunction]", TH = "[object Proxy]"; +function kH(e) { + if (!Tx(e)) + return !1; + var t = Ax(e); + return t == AH || t == _H || t == RH || t == TH; +} +a(kH, "isFunction"); +var IH = kH, PH = Fv["__core-js_shared__"], Iv = PH, Sx = function() { + var e = /[^.]+$/.exec(Iv && Iv.keys && Iv.keys.IE_PROTO || ""); + return e ? "Symbol(src)_1." + e : ""; +}(); +function FH(e) { + return !!Sx && Sx in e; +} +a(FH, "isMasked"); +var OH = FH, LH = Function.prototype, NH = LH.toString; +function MH(e) { + if (e != null) { + try { + return NH.call(e); + } catch { + } + try { + return e + ""; + } catch { + } + } + return ""; +} +a(MH, "toSource"); +var BH = MH, $H = /[\\^$.*+?()[\]{}|]/g, zH = /^\[object .+?Constructor\]$/, HH = Function.prototype, jH = Object.prototype, VH = HH.toString, +UH = jH.hasOwnProperty, WH = RegExp( + "^" + VH.call(UH).replace($H, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$" +); +function qH(e) { + if (!Tx(e) || OH(e)) + return !1; + var t = IH(e) ? WH : zH; + return t.test(BH(e)); +} +a(qH, "baseIsNative"); +var GH = qH; +function YH(e, t) { + return e?.[t]; +} +a(YH, "getValue"); +var KH = YH; +function XH(e, t) { + var r = KH(e, t); + return GH(r) ? r : void 0; +} +a(XH, "getNative"); +var kx = XH; +function QH(e, t) { + return e === t || e !== e && t !== t; +} +a(QH, "eq"); +var JH = QH, ZH = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, ej = /^\w*$/; +function tj(e, t) { + if (Lv(e)) + return !1; + var r = typeof e; + return r == "number" || r == "symbol" || r == "boolean" || e == null || Ov(e) ? !0 : ej.test(e) || !ZH.test(e) || t != null && e in Object( + t); +} +a(tj, "isKey"); +var rj = tj, nj = kx(Object, "create"), up = nj; +function oj() { + this.__data__ = up ? up(null) : {}, this.size = 0; +} +a(oj, "hashClear"); +var aj = oj; +function ij(e) { + var t = this.has(e) && delete this.__data__[e]; + return this.size -= t ? 1 : 0, t; +} +a(ij, "hashDelete"); +var sj = ij, lj = "__lodash_hash_undefined__", uj = Object.prototype, cj = uj.hasOwnProperty; +function pj(e) { + var t = this.__data__; + if (up) { + var r = t[e]; + return r === lj ? void 0 : r; + } + return cj.call(t, e) ? t[e] : void 0; +} +a(pj, "hashGet"); +var fj = pj, dj = Object.prototype, hj = dj.hasOwnProperty; +function mj(e) { + var t = this.__data__; + return up ? t[e] !== void 0 : hj.call(t, e); +} +a(mj, "hashHas"); +var gj = mj, vj = "__lodash_hash_undefined__"; +function yj(e, t) { + var r = this.__data__; + return this.size += this.has(e) ? 0 : 1, r[e] = up && t === void 0 ? vj : t, this; +} +a(yj, "hashSet"); +var wj = yj; +function Gs(e) { + var t = -1, r = e == null ? 0 : e.length; + for (this.clear(); ++t < r; ) { + var n = e[t]; + this.set(n[0], n[1]); + } +} +a(Gs, "Hash"); +Gs.prototype.clear = aj; +Gs.prototype.delete = sj; +Gs.prototype.get = fj; +Gs.prototype.has = gj; +Gs.prototype.set = wj; +var Ex = Gs; +function bj() { + this.__data__ = [], this.size = 0; +} +a(bj, "listCacheClear"); +var Sj = bj; +function Ej(e, t) { + for (var r = e.length; r--; ) + if (JH(e[r][0], t)) + return r; + return -1; +} +a(Ej, "assocIndexOf"); +var N0 = Ej, xj = Array.prototype, Cj = xj.splice; +function Dj(e) { + var t = this.__data__, r = N0(t, e); + if (r < 0) + return !1; + var n = t.length - 1; + return r == n ? t.pop() : Cj.call(t, r, 1), --this.size, !0; +} +a(Dj, "listCacheDelete"); +var Rj = Dj; +function Aj(e) { + var t = this.__data__, r = N0(t, e); + return r < 0 ? void 0 : t[r][1]; +} +a(Aj, "listCacheGet"); +var _j = Aj; +function Tj(e) { + return N0(this.__data__, e) > -1; +} +a(Tj, "listCacheHas"); +var kj = Tj; +function Ij(e, t) { + var r = this.__data__, n = N0(r, e); + return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this; +} +a(Ij, "listCacheSet"); +var Pj = Ij; +function Ys(e) { + var t = -1, r = e == null ? 0 : e.length; + for (this.clear(); ++t < r; ) { + var n = e[t]; + this.set(n[0], n[1]); + } +} +a(Ys, "ListCache"); +Ys.prototype.clear = Sj; +Ys.prototype.delete = Rj; +Ys.prototype.get = _j; +Ys.prototype.has = kj; +Ys.prototype.set = Pj; +var Fj = Ys, Oj = kx(Fv, "Map"), Lj = Oj; +function Nj() { + this.size = 0, this.__data__ = { + hash: new Ex(), + map: new (Lj || Fj)(), + string: new Ex() + }; +} +a(Nj, "mapCacheClear"); +var Mj = Nj; +function Bj(e) { + var t = typeof e; + return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null; +} +a(Bj, "isKeyable"); +var $j = Bj; +function zj(e, t) { + var r = e.__data__; + return $j(t) ? r[typeof t == "string" ? "string" : "hash"] : r.map; +} +a(zj, "getMapData"); +var M0 = zj; +function Hj(e) { + var t = M0(this, e).delete(e); + return this.size -= t ? 1 : 0, t; +} +a(Hj, "mapCacheDelete"); +var jj = Hj; +function Vj(e) { + return M0(this, e).get(e); +} +a(Vj, "mapCacheGet"); +var Uj = Vj; +function Wj(e) { + return M0(this, e).has(e); +} +a(Wj, "mapCacheHas"); +var qj = Wj; +function Gj(e, t) { + var r = M0(this, e), n = r.size; + return r.set(e, t), this.size += r.size == n ? 0 : 1, this; +} +a(Gj, "mapCacheSet"); +var Yj = Gj; +function Ks(e) { + var t = -1, r = e == null ? 0 : e.length; + for (this.clear(); ++t < r; ) { + var n = e[t]; + this.set(n[0], n[1]); + } +} +a(Ks, "MapCache"); +Ks.prototype.clear = Mj; +Ks.prototype.delete = jj; +Ks.prototype.get = Uj; +Ks.prototype.has = qj; +Ks.prototype.set = Yj; +var Ix = Ks, Kj = "Expected a function"; +function Nv(e, t) { + if (typeof e != "function" || t != null && typeof t != "function") + throw new TypeError(Kj); + var r = /* @__PURE__ */ a(function() { + var n = arguments, o = t ? t.apply(this, n) : n[0], i = r.cache; + if (i.has(o)) + return i.get(o); + var s = e.apply(this, n); + return r.cache = i.set(o, s) || i, s; + }, "memoized"); + return r.cache = new (Nv.Cache || Ix)(), r; +} +a(Nv, "memoize"); +Nv.Cache = Ix; +var Xj = Nv, Qj = 500; +function Jj(e) { + var t = Xj(e, function(n) { + return r.size === Qj && r.clear(), n; + }), r = t.cache; + return t; +} +a(Jj, "memoizeCapped"); +var Zj = Jj, eV = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, tV = /\\(\\)?/g, rV = Zj( +function(e) { + var t = []; + return e.charCodeAt(0) === 46 && t.push(""), e.replace(eV, function(r, n, o, i) { + t.push(o ? i.replace(tV, "$1") : n || r); + }), t; +}), nV = rV; +function oV(e) { + return e == null ? "" : CH(e); +} +a(oV, "toString"); +var aV = oV; +function iV(e, t) { + return Lv(e) ? e : rj(e, t) ? [e] : nV(aV(e)); +} +a(iV, "castPath"); +var sV = iV, lV = 1 / 0; +function uV(e) { + if (typeof e == "string" || Ov(e)) + return e; + var t = e + ""; + return t == "0" && 1 / e == -lV ? "-0" : t; +} +a(uV, "toKey"); +var cV = uV; +function pV(e, t) { + t = sV(t, e); + for (var r = 0, n = t.length; e != null && r < n; ) + e = e[cV(t[r++])]; + return r && r == n ? e : void 0; +} +a(pV, "baseGet"); +var fV = pV; +function dV(e, t, r) { + var n = e == null ? void 0 : fV(e, t); + return n === void 0 ? r : n; +} +a(dV, "get"); +var hV = dV, L0 = Zz, mV = /* @__PURE__ */ a((e) => { + let t = null, r = !1, n = !1, o = !1, i = ""; + if (e.indexOf("//") >= 0 || e.indexOf("/*") >= 0) + for (let s = 0; s < e.length; s += 1) + !t && !r && !n && !o ? e[s] === '"' || e[s] === "'" || e[s] === "`" ? t = e[s] : e[s] === "/" && e[s + 1] === "*" ? r = !0 : e[s] === "\ +/" && e[s + 1] === "/" ? n = !0 : e[s] === "/" && e[s + 1] !== "/" && (o = !0) : (t && (e[s] === t && e[s - 1] !== "\\" || e[s] === ` +` && t !== "`") && (t = null), o && (e[s] === "/" && e[s - 1] !== "\\" || e[s] === ` +`) && (o = !1), r && e[s - 1] === "/" && e[s - 2] === "*" && (r = !1), n && e[s] === ` +` && (n = !1)), !r && !n && (i += e[s]); + else + i = e; + return i; +}, "removeCodeComments"), gV = (0, Px.default)(1e4)( + (e) => mV(e).replace(/\n\s*/g, "").trim() +), vV = /* @__PURE__ */ a(function(t, r) { + let n = r.slice(0, r.indexOf("{")), o = r.slice(r.indexOf("{")); + if (n.includes("=>") || n.includes("function")) + return r; + let i = n; + return i = i.replace(t, "function"), i + o; +}, "convertShorthandMethods2"), yV = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/, cp = /* @__PURE__ */ a((e) => e.match(/^[\[\{\"\}].*[\]\}\"]$/), +"isJSON"); +function Fx(e) { + if (!L0(e)) + return e; + let t = e, r = !1; + return typeof Event < "u" && e instanceof Event && (t = gx(t), r = !0), t = Object.keys(t).reduce((n, o) => { + try { + t[o] && t[o].toJSON, n[o] = t[o]; + } catch { + r = !0; + } + return n; + }, {}), r ? t : e; +} +a(Fx, "convertUnconventionalData"); +var wV = /* @__PURE__ */ a(function(t) { + let r, n, o, i; + return /* @__PURE__ */ a(function(l, u) { + try { + if (l === "") + return i = [], r = /* @__PURE__ */ new Map([[u, "[]"]]), n = /* @__PURE__ */ new Map(), o = [], u; + let c = n.get(this) || this; + for (; o.length && c !== o[0]; ) + o.shift(), i.pop(); + if (typeof u == "boolean") + return u; + if (u === void 0) + return t.allowUndefined ? "_undefined_" : void 0; + if (u === null) + return null; + if (typeof u == "number") + return u === -1 / 0 ? "_-Infinity_" : u === 1 / 0 ? "_Infinity_" : Number.isNaN(u) ? "_NaN_" : u; + if (typeof u == "bigint") + return `_bigint_${u.toString()}`; + if (typeof u == "string") + return yV.test(u) ? t.allowDate ? `_date_${u}` : void 0 : u; + if ((0, Xz.default)(u)) + return t.allowRegExp ? `_regexp_${u.flags}|${u.source}` : void 0; + if ((0, Qz.default)(u)) { + if (!t.allowFunction) + return; + let { name: h } = u, m = u.toString(); + return m.match( + /(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/ + ) ? `_function_${h}|${(() => { + }).toString()}` : `_function_${h}|${gV(vV(l, m))}`; + } + if ((0, Jz.default)(u)) { + if (!t.allowSymbol) + return; + let h = Symbol.keyFor(u); + return h !== void 0 ? `_gsymbol_${h}` : `_symbol_${u.toString().slice(7, -1)}`; + } + if (o.length >= t.maxDepth) + return Array.isArray(u) ? `[Array(${u.length})]` : "[Object]"; + if (u === this) + return `_duplicate_${JSON.stringify(i)}`; + if (u instanceof Error && t.allowError) + return { + __isConvertedError__: !0, + errorProperties: { + ...u.cause ? { cause: u.cause } : {}, + ...u, + name: u.name, + message: u.message, + stack: u.stack, + "_constructor-name_": u.constructor.name + } + }; + if (u.constructor && u.constructor.name && u.constructor.name !== "Object" && !Array.isArray(u) && !t.allowClass) + return; + let p = r.get(u); + if (!p) { + let h = Array.isArray(u) ? u : Fx(u); + if (u.constructor && u.constructor.name && u.constructor.name !== "Object" && !Array.isArray(u) && t.allowClass) + try { + Object.assign(h, { "_constructor-name_": u.constructor.name }); + } catch { + } + return i.push(l), o.unshift(h), r.set(u, JSON.stringify(i)), u !== h && n.set(u, h), h; + } + return `_duplicate_${p}`; + } catch { + return; + } + }, "replace"); +}, "replacer2"), bV = /* @__PURE__ */ a(function reviver(options) { + let refs = [], root; + return /* @__PURE__ */ a(function revive(key, value) { + if (key === "" && (root = value, refs.forEach(({ target: e, container: t, replacement: r }) => { + let n = cp(r) ? JSON.parse(r) : r.split("."); + n.length === 0 ? t[e] = root : t[e] = hV(root, n); + })), key === "_constructor-name_") + return value; + if (L0(value) && value.__isConvertedError__) { + let { message: e, ...t } = value.errorProperties, r = new Error(e); + return Object.assign(r, t), r; + } + if (L0(value) && value["_constructor-name_"] && options.allowFunction) { + let e = value["_constructor-name_"]; + if (e !== "Object") { + let t = new Function(`return function ${e.replace(/[^a-zA-Z0-9$_]+/g, "")}(){}`)(); + Object.setPrototypeOf(value, new t()); + } + return delete value["_constructor-name_"], value; + } + if (typeof value == "string" && value.startsWith("_function_") && options.allowFunction) { + let [, name, source] = value.match(/_function_([^|]*)\|(.*)/) || [], sourceSanitized = source.replace(/[(\(\))|\\| |\]|`]*$/, ""); + if (!options.lazyEval) + return eval(`(${sourceSanitized})`); + let result = /* @__PURE__ */ a((...args) => { + let f = eval(`(${sourceSanitized})`); + return f(...args); + }, "result"); + return Object.defineProperty(result, "toString", { + value: /* @__PURE__ */ a(() => sourceSanitized, "value") + }), Object.defineProperty(result, "name", { + value: name + }), result; + } + if (typeof value == "string" && value.startsWith("_regexp_") && options.allowRegExp) { + let [, e, t] = value.match(/_regexp_([^|]*)\|(.*)/) || []; + return new RegExp(t, e); + } + return typeof value == "string" && value.startsWith("_date_") && options.allowDate ? new Date(value.replace("_date_", "")) : typeof value == + "string" && value.startsWith("_duplicate_") ? (refs.push({ target: key, container: this, replacement: value.replace(/^_duplicate_/, "") }), + null) : typeof value == "string" && value.startsWith("_symbol_") && options.allowSymbol ? Symbol(value.replace("_symbol_", "")) : typeof value == + "string" && value.startsWith("_gsymbol_") && options.allowSymbol ? Symbol.for(value.replace("_gsymbol_", "")) : typeof value == "string" && + value === "_-Infinity_" ? -1 / 0 : typeof value == "string" && value === "_Infinity_" ? 1 / 0 : typeof value == "string" && value === "_\ +NaN_" ? NaN : typeof value == "string" && value.startsWith("_bigint_") && typeof BigInt == "function" ? BigInt(value.replace("_bigint_", "")) : + value; + }, "revive"); +}, "reviver"), Ox = { + maxDepth: 10, + space: void 0, + allowFunction: !0, + allowRegExp: !0, + allowDate: !0, + allowClass: !0, + allowError: !0, + allowUndefined: !0, + allowSymbol: !0, + lazyEval: !0 +}, Xs = /* @__PURE__ */ a((e, t = {}) => { + let r = { ...Ox, ...t }; + return JSON.stringify(Fx(e), wV(r), t.space); +}, "stringify"), SV = /* @__PURE__ */ a(() => { + let e = /* @__PURE__ */ new Map(); + return /* @__PURE__ */ a(function t(r) { + L0(r) && Object.entries(r).forEach(([n, o]) => { + o === "_undefined_" ? r[n] = void 0 : e.get(o) || (e.set(o, !0), t(o)); + }), Array.isArray(r) && r.forEach((n, o) => { + n === "_undefined_" ? (e.set(n, !0), r[o] = void 0) : e.get(n) || (e.set(n, !0), t(n)); + }); + }, "mutateUndefined"); +}, "mutator"), Qs = /* @__PURE__ */ a((e, t = {}) => { + let r = { ...Ox, ...t }, n = JSON.parse(e, bV(r)); + return SV()(n), n; +}, "parse"); + +// ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js +var EV = !0, Mv = "Invariant failed"; +function pp(e, t) { + if (!e) { + if (EV) + throw new Error(Mv); + var r = typeof t == "function" ? t() : t, n = r ? "".concat(Mv, ": ").concat(r) : Mv; + throw new Error(n); + } +} +a(pp, "invariant"); + +// src/channels/postmessage/getEventSourceUrl.ts +Ft(); +var Lx = /* @__PURE__ */ a((e) => { + let t = Array.from( + document.querySelectorAll("iframe[data-is-storybook]") + ), [r, ...n] = t.filter((i) => { + try { + return i.contentWindow?.location.origin === e.source.location.origin && i.contentWindow?.location.pathname === e.source.location.pathname; + } catch { + } + try { + return i.contentWindow === e.source; + } catch { + } + let s = i.getAttribute("src"), l; + try { + if (!s) + return !1; + ({ origin: l } = new URL(s, document.location.toString())); + } catch { + return !1; + } + return l === e.origin; + }), o = r?.getAttribute("src"); + if (o && n.length === 0) { + let { protocol: i, host: s, pathname: l } = new URL(o, document.location.toString()); + return `${i}//${s}${l}`; + } + return n.length > 0 && ge.error("found multiple candidates for event source"), null; +}, "getEventSourceUrl"); + +// src/channels/postmessage/index.ts +var { document: Bv, location: $v } = H, Nx = "storybook-channel", xV = { allowFunction: !1, maxDepth: 25 }, zv = class zv { + constructor(t) { + this.config = t; + this.connected = !1; + if (this.buffer = [], typeof H?.addEventListener == "function" && H.addEventListener("message", this.handleEvent.bind(this), !1), t.page !== + "manager" && t.page !== "preview") + throw new Error(`postmsg-channel: "config.page" cannot be "${t.page}"`); + } + setHandler(t) { + this.handler = (...r) => { + t.apply(this, r), !this.connected && this.getLocalFrame().length && (this.flush(), this.connected = !0); + }; + } + /** + * Sends `event` to the associated window. If the window does not yet exist the event will be + * stored in a buffer and sent when the window exists. + * + * @param event + */ + send(t, r) { + let { + target: n, + // telejson options + allowRegExp: o, + allowFunction: i, + allowSymbol: s, + allowDate: l, + allowError: u, + allowUndefined: c, + allowClass: p, + maxDepth: h, + space: m, + lazyEval: g + } = r || {}, S = Object.fromEntries( + Object.entries({ + allowRegExp: o, + allowFunction: i, + allowSymbol: s, + allowDate: l, + allowError: u, + allowUndefined: c, + allowClass: p, + maxDepth: h, + space: m, + lazyEval: g + }).filter(([E, x]) => typeof x < "u") + ), v = { + ...xV, + ...H.CHANNEL_OPTIONS || {}, + ...S + }, b = this.getFrames(n), w = new URLSearchParams($v?.search || ""), y = Xs( + { + key: Nx, + event: t, + refId: w.get("refId") + }, + v + ); + return b.length ? (this.buffer.length && this.flush(), b.forEach((E) => { + try { + E.postMessage(y, "*"); + } catch { + ge.error("sending over postmessage fail"); + } + }), Promise.resolve(null)) : new Promise((E, x) => { + this.buffer.push({ event: t, resolve: E, reject: x }); + }); + } + flush() { + let { buffer: t } = this; + this.buffer = [], t.forEach((r) => { + this.send(r.event).then(r.resolve).catch(r.reject); + }); + } + getFrames(t) { + if (this.config.page === "manager") { + let n = Array.from( + Bv.querySelectorAll("iframe[data-is-storybook][data-is-loaded]") + ).flatMap((o) => { + try { + return o.contentWindow && o.dataset.isStorybook !== void 0 && o.id === t ? [o.contentWindow] : []; + } catch { + return []; + } + }); + return n?.length ? n : this.getCurrentFrames(); + } + return H && H.parent && H.parent !== H.self ? [H.parent] : []; + } + getCurrentFrames() { + return this.config.page === "manager" ? Array.from( + Bv.querySelectorAll('[data-is-storybook="true"]') + ).flatMap((r) => r.contentWindow ? [r.contentWindow] : []) : H && H.parent ? [H.parent] : []; + } + getLocalFrame() { + return this.config.page === "manager" ? Array.from( + Bv.querySelectorAll("#storybook-preview-iframe") + ).flatMap((r) => r.contentWindow ? [r.contentWindow] : []) : H && H.parent ? [H.parent] : []; + } + handleEvent(t) { + try { + let { data: r } = t, { key: n, event: o, refId: i } = typeof r == "string" && cp(r) ? Qs(r, H.CHANNEL_OPTIONS || {}) : r; + if (n === Nx) { + let s = this.config.page === "manager" ? '<span style="color: #37D5D3; background: black"> manager </span>' : '<span style="color: #\ +1EA7FD; background: black"> preview </span>', l = Object.values(Yo).includes(o.type) ? `<span style="color: #FF4785">${o.type}</span>` : `<s\ +pan style="color: #FFAE00">${o.type}</span>`; + if (i && (o.refId = i), o.source = this.config.page === "preview" ? t.origin : Lx(t), !o.source) { + sr.error( + `${s} received ${l} but was unable to determine the source of the event` + ); + return; + } + let u = `${s} received ${l} (${r.length})`; + sr.debug( + $v.origin !== o.source ? u : `${u} <span style="color: gray">(on ${$v.origin} from ${o.source})</span>`, + ...o.args + ), pp(this.handler, "ChannelHandler should be set"), this.handler(o); + } + } catch (r) { + ge.error(r); + } + } +}; +a(zv, "PostMessageTransport"); +var Js = zv; + +// src/channels/websocket/index.ts +We(); +var { WebSocket: CV } = H, Hv = class Hv { + constructor({ url: t, onError: r, page: n }) { + this.buffer = []; + this.isReady = !1; + this.socket = new CV(t), this.socket.onopen = () => { + this.isReady = !0, this.flush(); + }, this.socket.onmessage = ({ data: o }) => { + let i = typeof o == "string" && cp(o) ? Qs(o) : o; + pp(this.handler, "WebsocketTransport handler should be set"), this.handler(i); + }, this.socket.onerror = (o) => { + r && r(o); + }, this.socket.onclose = () => { + pp(this.handler, "WebsocketTransport handler should be set"), this.handler({ type: Lg, args: [], from: n || "preview" }); + }; + } + setHandler(t) { + this.handler = t; + } + send(t) { + this.isReady ? this.sendNow(t) : this.sendLater(t); + } + sendLater(t) { + this.buffer.push(t); + } + sendNow(t) { + let r = Xs(t, { + maxDepth: 15, + allowFunction: !1, + ...H.CHANNEL_OPTIONS + }); + this.socket.send(r); + } + flush() { + let { buffer: t } = this; + this.buffer = [], t.forEach((r) => this.send(r)); + } +}; +a(Hv, "WebsocketTransport"); +var Zs = Hv; + +// src/channels/index.ts +var { CONFIG_TYPE: DV } = H, RV = ga; +function AV({ page: e, extraTransports: t = [] }) { + let r = [new Js({ page: e }), ...t]; + if (DV === "DEVELOPMENT") { + let n = window.location.protocol === "http:" ? "ws" : "wss", { hostname: o, port: i } = window.location, s = `${n}://${o}:${i}/storybook\ +-server-channel`; + r.push(new Zs({ url: s, onError: /* @__PURE__ */ a(() => { + }, "onError"), page: e })); + } + return new ga({ transports: r }); +} +a(AV, "createBrowserChannel"); + +// src/components/index.ts +var Lf = {}; +he(Lf, { + A: () => E1, + ActionBar: () => L1, + AddonPanel: () => $F, + Badge: () => F9, + Bar: () => zm, + Blockquote: () => x1, + Button: () => Xi, + ClipboardCode: () => XF, + Code: () => W1, + DL: () => q1, + Div: () => G1, + DocumentWrapper: () => O9, + EmptyTabContent: () => Hm, + ErrorFormatter: () => KI, + FlexBar: () => If, + Form: () => dP, + H1: () => Y1, + H2: () => K1, + H3: () => X1, + H4: () => Q1, + H5: () => J1, + H6: () => Z1, + HR: () => eh, + IconButton: () => bf, + IconButtonSkeleton: () => OF, + Icons: () => zF, + Img: () => th, + LI: () => rh, + Link: () => ph, + ListItem: () => Bm, + Loader: () => GF, + Modal: () => HI, + OL: () => nh, + P: () => oh, + Placeholder: () => UI, + Pre: () => ah, + ResetWrapper: () => Cy, + ScrollArea: () => Ai, + Separator: () => Gm, + Spaced: () => VI, + Span: () => ih, + StorybookIcon: () => VF, + StorybookLogo: () => jF, + Symbols: () => HF, + SyntaxHighlighter: () => M4, + TT: () => sh, + TabBar: () => Wm, + TabButton: () => Ya, + TabWrapper: () => MF, + Table: () => lh, + Tabs: () => qm, + TabsState: () => Vm, + TooltipLinkList: () => $m, + TooltipMessage: () => AF, + TooltipNote: () => TF, + UL: () => uh, + WithTooltip: () => DF, + WithTooltipPure: () => RF, + Zoom: () => GI, + codeCommon: () => qn, + components: () => Lue, + createCopyToClipboardFunction: () => U1, + getStoryHref: () => YF, + icons: () => Of, + interleaveSeparators: () => BF, + nameSpaceClassNames: () => ke, + resetComponents: () => QF, + withReset: () => ae +}); +var Ym = I(O(), 1); + +// src/components/components/typography/components.tsx +var Me = I(O(), 1); + +// src/components/components/typography/DocumentFormatting.tsx +var ke = /* @__PURE__ */ a(({ ...e }, t) => { + let r = [e.class, e.className]; + return delete e.class, e.className = ["sbdocs", `sbdocs-${t}`, ...r].filter(Boolean).join(" "), e; +}, "nameSpaceClassNames"); + +// src/components/components/typography/ResetWrapper.tsx +X(); + +// src/components/components/typography/lib/common.tsx +Wn(); +var Hr = /* @__PURE__ */ a(({ theme: e }) => ({ + margin: "20px 0 8px", + padding: 0, + cursor: "text", + position: "relative", + color: e.color.defaultText, + "&:first-of-type": { + marginTop: 0, + paddingTop: 0 + }, + "&:hover a.anchor": { + textDecoration: "none" + }, + "& tt, & code": { + fontSize: "inherit" + } +}), "headerCommon"), qn = /* @__PURE__ */ a(({ theme: e }) => ({ + lineHeight: 1, + margin: "0 2px", + padding: "3px 5px", + whiteSpace: "nowrap", + borderRadius: 3, + fontSize: e.typography.size.s2 - 1, + border: e.base === "light" ? `1px solid ${e.color.mediumlight}` : `1px solid ${e.color.darker}`, + color: e.base === "light" ? st(0.1, e.color.defaultText) : st(0.3, e.color.defaultText), + backgroundColor: e.base === "light" ? e.color.lighter : e.color.border +}), "codeCommon"), ae = /* @__PURE__ */ a(({ theme: e }) => ({ + fontFamily: e.typography.fonts.base, + fontSize: e.typography.size.s3, + margin: 0, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + WebkitTapHighlightColor: "rgba(0, 0, 0, 0)", + WebkitOverflowScrolling: "touch" +}), "withReset"), lr = { + margin: "16px 0" +}; + +// src/components/components/typography/ResetWrapper.tsx +var Cy = k.div(ae); + +// src/components/components/typography/elements/A.tsx +X(); + +// src/components/components/typography/elements/Link.tsx +var R8 = I(O(), 1); +var A8 = /* @__PURE__ */ a(({ + href: e = "", + ...t +}) => { + let n = /^\//.test(e) ? `./?path=${e}` : e, i = /^#.*/.test(e) ? "_self" : "_top"; + return /* @__PURE__ */ R8.default.createElement("a", { href: n, target: i, ...t }); +}, "Link"); + +// src/components/components/typography/elements/A.tsx +var E1 = k(A8)(ae, ({ theme: e }) => ({ + fontSize: "inherit", + lineHeight: "24px", + color: e.color.secondary, + textDecoration: "none", + "&.absent": { + color: "#cc0000" + }, + "&.anchor": { + display: "block", + paddingLeft: 30, + marginLeft: -30, + cursor: "pointer", + position: "absolute", + top: 0, + left: 0, + bottom: 0 + } +})); + +// src/components/components/typography/elements/Blockquote.tsx +X(); +var x1 = k.blockquote(ae, lr, ({ theme: e }) => ({ + borderLeft: `4px solid ${e.color.medium}`, + padding: "0 15px", + color: e.color.dark, + "& > :first-of-type": { + marginTop: 0 + }, + "& > :last-child": { + marginBottom: 0 + } +})); + +// src/components/components/typography/elements/Code.tsx +var Up = I(O(), 1); +X(); +Vp(); + +// src/components/components/typography/lib/isReactChildString.tsx +var I9 = /* @__PURE__ */ a((e) => typeof e == "string", "isReactChildString"); + +// src/components/components/typography/elements/Code.tsx +var cY = /[\n\r]/g, pY = k.code( + ({ theme: e }) => ({ + // from reset + fontFamily: e.typography.fonts.mono, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + display: "inline-block", + paddingLeft: 2, + paddingRight: 2, + verticalAlign: "baseline", + color: "inherit" + }), + qn +), fY = k(jp)(({ theme: e }) => ({ + // DocBlocks-specific styling and overrides + fontFamily: e.typography.fonts.mono, + fontSize: `${e.typography.size.s2 - 1}px`, + lineHeight: "19px", + margin: "25px 0 40px", + borderRadius: e.appBorderRadius, + boxShadow: e.base === "light" ? "rgba(0, 0, 0, 0.10) 0 1px 3px 0" : "rgba(0, 0, 0, 0.20) 0 2px 5px 0", + "pre.prismjs": { + padding: 20, + background: "inherit" + } +})), W1 = /* @__PURE__ */ a(({ + className: e, + children: t, + ...r +}) => { + let n = (e || "").match(/lang-(\S+)/), o = Up.Children.toArray(t); + return o.filter(I9).some((s) => s.match(cY)) ? /* @__PURE__ */ Up.default.createElement( + fY, + { + bordered: !0, + copyable: !0, + language: n?.[1] ?? "text", + format: !1, + ...r + }, + t + ) : /* @__PURE__ */ Up.default.createElement(pY, { ...r, className: e }, o); +}, "Code"); + +// src/components/components/typography/elements/DL.tsx +X(); +var q1 = k.dl(ae, lr, { + padding: 0, + "& dt": { + fontSize: "14px", + fontWeight: "bold", + fontStyle: "italic", + padding: 0, + margin: "16px 0 4px" + }, + "& dt:first-of-type": { + padding: 0 + }, + "& dt > :first-of-type": { + marginTop: 0 + }, + "& dt > :last-child": { + marginBottom: 0 + }, + "& dd": { + margin: "0 0 16px", + padding: "0 15px" + }, + "& dd > :first-of-type": { + marginTop: 0 + }, + "& dd > :last-child": { + marginBottom: 0 + } +}); + +// src/components/components/typography/elements/Div.tsx +X(); +var G1 = k.div(ae); + +// src/components/components/typography/elements/H1.tsx +X(); +var Y1 = k.h1(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.l1}px`, + fontWeight: e.typography.weight.bold +})); + +// src/components/components/typography/elements/H2.tsx +X(); +var K1 = k.h2(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.m2}px`, + paddingBottom: 4, + borderBottom: `1px solid ${e.appBorderColor}` +})); + +// src/components/components/typography/elements/H3.tsx +X(); +var X1 = k.h3(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.m1}px` +})); + +// src/components/components/typography/elements/H4.tsx +X(); +var Q1 = k.h4(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.s3}px` +})); + +// src/components/components/typography/elements/H5.tsx +X(); +var J1 = k.h5(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.s2}px` +})); + +// src/components/components/typography/elements/H6.tsx +X(); +var Z1 = k.h6(ae, Hr, ({ theme: e }) => ({ + fontSize: `${e.typography.size.s2}px`, + color: e.color.dark +})); + +// src/components/components/typography/elements/HR.tsx +X(); +var eh = k.hr(({ theme: e }) => ({ + border: "0 none", + borderTop: `1px solid ${e.appBorderColor}`, + height: 4, + padding: 0 +})); + +// src/components/components/typography/elements/Img.tsx +X(); +var th = k.img({ + maxWidth: "100%" +}); + +// src/components/components/typography/elements/LI.tsx +X(); +var rh = k.li(ae, ({ theme: e }) => ({ + fontSize: e.typography.size.s2, + color: e.color.defaultText, + lineHeight: "24px", + "& + li": { + marginTop: ".25em" + }, + "& ul, & ol": { + marginTop: ".25em", + marginBottom: 0 + }, + "& code": qn({ theme: e }) +})); + +// src/components/components/typography/elements/OL.tsx +X(); +var dY = { + paddingLeft: 30, + "& :first-of-type": { + marginTop: 0 + }, + "& :last-child": { + marginBottom: 0 + } +}, nh = k.ol(ae, lr, dY, { + listStyle: "decimal" +}); + +// src/components/components/typography/elements/P.tsx +X(); +var oh = k.p(ae, lr, ({ theme: e }) => ({ + fontSize: e.typography.size.s2, + lineHeight: "24px", + color: e.color.defaultText, + "& code": qn({ theme: e }) +})); + +// src/components/components/typography/elements/Pre.tsx +X(); +var ah = k.pre(ae, lr, ({ theme: e }) => ({ + // reset + fontFamily: e.typography.fonts.mono, + WebkitFontSmoothing: "antialiased", + MozOsxFontSmoothing: "grayscale", + lineHeight: "18px", + padding: "11px 1rem", + whiteSpace: "pre-wrap", + color: "inherit", + borderRadius: 3, + margin: "1rem 0", + "&:not(.prismjs)": { + background: "transparent", + border: "none", + borderRadius: 0, + padding: 0, + margin: 0 + }, + "& pre, &.prismjs": { + padding: 15, + margin: 0, + whiteSpace: "pre-wrap", + color: "inherit", + fontSize: "13px", + lineHeight: "19px", + code: { + color: "inherit", + fontSize: "inherit" + } + }, + "& code": { + whiteSpace: "pre" + }, + "& code, & tt": { + border: "none" + } +})); + +// src/components/components/typography/elements/Span.tsx +X(); +var ih = k.span(ae, ({ theme: e }) => ({ + "&.frame": { + display: "block", + overflow: "hidden", + "& > span": { + border: `1px solid ${e.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: e.color.darkest, + display: "block", + padding: "5px 0 0" + } + }, + "&.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" + } + }, + "&.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" + } + }, + "&.float-left": { + display: "block", + marginRight: 13, + overflow: "hidden", + float: "left", + "& span": { + margin: "13px 0 0" + } + }, + "&.float-right": { + display: "block", + marginLeft: 13, + overflow: "hidden", + float: "right", + "& > span": { + display: "block", + overflow: "hidden", + margin: "13px auto 0", + textAlign: "right" + } + } +})); + +// src/components/components/typography/elements/TT.tsx +X(); +var sh = k.title(qn); + +// src/components/components/typography/elements/Table.tsx +X(); +var lh = k.table(ae, lr, ({ theme: e }) => ({ + fontSize: e.typography.size.s2, + lineHeight: "24px", + padding: 0, + borderCollapse: "collapse", + "& tr": { + borderTop: `1px solid ${e.appBorderColor}`, + backgroundColor: e.appContentBg, + margin: 0, + padding: 0 + }, + "& tr:nth-of-type(2n)": { + backgroundColor: e.base === "dark" ? e.color.darker : e.color.lighter + }, + "& tr th": { + fontWeight: "bold", + color: e.color.defaultText, + border: `1px solid ${e.appBorderColor}`, + margin: 0, + padding: "6px 13px" + }, + "& tr td": { + border: `1px solid ${e.appBorderColor}`, + color: e.color.defaultText, + margin: 0, + padding: "6px 13px" + }, + "& tr th :first-of-type, & tr td :first-of-type": { + marginTop: 0 + }, + "& tr th :last-child, & tr td :last-child": { + marginBottom: 0 + } +})); + +// src/components/components/typography/elements/UL.tsx +X(); +var hY = { + paddingLeft: 30, + "& :first-of-type": { + marginTop: 0 + }, + "& :last-child": { + marginBottom: 0 + } +}, uh = k.ul(ae, lr, hY, { listStyle: "disc" }); + +// src/components/components/typography/components.tsx +var E3 = { + h1: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(Y1, { ...ke(e, "h1") }), "h1"), + h2: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(K1, { ...ke(e, "h2") }), "h2"), + h3: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(X1, { ...ke(e, "h3") }), "h3"), + h4: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(Q1, { ...ke(e, "h4") }), "h4"), + h5: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(J1, { ...ke(e, "h5") }), "h5"), + h6: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(Z1, { ...ke(e, "h6") }), "h6"), + pre: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(ah, { ...ke(e, "pre") }), "pre"), + a: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(E1, { ...ke(e, "a") }), "a"), + hr: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(eh, { ...ke(e, "hr") }), "hr"), + dl: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(q1, { ...ke(e, "dl") }), "dl"), + blockquote: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(x1, { ...ke(e, "blockquote") }), "blockquote"), + table: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(lh, { ...ke(e, "table") }), "table"), + img: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(th, { ...ke(e, "img") }), "img"), + div: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(G1, { ...ke(e, "div") }), "div"), + span: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(ih, { ...ke(e, "span") }), "span"), + li: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(rh, { ...ke(e, "li") }), "li"), + ul: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(uh, { ...ke(e, "ul") }), "ul"), + ol: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(nh, { ...ke(e, "ol") }), "ol"), + p: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(oh, { ...ke(e, "p") }), "p"), + code: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(W1, { ...ke(e, "code") }), "code"), + tt: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(sh, { ...ke(e, "tt") }), "tt"), + resetwrapper: /* @__PURE__ */ a((e) => /* @__PURE__ */ Me.default.createElement(Cy, { ...ke(e, "resetwrapper") }), "resetwrapper") +}; + +// src/components/components/Badge/Badge.tsx +var P9 = I(O(), 1); +X(); +Wn(); +var gY = k.div( + ({ theme: e }) => ({ + display: "inline-block", + fontSize: 11, + lineHeight: "12px", + alignSelf: "center", + padding: "4px 12px", + borderRadius: "3em", + fontWeight: e.typography.weight.bold + }), + { + svg: { + height: 12, + width: 12, + marginRight: 4, + marginTop: -2, + path: { + fill: "currentColor" + } + } + }, + ({ theme: e, status: t }) => { + switch (t) { + case "critical": + return { + color: e.color.critical, + background: e.background.critical + }; + case "negative": + return { + color: e.color.negativeText, + background: e.background.negative, + boxShadow: e.base === "light" ? `inset 0 0 0 1px ${st(0.9, e.color.negativeText)}` : "none" + }; + case "warning": + return { + color: e.color.warningText, + background: e.background.warning, + boxShadow: e.base === "light" ? `inset 0 0 0 1px ${st(0.9, e.color.warningText)}` : "none" + }; + case "neutral": + return { + color: e.color.dark, + background: e.color.mediumlight, + boxShadow: e.base === "light" ? `inset 0 0 0 1px ${st(0.9, e.color.dark)}` : "none" + }; + case "positive": + return { + color: e.color.positiveText, + background: e.background.positive, + boxShadow: e.base === "light" ? `inset 0 0 0 1px ${st(0.9, e.color.positiveText)}` : "none" + }; + default: + return {}; + } + } +), F9 = /* @__PURE__ */ a(({ ...e }) => /* @__PURE__ */ P9.default.createElement(gY, { ...e }), "Badge"); + +// src/components/components/typography/link/link.tsx +var ch = I(O(), 1); +X(); + +// ../node_modules/@storybook/icons/dist/index.mjs +var Wp = {}; +he(Wp, { + AccessibilityAltIcon: () => NJ, + AccessibilityIcon: () => LJ, + AddIcon: () => IX, + AdminIcon: () => DJ, + AlertAltIcon: () => aQ, + AlertIcon: () => oQ, + AlignLeftIcon: () => uK, + AlignRightIcon: () => cK, + AppleIcon: () => TK, + ArrowBottomLeftIcon: () => QQ, + ArrowBottomRightIcon: () => JQ, + ArrowDownIcon: () => qQ, + ArrowLeftIcon: () => GQ, + ArrowRightIcon: () => YQ, + ArrowSolidDownIcon: () => eJ, + ArrowSolidLeftIcon: () => tJ, + ArrowSolidRightIcon: () => rJ, + ArrowSolidUpIcon: () => ZQ, + ArrowTopLeftIcon: () => KQ, + ArrowTopRightIcon: () => XQ, + ArrowUpIcon: () => WQ, + AzureDevOpsIcon: () => OK, + BackIcon: () => hJ, + BasketIcon: () => _Q, + BatchAcceptIcon: () => CX, + BatchDenyIcon: () => xX, + BeakerIcon: () => TQ, + BellIcon: () => cQ, + BitbucketIcon: () => LK, + BoldIcon: () => vK, + BookIcon: () => eK, + BookmarkHollowIcon: () => vQ, + BookmarkIcon: () => yQ, + BottomBarIcon: () => sX, + BottomBarToggleIcon: () => lX, + BoxIcon: () => dX, + BranchIcon: () => RK, + BrowserIcon: () => ZK, + ButtonIcon: () => KX, + CPUIcon: () => uX, + CalendarIcon: () => sK, + CameraIcon: () => BY, + CategoryIcon: () => nK, + CertificateIcon: () => CQ, + ChangedIcon: () => NX, + ChatIcon: () => VX, + CheckIcon: () => SX, + ChevronDownIcon: () => $Q, + ChevronLeftIcon: () => zQ, + ChevronRightIcon: () => R3, + ChevronSmallDownIcon: () => jQ, + ChevronSmallLeftIcon: () => VQ, + ChevronSmallRightIcon: () => UQ, + ChevronSmallUpIcon: () => HQ, + ChevronUpIcon: () => BQ, + ChromaticIcon: () => NK, + ChromeIcon: () => FK, + CircleHollowIcon: () => mQ, + CircleIcon: () => gQ, + ClearIcon: () => BX, + CloseAltIcon: () => AX, + CloseIcon: () => FX, + CloudHollowIcon: () => PQ, + CloudIcon: () => FQ, + CogIcon: () => gX, + CollapseIcon: () => oJ, + CommandIcon: () => ZX, + CommentAddIcon: () => zX, + CommentIcon: () => $X, + CommentsIcon: () => jX, + CommitIcon: () => DK, + CompassIcon: () => yJ, + ComponentDrivenIcon: () => MK, + ComponentIcon: () => wY, + ContrastIcon: () => IY, + ControlsIcon: () => DX, + CopyIcon: () => rK, + CreditIcon: () => YX, + CrossIcon: () => D3, + DashboardIcon: () => EJ, + DatabaseIcon: () => cX, + DeleteIcon: () => OX, + DiamondIcon: () => wQ, + DirectionIcon: () => RJ, + DiscordIcon: () => BK, + DocChartIcon: () => fK, + DocListIcon: () => dK, + DocumentIcon: () => tK, + DownloadIcon: () => dJ, + DragIcon: () => hK, + EditIcon: () => mX, + EllipsisIcon: () => wX, + EmailIcon: () => iQ, + ExpandAltIcon: () => nJ, + ExpandIcon: () => aJ, + EyeCloseIcon: () => TY, + EyeIcon: () => _Y, + FaceHappyIcon: () => PJ, + FaceNeutralIcon: () => FJ, + FaceSadIcon: () => OJ, + FacebookIcon: () => $K, + FailedIcon: () => MX, + FastForwardIcon: () => WY, + FigmaIcon: () => zK, + FilterIcon: () => pK, + FlagIcon: () => IQ, + FolderIcon: () => oK, + FormIcon: () => EX, + GDriveIcon: () => HK, + GithubIcon: () => jK, + GitlabIcon: () => VK, + GlobeIcon: () => vJ, + GoogleIcon: () => UK, + GraphBarIcon: () => lK, + GraphLineIcon: () => iK, + GraphqlIcon: () => WK, + GridAltIcon: () => xY, + GridIcon: () => bY, + GrowIcon: () => OY, + HeartHollowIcon: () => bQ, + HeartIcon: () => SQ, + HomeIcon: () => CJ, + HourglassIcon: () => kQ, + InfoIcon: () => tQ, + ItalicIcon: () => yK, + JumpToIcon: () => hQ, + KeyIcon: () => qX, + LightningIcon: () => kY, + LightningOffIcon: () => x3, + LinkBrokenIcon: () => uQ, + LinkIcon: () => lQ, + LinkedinIcon: () => QK, + LinuxIcon: () => kK, + ListOrderedIcon: () => bK, + ListUnorderedIcon: () => SK, + LocationIcon: () => wJ, + LockIcon: () => UX, + MarkdownIcon: () => xK, + MarkupIcon: () => gK, + MediumIcon: () => qK, + MemoryIcon: () => pX, + MenuIcon: () => mK, + MergeIcon: () => _K, + MirrorIcon: () => FY, + MobileIcon: () => tX, + MoonIcon: () => ZY, + NutIcon: () => vX, + OutboxIcon: () => GX, + OutlineIcon: () => SY, + PaintBrushIcon: () => LY, + PaperClipIcon: () => wK, + ParagraphIcon: () => EK, + PassedIcon: () => LX, + PhoneIcon: () => sQ, + PhotoDragIcon: () => EY, + PhotoIcon: () => yY, + PinAltIcon: () => TX, + PinIcon: () => bJ, + PlayAllHollowIcon: () => KY, + PlayBackIcon: () => jY, + PlayHollowIcon: () => YY, + PlayIcon: () => HY, + PlayNextIcon: () => VY, + PlusIcon: () => RX, + PointerDefaultIcon: () => QX, + PointerHandIcon: () => JX, + PowerIcon: () => hX, + PrintIcon: () => aK, + ProceedIcon: () => mJ, + ProfileIcon: () => IJ, + PullRequestIcon: () => AK, + QuestionIcon: () => rQ, + RSSIcon: () => pQ, + RedirectIcon: () => lJ, + ReduxIcon: () => GK, + RefreshIcon: () => gJ, + ReplyIcon: () => cJ, + RepoIcon: () => CK, + RequestChangeIcon: () => HX, + RewindIcon: () => UY, + RulerIcon: () => NY, + SaveIcon: () => eQ, + SearchIcon: () => CY, + ShareAltIcon: () => fQ, + ShareIcon: () => dQ, + ShieldIcon: () => AQ, + SideBySideIcon: () => XY, + SidebarAltIcon: () => oX, + SidebarAltToggleIcon: () => aX, + SidebarIcon: () => nX, + SidebarToggleIcon: () => iX, + SpeakerIcon: () => zY, + StackedIcon: () => QY, + StarHollowIcon: () => EQ, + StarIcon: () => xQ, + StatusFailIcon: () => LQ, + StatusPassIcon: () => MQ, + StatusWarnIcon: () => NQ, + StickerIcon: () => OQ, + StopAltHollowIcon: () => GY, + StopAltIcon: () => qY, + StopIcon: () => MY, + StorybookIcon: () => C3, + StructureIcon: () => fX, + SubtractIcon: () => PX, + SunIcon: () => JY, + SupportIcon: () => nQ, + SwitchAltIcon: () => PY, + SyncIcon: () => pJ, + TabletIcon: () => eX, + ThumbsUpIcon: () => RQ, + TimeIcon: () => SJ, + TimerIcon: () => xJ, + TransferIcon: () => sJ, + TrashIcon: () => _X, + TwitterIcon: () => YK, + TypeIcon: () => XX, + UbuntuIcon: () => IK, + UndoIcon: () => uJ, + UnfoldIcon: () => iJ, + UnlockIcon: () => WX, + UnpinIcon: () => kX, + UploadIcon: () => fJ, + UserAddIcon: () => TJ, + UserAltIcon: () => _J, + UserIcon: () => AJ, + UsersIcon: () => kJ, + VSCodeIcon: () => XK, + VerifiedIcon: () => DQ, + VideoIcon: () => $Y, + WandIcon: () => bX, + WatchIcon: () => rX, + WindowsIcon: () => PK, + WrenchIcon: () => yX, + XIcon: () => JK, + YoutubeIcon: () => KK, + ZoomIcon: () => DY, + ZoomOutIcon: () => RY, + ZoomResetIcon: () => AY, + iconList: () => vY +}); +var d = I(O(), 1), vY = [ + { + name: "Images", + icons: [ + "PhotoIcon", + "ComponentIcon", + "GridIcon", + "OutlineIcon", + "PhotoDragIcon", + "GridAltIcon", + "SearchIcon", + "ZoomIcon", + "ZoomOutIcon", + "ZoomResetIcon", + "EyeIcon", + "EyeCloseIcon", + "LightningIcon", + "LightningOffIcon", + "ContrastIcon", + "SwitchAltIcon", + "MirrorIcon", + "GrowIcon", + "PaintBrushIcon", + "RulerIcon", + "StopIcon", + "CameraIcon", + "VideoIcon", + "SpeakerIcon", + "PlayIcon", + "PlayBackIcon", + "PlayNextIcon", + "RewindIcon", + "FastForwardIcon", + "StopAltIcon", + "StopAltHollowIcon", + "PlayHollowIcon", + "PlayAllHollowIcon", + "SideBySideIcon", + "StackedIcon", + "SunIcon", + "MoonIcon" + ] + }, + { + name: "Documents", + icons: [ + "BookIcon", + "DocumentIcon", + "CopyIcon", + "CategoryIcon", + "FolderIcon", + "PrintIcon", + "GraphLineIcon", + "CalendarIcon", + "GraphBarIcon", + "AlignLeftIcon", + "AlignRightIcon", + "FilterIcon", + "DocChartIcon", + "DocListIcon", + "DragIcon", + "MenuIcon" + ] + }, + { + name: "Editing", + icons: [ + "MarkupIcon", + "BoldIcon", + "ItalicIcon", + "PaperClipIcon", + "ListOrderedIcon", + "ListUnorderedIcon", + "ParagraphIcon", + "MarkdownIcon" + ] + }, + { + name: "Git", + icons: [ + "RepoIcon", + "CommitIcon", + "BranchIcon", + "PullRequestIcon", + "MergeIcon" + ] + }, + { + name: "OS", + icons: [ + "AppleIcon", + "LinuxIcon", + "UbuntuIcon", + "WindowsIcon", + "ChromeIcon" + ] + }, + { + name: "Logos", + icons: [ + "StorybookIcon", + "AzureDevOpsIcon", + "BitbucketIcon", + "ChromaticIcon", + "ComponentDrivenIcon", + "DiscordIcon", + "FacebookIcon", + "FigmaIcon", + "GDriveIcon", + "GithubIcon", + "GitlabIcon", + "GoogleIcon", + "GraphqlIcon", + "MediumIcon", + "ReduxIcon", + "TwitterIcon", + "YoutubeIcon", + "VSCodeIcon", + "LinkedinIcon", + "XIcon" + ] + }, + { + name: "Devices", + icons: [ + "BrowserIcon", + "TabletIcon", + "MobileIcon", + "WatchIcon", + "SidebarIcon", + "SidebarAltIcon", + "SidebarAltToggleIcon", + "SidebarToggleIcon", + "BottomBarIcon", + "BottomBarToggleIcon", + "CPUIcon", + "DatabaseIcon", + "MemoryIcon", + "StructureIcon", + "BoxIcon", + "PowerIcon" + ] + }, + { + name: "CRUD", + icons: [ + "EditIcon", + "CogIcon", + "NutIcon", + "WrenchIcon", + "EllipsisIcon", + "WandIcon", + "CheckIcon", + "FormIcon", + "BatchDenyIcon", + "BatchAcceptIcon", + "ControlsIcon", + "PlusIcon", + "CloseAltIcon", + "CrossIcon", + "TrashIcon", + "PinAltIcon", + "UnpinIcon", + "AddIcon", + "SubtractIcon", + "CloseIcon", + "DeleteIcon", + "PassedIcon", + "ChangedIcon", + "FailedIcon", + "ClearIcon", + "CommentIcon", + "CommentAddIcon", + "RequestChangeIcon", + "CommentsIcon", + "ChatIcon", + "LockIcon", + "UnlockIcon", + "KeyIcon", + "OutboxIcon", + "CreditIcon", + "ButtonIcon", + "TypeIcon", + "PointerDefaultIcon", + "PointerHandIcon", + "CommandIcon", + "SaveIcon" + ] + }, + { + name: "Communicate", + icons: [ + "InfoIcon", + "QuestionIcon", + "SupportIcon", + "AlertIcon", + "AlertAltIcon", + "EmailIcon", + "PhoneIcon", + "LinkIcon", + "LinkBrokenIcon", + "BellIcon", + "RSSIcon", + "ShareAltIcon", + "ShareIcon", + "JumpToIcon", + "CircleHollowIcon", + "CircleIcon", + "BookmarkHollowIcon", + "BookmarkIcon", + "DiamondIcon", + "HeartHollowIcon", + "HeartIcon", + "StarHollowIcon", + "StarIcon", + "CertificateIcon", + "VerifiedIcon", + "ThumbsUpIcon", + "ShieldIcon", + "BasketIcon", + "BeakerIcon", + "HourglassIcon", + "FlagIcon", + "CloudHollowIcon", + "CloudIcon", + "StickerIcon", + "StatusFailIcon", + "StatusWarnIcon", + "StatusPassIcon" + ] + }, + { + name: "Wayfinding", + icons: [ + "ChevronUpIcon", + "ChevronDownIcon", + "ChevronLeftIcon", + "ChevronRightIcon", + "ChevronSmallUpIcon", + "ChevronSmallDownIcon", + "ChevronSmallLeftIcon", + "ChevronSmallRightIcon", + "ArrowUpIcon", + "ArrowDownIcon", + "ArrowLeftIcon", + "ArrowRightIcon", + "ArrowTopLeftIcon", + "ArrowTopRightIcon", + "ArrowBottomLeftIcon", + "ArrowBottomRightIcon", + "ArrowSolidUpIcon", + "ArrowSolidDownIcon", + "ArrowSolidLeftIcon", + "ArrowSolidRightIcon", + "ExpandAltIcon", + "CollapseIcon", + "ExpandIcon", + "UnfoldIcon", + "TransferIcon", + "RedirectIcon", + "UndoIcon", + "ReplyIcon", + "SyncIcon", + "UploadIcon", + "DownloadIcon", + "BackIcon", + "ProceedIcon", + "RefreshIcon", + "GlobeIcon", + "CompassIcon", + "LocationIcon", + "PinIcon", + "TimeIcon", + "DashboardIcon", + "TimerIcon", + "HomeIcon", + "AdminIcon", + "DirectionIcon" + ] + }, + { + name: "People", + icons: [ + "UserIcon", + "UserAltIcon", + "UserAddIcon", + "UsersIcon", + "ProfileIcon", + "FaceHappyIcon", + "FaceNeutralIcon", + "FaceSadIcon", + "AccessibilityIcon", + "AccessibilityAltIcon" + ] + } +], yY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.25 4.254a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-.5 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13 1.504v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5zM2 9.297V2.004h10v5.293L9.854 5.15a.5.5 0 00-.\ +708 0L6.5 7.797 5.354 6.65a.5.5 0 00-.708 0L2 9.297zM9.5 6.21l2.5 2.5v3.293H2V10.71l3-3 3.146 3.146a.5.5 0 00.708-.707L7.207 8.504 9.5 6.21z", + fill: e + } + ) +)), wY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5\ + 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z", + fill: e + } + ) +)), bY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.504a.5.5 0 01.5-.5H6a.5.5 0 01.5.5v4.5a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5v-4.5zm1 4v-3.5h3.5v3.5H2zM7.5 1.504a.5.5 0 01.5-.5h\ +4.5a.5.5 0 01.5.5v4.5a.5.5 0 01-.5.5H8a.5.5 0 01-.5-.5v-4.5zm1 4v-3.5H12v3.5H8.5zM1.5 7.504a.5.5 0 00-.5.5v4.5a.5.5 0 00.5.5H6a.5.5 0 00.5-.\ +5v-4.5a.5.5 0 00-.5-.5H1.5zm.5 1v3.5h3.5v-3.5H2zM7.5 8.004a.5.5 0 01.5-.5h4.5a.5.5 0 01.5.5v4.5a.5.5 0 01-.5.5H8a.5.5 0 01-.5-.5v-4.5zm1 4v-\ +3.5H12v3.5H8.5z", + fill: e + } + ) +)), SY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 2.004v2H1v-2.5a.5.5 0 01.5-.5H4v1H2zM1 9.004v-4h1v4H1zM1 10.004v2.5a.5.5 0 00.5.5H4v-1H2v-2H1zM10 13.004h2.5a.5.5 0 00.5-.5v-2.\ +5h-1v2h-2v1zM12 4.004h1v-2.5a.5.5 0 00-.5-.5H10v1h2v2zM9 12.004v1H5v-1h4zM9 1.004v1H5v-1h4zM13 9.004h-1v-4h1v4zM7 8.004a1 1 0 100-2 1 1 0 00\ +0 2z", + fill: e + } + ) +)), EY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M8.25 3.254a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-.5 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7.003v-6.5a.5.5 0 00-.5-.5h-10a.5.5 0 00-.5.5v2.5H.5a.5.5 0 00-.5.5v2.5h1v-2h2v6.5a.5.5 0 00.5.5H10v2H8v1h2.5a.5.5 0 00.5-.5v-\ +2.5h2.5a.5.5 0 00.5-.5v-3.5zm-10-6v5.794L5.646 5.15a.5.5 0 01.708 0L7.5 6.297l2.646-2.647a.5.5 0 01.708 0L13 5.797V1.004H4zm9 6.208l-2.5-2.5\ +-2.293 2.293L9.354 8.15a.5.5 0 11-.708.707L6 6.211l-2 2v1.793h9V7.21z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M0 10.004v-3h1v3H0zM0 13.504v-2.5h1v2h2v1H.5a.5.5 0 01-.5-.5zM7 14.004H4v-1h3v1z", + fill: e + } + ) +)), xY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4 3V1h1v2H4zM4 6v2h1V6H4zM4 11v2h1v-2H4zM9 11v2h1v-2H9zM9 8V6h1v2H9zM9 1v2h1V1H9zM13 5h-2V4h2v1zM11 10h2V9h-2v1zM3 10H1V9h2v1zM1 \ +5h2V4H1v1zM8 5H6V4h2v1zM6 10h2V9H6v1zM4 4h1v1H4V4zM10 4H9v1h1V4zM9 9h1v1H9V9zM5 9H4v1h1V9z", + fill: e + } + ) +)), CY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M9.544 10.206a5.5 5.5 0 11.662-.662.5.5 0 01.148.102l3 3a.5.5 0 01-.708.708l-3-3a.5.5 0 01-.102-.148zM10.5 6a4.5 4.5 0 11-9 0 4.5 \ +4.5 0 019 0z", + fill: e + } + ) +)), DY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6 3.5a.5.5 0 01.5.5v1.5H8a.5.5 0 010 1H6.5V8a.5.5 0 01-1 0V6.5H4a.5.5 0 010-1h1.5V4a.5.5 0 01.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M9.544 10.206a5.5 5.5 0 11.662-.662.5.5 0 01.148.102l3 3a.5.5 0 01-.708.708l-3-3a.5.5 0 01-.102-.148zM10.5 6a4.5 4.5 0 11-9 0 4.5 \ +4.5 0 019 0z", + fill: e + } + ) +)), RY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M4 5.5a.5.5 0 000 1h4a.5.5 0 000-1H4z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6 11.5c1.35 0 2.587-.487 3.544-1.294a.5.5 0 00.102.148l3 3a.5.5 0 00.708-.708l-3-3a.5.5 0 00-.148-.102A5.5 5.5 0 106 11.5zm0-1a4.\ +5 4.5 0 100-9 4.5 4.5 0 000 9z", + fill: e + } + ) +)), AY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 2.837V1.5a.5.5 0 00-1 0V4a.5.5 0 00.5.5h2.5a.5.5 0 000-1H2.258a4.5 4.5 0 11-.496 4.016.5.5 0 10-.942.337 5.502 5.502 0 008.72\ +4 2.353.5.5 0 00.102.148l3 3a.5.5 0 00.708-.708l-3-3a.5.5 0 00-.148-.102A5.5 5.5 0 101.5 2.837z", + fill: e + } + ) +)), _Y = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M7 9.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7l-.21.293C13.669 7.465 10.739 11.5 7 11.5S.332 7.465.21 7.293L0 7l.21-.293C.331 6.536 3.261 2.5 7 2.5s6.668 4.036 6.79 4.207L\ +14 7zM2.896 5.302A12.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5c1.518 0 2.958-.83 4.104-1.802A12.72 12.\ +72 0 0012.755 7c-.297-.37-.875-1.04-1.65-1.698C9.957 4.33 8.517 3.5 7 3.5c-1.519 0-2.958.83-4.104 1.802z", + fill: e + } + ) +)), TY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.854 1.146a.5.5 0 10-.708.708l11 11a.5.5 0 00.708-.708l-11-11zM11.104 8.698c-.177.15-.362.298-.553.439l.714.714a13.25 13.25 0 00\ +2.526-2.558L14 7l-.21-.293C13.669 6.536 10.739 2.5 7 2.5c-.89 0-1.735.229-2.506.58l.764.763A4.859 4.859 0 017 3.5c1.518 0 2.958.83 4.104 1.8\ +02A12.724 12.724 0 0112.755 7a12.72 12.72 0 01-1.65 1.698zM.21 6.707c.069-.096 1.03-1.42 2.525-2.558l.714.714c-.191.141-.376.288-.553.439A12\ +.725 12.725 0 001.245 7c.296.37.874 1.04 1.65 1.698C4.043 9.67 5.482 10.5 7 10.5a4.86 4.86 0 001.742-.344l.764.764c-.772.351-1.616.58-2.506.\ +58C3.262 11.5.332 7.465.21 7.293L0 7l.21-.293z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.5 7c0-.322.061-.63.172-.914l3.242 3.242A2.5 2.5 0 014.5 7zM9.328 7.914L6.086 4.672a2.5 2.5 0 013.241 3.241z", + fill: e + } + ) +)), kY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.522 6.6a.566.566 0 00-.176.544.534.534 0 00.382.41l2.781.721-1.493 5.013a.563.563 0 00.216.627.496.496 0 00.63-.06l6.637-6.453a\ +.568.568 0 00.151-.54.534.534 0 00-.377-.396l-2.705-.708 2.22-4.976a.568.568 0 00-.15-.666.497.497 0 00-.648.008L2.522 6.6zm7.72.63l-3.067-.\ +804L9.02 2.29 3.814 6.803l2.95.764-1.277 4.285 4.754-4.622zM4.51 13.435l.037.011-.037-.011z", + fill: e + } + ) +)), x3 = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.139 8.725l1.36-1.323a.568.568 0 00.151-.54.534.534 0 00-.377-.396l-2.705-.708 2.22-4.976a.568.568 0 00-.15-.666.497.497 0 00-.\ +648.008L5.464 4.05l.708.71 2.848-2.47-1.64 3.677.697.697 2.164.567-.81.787.708.708zM2.523 6.6a.566.566 0 00-.177.544.534.534 0 00.382.41l2.7\ +82.721-1.494 5.013a.563.563 0 00.217.627.496.496 0 00.629-.06l3.843-3.736-.708-.707-2.51 2.44 1.137-3.814-.685-.685-2.125-.55.844-.731-.71-.\ +71L2.524 6.6zM1.854 1.146a.5.5 0 10-.708.708l11 11a.5.5 0 00.708-.708l-11-11z", + fill: e + } + ) +)), IY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3 3.004H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5v-2.5h2.5a.5.5 0 00.5-.5v-10a.5.5 0 00-.5-.5h-10a.5.5 0 00-.5.5v2.5zm\ +1 1v2.293l2.293-2.293H4zm-1 0v6.5a.499.499 0 00.497.5H10v2H1v-9h2zm1-1h6.5a.499.499 0 01.5.5v6.5h2v-9H4v2zm6 7V7.71l-2.293 2.293H10zm0-3.707\ +V4.71l-5.293 5.293h1.586L10 6.297zm-.707-2.293H7.707L4 7.71v1.586l5.293-5.293z", + fill: e + } + ) +)), PY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3 3.004v-2.5a.5.5 0 01.5-.5h10a.5.5 0 01.5.5v10a.5.5 0 01-.5.5H11v2.5a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-10a.5.5 0 01.5-.5H3zm1 0\ +v-2h9v9h-2v-6.5a.5.5 0 00-.5-.5H4zm6 8v2H1v-9h2v6.5a.5.5 0 00.5.5H10zm0-1H4v-6h6v6z", + fill: e + } + ) +)), FY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11zm1 10.5h10v-10l-10 10z", + fill: e + } + ) +)), OY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 1.004a.5.5 0 100 1H12v10.5a.5.5 0 001 0v-10.5a1 1 0 00-1-1H1.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1 3.504a.5.5 0 01.5-.5H10a1 1 0 011 1v8.5a.5.5 0 01-1 0v-8.5H1.5a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 5.004a.5.5 0 00-.5.5v7a.5.5 0 00.5.5h7a.5.5 0 00.5-.5v-7a.5.5 0 00-.5-.5h-7zm.5 1v6h6v-6H2z", + fill: e + } + ) +)), LY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.854.146a.5.5 0 00-.708 0L2.983 8.31a2.24 2.24 0 00-1.074.6C.677 10.14.24 11.902.085 12.997 0 13.6 0 14 0 14s.4 0 1.002-.085c1.\ +095-.155 2.857-.592 4.089-1.824a2.24 2.24 0 00.6-1.074l8.163-8.163a.5.5 0 000-.708l-2-2zM5.6 9.692l.942-.942L5.25 7.457l-.942.943A2.242 2.24\ +2 0 015.6 9.692zm1.649-1.65L12.793 2.5 11.5 1.207 5.957 6.75 7.25 8.043zM4.384 9.617a1.25 1.25 0 010 1.768c-.767.766-1.832 1.185-2.78 1.403-\ +.17.04-.335.072-.49.098.027-.154.06-.318.099-.49.219-.947.637-2.012 1.403-2.779a1.25 1.25 0 011.768 0z", + fill: e + } + ) +)), NY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 1.004a.5.5 0 01.5.5v.5h10v-.5a.5.5 0 011 0v2a.5.5 0 01-1 0v-.5H2v.5a.5.5 0 01-1 0v-2a.5.5 0 01.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 6a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5h-11zM2 7v5h10V7h-1v2.5a.5.5 0 01-1 0V7h-.75v1a.5.5 0 01\ +-1 0V7H7.5v2.5a.5.5 0 01-1 0V7h-.75v1a.5.5 0 01-1 0V7H4v2.5a.5.5 0 01-1 0V7H2z", + fill: e + } + ) +)), MY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.5 4a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h5a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), BY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10 7a3 3 0 11-6 0 3 3 0 016 0zM9 7a2 2 0 11-4 0 2 2 0 014 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.5 1a.5.5 0 00-.5.5v.504H.5a.5.5 0 00-.5.5v9a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-9a.5.5 0 00-.5-.5H6V1.5a.5.5 0 00-.5-.5h-3zM1 3.00\ +4v8h12v-8H1z", + fill: e + } + ) +)), $Y = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M2.5 10a.5.5 0 100-1 .5.5 0 000 1z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 4a2 2 0 012-2h6a2 2 0 012 2v.5l3.189-2.391A.5.5 0 0114 2.5v9a.5.5 0 01-.804.397L10 9.5v.5a2 2 0 01-2 2H2a2 2 0 01-2-2V4zm9 0v1.\ +5a.5.5 0 00.8.4L13 3.5v7L9.8 8.1a.5.5 0 00-.8.4V10a1 1 0 01-1 1H2a1 1 0 01-1-1V4a1 1 0 011-1h6a1 1 0 011 1z", + fill: e + } + ) +)), zY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 4.5v5a.5.5 0 00.5.5H4l3.17 2.775a.5.5 0 00.83-.377V1.602a.5.5 0 00-.83-.376L4 4H1.5a.5.5 0 00-.5.5zM4 9V5H2v4h2zm.998.545A.504.\ +504 0 005 9.5v-5c0-.015 0-.03-.002-.044L7 2.704v8.592L4.998 9.545z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.15 1.752a.5.5 0 00-.3.954 4.502 4.502 0 010 8.588.5.5 0 00.3.954 5.502 5.502 0 000-10.496z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.25 3.969a.5.5 0 00-.5.865 2.499 2.499 0 010 4.332.5.5 0 10.5.866 3.499 3.499 0 000-6.063z", + fill: e + } + ) +)), HY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M12.813 7.425l-9.05 5.603A.5.5 0 013 12.603V1.398a.5.5 0 01.763-.425l9.05 5.602a.5.5 0 010 .85z", + fill: e + } + ) +)), jY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.24 12.035L3.697 7.427A.494.494 0 013.5 7.2v4.05a.75.75 0 01-1.5 0v-8.5a.75.75 0 011.5 0V6.8a.494.494 0 01.198-.227l7.541-4.608\ +A.5.5 0 0112 2.39v9.217a.5.5 0 01-.76.427z", + fill: e + } + ) +)), VY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.76 12.035l7.542-4.608A.495.495 0 0010.5 7.2v4.05a.75.75 0 001.5 0v-8.5a.75.75 0 00-1.5 0V6.8a.495.495 0 00-.198-.227L2.76 1.965\ +A.5.5 0 002 2.39v9.217a.5.5 0 00.76.427z", + fill: e + } + ) +)), UY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9 2.42v2.315l4.228-2.736a.5.5 0 01.772.42v9.162a.5.5 0 01-.772.42L9 9.263v2.317a.5.5 0 01-.772.42L1.5 7.647v3.603a.75.75 0 01-1.5\ + 0v-8.5a.75.75 0 011.5 0v3.603L8.228 2A.5.5 0 019 2.42z", + fill: e + } + ) +)), WY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5 2.42v2.315L.772 1.999a.5.5 0 00-.772.42v9.162a.5.5 0 00.772.42L5 9.263v2.317a.5.5 0 00.772.42L12.5 7.647v3.603a.75.75 0 001.5 0\ +v-8.5a.75.75 0 00-1.5 0v3.603L5.772 2A.5.5 0 005 2.42z", + fill: e + } + ) +)), qY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11z", + fill: e + } + ) +)), GY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.2 2.204v9.6h9.6v-9.6H2.2zm-.7-1.2a.5.5 0 00-.5.5v11a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-11z", + fill: e + } + ) +)), YY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z", + fill: e + } + ) +)), KY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5.2 10.88L11.668 7 5.2 3.12v7.76zM4 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L5.212 1.727A.8.8 0 004 2.413zM1.5\ + 1.6a.6.6 0 01.6.6v9.6a.6.6 0 11-1.2 0V2.2a.6.6 0 01.6-.6z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M.963 1.932a.6.6 0 01.805-.268l1 .5a.6.6 0 01-.536 1.073l-1-.5a.6.6 0 01-.269-.805zM3.037 11.132a.6.6 0 01-.269.805l-1 .5a.6.6 0 0\ +1-.536-1.073l1-.5a.6.6 0 01.805.268z", + fill: e + } + ) +)), XY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11zm1 10.5v-10h5v10H2z", + fill: e + } + ) +)), QY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12.5 1.004a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11zm-10.5 1h10v5H2v-5z", + fill: e + } + ) +)), JY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3492)", fill: e }, /* @__PURE__ */ d.createElement("path", { d: "\ +M7.5.5a.5.5 0 00-1 0V2a.5.5 0 001 0V.5z" }), /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 10a3 3 0 100-6 3 3 0 000 6zm0-1a2 2 0 100-4 2 2 0 000 4z" + } + ), /* @__PURE__ */ d.createElement("path", { d: "M7 11.5a.5.5 0 01.5.5v1.5a.5.5 0 01-1 0V12a.5.5 0 01.5-.5zM11.5 7a.5.5 0 01.5-.5h1.5a.5.5\ + 0 010 1H12a.5.5 0 01-.5-.5zM.5 6.5a.5.5 0 000 1H2a.5.5 0 000-1H.5zM3.818 10.182a.5.5 0 010 .707l-1.06 1.06a.5.5 0 11-.708-.706l1.06-1.06a.5\ +.5 0 01.708 0zM11.95 2.757a.5.5 0 10-.707-.707l-1.061 1.061a.5.5 0 10.707.707l1.06-1.06zM10.182 10.182a.5.5 0 01.707 0l1.06 1.06a.5.5 0 11-.\ +706.708l-1.061-1.06a.5.5 0 010-.708zM2.757 2.05a.5.5 0 10-.707.707l1.06 1.061a.5.5 0 00.708-.707l-1.06-1.06z" })), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3492" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), ZY = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 15 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3493)" }, /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M8.335.047l-.15-.015a7.499 7.499 0 106.14 10.577c.103-.229-.156-.447-.386-.346a5.393 5.393 0 01-.771.27A5.356 5.356 0 019.153.691C\ +9.37.568 9.352.23 9.106.175a7.545 7.545 0 00-.77-.128zM6.977 1.092a6.427 6.427 0 005.336 10.671A6.427 6.427 0 116.977 1.092z", + fill: e + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3493" }, /* @__PURE__ */ d.createElement( + "path", + { + fill: "#fff", + transform: "scale(1.07124)", + d: "M0 0h14.001v14.002H0z" + } + ))) +)), eK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13 2a2 2 0 00-2-2H1.5a.5.5 0 00-.5.5v13a.5.5 0 00.5.5H11a2 2 0 002-2V2zM3 13h8a1 1 0 001-1V2a1 1 0 00-1-1H7v6.004a.5.5 0 01-.856.\ +352l-.002-.002L5.5 6.71l-.645.647A.5.5 0 014 7.009V1H3v12zM5 1v4.793l.146-.146a.5.5 0 01.743.039l.111.11V1H5z", + fill: e + } + ) +)), tK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 01\ +0 1h-5a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5\ + 0 00.5.5h2V13H2V1z", + fill: e + } + ) +)), rK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.746.07A.5.5 0 0011.5.003h-6a.5.5 0 00-.5.5v2.5H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h8a.5.5 0 00.5-.5v-2.5h4.5a.5.5 0 00.5-.5v-8a\ +.498.498 0 00-.15-.357L11.857.154a.506.506 0 00-.11-.085zM9 10.003h4v-7h-1.5a.5.5 0 01-.5-.5v-1.5H6v2h.5a.5.5 0 01.357.15L8.85 5.147c.093.09\ +.15.217.15.357v4.5zm-8-6v9h7v-7H6.5a.5.5 0 01-.5-.5v-1.5H1z", + fill: e + } + ) +)), nK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3 1.5a.5.5 0 01.5-.5h7a.5.5 0 010 1h-7a.5.5 0 01-.5-.5zM2 3.504a.5.5 0 01.5-.5h9a.5.5 0 010 1h-9a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 5.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v7a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-7zM2 12V6h10v6H2z", + fill: e + } + ) +)), oK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.\ +5v-8.5a.5.5 0 00-.5-.5H7z", + fill: e + } + ) +)), aK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.5 8.004a.5.5 0 100 1h5a.5.5 0 000-1h-5zM4.5 10.004a.5.5 0 000 1h5a.5.5 0 000-1h-5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2 1.504a.5.5 0 01.5-.5h8a.498.498 0 01.357.15l.993.993c.093.09.15.217.15.357v1.5h1.5a.5.5 0 01.5.5v5a.5.5 0 01-.5.5H12v2.5a.5.5 0\ + 01-.5.5h-9a.5.5 0 01-.5-.5v-2.5H.5a.5.5 0 01-.5-.5v-5a.5.5 0 01.5-.5H2v-2.5zm11 7.5h-1v-2.5a.5.5 0 00-.5-.5h-9a.5.5 0 00-.5.5v2.5H1v-4h12v4\ +zm-2-6v1H3v-2h7v.5a.5.5 0 00.5.5h.5zm-8 9h8v-5H3v5z", + fill: e + } + ) +)), iK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.146 6.15a.5.5 0 01.708 0L7 7.297 9.146 5.15a.5.5 0 01.708 0l1 1a.5.5 0 01-.708.707L9.5 6.211 7.354 8.357a.5.5 0 01-.708 0L5.5 7\ +.211 3.854 8.857a.5.5 0 11-.708-.707l2-2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 1.004a.5.5 0 00-.5.5v11a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-11zm.5 1v10h10v-10H2z", + fill: e + } + ) +)), sK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 0a.5.5 0 01.5.5V1h6V.5a.5.5 0 011 0V1h1.5a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5H3V.5a.5.5 0 \ +01.5-.5zM2 4v2.3h3V4H2zm0 5.2V6.8h3v2.4H2zm0 .5V12h3V9.7H2zm3.5 0V12h3V9.7h-3zm3.5 0V12h3V9.7H9zm3-.5H9V6.8h3v2.4zm-3.5 0h-3V6.8h3v2.4zM9 4v\ +2.3h3V4H9zM5.5 6.3h3V4h-3v2.3z", + fill: e + } + ) +)), lK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M12 2.5a.5.5 0 00-1 0v10a.5.5 0 001 0v-10zM9 4.5a.5.5 0 00-1 0v8a.5.5 0 001 0v-8zM5.5 7a.5.5 0 01.5.5v5a.5.5 0 01-1 0v-5a.5.5 0 01\ +.5-.5zM3 10.5a.5.5 0 00-1 0v2a.5.5 0 001 0v-2z", + fill: e + } + ) +)), uK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M13 2a.5.5 0 010 1H1a.5.5 0 010-1h12zM10 5a.5.5 0 010 1H1a.5.5 0 010-1h9zM11.5 8.5A.5.5 0 0011 8H1a.5.5 0 000 1h10a.5.5 0 00.5-.5z\ +M7.5 11a.5.5 0 010 1H1a.5.5 0 010-1h6.5z", + fill: e + } + ) +)), cK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1 2a.5.5 0 000 1h12a.5.5 0 000-1H1zM4 5a.5.5 0 000 1h9a.5.5 0 000-1H4zM2.5 8.5A.5.5 0 013 8h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zM6.\ +5 11a.5.5 0 000 1H13a.5.5 0 000-1H6.5z", + fill: e + } + ) +)), pK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1 2a.5.5 0 000 1h12a.5.5 0 000-1H1zM3 5a.5.5 0 000 1h8a.5.5 0 000-1H3zM4.5 8.5A.5.5 0 015 8h4a.5.5 0 010 1H5a.5.5 0 01-.5-.5zM6.5\ + 11a.5.5 0 000 1h1a.5.5 0 000-1h-1z", + fill: e + } + ) +)), fK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11zM2 4v2.3h3V4H2zm0 5.2V6.8h3v2.4H2zm0 .5V12h3V9.7H\ +2zm3.5 0V12h3V9.7h-3zm3.5 0V12h3V9.7H9zm3-.5H9V6.8h3v2.4zm-3.5 0h-3V6.8h3v2.4zM9 6.3h3V4H9v2.3zm-3.5 0h3V4h-3v2.3z", + fill: e + } + ) +)), dK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.5 6.5A.5.5 0 014 6h6a.5.5 0 010 1H4a.5.5 0 01-.5-.5zM4 9a.5.5 0 000 1h6a.5.5 0 000-1H4z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11zM2 4v8h10V4H2z", + fill: e + } + ) +)), hK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M13 4a.5.5 0 010 1H1a.5.5 0 010-1h12zM13.5 9.5A.5.5 0 0013 9H1a.5.5 0 000 1h12a.5.5 0 00.5-.5z", + fill: e + } + ) +)), mK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M13 3.5a.5.5 0 010 1H1a.5.5 0 010-1h12zM13.5 10a.5.5 0 00-.5-.5H1a.5.5 0 000 1h12a.5.5 0 00.5-.5zM13 6.5a.5.5 0 010 1H1a.5.5 0 010\ +-1h12z", + fill: e + } + ) +)), gK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8.982 1.632a.5.5 0 00-.964-.263l-3 11a.5.5 0 10.964.263l3-11zM3.32 3.616a.5.5 0 01.064.704L1.151 7l2.233 2.68a.5.5 0 11-.768.64l-\ +2.5-3a.5.5 0 010-.64l2.5-3a.5.5 0 01.704-.064zM10.68 3.616a.5.5 0 00-.064.704L12.849 7l-2.233 2.68a.5.5 0 00.768.64l2.5-3a.5.5 0 000-.64l-2.\ +5-3a.5.5 0 00-.704-.064z", + fill: e + } + ) +)), vK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3 2v1.5h1v7H3V12h5a3 3 0 001.791-5.407A2.75 2.75 0 008 2.011V2H3zm5 5.5H5.5v3H8a1.5 1.5 0 100-3zm-.25-4H5.5V6h2.25a1.25 1.25 0 10\ +0-2.5z", + fill: e + } + ) +)), yK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M5 2h6v1H8.5l-2 8H9v1H3v-1h2.5l2-8H5V2z", fill: e }) +)), wK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.553 2.268a1.5 1.5 0 00-2.12 0L2.774 7.925a2.5 2.5 0 003.536 3.535l3.535-3.535a.5.5 0 11.707.707l-3.535 3.536-.002.002a3.5 3.5 \ +0 01-4.959-4.941l.011-.011L7.725 1.56l.007-.008a2.5 2.5 0 013.53 3.541l-.002.002-5.656 5.657-.003.003a1.5 1.5 0 01-2.119-2.124l3.536-3.536a.\ +5.5 0 11.707.707L4.189 9.34a.5.5 0 00.707.707l5.657-5.657a1.5 1.5 0 000-2.121z", + fill: e + } + ) +)), bK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5 2.5a.5.5 0 01.5-.5h7a.5.5 0 010 1h-7a.5.5 0 01-.5-.5zM5 7a.5.5 0 01.5-.5h7a.5.5 0 010 1h-7A.5.5 0 015 7zM5.5 11a.5.5 0 000 1h7a\ +.5.5 0 000-1h-7zM2.5 2H1v1h1v3h1V2.5a.5.5 0 00-.5-.5zM3 8.5v1a.5.5 0 01-1 0V9h-.5a.5.5 0 010-1h1a.5.5 0 01.5.5zM2 10.5a.5.5 0 00-1 0V12h2v-1\ +H2v-.5z", + fill: e + } + ) +)), SK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.75 2.5a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM5.5 2a.5.5 0 000 1h7a.5.5 0 000-1h-7zM5.5 11a.5.5 0 000 1h7a.5.5 0 000-1h-7zM2 12.25\ +a.75.75 0 100-1.5.75.75 0 000 1.5zM5 7a.5.5 0 01.5-.5h7a.5.5 0 010 1h-7A.5.5 0 015 7zM2 7.75a.75.75 0 100-1.5.75.75 0 000 1.5z", + fill: e + } + ) +)), EK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6 7a3 3 0 110-6h5.5a.5.5 0 010 1H10v10.5a.5.5 0 01-1 0V2H7v10.5a.5.5 0 01-1 0V7z", + fill: e + } + ) +)), xK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 4.5h1.5L5 6.375 6.5 4.5H8v5H6.5V7L5 8.875 3.5 7v2.5H2v-5zM9.75 4.5h1.5V7h1.25l-2 2.5-2-2.5h1.25V4.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M.5 2a.5.5 0 00-.5.5v9a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-9a.5.5 0 00-.5-.5H.5zM1 3v8h12V3H1z", + fill: e + } + ) +)), CK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5 2.5a.5.5 0 11-1 0 .5.5 0 011 0zM4.5 5a.5.5 0 100-1 .5.5 0 000 1zM5 6.5a.5.5 0 11-1 0 .5.5 0 011 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11 0a2 2 0 012 2v10a2 2 0 01-2 2H1.5a.5.5 0 01-.5-.5V.5a.5.5 0 01.5-.5H11zm0 1H3v12h8a1 1 0 001-1V2a1 1 0 00-1-1z", + fill: e + } + ) +)), DK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.031 7.5a4 4 0 007.938 0H13.5a.5.5 0 000-1h-2.53a4 4 0 00-7.94 0H.501a.5.5 0 000 1h2.531zM7 10a3 3 0 100-6 3 3 0 000 6z", + fill: e + } + ) +)), RK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6 2.5a1.5 1.5 0 01-1 1.415v4.053C5.554 7.4 6.367 7 7.5 7c.89 0 1.453-.252 1.812-.557.218-.184.374-.4.482-.62a1.5 1.5 0 111.026.14\ +3c-.155.423-.425.87-.86 1.24C9.394 7.685 8.59 8 7.5 8c-1.037 0-1.637.42-1.994.917a2.81 2.81 0 00-.472 1.18A1.5 1.5 0 114 10.086v-6.17A1.5 1.\ +5 0 116 2.5zm-2 9a.5.5 0 111 0 .5.5 0 01-1 0zm1-9a.5.5 0 11-1 0 .5.5 0 011 0zm6 2a.5.5 0 11-1 0 .5.5 0 011 0z", + fill: e + } + ) +)), AK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M8.354 1.354L7.707 2H8.5A2.5 2.5 0 0111 4.5v5.585a1.5 1.5 0 11-1 0V4.5A1.5 1.5 0 008.5 3h-.793l.647.646a.5.5 0 11-.708.708l-1.5-1.\ +5a.5.5 0 010-.708l1.5-1.5a.5.5 0 11.708.708zM11 11.5a.5.5 0 11-1 0 .5.5 0 011 0zM4 3.915a1.5 1.5 0 10-1 0v6.17a1.5 1.5 0 101 0v-6.17zM3.5 11\ +a.5.5 0 100 1 .5.5 0 000-1zm0-8a.5.5 0 100-1 .5.5 0 000 1z", + fill: e + } + ) +)), _K = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.108 3.872A1.5 1.5 0 103 3.915v6.17a1.5 1.5 0 101 0V6.41c.263.41.573.77.926 1.083 1.108.98 2.579 1.433 4.156 1.5A1.5 1.5 0 109.0\ +9 7.99c-1.405-.065-2.62-.468-3.5-1.248-.723-.64-1.262-1.569-1.481-2.871zM3.5 11a.5.5 0 100 1 .5.5 0 000-1zM4 2.5a.5.5 0 11-1 0 .5.5 0 011 0z\ +m7 6a.5.5 0 11-1 0 .5.5 0 011 0z", + fill: e + } + ) +)), TK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.03 8.103a3.044 3.044 0 01-.202-1.744 2.697 2.697 0 011.4-1.935c-.749-1.18-1.967-1.363-2.35-1.403-.835-.086-2.01.56-2.648.57h-.\ +016c-.639-.01-1.814-.656-2.649-.57-.415.044-1.741.319-2.541 1.593-.281.447-.498 1.018-.586 1.744a6.361 6.361 0 00-.044.85c.005.305.028.604.0\ +7.895.09.62.259 1.207.477 1.744.242.595.543 1.13.865 1.585.712 1.008 1.517 1.59 1.971 1.6.934.021 1.746-.61 2.416-.594.006.002.014.003.02.00\ +2h.017c.007 0 .014 0 .021-.002.67-.017 1.481.615 2.416.595.453-.011 1.26-.593 1.971-1.6a7.95 7.95 0 00.97-1.856c-.697-.217-1.27-.762-1.578-1\ +.474zm-2.168-5.97c.717-.848.69-2.07.624-2.125-.065-.055-1.25.163-1.985.984-.735.82-.69 2.071-.624 2.125.064.055 1.268-.135 1.985-.984z", + fill: e + } + ) +)), kK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 0a3 3 0 013 3v1.24c.129.132.25.27.362.415.113.111.283.247.515.433l.194.155c.325.261.711.582 1.095.966.765.765 1.545 1.806 1.823\ + 3.186a.501.501 0 01-.338.581 3.395 3.395 0 01-1.338.134 2.886 2.886 0 01-1.049-.304 5.535 5.535 0 01-.17.519 2 2 0 11-2.892 2.55A5.507 5.50\ +7 0 017 13c-.439 0-.838-.044-1.201-.125a2 2 0 11-2.892-2.55 5.553 5.553 0 01-.171-.519c-.349.182-.714.27-1.05.304A3.395 3.395 0 01.35 9.977a\ +.497.497 0 01-.338-.582c.278-1.38 1.058-2.42 1.823-3.186.384-.384.77-.705 1.095-.966l.194-.155c.232-.186.402-.322.515-.433.112-.145.233-.283\ +.362-.414V3a3 3 0 013-3zm1.003 11.895a2 2 0 012.141-1.89c.246-.618.356-1.322.356-2.005 0-.514-.101-1.07-.301-1.599l-.027-.017a6.387 6.387 0 \ +00-.857-.42 6.715 6.715 0 00-1.013-.315l-.852.638a.75.75 0 01-.9 0l-.852-.638a6.716 6.716 0 00-1.693.634 4.342 4.342 0 00-.177.101l-.027.017\ +A4.6 4.6 0 003.501 8c0 .683.109 1.387.355 2.005a2 2 0 012.142 1.89c.295.067.627.105 1.002.105s.707-.038 1.003-.105zM5 12a1 1 0 11-2 0 1 1 0 \ +012 0zm6 0a1 1 0 11-2 0 1 1 0 012 0zM6.1 4.3a1.5 1.5 0 011.8 0l.267.2L7 5.375 5.833 4.5l.267-.2zM8.5 2a.5.5 0 01.5.5V3a.5.5 0 01-1 0v-.5a.5.\ +5 0 01.5-.5zM6 2.5a.5.5 0 00-1 0V3a.5.5 0 001 0v-.5z", + fill: e + } + ) +)), IK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3497)", fill: e }, /* @__PURE__ */ d.createElement("path", { d: "\ +M12.261 2.067c0 1.142-.89 2.068-1.988 2.068-1.099 0-1.99-.926-1.99-2.068C8.283.926 9.174 0 10.273 0c1.098 0 1.989.926 1.989 2.067zM3.978 6.6\ +c0 1.142-.89 2.068-1.989 2.068C.891 8.668 0 7.742 0 6.601c0-1.142.89-2.068 1.989-2.068 1.099 0 1.989.926 1.989 2.068zM6.475 11.921A4.761 4.7\ +61 0 014.539 11a4.993 4.993 0 01-1.367-1.696 2.765 2.765 0 01-1.701.217 6.725 6.725 0 001.844 2.635 6.379 6.379 0 004.23 1.577 3.033 3.033 0\ + 01-.582-1.728 4.767 4.767 0 01-.488-.083zM11.813 11.933c0 1.141-.89 2.067-1.989 2.067-1.098 0-1.989-.926-1.989-2.067 0-1.142.891-2.068 1.99\ +-2.068 1.098 0 1.989.926 1.989 2.068zM12.592 11.173a6.926 6.926 0 001.402-3.913 6.964 6.964 0 00-1.076-4.023A2.952 2.952 0 0111.8 4.6c.398.7\ +8.592 1.656.564 2.539a5.213 5.213 0 01-.724 2.495c.466.396.8.935.952 1.54zM1.987 3.631c-.05 0-.101.002-.151.004C3.073 1.365 5.504.024 8.005.\ +23a3.07 3.07 0 00-.603 1.676 4.707 4.707 0 00-2.206.596 4.919 4.919 0 00-1.7 1.576 2.79 2.79 0 00-1.509-.447z" })), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3497" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), PK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.5 1H1v5.5h5.5V1zM13 1H7.5v5.5H13V1zM7.5 7.5H13V13H7.5V7.5zM6.5 7.5H1V13h5.5V7.5z", + fill: e + } + ) +)), FK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3496)" }, /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13.023 3.431a.115.115 0 01-.099.174H7.296A3.408 3.408 0 003.7 6.148a.115.115 0 01-.21.028l-1.97-3.413a.115.115 0 01.01-.129A6.97 \ +6.97 0 017 0a6.995 6.995 0 016.023 3.431zM7 9.615A2.619 2.619 0 014.384 7 2.62 2.62 0 017 4.383 2.619 2.619 0 019.616 7 2.619 2.619 0 017 9.\ +615zm1.034.71a.115.115 0 00-.121-.041 3.4 3.4 0 01-.913.124 3.426 3.426 0 01-3.091-1.973L1.098 3.567a.115.115 0 00-.2.001 7.004 7.004 0 005.\ +058 10.354l.017.001c.04 0 .078-.021.099-.057l1.971-3.414a.115.115 0 00-.009-.128zm1.43-5.954h3.947c.047 0 .09.028.107.072.32.815.481 1.675.4\ +81 2.557a6.957 6.957 0 01-2.024 4.923A6.957 6.957 0 017.08 14h-.001a.115.115 0 01-.1-.172L9.794 8.95A3.384 3.384 0 0010.408 7c0-.921-.364-1.\ +785-1.024-2.433a.115.115 0 01.08-.196z", + fill: e + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3496" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), C3 = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.042.616a.704.704 0 00-.66.729L1.816 12.9c.014.367.306.66.672.677l9.395.422h.032a.704.704 0 00.704-.703V.704c0-.015 0-.03-.002-.\ +044a.704.704 0 00-.746-.659l-.773.049.057 1.615a.105.105 0 01-.17.086l-.52-.41-.617.468a.105.105 0 01-.168-.088L9.746.134 2.042.616zm8.003 4\ +.747c-.247.192-2.092.324-2.092.05.04-1.045-.429-1.091-.689-1.091-.247 0-.662.075-.662.634 0 .57.607.893 1.32 1.27 1.014.538 2.24 1.188 2.24 \ +2.823 0 1.568-1.273 2.433-2.898 2.433-1.676 0-3.141-.678-2.976-3.03.065-.275 2.197-.21 2.197 0-.026.971.195 1.256.753 1.256.43 0 .624-.236.6\ +24-.634 0-.602-.633-.958-1.361-1.367-.987-.554-2.148-1.205-2.148-2.7 0-1.494 1.027-2.489 2.86-2.489 1.832 0 2.832.98 2.832 2.845z", + fill: e + } + ) +)), OK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3503)" }, /* @__PURE__ */ d.createElement( + "path", + { + d: "M0 5.176l1.31-1.73 4.902-1.994V.014l4.299 3.144-8.78 1.706v4.8L0 9.162V5.176zm14-2.595v8.548l-3.355 2.857-5.425-1.783v1.783L1.73 9\ +.661l8.784 1.047v-7.55L14 2.581z", + fill: e + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3503" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), LK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.522a.411.411 0 00-.412.476l1.746 10.597a.56.56 0 00.547.466h8.373a.411.411 0 00.412-.345l1.017-6.248h-3.87L8.35 9.18H5.677l-.\ +724-3.781h7.904L13.412 2A.411.411 0 0013 1.524L1 1.522z", + fill: e + } + ) +)), NK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 7a7 7 0 1014 0A7 7 0 000 7zm5.215-3.869a1.967 1.967 0 013.747.834v1.283l-3.346-1.93a2.486 2.486 0 00-.401-.187zm3.484 2.58l-3.3\ +46-1.93a1.968 1.968 0 00-2.685.72 1.954 1.954 0 00.09 2.106 2.45 2.45 0 01.362-.254l1.514-.873a.27.27 0 01.268 0l2.1 1.21 1.697-.978zm-.323 \ +4.972L6.86 9.81a.268.268 0 01-.134-.231V7.155l-1.698-.98v3.86a1.968 1.968 0 003.747.835 2.488 2.488 0 01-.4-.187zm.268-.464a1.967 1.967 0 00\ +2.685-.719 1.952 1.952 0 00-.09-2.106c-.112.094-.233.18-.361.253L7.53 9.577l1.113.642zm-4.106.257a1.974 1.974 0 01-1.87-.975A1.95 1.95 0 012\ +.47 8.01c.136-.507.461-.93.916-1.193L4.5 6.175v3.86c0 .148.013.295.039.44zM11.329 4.5a1.973 1.973 0 00-1.87-.976c.025.145.039.292.039.44v1.7\ +47a.268.268 0 01-.135.232l-2.1 1.211v1.96l3.346-1.931a1.966 1.966 0 00.72-2.683z", + fill: e + } + ) +)), MK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.847 2.181L8.867.201a.685.685 0 00-.97 0l-4.81 4.81a.685.685 0 000 .969l2.466 2.465-2.405 2.404a.685.685 0 000 .97l1.98 1.98a.6\ +85.685 0 00.97 0l4.81-4.81a.685.685 0 000-.969L8.441 5.555l2.405-2.404a.685.685 0 000-.97z", + fill: e + } + ) +)), BK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.852 2.885c-.893-.41-1.85-.712-2.85-.884a.043.043 0 00-.046.021c-.123.22-.26.505-.355.73a10.658 10.658 0 00-3.2 0 7.377 7.377 0\ + 00-.36-.73.045.045 0 00-.046-.021c-1 .172-1.957.474-2.85.884a.04.04 0 00-.019.016C.311 5.612-.186 8.257.058 10.869a.048.048 0 00.018.033 11\ +.608 11.608 0 003.496 1.767.045.045 0 00.049-.016c.27-.368.51-.755.715-1.163a.044.044 0 00-.024-.062 7.661 7.661 0 01-1.092-.52.045.045 0 01\ +-.005-.075c.074-.055.147-.112.217-.17a.043.043 0 01.046-.006c2.29 1.046 4.771 1.046 7.035 0a.043.043 0 01.046.006c.07.057.144.115.218.17a.04\ +5.045 0 01-.004.075 7.186 7.186 0 01-1.093.52.045.045 0 00-.024.062c.21.407.45.795.715 1.162.011.016.03.023.05.017a11.57 11.57 0 003.5-1.767\ +.045.045 0 00.019-.032c.292-3.02-.49-5.643-2.07-7.969a.036.036 0 00-.018-.016zM4.678 9.279c-.69 0-1.258-.634-1.258-1.411 0-.778.558-1.411 1.\ +258-1.411.707 0 1.27.639 1.259 1.41 0 .778-.558 1.412-1.259 1.412zm4.652 0c-.69 0-1.258-.634-1.258-1.411 0-.778.557-1.411 1.258-1.411.707 0 \ +1.27.639 1.258 1.41 0 .778-.551 1.412-1.258 1.412z", + fill: e + } + ) +)), $K = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.399 14H5.06V7H3.5V4.588l1.56-.001-.002-1.421C5.058 1.197 5.533 0 7.6 0h1.721v2.413H8.246c-.805 0-.844.337-.844.966l-.003 1.208h\ +1.934l-.228 2.412L7.401 7l-.002 7z", + fill: e + } + ) +)), zK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M9.2 0H4.803A2.603 2.603 0 003.41 4.802a2.603 2.603 0 000 4.396 2.602 2.602 0 103.998 2.199v-2.51a2.603 2.603 0 103.187-4.085A2.60\ +4 2.604 0 009.2 0zM7.407 7a1.793 1.793 0 103.586 0 1.793 1.793 0 00-3.586 0zm-.81 2.603H4.803a1.793 1.793 0 101.794 1.794V9.603zM4.803 4.397\ +h1.794V.81H4.803a1.793 1.793 0 000 3.587zm0 .81a1.793 1.793 0 000 3.586h1.794V5.207H4.803zm4.397-.81H7.407V.81H9.2a1.794 1.794 0 010 3.587z", + fill: e + } + ) +)), HK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.37 8.768l-2.042 3.537h6.755l2.042-3.537H6.37zm6.177-1.003l-3.505-6.07H4.96l3.504 6.07h4.084zM4.378 2.7L.875 8.77l2.042 3.536L6.\ +42 6.236 4.378 2.7z", + fill: e + } + ) +)), jK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 0C3.132 0 0 3.132 0 7a6.996 6.996 0 004.786 6.641c.35.062.482-.149.482-.332 0-.166-.01-.718-.01-1.304-1.758.324-2.213-.429-2.35\ +3-.823-.079-.2-.42-.822-.717-.988-.246-.132-.596-.455-.01-.464.552-.009.946.508 1.077.717.63 1.06 1.636.762 2.039.578.061-.455.245-.761.446-\ +.936-1.558-.175-3.185-.779-3.185-3.457 0-.76.271-1.39.717-1.88-.07-.176-.314-.893.07-1.856 0 0 .587-.183 1.925.718a6.495 6.495 0 011.75-.236\ +c.595 0 1.19.078 1.75.236 1.34-.91 1.926-.718 1.926-.718.385.963.14 1.68.07 1.855.446.49.717 1.111.717 1.881 0 2.687-1.636 3.282-3.194 3.457\ +.254.218.473.638.473 1.295 0 .936-.009 1.688-.009 1.925 0 .184.131.402.481.332A7.012 7.012 0 0014 7c0-3.868-3.133-7-7-7z", + fill: e + } + ) +)), VK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.068 5.583l1.487-4.557a.256.256 0 01.487 0L4.53 5.583H1.068L7 13.15 4.53 5.583h4.941l-2.47 7.565 5.931-7.565H9.471l1.488-4.557a.\ +256.256 0 01.486 0l1.488 4.557.75 2.3a.508.508 0 01-.185.568L7 13.148v.001H7L.503 8.452a.508.508 0 01-.186-.57l.75-2.299z", + fill: e + } + ) +)), UK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.925 1.094H7.262c-1.643 0-3.189 1.244-3.189 2.685 0 1.473 1.12 2.661 2.791 2.661.116 0 .23-.002.34-.01a1.49 1.49 0 00-.186.684c\ +0 .41.22.741.498 1.012-.21 0-.413.006-.635.006-2.034 0-3.6 1.296-3.6 2.64 0 1.323 1.717 2.15 3.75 2.15 2.32 0 3.6-1.315 3.6-2.639 0-1.06-.31\ +3-1.696-1.28-2.38-.331-.235-.965-.805-.965-1.14 0-.392.112-.586.703-1.047.606-.474 1.035-1.14 1.035-1.914 0-.92-.41-1.819-1.18-2.115h1.161l.\ +82-.593zm-1.335 8.96c.03.124.045.25.045.378 0 1.07-.688 1.905-2.665 1.905-1.406 0-2.421-.89-2.421-1.96 0-1.047 1.259-1.92 2.665-1.904.328.00\ +4.634.057.911.146.764.531 1.311.832 1.465 1.436zM7.34 6.068c-.944-.028-1.841-1.055-2.005-2.295-.162-1.24.47-2.188 1.415-2.16.943.029 1.84 1.\ +023 2.003 2.262.163 1.24-.47 2.222-1.414 2.193z", + fill: e + } + ) +)), WK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.873 11.608a1.167 1.167 0 00-1.707-.027L3.46 10.018l.01-.04h7.072l.022.076-2.69 1.554zM6.166 2.42l.031.03-3.535 6.124a1.265 1.26\ +5 0 00-.043-.012V5.438a1.166 1.166 0 00.84-1.456L6.167 2.42zm4.387 1.562a1.165 1.165 0 00.84 1.456v3.124l-.043.012-3.536-6.123a1.2 1.2 0 00.\ +033-.032l2.706 1.563zM3.473 9.42a1.168 1.168 0 00-.327-.568L6.68 2.73a1.17 1.17 0 00.652 0l3.536 6.123a1.169 1.169 0 00-.327.567H3.473zm8.79\ +-.736a1.169 1.169 0 00-.311-.124V5.44a1.17 1.17 0 10-1.122-1.942L8.13 1.938a1.168 1.168 0 00-1.122-1.5 1.17 1.17 0 00-1.121 1.5l-2.702 1.56a\ +1.168 1.168 0 00-1.86.22 1.17 1.17 0 00.739 1.722v3.12a1.168 1.168 0 00-.74 1.721 1.17 1.17 0 001.861.221l2.701 1.56a1.169 1.169 0 102.233-.\ +035l2.687-1.552a1.168 1.168 0 101.457-1.791z", + fill: e + } + ) +)), qK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M0 0v14h14V0H0zm11.63 3.317l-.75.72a.22.22 0 00-.083.212v-.001 5.289a.22.22 0 00.083.21l.733.72v.159H7.925v-.158l.76-.738c.074-.07\ +4.074-.096.074-.21V5.244l-2.112 5.364h-.285l-2.46-5.364V8.84a.494.494 0 00.136.413h.001l.988 1.198v.158H2.226v-.158l.988-1.198a.477.477 0 00\ +.126-.416v.003-4.157a.363.363 0 00-.118-.307l-.878-1.058v-.158h2.727l2.107 4.622L9.031 3.16h2.6v.158z", + fill: e + } + ) +)), GK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.06 9.689c.016.49.423.88.912.88h.032a.911.911 0 00.88-.945.916.916 0 00-.912-.88h-.033c-.033 0-.08 0-.113.016-.669-1.108-.946-2.\ +314-.848-3.618.065-.978.391-1.825.961-2.526.473-.603 1.386-.896 2.005-.913 1.728-.032 2.461 2.119 2.51 2.983.212.049.57.163.815.244C10.073 2\ +.29 8.444.92 6.88.92c-1.467 0-2.82 1.06-3.357 2.625-.75 2.086-.261 4.09.651 5.671a.74.74 0 00-.114.473zm8.279-2.298c-1.239-1.45-3.064-2.249-\ +5.15-2.249h-.261a.896.896 0 00-.798-.489h-.033A.912.912 0 006.13 6.48h.031a.919.919 0 00.8-.554h.293c1.239 0 2.412.358 3.472 1.059.814.538 1\ +.401 1.238 1.727 2.086.277.684.261 1.353-.033 1.923-.456.864-1.222 1.337-2.232 1.337a4.16 4.16 0 01-1.597-.343 9.58 9.58 0 01-.734.587c.7.32\ +6 1.418.505 2.102.505 1.565 0 2.722-.863 3.162-1.727.473-.946.44-2.575-.782-3.961zm-7.433 5.51a4.005 4.005 0 01-.977.113c-1.206 0-2.298-.505\ +-2.836-1.32C.376 10.603.13 8.289 2.494 6.577c.05.261.147.62.212.832-.31.228-.798.685-1.108 1.303-.44.864-.391 1.729.13 2.527.359.537.93.864 \ +1.663.962.896.114 1.793-.05 2.657-.505 1.271-.669 2.119-1.467 2.672-2.56a.944.944 0 01-.26-.603.913.913 0 01.88-.945h.033a.915.915 0 01.098 \ +1.825c-.897 1.842-2.478 3.08-4.565 3.488z", + fill: e + } + ) +)), YK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 2.547a5.632 5.632 0 01-1.65.464 2.946 2.946 0 001.263-1.63 5.67 5.67 0 01-1.823.715 2.837 2.837 0 00-2.097-.93c-1.586 0-2.872 \ +1.319-2.872 2.946 0 .23.025.456.074.67C4.508 4.66 2.392 3.488.975 1.706c-.247.435-.389.941-.389 1.481 0 1.022.507 1.923 1.278 2.452a2.806 2.\ +806 0 01-1.3-.368l-.001.037c0 1.427.99 2.617 2.303 2.888a2.82 2.82 0 01-1.297.05c.366 1.17 1.427 2.022 2.683 2.045A5.671 5.671 0 010 11.51a7\ +.985 7.985 0 004.403 1.323c5.283 0 8.172-4.488 8.172-8.38 0-.128-.003-.255-.009-.38A5.926 5.926 0 0014 2.546z", + fill: e + } + ) +)), KK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13.99 8.172c.005-.281.007-.672.007-1.172 0-.5-.002-.89-.007-1.172a14.952 14.952 0 00-.066-1.066 9.638 9.638 0 00-.169-1.153c-.083\ +-.38-.264-.7-.542-.96a1.667 1.667 0 00-.972-.454C11.084 2.065 9.337 2 6.999 2s-4.085.065-5.241.195a1.65 1.65 0 00-.969.453c-.276.26-.455.58-\ +.539.961a8.648 8.648 0 00-.176 1.153c-.039.43-.061.785-.066 1.066C.002 6.11 0 6.5 0 7c0 .5.002.89.008 1.172.005.281.027.637.066 1.067.04.43.\ +095.813.168 1.152.084.38.265.7.543.96.279.261.603.412.973.453 1.156.13 2.902.196 5.24.196 2.34 0 4.087-.065 5.243-.196a1.65 1.65 0 00.967-.4\ +53c.276-.26.456-.58.54-.96.077-.339.136-.722.175-1.152.04-.43.062-.786.067-1.067zM9.762 6.578A.45.45 0 019.997 7a.45.45 0 01-.235.422l-3.998\ + 2.5a.442.442 0 01-.266.078.538.538 0 01-.242-.063.465.465 0 01-.258-.437v-5c0-.197.086-.343.258-.437a.471.471 0 01.508.016l3.998 2.5z", + fill: e + } + ) +)), XK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.243.04a.87.87 0 01.38.087l2.881 1.386a.874.874 0 01.496.79V11.713a.875.875 0 01-.496.775l-2.882 1.386a.872.872 0 01-.994-.17L4\ +.11 8.674l-2.404 1.823a.583.583 0 01-.744-.034l-.771-.7a.583.583 0 010-.862L2.274 7 .19 5.1a.583.583 0 010-.862l.772-.701a.583.583 0 01.744-\ +.033L4.11 5.327 9.628.296a.871.871 0 01.615-.255zm.259 3.784L6.315 7l4.187 3.176V3.824z", + fill: e + } + ) +)), QK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.667 13H2.333A1.333 1.333 0 011 11.667V2.333C1 1.597 1.597 1 2.333 1h9.334C12.403 1 13 1.597 13 2.333v9.334c0 .736-.597 1.333-1\ +.333 1.333zm-2.114-1.667h1.78V7.675c0-1.548-.877-2.296-2.102-2.296-1.226 0-1.742.955-1.742.955v-.778H5.773v5.777h1.716V8.3c0-.812.374-1.296 \ +1.09-1.296.658 0 .974.465.974 1.296v3.033zm-6.886-7.6c0 .589.474 1.066 1.058 1.066.585 0 1.058-.477 1.058-1.066 0-.589-.473-1.066-1.058-1.06\ +6-.584 0-1.058.477-1.058 1.066zm1.962 7.6h-1.79V5.556h1.79v5.777z", + fill: e + } + ) +)), JK = /* @__PURE__ */ d.forwardRef( + ({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.02.446h2.137L8.49 5.816l5.51 7.28H9.67L6.298 8.683l-3.88 4.413H.282l5.004-5.735L0 .446h4.442l3.064 4.048L11.02.446zm-.759 11\ +.357h1.18L3.796 1.655H2.502l7.759 10.148z", + fill: e + } + ) + ) +), ZK = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M.5 13.004a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h13a.5.5 0 01.5.5v11a.5.5 0 01-.5.5H.5zm.5-1v-8h12v8H1zm1-9.5a.5.5 0 11-1 0 .5.5 0 01\ +1 0zm2 0a.5.5 0 11-1 0 .5.5 0 011 0zm2 0a.5.5 0 11-1 0 .5.5 0 011 0z", + fill: e + } + ) +)), eX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5.004a1.5 1.5 0 00-1.5 1.5v11a1.5 1.5 0 001.5 1.5h7a1.5 1.5 0 001.5-1.5v-11a1.5 1.5 0 00-1.5-1.5h-7zm0 1h7a.5.5 0 01.5.5v9.5H3v\ +-9.5a.5.5 0 01.5-.5zm2.5 11a.5.5 0 000 1h2a.5.5 0 000-1H6z", + fill: e + } + ) +)), tX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3 1.504a1.5 1.5 0 011.5-1.5h5a1.5 1.5 0 011.5 1.5v11a1.5 1.5 0 01-1.5 1.5h-5a1.5 1.5 0 01-1.5-1.5v-11zm1 10.5v-10h6v10H4z", + fill: e + } + ) +)), rX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4 .504a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zm5.5 2.5h-5a.5.5 0 00-.5.5v7a.5.5 0 00.5.5h5a.5.5 0 00.5-.5v-7a.5.5 0 00-\ +.5-.5zm-5-1a1.5 1.5 0 00-1.5 1.5v7a1.5 1.5 0 001.5 1.5h5a1.5 1.5 0 001.5-1.5v-7a1.5 1.5 0 00-1.5-1.5h-5zm2.5 2a.5.5 0 01.5.5v2h1a.5.5 0 110 \ +1H7a.5.5 0 01-.5-.5v-2.5a.5.5 0 01.5-.5zm-2.5 9a.5.5 0 000 1h5a.5.5 0 000-1h-5z", + fill: e + } + ) +)), nX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.5 4.504a.5.5 0 01.5-.5h1a.5.5 0 110 1H3a.5.5 0 01-.5-.5zM3 6.004a.5.5 0 100 1h1a.5.5 0 000-1H3zM2.5 8.504a.5.5 0 01.5-.5h1a.5.5\ + 0 110 1H3a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 13.004a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11zm.5-1v-10h3v10H2zm4-10h6v10H6v-10z", + fill: e + } + ) +)), oX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.5 4.504a.5.5 0 01.5-.5h1a.5.5 0 010 1h-1a.5.5 0 01-.5-.5zM10 6.004a.5.5 0 100 1h1a.5.5 0 000-1h-1zM9.5 8.504a.5.5 0 01.5-.5h1a.\ +5.5 0 010 1h-1a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 13.004a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11zm.5-1v-10h6v10H2zm7-10h3v10H9v-10z", + fill: e + } + ) +)), aX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.5 4.504a.5.5 0 00-.5-.5h-1a.5.5 0 100 1h1a.5.5 0 00.5-.5zM11 6.004a.5.5 0 010 1h-1a.5.5 0 010-1h1zM11.5 8.504a.5.5 0 00-.5-.5h\ +-1a.5.5 0 100 1h1a.5.5 0 00.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 13.004a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11zm7.5-1h3v-10H9v10zm-1 0H2v-10h6v4.5H5.207l.6\ +5-.65a.5.5 0 10-.707-.708L3.646 6.65a.5.5 0 000 .707l1.497 1.497a.5.5 0 10.707-.708l-.643-.642H8v4.5z", + fill: e + } + ) +)), iX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 4.504a.5.5 0 01.5-.5h1a.5.5 0 110 1H2a.5.5 0 01-.5-.5zM2 6.004a.5.5 0 100 1h1a.5.5 0 000-1H2zM1.5 8.504a.5.5 0 01.5-.5h1a.5.5\ + 0 110 1H2a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M.5 13.004a.5.5 0 01-.5-.5v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5H.5zm.5-1v-10h3v10H1zm4 0v-4.5h2.793l-.643.642a.5.\ +5 0 10.707.708l1.497-1.497a.5.5 0 000-.707L7.85 5.146a.5.5 0 10-.707.708l.65.65H5v-4.5h6v10H5z", + fill: e + } + ) +)), sX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3 10.504a.5.5 0 01.5-.5h1a.5.5 0 010 1h-1a.5.5 0 01-.5-.5zM6.5 10.004a.5.5 0 000 1h1a.5.5 0 000-1h-1zM9 10.504a.5.5 0 01.5-.5h1a.\ +5.5 0 010 1h-1a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 1.504a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-11zm1 6.5v-6h10v6H2zm10 1v3H2v-3h10z", + fill: e + } + ) +)), lX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.5 10.004a.5.5 0 000 1h1a.5.5 0 000-1h-1zM6 10.504a.5.5 0 01.5-.5h1a.5.5 0 010 1h-1a.5.5 0 01-.5-.5zM9.5 10.004a.5.5 0 000 1h1a.\ +5.5 0 000-1h-1z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 12.504v-11a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v11a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5zm1-.5v-3h10v3H2zm4.5-4H2v-6h10v6H7.5V5.21l.646\ +.646a.5.5 0 10.708-.707l-1.5-1.5a.5.5 0 00-.708 0l-1.5 1.5a.5.5 0 10.708.707l.646-.646v2.793z", + fill: e + } + ) +)), uX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5 5.504a.5.5 0 01.5-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5v-3zm1 2.5v-2h2v2H6z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5.5.004a.5.5 0 01.5.5v1.5h2v-1.5a.5.5 0 011 0v1.5h2.5a.5.5 0 01.5.5v2.5h1.5a.5.5 0 010 1H12v2h1.5a.5.5 0 010 1H12v2.5a.5.5 0 01-.\ +5.5H9v1.5a.5.5 0 01-1 0v-1.5H6v1.5a.5.5 0 01-1 0v-1.5H2.5a.5.5 0 01-.5-.5v-2.5H.5a.5.5 0 010-1H2v-2H.5a.5.5 0 010-1H2v-2.5a.5.5 0 01.5-.5H5v\ +-1.5a.5.5 0 01.5-.5zm5.5 3H3v8h8v-8z", + fill: e + } + ) +)), cX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12 3c0-1.105-2.239-2-5-2s-5 .895-5 2v8c0 .426.26.752.544.977.29.228.68.413 1.116.558.878.293 2.059.465 3.34.465 1.281 0 2.462-.17\ +2 3.34-.465.436-.145.825-.33 1.116-.558.285-.225.544-.551.544-.977V3zm-1.03 0a.787.787 0 00-.05-.052c-.13-.123-.373-.28-.756-.434C9.404 2.21\ + 8.286 2 7 2c-1.286 0-2.404.21-3.164.514-.383.153-.625.31-.756.434A.756.756 0 003.03 3a.756.756 0 00.05.052c.13.123.373.28.756.434C4.596 3.7\ +9 5.714 4 7 4c1.286 0 2.404-.21 3.164-.514.383-.153.625-.31.756-.434A.787.787 0 0010.97 3zM11 5.75V4.2c-.912.486-2.364.8-4 .8-1.636 0-3.088-\ +.314-4-.8v1.55l.002.008a.147.147 0 00.016.033.618.618 0 00.145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.37\ +8-.126.648-.265.813-.395a.62.62 0 00.146-.15.149.149 0 00.015-.033A.03.03 0 0011 5.75zM3 7.013c.2.103.423.193.66.272.878.293 2.059.465 3.34.\ +465 1.281 0 2.462-.172 3.34-.465.237-.079.46-.17.66-.272V8.5l-.002.008a.149.149 0 01-.015.033.62.62 0 01-.146.15c-.165.13-.435.27-.813.395-.\ +751.25-1.82.414-3.024.414s-2.273-.163-3.024-.414c-.378-.126-.648-.265-.813-.395a.618.618 0 01-.145-.15.147.147 0 01-.016-.033A.027.027 0 013\ + 8.5V7.013zm0 2.75V11l.002.008a.147.147 0 00.016.033.617.617 0 00.145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.\ +414c.378-.126.648-.265.813-.395a.619.619 0 00.146-.15.148.148 0 00.015-.033L11 11V9.763c-.2.103-.423.193-.66.272-.878.293-2.059.465-3.34.465\ +-1.281 0-2.462-.172-3.34-.465A4.767 4.767 0 013 9.763z", + fill: e + } + ) +)), pX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5 3a.5.5 0 00-1 0v3a.5.5 0 001 0V3zM7 2.5a.5.5 0 01.5.5v3a.5.5 0 01-1 0V3a.5.5 0 01.5-.5zM10 4.504a.5.5 0 10-1 0V6a.5.5 0 001 0V4\ +.504z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12 3.54l-.001-.002a.499.499 0 00-.145-.388l-3-3a.499.499 0 00-.388-.145L8.464.004H2.5a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h9a.5.5 0 00\ +.5-.5V3.54zM3 1.004h5.293L11 3.71v5.293H3v-8zm0 9v3h8v-3H3z", + fill: e + } + ) +)), fX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M8.164 3.446a1.5 1.5 0 10-2.328 0L1.81 10.032A1.503 1.503 0 000 11.5a1.5 1.5 0 002.915.5h8.17a1.5 1.5 0 101.104-1.968L8.164 3.446z\ +m-1.475.522a1.506 1.506 0 00.622 0l4.025 6.586a1.495 1.495 0 00-.25.446H2.914a1.497 1.497 0 00-.25-.446l4.024-6.586z", + fill: e + } + ) +)), dX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.21.046l6.485 2.994A.5.5 0 0114 3.51v6.977a.495.495 0 01-.23.432.481.481 0 01-.071.038L7.23 13.944a.499.499 0 01-.46 0L.3 10.958\ +a.498.498 0 01-.3-.47V3.511a.497.497 0 01.308-.473L6.78.051a.499.499 0 01.43-.005zM1 4.282v5.898l5.5 2.538V6.82L1 4.282zm6.5 8.436L13 10.18V\ +4.282L7.5 6.82v5.898zM12.307 3.5L7 5.95 1.693 3.5 7 1.05l5.307 2.45z", + fill: e + } + ) +)), hX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M7.5.5a.5.5 0 00-1 0v6a.5.5 0 001 0v-6z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.273 2.808a.5.5 0 00-.546-.837 6 6 0 106.546 0 .5.5 0 00-.546.837 5 5 0 11-5.454 0z", + fill: e + } + ) +)), mX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13.854 2.146l-2-2a.5.5 0 00-.708 0l-1.5 1.5-8.995 8.995a.499.499 0 00-.143.268L.012 13.39a.495.495 0 00.135.463.5.5 0 00.462.134l\ +2.482-.496a.495.495 0 00.267-.143l8.995-8.995 1.5-1.5a.5.5 0 000-.708zM12 3.293l.793-.793L11.5 1.207 10.707 2 12 3.293zm-2-.586L1.707 11 3 1\ +2.293 11.293 4 10 2.707zM1.137 12.863l.17-.849.679.679-.849.17z", + fill: e + } + ) +)), gX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.586 5.586A2 2 0 018.862 7.73a.5.5 0 10.931.365 3 3 0 10-1.697 1.697.5.5 0 10-.365-.93 2 2 0 01-2.145-3.277z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M.939 6.527c.127.128.19.297.185.464a.635.635 0 01-.185.465L0 8.395a7.099 7.099 0 001.067 2.572h1.32c.182 0 .345.076.46.197a.635.63\ +5 0 01.198.46v1.317A7.097 7.097 0 005.602 14l.94-.94a.634.634 0 01.45-.186H7.021c.163 0 .326.061.45.186l.939.938a7.098 7.098 0 002.547-1.057\ +V11.61c0-.181.075-.344.197-.46a.634.634 0 01.46-.197h1.33c.507-.76.871-1.622 1.056-2.55l-.946-.946a.635.635 0 01-.186-.465.635.635 0 01.186-\ +.464l.943-.944a7.099 7.099 0 00-1.044-2.522h-1.34a.635.635 0 01-.46-.197.635.635 0 01-.196-.46V1.057A7.096 7.096 0 008.413.002l-.942.942a.63\ +4.634 0 01-.45.186H6.992a.634.634 0 01-.45-.186L5.598 0a7.097 7.097 0 00-2.553 1.058v1.33c0 .182-.076.345-.197.46a.635.635 0 01-.46.198h-1.3\ +3A7.098 7.098 0 00.003 5.591l.936.936zm.707 1.636c.324-.324.482-.752.479-1.172a1.634 1.634 0 00-.48-1.171l-.538-.539c.126-.433.299-.847.513-\ +1.235h.768c.459 0 .873-.19 1.167-.49.3-.295.49-.708.49-1.167v-.77c.39-.215.807-.388 1.243-.515l.547.547c.32.32.742.48 1.157.48l.015-.001h.01\ +4c.415 0 .836-.158 1.157-.479l.545-.544c.433.126.846.299 1.234.512v.784c0 .46.19.874.49 1.168.294.3.708.49 1.167.49h.776c.209.382.378.788.50\ +2 1.213l-.545.546a1.635 1.635 0 00-.48 1.17c-.003.421.155.849.48 1.173l.549.55c-.126.434-.3.85-.513 1.239h-.77c-.458 0-.872.19-1.166.49-.3.2\ +94-.49.708-.49 1.167v.77a6.09 6.09 0 01-1.238.514l-.54-.54a1.636 1.636 0 00-1.158-.48H6.992c-.415 0-.837.159-1.157.48l-.543.543a6.091 6.091 \ +0 01-1.247-.516v-.756c0-.459-.19-.873-.49-1.167-.294-.3-.708-.49-1.167-.49h-.761a6.094 6.094 0 01-.523-1.262l.542-.542z", + fill: e + } + ) +)), vX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.585 8.414a2 2 0 113.277-.683.5.5 0 10.931.365 3 3 0 10-1.697 1.697.5.5 0 00-.365-.93 2 2 0 01-2.146-.449z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.5.289a1 1 0 011 0l5.062 2.922a1 1 0 01.5.866v5.846a1 1 0 01-.5.866L7.5 13.71a1 1 0 01-1 0L1.437 10.79a1 1 0 01-.5-.866V4.077a1 \ +1 0 01.5-.866L6.5.29zm.5.866l5.062 2.922v5.846L7 12.845 1.937 9.923V4.077L7 1.155z", + fill: e + } + ) +)), yX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.5 1c.441 0 .564.521.252.833l-.806.807a.51.51 0 000 .72l.694.694a.51.51 0 00.72 0l.807-.806c.312-.312.833-.19.833.252a2.5 2.5 0\ + 01-3.414 2.328l-6.879 6.88a1 1 0 01-1.414-1.415l6.88-6.88A2.5 2.5 0 0110.5 1zM2 12.5a.5.5 0 100-1 .5.5 0 000 1z", + fill: e + } + ) +)), wX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13 7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM7 8.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z", + fill: e + } + ) +)), bX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.903.112a.107.107 0 01.194 0l.233.505.552.066c.091.01.128.123.06.185l-.408.377.109.546a.107.107 0 01-.158.114L6 1.634l-.485.271a\ +.107.107 0 01-.158-.114l.108-.546-.408-.377a.107.107 0 01.06-.185L5.67.617l.233-.505zM2.194.224a.214.214 0 00-.389 0l-.466 1.01-1.104.131a.2\ +14.214 0 00-.12.37l.816.755-.217 1.091a.214.214 0 00.315.23L2 3.266l.971.543c.16.09.35-.05.315-.229l-.216-1.09.816-.756a.214.214 0 00-.12-.3\ +7L2.66 1.234 2.194.224zM12.194 8.224a.214.214 0 00-.389 0l-.466 1.01-1.104.13a.214.214 0 00-.12.371l.816.755-.217 1.091a.214.214 0 00.315.23\ +l.97-.544.971.543c.16.09.35-.05.315-.229l-.216-1.09.816-.756a.214.214 0 00-.12-.37l-1.105-.131-.466-1.01z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.5 12.797l-1.293-1.293 6.758-6.758L9.258 6.04 2.5 12.797zm7.465-7.465l2.828-2.828L11.5 1.211 8.672 4.04l1.293 1.293zM.147 11.857\ +a.5.5 0 010-.707l11-11a.5.5 0 01.706 0l2 2a.5.5 0 010 .708l-11 11a.5.5 0 01-.706 0l-2-2z", + fill: e + } + ) +)), SX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.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: e + } + ) +)), EX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V6.393a.5.5 0 00-1 0v5.61H2v-10h7.5a.5.5 0 000-1H2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.354 9.857l7.5-7.5a.5.5 0 00-.708-.707L6 8.797 3.854 6.65a.5.5 0 10-.708.707l2.5 2.5a.5.5 0 00.708 0z", + fill: e + } + ) +)), xX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.5 2a.5.5 0 000 1h2a.5.5 0 000-1h-2zM8.854 2.646a.5.5 0 010 .708L5.207 7l3.647 3.646a.5.5 0 01-.708.708L4.5 7.707.854 11.354a.5\ +.5 0 01-.708-.708L3.793 7 .146 3.354a.5.5 0 11.708-.708L4.5 6.293l3.646-3.647a.5.5 0 01.708 0zM11 7a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2A.5.5 0 \ +0111 7zM11.5 11a.5.5 0 000 1h2a.5.5 0 000-1h-2z", + fill: e + } + ) +)), CX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.5 2a.5.5 0 000 1h2a.5.5 0 000-1h-2zM9.3 2.6a.5.5 0 01.1.7l-5.995 7.993a.505.505 0 01-.37.206.5.5 0 01-.395-.152L.146 8.854a.5.\ +5 0 11.708-.708l2.092 2.093L8.6 2.7a.5.5 0 01.7-.1zM11 7a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2A.5.5 0 0111 7zM11.5 11a.5.5 0 000 1h2a.5.5 0 000-1\ +h-2z", + fill: e + } + ) +)), DX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.5 1a.5.5 0 01.5.5V2h1.5a.5.5 0 010 1H11v.5a.5.5 0 01-1 0V3H1.5a.5.5 0 010-1H10v-.5a.5.5 0 01.5-.5zM1.5 11a.5.5 0 000 1H10v.5a.\ +5.5 0 001 0V12h1.5a.5.5 0 000-1H11v-.5a.5.5 0 00-1 0v.5H1.5zM1 7a.5.5 0 01.5-.5H3V6a.5.5 0 011 0v.5h8.5a.5.5 0 010 1H4V8a.5.5 0 01-1 0v-.5H1\ +.5A.5.5 0 011 7z", + fill: e + } + ) +)), RX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.5.5a.5.5 0 00-1 0v6h-6a.5.5 0 000 1h6v6a.5.5 0 001 0v-6h6a.5.5 0 000-1h-6v-6z", + fill: e + } + ) +)), AX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.03.97A.75.75 0 00.97 2.03L5.94 7 .97 11.97a.75.75 0 101.06 1.06L7 8.06l4.97 4.97a.75.75 0 101.06-1.06L8.06 7l4.97-4.97A.75.75 0\ + 0011.97.97L7 5.94 2.03.97z", + fill: e + } + ) +)), D3 = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.854 1.146a.5.5 0 10-.708.708L6.293 7l-5.147 5.146a.5.5 0 00.708.708L7 7.707l5.146 5.147a.5.5 0 00.708-.708L7.707 7l5.147-5.146a\ +.5.5 0 00-.708-.708L7 6.293 1.854 1.146z", + fill: e + } + ) +)), _X = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.5 4.5A.5.5 0 016 5v5a.5.5 0 01-1 0V5a.5.5 0 01.5-.5zM9 5a.5.5 0 00-1 0v5a.5.5 0 001 0V5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.5.5A.5.5 0 015 0h4a.5.5 0 01.5.5V2h3a.5.5 0 010 1H12v8a2 2 0 01-2 2H4a2 2 0 01-2-2V3h-.5a.5.5 0 010-1h3V.5zM3 3v8a1 1 0 001 1h6\ +a1 1 0 001-1V3H3zm2.5-2h3v1h-3V1z", + fill: e + } + ) +)), TX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3502)" }, /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M13.44 4.44L9.56.56a1.5 1.5 0 00-2.12 0L7 1a1.415 1.415 0 000 2L5 5H3.657A4 4 0 00.828 6.17l-.474.475a.5.5 0 000 .707l2.793 2.793-\ +3 3a.5.5 0 00.707.708l3-3 2.792 2.792a.5.5 0 00.708 0l.474-.475A4 4 0 009 10.343V9l2-2a1.414 1.414 0 002 0l.44-.44a1.5 1.5 0 000-2.12zM11 5.\ +585l-3 3v1.757a3 3 0 01-.879 2.121L7 12.586 1.414 7l.122-.122A3 3 0 013.656 6h1.758l3-3-.707-.707a.414.414 0 010-.586l.44-.44a.5.5 0 01.707 \ +0l3.878 3.88a.5.5 0 010 .706l-.44.44a.414.414 0 01-.585 0L11 5.586z", + fill: e + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3502" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), kX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3501)", fill: e }, /* @__PURE__ */ d.createElement("path", { d: "\ +M13.44 4.44L9.56.56a1.5 1.5 0 00-2.12 0L7 1a1.415 1.415 0 000 2L5.707 4.293 6.414 5l2-2-.707-.707a.414.414 0 010-.586l.44-.44a.5.5 0 01.707 \ +0l3.878 3.88a.5.5 0 010 .706l-.44.44a.414.414 0 01-.585 0L11 5.586l-2 2 .707.707L11 7a1.414 1.414 0 002 0l.44-.44a1.5 1.5 0 000-2.12zM.828 6\ +.171a4 4 0 012.758-1.17l1 .999h-.93a3 3 0 00-2.12.878L1.414 7 7 12.586l.121-.122A3 3 0 008 10.343v-.929l1 1a4 4 0 01-1.172 2.757l-.474.475a.\ +5.5 0 01-.708 0l-2.792-2.792-3 3a.5.5 0 01-.708-.708l3-3L.355 7.353a.5.5 0 010-.707l.474-.475zM1.854 1.146a.5.5 0 10-.708.708l11 11a.5.5 0 0\ +0.708-.708l-11-11z" })), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3501" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), IX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 3a.5.5 0 01.5.5v3h3a.5.5 0 010 1h-3v3a.5.5 0 01-1 0v-3h-3a.5.5 0 010-1h3v-3A.5.5 0 017 3z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", + fill: e + } + ) +)), PX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M3.5 6.5a.5.5 0 000 1h7a.5.5 0 000-1h-7z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), FX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.854 4.146a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.708-.708L6.293 7 4.146 4.854a.5\ +.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", + fill: e + } + ) +)), OX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0a6 6 0 01-9.874 4.582l8.456-8.456A5.976 5.976 0 0113 7zM2.418 10.874l8.456-8.456a6 6 0 00-8.45\ +6 8.456z", + fill: e + } + ) +)), LX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm3.854-9.354a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708 0l-2.5-2.5a.5.5 0 11.708-.708L6 8.793l4.146-4.\ +147a.5.5 0 01.708 0z", + fill: e + } + ) +)), NX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zM3.5 6.5a.5.5 0 000 1h7a.5.5 0 000-1h-7z", + fill: e + } + ) +)), MX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm2.854-9.854a.5.5 0 010 .708L7.707 7l2.147 2.146a.5.5 0 01-.708.708L7 7.707 4.854 9.854a.5.5 0 01-.\ +708-.708L6.293 7 4.146 4.854a.5.5 0 11.708-.708L7 6.293l2.146-2.147a.5.5 0 01.708 0z", + fill: e + } + ) +)), BX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5 2h7a2 2 0 012 2v6a2 2 0 01-2 2H5a1.994 1.994 0 01-1.414-.586l-3-3a2 2 0 010-2.828l3-3A1.994 1.994 0 015 2zm1.146 3.146a.5.5 0 0\ +1.708 0L8 6.293l1.146-1.147a.5.5 0 11.708.708L8.707 7l1.147 1.146a.5.5 0 01-.708.708L8 7.707 6.854 8.854a.5.5 0 11-.708-.708L7.293 7 6.146 5\ +.854a.5.5 0 010-.708z", + fill: e + } + ) +)), $X = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.5 5.004a.5.5 0 100 1h7a.5.5 0 000-1h-7zM3 8.504a.5.5 0 01.5-.5h7a.5.5 0 010 1h-7a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12.5 12.004H5.707l-1.853 1.854a.5.5 0 01-.351.146h-.006a.499.499 0 01-.497-.5v-1.5H1.5a.5.5 0 01-.5-.5v-9a.5.5 0 01.5-.5h11a.5.5 \ +0 01.5.5v9a.5.5 0 01-.5.5zm-10.5-1v-8h10v8H2z", + fill: e + } + ) +)), zX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.5 5.004a.5.5 0 10-1 0v1.5H5a.5.5 0 100 1h1.5v1.5a.5.5 0 001 0v-1.5H9a.5.5 0 000-1H7.5v-1.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.691 13.966a.498.498 0 01-.188.038h-.006a.499.499 0 01-.497-.5v-1.5H1.5a.5.5 0 01-.5-.5v-9a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v9a.5.\ +5 0 01-.5.5H5.707l-1.853 1.854a.5.5 0 01-.163.108zM2 3.004v8h10v-8H2z", + fill: e + } + ) +)), HX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.854 6.65a.5.5 0 010 .707l-2 2a.5.5 0 11-.708-.707l1.15-1.15-3.796.004a.5.5 0 010-1L8.29 6.5 7.145 5.357a.5.5 0 11.708-.707l2 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.691 13.966a.498.498 0 01-.188.038h-.006a.499.499 0 01-.497-.5v-1.5H1.5a.5.5 0 01-.5-.5v-9a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v9a.5.\ +5 0 01-.5.5H5.707l-1.853 1.854a.5.5 0 01-.163.108zM2 3.004v8h10v-8H2z", + fill: e + } + ) +)), jX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8.5 7.004a.5.5 0 000-1h-5a.5.5 0 100 1h5zM9 8.504a.5.5 0 01-.5.5h-5a.5.5 0 010-1h5a.5.5 0 01.5.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12 11.504v-1.5h1.5a.5.5 0 00.5-.5v-8a.5.5 0 00-.5-.5h-11a.5.5 0 00-.5.5v1.5H.5a.5.5 0 00-.5.5v8a.5.5 0 00.5.5H2v1.5a.499.499 0 00\ +.497.5h.006a.498.498 0 00.35-.146l1.854-1.854H11.5a.5.5 0 00.5-.5zm-9-8.5v-1h10v7h-1v-5.5a.5.5 0 00-.5-.5H3zm-2 8v-7h10v7H1z", + fill: e + } + ) +)), VX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 2a2 2 0 012-2h8a2 2 0 012 2v8a2 2 0 01-2 2H6.986a.444.444 0 01-.124.103l-3.219 1.84A.43.43 0 013 13.569V12a2 2 0 01-2-2V2zm3.42\ + 4.78a.921.921 0 110-1.843.921.921 0 010 1.842zm1.658-.922a.921.921 0 101.843 0 .921.921 0 00-1.843 0zm2.58 0a.921.921 0 101.842 0 .921.921 \ +0 00-1.843 0z", + fill: e + } + ) +)), UX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8 8.004a1 1 0 01-.5.866v1.634a.5.5 0 01-1 0V8.87A1 1 0 118 8.004z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3 4.004a4 4 0 118 0v1h1.5a.5.5 0 01.5.5v8a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-8a.5.5 0 01.5-.5H3v-1zm7 1v-1a3 3 0 10-6 0v1h6zm2 1\ +H2v7h10v-7z", + fill: e + } + ) +)), WX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3614)", fill: e }, /* @__PURE__ */ d.createElement("path", { d: "\ +M6.5 8.87a1 1 0 111 0v1.634a.5.5 0 01-1 0V8.87z" }), /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 1a3 3 0 00-3 3v1.004h8.5a.5.5 0 01.5.5v8a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5v-8a.5.5 0 01.5-.5H3V4a4 4 0 017.755-1.381.5.5 0 01-\ +.939.345A3.001 3.001 0 007 1zM2 6.004h10v7H2v-7z" + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3614" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), qX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M11 4a1 1 0 11-2 0 1 1 0 012 0z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.5 8.532V9.5a.5.5 0 01-.5.5H5.5v1.5a.5.5 0 01-.5.5H3.5v1.5a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-2a.5.5 0 01.155-.362l5.11-5.11A4.5\ + 4.5 0 117.5 8.532zM6 4.5a3.5 3.5 0 111.5 2.873c-.29-.203-1-.373-1 .481V9H5a.5.5 0 00-.5.5V11H3a.5.5 0 00-.5.5V13H1v-1.293l5.193-5.193a.552.\ +552 0 00.099-.613A3.473 3.473 0 016 4.5z", + fill: e + } + ) +)), GX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.354.15a.5.5 0 00-.708 0l-2 2a.5.5 0 10.708.707L6.5 1.711v6.793a.5.5 0 001 0V1.71l1.146 1.146a.5.5 0 10.708-.707l-2-2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 7.504a.5.5 0 10-1 0v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-1 0v4.5H2v-4.5z", + fill: e + } + ) +)), YX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M2.5 8.004a.5.5 0 100 1h3a.5.5 0 000-1h-3z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 11.504a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-9a.5.5 0 00-.5-.5H.5a.5.5 0 00-.5.5v9zm1-8.5v1h12v-1H1zm0 8h12v-5H1v5z", + fill: e + } + ) +)), KX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1 3.004a1 1 0 00-1 1v5a1 1 0 001 1h3.5a.5.5 0 100-1H1v-5h12v5h-1a.5.5 0 000 1h1a1 1 0 001-1v-5a1 1 0 00-1-1H1z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.45 7.006a.498.498 0 01.31.07L10.225 9.1a.5.5 0 01-.002.873l-1.074.621.75 1.3a.75.75 0 01-1.3.75l-.75-1.3-1.074.62a.497.497 0 01\ +-.663-.135.498.498 0 01-.095-.3L6 7.515a.497.497 0 01.45-.509z", + fill: e + } + ) +)), XX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4 1.504a.5.5 0 01.5-.5h5a.5.5 0 110 1h-2v10h2a.5.5 0 010 1h-5a.5.5 0 010-1h2v-10h-2a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M0 4.504a.5.5 0 01.5-.5h4a.5.5 0 110 1H1v4h3.5a.5.5 0 110 1h-4a.5.5 0 01-.5-.5v-5zM9.5 4.004a.5.5 0 100 1H13v4H9.5a.5.5 0 100 1h4a\ +.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5h-4z", + fill: e + } + ) +)), QX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5.943 12.457a.27.27 0 00.248-.149L7.77 9.151l2.54 2.54a.257.257 0 00.188.073c.082 0 .158-.03.21-.077l.788-.79a.27.27 0 000-.392L8\ +.891 7.9l3.416-1.708a.29.29 0 00.117-.106.222.222 0 00.033-.134.332.332 0 00-.053-.161.174.174 0 00-.092-.072l-.02-.007-10.377-4.15a.274.274\ + 0 00-.355.354l4.15 10.372a.275.275 0 00.233.169zm-.036 1l-.02-.002c-.462-.03-.912-.31-1.106-.796L.632 2.287A1.274 1.274 0 012.286.633l10.35\ +8 4.143c.516.182.782.657.81 1.114a1.25 1.25 0 01-.7 1.197L10.58 8.174l1.624 1.624a1.27 1.27 0 010 1.807l-.8.801-.008.007c-.491.46-1.298.48-1\ +.792-.014l-1.56-1.56-.957 1.916a1.27 1.27 0 01-1.142.702h-.037z", + fill: e + } + ) +)), JX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.87 6.008a.505.505 0 00-.003-.028v-.002c-.026-.27-.225-.48-.467-.498a.5.5 0 00-.53.5v1.41c0 .25-.22.47-.47.47a.48.48 0 01-.47-.\ +47V5.17a.6.6 0 00-.002-.05c-.023-.268-.223-.49-.468-.5a.5.5 0 00-.52.5v1.65a.486.486 0 01-.47.47.48.48 0 01-.47-.47V4.62a.602.602 0 00-.002-\ +.05v-.002c-.023-.266-.224-.48-.468-.498a.5.5 0 00-.53.5v2.2c0 .25-.22.47-.47.47a.49.49 0 01-.47-.47V1.8c0-.017 0-.034-.002-.05-.022-.268-.21\ +4-.49-.468-.5a.5.5 0 00-.52.5v6.78c0 .25-.22.47-.47.47a.48.48 0 01-.47-.47l.001-.1c.001-.053.002-.104 0-.155a.775.775 0 00-.06-.315.65.65 0 \ +00-.16-.22 29.67 29.67 0 01-.21-.189c-.2-.182-.4-.365-.617-.532l-.003-.003A6.366 6.366 0 003.06 7l-.01-.007c-.433-.331-.621-.243-.69-.193-.2\ +6.14-.29.5-.13.74l1.73 2.6v.01h-.016l-.035.023.05-.023s1.21 2.6 3.57 2.6c3.54 0 4.2-1.9 4.31-4.42.039-.591.036-1.189.032-1.783l-.002-.507v-.\ +032zm.969 2.376c-.057 1.285-.254 2.667-1.082 3.72-.88 1.118-2.283 1.646-4.227 1.646-1.574 0-2.714-.87-3.406-1.623a6.958 6.958 0 01-1.046-1.5\ +04l-.006-.012-1.674-2.516a1.593 1.593 0 01-.25-1.107 1.44 1.44 0 01.69-1.041c.195-.124.485-.232.856-.186.357.044.681.219.976.446.137.106.272\ +.22.4.331V1.75A1.5 1.5 0 015.63.25c.93.036 1.431.856 1.431 1.55v1.335a1.5 1.5 0 01.53-.063h.017c.512.04.915.326 1.153.71a1.5 1.5 0 01.74-.16\ +1c.659.025 1.115.458 1.316.964a1.493 1.493 0 01.644-.103h.017c.856.067 1.393.814 1.393 1.558l.002.48c.004.596.007 1.237-.033 1.864z", + fill: e + } + ) +)), ZX = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 6A2.5 2.5 0 116 3.5V5h2V3.5A2.5 2.5 0 1110.5 6H9v2h1.5A2.5 2.5 0 118 10.5V9H6v1.5A2.5 2.5 0 113.5 8H5V6H3.5zM2 3.5a1.5 1.5 0 \ +113 0V5H3.5A1.5 1.5 0 012 3.5zM6 6v2h2V6H6zm3-1h1.5A1.5 1.5 0 109 3.5V5zM3.5 9H5v1.5A1.5 1.5 0 113.5 9zM9 9v1.5A1.5 1.5 0 1010.5 9H9z", + fill: e + } + ) +)), eQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.083 12.25H2.917a1.167 1.167 0 01-1.167-1.167V2.917A1.167 1.167 0 012.917 1.75h6.416l2.917 2.917v6.416a1.167 1.167 0 01-1.167 1\ +.167z", + stroke: e, + strokeLinecap: "round", + strokeLinejoin: "round" + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.917 12.25V7.583H4.083v4.667M4.083 1.75v2.917H8.75", + stroke: e, + strokeLinecap: "round", + strokeLinejoin: "round" + } + ) +)), tQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 5.5a.5.5 0 01.5.5v4a.5.5 0 01-1 0V6a.5.5 0 01.5-.5zM7 4.5A.75.75 0 107 3a.75.75 0 000 1.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", + fill: e + } + ) +)), rQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.25 5.25A1.75 1.75 0 117 7a.5.5 0 00-.5.5V9a.5.5 0 001 0V7.955A2.75 2.75 0 104.25 5.25a.5.5 0 001 0zM7 11.5A.75.75 0 107 10a.75.\ +75 0 000 1.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), nQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-3.524 4.89A5.972 5.972 0 017 13a5.972 5.972 0 01-3.477-1.11l1.445-1.444C5.564 10.798 6.258 11 7 1\ +1s1.436-.202 2.032-.554l1.444 1.445zm-.03-2.858l1.445 1.444A5.972 5.972 0 0013 7c0-1.296-.41-2.496-1.11-3.477l-1.444 1.445C10.798 5.564 11 6\ +.258 11 7s-.202 1.436-.554 2.032zM9.032 3.554l1.444-1.445A5.972 5.972 0 007 1c-1.296 0-2.496.41-3.477 1.11l1.445 1.444A3.981 3.981 0 017 3c.\ +742 0 1.436.202 2.032.554zM3.554 4.968L2.109 3.523A5.973 5.973 0 001 7c0 1.296.41 2.496 1.11 3.476l1.444-1.444A3.981 3.981 0 013 7c0-.742.20\ +2-1.436.554-2.032zM10 7a3 3 0 11-6 0 3 3 0 016 0z", + fill: e + } + ) +)), oQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 4.5a.5.5 0 01.5.5v3.5a.5.5 0 11-1 0V5a.5.5 0 01.5-.5zM7.75 10.5a.75.75 0 11-1.5 0 .75.75 0 011.5 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.206 1.045a.498.498 0 01.23.209l6.494 10.992a.5.5 0 01-.438.754H.508a.497.497 0 01-.506-.452.498.498 0 01.072-.31l6.49-10.984a.4\ +97.497 0 01.642-.21zM7 2.483L1.376 12h11.248L7 2.483z", + fill: e + } + ) +)), aQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zM6.5 8a.5.5 0 001 0V4a.5.5 0 00-1 0v4zm-.25 2.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0z", + fill: e + } + ) +)), iQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 2.504a.5.5 0 01.5-.5h13a.5.5 0 01.5.5v9a.5.5 0 01-.5.5H.5a.5.5 0 01-.5-.5v-9zm1 1.012v7.488h12V3.519L7.313 7.894a.496.496 0 01-\ +.526.062.497.497 0 01-.1-.062L1 3.516zm11.03-.512H1.974L7 6.874l5.03-3.87z", + fill: e + } + ) +)), sQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.76 8.134l-.05.05a.2.2 0 01-.28.03 6.76 6.76 0 01-1.63-1.65.21.21 0 01.04-.27l.05-.05c.23-.2.54-.47.71-.96.17-.47-.02-1.04-.66-1\ +.94-.26-.38-.72-.96-1.22-1.46-.68-.69-1.2-1-1.65-1a.98.98 0 00-.51.13A3.23 3.23 0 00.9 3.424c-.13 1.1.26 2.37 1.17 3.78a16.679 16.679 0 004.\ +55 4.6 6.57 6.57 0 003.53 1.32 3.2 3.2 0 002.85-1.66c.14-.24.24-.64-.07-1.18a7.803 7.803 0 00-1.73-1.81c-.64-.5-1.52-1.11-2.13-1.11a.97.97 0\ + 00-.34.06c-.472.164-.74.458-.947.685l-.023.025zm4.32 2.678a6.801 6.801 0 00-1.482-1.54l-.007-.005-.006-.005a8.418 8.418 0 00-.957-.662 2.7 \ +2.7 0 00-.4-.193.683.683 0 00-.157-.043l-.004.002-.009.003c-.224.078-.343.202-.56.44l-.014.016-.046.045a1.2 1.2 0 01-1.602.149A7.76 7.76 0 0\ +14.98 7.134l-.013-.019-.013-.02a1.21 1.21 0 01.195-1.522l.06-.06.026-.024c.219-.19.345-.312.422-.533l.003-.01v-.008a.518.518 0 00-.032-.142c\ +-.06-.178-.203-.453-.502-.872l-.005-.008-.005-.007A10.18 10.18 0 004.013 2.59l-.005-.005c-.31-.314-.543-.5-.716-.605-.147-.088-.214-.096-.22\ +2-.097h-.016l-.006.003-.01.006a2.23 2.23 0 00-1.145 1.656c-.09.776.175 1.806 1.014 3.108a15.68 15.68 0 004.274 4.32l.022.014.022.016a5.57 5.\ +57 0 002.964 1.117 2.2 2.2 0 001.935-1.141l.006-.012.004-.007a.182.182 0 00-.007-.038.574.574 0 00-.047-.114z", + fill: e + } + ) +)), lQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.841 2.159a2.25 2.25 0 00-3.182 0l-2.5 2.5a2.25 2.25 0 000 3.182.5.5 0 01-.707.707 3.25 3.25 0 010-4.596l2.5-2.5a3.25 3.25 0 01\ +4.596 4.596l-2.063 2.063a4.27 4.27 0 00-.094-1.32l1.45-1.45a2.25 2.25 0 000-3.182z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.61 7.21c-.1-.434-.132-.88-.095-1.321L1.452 7.952a3.25 3.25 0 104.596 4.596l2.5-2.5a3.25 3.25 0 000-4.596.5.5 0 00-.707.707 2.25\ + 2.25 0 010 3.182l-2.5 2.5A2.25 2.25 0 112.159 8.66l1.45-1.45z", + fill: e + } + ) +)), uQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.452 7.952l1.305-1.305.708.707-1.306 1.305a2.25 2.25 0 103.182 3.182l1.306-1.305.707.707-1.306 1.305a3.25 3.25 0 01-4.596-4.596z\ +M12.548 6.048l-1.305 1.306-.707-.708 1.305-1.305a2.25 2.25 0 10-3.182-3.182L7.354 3.464l-.708-.707 1.306-1.305a3.25 3.25 0 014.596 4.596zM1.\ +854 1.146a.5.5 0 10-.708.708l11 11a.5.5 0 00.707-.707l-11-11z", + fill: e + } + ) +)), cQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.994 1.11a1 1 0 10-1.988 0A4.502 4.502 0 002.5 5.5v3.882l-.943 1.885a.497.497 0 00-.053.295.5.5 0 00.506.438h3.575a1.5 1.5 0 102\ +.83 0h3.575a.5.5 0 00.453-.733L11.5 9.382V5.5a4.502 4.502 0 00-3.506-4.39zM2.81 11h8.382l-.5-1H3.31l-.5 1zM10.5 9V5.5a3.5 3.5 0 10-7 0V9h7zm\ +-4 3.5a.5.5 0 111 0 .5.5 0 01-1 0z", + fill: e + } + ) +)), pQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5.5A.5.5 0 012 0c6.627 0 12 5.373 12 12a.5.5 0 01-1 0C13 5.925 8.075 1 2 1a.5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 4.5A.5.5 0 012 4a8 8 0 018 8 .5.5 0 01-1 0 7 7 0 00-7-7 .5.5 0 01-.5-.5z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5 11a2 2 0 11-4 0 2 2 0 014 0zm-1 0a1 1 0 11-2 0 1 1 0 012 0z", + fill: e + } + ) +)), fQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 1.004a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1v-4.5a.5.5 0 00-1 0v4.5H2v-10h4.5a.5.5 0 000-1H2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.354 7.357L12 2.711v1.793a.5.5 0 001 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 100 1h1.793L6.646 6.65a.5.5 0 10.708.707z", + fill: e + } + ) +)), dQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.646.15a.5.5 0 01.708 0l2 2a.5.5 0 11-.708.707L7.5 1.711v6.793a.5.5 0 01-1 0V1.71L5.354 2.857a.5.5 0 11-.708-.707l2-2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2 4.004a1 1 0 00-1 1v7a1 1 0 001 1h10a1 1 0 001-1v-7a1 1 0 00-1-1H9.5a.5.5 0 100 1H12v7H2v-7h2.5a.5.5 0 000-1H2z", + fill: e + } + ) +)), hQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M13.854 6.646a.5.5 0 010 .708l-2 2a.5.5 0 01-.708-.708L12.293 7.5H5.5a.5.5 0 010-1h6.793l-1.147-1.146a.5.5 0 01.708-.708l2 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10 2a1 1 0 00-1-1H2a1 1 0 00-1 1v10a1 1 0 001 1h7a1 1 0 001-1V9.5a.5.5 0 00-1 0V12H2V2h7v2.5a.5.5 0 001 0V2z", + fill: e + } + ) +)), mQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 13A6 6 0 107 1a6 6 0 000 12zm0 1A7 7 0 107 0a7 7 0 000 14z", + fill: e + } + ) +)), gQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M14 7A7 7 0 110 7a7 7 0 0114 0z", fill: e }) +)), vQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.\ +5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z", + fill: e + } + ) +)), yQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 15", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.\ +5.5 0 01.5-.5z", + fill: e + } + ) +)), wQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1449_588)" }, /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M8.414 1.586a2 2 0 00-2.828 0l-4 4a2 2 0 000 2.828l4 4a2 2 0 002.828 0l4-4a2 2 0 000-2.828l-4-4zm.707-.707a3 3 0 00-4.242 0l-4 4a3\ + 3 0 000 4.242l4 4a3 3 0 004.242 0l4-4a3 3 0 000-4.242l-4-4z", + fill: e + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1449_588" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), bQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12.814 1.846c.06.05.116.101.171.154l.001.002a3.254 3.254 0 01.755 1.168c.171.461.259.974.259 1.538 0 .332-.046.656-.143.976a4.546\ + 4.546 0 01-.397.937c-.169.302-.36.589-.58.864a7.627 7.627 0 01-.674.746l-4.78 4.596a.585.585 0 01-.427.173.669.669 0 01-.44-.173L1.78 8.217\ +a7.838 7.838 0 01-.677-.748 6.124 6.124 0 01-.572-.855 4.975 4.975 0 01-.388-.931A3.432 3.432 0 010 4.708C0 4.144.09 3.63.265 3.17c.176-.459\ +.429-.85.757-1.168a3.432 3.432 0 011.193-.74c.467-.176.99-.262 1.57-.262.304 0 .608.044.907.137.301.092.586.215.855.367.27.148.526.321.771.5\ +12.244.193.471.386.682.584.202-.198.427-.391.678-.584.248-.19.507-.364.78-.512a4.65 4.65 0 01.845-.367c.294-.093.594-.137.9-.137.585 0 1.115\ +.086 1.585.262.392.146.734.34 1.026.584zM1.2 3.526c.128-.333.304-.598.52-.806.218-.212.497-.389.849-.522m-1.37 1.328A3.324 3.324 0 001 4.708\ +c0 .225.032.452.101.686.082.265.183.513.307.737.135.246.294.484.479.716.188.237.386.454.59.652l.001.002 4.514 4.355 4.519-4.344c.2-.193.398-\ +.41.585-.648l.003-.003c.184-.23.345-.472.486-.726l.004-.007c.131-.23.232-.474.31-.732v-.002c.068-.224.101-.45.101-.686 0-.457-.07-.849-.195-\ +1.185a2.177 2.177 0 00-.515-.802l.007-.012-.008.009a2.383 2.383 0 00-.85-.518l-.003-.001C11.1 2.072 10.692 2 10.203 2c-.21 0-.406.03-.597.09\ +h-.001c-.22.07-.443.167-.663.289l-.007.003c-.22.12-.434.262-.647.426-.226.174-.42.341-.588.505l-.684.672-.7-.656a9.967 9.967 0 00-.615-.527 \ +4.82 4.82 0 00-.635-.422l-.01-.005a3.289 3.289 0 00-.656-.281l-.008-.003A2.014 2.014 0 003.785 2c-.481 0-.881.071-1.217.198", + fill: e + } + ) +)), SQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M12.814 1.846c.06.05.116.101.171.154l.001.002a3.254 3.254 0 01.755 1.168c.171.461.259.974.259 1.538 0 .332-.046.656-.143.976a4.546\ + 4.546 0 01-.397.937c-.169.302-.36.589-.58.864a7.627 7.627 0 01-.674.746l-4.78 4.596a.585.585 0 01-.427.173.669.669 0 01-.44-.173L1.78 8.217\ +a7.838 7.838 0 01-.677-.748 6.124 6.124 0 01-.572-.855 4.975 4.975 0 01-.388-.931A3.432 3.432 0 010 4.708C0 4.144.09 3.63.265 3.17c.176-.459\ +.429-.85.757-1.168a3.432 3.432 0 011.193-.74c.467-.176.99-.262 1.57-.262.304 0 .608.044.907.137.301.092.586.215.855.367.27.148.526.321.771.5\ +12.244.193.471.386.682.584.202-.198.427-.391.678-.584.248-.19.507-.364.78-.512a4.65 4.65 0 01.845-.367c.294-.093.594-.137.9-.137.585 0 1.115\ +.086 1.585.262.392.146.734.34 1.026.584z", + fill: e + } + ) +)), EQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.319.783a.75.75 0 011.362 0l1.63 3.535 3.867.458a.75.75 0 01.42 1.296L10.74 8.715l.76 3.819a.75.75 0 01-1.103.8L7 11.434l-3.398 \ +1.902a.75.75 0 01-1.101-.801l.758-3.819L.401 6.072a.75.75 0 01.42-1.296l3.867-.458L6.318.783zm.68.91l-1.461 3.17a.75.75 0 01-.593.431l-3.467\ +.412 2.563 2.37a.75.75 0 01.226.697l-.68 3.424 3.046-1.705a.75.75 0 01.733 0l3.047 1.705-.68-3.424a.75.75 0 01.226-.697l2.563-2.37-3.467-.41\ +2a.75.75 0 01-.593-.43L7 1.694z", + fill: e + } + ) +)), xQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.68.783a.75.75 0 00-1.361 0l-1.63 3.535-3.867.458A.75.75 0 00.4 6.072l2.858 2.643-.758 3.819a.75.75 0 001.101.8L7 11.434l3.397 1\ +.902a.75.75 0 001.102-.801l-.759-3.819L13.6 6.072a.75.75 0 00-.421-1.296l-3.866-.458L7.68.783z", + fill: e + } + ) +)), CQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10 7.854a4.5 4.5 0 10-6 0V13a.5.5 0 00.497.5h.006c.127 0 .254-.05.35-.146L7 11.207l2.146 2.147A.5.5 0 0010 13V7.854zM7 8a3.5 3.5 \ +0 100-7 3.5 3.5 0 000 7zm-.354 2.146a.5.5 0 01.708 0L9 11.793v-3.26C8.398 8.831 7.718 9 7 9a4.481 4.481 0 01-2-.468v3.26l1.646-1.646z", + fill: e + } + ) +)), DQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.565 13.123a.991.991 0 01.87 0l.987.482a.991.991 0 001.31-.426l.515-.97a.991.991 0 01.704-.511l1.082-.19a.99.99 0 00.81-1.115l-.\ +154-1.087a.991.991 0 01.269-.828l.763-.789a.991.991 0 000-1.378l-.763-.79a.991.991 0 01-.27-.827l.155-1.087a.99.99 0 00-.81-1.115l-1.082-.19\ +a.991.991 0 01-.704-.511L9.732.82a.99.99 0 00-1.31-.426l-.987.482a.991.991 0 01-.87 0L5.578.395a.99.99 0 00-1.31.426l-.515.97a.99.99 0 01-.7\ +04.511l-1.082.19a.99.99 0 00-.81 1.115l.154 1.087a.99.99 0 01-.269.828L.28 6.31a.99.99 0 000 1.378l.763.79a.99.99 0 01.27.827l-.155 1.087a.9\ +9.99 0 00.81 1.115l1.082.19a.99.99 0 01.704.511l.515.97c.25.473.83.661 1.31.426l.987-.482zm4.289-8.477a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.7\ +08 0l-2.5-2.5a.5.5 0 11.708-.708L6 8.793l4.146-4.147a.5.5 0 01.708 0z", + fill: e + } + ) +)), RQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11 12.02c-.4.37-.91.56-1.56.56h-.88a5.493 5.493 0 01-1.3-.16c-.42-.1-.91-.25-1.47-.45a5.056 5.056 0 00-.95-.27H2.88a.84.84 0 01-.\ +62-.26.84.84 0 01-.26-.61V6.45c0-.24.09-.45.26-.62a.84.84 0 01.62-.25h1.87c.16-.11.47-.47.93-1.06.27-.35.51-.64.74-.88.1-.11.19-.3.24-.58.05\ +-.28.12-.57.2-.87.1-.3.24-.55.43-.74a.87.87 0 01.62-.25c.38 0 .72.07 1.03.22.3.15.54.38.7.7.15.31.23.73.23 1.27a3 3 0 01-.32 1.31h1.2c.47 0 \ +.88.17 1.23.52s.52.8.52 1.22c0 .29-.04.66-.34 1.12.05.15.07.3.07.47 0 .35-.09.68-.26.98a2.05 2.05 0 01-.4 1.51 1.9 1.9 0 01-.57 1.5zm.473-5.\ +33a.965.965 0 00.027-.25.742.742 0 00-.227-.513.683.683 0 00-.523-.227H7.927l.73-1.45a2 2 0 00.213-.867c0-.444-.068-.695-.127-.822a.53.53 0 \ +00-.245-.244 1.296 1.296 0 00-.539-.116.989.989 0 00-.141.28 9.544 9.544 0 00-.174.755c-.069.387-.213.779-.484 1.077l-.009.01-.009.01c-.195.\ +202-.41.46-.67.798l-.003.004c-.235.3-.44.555-.613.753-.151.173-.343.381-.54.516l-.255.176H5v4.133l.018.003c.384.07.76.176 1.122.318.532.189.\ +98.325 1.352.413l.007.002a4.5 4.5 0 001.063.131h.878c.429 0 .683-.115.871-.285a.9.9 0 00.262-.702l-.028-.377.229-.3a1.05 1.05 0 00.205-.774l\ +-.044-.333.165-.292a.969.969 0 00.13-.487.457.457 0 00-.019-.154l-.152-.458.263-.404a1.08 1.08 0 00.152-.325zM3.5 10.8a.5.5 0 100-1 .5.5 0 0\ +00 1z", + fill: e + } + ) +)), AQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.765 2.076A.5.5 0 0112 2.5v6.009a.497.497 0 01-.17.366L7.337 12.87a.497.497 0 01-.674 0L2.17 8.875l-.009-.007a.498.498 0 01-.16\ +-.358L2 8.5v-6a.5.5 0 01.235-.424l.018-.011c.016-.01.037-.024.065-.04.056-.032.136-.077.24-.128a6.97 6.97 0 01.909-.371C4.265 1.26 5.443 1 7\ + 1s2.735.26 3.533.526c.399.133.702.267.91.37a4.263 4.263 0 01.304.169l.018.01zM3 2.793v5.482l1.068.95 6.588-6.588a6.752 6.752 0 00-.44-.163C\ +9.517 2.24 8.444 2 7 2c-1.443 0-2.515.24-3.217.474-.351.117-.61.233-.778.317L3 2.793zm4 9.038l-2.183-1.94L11 3.706v4.568l-4 3.556z", + fill: e + } + ) +)), _Q = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.354 2.854a.5.5 0 10-.708-.708l-3 3a.5.5 0 10.708.708l3-3z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.09 6H4.5a.5.5 0 000-1H1.795a.75.75 0 00-.74.873l.813 4.874A1.5 1.5 0 003.348 12h7.305a1.5 1.5 0 001.48-1.253l.812-4.874a.75.75 \ +0 00-.74-.873H10a.5.5 0 000 1h1.91l-.764 4.582a.5.5 0 01-.493.418H3.347a.5.5 0 01-.493-.418L2.09 6z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.5 7a.5.5 0 01.5.5v2a.5.5 0 01-1 0v-2a.5.5 0 01.5-.5zM10 7.5a.5.5 0 00-1 0v2a.5.5 0 001 0v-2zM6.5 9.5v-2a.5.5 0 011 0v2a.5.5 0 0\ +1-1 0z", + fill: e + } + ) +)), TQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.5 2h.75v3.866l-3.034 5.26A1.25 1.25 0 003.299 13H10.7a1.25 1.25 0 001.083-1.875L8.75 5.866V2h.75a.5.5 0 100-1h-5a.5.5 0 000 1zm\ +1.75 4V2h1.5v4.134l.067.116L8.827 8H5.173l1.01-1.75.067-.116V6zM4.597 9l-1.515 2.625A.25.25 0 003.3 12H10.7a.25.25 0 00.217-.375L9.404 9H4.5\ +97z", + fill: e + } + ) +)), kQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M7.5 10.5a.5.5 0 11-1 0 .5.5 0 011 0z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 1a.5.5 0 00-.5.5c0 1.063.137 1.892.678 2.974.346.692.858 1.489 1.598 2.526-.89 1.247-1.455 2.152-1.798 2.956-.377.886-.477 1.\ +631-.478 2.537v.007a.5.5 0 00.5.5h7c.017 0 .034 0 .051-.003A.5.5 0 0011 12.5v-.007c0-.906-.1-1.65-.478-2.537-.343-.804-.909-1.709-1.798-2.95\ +6.74-1.037 1.252-1.834 1.598-2.526C10.863 3.392 11 2.563 11 1.5a.5.5 0 00-.5-.5h-7zm6.487 11a4.675 4.675 0 00-.385-1.652c-.277-.648-.735-1.4\ +07-1.499-2.494-.216.294-.448.606-.696.937a.497.497 0 01-.195.162.5.5 0 01-.619-.162c-.248-.331-.48-.643-.696-.937-.764 1.087-1.222 1.846-1.4\ +99 2.494A4.675 4.675 0 004.013 12h5.974zM6.304 6.716c.212.293.443.609.696.948a90.058 90.058 0 00.709-.965c.48-.664.86-1.218 1.163-1.699H5.12\ +8a32.672 32.672 0 001.176 1.716zM4.559 4h4.882c.364-.735.505-1.312.546-2H4.013c.04.688.182 1.265.546 2z", + fill: e + } + ) +)), IQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11.5 1h-9a.5.5 0 00-.5.5v11a.5.5 0 001 0V8h8.5a.5.5 0 00.354-.854L9.207 4.5l2.647-2.646A.499.499 0 0011.5 1zM8.146 4.146L10.293 2\ +H3v5h7.293L8.146 4.854a.5.5 0 010-.708z", + fill: e + } + ) +)), PQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10 7V6a3 3 0 00-5.91-.736l-.17.676-.692.075A2.5 2.5 0 003.5 11h3c.063 0 .125-.002.187-.007l.076-.005.076.006c.053.004.106.006.161\ +.006h4a2 2 0 100-4h-1zM3.12 5.02A3.5 3.5 0 003.5 12h3c.087 0 .174-.003.26-.01.079.007.16.01.24.01h4a3 3 0 100-6 4 4 0 00-7.88-.98z", + fill: e + } + ) +)), FQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 2a4 4 0 014 4 3 3 0 110 6H7c-.08 0-.161-.003-.24-.01-.086.007-.173.01-.26.01h-3a3.5 3.5 0 01-.38-6.98A4.002 4.002 0 017 2z", + fill: e + } + ) +)), OQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M11 7a4 4 0 11-8 0 4 4 0 018 0zm-1 0a3 3 0 11-6 0 3 3 0 016 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.268 13.18c.25.472.83.66 1.31.425l.987-.482a.991.991 0 01.87 0l.987.482a.991.991 0 001.31-.426l.515-.97a.991.991 0 01.704-.511l1\ +.082-.19a.99.99 0 00.81-1.115l-.154-1.087a.991.991 0 01.269-.828l.763-.789a.991.991 0 000-1.378l-.763-.79a.991.991 0 01-.27-.827l.155-1.087a\ +.99.99 0 00-.81-1.115l-1.082-.19a.991.991 0 01-.704-.511L9.732.82a.99.99 0 00-1.31-.426l-.987.482a.991.991 0 01-.87 0L5.578.395a.99.99 0 00-\ +1.31.426l-.515.97a.99.99 0 01-.704.511l-1.082.19a.99.99 0 00-.81 1.115l.154 1.087a.99.99 0 01-.269.828L.28 6.31a.99.99 0 000 1.378l.763.79a.\ +99.99 0 01.27.827l-.155 1.087a.99.99 0 00.81 1.115l1.082.19a.99.99 0 01.704.511l.515.97zm5.096-1.44l-.511.963-.979-.478a1.99 1.99 0 00-1.748\ + 0l-.979.478-.51-.962a1.991 1.991 0 00-1.415-1.028l-1.073-.188.152-1.079a1.991 1.991 0 00-.54-1.663L1.004 7l.757-.783a1.991 1.991 0 00.54-1.\ +663L2.15 3.475l1.073-.188A1.991 1.991 0 004.636 2.26l.511-.962.979.478a1.99 1.99 0 001.748 0l.979-.478.51.962c.288.543.81.922 1.415 1.028l1.\ +073.188-.152 1.079a1.99 1.99 0 00.54 1.663l.757.783-.757.783a1.99 1.99 0 00-.54 1.663l.152 1.079-1.073.188a1.991 1.991 0 00-1.414 1.028z", + fill: e + } + ) +)), LQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 4a3 3 0 100 6 3 3 0 000-6zM3 7a4 4 0 118 0 4 4 0 01-8 0z", + fill: e + } + ) +)), NQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.206 3.044a.498.498 0 01.23.212l3.492 5.985a.494.494 0 01.006.507.497.497 0 01-.443.252H3.51a.499.499 0 01-.437-.76l3.492-5.984a\ +.497.497 0 01.642-.212zM7 4.492L4.37 9h5.26L7 4.492z", + fill: e + } + ) +)), MQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z", + fill: e + } + ) +)), BQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.354 3.896l5.5 5.5a.5.5 0 01-.708.708L7 4.957l-5.146 5.147a.5.5 0 01-.708-.708l5.5-5.5a.5.5 0 01.708 0z", + fill: e + } + ) +)), $Q = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.146 4.604l5.5 5.5a.5.5 0 00.708 0l5.5-5.5a.5.5 0 00-.708-.708L7 9.043 1.854 3.896a.5.5 0 10-.708.708z", + fill: e + } + ) +)), zQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M2.76 7.096a.498.498 0 00.136.258l5.5 5.5a.5.5 0 00.707-.708L3.958 7l5.147-5.146a.5.5 0 10-.708-.708l-5.5 5.5a.5.5 0 00-.137.45z", + fill: e + } + ) +)), R3 = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.104 7.354l-5.5 5.5a.5.5 0 01-.708-.708L10.043 7 4.896 1.854a.5.5 0 11.708-.708l5.5 5.5a.5.5 0 010 .708z", + fill: e + } + ) +)), HQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.854 9.104a.5.5 0 11-.708-.708l3.5-3.5a.5.5 0 01.708 0l3.5 3.5a.5.5 0 01-.708.708L7 5.957 3.854 9.104z", + fill: e + } + ) +)), jQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.854 4.896a.5.5 0 10-.708.708l3.5 3.5a.5.5 0 00.708 0l3.5-3.5a.5.5 0 00-.708-.708L7 8.043 3.854 4.896z", + fill: e + } + ) +)), VQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M9.104 10.146a.5.5 0 01-.708.708l-3.5-3.5a.5.5 0 010-.708l3.5-3.5a.5.5 0 11.708.708L5.957 7l3.147 3.146z", + fill: e + } + ) +)), UQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M4.896 10.146a.5.5 0 00.708.708l3.5-3.5a.5.5 0 000-.708l-3.5-3.5a.5.5 0 10-.708.708L8.043 7l-3.147 3.146z", + fill: e + } + ) +)), WQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.854 4.646l-4.5-4.5a.5.5 0 00-.708 0l-4.5 4.5a.5.5 0 10.708.708L6.5 1.707V13.5a.5.5 0 001 0V1.707l3.646 3.647a.5.5 0 00.708-.70\ +8z", + fill: e + } + ) +)), qQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.5.5a.5.5 0 00-1 0v11.793L2.854 8.646a.5.5 0 10-.708.708l4.5 4.5a.5.5 0 00.351.146h.006c.127 0 .254-.05.35-.146l4.5-4.5a.5.5 0 0\ +0-.707-.708L7.5 12.293V.5z", + fill: e + } + ) +)), GQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.354 2.146a.5.5 0 010 .708L1.707 6.5H13.5a.5.5 0 010 1H1.707l3.647 3.646a.5.5 0 01-.708.708l-4.5-4.5a.5.5 0 010-.708l4.5-4.5a.5.\ +5 0 01.708 0z", + fill: e + } + ) +)), YQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8.646 2.146a.5.5 0 01.708 0l4.5 4.5a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708-.708L12.293 7.5H.5a.5.5 0 010-1h11.793L8.646 2.854a.5\ +.5 0 010-.708z", + fill: e + } + ) +)), KQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.904 8.768V2.404a.5.5 0 01.5-.5h6.364a.5.5 0 110 1H3.61l8.339 8.339a.5.5 0 01-.707.707l-8.34-8.34v5.158a.5.5 0 01-1 0z", + fill: e + } + ) +)), XQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M12.096 8.768V2.404a.5.5 0 00-.5-.5H5.232a.5.5 0 100 1h5.157L2.05 11.243a.5.5 0 10.707.707l8.34-8.34v5.158a.5.5 0 101 0z", + fill: e + } + ) +)), QQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.904 5.232v6.364a.5.5 0 00.5.5h6.364a.5.5 0 000-1H3.61l8.339-8.339a.5.5 0 00-.707-.707l-8.34 8.34V5.231a.5.5 0 00-1 0z", + fill: e + } + ) +)), JQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M12.096 5.232v6.364a.5.5 0 01-.5.5H5.232a.5.5 0 010-1h5.157L2.05 2.757a.5.5 0 01.707-.707l8.34 8.34V5.231a.5.5 0 111 0z", + fill: e + } + ) +)), ZQ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.772 3.59c.126-.12.33-.12.456 0l5.677 5.387c.203.193.06.523-.228.523H1.323c-.287 0-.431-.33-.228-.523L6.772 3.59z", + fill: e + } + ) +)), eJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.228 10.41a.335.335 0 01-.456 0L1.095 5.023c-.203-.193-.06-.523.228-.523h11.354c.287 0 .431.33.228.523L7.228 10.41z", + fill: e + } + ) +)), tJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.712 7.212a.3.3 0 010-.424l5.276-5.276a.3.3 0 01.512.212v10.552a.3.3 0 01-.512.212L3.712 7.212z", + fill: e + } + ) +)), rJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.288 7.212a.3.3 0 000-.424L5.012 1.512a.3.3 0 00-.512.212v10.552a.3.3 0 00.512.212l5.276-5.276z", + fill: e + } + ) +)), nJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.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: e + } + ) +)), oJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.354.146a.5.5 0 10-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 00-.708-.708L7 3.793 3.354.146zM6.646 9.146a.5.5 0 01.708 0l4 4a.5.5 \ +0 01-.708.708L7 10.207l-3.646 3.647a.5.5 0 01-.708-.708l4-4z", + fill: e + } + ) +)), aJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 1h2a.5.5 0 010 1h-.793l3.147 3.146a.5.5 0 11-.708.708L2 2.707V3.5a.5.5 0 01-1 0v-2a.5.5 0 01.5-.5zM10 1.5a.5.5 0 01.5-.5h2a.5\ +.5 0 01.5.5v2a.5.5 0 01-1 0v-.793L8.854 5.854a.5.5 0 11-.708-.708L11.293 2H10.5a.5.5 0 01-.5-.5zM12.5 10a.5.5 0 01.5.5v2a.5.5 0 01-.5.5h-2a.\ +5.5 0 010-1h.793L8.146 8.854a.5.5 0 11.708-.708L12 11.293V10.5a.5.5 0 01.5-.5zM2 11.293V10.5a.5.5 0 00-1 0v2a.5.5 0 00.5.5h2a.5.5 0 000-1h-.\ +793l3.147-3.146a.5.5 0 10-.708-.708L2 11.293z", + fill: e + } + ) +)), iJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M6.646.147l-1.5 1.5a.5.5 0 10.708.707l.646-.647V5a.5.5 0 001 0V1.707l.646.647a.5.5 0 10.708-.707l-1.5-1.5a.5.5 0 00-.708 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.309 4.038a.498.498 0 00-.16.106l-.005.005a.498.498 0 00.002.705L3.293 7 1.146 9.146A.498.498 0 001.5 10h3a.5.5 0 000-1H2.707l1.\ +5-1.5h5.586l2.353 2.354a.5.5 0 00.708-.708L10.707 7l2.146-2.146.11-.545-.107.542A.499.499 0 0013 4.503v-.006a.5.5 0 00-.144-.348l-.005-.005A\ +.498.498 0 0012.5 4h-3a.5.5 0 000 1h1.793l-1.5 1.5H4.207L2.707 5H4.5a.5.5 0 000-1h-3a.498.498 0 00-.191.038z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 8.5a.5.5 0 01.5.5v3.293l.646-.647a.5.5 0 01.708.708l-1.5 1.5a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708l.646.647V9a.5.5 0 01.\ +5-.5zM9 9.5a.5.5 0 01.5-.5h3a.5.5 0 010 1h-3a.5.5 0 01-.5-.5z", + fill: e + } + ) +)), sJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M10.646 2.646a.5.5 0 01.708 0l1.5 1.5a.5.5 0 010 .708l-1.5 1.5a.5.5 0 01-.708-.708L11.293 5H1.5a.5.5 0 010-1h9.793l-.647-.646a.5.5\ + 0 010-.708zM3.354 8.354L2.707 9H12.5a.5.5 0 010 1H2.707l.647.646a.5.5 0 01-.708.708l-1.5-1.5a.5.5 0 010-.708l1.5-1.5a.5.5 0 11.708.708z", + fill: e + } + ) +)), lJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.5 1a.5.5 0 01.5.5V10a2 2 0 004 0V4a3 3 0 016 0v7.793l1.146-1.147a.5.5 0 01.708.708l-2 2a.5.5 0 01-.708 0l-2-2a.5.5 0 01.708-.70\ +8L11 11.793V4a2 2 0 10-4 0v6.002a3 3 0 01-6 0V1.5a.5.5 0 01.5-.5z", + fill: e + } + ) +)), uJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.146 3.854a.5.5 0 010-.708l2-2a.5.5 0 11.708.708L2.707 3h6.295A4 4 0 019 11H3a.5.5 0 010-1h6a3 3 0 100-6H2.707l1.147 1.146a.5.5 \ +0 11-.708.708l-2-2z", + fill: e + } + ) +)), cJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.354 2.146a.5.5 0 010 .708L1.707 5.5H9.5A4.5 4.5 0 0114 10v1.5a.5.5 0 01-1 0V10a3.5 3.5 0 00-3.5-3.5H1.707l2.647 2.646a.5.5 0 11\ +-.708.708l-3.5-3.5a.5.5 0 010-.708l3.5-3.5a.5.5 0 01.708 0z", + fill: e + } + ) +)), pJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.5 1A.5.5 0 005 .5H2a.5.5 0 000 1h1.535a6.502 6.502 0 002.383 11.91.5.5 0 10.165-.986A5.502 5.502 0 014.5 2.1V4a.5.5 0 001 0V1.3\ +53a.5.5 0 000-.023V1zM7.507 1a.5.5 0 01.576-.41 6.502 6.502 0 012.383 11.91H12a.5.5 0 010 1H9a.5.5 0 01-.5-.5v-3a.5.5 0 011 0v1.9A5.5 5.5 0 \ +007.917 1.576.5.5 0 017.507 1z", + fill: e + } + ) +)), fJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8.646 5.854L7.5 4.707V10.5a.5.5 0 01-1 0V4.707L5.354 5.854a.5.5 0 11-.708-.708l2-2a.5.5 0 01.708 0l2 2a.5.5 0 11-.708.708z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), dJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.354 8.146L6.5 9.293V3.5a.5.5 0 011 0v5.793l1.146-1.147a.5.5 0 11.708.708l-2 2a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 7a7 7 0 1114 0A7 7 0 010 7zm1 0a6 6 0 1112 0A6 6 0 011 7z", + fill: e + } + ) +)), hJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M5.854 5.354L4.707 6.5H10.5a.5.5 0 010 1H4.707l1.147 1.146a.5.5 0 11-.708.708l-2-2a.5.5 0 010-.708l2-2a.5.5 0 11.708.708z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 0a7 7 0 110 14A7 7 0 017 0zm0 1a6 6 0 110 12A6 6 0 017 1z", + fill: e + } + ) +)), mJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.5 6.5h5.793L8.146 5.354a.5.5 0 11.708-.708l2 2a.5.5 0 010 .708l-2 2a.5.5 0 11-.708-.708L9.293 7.5H3.5a.5.5 0 010-1z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 117 0a7 7 0 010 14zm0-1A6 6 0 117 1a6 6 0 010 12z", + fill: e + } + ) +)), gJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.092.5H7a6.5 6.5 0 106.41 7.583.5.5 0 10-.986-.166A5.495 5.495 0 017 12.5a5.5 5.5 0 010-11h.006a5.5 5.5 0 014.894 3H10a.5.5 0 00\ +0 1h3a.5.5 0 00.5-.5V2a.5.5 0 00-1 0v1.535A6.495 6.495 0 007.092.5z", + fill: e + } + ) +)), vJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 100 7a7 7 0 0014 0zm-6.535 5.738c-.233.23-.389.262-.465.262-.076 0-.232-.032-.465-.262-.238-.234-.497-.623-.737-1.182-\ +.434-1.012-.738-2.433-.79-4.056h3.984c-.052 1.623-.356 3.043-.79 4.056-.24.56-.5.948-.737 1.182zM8.992 6.5H5.008c.052-1.623.356-3.044.79-4.0\ +56.24-.56.5-.948.737-1.182C6.768 1.032 6.924 1 7 1c.076 0 .232.032.465.262.238.234.497.623.737 1.182.434 1.012.738 2.433.79 4.056zm1 1c-.065\ + 2.176-.558 4.078-1.282 5.253A6.005 6.005 0 0012.98 7.5H9.992zm2.987-1H9.992c-.065-2.176-.558-4.078-1.282-5.253A6.005 6.005 0 0112.98 6.5zm-\ +8.971 0c.065-2.176.558-4.078 1.282-5.253A6.005 6.005 0 001.02 6.5h2.988zm-2.987 1a6.005 6.005 0 004.27 5.253C4.565 11.578 4.072 9.676 4.007 \ +7.5H1.02z", + fill: e + } + ) +)), yJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.087 3.397L5.95 5.793a.374.374 0 00-.109.095.377.377 0 00-.036.052l-2.407 4.147a.374.374 0 00-.004.384c.104.179.334.24.513.136l\ +4.142-2.404a.373.373 0 00.148-.143l2.406-4.146a.373.373 0 00-.037-.443.373.373 0 00-.478-.074zM4.75 9.25l2.847-1.652-1.195-1.195L4.75 9.25z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), wJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M0 7a7 7 0 1114 0A7 7 0 010 7zm6.5 3.5v2.48A6.001 6.001 0 011.02 7.5H3.5a.5.5 0 000-1H1.02A6.001 6.001 0 016.5 1.02V3.5a.5.5 0 001\ + 0V1.02a6.001 6.001 0 015.48 5.48H10.5a.5.5 0 000 1h2.48a6.002 6.002 0 01-5.48 5.48V10.5a.5.5 0 00-1 0z", + fill: e + } + ) +)), bJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M9 5a2 2 0 11-4 0 2 2 0 014 0zM8 5a1 1 0 11-2 0 1 1 0 012 0z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M12 5A5 5 0 002 5c0 2.633 2.273 6.154 4.65 8.643.192.2.508.2.7 0C9.726 11.153 12 7.633 12 5zM7 1a4 4 0 014 4c0 1.062-.471 2.42-1.3\ +03 3.88-.729 1.282-1.69 2.562-2.697 3.67-1.008-1.108-1.968-2.388-2.697-3.67C3.47 7.42 3 6.063 3 5a4 4 0 014-4z", + fill: e + } + ) +)), SJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7 2a.5.5 0 01.5.5v4H10a.5.5 0 010 1H7a.5.5 0 01-.5-.5V2.5A.5.5 0 017 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", + fill: e + } + ) +)), EJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.79 4.093a.5.5 0 01.117.698L7.91 7.586a1 1 0 11-.814-.581l1.997-2.796a.5.5 0 01.698-.116z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M2.069 12.968a7 7 0 119.863 0A12.962 12.962 0 007 12c-1.746 0-3.41.344-4.931.968zm9.582-1.177a6 6 0 10-9.301 0A13.98 13.98 0 017 1\ +1c1.629 0 3.194.279 4.65.791z", + fill: e + } + ) +)), xJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("path", { d: "M7.5 4.5a.5.5 0 00-1 0v2.634a1 1 0 101 0V4.5z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M5.5.5A.5.5 0 016 0h2a.5.5 0 010 1h-.5v1.02a5.973 5.973 0 013.374 1.398l.772-.772a.5.5 0 01.708.708l-.772.772A6 6 0 116.5 2.02V1H6\ +a.5.5 0 01-.5-.5zM7 3a5 5 0 100 10A5 5 0 007 3z", + fill: e + } + ) +)), CJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.354 1.146l5.5 5.5a.5.5 0 01-.708.708L12 7.207V12.5a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V9H6v3.5a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V\ +7.207l-.146.147a.5.5 0 11-.708-.708l1-1 4.5-4.5a.5.5 0 01.708 0zM3 6.207V12h2V8.5a.5.5 0 01.5-.5h3a.5.5 0 01.5.5V12h2V6.207l-4-4-4 4z", + fill: e + } + ) +)), DJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.213 4.094a.5.5 0 01.056-.034l5.484-2.995a.498.498 0 01.494 0L12.73 4.06a.507.507 0 01.266.389.498.498 0 01-.507.555H1.51a.5.5 0\ + 01-.297-.91zm2.246-.09h7.082L7 2.07 3.459 4.004z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4 6a.5.5 0 00-1 0v5a.5.5 0 001 0V6zM11 6a.5.5 0 00-1 0v5a.5.5 0 001 0V6zM5.75 5.5a.5.5 0 01.5.5v5a.5.5 0 01-1 0V6a.5.5 0 01.5-.5z\ +M8.75 6a.5.5 0 00-1 0v5a.5.5 0 001 0V6zM1.5 12.504a.5.5 0 01.5-.5h10a.5.5 0 010 1H2a.5.5 0 01-.5-.5z", + fill: e + } + ) +)), RJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement("g", { clipPath: "url(#prefix__clip0_1107_3594)" }, /* @__PURE__ */ d.createElement( + "path", + { + d: "M11.451.537l.01 12.922h0L7.61 8.946a1.077 1.077 0 00-.73-.374L.964 8.087 11.45.537h0z", + stroke: e, + strokeWidth: 1.077 + } + )), + /* @__PURE__ */ d.createElement("defs", null, /* @__PURE__ */ d.createElement("clipPath", { id: "prefix__clip0_1107_3594" }, /* @__PURE__ */ d.createElement( + "path", { fill: "#fff", d: "M0 0h14v14H0z" }))) +)), AJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zM2.671 11.155c.696-1.006 2.602-1.816 3.194-1.91.226-.036.232-.658.232-.658s-.665-.658-.81-1.544c-.3\ +9 0-.63-.94-.241-1.272a2.578 2.578 0 00-.012-.13c-.066-.607-.28-2.606 1.965-2.606 2.246 0 2.031 2 1.966 2.606l-.012.13c.39.331.149 1.272-.24\ + 1.272-.146.886-.81 1.544-.81 1.544s.004.622.23.658c.593.094 2.5.904 3.195 1.91a6 6 0 10-8.657 0z", + fill: e + } + ) +)), _J = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M7.275 13.16a11.388 11.388 0 005.175-1.232v-.25c0-1.566-3.237-2.994-4.104-3.132-.27-.043-.276-.783-.276-.783s.791-.783.964-1.836c.\ +463 0 .75-1.119.286-1.513C9.34 4 9.916 1.16 6.997 1.16c-2.92 0-2.343 2.84-2.324 3.254-.463.394-.177 1.513.287 1.513.172 1.053.963 1.836.963 \ +1.836s-.006.74-.275.783c-.858.136-4.036 1.536-4.103 3.082a11.388 11.388 0 005.73 1.532z", + fill: e + } + ) +)), TJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M1.183 11.906a10.645 10.645 0 01-1.181-.589c.062-1.439 3.02-2.74 3.818-2.868.25-.04.256-.728.256-.728s-.736-.729-.896-1.709c-.432 \ +0-.698-1.041-.267-1.408A2.853 2.853 0 002.9 4.46c-.072-.672-.31-2.884 2.175-2.884 2.486 0 2.248 2.212 2.176 2.884-.007.062-.012.112-.014.144\ +.432.367.165 1.408-.266 1.408-.16.98-.896 1.709-.896 1.709s.005.688.256.728c.807.129 3.82 1.457 3.82 2.915v.233a10.598 10.598 0 01-4.816 1.1\ +46c-1.441 0-2.838-.282-4.152-.837zM11.5 2.16a.5.5 0 01.5.5v1.5h1.5a.5.5 0 010 1H12v1.5a.5.5 0 01-1 0v-1.5H9.5a.5.5 0 110-1H11v-1.5a.5.5 0 01\ +.5-.5z", + fill: e + } + ) +)), kJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.21 11.623a10.586 10.586 0 01-4.031.787A10.585 10.585 0 010 11.07c.06-1.354 2.933-2.578 3.708-2.697.243-.038.249-.685.249-.685s-\ +.715-.685-.87-1.607c-.42 0-.679-.979-.26-1.323a2.589 2.589 0 00-.013-.136c-.07-.632-.3-2.712 2.113-2.712 2.414 0 2.183 2.08 2.113 2.712-.007\ +.059-.012.105-.013.136.419.344.16 1.323-.259 1.323-.156.922-.87 1.607-.87 1.607s.005.647.248.685c.784.12 3.71 1.37 3.71 2.74v.22c-.212.103-.\ +427.2-.646.29z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + d: "M8.81 8.417a9.643 9.643 0 00-.736-.398c.61-.42 1.396-.71 1.7-.757.167-.026.171-.471.171-.471s-.491-.471-.598-1.104c-.288 0-.466-.6\ +74-.178-.91-.001-.022-.005-.053-.01-.094-.048-.434-.206-1.864 1.453-1.864 1.66 0 1.5 1.43 1.453 1.864l-.01.094c.289.236.11.91-.178.91-.107.6\ +33-.598 1.104-.598 1.104s.004.445.171.47c.539.084 2.55.942 2.55 1.884v.628a10.604 10.604 0 01-3.302.553 2.974 2.974 0 00-.576-.879c-.375-.40\ +8-.853-.754-1.312-1.03z", + fill: e + } + ) +)), IJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M9.106 7.354c-.627.265-1.295.4-1.983.4a5.062 5.062 0 01-2.547-.681c.03-.688 1.443-1.31 1.824-1.37.12-.02.122-.348.122-.348s-.351-.\ +348-.428-.816c-.206 0-.333-.498-.127-.673 0-.016-.003-.04-.007-.07C5.926 3.477 5.812 2.42 7 2.42c1.187 0 1.073 1.057 1.039 1.378l-.007.069c.\ +207.175.08.673-.127.673-.076.468-.428.816-.428.816s.003.329.122.348c.386.06 1.825.696 1.825 1.392v.111c-.104.053-.21.102-.318.148zM3.75 11.2\ +5A.25.25 0 014 11h6a.25.25 0 110 .5H4a.25.25 0 01-.25-.25zM4 9a.25.25 0 000 .5h6a.25.25 0 100-.5H4z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1 .5a.5.5 0 01.5-.5h11a.5.5 0 01.5.5v13a.5.5 0 01-.5.5h-11a.5.5 0 01-.5-.5V.5zM2 13V1h10v12H2z", + fill: e + } + ) +)), PJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.968 8.75a.5.5 0 00-.866.5A4.498 4.498 0 007 11.5c1.666 0 3.12-.906 3.898-2.25a.5.5 0 10-.866-.5A3.498 3.498 0 017 10.5a3.498 3.\ +498 0 01-3.032-1.75zM5.5 5a1 1 0 11-2 0 1 1 0 012 0zM9.5 6a1 1 0 100-2 1 1 0 000 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), FJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M4.5 9a.5.5 0 000 1h5a.5.5 0 000-1h-5zM5.5 5a1 1 0 11-2 0 1 1 0 012 0zM9.5 6a1 1 0 100-2 1 1 0 000 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), OJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.968 10.25a.5.5 0 01-.866-.5A4.498 4.498 0 017 7.5c1.666 0 3.12.906 3.898 2.25a.5.5 0 11-.866.5A3.498 3.498 0 007 8.5a3.498 3.49\ +8 0 00-3.032 1.75zM5.5 5a1 1 0 11-2 0 1 1 0 012 0zM9.5 6a1 1 0 100-2 1 1 0 000 2z", + fill: e + } + ), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M14 7A7 7 0 110 7a7 7 0 0114 0zm-1 0A6 6 0 111 7a6 6 0 0112 0z", + fill: e + } + ) +)), LJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 14 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + d: "M3.526 4.842a.5.5 0 01.632-.316l2.051.684a2.5 2.5 0 001.582 0l2.05-.684a.5.5 0 01.317.948l-2.453.818a.3.3 0 00-.205.285v.243a4.5 4\ +.5 0 00.475 2.012l.972 1.944a.5.5 0 11-.894.448L7 9.118l-1.053 2.106a.5.5 0 11-.894-.447l.972-1.945A4.5 4.5 0 006.5 6.82v-.243a.3.3 0 00-.20\ +5-.285l-2.453-.818a.5.5 0 01-.316-.632z", + fill: e + } + ), + /* @__PURE__ */ d.createElement("path", { d: "M7 4.5a1 1 0 100-2 1 1 0 000 2z", fill: e }), + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zm0-1A6 6 0 107 1a6 6 0 000 12z", + fill: e + } + ) +)), NJ = /* @__PURE__ */ d.forwardRef(({ color: e = "currentColor", size: t = 14, ...r }, n) => /* @__PURE__ */ d.createElement( + "svg", + { + width: t, + height: t, + viewBox: "0 0 15 14", + fill: "none", + xmlns: "http://www.w3.org/2000/svg", + ref: n, + ...r + }, + /* @__PURE__ */ d.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 14A7 7 0 107 0a7 7 0 000 14zM8 3.5a1 1 0 11-2 0 1 1 0 012 0zM3.526 4.842a.5.5 0 01.632-.316l2.051.684a2.5 2.5 0 001.582 0l2.05-\ +.684a.5.5 0 01.317.948l-2.453.818a.3.3 0 00-.205.285v.243a4.5 4.5 0 00.475 2.012l.972 1.944a.5.5 0 11-.894.448L7 9.118l-1.053 2.106a.5.5 0 1\ +1-.894-.447l.972-1.945A4.5 4.5 0 006.5 6.82v-.243a.3.3 0 00-.205-.285l-2.453-.818a.5.5 0 01-.316-.632z", + fill: e + } + ) +)); + +// src/components/components/typography/link/link.tsx +Wn(); +var MJ = 0, BJ = /* @__PURE__ */ a((e) => e.button === MJ && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey, "isPlainLeftClick"), $J = /* @__PURE__ */ a( +(e, t) => { + BJ(e) && (e.preventDefault(), t(e)); +}, "cancelled"), zJ = k.span( + ({ withArrow: e }) => e ? { + "> svg:last-of-type": { + height: "0.7em", + width: "0.7em", + marginRight: 0, + marginLeft: "0.25em", + bottom: "auto", + verticalAlign: "inherit" + } + } : {}, + ({ containsIcon: e }) => e ? { + svg: { + height: "1em", + width: "1em", + verticalAlign: "middle", + position: "relative", + bottom: 0, + marginRight: 0 + } + } : {} +), HJ = k.a( + ({ theme: e }) => ({ + display: "inline-block", + transition: "all 150ms ease-out", + textDecoration: "none", + color: e.color.secondary, + "&:hover, &:focus": { + cursor: "pointer", + color: Un(0.07, e.color.secondary), + "svg path:not([fill])": { + fill: Un(0.07, e.color.secondary) + } + }, + "&:active": { + color: Un(0.1, e.color.secondary), + "svg path:not([fill])": { + fill: Un(0.1, e.color.secondary) + } + }, + svg: { + display: "inline-block", + height: "1em", + width: "1em", + verticalAlign: "text-top", + position: "relative", + bottom: "-0.125em", + marginRight: "0.4em", + "& path": { + fill: e.color.secondary + } + } + }), + ({ theme: e, secondary: t, tertiary: r }) => { + let n; + return t && (n = [e.textMutedColor, e.color.dark, e.color.darker]), r && (n = [e.color.dark, e.color.darkest, e.textMutedColor]), n ? { + color: n[0], + "svg path:not([fill])": { + fill: n[0] + }, + "&:hover": { + color: n[1], + "svg path:not([fill])": { + fill: n[1] + } + }, + "&:active": { + color: n[2], + "svg path:not([fill])": { + fill: n[2] + } + } + } : {}; + }, + ({ nochrome: e }) => e ? { + color: "inherit", + "&:hover, &:active": { + color: "inherit", + textDecoration: "underline" + } + } : {}, + ({ theme: e, inverse: t }) => t ? { + color: e.color.lightest, + ":not([fill])": { + fill: e.color.lightest + }, + "&:hover": { + color: e.color.lighter, + "svg path:not([fill])": { + fill: e.color.lighter + } + }, + "&:active": { + color: e.color.light, + "svg path:not([fill])": { + fill: e.color.light + } + } + } : {}, + ({ isButton: e }) => e ? { + border: 0, + borderRadius: 0, + background: "none", + padding: 0, + fontSize: "inherit" + } : {} +), ph = /* @__PURE__ */ a(({ + cancel: e = !0, + children: t, + onClick: r = void 0, + withArrow: n = !1, + containsIcon: o = !1, + className: i = void 0, + style: s = void 0, + ...l +}) => /* @__PURE__ */ ch.default.createElement( + HJ, + { + ...l, + onClick: r && e ? (u) => $J(u, r) : r, + className: i + }, + /* @__PURE__ */ ch.default.createElement(zJ, { withArrow: n, containsIcon: o }, t, n && /* @__PURE__ */ ch.default.createElement(R3, null)) +), "Link"); + +// src/components/components/typography/DocumentWrapper.tsx +X(); +var O9 = k.div(({ theme: e }) => ({ + fontSize: `${e.typography.size.s2}px`, + lineHeight: "1.6", + h1: { + fontSize: `${e.typography.size.l1}px`, + fontWeight: e.typography.weight.bold + }, + h2: { + fontSize: `${e.typography.size.m2}px`, + borderBottom: `1px solid ${e.appBorderColor}` + }, + h3: { + fontSize: `${e.typography.size.m1}px` + }, + h4: { + fontSize: `${e.typography.size.s3}px` + }, + h5: { + fontSize: `${e.typography.size.s2}px` + }, + h6: { + fontSize: `${e.typography.size.s2}px`, + color: e.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" + }, + /* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */ + "body > *:first-of-type": { + marginTop: "0 !important" + }, + "body > *:last-child": { + marginBottom: "0 !important" + }, + a: { + color: e.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 ${e.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:fi\ +rst-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 ${e.color.medium}`, + padding: "0 15px", + color: e.color.dark, + "& > :first-of-type": { + marginTop: 0 + }, + "& > :last-child": { + marginBottom: 0 + } + }, + table: { + padding: 0, + borderCollapse: "collapse", + "& tr": { + borderTop: `1px solid ${e.appBorderColor}`, + backgroundColor: "white", + margin: 0, + padding: 0, + "& th": { + fontWeight: "bold", + border: `1px solid ${e.appBorderColor}`, + textAlign: "left", + margin: 0, + padding: "6px 13px" + }, + "& td": { + border: `1px solid ${e.appBorderColor}`, + textAlign: "left", + margin: 0, + padding: "6px 13px" + }, + "&:nth-of-type(2n)": { + backgroundColor: e.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 ${e.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: e.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 ${e.color.mediumlight}`, + backgroundColor: e.color.lighter, + borderRadius: 3, + color: e.base === "dark" ? e.color.darkest : e.color.dark + } +})); + +// src/components/components/syntaxhighlighter/lazy-syntaxhighlighter.tsx +var Gr = I(O(), 1); +var qi = [], Pu = null, Qae = (0, Gr.lazy)(async () => { + let { SyntaxHighlighter: e } = await Promise.resolve().then(() => (Vp(), S3)); + return qi.length > 0 && (qi.forEach((t) => { + e.registerLanguage(...t); + }), qi = []), Pu === null && (Pu = e), { + default: /* @__PURE__ */ a((t) => /* @__PURE__ */ Gr.default.createElement(e, { ...t }), "default") + }; +}), Jae = (0, Gr.lazy)(async () => { + let [{ SyntaxHighlighter: e }, { formatter: t }] = await Promise.all([ + Promise.resolve().then(() => (Vp(), S3)), + Promise.resolve().then(() => (Tk(), _k)) + ]); + return qi.length > 0 && (qi.forEach((r) => { + e.registerLanguage(...r); + }), qi = []), Pu === null && (Pu = e), { + default: /* @__PURE__ */ a((r) => /* @__PURE__ */ Gr.default.createElement(e, { ...r, formatter: t }), "default") + }; +}), M4 = /* @__PURE__ */ a((e) => /* @__PURE__ */ Gr.default.createElement(Gr.Suspense, { fallback: /* @__PURE__ */ Gr.default.createElement( +"div", null) }, e.format !== !1 ? /* @__PURE__ */ Gr.default.createElement(Jae, { ...e }) : /* @__PURE__ */ Gr.default.createElement(Qae, { ...e })), +"SyntaxHighlighter"); +M4.registerLanguage = (...e) => { + if (Pu !== null) { + Pu.registerLanguage(...e); + return; + } + qi.push(e); +}; + +// src/components/index.ts +Vp(); +d3(); + +// src/components/components/Modal/Modal.tsx +var Qi = I(O(), 1); + +// ../node_modules/@radix-ui/react-dialog/dist/index.mjs +var gm = {}; +he(gm, { + Close: () => mw, + Content: () => fw, + Description: () => hw, + Dialog: () => CI, + DialogClose: () => LI, + DialogContent: () => kI, + DialogDescription: () => OI, + DialogOverlay: () => TI, + DialogPortal: () => _I, + DialogTitle: () => FI, + DialogTrigger: () => DI, + Overlay: () => pw, + Portal: () => cw, + Root: () => uw, + Title: () => dw, + Trigger: () => rse, + WarningProvider: () => tse, + createDialogScope: () => Wie +}); +xt(); +var Z = I(O(), 1); + +// ../node_modules/@radix-ui/primitive/dist/index.mjs +function no(e, t, { checkForDefaultPrevented: r = !0 } = {}) { + return /* @__PURE__ */ a(function(o) { + if (e?.(o), r === !1 || !o.defaultPrevented) return t?.(o); + }, "handleEvent"); +} +a(no, "$e42e1063c40fb3ef$export$b9ecd428b558ff10"); + +// ../node_modules/@radix-ui/react-compose-refs/dist/index.mjs +var kk = I(O(), 1); +function Zae(e, t) { + typeof e == "function" ? e(t) : e != null && (e.current = t); +} +a(Zae, "$6ed0406888f73fc4$var$setRef"); +function hf(...e) { + return (t) => e.forEach( + (r) => Zae(r, t) + ); +} +a(hf, "$6ed0406888f73fc4$export$43e446d32b3d21af"); +function oo(...e) { + return (0, kk.useCallback)(hf(...e), e); +} +a(oo, "$6ed0406888f73fc4$export$c7b2cbe3552a0d05"); + +// ../node_modules/@radix-ui/react-context/dist/index.mjs +var Kt = I(O(), 1); +function Ik(e, t) { + let r = /* @__PURE__ */ (0, Kt.createContext)(t); + function n(i) { + let { children: s, ...l } = i, u = (0, Kt.useMemo)( + () => l, + Object.values(l) + ); + return /* @__PURE__ */ (0, Kt.createElement)(r.Provider, { + value: u + }, s); + } + a(n, "Provider"); + function o(i) { + let s = (0, Kt.useContext)(r); + if (s) return s; + if (t !== void 0) return t; + throw new Error(`\`${i}\` must be used within \`${e}\``); + } + return a(o, "useContext"), n.displayName = e + "Provider", [ + n, + o + ]; +} +a(Ik, "$c512c27ab02ef895$export$fd42f52fd3ae1109"); +function Pk(e, t = []) { + let r = []; + function n(i, s) { + let l = /* @__PURE__ */ (0, Kt.createContext)(s), u = r.length; + r = [ + ...r, + s + ]; + function c(h) { + let { scope: m, children: g, ...S } = h, v = m?.[e][u] || l, b = (0, Kt.useMemo)( + () => S, + Object.values(S) + ); + return /* @__PURE__ */ (0, Kt.createElement)(v.Provider, { + value: b + }, g); + } + a(c, "Provider"); + function p(h, m) { + let g = m?.[e][u] || l, S = (0, Kt.useContext)(g); + if (S) return S; + if (s !== void 0) return s; + throw new Error(`\`${h}\` must be used within \`${i}\``); + } + return a(p, "useContext"), c.displayName = i + "Provider", [ + c, + p + ]; + } + a(n, "$c512c27ab02ef895$export$fd42f52fd3ae1109"); + let o = /* @__PURE__ */ a(() => { + let i = r.map((s) => /* @__PURE__ */ (0, Kt.createContext)(s)); + return /* @__PURE__ */ a(function(l) { + let u = l?.[e] || i; + return (0, Kt.useMemo)( + () => ({ + [`__scope${e}`]: { + ...l, + [e]: u + } + }), + [ + l, + u + ] + ); + }, "useScope"); + }, "createScope"); + return o.scopeName = e, [ + n, + eie(o, ...t) + ]; +} +a(Pk, "$c512c27ab02ef895$export$50c7b4e9d9f19c1"); +function eie(...e) { + let t = e[0]; + if (e.length === 1) return t; + let r = /* @__PURE__ */ a(() => { + let n = e.map( + (o) => ({ + useScope: o(), + scopeName: o.scopeName + }) + ); + return /* @__PURE__ */ a(function(i) { + let s = n.reduce((l, { useScope: u, scopeName: c }) => { + let h = u(i)[`__scope${c}`]; + return { + ...l, + ...h + }; + }, {}); + return (0, Kt.useMemo)( + () => ({ + [`__scope${t.scopeName}`]: s + }), + [ + s + ] + ); + }, "useComposedScopes"); + }, "createScope1"); + return r.scopeName = t.scopeName, r; +} +a(eie, "$c512c27ab02ef895$var$composeContextScopes"); + +// ../node_modules/@radix-ui/react-id/dist/index.mjs +var om = I(O(), 1); + +// ../node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs +var Fk = I(O(), 1), mf = globalThis?.document ? Fk.useLayoutEffect : () => { +}; + +// ../node_modules/@radix-ui/react-id/dist/index.mjs +var tie = om.useId || (() => { +}), rie = 0; +function am(e) { + let [t, r] = om.useState(tie()); + return mf(() => { + e || r( + (n) => n ?? String(rie++) + ); + }, [ + e + ]), e || (t ? `radix-${t}` : ""); +} +a(am, "$1746a345f3d73bb7$export$f680877a34711e37"); + +// ../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs +var Ba = I(O(), 1); + +// ../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs +var Fu = I(O(), 1); +function Sn(e) { + let t = (0, Fu.useRef)(e); + return (0, Fu.useEffect)(() => { + t.current = e; + }), (0, Fu.useMemo)( + () => (...r) => { + var n; + return (n = t.current) === null || n === void 0 ? void 0 : n.call(t, ...r); + }, + [] + ); +} +a(Sn, "$b1b2314f5f9a1d84$export$25bec8c6f54ee79a"); + +// ../node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs +function Ok({ prop: e, defaultProp: t, onChange: r = /* @__PURE__ */ a(() => { +}, "onChange") }) { + let [n, o] = nie({ + defaultProp: t, + onChange: r + }), i = e !== void 0, s = i ? e : n, l = Sn(r), u = (0, Ba.useCallback)((c) => { + if (i) { + let h = typeof c == "function" ? c(e) : c; + h !== e && l(h); + } else o(c); + }, [ + i, + e, + o, + l + ]); + return [ + s, + u + ]; +} +a(Ok, "$71cd76cc60e0454e$export$6f32135080cb4c3"); +function nie({ defaultProp: e, onChange: t }) { + let r = (0, Ba.useState)(e), [n] = r, o = (0, Ba.useRef)(n), i = Sn(t); + return (0, Ba.useEffect)(() => { + o.current !== n && (i(n), o.current = n); + }, [ + n, + o, + i + ]), r; +} +a(nie, "$71cd76cc60e0454e$var$useUncontrolledState"); + +// ../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs +xt(); +var Ye = I(O(), 1); + +// ../node_modules/@radix-ui/react-primitive/dist/index.mjs +xt(); +var Ou = I(O(), 1), Lk = I(zn(), 1); + +// ../node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot/dist/index.mjs +xt(); +var Be = I(O(), 1); +var $4 = /* @__PURE__ */ (0, Be.forwardRef)((e, t) => { + let { children: r, ...n } = e, o = Be.Children.toArray(r), i = o.find(aie); + if (i) { + let s = i.props.children, l = o.map((u) => u === i ? Be.Children.count(s) > 1 ? Be.Children.only(null) : /* @__PURE__ */ (0, Be.isValidElement)( + s) ? s.props.children : null : u); + return /* @__PURE__ */ (0, Be.createElement)(B4, J({}, n, { + ref: t + }), /* @__PURE__ */ (0, Be.isValidElement)(s) ? /* @__PURE__ */ (0, Be.cloneElement)(s, void 0, l) : null); + } + return /* @__PURE__ */ (0, Be.createElement)(B4, J({}, n, { + ref: t + }), r); +}); +$4.displayName = "Slot"; +var B4 = /* @__PURE__ */ (0, Be.forwardRef)((e, t) => { + let { children: r, ...n } = e; + return /* @__PURE__ */ (0, Be.isValidElement)(r) ? /* @__PURE__ */ (0, Be.cloneElement)(r, { + ...iie(n, r.props), + ref: t ? hf(t, r.ref) : r.ref + }) : Be.Children.count(r) > 1 ? Be.Children.only(null) : null; +}); +B4.displayName = "SlotClone"; +var oie = /* @__PURE__ */ a(({ children: e }) => /* @__PURE__ */ (0, Be.createElement)(Be.Fragment, null, e), "$5e63c961fc1ce211$export$d9f1\ +ccf0bdb05d45"); +function aie(e) { + return /* @__PURE__ */ (0, Be.isValidElement)(e) && e.type === oie; +} +a(aie, "$5e63c961fc1ce211$var$isSlottable"); +function iie(e, t) { + let r = { + ...t + }; + for (let n in t) { + let o = e[n], i = t[n]; + /^on[A-Z]/.test(n) ? o && i ? r[n] = (...l) => { + i(...l), o(...l); + } : o && (r[n] = o) : n === "style" ? r[n] = { + ...o, + ...i + } : n === "className" && (r[n] = [ + o, + i + ].filter(Boolean).join(" ")); + } + return { + ...e, + ...r + }; +} +a(iie, "$5e63c961fc1ce211$var$mergeProps"); + +// ../node_modules/@radix-ui/react-primitive/dist/index.mjs +var sie = [ + "a", + "button", + "div", + "form", + "h2", + "h3", + "img", + "input", + "label", + "li", + "nav", + "ol", + "p", + "span", + "svg", + "ul" +], Yr = sie.reduce((e, t) => { + let r = /* @__PURE__ */ (0, Ou.forwardRef)((n, o) => { + let { asChild: i, ...s } = n, l = i ? $4 : t; + return (0, Ou.useEffect)(() => { + window[Symbol.for("radix-ui")] = !0; + }, []), /* @__PURE__ */ (0, Ou.createElement)(l, J({}, s, { + ref: o + })); + }); + return r.displayName = `Primitive.${t}`, { + ...e, + [t]: r + }; +}, {}); +function Nk(e, t) { + e && (0, Lk.flushSync)( + () => e.dispatchEvent(t) + ); +} +a(Nk, "$8927f6f2acc4f386$export$6d1a0317bde7de7f"); + +// ../node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs +var Mk = I(O(), 1); +function Bk(e, t = globalThis?.document) { + let r = Sn(e); + (0, Mk.useEffect)(() => { + let n = /* @__PURE__ */ a((o) => { + o.key === "Escape" && r(o); + }, "handleKeyDown"); + return t.addEventListener("keydown", n), () => t.removeEventListener("keydown", n); + }, [ + r, + t + ]); +} +a(Bk, "$addc16e1bbe58fd0$export$3a72a57244d6e765"); + +// ../node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs +var z4 = "dismissableLayer.update", lie = "dismissableLayer.pointerDownOutside", uie = "dismissableLayer.focusOutside", $k, cie = /* @__PURE__ */ (0, Ye.createContext)( +{ + layers: /* @__PURE__ */ new Set(), + layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(), + branches: /* @__PURE__ */ new Set() +}), Hk = /* @__PURE__ */ (0, Ye.forwardRef)((e, t) => { + var r; + let { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: o, onPointerDownOutside: i, onFocusOutside: s, onInteractOutside: l, onDismiss: u, + ...c } = e, p = (0, Ye.useContext)(cie), [h, m] = (0, Ye.useState)(null), g = (r = h?.ownerDocument) !== null && r !== void 0 ? r : globalThis?. + document, [, S] = (0, Ye.useState)({}), v = oo( + t, + (A) => m(A) + ), b = Array.from(p.layers), [w] = [ + ...p.layersWithOutsidePointerEventsDisabled + ].slice(-1), y = b.indexOf(w), E = h ? b.indexOf(h) : -1, x = p.layersWithOutsidePointerEventsDisabled.size > 0, C = E >= y, D = pie((A) => { + let _ = A.target, P = [ + ...p.branches + ].some( + (B) => B.contains(_) + ); + !C || P || (i?.(A), l?.(A), A.defaultPrevented || u?.()); + }, g), R = fie((A) => { + let _ = A.target; + [ + ...p.branches + ].some( + (B) => B.contains(_) + ) || (s?.(A), l?.(A), A.defaultPrevented || u?.()); + }, g); + return Bk((A) => { + E === p.layers.size - 1 && (o?.(A), !A.defaultPrevented && u && (A.preventDefault(), u())); + }, g), (0, Ye.useEffect)(() => { + if (h) + return n && (p.layersWithOutsidePointerEventsDisabled.size === 0 && ($k = g.body.style.pointerEvents, g.body.style.pointerEvents = "no\ +ne"), p.layersWithOutsidePointerEventsDisabled.add(h)), p.layers.add(h), zk(), () => { + n && p.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = $k); + }; + }, [ + h, + g, + n, + p + ]), (0, Ye.useEffect)(() => () => { + h && (p.layers.delete(h), p.layersWithOutsidePointerEventsDisabled.delete(h), zk()); + }, [ + h, + p + ]), (0, Ye.useEffect)(() => { + let A = /* @__PURE__ */ a(() => S({}), "handleUpdate"); + return document.addEventListener(z4, A), () => document.removeEventListener(z4, A); + }, []), /* @__PURE__ */ (0, Ye.createElement)(Yr.div, J({}, c, { + ref: v, + style: { + pointerEvents: x ? C ? "auto" : "none" : void 0, + ...e.style + }, + onFocusCapture: no(e.onFocusCapture, R.onFocusCapture), + onBlurCapture: no(e.onBlurCapture, R.onBlurCapture), + onPointerDownCapture: no(e.onPointerDownCapture, D.onPointerDownCapture) + })); +}); +function pie(e, t = globalThis?.document) { + let r = Sn(e), n = (0, Ye.useRef)(!1), o = (0, Ye.useRef)(() => { + }); + return (0, Ye.useEffect)(() => { + let i = /* @__PURE__ */ a((l) => { + if (l.target && !n.current) { + let c = function() { + jk(lie, r, u, { + discrete: !0 + }); + }; + a(c, "handleAndDispatchPointerDownOutsideEvent"); + let u = { + originalEvent: l + }; + l.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = c, t.addEventListener("click", o.current, { + once: !0 + })) : c(); + } else + t.removeEventListener("click", o.current); + n.current = !1; + }, "handlePointerDown"), s = window.setTimeout(() => { + t.addEventListener("pointerdown", i); + }, 0); + return () => { + window.clearTimeout(s), t.removeEventListener("pointerdown", i), t.removeEventListener("click", o.current); + }; + }, [ + t, + r + ]), { + // ensures we check React component tree (not just DOM tree) + onPointerDownCapture: /* @__PURE__ */ a(() => n.current = !0, "onPointerDownCapture") + }; +} +a(pie, "$5cb92bef7577960e$var$usePointerDownOutside"); +function fie(e, t = globalThis?.document) { + let r = Sn(e), n = (0, Ye.useRef)(!1); + return (0, Ye.useEffect)(() => { + let o = /* @__PURE__ */ a((i) => { + i.target && !n.current && jk(uie, r, { + originalEvent: i + }, { + discrete: !1 + }); + }, "handleFocus"); + return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o); + }, [ + t, + r + ]), { + onFocusCapture: /* @__PURE__ */ a(() => n.current = !0, "onFocusCapture"), + onBlurCapture: /* @__PURE__ */ a(() => n.current = !1, "onBlurCapture") + }; +} +a(fie, "$5cb92bef7577960e$var$useFocusOutside"); +function zk() { + let e = new CustomEvent(z4); + document.dispatchEvent(e); +} +a(zk, "$5cb92bef7577960e$var$dispatchUpdate"); +function jk(e, t, r, { discrete: n }) { + let o = r.originalEvent.target, i = new CustomEvent(e, { + bubbles: !1, + cancelable: !0, + detail: r + }); + t && o.addEventListener(e, t, { + once: !0 + }), n ? Nk(o, i) : o.dispatchEvent(i); +} +a(jk, "$5cb92bef7577960e$var$handleAndDispatchCustomEvent"); + +// ../node_modules/@radix-ui/react-focus-scope/dist/index.mjs +xt(); +var dr = I(O(), 1); +var H4 = "focusScope.autoFocusOnMount", j4 = "focusScope.autoFocusOnUnmount", Vk = { + bubbles: !1, + cancelable: !0 +}; +var Gk = /* @__PURE__ */ (0, dr.forwardRef)((e, t) => { + let { loop: r = !1, trapped: n = !1, onMountAutoFocus: o, onUnmountAutoFocus: i, ...s } = e, [l, u] = (0, dr.useState)(null), c = Sn(o), p = Sn( + i), h = (0, dr.useRef)(null), m = oo( + t, + (v) => u(v) + ), g = (0, dr.useRef)({ + paused: !1, + pause() { + this.paused = !0; + }, + resume() { + this.paused = !1; + } + }).current; + (0, dr.useEffect)(() => { + if (n) { + let v = function(E) { + if (g.paused || !l) return; + let x = E.target; + l.contains(x) ? h.current = x : $a(h.current, { + select: !0 + }); + }, b = function(E) { + if (g.paused || !l) return; + let x = E.relatedTarget; + x !== null && (l.contains(x) || $a(h.current, { + select: !0 + })); + }, w = function(E) { + if (document.activeElement === document.body) + for (let C of E) C.removedNodes.length > 0 && $a(l); + }; + a(v, "handleFocusIn"), a(b, "handleFocusOut"), a(w, "handleMutations"), document.addEventListener("focusin", v), document.addEventListener( + "focusout", b); + let y = new MutationObserver(w); + return l && y.observe(l, { + childList: !0, + subtree: !0 + }), () => { + document.removeEventListener("focusin", v), document.removeEventListener("focusout", b), y.disconnect(); + }; + } + }, [ + n, + l, + g.paused + ]), (0, dr.useEffect)(() => { + if (l) { + Wk.add(g); + let v = document.activeElement; + if (!l.contains(v)) { + let w = new CustomEvent(H4, Vk); + l.addEventListener(H4, c), l.dispatchEvent(w), w.defaultPrevented || (die(yie(Yk(l)), { + select: !0 + }), document.activeElement === v && $a(l)); + } + return () => { + l.removeEventListener(H4, c), setTimeout(() => { + let w = new CustomEvent(j4, Vk); + l.addEventListener(j4, p), l.dispatchEvent(w), w.defaultPrevented || $a(v ?? document.body, { + select: !0 + }), l.removeEventListener(j4, p), Wk.remove(g); + }, 0); + }; + } + }, [ + l, + c, + p, + g + ]); + let S = (0, dr.useCallback)((v) => { + if (!r && !n || g.paused) return; + let b = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, w = document.activeElement; + if (b && w) { + let y = v.currentTarget, [E, x] = hie(y); + E && x ? !v.shiftKey && w === x ? (v.preventDefault(), r && $a(E, { + select: !0 + })) : v.shiftKey && w === E && (v.preventDefault(), r && $a(x, { + select: !0 + })) : w === y && v.preventDefault(); + } + }, [ + r, + n, + g.paused + ]); + return /* @__PURE__ */ (0, dr.createElement)(Yr.div, J({ + tabIndex: -1 + }, s, { + ref: m, + onKeyDown: S + })); +}); +function die(e, { select: t = !1 } = {}) { + let r = document.activeElement; + for (let n of e) + if ($a(n, { + select: t + }), document.activeElement !== r) return; +} +a(die, "$d3863c46a17e8a28$var$focusFirst"); +function hie(e) { + let t = Yk(e), r = Uk(t, e), n = Uk(t.reverse(), e); + return [ + r, + n + ]; +} +a(hie, "$d3863c46a17e8a28$var$getTabbableEdges"); +function Yk(e) { + let t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { + acceptNode: /* @__PURE__ */ a((n) => { + let o = n.tagName === "INPUT" && n.type === "hidden"; + return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; + }, "acceptNode") + }); + for (; r.nextNode(); ) t.push(r.currentNode); + return t; +} +a(Yk, "$d3863c46a17e8a28$var$getTabbableCandidates"); +function Uk(e, t) { + for (let r of e) + if (!mie(r, { + upTo: t + })) return r; +} +a(Uk, "$d3863c46a17e8a28$var$findVisible"); +function mie(e, { upTo: t }) { + if (getComputedStyle(e).visibility === "hidden") return !0; + for (; e; ) { + if (t !== void 0 && e === t) return !1; + if (getComputedStyle(e).display === "none") return !0; + e = e.parentElement; + } + return !1; +} +a(mie, "$d3863c46a17e8a28$var$isHidden"); +function gie(e) { + return e instanceof HTMLInputElement && "select" in e; +} +a(gie, "$d3863c46a17e8a28$var$isSelectableInput"); +function $a(e, { select: t = !1 } = {}) { + if (e && e.focus) { + let r = document.activeElement; + e.focus({ + preventScroll: !0 + }), e !== r && gie(e) && t && e.select(); + } +} +a($a, "$d3863c46a17e8a28$var$focus"); +var Wk = vie(); +function vie() { + let e = []; + return { + add(t) { + let r = e[0]; + t !== r && r?.pause(), e = qk(e, t), e.unshift(t); + }, + remove(t) { + var r; + e = qk(e, t), (r = e[0]) === null || r === void 0 || r.resume(); + } + }; +} +a(vie, "$d3863c46a17e8a28$var$createFocusScopesStack"); +function qk(e, t) { + let r = [ + ...e + ], n = r.indexOf(t); + return n !== -1 && r.splice(n, 1), r; +} +a(qk, "$d3863c46a17e8a28$var$arrayRemove"); +function yie(e) { + return e.filter( + (t) => t.tagName !== "A" + ); +} +a(yie, "$d3863c46a17e8a28$var$removeLinks"); + +// ../node_modules/@radix-ui/react-portal/dist/index.mjs +xt(); +var im = I(O(), 1), Kk = I(zn(), 1); +var Xk = /* @__PURE__ */ (0, im.forwardRef)((e, t) => { + var r; + let { container: n = globalThis == null || (r = globalThis.document) === null || r === void 0 ? void 0 : r.body, ...o } = e; + return n ? /* @__PURE__ */ Kk.default.createPortal(/* @__PURE__ */ (0, im.createElement)(Yr.div, J({}, o, { + ref: t + })), n) : null; +}); + +// ../node_modules/@radix-ui/react-presence/dist/index.mjs +var Lt = I(O(), 1), Qk = I(zn(), 1); +function wie(e, t) { + return (0, Lt.useReducer)((r, n) => { + let o = t[r][n]; + return o ?? r; + }, e); +} +a(wie, "$fe963b355347cc68$export$3e6543de14f8614f"); +var gf = /* @__PURE__ */ a((e) => { + let { present: t, children: r } = e, n = bie(t), o = typeof r == "function" ? r({ + present: n.isPresent + }) : Lt.Children.only(r), i = oo(n.ref, o.ref); + return typeof r == "function" || n.isPresent ? /* @__PURE__ */ (0, Lt.cloneElement)(o, { + ref: i + }) : null; +}, "$921a889cee6df7e8$export$99c2b779aa4e8b8b"); +gf.displayName = "Presence"; +function bie(e) { + let [t, r] = (0, Lt.useState)(), n = (0, Lt.useRef)({}), o = (0, Lt.useRef)(e), i = (0, Lt.useRef)("none"), s = e ? "mounted" : "unmounted", + [l, u] = wie(s, { + mounted: { + UNMOUNT: "unmounted", + ANIMATION_OUT: "unmountSuspended" + }, + unmountSuspended: { + MOUNT: "mounted", + ANIMATION_END: "unmounted" + }, + unmounted: { + MOUNT: "mounted" + } + }); + return (0, Lt.useEffect)(() => { + let c = sm(n.current); + i.current = l === "mounted" ? c : "none"; + }, [ + l + ]), mf(() => { + let c = n.current, p = o.current; + if (p !== e) { + let m = i.current, g = sm(c); + e ? u("MOUNT") : g === "none" || c?.display === "none" ? u("UNMOUNT") : u(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e; + } + }, [ + e, + u + ]), mf(() => { + if (t) { + let c = /* @__PURE__ */ a((h) => { + let g = sm(n.current).includes(h.animationName); + h.target === t && g && (0, Qk.flushSync)( + () => u("ANIMATION_END") + ); + }, "handleAnimationEnd"), p = /* @__PURE__ */ a((h) => { + h.target === t && (i.current = sm(n.current)); + }, "handleAnimationStart"); + return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", c), t.addEventListener("animationend", c), () => { + t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", c), t.removeEventListener("animationend", c); + }; + } else + u("ANIMATION_END"); + }, [ + t, + u + ]), { + isPresent: [ + "mounted", + "unmountSuspended" + ].includes(l), + ref: (0, Lt.useCallback)((c) => { + c && (n.current = getComputedStyle(c)), r(c); + }, []) + }; +} +a(bie, "$921a889cee6df7e8$var$usePresence"); +function sm(e) { + return e?.animationName || "none"; +} +a(sm, "$921a889cee6df7e8$var$getAnimationName"); + +// ../node_modules/@radix-ui/react-focus-guards/dist/index.mjs +var Zk = I(O(), 1); +var V4 = 0; +function eI() { + (0, Zk.useEffect)(() => { + var e, t; + let r = document.querySelectorAll("[data-radix-focus-guard]"); + return document.body.insertAdjacentElement("afterbegin", (e = r[0]) !== null && e !== void 0 ? e : Jk()), document.body.insertAdjacentElement( + "beforeend", (t = r[1]) !== null && t !== void 0 ? t : Jk()), V4++, () => { + V4 === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach( + (n) => n.remove() + ), V4--; + }; + }, []); +} +a(eI, "$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c"); +function Jk() { + let e = document.createElement("span"); + return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointe\ +r-events: none", e; +} +a(Jk, "$3db38b7d1fb3fe6a$var$createFocusGuard"); + +// ../node_modules/tslib/tslib.es6.mjs +var hr = /* @__PURE__ */ a(function() { + return hr = Object.assign || /* @__PURE__ */ a(function(t) { + for (var r, n = 1, o = arguments.length; n < o; n++) { + r = arguments[n]; + for (var i in r) Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]); + } + return t; + }, "__assign"), hr.apply(this, arguments); +}, "__assign"); +function lm(e, t) { + var r = {}; + for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]); + if (e != null && typeof Object.getOwnPropertySymbols == "function") + for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++) + t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]); + return r; +} +a(lm, "__rest"); +function tI(e, t, r) { + if (r || arguments.length === 2) for (var n = 0, o = t.length, i; n < o; n++) + (i || !(n in t)) && (i || (i = Array.prototype.slice.call(t, 0, n)), i[n] = t[n]); + return e.concat(i || Array.prototype.slice.call(t)); +} +a(tI, "__spreadArray"); + +// ../node_modules/react-remove-scroll/dist/es2015/Combination.js +var dm = I(O()); + +// ../node_modules/react-remove-scroll/dist/es2015/UI.js +var Nt = I(O()); + +// ../node_modules/react-remove-scroll-bar/dist/es2015/constants.js +var Gi = "right-scroll-bar-position", Yi = "width-before-scroll-bar", U4 = "with-scroll-bars-hidden", W4 = "--removed-body-scroll-bar-size"; + +// ../node_modules/use-callback-ref/dist/es2015/assignRef.js +function um(e, t) { + return typeof e == "function" ? e(t) : e && (e.current = t), e; +} +a(um, "assignRef"); + +// ../node_modules/use-callback-ref/dist/es2015/useRef.js +var rI = I(O()); +function nI(e, t) { + var r = (0, rI.useState)(function() { + return { + // value + value: e, + // last callback + callback: t, + // "memoized" public interface + facade: { + get current() { + return r.value; + }, + set current(n) { + var o = r.value; + o !== n && (r.value = n, r.callback(n, o)); + } + } + }; + })[0]; + return r.callback = t, r.facade; +} +a(nI, "useCallbackRef"); + +// ../node_modules/use-callback-ref/dist/es2015/useMergeRef.js +var aI = I(O()); +var oI = /* @__PURE__ */ new WeakMap(); +function q4(e, t) { + var r = nI(t || null, function(n) { + return e.forEach(function(o) { + return um(o, n); + }); + }); + return aI.useLayoutEffect(function() { + var n = oI.get(r); + if (n) { + var o = new Set(n), i = new Set(e), s = r.current; + o.forEach(function(l) { + i.has(l) || um(l, null); + }), i.forEach(function(l) { + o.has(l) || um(l, s); + }); + } + oI.set(r, e); + }, [e]), r; +} +a(q4, "useMergeRefs"); + +// ../node_modules/use-sidecar/dist/es2015/medium.js +function Sie(e) { + return e; +} +a(Sie, "ItoI"); +function Eie(e, t) { + t === void 0 && (t = Sie); + var r = [], n = !1, o = { + read: /* @__PURE__ */ a(function() { + if (n) + throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`."); + return r.length ? r[r.length - 1] : e; + }, "read"), + useMedium: /* @__PURE__ */ a(function(i) { + var s = t(i, n); + return r.push(s), function() { + r = r.filter(function(l) { + return l !== s; + }); + }; + }, "useMedium"), + assignSyncMedium: /* @__PURE__ */ a(function(i) { + for (n = !0; r.length; ) { + var s = r; + r = [], s.forEach(i); + } + r = { + push: /* @__PURE__ */ a(function(l) { + return i(l); + }, "push"), + filter: /* @__PURE__ */ a(function() { + return r; + }, "filter") + }; + }, "assignSyncMedium"), + assignMedium: /* @__PURE__ */ a(function(i) { + n = !0; + var s = []; + if (r.length) { + var l = r; + r = [], l.forEach(i), s = r; + } + var u = /* @__PURE__ */ a(function() { + var p = s; + s = [], p.forEach(i); + }, "executeQueue"), c = /* @__PURE__ */ a(function() { + return Promise.resolve().then(u); + }, "cycle"); + c(), r = { + push: /* @__PURE__ */ a(function(p) { + s.push(p), c(); + }, "push"), + filter: /* @__PURE__ */ a(function(p) { + return s = s.filter(p), r; + }, "filter") + }; + }, "assignMedium") + }; + return o; +} +a(Eie, "innerCreateMedium"); +function G4(e) { + e === void 0 && (e = {}); + var t = Eie(null); + return t.options = hr({ async: !0, ssr: !1 }, e), t; +} +a(G4, "createSidecarMedium"); + +// ../node_modules/use-sidecar/dist/es2015/exports.js +var iI = I(O()); +var sI = /* @__PURE__ */ a(function(e) { + var t = e.sideCar, r = lm(e, ["sideCar"]); + if (!t) + throw new Error("Sidecar: please provide `sideCar` property to import the right car"); + var n = t.read(); + if (!n) + throw new Error("Sidecar medium not found"); + return iI.createElement(n, hr({}, r)); +}, "SideCar"); +sI.isSideCarExport = !0; +function Y4(e, t) { + return e.useMedium(t), sI; +} +a(Y4, "exportSidecar"); + +// ../node_modules/react-remove-scroll/dist/es2015/medium.js +var cm = G4(); + +// ../node_modules/react-remove-scroll/dist/es2015/UI.js +var K4 = /* @__PURE__ */ a(function() { +}, "nothing"), vf = Nt.forwardRef(function(e, t) { + var r = Nt.useRef(null), n = Nt.useState({ + onScrollCapture: K4, + onWheelCapture: K4, + onTouchMoveCapture: K4 + }), o = n[0], i = n[1], s = e.forwardProps, l = e.children, u = e.className, c = e.removeScrollBar, p = e.enabled, h = e.shards, m = e.sideCar, + g = e.noIsolation, S = e.inert, v = e.allowPinchZoom, b = e.as, w = b === void 0 ? "div" : b, y = lm(e, ["forwardProps", "children", "clas\ +sName", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), E = m, x = q4([r, t]), C = hr(hr( + {}, y), o); + return Nt.createElement( + Nt.Fragment, + null, + p && Nt.createElement(E, { sideCar: cm, removeScrollBar: c, shards: h, noIsolation: g, inert: S, setCallbacks: i, allowPinchZoom: !!v, lockRef: r }), + s ? Nt.cloneElement(Nt.Children.only(l), hr(hr({}, C), { ref: x })) : Nt.createElement(w, hr({}, C, { className: u, ref: x }), l) + ); +}); +vf.defaultProps = { + enabled: !0, + removeScrollBar: !0, + inert: !1 +}; +vf.classNames = { + fullWidth: Yi, + zeroRight: Gi +}; + +// ../node_modules/react-remove-scroll/dist/es2015/SideEffect.js +var Ae = I(O()); + +// ../node_modules/react-remove-scroll-bar/dist/es2015/component.js +var Lu = I(O()); + +// ../node_modules/react-style-singleton/dist/es2015/hook.js +var cI = I(O()); + +// ../node_modules/get-nonce/dist/es2015/index.js +var lI; +var uI = /* @__PURE__ */ a(function() { + if (lI) + return lI; + if (typeof __webpack_nonce__ < "u") + return __webpack_nonce__; +}, "getNonce"); + +// ../node_modules/react-style-singleton/dist/es2015/singleton.js +function xie() { + if (!document) + return null; + var e = document.createElement("style"); + e.type = "text/css"; + var t = uI(); + return t && e.setAttribute("nonce", t), e; +} +a(xie, "makeStyleTag"); +function Cie(e, t) { + e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t)); +} +a(Cie, "injectStyles"); +function Die(e) { + var t = document.head || document.getElementsByTagName("head")[0]; + t.appendChild(e); +} +a(Die, "insertStyleTag"); +var X4 = /* @__PURE__ */ a(function() { + var e = 0, t = null; + return { + add: /* @__PURE__ */ a(function(r) { + e == 0 && (t = xie()) && (Cie(t, r), Die(t)), e++; + }, "add"), + remove: /* @__PURE__ */ a(function() { + e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null); + }, "remove") + }; +}, "stylesheetSingleton"); + +// ../node_modules/react-style-singleton/dist/es2015/hook.js +var Q4 = /* @__PURE__ */ a(function() { + var e = X4(); + return function(t, r) { + cI.useEffect(function() { + return e.add(t), function() { + e.remove(); + }; + }, [t && r]); + }; +}, "styleHookSingleton"); + +// ../node_modules/react-style-singleton/dist/es2015/component.js +var yf = /* @__PURE__ */ a(function() { + var e = Q4(), t = /* @__PURE__ */ a(function(r) { + var n = r.styles, o = r.dynamic; + return e(n, o), null; + }, "Sheet"); + return t; +}, "styleSingleton"); + +// ../node_modules/react-remove-scroll-bar/dist/es2015/utils.js +var Rie = { + left: 0, + top: 0, + right: 0, + gap: 0 +}, J4 = /* @__PURE__ */ a(function(e) { + return parseInt(e || "", 10) || 0; +}, "parse"), Aie = /* @__PURE__ */ a(function(e) { + var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], n = t[e === "padding" ? "paddingTop" : + "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"]; + return [J4(r), J4(n), J4(o)]; +}, "getOffset"), Z4 = /* @__PURE__ */ a(function(e) { + if (e === void 0 && (e = "margin"), typeof window > "u") + return Rie; + var t = Aie(e), r = document.documentElement.clientWidth, n = window.innerWidth; + return { + left: t[0], + top: t[1], + right: t[2], + gap: Math.max(0, n - r + t[2] - t[0]) + }; +}, "getGapWidth"); + +// ../node_modules/react-remove-scroll-bar/dist/es2015/component.js +var _ie = yf(), pm = "data-scroll-locked", Tie = /* @__PURE__ */ a(function(e, t, r, n) { + var o = e.left, i = e.top, s = e.right, l = e.gap; + return r === void 0 && (r = "margin"), ` + .`.concat(U4, ` { + overflow: hidden `).concat(n, `; + padding-right: `).concat(l, "px ").concat(n, `; + } + body[`).concat(pm, `] { + overflow: hidden `).concat(n, `; + overscroll-behavior: contain; + `).concat([ + t && "position: relative ".concat(n, ";"), + r === "margin" && ` + padding-left: `.concat(o, `px; + padding-top: `).concat(i, `px; + padding-right: `).concat(s, `px; + margin-left:0; + margin-top:0; + margin-right: `).concat(l, "px ").concat(n, `; + `), + r === "padding" && "padding-right: ".concat(l, "px ").concat(n, ";") + ].filter(Boolean).join(""), ` + } + + .`).concat(Gi, ` { + right: `).concat(l, "px ").concat(n, `; + } + + .`).concat(Yi, ` { + margin-right: `).concat(l, "px ").concat(n, `; + } + + .`).concat(Gi, " .").concat(Gi, ` { + right: 0 `).concat(n, `; + } + + .`).concat(Yi, " .").concat(Yi, ` { + margin-right: 0 `).concat(n, `; + } + + body[`).concat(pm, `] { + `).concat(W4, ": ").concat(l, `px; + } +`); +}, "getStyles"), ew = /* @__PURE__ */ a(function(e) { + var t = e.noRelative, r = e.noImportant, n = e.gapMode, o = n === void 0 ? "margin" : n, i = Lu.useMemo(function() { + return Z4(o); + }, [o]); + return Lu.useEffect(function() { + return document.body.setAttribute(pm, ""), function() { + document.body.removeAttribute(pm); + }; + }, []), Lu.createElement(_ie, { styles: Tie(i, !t, o, r ? "" : "!important") }); +}, "RemoveScrollBar"); + +// ../node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js +var tw = !1; +if (typeof window < "u") + try { + wf = Object.defineProperty({}, "passive", { + get: /* @__PURE__ */ a(function() { + return tw = !0, !0; + }, "get") + }), window.addEventListener("test", wf, wf), window.removeEventListener("test", wf, wf); + } catch { + tw = !1; + } +var wf, Ki = tw ? { passive: !1 } : !1; + +// ../node_modules/react-remove-scroll/dist/es2015/handleScroll.js +var kie = /* @__PURE__ */ a(function(e) { + return e.tagName === "TEXTAREA"; +}, "alwaysContainsScroll"), pI = /* @__PURE__ */ a(function(e, t) { + var r = window.getComputedStyle(e); + return ( + // not-not-scrollable + r[t] !== "hidden" && // contains scroll inside self + !(r.overflowY === r.overflowX && !kie(e) && r[t] === "visible") + ); +}, "elementCanBeScrolled"), Iie = /* @__PURE__ */ a(function(e) { + return pI(e, "overflowY"); +}, "elementCouldBeVScrolled"), Pie = /* @__PURE__ */ a(function(e) { + return pI(e, "overflowX"); +}, "elementCouldBeHScrolled"), rw = /* @__PURE__ */ a(function(e, t) { + var r = t; + do { + typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host); + var n = fI(e, r); + if (n) { + var o = dI(e, r), i = o[1], s = o[2]; + if (i > s) + return !0; + } + r = r.parentNode; + } while (r && r !== document.body); + return !1; +}, "locationCouldBeScrolled"), Fie = /* @__PURE__ */ a(function(e) { + var t = e.scrollTop, r = e.scrollHeight, n = e.clientHeight; + return [ + t, + r, + n + ]; +}, "getVScrollVariables"), Oie = /* @__PURE__ */ a(function(e) { + var t = e.scrollLeft, r = e.scrollWidth, n = e.clientWidth; + return [ + t, + r, + n + ]; +}, "getHScrollVariables"), fI = /* @__PURE__ */ a(function(e, t) { + return e === "v" ? Iie(t) : Pie(t); +}, "elementCouldBeScrolled"), dI = /* @__PURE__ */ a(function(e, t) { + return e === "v" ? Fie(t) : Oie(t); +}, "getScrollVariables"), Lie = /* @__PURE__ */ a(function(e, t) { + return e === "h" && t === "rtl" ? -1 : 1; +}, "getDirectionFactor"), hI = /* @__PURE__ */ a(function(e, t, r, n, o) { + var i = Lie(e, window.getComputedStyle(t).direction), s = i * n, l = r.target, u = t.contains(l), c = !1, p = s > 0, h = 0, m = 0; + do { + var g = dI(e, l), S = g[0], v = g[1], b = g[2], w = v - b - i * S; + (S || w) && fI(e, l) && (h += w, m += S), l = l.parentNode; + } while ( + // portaled content + !u && l !== document.body || // self content + u && (t.contains(l) || t === l) + ); + return (p && (o && h === 0 || !o && s > h) || !p && (o && m === 0 || !o && -s > m)) && (c = !0), c; +}, "handleScroll"); + +// ../node_modules/react-remove-scroll/dist/es2015/SideEffect.js +var fm = /* @__PURE__ */ a(function(e) { + return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0]; +}, "getTouchXY"), mI = /* @__PURE__ */ a(function(e) { + return [e.deltaX, e.deltaY]; +}, "getDeltaXY"), gI = /* @__PURE__ */ a(function(e) { + return e && "current" in e ? e.current : e; +}, "extractRef"), Nie = /* @__PURE__ */ a(function(e, t) { + return e[0] === t[0] && e[1] === t[1]; +}, "deltaCompare"), Mie = /* @__PURE__ */ a(function(e) { + return ` + .block-interactivity-`.concat(e, ` {pointer-events: none;} + .allow-interactivity-`).concat(e, ` {pointer-events: all;} +`); +}, "generateStyle"), Bie = 0, Nu = []; +function vI(e) { + var t = Ae.useRef([]), r = Ae.useRef([0, 0]), n = Ae.useRef(), o = Ae.useState(Bie++)[0], i = Ae.useState(function() { + return yf(); + })[0], s = Ae.useRef(e); + Ae.useEffect(function() { + s.current = e; + }, [e]), Ae.useEffect(function() { + if (e.inert) { + document.body.classList.add("block-interactivity-".concat(o)); + var v = tI([e.lockRef.current], (e.shards || []).map(gI), !0).filter(Boolean); + return v.forEach(function(b) { + return b.classList.add("allow-interactivity-".concat(o)); + }), function() { + document.body.classList.remove("block-interactivity-".concat(o)), v.forEach(function(b) { + return b.classList.remove("allow-interactivity-".concat(o)); + }); + }; + } + }, [e.inert, e.lockRef.current, e.shards]); + var l = Ae.useCallback(function(v, b) { + if ("touches" in v && v.touches.length === 2) + return !s.current.allowPinchZoom; + var w = fm(v), y = r.current, E = "deltaX" in v ? v.deltaX : y[0] - w[0], x = "deltaY" in v ? v.deltaY : y[1] - w[1], C, D = v.target, R = Math. + abs(E) > Math.abs(x) ? "h" : "v"; + if ("touches" in v && R === "h" && D.type === "range") + return !1; + var A = rw(R, D); + if (!A) + return !0; + if (A ? C = R : (C = R === "v" ? "h" : "v", A = rw(R, D)), !A) + return !1; + if (!n.current && "changedTouches" in v && (E || x) && (n.current = C), !C) + return !0; + var _ = n.current || C; + return hI(_, b, v, _ === "h" ? E : x, !0); + }, []), u = Ae.useCallback(function(v) { + var b = v; + if (!(!Nu.length || Nu[Nu.length - 1] !== i)) { + var w = "deltaY" in b ? mI(b) : fm(b), y = t.current.filter(function(C) { + return C.name === b.type && C.target === b.target && Nie(C.delta, w); + })[0]; + if (y && y.should) { + b.cancelable && b.preventDefault(); + return; + } + if (!y) { + var E = (s.current.shards || []).map(gI).filter(Boolean).filter(function(C) { + return C.contains(b.target); + }), x = E.length > 0 ? l(b, E[0]) : !s.current.noIsolation; + x && b.cancelable && b.preventDefault(); + } + } + }, []), c = Ae.useCallback(function(v, b, w, y) { + var E = { name: v, delta: b, target: w, should: y }; + t.current.push(E), setTimeout(function() { + t.current = t.current.filter(function(x) { + return x !== E; + }); + }, 1); + }, []), p = Ae.useCallback(function(v) { + r.current = fm(v), n.current = void 0; + }, []), h = Ae.useCallback(function(v) { + c(v.type, mI(v), v.target, l(v, e.lockRef.current)); + }, []), m = Ae.useCallback(function(v) { + c(v.type, fm(v), v.target, l(v, e.lockRef.current)); + }, []); + Ae.useEffect(function() { + return Nu.push(i), e.setCallbacks({ + onScrollCapture: h, + onWheelCapture: h, + onTouchMoveCapture: m + }), document.addEventListener("wheel", u, Ki), document.addEventListener("touchmove", u, Ki), document.addEventListener("touchstart", p, + Ki), function() { + Nu = Nu.filter(function(v) { + return v !== i; + }), document.removeEventListener("wheel", u, Ki), document.removeEventListener("touchmove", u, Ki), document.removeEventListener("touc\ +hstart", p, Ki); + }; + }, []); + var g = e.removeScrollBar, S = e.inert; + return Ae.createElement( + Ae.Fragment, + null, + S ? Ae.createElement(i, { styles: Mie(o) }) : null, + g ? Ae.createElement(ew, { gapMode: "margin" }) : null + ); +} +a(vI, "RemoveScrollSideCar"); + +// ../node_modules/react-remove-scroll/dist/es2015/sidecar.js +var yI = Y4(cm, vI); + +// ../node_modules/react-remove-scroll/dist/es2015/Combination.js +var wI = dm.forwardRef(function(e, t) { + return dm.createElement(vf, hr({}, e, { ref: t, sideCar: yI })); +}); +wI.classNames = vf.classNames; +var nw = wI; + +// ../node_modules/aria-hidden/dist/es2015/index.js +var $ie = /* @__PURE__ */ a(function(e) { + if (typeof document > "u") + return null; + var t = Array.isArray(e) ? e[0] : e; + return t.ownerDocument.body; +}, "getDefaultParent"), Mu = /* @__PURE__ */ new WeakMap(), hm = /* @__PURE__ */ new WeakMap(), mm = {}, ow = 0, bI = /* @__PURE__ */ a(function(e) { + return e && (e.host || bI(e.parentNode)); +}, "unwrapHost"), zie = /* @__PURE__ */ a(function(e, t) { + return t.map(function(r) { + if (e.contains(r)) + return r; + var n = bI(r); + return n && e.contains(n) ? n : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null); + }).filter(function(r) { + return !!r; + }); +}, "correctTargets"), Hie = /* @__PURE__ */ a(function(e, t, r, n) { + var o = zie(t, Array.isArray(e) ? e : [e]); + mm[r] || (mm[r] = /* @__PURE__ */ new WeakMap()); + var i = mm[r], s = [], l = /* @__PURE__ */ new Set(), u = new Set(o), c = /* @__PURE__ */ a(function(h) { + !h || l.has(h) || (l.add(h), c(h.parentNode)); + }, "keep"); + o.forEach(c); + var p = /* @__PURE__ */ a(function(h) { + !h || u.has(h) || Array.prototype.forEach.call(h.children, function(m) { + if (l.has(m)) + p(m); + else { + var g = m.getAttribute(n), S = g !== null && g !== "false", v = (Mu.get(m) || 0) + 1, b = (i.get(m) || 0) + 1; + Mu.set(m, v), i.set(m, b), s.push(m), v === 1 && S && hm.set(m, !0), b === 1 && m.setAttribute(r, "true"), S || m.setAttribute(n, "t\ +rue"); + } + }); + }, "deep"); + return p(t), l.clear(), ow++, function() { + s.forEach(function(h) { + var m = Mu.get(h) - 1, g = i.get(h) - 1; + Mu.set(h, m), i.set(h, g), m || (hm.has(h) || h.removeAttribute(n), hm.delete(h)), g || h.removeAttribute(r); + }), ow--, ow || (Mu = /* @__PURE__ */ new WeakMap(), Mu = /* @__PURE__ */ new WeakMap(), hm = /* @__PURE__ */ new WeakMap(), mm = {}); + }; +}, "applyAttributeToOthers"), SI = /* @__PURE__ */ a(function(e, t, r) { + r === void 0 && (r = "data-aria-hidden"); + var n = Array.from(Array.isArray(e) ? e : [e]), o = t || $ie(e); + return o ? (n.push.apply(n, Array.from(o.querySelectorAll("[aria-live]"))), Hie(n, o, r, "aria-hidden")) : function() { + return null; + }; +}, "hideOthers"); + +// ../node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot/dist/index.mjs +xt(); +var $e = I(O(), 1); +var iw = /* @__PURE__ */ (0, $e.forwardRef)((e, t) => { + let { children: r, ...n } = e, o = $e.Children.toArray(r), i = o.find(Vie); + if (i) { + let s = i.props.children, l = o.map((u) => u === i ? $e.Children.count(s) > 1 ? $e.Children.only(null) : /* @__PURE__ */ (0, $e.isValidElement)( + s) ? s.props.children : null : u); + return /* @__PURE__ */ (0, $e.createElement)(aw, J({}, n, { + ref: t + }), /* @__PURE__ */ (0, $e.isValidElement)(s) ? /* @__PURE__ */ (0, $e.cloneElement)(s, void 0, l) : null); + } + return /* @__PURE__ */ (0, $e.createElement)(aw, J({}, n, { + ref: t + }), r); +}); +iw.displayName = "Slot"; +var aw = /* @__PURE__ */ (0, $e.forwardRef)((e, t) => { + let { children: r, ...n } = e; + return /* @__PURE__ */ (0, $e.isValidElement)(r) ? /* @__PURE__ */ (0, $e.cloneElement)(r, { + ...Uie(n, r.props), + ref: t ? hf(t, r.ref) : r.ref + }) : $e.Children.count(r) > 1 ? $e.Children.only(null) : null; +}); +aw.displayName = "SlotClone"; +var jie = /* @__PURE__ */ a(({ children: e }) => /* @__PURE__ */ (0, $e.createElement)($e.Fragment, null, e), "$5e63c961fc1ce211$export$d9f1\ +ccf0bdb05d45"); +function Vie(e) { + return /* @__PURE__ */ (0, $e.isValidElement)(e) && e.type === jie; +} +a(Vie, "$5e63c961fc1ce211$var$isSlottable"); +function Uie(e, t) { + let r = { + ...t + }; + for (let n in t) { + let o = e[n], i = t[n]; + /^on[A-Z]/.test(n) ? o && i ? r[n] = (...l) => { + i(...l), o(...l); + } : o && (r[n] = o) : n === "style" ? r[n] = { + ...o, + ...i + } : n === "className" && (r[n] = [ + o, + i + ].filter(Boolean).join(" ")); + } + return { + ...e, + ...r + }; +} +a(Uie, "$5e63c961fc1ce211$var$mergeProps"); + +// ../node_modules/@radix-ui/react-dialog/dist/index.mjs +var EI = "Dialog", [xI, Wie] = Pk(EI), [qie, En] = xI(EI), CI = /* @__PURE__ */ a((e) => { + let { __scopeDialog: t, children: r, open: n, defaultOpen: o, onOpenChange: i, modal: s = !0 } = e, l = (0, Z.useRef)(null), u = (0, Z.useRef)( + null), [c = !1, p] = Ok({ + prop: n, + defaultProp: o, + onChange: i + }); + return /* @__PURE__ */ (0, Z.createElement)(qie, { + scope: t, + triggerRef: l, + contentRef: u, + contentId: am(), + titleId: am(), + descriptionId: am(), + open: c, + onOpenChange: p, + onOpenToggle: (0, Z.useCallback)( + () => p( + (h) => !h + ), + [ + p + ] + ), + modal: s + }, r); +}, "$5d3850c4d0b4e6c7$export$3ddf2d174ce01153"), Gie = "DialogTrigger", DI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, ...n } = e, o = En(Gie, r), i = oo(t, o.triggerRef); + return /* @__PURE__ */ (0, Z.createElement)(Yr.button, J({ + type: "button", + "aria-haspopup": "dialog", + "aria-expanded": o.open, + "aria-controls": o.contentId, + "data-state": lw(o.open) + }, n, { + ref: i, + onClick: no(e.onClick, o.onOpenToggle) + })); +}), RI = "DialogPortal", [Yie, AI] = xI(RI, { + forceMount: void 0 +}), _I = /* @__PURE__ */ a((e) => { + let { __scopeDialog: t, forceMount: r, children: n, container: o } = e, i = En(RI, t); + return /* @__PURE__ */ (0, Z.createElement)(Yie, { + scope: t, + forceMount: r + }, Z.Children.map( + n, + (s) => /* @__PURE__ */ (0, Z.createElement)(gf, { + present: r || i.open + }, /* @__PURE__ */ (0, Z.createElement)(Xk, { + asChild: !0, + container: o + }, s)) + )); +}, "$5d3850c4d0b4e6c7$export$dad7c95542bacce0"), sw = "DialogOverlay", TI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let r = AI(sw, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, i = En(sw, e.__scopeDialog); + return i.modal ? /* @__PURE__ */ (0, Z.createElement)(gf, { + present: n || i.open + }, /* @__PURE__ */ (0, Z.createElement)(Kie, J({}, o, { + ref: t + }))) : null; +}), Kie = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, ...n } = e, o = En(sw, r); + return ( + // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll` + // ie. when `Overlay` and `Content` are siblings + /* @__PURE__ */ (0, Z.createElement)(nw, { + as: iw, + allowPinchZoom: !0, + shards: [ + o.contentRef + ] + }, /* @__PURE__ */ (0, Z.createElement)(Yr.div, J({ + "data-state": lw(o.open) + }, n, { + ref: t, + style: { + pointerEvents: "auto", + ...n.style + } + }))) + ); +}), Bu = "DialogContent", kI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let r = AI(Bu, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, i = En(Bu, e.__scopeDialog); + return /* @__PURE__ */ (0, Z.createElement)(gf, { + present: n || i.open + }, i.modal ? /* @__PURE__ */ (0, Z.createElement)(Xie, J({}, o, { + ref: t + })) : /* @__PURE__ */ (0, Z.createElement)(Qie, J({}, o, { + ref: t + }))); +}), Xie = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let r = En(Bu, e.__scopeDialog), n = (0, Z.useRef)(null), o = oo(t, r.contentRef, n); + return (0, Z.useEffect)(() => { + let i = n.current; + if (i) return SI(i); + }, []), /* @__PURE__ */ (0, Z.createElement)(II, J({}, e, { + ref: o, + trapFocus: r.open, + disableOutsidePointerEvents: !0, + onCloseAutoFocus: no(e.onCloseAutoFocus, (i) => { + var s; + i.preventDefault(), (s = r.triggerRef.current) === null || s === void 0 || s.focus(); + }), + onPointerDownOutside: no(e.onPointerDownOutside, (i) => { + let s = i.detail.originalEvent, l = s.button === 0 && s.ctrlKey === !0; + (s.button === 2 || l) && i.preventDefault(); + }), + onFocusOutside: no( + e.onFocusOutside, + (i) => i.preventDefault() + ) + })); +}), Qie = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let r = En(Bu, e.__scopeDialog), n = (0, Z.useRef)(!1), o = (0, Z.useRef)(!1); + return /* @__PURE__ */ (0, Z.createElement)(II, J({}, e, { + ref: t, + trapFocus: !1, + disableOutsidePointerEvents: !1, + onCloseAutoFocus: /* @__PURE__ */ a((i) => { + var s; + if ((s = e.onCloseAutoFocus) === null || s === void 0 || s.call(e, i), !i.defaultPrevented) { + var l; + n.current || (l = r.triggerRef.current) === null || l === void 0 || l.focus(), i.preventDefault(); + } + n.current = !1, o.current = !1; + }, "onCloseAutoFocus"), + onInteractOutside: /* @__PURE__ */ a((i) => { + var s, l; + (s = e.onInteractOutside) === null || s === void 0 || s.call(e, i), i.defaultPrevented || (n.current = !0, i.detail.originalEvent.type === + "pointerdown" && (o.current = !0)); + let u = i.target; + ((l = r.triggerRef.current) === null || l === void 0 ? void 0 : l.contains(u)) && i.preventDefault(), i.detail.originalEvent.type === "\ +focusin" && o.current && i.preventDefault(); + }, "onInteractOutside") + })); +}), II = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, trapFocus: n, onOpenAutoFocus: o, onCloseAutoFocus: i, ...s } = e, l = En(Bu, r), u = (0, Z.useRef)(null), c = oo( + t, u); + return eI(), /* @__PURE__ */ (0, Z.createElement)(Z.Fragment, null, /* @__PURE__ */ (0, Z.createElement)(Gk, { + asChild: !0, + loop: !0, + trapped: n, + onMountAutoFocus: o, + onUnmountAutoFocus: i + }, /* @__PURE__ */ (0, Z.createElement)(Hk, J({ + role: "dialog", + id: l.contentId, + "aria-describedby": l.descriptionId, + "aria-labelledby": l.titleId, + "data-state": lw(l.open) + }, s, { + ref: c, + onDismiss: /* @__PURE__ */ a(() => l.onOpenChange(!1), "onDismiss") + }))), !1); +}), PI = "DialogTitle", FI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, ...n } = e, o = En(PI, r); + return /* @__PURE__ */ (0, Z.createElement)(Yr.h2, J({ + id: o.titleId + }, n, { + ref: t + })); +}), Jie = "DialogDescription", OI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, ...n } = e, o = En(Jie, r); + return /* @__PURE__ */ (0, Z.createElement)(Yr.p, J({ + id: o.descriptionId + }, n, { + ref: t + })); +}), Zie = "DialogClose", LI = /* @__PURE__ */ (0, Z.forwardRef)((e, t) => { + let { __scopeDialog: r, ...n } = e, o = En(Zie, r); + return /* @__PURE__ */ (0, Z.createElement)(Yr.button, J({ + type: "button" + }, n, { + ref: t, + onClick: no( + e.onClick, + () => o.onOpenChange(!1) + ) + })); +}); +function lw(e) { + return e ? "open" : "closed"; +} +a(lw, "$5d3850c4d0b4e6c7$var$getState"); +var ese = "DialogTitleWarning", [tse, SSe] = Ik(ese, { + contentName: Bu, + titleName: PI, + docsSlug: "dialog" +}); +var uw = CI, rse = DI, cw = _I, pw = TI, fw = kI, dw = FI, hw = OI, mw = LI; + +// src/components/components/Modal/Modal.styled.tsx +var yw = {}; +he(yw, { + Actions: () => cse, + CloseButton: () => MI, + Col: () => $I, + Container: () => vw, + Content: () => ise, + Description: () => use, + Error: () => pse, + ErrorWrapper: () => zI, + Header: () => sse, + Overlay: () => gw, + Row: () => BI, + Title: () => lse +}); +var No = I(O(), 1); +X(); + +// src/components/components/IconButton/IconButton.tsx +var vm = I(O(), 1); + +// src/components/components/Button/Button.tsx +var Lo = I(O(), 1); +X(); +Ft(); +m3(); +Wn(); +var Xi = (0, Lo.forwardRef)( + ({ + asChild: e = !1, + animation: t = "none", + size: r = "small", + variant: n = "outline", + padding: o = "medium", + disabled: i = !1, + active: s = !1, + onClick: l, + ...u + }, c) => { + let p = "button"; + u.isLink && (p = "a"), e && (p = $p); + let h = n, m = r, [g, S] = (0, Lo.useState)(!1), v = /* @__PURE__ */ a((b) => { + l && l(b), t !== "none" && S(!0); + }, "handleClick"); + if ((0, Lo.useEffect)(() => { + let b = setTimeout(() => { + g && S(!1); + }, 1e3); + return () => clearTimeout(b); + }, [g]), u.primary && (h = "solid", m = "medium"), (u.secondary || u.tertiary || u.gray || u.outline || u.inForm) && (h = "outline", m = + "medium"), u.small || u.isLink || u.primary || u.secondary || u.tertiary || u.gray || u.outline || u.inForm || u.containsIcon) { + let b = Lo.default.Children.toArray(u.children).filter( + (w) => typeof w == "string" && w !== "" + ); + So( + `Use of deprecated props in the button ${b.length > 0 ? `"${b.join(" ")}"` : "component"} detected, see the migration notes at https\ +://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components` + ); + } + return /* @__PURE__ */ Lo.default.createElement( + nse, + { + as: p, + ref: c, + variant: h, + size: m, + padding: o, + disabled: i, + active: s, + animating: g, + animation: t, + onClick: v, + ...u + } + ); + } +); +Xi.displayName = "Button"; +var nse = k("button", { + shouldForwardProp: /* @__PURE__ */ a((e) => ya(e), "shouldForwardProp") +})(({ theme: e, variant: t, size: r, disabled: n, active: o, animating: i, animation: s = "none", padding: l }) => ({ + border: 0, + cursor: n ? "not-allowed" : "pointer", + display: "inline-flex", + gap: "6px", + alignItems: "center", + justifyContent: "center", + overflow: "hidden", + padding: l === "small" && r === "small" ? "0 7px" : l === "small" && r === "medium" ? "0 9px" : r === "small" ? "0 10px" : r === "medium" ? + "0 12px" : 0, + height: r === "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: n ? 0.5 : 1, + margin: 0, + fontSize: `${e.typography.size.s1}px`, + fontWeight: e.typography.weight.bold, + lineHeight: "1", + background: t === "solid" ? e.color.secondary : t === "outline" ? e.button.background : t === "ghost" && o ? e.background.hoverable : "tra\ +nsparent", + ...t === "ghost" ? { + // This is a hack to apply bar styles to the button as soon as it is part of a bar + // It is a temporary solution until we have implemented Theming 2.0. + ".sb-bar &": { + background: o ? st(0.9, e.barTextColor) : "transparent", + color: o ? e.barSelectedColor : e.barTextColor, + "&:hover": { + color: e.barHoverColor, + background: st(0.86, e.barHoverColor) + }, + "&:active": { + color: e.barSelectedColor, + background: st(0.9, e.barSelectedColor) + }, + "&:focus": { + boxShadow: `${Eo(e.barHoverColor, 1)} 0 0 0 1px inset`, + outline: "none" + } + } + } : {}, + color: t === "solid" ? e.color.lightest : t === "outline" ? e.input.color : t === "ghost" && o ? e.color.secondary : t === "ghost" ? e.color. + mediumdark : e.input.color, + boxShadow: t === "outline" ? `${e.button.border} 0 0 0 1px inset` : "none", + borderRadius: e.input.borderRadius, + // Making sure that the button never shrinks below its minimum size + flexShrink: 0, + "&:hover": { + color: t === "ghost" ? e.color.secondary : void 0, + background: (() => { + let u = e.color.secondary; + return t === "solid" && (u = e.color.secondary), t === "outline" && (u = e.button.background), t === "ghost" ? st(0.86, e.color.secondary) : + e.base === "light" ? Un(0.02, u) : Dp(0.03, u); + })() + }, + "&:active": { + color: t === "ghost" ? e.color.secondary : void 0, + background: (() => { + let u = e.color.secondary; + return t === "solid" && (u = e.color.secondary), t === "outline" && (u = e.button.background), t === "ghost" ? e.background.hoverable : + e.base === "light" ? Un(0.02, u) : Dp(0.03, u); + })() + }, + "&:focus": { + boxShadow: `${Eo(e.color.secondary, 1)} 0 0 0 1px inset`, + outline: "none" + }, + "> svg": { + animation: i && s !== "none" ? `${e.animation[s]} 1000ms ease-out` : "" + } +})); + +// src/components/components/IconButton/IconButton.tsx +var bf = (0, vm.forwardRef)( + ({ padding: e = "small", variant: t = "ghost", ...r }, n) => /* @__PURE__ */ vm.default.createElement(Xi, { padding: e, variant: t, ref: n, + ...r }) +); +bf.displayName = "IconButton"; + +// src/components/components/Modal/Modal.styled.tsx +var NI = Wt({ + from: { opacity: 0 }, + to: { opacity: 1 } +}), ose = Wt({ + from: { maxHeight: 0 }, + to: {} +}), ase = Wt({ + from: { + opacity: 0, + transform: "translate(-50%, -50%) scale(0.9)" + }, + to: { + opacity: 1, + transform: "translate(-50%, -50%) scale(1)" + } +}), gw = k.div({ + backdropFilter: "blur(24px)", + position: "fixed", + inset: 0, + width: "100%", + height: "100%", + zIndex: 10, + animation: `${NI} 200ms` +}), vw = k.div( + ({ theme: e, width: t, height: r }) => ({ + backgroundColor: e.background.bar, + borderRadius: 6, + boxShadow: "0px 4px 67px 0px #00000040", + position: "fixed", + top: "50%", + left: "50%", + transform: "translate(-50%, -50%)", + width: t ?? 740, + height: r ?? "auto", + maxWidth: "calc(100% - 40px)", + maxHeight: "85vh", + overflow: "hidden", + zIndex: 11, + animation: `${ase} 200ms`, + "&:focus-visible": { + outline: "none" + } + }) +), MI = /* @__PURE__ */ a((e) => /* @__PURE__ */ No.default.createElement(mw, { asChild: !0 }, /* @__PURE__ */ No.default.createElement(bf, { +...e }, /* @__PURE__ */ No.default.createElement(D3, null))), "CloseButton"), ise = k.div({ + display: "flex", + flexDirection: "column", + margin: 16, + gap: 16 +}), BI = k.div({ + display: "flex", + justifyContent: "space-between", + gap: 16 +}), $I = k.div({ + display: "flex", + flexDirection: "column", + gap: 4 +}), sse = /* @__PURE__ */ a((e) => /* @__PURE__ */ No.default.createElement(BI, null, /* @__PURE__ */ No.default.createElement($I, { ...e }), +/* @__PURE__ */ No.default.createElement(MI, null)), "Header"), lse = k(dw)(({ theme: e }) => ({ + margin: 0, + fontSize: e.typography.size.s3, + fontWeight: e.typography.weight.bold +})), use = k(hw)(({ theme: e }) => ({ + position: "relative", + zIndex: 1, + margin: 0, + fontSize: e.typography.size.s2 +})), cse = k.div({ + display: "flex", + flexDirection: "row-reverse", + gap: 8 +}), zI = k.div(({ theme: e }) => ({ + maxHeight: 100, + overflow: "auto", + animation: `${ose} 300ms, ${NI} 300ms`, + backgroundColor: e.background.critical, + color: e.color.lightest, + fontSize: e.typography.size.s2, + "& > div": { + position: "relative", + padding: "8px 16px" + } +})), pse = /* @__PURE__ */ a(({ + children: e, + ...t +}) => /* @__PURE__ */ No.default.createElement(zI, { ...t }, /* @__PURE__ */ No.default.createElement("div", null, e)), "Error"); + +// src/components/components/Modal/Modal.tsx +function fse({ + children: e, + width: t, + height: r, + onEscapeKeyDown: n, + onInteractOutside: o = /* @__PURE__ */ a((u) => u.preventDefault(), "onInteractOutside"), + className: i, + container: s, + ...l +}) { + return /* @__PURE__ */ Qi.default.createElement(uw, { ...l }, /* @__PURE__ */ Qi.default.createElement(cw, { container: s }, /* @__PURE__ */ Qi.default. + createElement(pw, { asChild: !0 }, /* @__PURE__ */ Qi.default.createElement(gw, null)), /* @__PURE__ */ Qi.default.createElement( + fw, + { + asChild: !0, + onInteractOutside: o, + onEscapeKeyDown: n + }, + /* @__PURE__ */ Qi.default.createElement(vw, { className: i, width: t, height: r }, e) + ))); +} +a(fse, "BaseModal"); +var HI = Object.assign(fse, yw, { Dialog: gm }); + +// src/components/components/spaced/Spaced.tsx +var jI = I(O(), 1); +X(); +var dse = /* @__PURE__ */ a((e) => typeof e == "number" ? e : Number(e), "toNumber"), hse = k.div( + ({ theme: e, col: t, row: r = 1 }) => t ? { + display: "inline-block", + verticalAlign: "inherit", + "& > *": { + marginLeft: t * e.layoutMargin, + verticalAlign: "inherit" + }, + [`& > *:first-child${S1}`]: { + marginLeft: 0 + } + } : { + "& > *": { + marginTop: r * e.layoutMargin + }, + [`& > *:first-child${S1}`]: { + marginTop: 0 + } + }, + ({ theme: e, outer: t, col: r, row: n }) => { + switch (!0) { + case !!(t && r): + return { + marginLeft: t * e.layoutMargin, + marginRight: t * e.layoutMargin + }; + case !!(t && n): + return { + marginTop: t * e.layoutMargin, + marginBottom: t * e.layoutMargin + }; + default: + return {}; + } + } +), VI = /* @__PURE__ */ a(({ col: e, row: t, outer: r, children: n, ...o }) => { + let i = dse(typeof r == "number" || !r ? r : e || t); + return /* @__PURE__ */ jI.default.createElement(hse, { col: e, row: t, outer: i, ...o }, n); +}, "Spaced"); + +// src/components/components/placeholder/placeholder.tsx +var $u = I(O(), 1); +X(); +var mse = k.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold +})), gse = k.div(), vse = k.div(({ theme: e }) => ({ + padding: 30, + textAlign: "center", + color: e.color.defaultText, + fontSize: e.typography.size.s2 - 1 +})), UI = /* @__PURE__ */ a(({ children: e, ...t }) => { + let [r, n] = $u.Children.toArray(e); + return /* @__PURE__ */ $u.default.createElement(vse, { ...t }, /* @__PURE__ */ $u.default.createElement(mse, null, r), n && /* @__PURE__ */ $u.default. + createElement(gse, null, n)); +}, "Placeholder"); + +// src/components/index.ts +V1(); + +// src/components/components/Zoom/ZoomElement.tsx +var xn = I(O(), 1); +X(); + +// ../node_modules/use-resize-observer/dist/bundle.esm.js +var tt = I(O()); +function yse(e, t) { + var r = (0, tt.useRef)(null), n = (0, tt.useRef)(null); + n.current = t; + var o = (0, tt.useRef)(null); + (0, tt.useEffect)(function() { + i(); + }); + var i = (0, tt.useCallback)(function() { + var s = o.current, l = n.current, u = s || (l ? l instanceof Element ? l : l.current : null); + r.current && r.current.element === u && r.current.subscriber === e || (r.current && r.current.cleanup && r.current.cleanup(), r.current = + { + element: u, + subscriber: e, + // Only calling the subscriber, if there's an actual element to report. + // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called. + cleanup: u ? e(u) : void 0 + }); + }, [e]); + return (0, tt.useEffect)(function() { + return function() { + r.current && r.current.cleanup && (r.current.cleanup(), r.current = null); + }; + }, []), (0, tt.useCallback)(function(s) { + o.current = s, i(); + }, [i]); +} +a(yse, "useResolvedElement"); +function WI(e, t, r) { + return e[t] ? e[t][0] ? e[t][0][r] : ( + // TS complains about this, because the RO entry type follows the spec and does not reflect Firefox's current + // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`. + // @ts-ignore + e[t][r] + ) : t === "contentBoxSize" ? e.contentRect[r === "inlineSize" ? "width" : "height"] : void 0; +} +a(WI, "extractSize"); +function ym(e) { + e === void 0 && (e = {}); + var t = e.onResize, r = (0, tt.useRef)(void 0); + r.current = t; + var n = e.round || Math.round, o = (0, tt.useRef)(), i = (0, tt.useState)({ + width: void 0, + height: void 0 + }), s = i[0], l = i[1], u = (0, tt.useRef)(!1); + (0, tt.useEffect)(function() { + return u.current = !1, function() { + u.current = !0; + }; + }, []); + var c = (0, tt.useRef)({ + width: void 0, + height: void 0 + }), p = yse((0, tt.useCallback)(function(h) { + return (!o.current || o.current.box !== e.box || o.current.round !== n) && (o.current = { + box: e.box, + round: n, + instance: new ResizeObserver(function(m) { + var g = m[0], S = e.box === "border-box" ? "borderBoxSize" : e.box === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "c\ +ontentBoxSize", v = WI(g, S, "inlineSize"), b = WI(g, S, "blockSize"), w = v ? n(v) : void 0, y = b ? n(b) : void 0; + if (c.current.width !== w || c.current.height !== y) { + var E = { + width: w, + height: y + }; + c.current.width = w, c.current.height = y, r.current ? r.current(E) : u.current || l(E); + } + }) + }), o.current.instance.observe(h, { + box: e.box + }), function() { + o.current && o.current.instance.unobserve(h); + }; + }, [e.box, n]), e.ref); + return (0, tt.useMemo)(function() { + return { + ref: p, + width: s.width, + height: s.height + }; + }, [p, s.width, s.height]); +} +a(ym, "useResizeObserver"); + +// src/components/components/Zoom/ZoomElement.tsx +var wse = k.div( + ({ scale: e = 1, elementHeight: t }) => ({ + height: t || "auto", + transformOrigin: "top left", + transform: `scale(${1 / e})` + }) +); +function qI({ scale: e, children: t }) { + let r = (0, xn.useRef)(null), [n, o] = (0, xn.useState)(0), i = (0, xn.useCallback)( + ({ height: s }) => { + s && o(s / e); + }, + [e] + ); + return (0, xn.useEffect)(() => { + r.current && o(r.current.getBoundingClientRect().height); + }, [e]), ym({ + ref: r, + onResize: i + }), /* @__PURE__ */ xn.default.createElement(wse, { scale: e, elementHeight: n }, /* @__PURE__ */ xn.default.createElement("div", { ref: r, + className: "innerZoomElementWrapper" }, t)); +} +a(qI, "ZoomElement"); + +// src/components/components/Zoom/ZoomIFrame.tsx +var Sf = I(O(), 1); +var ww = class ww extends Sf.Component { + constructor() { + super(...arguments); + // @ts-expect-error (non strict) + this.iframe = null; + } + componentDidMount() { + let { iFrameRef: r } = this.props; + this.iframe = r.current; + } + shouldComponentUpdate(r) { + let { scale: n, active: o } = this.props; + return n !== r.scale && this.setIframeInnerZoom(r.scale), o !== r.active && this.iframe.setAttribute("data-is-storybook", r.active ? "tr\ +ue" : "false"), r.children.props.src !== this.props.children.props.src; + } + setIframeInnerZoom(r) { + try { + Object.assign(this.iframe.contentDocument.body.style, { + width: `${r * 100}%`, + height: `${r * 100}%`, + transform: `scale(${1 / r})`, + transformOrigin: "top left" + }); + } catch { + this.setIframeZoom(r); + } + } + setIframeZoom(r) { + Object.assign(this.iframe.style, { + width: `${r * 100}%`, + height: `${r * 100}%`, + transform: `scale(${1 / r})`, + transformOrigin: "top left" + }); + } + render() { + let { children: r } = this.props; + return /* @__PURE__ */ Sf.default.createElement(Sf.default.Fragment, null, r); + } +}; +a(ww, "ZoomIFrame"); +var wm = ww; + +// src/components/components/Zoom/Zoom.tsx +var GI = { + Element: qI, + IFrame: wm +}; + +// src/components/components/ErrorFormatter/ErrorFormatter.tsx +var He = I(O(), 1); +X(); +We(); +var { document: bse } = H, Sse = k.strong(({ theme: e }) => ({ + color: e.color.orange +})), Ese = k.strong(({ theme: e }) => ({ + color: e.color.ancillary, + textDecoration: "underline" +})), YI = k.em(({ theme: e }) => ({ + color: e.textMutedColor +})), xse = /(Error): (.*)\n/, Cse = /at (?:(.*) )?\(?(.+)\)?/, Dse = /([^@]+)?(?:\/<)?@(.+)?/, Rse = /([^@]+)?@(.+)?/, KI = /* @__PURE__ */ a( +({ error: e }) => { + if (!e) + return /* @__PURE__ */ He.default.createElement(He.Fragment, null, "This error has no stack or message"); + if (!e.stack) + return /* @__PURE__ */ He.default.createElement(He.Fragment, null, e.message || "This error has no stack or message"); + let t = e.stack.toString(); + t && e.message && !t.includes(e.message) && (t = `Error: ${e.message} + +${t}`); + let r = t.match(xse); + if (!r) + return /* @__PURE__ */ He.default.createElement(He.Fragment, null, t); + let [, n, o] = r, i = t.split(/\n/).slice(1), [, ...s] = i.map((l) => { + let u = l.match(Cse) || l.match(Dse) || l.match(Rse); + return u ? { + name: (u[1] || "").replace("/<", ""), + location: u[2].replace(bse.location.origin, "") + } : null; + }).filter(Boolean); + return /* @__PURE__ */ He.default.createElement(He.Fragment, null, /* @__PURE__ */ He.default.createElement("span", null, n), ": ", /* @__PURE__ */ He.default. + createElement(Sse, null, o), /* @__PURE__ */ He.default.createElement("br", null), s.map( + (l, u) => l?.name ? /* @__PURE__ */ He.default.createElement(He.Fragment, { key: u }, " ", "at ", /* @__PURE__ */ He.default.createElement( + Ese, null, l.name), " (", /* @__PURE__ */ He.default.createElement(YI, null, l.location), ")", /* @__PURE__ */ He.default.createElement( + "br", null)) : /* @__PURE__ */ He.default.createElement(He.Fragment, { key: u }, " ", "at ", /* @__PURE__ */ He.default.createElement(YI, + null, l?.location), /* @__PURE__ */ He.default.createElement("br", null)) + )); +}, "ErrorFormatter"); + +// src/components/components/form/index.tsx +X(); + +// src/components/components/form/field/field.tsx +var bm = I(O(), 1); +X(); +var Ase = k.label(({ theme: e }) => ({ + display: "flex", + borderBottom: `1px solid ${e.appBorderColor}`, + margin: "0 15px", + padding: "8px 0", + "&:last-child": { + marginBottom: "3rem" + } +})), _se = k.span(({ theme: e }) => ({ + minWidth: 100, + fontWeight: e.typography.weight.bold, + marginRight: 15, + display: "flex", + justifyContent: "flex-start", + alignItems: "center", + lineHeight: "16px" +})), XI = /* @__PURE__ */ a(({ label: e, children: t, ...r }) => /* @__PURE__ */ bm.default.createElement(Ase, { ...r }, e ? /* @__PURE__ */ bm.default. +createElement(_se, null, /* @__PURE__ */ bm.default.createElement("span", null, e)) : null, t), "Field"); + +// src/components/components/form/input/input.tsx +var za = I(O(), 1); +X(); + +// ../node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js +xt(); +C1(); +var Cn = I(O()); + +// ../node_modules/use-latest/dist/use-latest.esm.js +var ZI = I(O()); + +// ../node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js +var QI = I(O()), Tse = QI.useLayoutEffect, JI = Tse; + +// ../node_modules/use-latest/dist/use-latest.esm.js +var eP = /* @__PURE__ */ a(function(t) { + var r = ZI.useRef(t); + return JI(function() { + r.current = t; + }), r; +}, "useLatest"); + +// ../node_modules/use-composed-ref/dist/use-composed-ref.esm.js +var Sm = I(O()); +var tP = /* @__PURE__ */ a(function(t, r) { + if (typeof t == "function") { + t(r); + return; + } + t.current = r; +}, "updateRef"), kse = /* @__PURE__ */ a(function(t, r) { + var n = (0, Sm.useRef)(); + return (0, Sm.useCallback)(function(o) { + t.current = o, n.current && tP(n.current, null), n.current = r, r && tP(r, o); + }, [r]); +}, "useComposedRef"), rP = kse; + +// ../node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js +var nP = { + "min-height": "0", + "max-height": "none", + height: "0", + visibility: "hidden", + overflow: "hidden", + position: "absolute", + "z-index": "-1000", + top: "0", + right: "0" +}, Ise = /* @__PURE__ */ a(function(t) { + Object.keys(nP).forEach(function(r) { + t.style.setProperty(r, nP[r], "important"); + }); +}, "forceHiddenStyles"), oP = Ise, Xt = null, aP = /* @__PURE__ */ a(function(t, r) { + var n = t.scrollHeight; + return r.sizingStyle.boxSizing === "border-box" ? n + r.borderSize : n - r.paddingSize; +}, "getHeight"); +function Pse(e, t, r, n) { + r === void 0 && (r = 1), n === void 0 && (n = 1 / 0), Xt || (Xt = document.createElement("textarea"), Xt.setAttribute("tabindex", "-1"), Xt. + setAttribute("aria-hidden", "true"), oP(Xt)), Xt.parentNode === null && document.body.appendChild(Xt); + var o = e.paddingSize, i = e.borderSize, s = e.sizingStyle, l = s.boxSizing; + Object.keys(s).forEach(function(m) { + var g = m; + Xt.style[g] = s[g]; + }), oP(Xt), Xt.value = t; + var u = aP(Xt, e); + Xt.value = t, u = aP(Xt, e), Xt.value = "x"; + var c = Xt.scrollHeight - o, p = c * r; + l === "border-box" && (p = p + o + i), u = Math.max(p, u); + var h = c * n; + return l === "border-box" && (h = h + o + i), u = Math.min(h, u), [u, c]; +} +a(Pse, "calculateNodeHeight"); +var iP = /* @__PURE__ */ a(function() { +}, "noop"), Fse = /* @__PURE__ */ a(function(t, r) { + return t.reduce(function(n, o) { + return n[o] = r[o], n; + }, {}); +}, "pick"), Ose = [ + "borderBottomWidth", + "borderLeftWidth", + "borderRightWidth", + "borderTopWidth", + "boxSizing", + "fontFamily", + "fontSize", + "fontStyle", + "fontWeight", + "letterSpacing", + "lineHeight", + "paddingBottom", + "paddingLeft", + "paddingRight", + "paddingTop", + // non-standard + "tabSize", + "textIndent", + // non-standard + "textRendering", + "textTransform", + "width", + "wordBreak" +], Lse = !!document.documentElement.currentStyle, Nse = /* @__PURE__ */ a(function(t) { + var r = window.getComputedStyle(t); + if (r === null) + return null; + var n = Fse(Ose, r), o = n.boxSizing; + if (o === "") + return null; + Lse && o === "border-box" && (n.width = parseFloat(n.width) + parseFloat(n.borderRightWidth) + parseFloat(n.borderLeftWidth) + parseFloat( + n.paddingRight) + parseFloat(n.paddingLeft) + "px"); + var i = parseFloat(n.paddingBottom) + parseFloat(n.paddingTop), s = parseFloat(n.borderBottomWidth) + parseFloat(n.borderTopWidth); + return { + sizingStyle: n, + paddingSize: i, + borderSize: s + }; +}, "getSizingData"), Mse = Nse; +function sP(e, t, r) { + var n = eP(r); + Cn.useLayoutEffect(function() { + var o = /* @__PURE__ */ a(function(s) { + return n.current(s); + }, "handler"); + if (e) + return e.addEventListener(t, o), function() { + return e.removeEventListener(t, o); + }; + }, []); +} +a(sP, "useListener"); +var Bse = /* @__PURE__ */ a(function(t) { + sP(window, "resize", t); +}, "useWindowResizeListener"), $se = /* @__PURE__ */ a(function(t) { + sP(document.fonts, "loadingdone", t); +}, "useFontsLoadedListener"), zse = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], Hse = /* @__PURE__ */ a(function(t, r) { + var n = t.cacheMeasurements, o = t.maxRows, i = t.minRows, s = t.onChange, l = s === void 0 ? iP : s, u = t.onHeightChange, c = u === void 0 ? + iP : u, p = gl(t, zse), h = p.value !== void 0, m = Cn.useRef(null), g = rP(m, r), S = Cn.useRef(0), v = Cn.useRef(), b = /* @__PURE__ */ a( + function() { + var E = m.current, x = n && v.current ? v.current : Mse(E); + if (x) { + v.current = x; + var C = Pse(x, E.value || E.placeholder || "x", i, o), D = C[0], R = C[1]; + S.current !== D && (S.current = D, E.style.setProperty("height", D + "px", "important"), c(D, { + rowHeight: R + })); + } + }, "resizeTextarea"), w = /* @__PURE__ */ a(function(E) { + h || b(), l(E); + }, "handleChange"); + return Cn.useLayoutEffect(b), Bse(b), $se(b), /* @__PURE__ */ Cn.createElement("textarea", J({}, p, { + onChange: w, + ref: g + })); +}, "TextareaAutosize"), lP = /* @__PURE__ */ Cn.forwardRef(Hse); + +// src/components/components/form/input/input.tsx +var jse = { + // resets + appearance: "none", + border: "0 none", + boxSizing: "inherit", + display: " block", + margin: " 0", + background: "transparent", + padding: 0, + fontSize: "inherit", + position: "relative" +}, bw = /* @__PURE__ */ a(({ theme: e }) => ({ + ...jse, + transition: "box-shadow 200ms ease-out, opacity 200ms ease-out", + color: e.input.color || "inherit", + background: e.input.background, + boxShadow: `${e.input.border} 0 0 0 1px inset`, + borderRadius: e.input.borderRadius, + fontSize: e.typography.size.s2 - 1, + lineHeight: "20px", + padding: "6px 10px", + // 32 + boxSizing: "border-box", + height: 32, + '&[type="file"]': { + height: "auto" + }, + "&:focus": { + boxShadow: `${e.color.secondary} 0 0 0 1px inset`, + outline: "none" + }, + "&[disabled]": { + cursor: "not-allowed", + opacity: 0.5 + }, + "&:-webkit-autofill": { WebkitBoxShadow: `0 0 0 3em ${e.color.lightest} inset` }, + "&::placeholder": { + color: e.textMutedColor, + opacity: 1 + } +}), "styles"), Sw = /* @__PURE__ */ a(({ size: e }) => { + switch (e) { + case "100%": + return { width: "100%" }; + case "flex": + return { flex: 1 }; + case "auto": + default: + return { display: "inline" }; + } +}, "sizes"), uP = /* @__PURE__ */ a(({ + align: e +}) => { + switch (e) { + case "end": + return { textAlign: "right" }; + case "center": + return { textAlign: "center" }; + case "start": + default: + return { textAlign: "left" }; + } +}, "alignment"), Ew = /* @__PURE__ */ a(({ valid: e, theme: t }) => { + switch (e) { + case "valid": + return { boxShadow: `${t.color.positive} 0 0 0 1px inset !important` }; + case "error": + return { boxShadow: `${t.color.negative} 0 0 0 1px inset !important` }; + case "warn": + return { + boxShadow: `${t.color.warning} 0 0 0 1px inset` + }; + case void 0: + case null: + default: + return {}; + } +}, "validation"), cP = Object.assign( + k( + (0, za.forwardRef)(/* @__PURE__ */ a(function({ size: t, valid: r, align: n, ...o }, i) { + return /* @__PURE__ */ za.default.createElement("input", { ...o, ref: i }); + }, "Input")) + )(bw, Sw, uP, Ew, { + minHeight: 32 + }), + { + displayName: "Input" + } +), pP = Object.assign( + k( + (0, za.forwardRef)(/* @__PURE__ */ a(function({ size: t, valid: r, align: n, ...o }, i) { + return /* @__PURE__ */ za.default.createElement("select", { ...o, ref: i }); + }, "Select")) + )(bw, Sw, Ew, { + height: 32, + userSelect: "none", + paddingRight: 20, + appearance: "menulist" + }), + { + displayName: "Select" + } +), fP = Object.assign( + k( + (0, za.forwardRef)(/* @__PURE__ */ a(function({ size: t, valid: r, align: n, ...o }, i) { + return /* @__PURE__ */ za.default.createElement(lP, { ...o, ref: i }); + }, "Textarea")) + )(bw, Sw, uP, Ew, ({ height: e = 400 }) => ({ + overflow: "visible", + maxHeight: e + })), + { + displayName: "Textarea" + } +); + +// src/components/components/form/index.tsx +var dP = Object.assign( + k.form({ + boxSizing: "border-box", + width: "100%" + }), + { + Field: XI, + Input: cP, + Select: pP, + Textarea: fP, + Button: Xi + } +); + +// src/components/components/tooltip/lazy-WithTooltip.tsx +var Ir = I(O(), 1); +var Ole = (0, Ir.lazy)( + () => Promise.resolve().then(() => (Mm(), Zw)).then((e) => ({ default: e.WithTooltip })) +), DF = /* @__PURE__ */ a((e) => /* @__PURE__ */ Ir.default.createElement(Ir.Suspense, { fallback: /* @__PURE__ */ Ir.default.createElement( +"div", null) }, /* @__PURE__ */ Ir.default.createElement(Ole, { ...e })), "WithTooltip"), Lle = (0, Ir.lazy)( + () => Promise.resolve().then(() => (Mm(), Zw)).then((e) => ({ default: e.WithTooltipPure })) +), RF = /* @__PURE__ */ a((e) => /* @__PURE__ */ Ir.default.createElement(Ir.Suspense, { fallback: /* @__PURE__ */ Ir.default.createElement( +"div", null) }, /* @__PURE__ */ Ir.default.createElement(Lle, { ...e })), "WithTooltipPure"); + +// src/components/components/tooltip/TooltipMessage.tsx +var is = I(O(), 1); +X(); +var Nle = k.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold +})), Mle = k.span(), Ble = k.div(({ theme: e }) => ({ + marginTop: 8, + textAlign: "center", + "> *": { + margin: "0 8px", + fontWeight: e.typography.weight.bold + } +})), $le = k.div(({ theme: e }) => ({ + color: e.color.defaultText, + lineHeight: "18px" +})), zle = k.div({ + padding: 15, + width: 280, + boxSizing: "border-box" +}), AF = /* @__PURE__ */ a(({ title: e, desc: t, links: r }) => /* @__PURE__ */ is.default.createElement(zle, null, /* @__PURE__ */ is.default. +createElement($le, null, e && /* @__PURE__ */ is.default.createElement(Nle, null, e), t && /* @__PURE__ */ is.default.createElement(Mle, null, +t)), r && /* @__PURE__ */ is.default.createElement(Ble, null, r.map(({ title: n, ...o }) => /* @__PURE__ */ is.default.createElement(ph, { ...o, +key: n }, n)))), "TooltipMessage"); + +// src/components/components/tooltip/TooltipNote.tsx +var _F = I(O(), 1); +X(); +var Hle = k.div(({ theme: e }) => ({ + padding: "2px 6px", + lineHeight: "16px", + fontSize: 10, + fontWeight: e.typography.weight.bold, + color: e.color.lightest, + boxShadow: "0 0 5px 0 rgba(0, 0, 0, 0.3)", + borderRadius: 4, + whiteSpace: "nowrap", + pointerEvents: "none", + zIndex: -1, + background: e.base === "light" ? "rgba(60, 60, 60, 0.9)" : "rgba(0, 0, 0, 0.95)", + margin: 6 +})), TF = /* @__PURE__ */ a(({ note: e, ...t }) => /* @__PURE__ */ _F.default.createElement(Hle, { ...t }, e), "TooltipNote"); + +// src/components/components/tooltip/TooltipLinkList.tsx +var Ku = I(O(), 1); +X(); + +// src/components/components/tooltip/ListItem.tsx +var Tn = I(O(), 1); +X(); +var kF = I(Hn(), 1); +Wn(); +var jle = k(({ active: e, loading: t, disabled: r, ...n }) => /* @__PURE__ */ Tn.default.createElement("span", { ...n }))( + ({ theme: e }) => ({ + color: e.color.defaultText, + // Previously was theme.typography.weight.normal but this weight does not exists in Theme + fontWeight: e.typography.weight.regular + }), + ({ active: e, theme: t }) => e ? { + color: t.color.secondary, + fontWeight: t.typography.weight.bold + } : {}, + ({ loading: e, theme: t }) => e ? { + display: "inline-block", + flex: "none", + ...t.animation.inlineGlow + } : {}, + ({ disabled: e, theme: t }) => e ? { + color: st(0.7, t.color.defaultText) + } : {} +), Vle = k.span({ + display: "flex", + "& svg": { + height: 12, + width: 12, + margin: "3px 0", + verticalAlign: "top" + }, + "& path": { + fill: "inherit" + } +}), Ule = k.span( + { + flex: 1, + textAlign: "left", + display: "flex", + flexDirection: "column" + }, + ({ isIndented: e }) => e ? { marginLeft: 24 } : {} +), Wle = k.span( + ({ theme: e }) => ({ + fontSize: "11px", + lineHeight: "14px" + }), + ({ active: e, theme: t }) => e ? { + color: t.color.secondary + } : {}, + ({ theme: e, disabled: t }) => t ? { + color: e.textMutedColor + } : {} +), qle = k.span( + ({ active: e, theme: t }) => e ? { + color: t.color.secondary + } : {}, + () => ({ + display: "flex", + maxWidth: 14 + }) +), Gle = k.div( + ({ theme: e }) => ({ + width: "100%", + border: "none", + background: "none", + fontSize: e.typography.size.s1, + transition: "all 150ms ease-out", + color: e.color.dark, + textDecoration: "none", + justifyContent: "space-between", + lineHeight: "18px", + padding: "7px 10px", + display: "flex", + alignItems: "center", + "& > * + *": { + paddingLeft: 10 + } + }), + ({ theme: e, href: t, onClick: r }) => (t || r) && { + cursor: "pointer", + "&:hover": { + background: e.background.hoverable + }, + "&:hover svg": { + opacity: 1 + } + }, + ({ disabled: e }) => e && { cursor: "not-allowed" } +), Yle = (0, kF.default)(100)((e, t, r) => ({ + ...e && { + as: "button", + onClick: e + }, + ...t && { + as: "a", + href: t, + ...r && { + as: r, + to: t + } + } +})), Kle = /* @__PURE__ */ a(({ + loading: e = !1, + title: t = /* @__PURE__ */ Tn.default.createElement("span", null, "Loading state"), + center: r = null, + right: n = null, + active: o = !1, + disabled: i = !1, + isIndented: s, + href: l = void 0, + onClick: u = void 0, + icon: c, + LinkWrapper: p = void 0, + ...h +}) => { + let m = { active: o, disabled: i }, g = Yle(u, l, p); + return /* @__PURE__ */ Tn.default.createElement(Gle, { ...h, ...m, ...g }, /* @__PURE__ */ Tn.default.createElement(Tn.default.Fragment, null, + c && /* @__PURE__ */ Tn.default.createElement(qle, { ...m }, c), t || r ? /* @__PURE__ */ Tn.default.createElement(Ule, { isIndented: !!(!c && + s) }, t && /* @__PURE__ */ Tn.default.createElement(jle, { ...m, loading: e }, t), r && /* @__PURE__ */ Tn.default.createElement(Wle, { ...m }, + r)) : null, n && /* @__PURE__ */ Tn.default.createElement(Vle, { ...m }, n))); +}, "ListItem"), Bm = Kle; + +// src/components/components/tooltip/TooltipLinkList.tsx +var Xle = k.div( + { + minWidth: 180, + overflow: "hidden", + overflowY: "auto", + maxHeight: 15.5 * 32 + // 11.5 items + }, + ({ theme: e }) => ({ + borderRadius: e.appBorderRadius + }) +), Qle = /* @__PURE__ */ a(({ id: e, onClick: t, ...r }) => { + let { active: n, disabled: o, title: i, href: s } = r, l = (0, Ku.useCallback)( + (u) => t?.(u, { id: e, active: n, disabled: o, title: i, href: s }), + [t, e, n, o, i, s] + ); + return /* @__PURE__ */ Ku.default.createElement(Bm, { id: `list-item-${e}`, ...r, ...t && { onClick: l } }); +}, "Item"), $m = /* @__PURE__ */ a(({ links: e, LinkWrapper: t, ...r }) => { + let n = e.some((o) => o.icon); + return /* @__PURE__ */ Ku.default.createElement(Xle, { ...r }, e.map((o) => /* @__PURE__ */ Ku.default.createElement(Qle, { key: o.id, isIndented: n, + LinkWrapper: t, ...o }))); +}, "TooltipLinkList"); + +// src/components/components/tabs/tabs.tsx +var yt = I(O(), 1); +X(); + +// ../node_modules/@storybook/csf/dist/index.mjs +var Jle = Object.create, PF = Object.defineProperty, Zle = Object.getOwnPropertyDescriptor, eue = Object.getOwnPropertyNames, tue = Object.getPrototypeOf, +rue = Object.prototype.hasOwnProperty, nue = /* @__PURE__ */ a((e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), "v"), oue = /* @__PURE__ */ a( +(e, t, r, n) => { + if (t && typeof t == "object" || typeof t == "function") for (let o of eue(t)) !rue.call(e, o) && o !== r && PF(e, o, { get: /* @__PURE__ */ a( + () => t[o], "get"), enumerable: !(n = Zle(t, o)) || n.enumerable }); + return e; +}, "E"), aue = /* @__PURE__ */ a((e, t, r) => (r = e != null ? Jle(tue(e)) : {}, oue(t || !e || !e.__esModule ? PF(r, "default", { value: e, +enumerable: !0 }) : r, e)), "I"), iue = nue((e) => { + Object.defineProperty(e, "__esModule", { value: !0 }), e.isEqual = /* @__PURE__ */ function() { + var t = Object.prototype.toString, r = Object.getPrototypeOf, n = Object.getOwnPropertySymbols ? function(o) { + return Object.keys(o).concat(Object.getOwnPropertySymbols(o)); + } : Object.keys; + return function(o, i) { + return (/* @__PURE__ */ a(function s(l, u, c) { + var p, h, m, g = t.call(l), S = t.call(u); + if (l === u) return !0; + if (l == null || u == null) return !1; + if (c.indexOf(l) > -1 && c.indexOf(u) > -1) return !0; + if (c.push(l, u), g != S || (p = n(l), h = n(u), p.length != h.length || p.some(function(v) { + return !s(l[v], u[v], c); + }))) return !1; + switch (g.slice(8, -1)) { + case "Symbol": + return l.valueOf() == u.valueOf(); + case "Date": + case "Number": + return +l == +u || +l != +l && +u != +u; + case "RegExp": + case "Function": + case "String": + case "Boolean": + return "" + l == "" + u; + case "Set": + case "Map": + p = l.entries(), h = u.entries(); + do + if (!s((m = p.next()).value, h.next().value, c)) return !1; + while (!m.done); + return !0; + case "ArrayBuffer": + l = new Uint8Array(l), u = new Uint8Array(u); + case "DataView": + l = new Uint8Array(l.buffer), u = new Uint8Array(u.buffer); + case "Float32Array": + case "Float64Array": + case "Int8Array": + case "Int16Array": + case "Int32Array": + case "Uint8Array": + case "Uint16Array": + case "Uint32Array": + case "Uint8ClampedArray": + case "Arguments": + case "Array": + if (l.length != u.length) return !1; + for (m = 0; m < l.length; m++) if ((m in l || m in u) && (m in l != m in u || !s(l[m], u[m], c))) return !1; + return !0; + case "Object": + return s(r(l), r(u), c); + default: + return !1; + } + }, "i"))(o, i, []); + }; + }(); +}); +var oRe = aue(iue()); +var ao = /* @__PURE__ */ a((e) => e.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/-+/g, +"-").replace(/^-+/, "").replace(/-+$/, ""), "O"), IF = /* @__PURE__ */ a((e, t) => { + let r = ao(e); + if (r === "") throw new Error(`Invalid ${t} '${e}', must include alphanumeric characters`); + return r; +}, "m"), kf = /* @__PURE__ */ a((e, t) => `${IF(e, "kind")}${t ? `--${IF(t, "name")}` : ""}`, "G"); + +// src/components/components/bar/bar.tsx +var Ho = I(O(), 1); +X(); +V1(); +var e6 = k.div( + { + display: "flex", + whiteSpace: "nowrap", + flexBasis: "auto", + marginLeft: 3, + marginRight: 3 + }, + ({ scrollable: e }) => e ? { flexShrink: 0 } : {}, + ({ left: e }) => e ? { + "& > *": { + marginLeft: 4 + } + } : {}, + ({ right: e }) => e ? { + marginLeft: 30, + "& > *": { + marginRight: 4 + } + } : {} +); +e6.displayName = "Side"; +var sue = /* @__PURE__ */ a(({ children: e, className: t, scrollable: r }) => r ? /* @__PURE__ */ Ho.default.createElement(Ai, { vertical: !1, +className: t }, e) : /* @__PURE__ */ Ho.default.createElement("div", { className: t }, e), "UnstyledBar"), zm = k(sue)( + ({ theme: e, scrollable: t = !0 }) => ({ + color: e.barTextColor, + width: "100%", + height: 40, + flexShrink: 0, + overflow: t ? "auto" : "hidden", + overflowY: "hidden" + }), + ({ theme: e, border: t = !1 }) => t ? { + boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`, + background: e.barBg + } : {} +); +zm.displayName = "Bar"; +var lue = k.div(({ bgColor: e }) => ({ + display: "flex", + justifyContent: "space-between", + position: "relative", + flexWrap: "nowrap", + flexShrink: 0, + height: 40, + backgroundColor: e || "" +})), If = /* @__PURE__ */ a(({ children: e, backgroundColor: t, className: r, ...n }) => { + let [o, i] = Ho.Children.toArray(e); + return /* @__PURE__ */ Ho.default.createElement(zm, { className: `sb-bar ${r}`, ...n }, /* @__PURE__ */ Ho.default.createElement(lue, { bgColor: t }, + /* @__PURE__ */ Ho.default.createElement(e6, { scrollable: n.scrollable, left: !0 }, o), i ? /* @__PURE__ */ Ho.default.createElement(e6, { + right: !0 }, i) : null)); +}, "FlexBar"); +If.displayName = "FlexBar"; + +// src/components/components/bar/button.tsx +var ss = I(O(), 1); +X(); +var uue = /* @__PURE__ */ a((e) => typeof e.props.href == "string", "isLink"), cue = /* @__PURE__ */ a((e) => typeof e.props.href != "string", +"isButton"); +function pue({ children: e, ...t }, r) { + let n = { props: t, ref: r }; + if (uue(n)) + return /* @__PURE__ */ ss.default.createElement("a", { ref: n.ref, ...n.props }, e); + if (cue(n)) + return /* @__PURE__ */ ss.default.createElement("button", { ref: n.ref, type: "button", ...n.props }, e); + throw new Error("invalid props"); +} +a(pue, "ForwardRefFunction"); +var FF = (0, ss.forwardRef)(pue); +FF.displayName = "ButtonOrLink"; +var Ya = k(FF, { shouldForwardProp: ya })( + { + whiteSpace: "normal", + display: "inline-flex", + overflow: "hidden", + verticalAlign: "top", + justifyContent: "center", + alignItems: "center", + textAlign: "center", + textDecoration: "none", + "&:empty": { + display: "none" + }, + "&[hidden]": { + display: "none" + } + }, + ({ theme: e }) => ({ + 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: e.barSelectedColor + } + }), + ({ active: e, textColor: t, theme: r }) => e ? { + color: t || r.barSelectedColor, + borderBottomColor: r.barSelectedColor + } : { + color: t || r.barTextColor, + borderBottomColor: "transparent", + "&:hover": { + color: r.barHoverColor + } + } +); +Ya.displayName = "TabButton"; +var fue = k.div(({ theme: e }) => ({ + width: 14, + height: 14, + backgroundColor: e.appBorderColor, + animation: `${e.animation.glow} 1.5s ease-in-out infinite` +})), due = k.div(() => ({ + marginTop: 6, + padding: 7, + height: 28 +})), OF = /* @__PURE__ */ a(() => /* @__PURE__ */ ss.default.createElement(due, null, /* @__PURE__ */ ss.default.createElement(fue, null)), "\ +IconButtonSkeleton"); + +// src/components/components/tabs/EmptyTabContent.tsx +var Pf = I(O(), 1); +X(); +var hue = k.div(({ theme: e }) => ({ + height: "100%", + display: "flex", + padding: 30, + alignItems: "center", + justifyContent: "center", + flexDirection: "column", + gap: 15, + background: e.background.content +})), mue = k.div({ + display: "flex", + flexDirection: "column", + gap: 4, + maxWidth: 415 +}), gue = k.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold, + fontSize: e.typography.size.s2 - 1, + textAlign: "center", + color: e.textColor +})), vue = k.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.regular, + fontSize: e.typography.size.s2 - 1, + textAlign: "center", + color: e.textMutedColor +})), Hm = /* @__PURE__ */ a(({ title: e, description: t, footer: r }) => /* @__PURE__ */ Pf.default.createElement(hue, null, /* @__PURE__ */ Pf.default. +createElement(mue, null, /* @__PURE__ */ Pf.default.createElement(gue, null, e), t && /* @__PURE__ */ Pf.default.createElement(vue, null, t)), +r), "EmptyTabContent"); + +// src/components/components/tabs/tabs.helpers.tsx +var jm = I(O(), 1); +X(); +var t6 = k.div( + ({ active: e }) => e ? { display: "block" } : { display: "none" } +), LF = /* @__PURE__ */ a((e) => jm.Children.toArray(e).map( + // @ts-expect-error (non strict) + ({ + props: { title: t, id: r, color: n, children: o } + }) => { + let i = Array.isArray( + o + ) ? o[0] : o; + return { + title: t, + id: r, + ...n ? { color: n } : {}, + render: typeof i == "function" ? i : ({ active: l }) => /* @__PURE__ */ jm.default.createElement(t6, { active: l, role: "tabpanel" }, i) + }; + } +), "childrenToList"); + +// src/components/components/tabs/tabs.hooks.tsx +var Ve = I(O(), 1); +X(); +Mm(); +var yue = k.span(({ theme: e, isActive: t }) => ({ + display: "inline-block", + width: 0, + height: 0, + marginLeft: 8, + color: t ? e.color.secondary : e.color.mediumdark, + borderRight: "3px solid transparent", + borderLeft: "3px solid transparent", + borderTop: "3px solid", + transition: "transform .1s ease-out" +})), wue = k(Ya)(({ active: e, theme: t, preActive: r }) => ` + color: ${r || e ? t.barSelectedColor : t.barTextColor}; + .addon-collapsible-icon { + color: ${r || e ? t.barSelectedColor : t.barTextColor}; + } + &:hover { + color: ${t.barHoverColor}; + .addon-collapsible-icon { + color: ${t.barHoverColor}; + } + } + `); +function NF(e) { + let t = (0, Ve.useRef)(), r = (0, Ve.useRef)(), n = (0, Ve.useRef)(/* @__PURE__ */ new Map()), { width: o = 1 } = ym({ + // @ts-expect-error (non strict) + ref: t + }), [i, s] = (0, Ve.useState)(e), [l, u] = (0, Ve.useState)([]), c = (0, Ve.useRef)(e), p = (0, Ve.useCallback)( + ({ + menuName: m, + actions: g + }) => { + let S = l.some(({ active: w }) => w), [v, b] = (0, Ve.useState)(!1); + return /* @__PURE__ */ Ve.default.createElement(Ve.default.Fragment, null, /* @__PURE__ */ Ve.default.createElement( + Jw, + { + interactive: !0, + visible: v, + onVisibleChange: b, + placement: "bottom", + delayHide: 100, + tooltip: /* @__PURE__ */ Ve.default.createElement( + $m, + { + links: l.map(({ title: w, id: y, color: E, active: x }) => ({ + id: y, + title: w, + color: E, + active: x, + onClick: /* @__PURE__ */ a((C) => { + C.preventDefault(), g.onSelect(y); + }, "onClick") + })) + } + ) + }, + /* @__PURE__ */ Ve.default.createElement( + wue, + { + ref: r, + active: S, + preActive: v, + style: { visibility: l.length ? "visible" : "hidden" }, + "aria-hidden": !l.length, + className: "tabbutton", + type: "button", + role: "tab" + }, + m, + /* @__PURE__ */ Ve.default.createElement( + yue, + { + className: "addon-collapsible-icon", + isActive: S || v + } + ) + ) + ), l.map(({ title: w, id: y, color: E }, x) => { + let C = `index-${x}`; + return /* @__PURE__ */ Ve.default.createElement( + Ya, + { + id: `tabbutton-${ao(y) ?? C}`, + style: { visibility: "hidden" }, + "aria-hidden": !0, + tabIndex: -1, + ref: (D) => { + n.current.set(y, D); + }, + className: "tabbutton", + type: "button", + key: y, + textColor: E, + role: "tab" + }, + w + ); + })); + }, + [l] + ), h = (0, Ve.useCallback)(() => { + if (!t.current || !r.current) + return; + let { x: m, width: g } = t.current.getBoundingClientRect(), { width: S } = r.current.getBoundingClientRect(), v = l.length ? m + g - S : + m + g, b = [], w = 0, y = e.filter((E) => { + let { id: x } = E, C = n.current.get(x), { width: D = 0 } = C?.getBoundingClientRect() || {}, R = m + w + D > v; + return (!R || !C) && b.push(E), w += D, R; + }); + (b.length !== i.length || c.current !== e) && (s(b), u(y), c.current = e); + }, [l.length, e, i]); + return (0, Ve.useLayoutEffect)(h, [h, o]), { + tabRefs: n, + addonsRef: r, + tabBarRef: t, + visibleList: i, + invisibleList: l, + AddonTab: p + }; +} +a(NF, "useList"); + +// src/components/components/tabs/tabs.tsx +var bue = "/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */", Sue = k.div( + ({ theme: e, bordered: t }) => t ? { + backgroundClip: "padding-box", + border: `1px solid ${e.appBorderColor}`, + borderRadius: e.appBorderRadius, + overflow: "hidden", + boxSizing: "border-box" + } : {}, + ({ absolute: e }) => e ? { + width: "100%", + height: "100%", + boxSizing: "border-box", + display: "flex", + flexDirection: "column" + } : { + display: "block" + } +), Wm = k.div({ + overflow: "hidden", + "&:first-of-type": { + marginLeft: -3 + }, + whiteSpace: "nowrap", + flexGrow: 1 +}); +Wm.displayName = "TabBar"; +var Eue = k.div( + { + display: "block", + position: "relative" + }, + ({ theme: e }) => ({ + fontSize: e.typography.size.s2 - 1, + background: e.background.content + }), + ({ bordered: e, theme: t }) => e ? { + borderRadius: `0 0 ${t.appBorderRadius - 1}px ${t.appBorderRadius - 1}px` + } : {}, + ({ absolute: e, bordered: t }) => e ? { + height: `calc(100% - ${t ? 42 : 40}px)`, + position: "absolute", + left: 0 + (t ? 1 : 0), + right: 0 + (t ? 1 : 0), + bottom: 0 + (t ? 1 : 0), + top: 40 + (t ? 1 : 0), + overflow: "auto", + [`& > *:first-child${bue}`]: { + position: "absolute", + left: 0 + (t ? 1 : 0), + right: 0 + (t ? 1 : 0), + bottom: 0 + (t ? 1 : 0), + top: 0 + (t ? 1 : 0), + height: `calc(100% - ${t ? 2 : 0}px)`, + overflow: "auto" + } + } : {} +), MF = /* @__PURE__ */ a(({ active: e, render: t, children: r }) => /* @__PURE__ */ yt.default.createElement(t6, { active: e }, t ? t() : r), +"TabWrapper"); +var qm = (0, yt.memo)( + ({ + children: e, + selected: t = null, + actions: r, + absolute: n = !1, + bordered: o = !1, + tools: i = null, + backgroundColor: s, + id: l = null, + menuName: u = "Tabs", + emptyState: c, + showToolsWhenEmpty: p + }) => { + let h = (0, yt.useMemo)( + () => LF(e).map((w, y) => ({ + ...w, + active: t ? w.id === t : y === 0 + })), + [e, t] + ), { visibleList: m, tabBarRef: g, tabRefs: S, AddonTab: v } = NF(h), b = c ?? /* @__PURE__ */ yt.default.createElement(Hm, { title: "No\ +thing found" }); + return !p && h.length === 0 ? b : ( + // @ts-expect-error (non strict) + /* @__PURE__ */ yt.default.createElement(Sue, { absolute: n, bordered: o, id: l }, /* @__PURE__ */ yt.default.createElement(If, { scrollable: !1, + border: !0, backgroundColor: s }, /* @__PURE__ */ yt.default.createElement(Wm, { style: { whiteSpace: "normal" }, ref: g, role: "tabli\ +st" }, m.map(({ title: w, id: y, active: E, color: x }, C) => { + let D = `index-${C}`; + return /* @__PURE__ */ yt.default.createElement( + Ya, + { + id: `tabbutton-${ao(y) ?? D}`, + ref: (R) => { + S.current.set(y, R); + }, + className: `tabbutton ${E ? "tabbutton-active" : ""}`, + type: "button", + key: y, + active: E, + textColor: x, + onClick: (R) => { + R.preventDefault(), r.onSelect(y); + }, + role: "tab" + }, + typeof w == "function" ? /* @__PURE__ */ yt.default.createElement("title", null) : w + ); + }), /* @__PURE__ */ yt.default.createElement(v, { menuName: u, actions: r })), i), /* @__PURE__ */ yt.default.createElement(Eue, { id: "\ +panel-tab-content", bordered: o, absolute: n }, h.length ? h.map(({ id: w, active: y, render: E }) => yt.default.createElement(E, { key: w, active: y }, + null)) : b)) + ); + } +); +qm.displayName = "Tabs"; +var Um = class Um extends yt.Component { + constructor(r) { + super(r); + this.handlers = { + onSelect: /* @__PURE__ */ a((r) => this.setState({ selected: r }), "onSelect") + }; + this.state = { + selected: r.initial + }; + } + render() { + let { bordered: r = !1, absolute: n = !1, children: o, backgroundColor: i, menuName: s } = this.props, { selected: l } = this.state; + return /* @__PURE__ */ yt.default.createElement( + qm, + { + bordered: r, + absolute: n, + selected: l, + backgroundColor: i, + menuName: s, + actions: this.handlers + }, + o + ); + } +}; +a(Um, "TabsState"), Um.defaultProps = { + children: [], + // @ts-expect-error (non strict) + initial: null, + absolute: !1, + bordered: !1, + backgroundColor: "", + // @ts-expect-error (non strict) + menuName: void 0 +}; +var Vm = Um; + +// src/components/components/bar/separator.tsx +var Ff = I(O(), 1); +X(); +var Gm = k.span( + ({ theme: e }) => ({ + width: 1, + height: 20, + background: e.appBorderColor, + marginLeft: 2, + marginRight: 2 + }), + ({ force: e }) => e ? {} : { + "& + &": { + display: "none" + } + } +); +Gm.displayName = "Separator"; +var BF = /* @__PURE__ */ a((e) => e.reduce( + (t, r, n) => r ? /* @__PURE__ */ Ff.default.createElement(Ff.Fragment, { key: r.id || r.key || `f-${n}` }, t, n > 0 ? /* @__PURE__ */ Ff.default. + createElement(Gm, { key: `s-${n}` }) : null, r.render() || r) : t, + null +), "interleaveSeparators"); + +// src/components/components/addon-panel/addon-panel.tsx +var Xu = I(O(), 1); +var xue = /* @__PURE__ */ a((e) => { + let t = (0, Xu.useRef)(); + return (0, Xu.useEffect)(() => { + t.current = e; + }, [e]), t.current; +}, "usePrevious"), Cue = /* @__PURE__ */ a((e, t) => { + let r = xue(t); + return e ? t : r; +}, "useUpdate"), $F = /* @__PURE__ */ a(({ active: e, children: t }) => ( + // the hidden attribute is an valid html element that's both accessible and works to visually hide content + /* @__PURE__ */ Xu.default.createElement("div", { hidden: !e }, Cue(e, t)) +), "AddonPanel"); + +// src/components/components/icon/icon.tsx +var Qu = I(O(), 1); +X(); +Ft(); +var Due = Wp, Rue = k.svg` + display: inline-block; + shape-rendering: inherit; + vertical-align: middle; + fill: currentColor; + path { + fill: currentColor; + } +`, zF = /* @__PURE__ */ a(({ + icon: e, + useSymbol: t, + __suppressDeprecationWarning: r = !1, + ...n +}) => { + r || So( + `Use of the deprecated Icons ${`(${e})` || ""} component detected. Please use the @storybook/icons component directly. For more informat\ +ions, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated` + ); + let o = Of[e] || null; + if (!o) + return ge.warn( + `Use of an unknown prop ${`(${e})` || ""} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons c\ +omponent directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-i\ +s-deprecated` + ), null; + let i = Due[o]; + return /* @__PURE__ */ Qu.default.createElement(i, { ...n }); +}, "Icons"), HF = (0, Qu.memo)(/* @__PURE__ */ a(function({ icons: t = Object.keys(Of) }) { + return /* @__PURE__ */ Qu.default.createElement( + Rue, + { + viewBox: "0 0 14 14", + style: { position: "absolute", width: 0, height: 0 }, + "data-chromatic": "ignore" + }, + t.map((r) => /* @__PURE__ */ Qu.default.createElement("symbol", { id: `icon--${r}`, key: r }, Of[r])) + ); +}, "Symbols")), Of = { + user: "UserIcon", + useralt: "UserAltIcon", + useradd: "UserAddIcon", + users: "UsersIcon", + profile: "ProfileIcon", + facehappy: "FaceHappyIcon", + faceneutral: "FaceNeutralIcon", + facesad: "FaceSadIcon", + accessibility: "AccessibilityIcon", + accessibilityalt: "AccessibilityAltIcon", + arrowup: "ChevronUpIcon", + arrowdown: "ChevronDownIcon", + arrowleft: "ChevronLeftIcon", + arrowright: "ChevronRightIcon", + arrowupalt: "ArrowUpIcon", + arrowdownalt: "ArrowDownIcon", + arrowleftalt: "ArrowLeftIcon", + arrowrightalt: "ArrowRightIcon", + expandalt: "ExpandAltIcon", + collapse: "CollapseIcon", + expand: "ExpandIcon", + unfold: "UnfoldIcon", + transfer: "TransferIcon", + redirect: "RedirectIcon", + undo: "UndoIcon", + reply: "ReplyIcon", + sync: "SyncIcon", + upload: "UploadIcon", + download: "DownloadIcon", + back: "BackIcon", + proceed: "ProceedIcon", + refresh: "RefreshIcon", + globe: "GlobeIcon", + compass: "CompassIcon", + location: "LocationIcon", + pin: "PinIcon", + time: "TimeIcon", + dashboard: "DashboardIcon", + timer: "TimerIcon", + home: "HomeIcon", + admin: "AdminIcon", + info: "InfoIcon", + question: "QuestionIcon", + support: "SupportIcon", + alert: "AlertIcon", + email: "EmailIcon", + phone: "PhoneIcon", + link: "LinkIcon", + unlink: "LinkBrokenIcon", + bell: "BellIcon", + rss: "RSSIcon", + sharealt: "ShareAltIcon", + share: "ShareIcon", + circle: "CircleIcon", + circlehollow: "CircleHollowIcon", + bookmarkhollow: "BookmarkHollowIcon", + bookmark: "BookmarkIcon", + hearthollow: "HeartHollowIcon", + heart: "HeartIcon", + starhollow: "StarHollowIcon", + star: "StarIcon", + certificate: "CertificateIcon", + verified: "VerifiedIcon", + thumbsup: "ThumbsUpIcon", + shield: "ShieldIcon", + basket: "BasketIcon", + beaker: "BeakerIcon", + hourglass: "HourglassIcon", + flag: "FlagIcon", + cloudhollow: "CloudHollowIcon", + edit: "EditIcon", + cog: "CogIcon", + nut: "NutIcon", + wrench: "WrenchIcon", + ellipsis: "EllipsisIcon", + check: "CheckIcon", + form: "FormIcon", + batchdeny: "BatchDenyIcon", + batchaccept: "BatchAcceptIcon", + controls: "ControlsIcon", + plus: "PlusIcon", + closeAlt: "CloseAltIcon", + cross: "CrossIcon", + trash: "TrashIcon", + pinalt: "PinAltIcon", + unpin: "UnpinIcon", + add: "AddIcon", + subtract: "SubtractIcon", + close: "CloseIcon", + delete: "DeleteIcon", + passed: "PassedIcon", + changed: "ChangedIcon", + failed: "FailedIcon", + clear: "ClearIcon", + comment: "CommentIcon", + commentadd: "CommentAddIcon", + requestchange: "RequestChangeIcon", + comments: "CommentsIcon", + lock: "LockIcon", + unlock: "UnlockIcon", + key: "KeyIcon", + outbox: "OutboxIcon", + credit: "CreditIcon", + button: "ButtonIcon", + type: "TypeIcon", + pointerdefault: "PointerDefaultIcon", + pointerhand: "PointerHandIcon", + browser: "BrowserIcon", + tablet: "TabletIcon", + mobile: "MobileIcon", + watch: "WatchIcon", + sidebar: "SidebarIcon", + sidebaralt: "SidebarAltIcon", + sidebaralttoggle: "SidebarAltToggleIcon", + sidebartoggle: "SidebarToggleIcon", + bottombar: "BottomBarIcon", + bottombartoggle: "BottomBarToggleIcon", + cpu: "CPUIcon", + database: "DatabaseIcon", + memory: "MemoryIcon", + structure: "StructureIcon", + box: "BoxIcon", + power: "PowerIcon", + photo: "PhotoIcon", + component: "ComponentIcon", + grid: "GridIcon", + outline: "OutlineIcon", + photodrag: "PhotoDragIcon", + search: "SearchIcon", + zoom: "ZoomIcon", + zoomout: "ZoomOutIcon", + zoomreset: "ZoomResetIcon", + eye: "EyeIcon", + eyeclose: "EyeCloseIcon", + lightning: "LightningIcon", + lightningoff: "LightningOffIcon", + contrast: "ContrastIcon", + switchalt: "SwitchAltIcon", + mirror: "MirrorIcon", + grow: "GrowIcon", + paintbrush: "PaintBrushIcon", + ruler: "RulerIcon", + stop: "StopIcon", + camera: "CameraIcon", + video: "VideoIcon", + speaker: "SpeakerIcon", + play: "PlayIcon", + playback: "PlayBackIcon", + playnext: "PlayNextIcon", + rewind: "RewindIcon", + fastforward: "FastForwardIcon", + stopalt: "StopAltIcon", + sidebyside: "SideBySideIcon", + stacked: "StackedIcon", + sun: "SunIcon", + moon: "MoonIcon", + book: "BookIcon", + document: "DocumentIcon", + copy: "CopyIcon", + category: "CategoryIcon", + folder: "FolderIcon", + print: "PrintIcon", + graphline: "GraphLineIcon", + calendar: "CalendarIcon", + graphbar: "GraphBarIcon", + menu: "MenuIcon", + menualt: "MenuIcon", + filter: "FilterIcon", + docchart: "DocChartIcon", + doclist: "DocListIcon", + markup: "MarkupIcon", + bold: "BoldIcon", + paperclip: "PaperClipIcon", + listordered: "ListOrderedIcon", + listunordered: "ListUnorderedIcon", + paragraph: "ParagraphIcon", + markdown: "MarkdownIcon", + repository: "RepoIcon", + commit: "CommitIcon", + branch: "BranchIcon", + pullrequest: "PullRequestIcon", + merge: "MergeIcon", + apple: "AppleIcon", + linux: "LinuxIcon", + ubuntu: "UbuntuIcon", + windows: "WindowsIcon", + storybook: "StorybookIcon", + azuredevops: "AzureDevOpsIcon", + bitbucket: "BitbucketIcon", + chrome: "ChromeIcon", + chromatic: "ChromaticIcon", + componentdriven: "ComponentDrivenIcon", + discord: "DiscordIcon", + facebook: "FacebookIcon", + figma: "FigmaIcon", + gdrive: "GDriveIcon", + github: "GithubIcon", + gitlab: "GitlabIcon", + google: "GoogleIcon", + graphql: "GraphqlIcon", + medium: "MediumIcon", + redux: "ReduxIcon", + twitter: "TwitterIcon", + youtube: "YoutubeIcon", + vscode: "VSCodeIcon" +}; + +// src/components/brand/StorybookLogo.tsx +var kn = I(O(), 1); +var jF = /* @__PURE__ */ a(({ alt: e, ...t }) => /* @__PURE__ */ kn.default.createElement("svg", { width: "200px", height: "40px", viewBox: "\ +0 0 200 40", ...t, role: "img" }, e ? /* @__PURE__ */ kn.default.createElement("title", null, e) : null, /* @__PURE__ */ kn.default.createElement( +"defs", null, /* @__PURE__ */ kn.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" + } +)), /* @__PURE__ */ kn.default.createElement("g", { fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ kn.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-.4c\ +1.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" + } +), /* @__PURE__ */ kn.default.createElement("mask", { id: "b", fill: "#fff" }, /* @__PURE__ */ kn.default.createElement("use", { xlinkHref: "\ +#a" })), /* @__PURE__ */ kn.default.createElement("use", { fill: "#FF4785", fillRule: "nonzero", xlinkHref: "#a" }), /* @__PURE__ */ kn.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)" + } +))), "StorybookLogo"); + +// src/components/brand/StorybookIcon.tsx +var ls = I(O(), 1); +var VF = /* @__PURE__ */ a((e) => /* @__PURE__ */ ls.default.createElement("svg", { viewBox: "0 0 64 64", ...e }, /* @__PURE__ */ ls.default. +createElement("title", null, "Storybook icon"), /* @__PURE__ */ ls.default.createElement("g", { id: "Artboard", stroke: "none", strokeWidth: "\ +1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ ls.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.227331\ +489 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.751758\ +5,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" + } +), /* @__PURE__ */ ls.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.035887\ +8 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.49\ +65208,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.73267\ +52 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.773\ +8035,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" + } +), /* @__PURE__ */ ls.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.27403\ +237 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.0\ +022839,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" + } +))), "StorybookIcon"); + +// src/components/components/Loader/Loader.tsx +var io = I(O(), 1); +X(); +Wn(); + +// src/components/components/shared/animation.ts +X(); +var UF = Wt` + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +`; + +// src/components/components/Loader/Loader.tsx +var Aue = k.div(({ size: e = 32 }) => ({ + borderRadius: "50%", + cursor: "progress", + display: "inline-block", + overflow: "hidden", + position: "absolute", + transition: "all 200ms ease-out", + verticalAlign: "top", + top: "50%", + left: "50%", + marginTop: -(e / 2), + marginLeft: -(e / 2), + height: e, + width: e, + zIndex: 4, + borderWidth: 2, + borderStyle: "solid", + borderColor: "rgba(97, 97, 97, 0.29)", + borderTopColor: "rgb(100,100,100)", + animation: `${UF} 0.7s linear infinite`, + mixBlendMode: "difference" +})), WF = k.div({ + position: "absolute", + display: "flex", + flexDirection: "column", + justifyContent: "center", + alignItems: "center", + width: "100%", + height: "100%" +}), _ue = k.div(({ theme: e }) => ({ + position: "relative", + width: "80%", + marginBottom: "0.75rem", + maxWidth: 300, + height: 5, + borderRadius: 5, + background: st(0.8, e.color.secondary), + overflow: "hidden", + cursor: "progress" +})), Tue = k.div(({ theme: e }) => ({ + position: "absolute", + top: 0, + left: 0, + height: "100%", + background: e.color.secondary +})), qF = k.div(({ theme: e }) => ({ + minHeight: "2em", + fontSize: `${e.typography.size.s1}px`, + color: e.barTextColor +})), kue = k(x3)(({ theme: e }) => ({ + width: 20, + height: 20, + marginBottom: "0.5rem", + color: e.textMutedColor +})), Iue = Wt` + from { content: "..." } + 33% { content: "." } + 66% { content: ".." } + to { content: "..." } +`, Pue = k.span({ + "&::after": { + content: "'...'", + animation: `${Iue} 1s linear infinite`, + animationDelay: "1s", + display: "inline-block", + width: "1em", + height: "auto" + } +}), GF = /* @__PURE__ */ a(({ progress: e, error: t, size: r, ...n }) => { + if (t) + return /* @__PURE__ */ io.default.createElement(WF, { "aria-label": t.toString(), "aria-live": "polite", role: "status", ...n }, /* @__PURE__ */ io.default. + createElement(kue, null), /* @__PURE__ */ io.default.createElement(qF, null, t.message)); + if (e) { + let { value: o, modules: i } = e, { message: s } = e; + return i && (s += ` ${i.complete} / ${i.total} modules`), /* @__PURE__ */ io.default.createElement( + WF, + { + "aria-label": "Content is loading...", + "aria-live": "polite", + "aria-valuemin": 0, + "aria-valuemax": 100, + "aria-valuenow": o * 100, + "aria-valuetext": s, + role: "progressbar", + ...n + }, + /* @__PURE__ */ io.default.createElement(_ue, null, /* @__PURE__ */ io.default.createElement(Tue, { style: { width: `${o * 100}%` } })), + /* @__PURE__ */ io.default.createElement(qF, null, s, o < 1 && /* @__PURE__ */ io.default.createElement(Pue, { key: s })) + ); + } + return /* @__PURE__ */ io.default.createElement( + Aue, + { + "aria-label": "Content is loading...", + "aria-live": "polite", + role: "status", + size: r, + ...n + } + ); +}, "Loader"); + +// src/components/components/utils/getStoryHref.ts +function Fue(e) { + let t = {}, r = e.split("&"); + for (let n = 0; n < r.length; n++) { + let o = r[n].split("="); + t[decodeURIComponent(o[0])] = decodeURIComponent(o[1] || ""); + } + return t; +} +a(Fue, "parseQuery"); +var YF = /* @__PURE__ */ a((e, t, r = {}) => { + let [n, o] = e.split("?"), i = o ? { + ...Fue(o), + ...r, + id: t + } : { + ...r, + id: t + }; + return `${n}?${Object.entries(i).map((s) => `${s[0]}=${s[1]}`).join("&")}`; +}, "getStoryHref"); + +// src/components/components/clipboard/ClipboardCode.tsx +var KF = I(O(), 1); +X(); +var Oue = k.pre` + line-height: 18px; + padding: 11px 1rem; + white-space: pre-wrap; + background: rgba(0, 0, 0, 0.05); + color: ${K.darkest}; + border-radius: 3px; + margin: 1rem 0; + width: 100%; + display: block; + overflow: hidden; + font-family: ${qt.fonts.mono}; + font-size: ${qt.size.s2 - 1}px; +`, XF = /* @__PURE__ */ a(({ code: e, ...t }) => /* @__PURE__ */ KF.default.createElement(Oue, { id: "clipboard-code", ...t }, e), "Clipboar\ +dCode"); + +// src/components/index.ts +var Lue = E3, QF = {}; +Object.keys(E3).forEach((e) => { + QF[e] = (0, Ym.forwardRef)((t, r) => (0, Ym.createElement)(e, { ...t, ref: r })); +}); + +// src/router/index.ts +var Uf = {}; +he(Uf, { + BaseLocationProvider: () => Tce, + DEEPLY_EQUAL: () => Bf, + Link: () => QO, + Location: () => b6, + LocationProvider: () => _ce, + Match: () => S6, + Route: () => JO, + buildArgsParam: () => og, + deepDiff: () => rg, + getMatch: () => g6, + parsePath: () => m6, + queryFromLocation: () => zf, + stringifyQuery: () => fce, + useNavigate: () => Ace +}); + +// src/router/utils.ts +Ft(); + +// ../node_modules/es-toolkit/dist/array/countBy.mjs +function r6(e, t) { + let r = {}; + for (let n = 0; n < e.length; n++) { + let o = e[n], i = t(o); + r[i] = (r[i] ?? 0) + 1; + } + return r; +} +a(r6, "countBy"); + +// ../node_modules/es-toolkit/dist/array/partition.mjs +function Km(e, t) { + let r = [], n = []; + for (let o = 0; o < e.length; o++) { + let i = e[o]; + t(i) ? r.push(i) : n.push(i); + } + return [r, n]; +} +a(Km, "partition"); + +// ../node_modules/es-toolkit/dist/object/pick.mjs +function us(e, t) { + let r = {}; + for (let n = 0; n < t.length; n++) { + let o = t[n]; + Object.prototype.hasOwnProperty.call(e, o) && (r[o] = e[o]); + } + return r; +} +a(us, "pick"); + +// ../node_modules/es-toolkit/dist/predicate/isTypedArray.mjs +function JF(e) { + return ArrayBuffer.isView(e) && !(e instanceof DataView); +} +a(JF, "isTypedArray"); + +// ../node_modules/es-toolkit/dist/predicate/isPrimitive.mjs +function ZF(e) { + return e == null || typeof e != "object" && typeof e != "function"; +} +a(ZF, "isPrimitive"); + +// ../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs +function jo(e) { + if (typeof e != "object" || e == null) + return !1; + if (Object.getPrototypeOf(e) === null) + return !0; + if (e.toString() !== "[object Object]") + return !1; + let t = e; + for (; Object.getPrototypeOf(t) !== null; ) + t = Object.getPrototypeOf(t); + return Object.getPrototypeOf(e) === t; +} +a(jo, "isPlainObject"); + +// ../node_modules/es-toolkit/dist/object/mapValues.mjs +function n6(e, t) { + let r = {}, n = Object.keys(e); + for (let o = 0; o < n.length; o++) { + let i = n[o], s = e[i]; + r[i] = t(s, i, e); + } + return r; +} +a(n6, "mapValues"); + +// ../node_modules/es-toolkit/dist/object/cloneDeep.mjs +function eO(e) { + return Ju(e); +} +a(eO, "cloneDeep"); +function Ju(e, t = /* @__PURE__ */ new Map()) { + if (ZF(e)) + return e; + if (t.has(e)) + return t.get(e); + if (Array.isArray(e)) { + let r = new Array(e.length); + t.set(e, r); + for (let n = 0; n < e.length; n++) + r[n] = Ju(e[n], t); + return Object.prototype.hasOwnProperty.call(e, "index") && (r.index = e.index), Object.prototype.hasOwnProperty.call(e, "input") && (r.input = + e.input), r; + } + if (e instanceof Date) + return new Date(e.getTime()); + if (e instanceof RegExp) { + let r = new RegExp(e.source, e.flags); + return r.lastIndex = e.lastIndex, r; + } + if (e instanceof Map) { + let r = /* @__PURE__ */ new Map(); + t.set(e, r); + for (let [n, o] of e.entries()) + r.set(n, Ju(o, t)); + return r; + } + if (e instanceof Set) { + let r = /* @__PURE__ */ new Set(); + t.set(e, r); + for (let n of e.values()) + r.add(Ju(n, t)); + return r; + } + if (typeof Buffer < "u" && Buffer.isBuffer(e)) + return e.subarray(); + if (JF(e)) { + let r = new (Object.getPrototypeOf(e)).constructor(e.length); + t.set(e, r); + for (let n = 0; n < e.length; n++) + r[n] = Ju(e[n], t); + return r; + } + if (e instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && e instanceof SharedArrayBuffer) + return e.slice(0); + if (e instanceof DataView) { + let r = new DataView(e.buffer.slice(0), e.byteOffset, e.byteLength); + return t.set(e, r), Nf(r, e, t), r; + } + if (typeof File < "u" && e instanceof File) { + let r = new File([e], e.name, { type: e.type }); + return t.set(e, r), Nf(r, e, t), r; + } + if (e instanceof Blob) { + let r = new Blob([e], { type: e.type }); + return t.set(e, r), Nf(r, e, t), r; + } + if (e instanceof Error) { + let r = new e.constructor(); + return t.set(e, r), r.message = e.message, r.name = e.name, r.stack = e.stack, r.cause = e.cause, Nf(r, e, t), r; + } + if (typeof e == "object" && e !== null) { + let r = {}; + return t.set(e, r), Nf(r, e, t), r; + } + return e; +} +a(Ju, "cloneDeepImpl"); +function Nf(e, t, r) { + let n = Object.keys(t); + for (let o = 0; o < n.length; o++) { + let i = n[o], s = Object.getOwnPropertyDescriptor(t, i); + (s?.writable || s?.set) && (e[i] = Ju(t[i], r)); + } +} +a(Nf, "copyProperties"); + +// ../node_modules/es-toolkit/dist/compat/predicate/isObjectLike.mjs +function Zu(e) { + return typeof e == "object" && e !== null; +} +a(Zu, "isObjectLike"); + +// ../node_modules/es-toolkit/dist/object/merge.mjs +function Xm(e, t) { + let r = Object.keys(t); + for (let n = 0; n < r.length; n++) { + let o = r[n], i = t[o], s = e[o]; + Array.isArray(i) ? e[o] = Xm(s ?? [], i) : Zu(s) && Zu(i) ? e[o] = Xm(s ?? {}, i) : (s === void 0 || i !== void 0) && (e[o] = i); + } + return e; +} +a(Xm, "merge"); + +// ../node_modules/es-toolkit/dist/object/toMerged.mjs +function Mf(e, t) { + return Xm(eO(e), t); +} +a(Mf, "toMerged"); + +// ../node_modules/es-toolkit/dist/object/mergeWith.mjs +function Ka(e, t, r) { + let n = Object.keys(t); + for (let o = 0; o < n.length; o++) { + let i = n[o], s = t[i], l = e[i], u = r(l, s, i, e, t); + u != null ? e[i] = u : Array.isArray(s) ? e[i] = Ka(l ?? [], s, r) : Zu(l) && Zu(s) ? e[i] = Ka(l ?? {}, s, r) : (l === void 0 || s !== void 0) && + (e[i] = s); + } + return e; +} +a(Ka, "mergeWith"); + +// ../node_modules/es-toolkit/dist/compat/_internal/tags.mjs +var tO = "[object RegExp]", rO = "[object String]", nO = "[object Number]", oO = "[object Boolean]", o6 = "[object Arguments]", aO = "[objec\ +t Symbol]", iO = "[object Date]", sO = "[object Map]", lO = "[object Set]", uO = "[object Array]", cO = "[object Function]", pO = "[object A\ +rrayBuffer]", Qm = "[object Object]", fO = "[object Error]", dO = "[object DataView]", hO = "[object Uint8Array]", mO = "[object Uint8Clampe\ +dArray]", gO = "[object Uint16Array]", vO = "[object Uint32Array]", yO = "[object BigUint64Array]", wO = "[object Int8Array]", bO = "[object\ + Int16Array]", SO = "[object Int32Array]", EO = "[object BigInt64Array]", xO = "[object Float32Array]", CO = "[object Float64Array]"; + +// ../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs +function a6(e) { + return Object.getOwnPropertySymbols(e).filter((t) => Object.prototype.propertyIsEnumerable.call(e, t)); +} +a(a6, "getSymbols"); + +// ../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs +function i6(e) { + return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e); +} +a(i6, "getTag"); + +// ../node_modules/es-toolkit/dist/predicate/isEqual.mjs +function In(e, t) { + if (typeof e == typeof t) + switch (typeof e) { + case "bigint": + case "string": + case "boolean": + case "symbol": + case "undefined": + return e === t; + case "number": + return e === t || Object.is(e, t); + case "function": + return e === t; + case "object": + return Vo(e, t); + } + return Vo(e, t); +} +a(In, "isEqual"); +function Vo(e, t, r) { + if (Object.is(e, t)) + return !0; + let n = i6(e), o = i6(t); + if (n === o6 && (n = Qm), o === o6 && (o = Qm), n !== o) + return !1; + switch (n) { + case rO: + return e.toString() === t.toString(); + case nO: { + let l = e.valueOf(), u = t.valueOf(); + return l === u || Number.isNaN(l) && Number.isNaN(u); + } + case oO: + case iO: + case aO: + return Object.is(e.valueOf(), t.valueOf()); + case tO: + return e.source === t.source && e.flags === t.flags; + case cO: + return e === t; + } + r = r ?? /* @__PURE__ */ new Map(); + let i = r.get(e), s = r.get(t); + if (i != null && s != null) + return i === t; + r.set(e, t), r.set(t, e); + try { + switch (n) { + case sO: { + if (e.size !== t.size) + return !1; + for (let [l, u] of e.entries()) + if (!t.has(l) || !Vo(u, t.get(l), r)) + return !1; + return !0; + } + case lO: { + if (e.size !== t.size) + return !1; + let l = Array.from(e.values()), u = Array.from(t.values()); + for (let c = 0; c < l.length; c++) { + let p = l[c], h = u.findIndex((m) => Vo(p, m, r)); + if (h === -1) + return !1; + u.splice(h, 1); + } + return !0; + } + case uO: + case hO: + case mO: + case gO: + case vO: + case yO: + case wO: + case bO: + case SO: + case EO: + case xO: + case CO: { + if (typeof Buffer < "u" && Buffer.isBuffer(e) !== Buffer.isBuffer(t) || e.length !== t.length) + return !1; + for (let l = 0; l < e.length; l++) + if (!Vo(e[l], t[l], r)) + return !1; + return !0; + } + case pO: + return e.byteLength !== t.byteLength ? !1 : Vo(new Uint8Array(e), new Uint8Array(t), r); + case dO: + return e.byteLength !== t.byteLength || e.byteOffset !== t.byteOffset ? !1 : Vo(e.buffer, t.buffer, r); + case fO: + return e.name === t.name && e.message === t.message; + case Qm: { + if (!(Vo(e.constructor, t.constructor, r) || jo(e) && jo(t))) + return !1; + let u = [...Object.keys(e), ...a6(e)], c = [...Object.keys(t), ...a6(t)]; + if (u.length !== c.length) + return !1; + for (let p = 0; p < u.length; p++) { + let h = u[p], m = e[h]; + if (!Object.prototype.hasOwnProperty.call(t, h)) + return !1; + let g = t[h]; + if (!Vo(m, g, r)) + return !1; + } + return !0; + } + default: + return !1; + } + } finally { + r.delete(e), r.delete(t); + } +} +a(Vo, "areObjectsEqual"); + +// src/router/utils.ts +var ng = I(Hn(), 1), $f = I(NO(), 1); +ml(); +var sce = /\/([^/]+)\/(?:(.*)_)?([^/]+)?/, m6 = (0, ng.default)(1e3)((e) => { + let t = { + viewMode: void 0, + storyId: void 0, + refId: void 0 + }; + if (e) { + let [, r, n, o] = e.toLowerCase().match(sce) || []; + r && Object.assign(t, { + viewMode: r, + storyId: o, + refId: n + }); + } + return t; +}), Bf = Symbol("Deeply equal"), rg = /* @__PURE__ */ a((e, t) => { + if (typeof e != typeof t) + return t; + if (In(e, t)) + return Bf; + if (Array.isArray(e) && Array.isArray(t)) { + let r = t.reduce((n, o, i) => { + let s = rg(e[i], o); + return s !== Bf && (n[i] = s), n; + }, new Array(t.length)); + return t.length >= e.length ? r : r.concat(new Array(e.length - t.length).fill(void 0)); + } + return jo(e) && jo(t) ? Object.keys({ ...e, ...t }).reduce((r, n) => { + let o = rg(e?.[n], t?.[n]); + return o === Bf ? r : Object.assign(r, { [n]: o }); + }, {}) : t; +}, "deepDiff"), MO = /^[a-zA-Z0-9 _-]*$/, lce = /^-?[0-9]+(\.[0-9]+)?$/, BO = /^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i, $O = /^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i, +d6 = /* @__PURE__ */ a((e = "", t) => e === null || e === "" || !MO.test(e) ? !1 : t == null || t instanceof Date || typeof t == "number" || +typeof t == "boolean" ? !0 : typeof t == "string" ? MO.test(t) || lce.test(t) || BO.test(t) || $O.test(t) : Array.isArray(t) ? t.every((r) => d6( +e, r)) : jo(t) ? Object.entries(t).every(([r, n]) => d6(r, n)) : !1, "validateArgs"), h6 = /* @__PURE__ */ a((e) => e === void 0 ? "!undefin\ +ed" : e === null ? "!null" : typeof e == "string" ? BO.test(e) ? `!hex(${e.slice(1)})` : $O.test(e) ? `!${e.replace(/[\s%]/g, "")}` : e : typeof e == +"boolean" ? `!${e}` : e instanceof Date ? `!date(${e.toISOString()})` : Array.isArray(e) ? e.map(h6) : jo(e) ? Object.entries(e).reduce( + (t, [r, n]) => Object.assign(t, { [r]: h6(n) }), + {} +) : e, "encodeSpecialValues"), uce = /* @__PURE__ */ a((e) => { + switch (e) { + case "%20": + return "+"; + case "%5B": + return "["; + case "%5D": + return "]"; + case "%2C": + return ","; + case "%3A": + return ":"; + } + return e; +}, "decodeKnownQueryChar"), cce = /%[0-9A-F]{2}/g, og = /* @__PURE__ */ a((e, t) => { + let r = rg(e, t); + if (!r || r === Bf) + return ""; + let n = Object.entries(r).reduce((o, [i, s]) => d6(i, s) ? Object.assign(o, { [i]: s }) : (Et.warn(gn` + Omitted potentially unsafe URL args. + + More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url + `), o), {}); + return (0, $f.stringify)(h6(n), { + delimiter: ";", + // we don't actually create multiple query params + nesting: !0, + nestingSyntax: "js" + // encode objects using dot notation: obj.key=val + }).replace(cce, uce).split(";").map((o) => o.replace("=", ":")).join(";"); +}, "buildArgsParam"), pce = (0, ng.default)(1e3)((e) => e !== void 0 ? (0, $f.parse)(e) : {}), zf = /* @__PURE__ */ a((e) => pce(e.search ? e. +search.slice(1) : ""), "queryFromLocation"), fce = /* @__PURE__ */ a((e) => { + let t = (0, $f.stringify)(e); + return t ? "?" + t : ""; +}, "stringifyQuery"), g6 = (0, ng.default)(1e3)((e, t, r = !0) => { + if (r) { + if (typeof t != "string") + throw new Error("startsWith only works with string targets"); + return e && e.startsWith(t) ? { path: e } : null; + } + let n = typeof t == "string" && e === t, o = e && t && e.match(t); + return n || o ? { path: e } : null; +}); + +// src/router/router.tsx +var Qa = I(O(), 1); +We(); + +// ../node_modules/react-router-dom/index.js +var mr = I(O()); + +// ../node_modules/history/index.js +xt(); +var Xa; +(function(e) { + e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE"; +})(Xa || (Xa = {})); +var zO = function(e) { + return e; +}; +var HO = "beforeunload"; +var dce = "popstate"; +function UO(e) { + e === void 0 && (e = {}); + var t = e, r = t.window, n = r === void 0 ? document.defaultView : r, o = n.history; + function i() { + var R = n.location, A = R.pathname, _ = R.search, P = R.hash, B = o.state || {}; + return [B.idx, zO({ + pathname: A, + search: _, + hash: P, + state: B.usr || null, + key: B.key || "default" + })]; + } + a(i, "getIndexAndLocation"); + var s = null; + function l() { + if (s) + g.call(s), s = null; + else { + var R = Xa.Pop, A = i(), _ = A[0], P = A[1]; + if (g.length) { + if (_ != null) { + var B = p - _; + B && (s = { + action: R, + location: P, + retry: /* @__PURE__ */ a(function() { + C(B * -1); + }, "retry") + }, C(B)); + } + } else + y(R); + } + } + a(l, "handlePop"), n.addEventListener(dce, l); + var u = Xa.Pop, c = i(), p = c[0], h = c[1], m = VO(), g = VO(); + p == null && (p = 0, o.replaceState(J({}, o.state, { + idx: p + }), "")); + function S(R) { + return typeof R == "string" ? R : ag(R); + } + a(S, "createHref"); + function v(R, A) { + return A === void 0 && (A = null), zO(J({ + pathname: h.pathname, + hash: "", + search: "" + }, typeof R == "string" ? ec(R) : R, { + state: A, + key: hce() + })); + } + a(v, "getNextLocation"); + function b(R, A) { + return [{ + usr: R.state, + key: R.key, + idx: A + }, S(R)]; + } + a(b, "getHistoryStateAndUrl"); + function w(R, A, _) { + return !g.length || (g.call({ + action: R, + location: A, + retry: _ + }), !1); + } + a(w, "allowTx"); + function y(R) { + u = R; + var A = i(); + p = A[0], h = A[1], m.call({ + action: u, + location: h + }); + } + a(y, "applyTx"); + function E(R, A) { + var _ = Xa.Push, P = v(R, A); + function B() { + E(R, A); + } + if (a(B, "retry"), w(_, P, B)) { + var z = b(P, p + 1), $ = z[0], W = z[1]; + try { + o.pushState($, "", W); + } catch { + n.location.assign(W); + } + y(_); + } + } + a(E, "push"); + function x(R, A) { + var _ = Xa.Replace, P = v(R, A); + function B() { + x(R, A); + } + if (a(B, "retry"), w(_, P, B)) { + var z = b(P, p), $ = z[0], W = z[1]; + o.replaceState($, "", W), y(_); + } + } + a(x, "replace"); + function C(R) { + o.go(R); + } + a(C, "go"); + var D = { + get action() { + return u; + }, + get location() { + return h; + }, + createHref: S, + push: E, + replace: x, + go: C, + back: /* @__PURE__ */ a(function() { + C(-1); + }, "back"), + forward: /* @__PURE__ */ a(function() { + C(1); + }, "forward"), + listen: /* @__PURE__ */ a(function(A) { + return m.push(A); + }, "listen"), + block: /* @__PURE__ */ a(function(A) { + var _ = g.push(A); + return g.length === 1 && n.addEventListener(HO, jO), function() { + _(), g.length || n.removeEventListener(HO, jO); + }; + }, "block") + }; + return D; +} +a(UO, "createBrowserHistory"); +function jO(e) { + e.preventDefault(), e.returnValue = ""; +} +a(jO, "promptBeforeUnload"); +function VO() { + var e = []; + return { + get length() { + return e.length; + }, + push: /* @__PURE__ */ a(function(r) { + return e.push(r), function() { + e = e.filter(function(n) { + return n !== r; + }); + }; + }, "push"), + call: /* @__PURE__ */ a(function(r) { + e.forEach(function(n) { + return n && n(r); + }); + }, "call") + }; +} +a(VO, "createEvents"); +function hce() { + return Math.random().toString(36).substr(2, 8); +} +a(hce, "createKey"); +function ag(e) { + var t = e.pathname, r = t === void 0 ? "/" : t, n = e.search, o = n === void 0 ? "" : n, i = e.hash, s = i === void 0 ? "" : i; + return o && o !== "?" && (r += o.charAt(0) === "?" ? o : "?" + o), s && s !== "#" && (r += s.charAt(0) === "#" ? s : "#" + s), r; +} +a(ag, "createPath"); +function ec(e) { + var t = {}; + if (e) { + var r = e.indexOf("#"); + r >= 0 && (t.hash = e.substr(r), e = e.substr(0, r)); + var n = e.indexOf("?"); + n >= 0 && (t.search = e.substr(n), e = e.substr(0, n)), e && (t.pathname = e); + } + return t; +} +a(ec, "parsePath"); + +// ../node_modules/react-router/index.js +var ye = I(O()); +function ig(e, t) { + if (!e) throw new Error(t); +} +a(ig, "invariant"); +var sg = /* @__PURE__ */ (0, ye.createContext)(null), lg = /* @__PURE__ */ (0, ye.createContext)(null), v6 = /* @__PURE__ */ (0, ye.createContext)( +{ + outlet: null, + matches: [] +}); +function Hf(e) { + let { + basename: t = "/", + children: r = null, + location: n, + navigationType: o = Xa.Pop, + navigator: i, + static: s = !1 + } = e; + jf() && ig(!1); + let l = yce(t), u = (0, ye.useMemo)(() => ({ + basename: l, + navigator: i, + static: s + }), [l, i, s]); + typeof n == "string" && (n = ec(n)); + let { + pathname: c = "/", + search: p = "", + hash: h = "", + state: m = null, + key: g = "default" + } = n, S = (0, ye.useMemo)(() => { + let v = vce(c, l); + return v == null ? null : { + pathname: v, + search: p, + hash: h, + state: m, + key: g + }; + }, [l, c, p, h, m, g]); + return S == null ? null : /* @__PURE__ */ (0, ye.createElement)(sg.Provider, { + value: u + }, /* @__PURE__ */ (0, ye.createElement)(lg.Provider, { + children: r, + value: { + location: S, + navigationType: o + } + })); +} +a(Hf, "Router"); +function y6(e) { + jf() || ig(!1); + let { + basename: t, + navigator: r + } = (0, ye.useContext)(sg), { + hash: n, + pathname: o, + search: i + } = ug(e), s = o; + if (t !== "/") { + let l = gce(e), u = l != null && l.endsWith("/"); + s = o === "/" ? t + (u ? "/" : "") : GO([t, o]); + } + return r.createHref({ + pathname: s, + search: i, + hash: n + }); +} +a(y6, "useHref"); +function jf() { + return (0, ye.useContext)(lg) != null; +} +a(jf, "useInRouterContext"); +function fs() { + return jf() || ig(!1), (0, ye.useContext)(lg).location; +} +a(fs, "useLocation"); +function Vf() { + jf() || ig(!1); + let { + basename: e, + navigator: t + } = (0, ye.useContext)(sg), { + matches: r + } = (0, ye.useContext)(v6), { + pathname: n + } = fs(), o = JSON.stringify(r.map((l) => l.pathnameBase)), i = (0, ye.useRef)(!1); + return (0, ye.useEffect)(() => { + i.current = !0; + }), (0, ye.useCallback)(function(l, u) { + if (u === void 0 && (u = {}), !i.current) return; + if (typeof l == "number") { + t.go(l); + return; + } + let c = qO(l, JSON.parse(o), n); + e !== "/" && (c.pathname = GO([e, c.pathname])), (u.replace ? t.replace : t.push)(c, u.state); + }, [e, t, o, n]); +} +a(Vf, "useNavigate"); +function ug(e) { + let { + matches: t + } = (0, ye.useContext)(v6), { + pathname: r + } = fs(), n = JSON.stringify(t.map((o) => o.pathnameBase)); + return (0, ye.useMemo)(() => qO(e, JSON.parse(n), r), [e, n, r]); +} +a(ug, "useResolvedPath"); +function WO(e, t) { + t === void 0 && (t = "/"); + let { + pathname: r, + search: n = "", + hash: o = "" + } = typeof e == "string" ? ec(e) : e; + return { + pathname: r ? r.startsWith("/") ? r : mce(r, t) : t, + search: wce(n), + hash: bce(o) + }; +} +a(WO, "resolvePath"); +function mce(e, t) { + let r = t.replace(/\/+$/, "").split("/"); + return e.split("/").forEach((o) => { + o === ".." ? r.length > 1 && r.pop() : o !== "." && r.push(o); + }), r.length > 1 ? r.join("/") : "/"; +} +a(mce, "resolvePathname"); +function qO(e, t, r) { + let n = typeof e == "string" ? ec(e) : e, o = e === "" || n.pathname === "" ? "/" : n.pathname, i; + if (o == null) + i = r; + else { + let l = t.length - 1; + if (o.startsWith("..")) { + let u = o.split("/"); + for (; u[0] === ".."; ) + u.shift(), l -= 1; + n.pathname = u.join("/"); + } + i = l >= 0 ? t[l] : "/"; + } + let s = WO(n, i); + return o && o !== "/" && o.endsWith("/") && !s.pathname.endsWith("/") && (s.pathname += "/"), s; +} +a(qO, "resolveTo"); +function gce(e) { + return e === "" || e.pathname === "" ? "/" : typeof e == "string" ? ec(e).pathname : e.pathname; +} +a(gce, "getToPathname"); +function vce(e, t) { + if (t === "/") return e; + if (!e.toLowerCase().startsWith(t.toLowerCase())) + return null; + let r = e.charAt(t.length); + return r && r !== "/" ? null : e.slice(t.length) || "/"; +} +a(vce, "stripBasename"); +var GO = /* @__PURE__ */ a((e) => e.join("/").replace(/\/\/+/g, "/"), "joinPaths"), yce = /* @__PURE__ */ a((e) => e.replace(/\/+$/, "").replace( +/^\/*/, "/"), "normalizePathname"), wce = /* @__PURE__ */ a((e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, "normalizeSearch"), +bce = /* @__PURE__ */ a((e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, "normalizeHash"); + +// ../node_modules/react-router-dom/index.js +function w6() { + return w6 = Object.assign || function(e) { + for (var t = 1; t < arguments.length; t++) { + var r = arguments[t]; + for (var n in r) + Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]); + } + return e; + }, w6.apply(this, arguments); +} +a(w6, "_extends"); +function Sce(e, t) { + if (e == null) return {}; + var r = {}, n = Object.keys(e), o, i; + for (i = 0; i < n.length; i++) + o = n[i], !(t.indexOf(o) >= 0) && (r[o] = e[o]); + return r; +} +a(Sce, "_objectWithoutPropertiesLoose"); +var Ece = ["onClick", "reloadDocument", "replace", "state", "target", "to"]; +function YO(e) { + let { + basename: t, + children: r, + window: n + } = e, o = (0, mr.useRef)(); + o.current == null && (o.current = UO({ + window: n + })); + let i = o.current, [s, l] = (0, mr.useState)({ + action: i.action, + location: i.location + }); + return (0, mr.useLayoutEffect)(() => i.listen(l), [i]), /* @__PURE__ */ (0, mr.createElement)(Hf, { + basename: t, + children: r, + location: s.location, + navigationType: s.action, + navigator: i + }); +} +a(YO, "BrowserRouter"); +function xce(e) { + return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey); +} +a(xce, "isModifiedEvent"); +var KO = /* @__PURE__ */ (0, mr.forwardRef)(/* @__PURE__ */ a(function(t, r) { + let { + onClick: n, + reloadDocument: o, + replace: i = !1, + state: s, + target: l, + to: u + } = t, c = Sce(t, Ece), p = y6(u), h = Cce(u, { + replace: i, + state: s, + target: l + }); + function m(g) { + n && n(g), !g.defaultPrevented && !o && h(g); + } + return a(m, "handleClick"), // eslint-disable-next-line jsx-a11y/anchor-has-content + /* @__PURE__ */ (0, mr.createElement)("a", w6({}, c, { + href: p, + onClick: m, + ref: r, + target: l + })); +}, "LinkWithRef")); +function Cce(e, t) { + let { + target: r, + replace: n, + state: o + } = t === void 0 ? {} : t, i = Vf(), s = fs(), l = ug(e); + return (0, mr.useCallback)((u) => { + if (u.button === 0 && // Ignore everything but left clicks + (!r || r === "_self") && // Let browser handle "target=_blank" etc. + !xce(u)) { + u.preventDefault(); + let c = !!n || ag(s) === ag(l); + i(e, { + replace: c, + state: o + }); + } + }, [s, i, l, n, o, r, e]); +} +a(Cce, "useLinkClickHandler"); + +// src/router/router.tsx +var { document: XO } = H, Rce = /* @__PURE__ */ a(() => `${XO.location.pathname}?`, "getBase"), Ace = /* @__PURE__ */ a(() => { + let e = Vf(); + return (0, Qa.useCallback)((t, { plain: r, ...n } = {}) => { + if (typeof t == "string" && t.startsWith("#")) { + XO.location.hash = t; + return; + } + if (typeof t == "string") { + let o = r ? t : `?path=${t}`; + return e(o, n); + } + if (typeof t == "number") + return e(t); + }, []); +}, "useNavigate"), QO = /* @__PURE__ */ a(({ to: e, children: t, ...r }) => /* @__PURE__ */ Qa.default.createElement(KO, { to: `${Rce()}path\ +=${e}`, ...r }, t), "Link"); +QO.displayName = "QueryLink"; +var b6 = /* @__PURE__ */ a(({ children: e }) => { + let t = fs(), { path: r, singleStory: n } = zf(t), { viewMode: o, storyId: i, refId: s } = m6(r); + return /* @__PURE__ */ Qa.default.createElement(Qa.default.Fragment, null, e({ + path: r || "/", + location: t, + viewMode: o, + storyId: i, + refId: s, + singleStory: n === "true" + })); +}, "Location"); +b6.displayName = "QueryLocation"; +function S6({ + children: e, + path: t, + startsWith: r = !1 +}) { + return /* @__PURE__ */ Qa.default.createElement(b6, null, ({ path: n, ...o }) => e({ + match: g6(n, t, r), + ...o + })); +} +a(S6, "Match"); +S6.displayName = "QueryMatch"; +function JO(e) { + let { children: t, ...r } = e; + return r.startsWith === void 0 && (r.startsWith = !1), /* @__PURE__ */ Qa.default.createElement(S6, { ...r }, ({ match: o }) => o ? t : null); +} +a(JO, "Route"); +JO.displayName = "Route"; +var _ce = /* @__PURE__ */ a((...e) => YO(...e), "LocationProvider"), Tce = /* @__PURE__ */ a((...e) => Hf(...e), "BaseLocationProvider"); + +// src/manager/globals/runtime.ts +X(); +Tp(); + +// src/types/index.ts +var qf = {}; +he(qf, { + Addon_TypesEnum: () => Wf +}); + +// src/types/modules/addons.ts +var Wf = /* @__PURE__ */ ((c) => (c.TAB = "tab", c.PANEL = "panel", c.TOOL = "tool", c.TOOLEXTRA = "toolextra", c.PREVIEW = "preview", c.experimental_PAGE = +"page", c.experimental_SIDEBAR_BOTTOM = "sidebar-bottom", c.experimental_SIDEBAR_TOP = "sidebar-top", c.experimental_TEST_PROVIDER = "test-p\ +rovider", c))(Wf || {}); + +// src/manager/globals/runtime.ts +Ft(); + +// src/manager-api/index.ts +var ad = {}; +he(ad, { + ActiveTabs: () => u0e, + Consumer: () => wM, + ManagerContext: () => od, + Provider: () => yb, + RequestResponseError: () => nd, + addons: () => rL, + combineParameters: () => T6, + controlOrMetaKey: () => Xce, + controlOrMetaSymbol: () => Kce, + eventMatchesShortcut: () => Jce, + eventToShortcut: () => gg, + experimental_requestResponse: () => l0e, + isMacLike: () => mg, + isShortcutTaken: () => Qce, + keyToSymbol: () => vL, + merge: () => Fn, + mockChannel: () => pg, + optionOrAltSymbol: () => gL, + shortcutMatchesShortcut: () => vg, + shortcutToHumanString: () => Zce, + types: () => S0e, + useAddonState: () => m0e, + useArgTypes: () => b0e, + useArgs: () => g0e, + useChannel: () => SM, + useGlobalTypes: () => y0e, + useGlobals: () => v0e, + useParameter: () => h0e, + useSharedState: () => EM, + useStoryPrepared: () => d0e, + useStorybookApi: () => qo, + useStorybookState: () => f0e +}); + +// src/manager-api/root.tsx +var be = I(O(), 1); +Ft(); + +// src/manager-api/context.ts +var ZO = I(O(), 1); +var eL = /* @__PURE__ */ a(({ api: e, state: t }) => (0, ZO.createContext)({ api: e, state: t }), "createContext"); + +// src/manager-api/lib/merge.ts +Ft(); +var Fn = /* @__PURE__ */ a((e, ...t) => { + let r = {}; + r = Ka({}, e, (n, o) => { + if (Array.isArray(o) && Array.isArray(n)) + return o.forEach((i) => { + n.find((l) => l === i || In(l, i)) || n.push(i); + }), n; + if (Array.isArray(n)) + return ge.log(["the types mismatch, picking", n]), n; + }); + for (let n of t) + r = Ka(r, n, (o, i) => { + if (Array.isArray(i) && Array.isArray(o)) + return i.forEach((s) => { + o.find((u) => u === s || In(u, s)) || o.push(s); + }), o; + if (Array.isArray(o)) + return ge.log(["the types mismatch, picking", o]), o; + }); + return r; +}, "default"), tL = /* @__PURE__ */ a((e, ...t) => { + let r = {}; + r = Ka({}, e, (n, o) => { + if (Array.isArray(o)) + return o; + }); + for (let n of t) + r = Ka(r, n, (o, i) => { + if (Array.isArray(i)) + return i; + }); + return r; +}, "noArrayMerge"); + +// src/manager-api/initial-state.ts +var kce = /* @__PURE__ */ a((...e) => e.reduce((t, r) => Fn(t, r), {}), "main"), cg = kce; + +// src/manager-api/lib/addons.ts +We(); +Ft(); + +// src/manager-api/lib/storybook-channel-mock.ts +function pg() { + let e = { + setHandler: /* @__PURE__ */ a(() => { + }, "setHandler"), + send: /* @__PURE__ */ a(() => { + }, "send") + }; + return new ga({ transport: e }); +} +a(pg, "mockChannel"); + +// src/manager-api/lib/addons.ts +var C6 = class C6 { + constructor() { + this.loaders = {}; + this.elements = {}; + this.config = {}; + this.getChannel = /* @__PURE__ */ a(() => (this.channel || this.setChannel(pg()), this.channel), "getChannel"); + this.ready = /* @__PURE__ */ a(() => this.promise, "ready"); + this.hasChannel = /* @__PURE__ */ a(() => !!this.channel, "hasChannel"); + this.setChannel = /* @__PURE__ */ a((t) => { + this.channel = t, this.resolve(); + }, "setChannel"); + this.setConfig = /* @__PURE__ */ a((t) => { + Object.assign(this.config, t), this.hasChannel() ? this.getChannel().emit(Go, this.config) : this.ready().then((r) => { + r.emit(Go, this.config); + }); + }, "setConfig"); + this.getConfig = /* @__PURE__ */ a(() => this.config, "getConfig"); + /** + * Registers an addon loader function. + * + * @param {string} id - The id of the addon loader. + * @param {(api: API) => void} callback - The function that will be called to register the addon. + * @returns {void} + */ + this.register = /* @__PURE__ */ a((t, r) => { + this.loaders[t] && ge.warn(`${t} was loaded twice, this could have bad side-effects`), this.loaders[t] = r; + }, "register"); + this.loadAddons = /* @__PURE__ */ a((t) => { + Object.values(this.loaders).forEach((r) => r(t)); + }, "loadAddons"); + this.promise = new Promise((t) => { + this.resolve = () => t(this.getChannel()); + }); + } + getElements(t) { + return this.elements[t] || (this.elements[t] = {}), this.elements[t]; + } + /** + * Adds an addon to the addon store. + * + * @param {string} id - The id of the addon. + * @param {Addon_Type} addon - The addon to add. + * @returns {void} + */ + add(t, r) { + let { type: n } = r, o = this.getElements(n); + o[t] = { ...r, id: t }; + } +}; +a(C6, "AddonStore"); +var x6 = C6, E6 = "__STORYBOOK_ADDONS_MANAGER"; +function Ice() { + return H[E6] || (H[E6] = new x6()), H[E6]; +} +a(Ice, "getAddonsStore"); +var rL = Ice(); + +// src/manager-api/modules/addons.ts +var R6 = {}; +he(R6, { + ensurePanel: () => D6, + init: () => Pce +}); +function D6(e, t, r) { + let n = Object.keys(e); + return n.indexOf(t) >= 0 ? t : n.length ? n[0] : r; +} +a(D6, "ensurePanel"); +var Pce = /* @__PURE__ */ a(({ provider: e, store: t, fullAPI: r }) => { + let n = { + getElements: /* @__PURE__ */ a((o) => e.getElements(o), "getElements"), + getSelectedPanel: /* @__PURE__ */ a(() => { + let { selectedPanel: o } = t.getState(); + return D6(n.getElements("panel"), o, o); + }, "getSelectedPanel"), + setSelectedPanel: /* @__PURE__ */ a((o) => { + t.setState({ selectedPanel: o }, { persistence: "session" }); + }, "setSelectedPanel"), + setAddonState(o, i, s) { + let l = typeof i == "function" ? i : () => i; + return t.setState( + (u) => ({ ...u, addons: { ...u.addons, [o]: l(u.addons[o]) } }), + s + ).then(() => n.getAddonState(o)); + }, + getAddonState: /* @__PURE__ */ a((o) => t.getState().addons[o] || globalThis?.STORYBOOK_ADDON_STATE[o], "getAddonState") + }; + return { + api: n, + state: { + selectedPanel: D6( + n.getElements("panel"), + t.getState().selectedPanel + ), + addons: {} + } + }; +}, "init"); + +// src/manager-api/modules/channel.ts +var A6 = {}; +he(A6, { + init: () => Fce +}); +var Fce = /* @__PURE__ */ a(({ provider: e }) => ({ api: { + getChannel: /* @__PURE__ */ a(() => e.channel, "getChannel"), + on: /* @__PURE__ */ a((r, n) => (e.channel?.on(r, n), () => e.channel?.off(r, n)), "on"), + off: /* @__PURE__ */ a((r, n) => e.channel?.off(r, n), "off"), + once: /* @__PURE__ */ a((r, n) => e.channel?.once(r, n), "once"), + emit: /* @__PURE__ */ a((r, n, ...o) => { + n?.options?.target && n.options.target !== "storybook-preview-iframe" && !n.options.target.startsWith("storybook-ref-") && (n.options.target = + n.options.target !== "storybook_internal" ? `storybook-ref-${n.options.target}` : "storybook-preview-iframe"), e.channel?.emit(r, n, ...o); + }, "emit") +}, state: {} }), "init"); + +// src/manager-api/modules/globals.ts +var P6 = {}; +he(P6, { + init: () => Vce +}); +Ft(); + +// ../node_modules/dequal/dist/index.mjs +var nL = Object.prototype.hasOwnProperty; +function oL(e, t, r) { + for (r of e.keys()) + if (en(r, t)) return r; +} +a(oL, "find"); +function en(e, t) { + var r, n, o; + if (e === t) return !0; + if (e && t && (r = e.constructor) === t.constructor) { + if (r === Date) return e.getTime() === t.getTime(); + if (r === RegExp) return e.toString() === t.toString(); + if (r === Array) { + if ((n = e.length) === t.length) + for (; n-- && en(e[n], t[n]); ) ; + return n === -1; + } + if (r === Set) { + if (e.size !== t.size) + return !1; + for (n of e) + if (o = n, o && typeof o == "object" && (o = oL(t, o), !o) || !t.has(o)) return !1; + return !0; + } + if (r === Map) { + if (e.size !== t.size) + return !1; + for (n of e) + if (o = n[0], o && typeof o == "object" && (o = oL(t, o), !o) || !en(n[1], t.get(o))) + return !1; + return !0; + } + if (r === ArrayBuffer) + e = new Uint8Array(e), t = new Uint8Array(t); + else if (r === DataView) { + if ((n = e.byteLength) === t.byteLength) + for (; n-- && e.getInt8(n) === t.getInt8(n); ) ; + return n === -1; + } + if (ArrayBuffer.isView(e)) { + if ((n = e.byteLength) === t.byteLength) + for (; n-- && e[n] === t[n]; ) ; + return n === -1; + } + if (!r || typeof e == "object") { + n = 0; + for (r in e) + if (nL.call(e, r) && ++n && !nL.call(t, r) || !(r in t) || !en(e[r], t[r])) return !1; + return Object.keys(t).length === n; + } + } + return e !== e && t !== t; +} +a(en, "dequal"); + +// src/manager-api/lib/events.ts +Ft(); + +// src/manager-api/modules/refs.ts +var I6 = {}; +he(I6, { + defaultStoryMapper: () => dL, + getSourceType: () => k6, + init: () => jce +}); +We(); +ml(); + +// src/manager-api/lib/stories.ts +var _6 = I(Hn(), 1); +ml(); + +// src/manager-api/lib/intersect.ts +var aL = /* @__PURE__ */ a((e, t) => !e || !t ? [] : e.reduce((r, n) => (t.includes(n) && r.push(n), r), []), "default"); + +// src/manager-api/lib/stories.ts +var Oce = /\s*\/\s*/, iL = /* @__PURE__ */ a(({ + globalParameters: e, + kindParameters: t, + stories: r +}) => n6(r, (n) => ({ + ...n, + parameters: T6( + e, + t[n.kind], + n.parameters + ) +})), "denormalizeStoryParameters"); +var sL = /* @__PURE__ */ a((e) => ({ v: 5, entries: Object.entries(e).reduce( + (r, [n, o]) => { + if (!o) + return r; + let { docsOnly: i, fileName: s, ...l } = o.parameters, u = { + title: o.kind, + id: n, + name: o.name, + importPath: s + }; + if (i) + r[n] = { + type: "docs", + tags: ["stories-mdx"], + storiesImports: [], + ...u + }; + else { + let { argTypes: c, args: p, initialArgs: h } = o; + r[n] = { + type: "story", + ...u, + parameters: l, + argTypes: c, + args: p, + initialArgs: h + }; + } + return r; + }, + {} +) }), "transformSetStoriesStoryDataToPreparedStoryIndex"), Lce = /* @__PURE__ */ a((e) => ({ + v: 3, + stories: Object.values(e.stories).reduce( + (t, r) => (t[r.id] = { + ...r, + title: r.kind, + name: r.name || r.story, + importPath: r.parameters.fileName || "" + }, t), + {} + ) +}), "transformStoryIndexV2toV3"), Nce = /* @__PURE__ */ a((e) => { + let t = r6(Object.values(e.stories), (r) => r.title); + return { + v: 4, + entries: Object.values(e.stories).reduce( + (r, n) => { + let o = "story"; + return (n.parameters?.docsOnly || n.name === "Page" && t[n.title] === 1) && (o = "docs"), r[n.id] = { + type: o, + ...o === "docs" && { tags: ["stories-mdx"], storiesImports: [] }, + ...n + }, delete r[n.id].story, delete r[n.id].kind, r; + }, + {} + ) + }; +}, "transformStoryIndexV3toV4"), Mce = /* @__PURE__ */ a((e) => ({ + v: 5, + entries: Object.values(e.entries).reduce( + (t, r) => (t[r.id] = { + ...r, + tags: r.tags ? ["dev", "test", ...r.tags] : ["dev"] + }, t), + {} + ) +}), "transformStoryIndexV4toV5"), fg = /* @__PURE__ */ a((e, { provider: t, docsOptions: r, filters: n, status: o }) => { + if (!e.v) + throw new Error("Composition: Missing stories.json version"); + let i = e; + i = i.v === 2 ? Lce(i) : i, i = i.v === 3 ? Nce(i) : i, i = i.v === 4 ? Mce(i) : i, i = i; + let s = Object.values(i.entries).filter((v) => { + let b = !0; + return Object.values(n).forEach((w) => { + b !== !1 && (b = w({ ...v, status: o[v.id] })); + }), b; + }), { sidebar: l = {} } = t.getConfig(), { showRoots: u, collapsedRoots: c = [], renderLabel: p } = l, h = typeof u < "u", m = s.reduce((v, b) => { + if (r.docsMode && b.type !== "docs") + return v; + let { title: w } = b, y = w.trim().split(Oce), E = (!h || u) && y.length > 1 ? [y.shift()] : [], x = [...E, ...y], C = x.reduce((D, R, A) => { + let _ = A > 0 && D[A - 1], P = ao(_ ? `${_}-${R}` : R); + if (R.trim() === "") + throw new Error(gn`Invalid title ${w} ending in slash.`); + if (_ === P) + throw new Error( + gn` + Invalid part '${R}', leading to id === parentId ('${P}'), inside title '${w}' + + Did you create a path that uses the separator char accidentally, such as 'Vue <docs/>' where '/' is a separator char? See https://github.com/storybookjs/storybook/issues/6128 + ` + ); + return D.push(P), D; + }, []); + return C.forEach((D, R) => { + let A = C[R + 1] || b.id; + E.length && R === 0 ? v[D] = Fn(v[D] || {}, { + type: "root", + id: D, + name: x[R], + depth: R, + renderLabel: p, + startCollapsed: c.includes(D), + // Note that this will later get appended to the previous list of children (see below) + children: [A] + }) : (!v[D] || v[D].type === "component") && R === C.length - 1 ? (v[D] = Fn(v[D] || {}, { + type: "component", + id: D, + name: x[R], + parent: C[R - 1], + depth: R, + renderLabel: p, + ...A && { + children: [A] + } + }), v[D].tags = aL(v[D]?.tags ?? b.tags, b.tags)) : v[D] = Fn(v[D] || {}, { + type: "group", + id: D, + name: x[R], + parent: C[R - 1], + depth: R, + renderLabel: p, + ...A && { + children: [A] + } + }); + }), v[b.id] = { + type: "story", + ...b, + depth: C.length, + parent: C[C.length - 1], + renderLabel: p, + prepared: !!b.parameters + }, v; + }, {}); + function g(v, b) { + return v[b.id] || (v[b.id] = b, (b.type === "root" || b.type === "group" || b.type === "component") && b.children.forEach((w) => g(v, m[w]))), + v; + } + a(g, "addItem"); + let S = Object.values(m).filter((v) => v.type !== "root" && !v.parent).reduce(g, {}); + return Object.values(m).filter((v) => v.type === "root").reduce(g, S); +}, "transformStoryIndexToStoriesHash"), lL = /* @__PURE__ */ a((e, t) => t ? Object.fromEntries( + Object.entries(e).map(([r, n]) => { + let o = t[r]; + return n.type === "story" && o?.type === "story" && o.prepared ? [r, { ...o, ...n, prepared: !0 }] : [r, n]; + }) +) : e, "addPreparedStories"), uL = (0, _6.default)(1)((e) => Object.entries(e).reduce((t, r) => { + let n = r[1]; + return n.type === "component" && t.push([...n.children]), t; +}, [])), cL = (0, _6.default)(1)((e) => Object.keys(e).filter((t) => ["story", "docs"].includes(e[t].type))); + +// src/manager-api/modules/refs.ts +var { location: Bce, fetch: pL } = H, k6 = /* @__PURE__ */ a((e, t) => { + let { origin: r, pathname: n } = Bce, { origin: o, pathname: i } = new URL(e), s = `${r + n}`.replace("/iframe.html", "").replace(/\/$/, ""), + l = `${o + i}`.replace("/iframe.html", "").replace(/\/$/, ""); + return s === l ? ["local", l] : t || e ? ["external", l] : [null, null]; +}, "getSourceType"), dL = /* @__PURE__ */ a((e, t) => ({ ...t, kind: t.kind.replace("|", "/") }), "defaultStoryMapper"), $ce = /* @__PURE__ */ a( +(e, t) => Object.entries(e).reduce((r, [n, o]) => ({ ...r, [n]: { ...o, refId: t.id } }), {}), "addRefIds"); +async function fL(e) { + if (!e) + return {}; + try { + let t = await e; + if (t === !1 || t === !0) + throw new Error("Unexpected boolean response"); + if (!t.ok) + throw new Error(`Unexpected response not OK: ${t.statusText}`); + let r = await t.json(); + return r.entries || r.stories ? { storyIndex: r } : r; + } catch (t) { + return { indexError: t }; + } +} +a(fL, "handleRequest"); +var zce = /* @__PURE__ */ a((e) => { + let t = /https?:\/\/(.+:.+)@/, r = e, n, [, o] = e.match(t) || []; + return o && (r = e.replace(`${o}@`, ""), n = btoa(`${o}`)), { + url: r, + authorization: n + }; +}, "parseUrl"), Hce = /* @__PURE__ */ a((e, t, r) => { + let { storyMapper: n } = r; + return n ? Object.entries(e).reduce((o, [i, s]) => ({ ...o, [i]: n(t, s) }), {}) : e; +}, "map"), jce = /* @__PURE__ */ a(({ store: e, provider: t, singleStory: r, docsOptions: n = {} }, { runCheck: o = !0 } = {}) => { + let i = { + findRef: /* @__PURE__ */ a((u) => { + let c = i.getRefs(); + return Object.values(c).find(({ url: p }) => p.match(u)); + }, "findRef"), + changeRefVersion: /* @__PURE__ */ a(async (u, c) => { + let { versions: p, title: h } = i.getRefs()[u], m = { id: u, url: c, versions: p, title: h, index: {}, expanded: !0 }; + await i.setRef(u, { ...m, type: "unknown" }, !1), await i.checkRef(m); + }, "changeRefVersion"), + changeRefState: /* @__PURE__ */ a((u, c) => { + let { [u]: p, ...h } = i.getRefs(); + h[u] = { ...p, previewInitialized: c }, e.setState({ + refs: h + }); + }, "changeRefState"), + checkRef: /* @__PURE__ */ a(async (u) => { + let { id: c, url: p, version: h, type: m } = u, g = m === "server-checked", S = {}, v = h ? `?version=${h}` : "", b = g ? "omit" : "in\ +clude", w = zce(p), y = { + Accept: "application/json" + }; + w.authorization && Object.assign(y, { + Authorization: `Basic ${w.authorization}` + }); + let [E, x] = await Promise.all( + ["index.json", "stories.json"].map( + async (D) => fL( + pL(`${w.url}/${D}${v}`, { + headers: y, + credentials: b + }) + ) + ) + ); + if (!E.indexError || !x.indexError) { + let D = await fL( + pL(`${w.url}/metadata.json${v}`, { + headers: y, + credentials: b, + cache: "no-cache" + }).catch(() => !1) + ); + Object.assign(S, { + ...E.indexError ? x : E, + ...!D.indexError && D + }); + } else g || (S.indexError = { + message: gn` + Error: Loading of ref failed + at fetch (lib/api/src/modules/refs.ts) + + URL: ${w.url} + + We weren't able to load the above URL, + it's possible a CORS error happened. + + Please check your dev-tools network tab. + ` + }); + let C = u.versions && Object.keys(u.versions).length ? u.versions : S.versions; + await i.setRef(c, { + id: c, + url: w.url, + ...S, + ...C ? { versions: C } : {}, + type: S.storyIndex ? "lazy" : "auto-inject" + }); + }, "checkRef"), + getRefs: /* @__PURE__ */ a(() => { + let { refs: u = {} } = e.getState(); + return u; + }, "getRefs"), + setRef: /* @__PURE__ */ a(async (u, { storyIndex: c, setStoriesData: p, ...h }, m = !1) => { + if (r) + return; + let g, S, { filters: v } = e.getState(), { storyMapper: b = dL } = t.getConfig(), w = i.getRefs()[u]; + (c || p) && (g = p ? sL( + Hce(p, w, { storyMapper: b }) + ) : c, S = fg(c, { + provider: t, + docsOptions: n, + filters: v, + status: {} + })), S && (S = $ce(S, w)), await i.updateRef(u, { ...w, ...h, index: S, internal_index: g }); + }, "setRef"), + updateRef: /* @__PURE__ */ a(async (u, c) => { + let { [u]: p, ...h } = i.getRefs(); + h[u] = { ...p, ...c }; + let m = Object.keys(l).reduce((g, S) => (g[S] = h[S], g), {}); + await e.setState({ + refs: m + }); + }, "updateRef") + }, s = !r && H.REFS || {}, l = s; + return o && new Promise(async (u) => { + for (let c of Object.values(s)) + await i.checkRef({ ...c, stories: {} }); + u(void 0); + }), { + api: i, + state: { + refs: l + } + }; +}, "init"); + +// src/manager-api/lib/events.ts +var Jt = /* @__PURE__ */ a((e, t) => { + let { source: r, refId: n, type: o } = e, [i, s] = k6(r, n), l; + (n || i === "external") && (l = n && t.getRefs()[n] ? t.getRefs()[n] : t.findRef(s)); + let u = { + source: r, + sourceType: i, + sourceLocation: s, + refId: n, + ref: l, + type: o + }; + switch (!0) { + case typeof n == "string": + case i === "local": + case i === "external": + return u; + // if we couldn't find the source, something risky happened, we ignore the input, and log a warning + default: + return ge.warn(`Received a ${o} frame that was not configured as a ref`), null; + } +}, "getEventMetadata"); + +// src/manager-api/modules/globals.ts +var Vce = /* @__PURE__ */ a(({ store: e, fullAPI: t, provider: r }) => { + let n = { + getGlobals() { + return e.getState().globals; + }, + getUserGlobals() { + return e.getState().userGlobals; + }, + getStoryGlobals() { + return e.getState().storyGlobals; + }, + getGlobalTypes() { + return e.getState().globalTypes; + }, + updateGlobals(s) { + r.channel?.emit(e2, { + globals: s, + options: { + target: "storybook-preview-iframe" + } + }); + } + }, o = { + globals: {}, + userGlobals: {}, + storyGlobals: {}, + globalTypes: {} + }, i = /* @__PURE__ */ a(({ + globals: s, + storyGlobals: l, + userGlobals: u + }) => { + let { + globals: c, + userGlobals: p, + storyGlobals: h + } = e.getState(); + en(s, c) || e.setState({ globals: s }), en(u, p) || e.setState({ userGlobals: u }), en(l, h) || e.setState({ storyGlobals: l }); + }, "updateGlobals"); + return r.channel?.on( + cc, + /* @__PURE__ */ a(function({ globals: l, storyGlobals: u, userGlobals: c }) { + let { ref: p } = Jt(this, t); + p ? ge.warn( + "received a GLOBALS_UPDATED from a non-local ref. This is not currently supported." + ) : i({ globals: l, storyGlobals: u, userGlobals: c }); + }, "handleGlobalsUpdated") + ), r.channel?.on( + qg, + /* @__PURE__ */ a(function({ globals: l, globalTypes: u }) { + let { ref: c } = Jt(this, t), p = e.getState()?.globals; + c ? Object.keys(l).length > 0 && ge.warn("received globals from a non-local ref. This is not currently supported.") : e.setState({ globals: l, + userGlobals: l, globalTypes: u }), p && Object.keys(p).length !== 0 && !en(l, p) && n.updateGlobals(p); + }, "handleSetGlobals") + ), { + api: n, + state: o + }; +}, "init"); + +// src/manager-api/modules/layout.ts +var hg = {}; +he(hg, { + ActiveTabs: () => mL, + defaultLayoutState: () => Pr, + focusableUIElements: () => Gf, + init: () => Wce +}); +Tp(); +We(); +var { document: Uce } = H, mL = { + SIDEBAR: "sidebar", + CANVAS: "canvas", + ADDONS: "addons" +}, Pr = { + ui: { + enableShortcuts: !0 + }, + layout: { + initialActive: mL.CANVAS, + showToolbar: !0, + navSize: 300, + bottomPanelHeight: 300, + rightPanelWidth: 400, + recentVisibleSizes: { + navSize: 300, + bottomPanelHeight: 300, + rightPanelWidth: 400 + }, + panelPosition: "bottom", + showTabs: !0 + }, + selectedPanel: void 0, + theme: y1() +}, Gf = { + storySearchField: "storybook-explorer-searchfield", + storyListMenu: "storybook-explorer-menu", + storyPanelRoot: "storybook-panel-root" +}, F6 = /* @__PURE__ */ a((e) => e.layout.navSize > 0, "getIsNavShown"), O6 = /* @__PURE__ */ a((e) => { + let { bottomPanelHeight: t, rightPanelWidth: r, panelPosition: n } = e.layout; + return n === "bottom" && t > 0 || n === "right" && r > 0; +}, "getIsPanelShown"), hL = /* @__PURE__ */ a((e) => !F6(e) && !O6(e), "getIsFullscreen"), dg = /* @__PURE__ */ a((e) => ({ + navSize: e.navSize > 0 ? e.navSize : e.recentVisibleSizes.navSize, + bottomPanelHeight: e.bottomPanelHeight > 0 ? e.bottomPanelHeight : e.recentVisibleSizes.bottomPanelHeight, + rightPanelWidth: e.rightPanelWidth > 0 ? e.rightPanelWidth : e.recentVisibleSizes.rightPanelWidth +}), "getRecentVisibleSizes"), Wce = /* @__PURE__ */ a(({ store: e, provider: t, singleStory: r }) => { + let n = { + toggleFullscreen(i) { + return e.setState( + (s) => { + let l = hL(s), u = typeof i == "boolean" ? i : !l; + return u === l ? { layout: s.layout } : u ? { + layout: { + ...s.layout, + navSize: 0, + bottomPanelHeight: 0, + rightPanelWidth: 0, + recentVisibleSizes: dg(s.layout) + } + } : { + layout: { + ...s.layout, + navSize: s.singleStory ? 0 : s.layout.recentVisibleSizes.navSize, + bottomPanelHeight: s.layout.recentVisibleSizes.bottomPanelHeight, + rightPanelWidth: s.layout.recentVisibleSizes.rightPanelWidth + } + }; + }, + { persistence: "session" } + ); + }, + togglePanel(i) { + return e.setState( + (s) => { + let l = O6(s), u = typeof i == "boolean" ? i : !l; + return u === l ? { layout: s.layout } : u ? { + layout: { + ...s.layout, + bottomPanelHeight: s.layout.recentVisibleSizes.bottomPanelHeight, + rightPanelWidth: s.layout.recentVisibleSizes.rightPanelWidth + } + } : { + layout: { + ...s.layout, + bottomPanelHeight: 0, + rightPanelWidth: 0, + recentVisibleSizes: dg(s.layout) + } + }; + }, + { persistence: "session" } + ); + }, + togglePanelPosition(i) { + return e.setState( + (s) => { + let l = i || (s.layout.panelPosition === "right" ? "bottom" : "right"); + return { + layout: { + ...s.layout, + panelPosition: l, + bottomPanelHeight: s.layout.recentVisibleSizes.bottomPanelHeight, + rightPanelWidth: s.layout.recentVisibleSizes.rightPanelWidth + } + }; + }, + { persistence: "permanent" } + ); + }, + toggleNav(i) { + return e.setState( + (s) => { + if (s.singleStory) + return { layout: s.layout }; + let l = F6(s), u = typeof i == "boolean" ? i : !l; + return u === l ? { layout: s.layout } : u ? { + layout: { + ...s.layout, + navSize: s.layout.recentVisibleSizes.navSize + } + } : { + layout: { + ...s.layout, + navSize: 0, + recentVisibleSizes: dg(s.layout) + } + }; + }, + { persistence: "session" } + ); + }, + toggleToolbar(i) { + return e.setState( + (s) => { + let l = typeof i < "u" ? i : !s.layout.showToolbar; + return { + layout: { + ...s.layout, + showToolbar: l + } + }; + }, + { persistence: "session" } + ); + }, + setSizes({ + navSize: i, + bottomPanelHeight: s, + rightPanelWidth: l + }) { + return e.setState( + (u) => { + let c = { + ...u.layout, + navSize: i ?? u.layout.navSize, + bottomPanelHeight: s ?? u.layout.bottomPanelHeight, + rightPanelWidth: l ?? u.layout.rightPanelWidth + }; + return { + layout: { + ...c, + recentVisibleSizes: dg(c) + } + }; + }, + { persistence: "session" } + ); + }, + focusOnUIElement(i, s) { + if (!i) + return; + let l = Uce.getElementById(i); + l && (l.focus(), s && l.select()); + }, + getInitialOptions() { + let { theme: i, selectedPanel: s, ...l } = t.getConfig(); + return { + ...Pr, + layout: { + ...Mf( + Pr.layout, + us(l, Object.keys(Pr.layout)) + ), + ...r && { navSize: 0 } + }, + ui: Mf(Pr.ui, us(l, Object.keys(Pr.ui))), + selectedPanel: s || Pr.selectedPanel, + theme: i || Pr.theme + }; + }, + getIsFullscreen() { + return hL(e.getState()); + }, + getIsPanelShown() { + return O6(e.getState()); + }, + getIsNavShown() { + return F6(e.getState()); + }, + setOptions: /* @__PURE__ */ a((i) => { + let { layout: s, ui: l, selectedPanel: u, theme: c } = e.getState(); + if (!i) + return; + let p = { + ...s, + ...i.layout || {}, + ...us(i, Object.keys(s)), + ...r && { navSize: 0 } + }, h = { + ...l, + ...i.ui, + ...Mf(i.ui || {}, us(i, Object.keys(l))) + }, m = { + ...c, + ...i.theme + }, g = {}; + In(l, h) || (g.ui = h), In(s, p) || (g.layout = p), i.selectedPanel && !In(u, i.selectedPanel) && (g.selectedPanel = i.selectedPanel), + Object.keys(g).length && e.setState(g, { persistence: "permanent" }), In(c, m) || e.setState({ theme: m }); + }, "setOptions") + }, o = us(e.getState(), ["layout", "selectedPanel"]); + return t.channel?.on(Go, () => { + n.setOptions(Fn(n.getInitialOptions(), o)); + }), { + api: n, + state: Fn(n.getInitialOptions(), o) + }; +}, "init"); + +// src/manager-api/modules/notifications.ts +var L6 = {}; +he(L6, { + init: () => qce +}); +var qce = /* @__PURE__ */ a(({ store: e }) => ({ api: { + addNotification: /* @__PURE__ */ a((n) => { + e.setState(({ notifications: o }) => { + let [i, s] = Km(o, (l) => l.id === n.id); + return i.forEach((l) => { + l.onClear && l.onClear({ dismissed: !1, timeout: !1 }); + }), { notifications: [...s, n] }; + }); + }, "addNotification"), + clearNotification: /* @__PURE__ */ a((n) => { + e.setState(({ notifications: o }) => { + let [i, s] = Km(o, (l) => l.id === n); + return i.forEach((l) => { + l.onClear && l.onClear({ dismissed: !1, timeout: !1 }); + }), { notifications: s }; + }); + }, "clearNotification") +}, state: { notifications: [] } }), "init"); + +// src/manager-api/modules/provider.ts +var N6 = {}; +he(N6, { + init: () => Gce +}); +var Gce = /* @__PURE__ */ a(({ provider: e, fullAPI: t }) => ({ + api: e.renderPreview ? { renderPreview: e.renderPreview } : {}, + state: {}, + init: /* @__PURE__ */ a(() => { + e.handleAPI(t); + }, "init") +}), "init"); + +// src/manager-api/modules/settings.ts +var M6 = {}; +he(M6, { + init: () => Yce +}); +var Yce = /* @__PURE__ */ a(({ store: e, navigate: t, fullAPI: r }) => ({ + state: { settings: { lastTrackedStoryId: null } }, + api: { + closeSettings: /* @__PURE__ */ a(() => { + let { + settings: { lastTrackedStoryId: i } + } = e.getState(); + i ? r.selectStory(i) : r.selectFirstStory(); + }, "closeSettings"), + changeSettingsTab: /* @__PURE__ */ a((i) => { + t(`/settings/${i}`); + }, "changeSettingsTab"), + isSettingsScreenActive: /* @__PURE__ */ a(() => { + let { path: i } = r.getUrlState(); + return !!(i || "").match(/^\/settings/); + }, "isSettingsScreenActive"), + retrieveSelection() { + let { settings: i } = e.getState(); + return i.lastTrackedStoryId; + }, + storeSelection: /* @__PURE__ */ a(async () => { + let { storyId: i, settings: s } = e.getState(); + await e.setState({ + settings: { ...s, lastTrackedStoryId: i } + }); + }, "storeSelection") + } +}), "init"); + +// src/manager-api/modules/shortcuts.ts +var j6 = {}; +he(j6, { + controlOrMetaKey: () => tc, + defaultShortcuts: () => rc, + init: () => tpe, + isMacLike: () => wL, + keys: () => H6 +}); +We(); + +// src/manager-api/lib/shortcut.ts +We(); +var { navigator: B6 } = H, mg = /* @__PURE__ */ a(() => B6 && B6.platform ? !!B6.platform.match(/(Mac|iPhone|iPod|iPad)/i) : !1, "isMacLike"), +Kce = /* @__PURE__ */ a(() => mg() ? "\u2318" : "ctrl", "controlOrMetaSymbol"), Xce = /* @__PURE__ */ a(() => mg() ? "meta" : "control", "co\ +ntrolOrMetaKey"), gL = /* @__PURE__ */ a(() => mg() ? "\u2325" : "alt", "optionOrAltSymbol"), Qce = /* @__PURE__ */ a((e, t) => JSON.stringify( +e) === JSON.stringify(t), "isShortcutTaken"), gg = /* @__PURE__ */ a((e) => { + if (["Meta", "Alt", "Control", "Shift"].includes(e.key)) + return null; + let t = []; + if (e.altKey && t.push("alt"), e.ctrlKey && t.push("control"), e.metaKey && t.push("meta"), e.shiftKey && t.push("shift"), e.key && e.key. + length === 1 && e.key !== " ") { + let r = e.key.toUpperCase(), n = e.code?.toUpperCase().replace("KEY", "").replace("DIGIT", ""); + n && n.length === 1 && n !== r ? t.push([r, n]) : t.push(r); + } + return e.key === " " && t.push("space"), e.key === "Escape" && t.push("escape"), e.key === "ArrowRight" && t.push("ArrowRight"), e.key === + "ArrowDown" && t.push("ArrowDown"), e.key === "ArrowUp" && t.push("ArrowUp"), e.key === "ArrowLeft" && t.push("ArrowLeft"), t.length > 0 ? + t : null; +}, "eventToShortcut"), vg = /* @__PURE__ */ a((e, t) => !e || !t || (e.join("").startsWith("shift/") && e.shift(), e.length !== t.length) ? !1 : +!e.find( + (r, n) => Array.isArray(r) ? !r.includes(t[n]) : r !== t[n] +), "shortcutMatchesShortcut"), Jce = /* @__PURE__ */ a((e, t) => vg(gg(e), t), "eventMatchesShortcut"), vL = /* @__PURE__ */ a((e) => e === "\ +alt" ? gL() : e === "control" ? "\u2303" : e === "meta" ? "\u2318" : e === "shift" ? "\u21E7\u200B" : e === "Enter" || e === "Backspace" || e === +"Esc" || e === "escape" ? "" : e === " " ? "SPACE" : e === "ArrowUp" ? "\u2191" : e === "ArrowDown" ? "\u2193" : e === "ArrowLeft" ? "\u2190" : +e === "ArrowRight" ? "\u2192" : e.toUpperCase(), "keyToSymbol"), Zce = /* @__PURE__ */ a((e) => e.map(vL).join(" "), "shortcutToHumanString"); + +// src/manager-api/modules/shortcuts.ts +var { navigator: $6, document: yL } = H, wL = /* @__PURE__ */ a(() => $6 && $6.platform ? !!$6.platform.match(/(Mac|iPhone|iPod|iPad)/i) : !1, +"isMacLike"), tc = /* @__PURE__ */ a(() => wL() ? "meta" : "control", "controlOrMetaKey"); +function H6(e) { + return Object.keys(e); +} +a(H6, "keys"); +var rc = Object.freeze({ + fullScreen: ["alt", "F"], + togglePanel: ["alt", "A"], + panelPosition: ["alt", "D"], + toggleNav: ["alt", "S"], + toolbar: ["alt", "T"], + search: [tc(), "K"], + focusNav: ["1"], + focusIframe: ["2"], + focusPanel: ["3"], + prevComponent: ["alt", "ArrowUp"], + nextComponent: ["alt", "ArrowDown"], + prevStory: ["alt", "ArrowLeft"], + nextStory: ["alt", "ArrowRight"], + shortcutsPage: [tc(), "shift", ","], + aboutPage: [tc(), ","], + escape: ["escape"], + // This one is not customizable + collapseAll: [tc(), "shift", "ArrowUp"], + expandAll: [tc(), "shift", "ArrowDown"], + remount: ["alt", "R"] +}), z6 = {}; +function epe(e) { + let t = e.target; + return /input|textarea/i.test(t.tagName) || t.getAttribute("contenteditable") !== null; +} +a(epe, "focusInInput"); +var tpe = /* @__PURE__ */ a(({ store: e, fullAPI: t, provider: r }) => { + let n = { + // Getting and setting shortcuts + getShortcutKeys() { + return e.getState().shortcuts; + }, + getDefaultShortcuts() { + return { + ...rc, + ...n.getAddonsShortcutDefaults() + }; + }, + getAddonsShortcuts() { + return z6; + }, + getAddonsShortcutLabels() { + let l = {}; + return Object.entries(n.getAddonsShortcuts()).forEach(([u, { label: c }]) => { + l[u] = c; + }), l; + }, + getAddonsShortcutDefaults() { + let l = {}; + return Object.entries(n.getAddonsShortcuts()).forEach(([u, { defaultShortcut: c }]) => { + l[u] = c; + }), l; + }, + async setShortcuts(l) { + return await e.setState({ shortcuts: l }, { persistence: "permanent" }), l; + }, + async restoreAllDefaultShortcuts() { + return n.setShortcuts(n.getDefaultShortcuts()); + }, + async setShortcut(l, u) { + let c = n.getShortcutKeys(); + return await n.setShortcuts({ ...c, [l]: u }), u; + }, + async setAddonShortcut(l, u) { + let c = n.getShortcutKeys(); + return await n.setShortcuts({ + ...c, + [`${l}-${u.actionName}`]: u.defaultShortcut + }), z6[`${l}-${u.actionName}`] = u, u; + }, + async restoreDefaultShortcut(l) { + let u = n.getDefaultShortcuts()[l]; + return n.setShortcut(l, u); + }, + // Listening to shortcut events + handleKeydownEvent(l) { + let u = gg(l), c = n.getShortcutKeys(), h = H6(c).find( + (m) => vg(u, c[m]) + ); + h && n.handleShortcutFeature(h, l); + }, + // warning: event might not have a full prototype chain because it may originate from the channel + handleShortcutFeature(l, u) { + let { + ui: { enableShortcuts: c }, + storyId: p + } = e.getState(); + if (c) + switch (u?.preventDefault && u.preventDefault(), l) { + case "escape": { + t.getIsFullscreen() ? t.toggleFullscreen(!1) : t.getIsNavShown() && t.toggleNav(!0); + break; + } + case "focusNav": { + t.getIsFullscreen() && t.toggleFullscreen(!1), t.getIsNavShown() || t.toggleNav(!0), t.focusOnUIElement(Gf.storyListMenu); + break; + } + case "search": { + t.getIsFullscreen() && t.toggleFullscreen(!1), t.getIsNavShown() || t.toggleNav(!0), setTimeout(() => { + t.focusOnUIElement(Gf.storySearchField, !0); + }, 0); + break; + } + case "focusIframe": { + let h = yL.getElementById("storybook-preview-iframe"); + if (h) + try { + h.contentWindow.focus(); + } catch { + } + break; + } + case "focusPanel": { + t.getIsFullscreen() && t.toggleFullscreen(!1), t.getIsPanelShown() || t.togglePanel(!0), t.focusOnUIElement(Gf.storyPanelRoot); + break; + } + case "nextStory": { + t.jumpToStory(1); + break; + } + case "prevStory": { + t.jumpToStory(-1); + break; + } + case "nextComponent": { + t.jumpToComponent(1); + break; + } + case "prevComponent": { + t.jumpToComponent(-1); + break; + } + case "fullScreen": { + t.toggleFullscreen(); + break; + } + case "togglePanel": { + t.togglePanel(); + break; + } + case "toggleNav": { + t.toggleNav(); + break; + } + case "toolbar": { + t.toggleToolbar(); + break; + } + case "panelPosition": { + t.getIsFullscreen() && t.toggleFullscreen(!1), t.getIsPanelShown() || t.togglePanel(!0), t.togglePanelPosition(); + break; + } + case "aboutPage": { + t.navigate("/settings/about"); + break; + } + case "shortcutsPage": { + t.navigate("/settings/shortcuts"); + break; + } + case "collapseAll": { + t.emit(Yg); + break; + } + case "expandAll": { + t.emit(Kg); + break; + } + case "remount": { + t.emit($g, { storyId: p }); + break; + } + default: + z6[l].action(); + break; + } + } + }, { shortcuts: o = rc } = e.getState(), i = { + // Any saved shortcuts that are still in our set of defaults + shortcuts: H6(rc).reduce( + (l, u) => ({ ...l, [u]: o[u] || rc[u] }), + rc + ) + }; + return { api: n, state: i, init: /* @__PURE__ */ a(() => { + yL.addEventListener("keydown", (l) => { + epe(l) || n.handleKeydownEvent(l); + }), r.channel?.on(jg, (l) => { + n.handleKeydownEvent(l.event); + }); + }, "initModule") }; +}, "init"); + +// src/manager-api/modules/stories.ts +var U6 = {}; +he(U6, { + init: () => ape +}); +We(); +Ft(); +var { fetch: rpe } = H, npe = "./index.json", ope = ["enableShortcuts", "theme", "showRoots"]; +function V6(e) { + if (!e || typeof e == "string") + return e; + let t = { ...e }; + return ope.forEach((r) => { + r in t && delete t[r]; + }), t; +} +a(V6, "removeRemovedOptions"); +var ape = /* @__PURE__ */ a(({ + fullAPI: e, + store: t, + navigate: r, + provider: n, + storyId: o, + viewMode: i, + docsOptions: s = {} +}) => { + let l = { + storyId: kf, + getData: /* @__PURE__ */ a((c, p) => { + let h = l.resolveStory(c, p); + if (h?.type === "story" || h?.type === "docs") + return h; + }, "getData"), + isPrepared: /* @__PURE__ */ a((c, p) => { + let h = l.getData(c, p); + return h ? h.type === "story" ? h.prepared : !0 : !1; + }, "isPrepared"), + resolveStory: /* @__PURE__ */ a((c, p) => { + let { refs: h, index: m } = t.getState(); + if (!(p && !h[p])) + return p ? h[p].index ? h[p].index[c] : void 0 : m ? m[c] : void 0; + }, "resolveStory"), + getCurrentStoryData: /* @__PURE__ */ a(() => { + let { storyId: c, refId: p } = t.getState(); + return l.getData(c, p); + }, "getCurrentStoryData"), + getParameters: /* @__PURE__ */ a((c, p) => { + let { storyId: h, refId: m } = typeof c == "string" ? { storyId: c, refId: void 0 } : c, g = l.getData(h, m); + if (["story", "docs"].includes(g?.type)) { + let { parameters: S } = g; + if (S) + return p ? S[p] : S; + } + return null; + }, "getParameters"), + getCurrentParameter: /* @__PURE__ */ a((c) => { + let { storyId: p, refId: h } = t.getState(); + return l.getParameters({ storyId: p, refId: h }, c) || void 0; + }, "getCurrentParameter"), + jumpToComponent: /* @__PURE__ */ a((c) => { + let { index: p, storyId: h, refs: m, refId: g } = t.getState(); + if (!l.getData(h, g)) + return; + let v = g ? m[g].index || {} : p; + if (!v) + return; + let b = l.findSiblingStoryId(h, v, c, !0); + b && l.selectStory(b, void 0, { ref: g }); + }, "jumpToComponent"), + jumpToStory: /* @__PURE__ */ a((c) => { + let { index: p, storyId: h, refs: m, refId: g } = t.getState(), S = l.getData(h, g); + if (!S) + return; + let v = S.refId ? m[S.refId].index : p; + if (!v) + return; + let b = l.findSiblingStoryId(h, v, c, !1); + b && l.selectStory(b, void 0, { ref: g }); + }, "jumpToStory"), + selectFirstStory: /* @__PURE__ */ a(() => { + let { index: c } = t.getState(); + if (!c) + return; + let p = Object.keys(c).find((h) => c[h].type === "story"); + if (p) { + l.selectStory(p); + return; + } + r("/"); + }, "selectFirstStory"), + selectStory: /* @__PURE__ */ a((c = void 0, p = void 0, h = {}) => { + let { ref: m } = h, { storyId: g, index: S, refs: v } = t.getState(), b = m ? v[m].index : S, w = g?.split("--", 2)[0]; + if (b) + if (p) + if (c) { + let y = m ? `${m}_${kf(c, p)}` : kf(c, p); + if (b[y]) + l.selectStory(y, void 0, h); + else { + let E = b[ao(c)]; + if (E?.type === "component") { + let x = E.children.find((C) => b[C].name === p); + x && l.selectStory(x, void 0, h); + } + } + } else { + let y = kf(w, p); + l.selectStory(y, void 0, h); + } + else { + let y = c ? b[c] || b[ao(c)] : b[w]; + if (!y) + throw new Error(`Unknown id or title: '${c}'`); + t.setState({ + settings: { ...t.getState().settings, lastTrackedStoryId: y.id } + }); + let E = l.findLeafEntry(b, y.id), x = E.refId ? `${E.refId}_${E.id}` : E.id; + r(`/${E.type}/${x}`); + } + }, "selectStory"), + findLeafEntry(c, p) { + let h = c[p]; + if (h.type === "docs" || h.type === "story") + return h; + let m = h.children[0]; + return l.findLeafEntry(c, m); + }, + findLeafStoryId(c, p) { + return l.findLeafEntry(c, p)?.id; + }, + findSiblingStoryId(c, p, h, m) { + if (m) { + let v = uL(p), b = v.findIndex((w) => w.includes(c)); + return b === v.length - 1 && h > 0 || b === 0 && h < 0 ? void 0 : v[b + h] ? v[b + h][0] : void 0; + } + let g = cL(p), S = g.indexOf(c); + if (!(S === g.length - 1 && h > 0) && !(S === 0 && h < 0)) + return g[S + h]; + }, + updateStoryArgs: /* @__PURE__ */ a((c, p) => { + let { id: h, refId: m } = c; + n.channel?.emit(r2, { + storyId: h, + updatedArgs: p, + options: { target: m } + }); + }, "updateStoryArgs"), + resetStoryArgs: /* @__PURE__ */ a((c, p) => { + let { id: h, refId: m } = c; + n.channel?.emit(Vg, { + storyId: h, + argNames: p, + options: { target: m } + }); + }, "resetStoryArgs"), + fetchIndex: /* @__PURE__ */ a(async () => { + try { + let c = await rpe(npe); + if (c.status !== 200) + throw new Error(await c.text()); + let p = await c.json(); + if (p.v < 3) { + ge.warn(`Skipping story index with version v${p.v}, awaiting SET_STORIES.`); + return; + } + await l.setIndex(p); + } catch (c) { + await t.setState({ indexError: c }); + } + }, "fetchIndex"), + // The story index we receive on SET_INDEX is "prepared" in that it has parameters + // The story index we receive on fetchStoryIndex is not, but all the prepared fields are optional + // so we can cast one to the other easily enough + setIndex: /* @__PURE__ */ a(async (c) => { + let { index: p, status: h, filters: m } = t.getState(), g = fg(c, { + provider: n, + docsOptions: s, + status: h, + filters: m + }), S = lL(g, p); + await t.setState({ internal_index: c, index: S, indexError: void 0 }); + }, "setIndex"), + updateStory: /* @__PURE__ */ a(async (c, p, h) => { + if (h) { + let { id: m, index: g } = h; + g[c] = { + ...g[c], + ...p + }, await e.updateRef(m, { index: g }); + } else { + let { index: m } = t.getState(); + if (!m) + return; + m[c] = { + ...m[c], + ...p + }, await t.setState({ index: m }); + } + }, "updateStory"), + updateDocs: /* @__PURE__ */ a(async (c, p, h) => { + if (h) { + let { id: m, index: g } = h; + g[c] = { + ...g[c], + ...p + }, await e.updateRef(m, { index: g }); + } else { + let { index: m } = t.getState(); + if (!m) + return; + m[c] = { + ...m[c], + ...p + }, await t.setState({ index: m }); + } + }, "updateDocs"), + setPreviewInitialized: /* @__PURE__ */ a(async (c) => { + c ? e.updateRef(c.id, { previewInitialized: !0 }) : t.setState({ previewInitialized: !0 }); + }, "setPreviewInitialized"), + /* EXPERIMENTAL APIs */ + experimental_updateStatus: /* @__PURE__ */ a(async (c, p) => { + let { status: h, internal_index: m } = t.getState(), g = { ...h }, S = typeof p == "function" ? p(h) : p; + if (!(!c || Object.keys(S).length === 0) && (Object.entries(S).forEach(([v, b]) => { + !v || typeof b != "object" || (g[v] = { ...g[v] || {} }, b === null ? delete g[v][c] : g[v][c] = b, Object.keys(g[v]).length === 0 && + delete g[v]); + }), await t.setState({ status: g }, { persistence: "session" }), m)) { + await l.setIndex(m); + let v = await e.getRefs(); + Object.entries(v).forEach(([b, { internal_index: w, ...y }]) => { + e.setRef(b, { ...y, storyIndex: w }, !0); + }); + } + }, "experimental_updateStatus"), + experimental_setFilter: /* @__PURE__ */ a(async (c, p) => { + await t.setState({ filters: { ...t.getState().filters, [c]: p } }); + let { internal_index: h } = t.getState(); + if (!h) + return; + await l.setIndex(h); + let m = await e.getRefs(); + Object.entries(m).forEach(([g, { internal_index: S, ...v }]) => { + e.setRef(g, { ...v, storyIndex: S }, !0); + }), n.channel?.emit(Wg, { id: c }); + }, "experimental_setFilter") + }; + n.channel?.on( + Zg, + /* @__PURE__ */ a(function({ + storyId: p, + viewMode: h + }) { + let { sourceType: m } = Jt(this, e); + if (m === "local") { + let g = t.getState(), S = g.path === "/" || g.viewMode === "story" || g.viewMode === "docs", v = g.viewMode && g.storyId, b = g.viewMode !== + h || g.storyId !== p, { type: w } = g.index?.[g.storyId] || {}; + S && (v && b && !(w === "root" || w === "component" || w === "group") ? n.channel?.emit(pc, { + storyId: g.storyId, + viewMode: g.viewMode + }) : b && r(`/${h}/${p}`)); + } + }, "handler") + ), n.channel?.on(Mg, /* @__PURE__ */ a(function() { + let { ref: p } = Jt(this, e); + l.setPreviewInitialized(p); + }, "handler")), n.channel?.on(hc, /* @__PURE__ */ a(function() { + let { sourceType: p } = Jt(this, e); + if (p === "local") { + let h = l.getCurrentParameter("options"); + h && e.setOptions(V6(h)); + } + }, "handler")), n.channel?.on( + Jg, + /* @__PURE__ */ a(function({ id: p, ...h }) { + let { ref: m, sourceType: g } = Jt(this, e); + if (l.updateStory(p, { ...h, prepared: !0 }, m), !m && !t.getState().hasCalledSetOptions) { + let { options: S } = h.parameters; + e.setOptions(V6(S)), t.setState({ hasCalledSetOptions: !0 }); + } + if (g === "local") { + let { storyId: S, index: v, refId: b } = t.getState(); + if (!v) + return; + let w = Array.from( + /* @__PURE__ */ new Set([ + l.findSiblingStoryId(S, v, 1, !0), + l.findSiblingStoryId(S, v, -1, !0) + ]) + ).filter(Boolean); + n.channel?.emit(Hg, { + ids: w, + options: { target: b } + }); + } + }, "handler") + ), n.channel?.on( + Bg, + /* @__PURE__ */ a(function({ id: p, ...h }) { + let { ref: m } = Jt(this, e); + l.updateStory(p, { ...h, prepared: !0 }, m); + }, "handler") + ), n.channel?.on(Gg, /* @__PURE__ */ a(function(p) { + let { ref: h } = Jt(this, e); + if (h) + e.setRef(h.id, { ...h, storyIndex: p }, !0); + else { + l.setIndex(p); + let m = l.getCurrentParameter("options"); + e.setOptions(V6(m)); + } + }, "handler")), n.channel?.on(fc, /* @__PURE__ */ a(function(p) { + let { ref: h } = Jt(this, e), m = p.v ? iL(p) : p.stories; + if (h) + e.setRef(h.id, { ...h, setStoriesData: m }, !0); + else + throw new Error("Cannot call SET_STORIES for local frame"); + }, "handler")), n.channel?.on( + Ug, + /* @__PURE__ */ a(function({ + kind: p, + title: h = p, + story: m, + name: g = m, + storyId: S, + ...v + }) { + let { ref: b } = Jt(this, e); + b ? e.selectStory(S || h, g, { ...v, ref: b.id }) : e.selectStory(S || h, g, v); + }, "handler") + ), n.channel?.on( + dc, + /* @__PURE__ */ a(function({ storyId: p, args: h }) { + let { ref: m } = Jt(this, e); + l.updateStory(p, { args: h }, m); + }, "handleStoryArgsUpdated") + ), n.channel?.on(Ng, /* @__PURE__ */ a(function(p) { + let { ref: h } = Jt(this, e); + l.setPreviewInitialized(h); + }, "handleConfigError")), n.channel?.on(Qg, /* @__PURE__ */ a(function(p) { + let { ref: h } = Jt(this, e); + l.setPreviewInitialized(h); + }, "handleConfigError")), n.channel?.on(Go, () => { + let c = n.getConfig(); + c?.sidebar?.filters && t.setState({ + filters: { + ...t.getState().filters, + ...c?.sidebar?.filters + } + }); + }); + let u = n.getConfig(); + return { + api: l, + state: { + storyId: o, + viewMode: i, + hasCalledSetOptions: !1, + previewInitialized: !1, + status: {}, + filters: u?.sidebar?.filters || {} + }, + init: /* @__PURE__ */ a(async () => { + n.channel?.on(Xg, () => l.fetchIndex()), await l.fetchIndex(); + }, "init") + }; +}, "init"); + +// src/manager-api/modules/url.ts +var G6 = {}; +he(G6, { + init: () => spe +}); +We(); +var { window: W6 } = H, ds = /* @__PURE__ */ a((e) => { + if (e === "true" || e === "1") + return !0; + if (e === "false" || e === "0") + return !1; +}, "parseBoolean"), q6, ipe = /* @__PURE__ */ a(({ + state: { location: e, path: t, viewMode: r, storyId: n }, + singleStory: o +}) => { + let { + full: i, + panel: s, + nav: l, + shortcuts: u, + addonPanel: c, + tabs: p, + path: h, + ...m + // the rest gets passed to the iframe + } = zf(e), g, S, v; + ds(i) === !0 ? (g = 0, S = 0, v = 0) : ds(i) === !1 && (g = Pr.layout.navSize, S = Pr.layout.bottomPanelHeight, v = Pr.layout.rightPanelWidth), + o || (ds(l) === !0 && (g = Pr.layout.navSize), ds(l) === !1 && (g = 0)), ds(s) === !1 && (S = 0, v = 0); + let b = { + navSize: g, + bottomPanelHeight: S, + rightPanelWidth: v, + panelPosition: ["right", "bottom"].includes(s) ? s : void 0, + showTabs: ds(p) + }, w = { + enableShortcuts: ds(u) + }, y = c || void 0, E = n, x = en(q6, m) ? q6 : m; + return q6 = x, { viewMode: r, layout: b, ui: w, selectedPanel: y, location: e, path: t, customQueryParams: x, storyId: E }; +}, "initialUrlSupport"), spe = /* @__PURE__ */ a((e) => { + let { store: t, navigate: r, provider: n, fullAPI: o } = e, i = /* @__PURE__ */ a((c, p = {}, h = {}) => { + let m = Object.entries(p).filter(([, S]) => S).sort(([S], [v]) => S < v ? -1 : 1).map(([S, v]) => `${S}=${v}`), g = [c, ...m].join("&"); + return r(g, h); + }, "navigateTo"), s = { + getQueryParam(c) { + let { customQueryParams: p } = t.getState(); + return p ? p[c] : void 0; + }, + getUrlState() { + let { path: c, customQueryParams: p, storyId: h, url: m, viewMode: g } = t.getState(); + return { path: c, queryParams: p, storyId: h, url: m, viewMode: g }; + }, + setQueryParams(c) { + let { customQueryParams: p } = t.getState(), h = {}, m = { + ...p, + ...Object.entries(c).reduce((g, [S, v]) => (v !== null && (g[S] = v), g), h) + }; + en(p, m) || (t.setState({ customQueryParams: m }), n.channel?.emit(t2, m)); + }, + applyQueryParams(c, p) { + let { path: h, queryParams: m } = s.getUrlState(); + i(h, { ...m, ...c }, p), s.setQueryParams(c); + }, + navigateUrl(c, p) { + r(c, { plain: !0, ...p }); + } + }, l = /* @__PURE__ */ a(() => { + let { path: c, queryParams: p, viewMode: h } = s.getUrlState(); + if (h !== "story") + return; + let m = o.getCurrentStoryData(); + if (m?.type !== "story") + return; + let { args: g, initialArgs: S } = m, v = og(S, g); + i(c, { ...p, args: v }, { replace: !0 }), s.setQueryParams({ args: v }); + }, "updateArgsParam"); + n.channel?.on(pc, () => l()); + let u; + return n.channel?.on(dc, () => { + "requestIdleCallback" in W6 ? (u && W6.cancelIdleCallback(u), u = W6.requestIdleCallback(l, { timeout: 1e3 })) : (u && clearTimeout(u), setTimeout( + l, 100)); + }), n.channel?.on(cc, ({ userGlobals: c, initialGlobals: p }) => { + let { path: h, queryParams: m } = s.getUrlState(), g = og(p, c); + i(h, { ...m, globals: g }, { replace: !0 }), s.setQueryParams({ globals: g }); + }), n.channel?.on(zg, (c, p) => { + s.navigateUrl(c, p); + }), { + api: s, + state: ipe(e) + }; +}, "init"); + +// src/manager-api/modules/versions.ts +var db = {}; +he(db, { + init: () => o0e +}); +We(); +var dM = I(Hn(), 1), on = I(cM(), 1); + +// src/manager-api/version.ts +var pM = "8.4.7"; + +// src/manager-api/modules/versions.ts +var { VERSIONCHECK: r0e } = H, fM = (0, dM.default)(1)(() => { + try { + return { ...JSON.parse(r0e).data || {} }; + } catch { + return {}; + } +}), n0e = /* @__PURE__ */ a((e) => e.includes("vue") ? "vue" : e, "normalizeRendererName"), o0e = /* @__PURE__ */ a(({ store: e }) => { + let { dismissedVersionNotification: t } = e.getState(), r = { + versions: { + current: { + version: pM + }, + ...fM() + }, + dismissedVersionNotification: t + }, n = { + getCurrentVersion: /* @__PURE__ */ a(() => { + let { + versions: { current: i } + } = e.getState(); + return i; + }, "getCurrentVersion"), + getLatestVersion: /* @__PURE__ */ a(() => { + let { + versions: { latest: i, next: s, current: l } + } = e.getState(); + return l && on.default.prerelease(l.version) && s ? i && on.default.gt(i.version, s.version) ? i : s : i; + }, "getLatestVersion"), + // TODO: Move this to it's own "info" module later + getDocsUrl: /* @__PURE__ */ a(({ subpath: i, versioned: s, renderer: l }) => { + let { + versions: { latest: u, current: c } + } = e.getState(), p = "https://storybook.js.org/docs/"; + if (s && c?.version && u?.version) { + let g = on.default.diff(u.version, c.version); + g === "patch" || g === null || (p += `${on.default.major(c.version)}.${on.default.minor(c.version)}/`); + } + let [h, m] = i?.split("#") || []; + if (h && (p += `${h}/`), l && typeof H.STORYBOOK_RENDERER < "u") { + let g = H.STORYBOOK_RENDERER; + g && (p += `?renderer=${n0e(g)}`); + } + return m && (p += `#${m}`), p; + }, "getDocsUrl"), + versionUpdateAvailable: /* @__PURE__ */ a(() => { + let i = n.getLatestVersion(), s = n.getCurrentVersion(); + if (i) { + if (!i.version || !s.version) + return !0; + let u = !!on.default.prerelease(s.version) ? `${on.default.major(s.version)}.${on.default.minor(s.version)}.${on.default.patch( + s.version + )}` : s.version, c = on.default.diff(u, i.version); + return on.default.gt(i.version, u) && c !== "patch" && !c.includes("pre"); + } + return !1; + }, "versionUpdateAvailable") + }; + return { init: /* @__PURE__ */ a(async () => { + let { versions: i = {} } = e.getState(), { latest: s, next: l } = fM(); + await e.setState({ + versions: { ...i, latest: s, next: l } + }); + }, "initModule"), state: r, api: n }; +}, "init"); + +// src/manager-api/modules/whatsnew.tsx +var hb = {}; +he(hb, { + init: () => a0e +}); +var mM = I(O(), 1); +We(); +var hM = "whats-new", a0e = /* @__PURE__ */ a(({ fullAPI: e, store: t, provider: r }) => { + let n = { + whatsNewData: void 0 + }; + function o(c) { + t.setState({ whatsNewData: c }), n.whatsNewData = c; + } + a(o, "setWhatsNewState"); + let i = { + isWhatsNewUnread() { + return n.whatsNewData?.status === "SUCCESS" && !n.whatsNewData.postIsRead; + }, + whatsNewHasBeenRead() { + n.whatsNewData?.status === "SUCCESS" && (l({ lastReadPost: n.whatsNewData.url }), o({ ...n.whatsNewData, postIsRead: !0 }), e.clearNotification( + hM)); + }, + toggleWhatsNewNotifications() { + n.whatsNewData?.status === "SUCCESS" && (o({ + ...n.whatsNewData, + disableWhatsNewNotifications: !n.whatsNewData.disableWhatsNewNotifications + }), r.channel?.emit(i2, { + disableWhatsNewNotifications: n.whatsNewData.disableWhatsNewNotifications + })); + } + }; + function s() { + return r.channel?.emit(n2), new Promise( + (c) => r.channel?.once( + o2, + ({ data: p }) => c(p) + ) + ); + } + a(s, "getLatestWhatsNewPost"); + function l(c) { + r.channel?.emit(a2, c); + } + return a(l, "setWhatsNewCache"), { init: /* @__PURE__ */ a(async () => { + if (H.CONFIG_TYPE !== "DEVELOPMENT") + return; + let c = await s(); + o(c); + let p = e.getUrlState(); + !(p?.path === "/onboarding" || p.queryParams?.onboarding === "true") && c.status === "SUCCESS" && !c.disableWhatsNewNotifications && c.showNotification && + e.addNotification({ + id: hM, + link: "/settings/whats-new", + content: { + headline: c.title, + subHeadline: "Learn what's new in Storybook" + }, + icon: /* @__PURE__ */ mM.default.createElement(C3, null), + onClear({ dismissed: m }) { + m && l({ lastDismissedPost: c.url }); + } + }); + }, "initModule"), state: n, api: i }; +}, "init"); + +// src/manager-api/store.ts +var ic = I(gM(), 1); + +// src/manager-api/lib/store-setup.ts +var vM = /* @__PURE__ */ a((e) => { + e.fn("set", function(t, r) { + return e.set(this._area, this._in(t), Xs(r, { maxDepth: 50 })); + }), e.fn("get", function(t, r) { + let n = e.get(this._area, this._in(t)); + return n !== null ? Qs(n) : r || n; + }); +}, "default"); + +// src/manager-api/store.ts +vM(ic.default._); +var yM = "@storybook/manager/store"; +function mb(e) { + return e.get(yM) || {}; +} +a(mb, "get"); +function i0e(e, t) { + return e.set(yM, t); +} +a(i0e, "set"); +function s0e(e, t) { + let r = mb(e); + return i0e(e, { ...r, ...t }); +} +a(s0e, "update"); +var gb = class gb { + constructor({ setState: t, getState: r }) { + this.upstreamSetState = t, this.upstreamGetState = r; + } + // The assumption is that this will be called once, to initialize the React state + // when the module is instantiated + getInitialState(t) { + return { ...t, ...mb(ic.default.local), ...mb(ic.default.session) }; + } + getState() { + return this.upstreamGetState(); + } + async setState(t, r, n) { + let o, i; + typeof r == "function" ? (o = r, i = n) : i = r; + let { persistence: s = "none" } = i || {}, l = {}, u = {}; + typeof t == "function" ? l = /* @__PURE__ */ a((p) => (u = t(p), u), "patch") : (l = t, u = l); + let c = await new Promise((p) => { + this.upstreamSetState(l, () => { + p(this.getState()); + }); + }); + if (s !== "none") { + let p = s === "session" ? ic.default.session : ic.default.local; + await s0e(p, u); + } + return o && o(c), c; + } +}; +a(gb, "Store"); +var rd = gb; + +// src/manager-api/lib/request-response.ts +var vb = class vb extends Error { + constructor(r, n) { + super(r); + this.payload = void 0; + this.payload = n; + } +}; +a(vb, "RequestResponseError"); +var nd = vb, l0e = /* @__PURE__ */ a((e, t, r, n, o = 5e3) => { + let i; + return new Promise((s, l) => { + let u = { + id: Math.random().toString(16).slice(2), + payload: n + }, c = /* @__PURE__ */ a((p) => { + p.id === u.id && (clearTimeout(i), e.off(r, c), p.success ? s(p.payload) : l(new nd(p.error, p.payload))); + }, "responseHandler"); + e.emit(t, u), e.on(r, c), i = setTimeout(() => { + e.off(r, c), l(new nd("Timed out waiting for response")); + }, o); + }); +}, "experimental_requestResponse"); + +// src/manager-api/root.tsx +var { ActiveTabs: u0e } = hg; +var od = eL({ api: void 0, state: cg({}) }), T6 = /* @__PURE__ */ a((...e) => tL({}, ...e), "combineParameters"), kg = class kg extends be.Component { + constructor(r) { + super(r); + this.api = {}; + this.initModules = /* @__PURE__ */ a(() => { + this.modules.forEach((r) => { + "init" in r && r.init(); + }); + }, "initModules"); + let { + location: n, + path: o, + refId: i, + viewMode: s = r.docsOptions.docsMode ? "docs" : r.viewMode, + singleStory: l, + storyId: u, + docsOptions: c, + navigate: p + } = r, h = new rd({ + getState: /* @__PURE__ */ a(() => this.state, "getState"), + setState: /* @__PURE__ */ a((w, y) => (this.setState(w, () => y(this.state)), this.state), "setState") + }), m = { location: n, path: o, viewMode: s, singleStory: l, storyId: u, refId: i }, g = { docsOptions: c }; + this.state = h.getInitialState(cg({ ...m, ...g })); + let S = { + navigate: p, + store: h, + provider: r.provider + }; + this.modules = [ + N6, + A6, + R6, + hg, + L6, + M6, + j6, + U6, + I6, + P6, + G6, + db, + hb + ].map( + (w) => w.init({ ...m, ...g, ...S, state: this.state, fullAPI: this.api }) + ); + let v = cg(this.state, ...this.modules.map((w) => w.state)), b = Object.assign(this.api, { navigate: p }, ...this.modules.map((w) => w.api)); + this.state = v, this.api = b; + } + static getDerivedStateFromProps(r, n) { + return n.path !== r.path ? { + ...n, + location: r.location, + path: r.path, + refId: r.refId, + viewMode: r.viewMode, + storyId: r.storyId + } : null; + } + shouldComponentUpdate(r, n) { + let o = this.state, i = this.props; + return o !== n || i.path !== r.path; + } + render() { + let { children: r } = this.props, n = { + state: this.state, + api: this.api + }; + return /* @__PURE__ */ be.default.createElement(c0e, { effect: this.initModules }, /* @__PURE__ */ be.default.createElement(od.Provider, + { value: n }, /* @__PURE__ */ be.default.createElement(wM, null, r))); + } +}; +a(kg, "ManagerProvider"), kg.displayName = "Manager"; +var yb = kg, c0e = /* @__PURE__ */ a(({ children: e, effect: t }) => (be.default.useEffect(t, []), e), "EffectOnMount"), p0e = /* @__PURE__ */ a( +(e) => e, "defaultFilter"); +function wM({ + // @ts-expect-error (Converted from ts-ignore) + filter: e = p0e, + children: t +}) { + let r = (0, be.useContext)(od), n = (0, be.useRef)(t), o = (0, be.useRef)(e); + if (typeof n.current != "function") + return /* @__PURE__ */ be.default.createElement(be.Fragment, null, n.current); + let i = o.current(r), s = (0, be.useMemo)(() => [...Object.entries(i).reduce((l, u) => l.concat(u), [])], [r.state]); + return (0, be.useMemo)(() => { + let l = n.current; + return /* @__PURE__ */ be.default.createElement(l, { ...i }); + }, s); +} +a(wM, "ManagerConsumer"); +function f0e() { + let { state: e } = (0, be.useContext)(od); + return { + ...e, + // deprecated fields for back-compat + get storiesHash() { + return So("state.storiesHash is deprecated, please use state.index"), this.index || {}; + }, + get storiesConfigured() { + return So("state.storiesConfigured is deprecated, please use state.previewInitialized"), this.previewInitialized; + }, + get storiesFailed() { + return So("state.storiesFailed is deprecated, please use state.indexError"), this.indexError; + } + }; +} +a(f0e, "useStorybookState"); +function qo() { + let { api: e } = (0, be.useContext)(od); + return e; +} +a(qo, "useStorybookApi"); +function bM(e, t) { + return typeof e > "u" ? t : e; +} +a(bM, "orDefault"); +var SM = /* @__PURE__ */ a((e, t = []) => { + let r = qo(); + return (0, be.useEffect)(() => (Object.entries(e).forEach(([n, o]) => r.on(n, o)), () => { + Object.entries(e).forEach(([n, o]) => r.off(n, o)); + }), t), r.emit; +}, "useChannel"); +function d0e(e) { + return qo().isPrepared(e); +} +a(d0e, "useStoryPrepared"); +function h0e(e, t) { + let n = qo().getCurrentParameter(e); + return bM(n, t); +} +a(h0e, "useParameter"); +globalThis.STORYBOOK_ADDON_STATE = {}; +var { STORYBOOK_ADDON_STATE: uo } = globalThis; +function EM(e, t) { + let r = qo(), n = r.getAddonState(e) || uo[e], o = bM( + n, + uo[e] ? uo[e] : t + ), i = !1; + o === t && t !== void 0 && (uo[e] = t, i = !0), (0, be.useEffect)(() => { + i && r.setAddonState(e, t); + }, [i]); + let s = /* @__PURE__ */ a(async (c, p) => { + await r.setAddonState(e, c, p); + let h = r.getAddonState(e); + return uo[e] = h, h; + }, "setState"), l = (0, be.useMemo)(() => { + let c = { + [`${pd}-client-${e}`]: s, + [`${Za}-client-${e}`]: s + }, p = { + [fc]: async () => { + let h = r.getAddonState(e); + h ? (uo[e] = h, r.emit(`${Za}-manager-${e}`, h)) : uo[e] ? (await s(uo[e]), r.emit(`${Za}-manager-${e}`, uo[e])) : t !== void 0 && (await s( + t), uo[e] = t, r.emit(`${Za}-manager-${e}`, t)); + }, + [hc]: () => { + let h = r.getAddonState(e); + h !== void 0 && r.emit(`${Za}-manager-${e}`, h); + } + }; + return { + ...c, + ...p + }; + }, [e]), u = SM(l); + return [ + o, + async (c, p) => { + await s(c, p); + let h = r.getAddonState(e); + u(`${pd}-manager-${e}`, h); + } + ]; +} +a(EM, "useSharedState"); +function m0e(e, t) { + return EM(e, t); +} +a(m0e, "useAddonState"); +function g0e() { + let { getCurrentStoryData: e, updateStoryArgs: t, resetStoryArgs: r } = qo(), n = e(), o = n?.type === "story" ? n.args : {}, i = n?.type === + "story" ? n.initialArgs : {}, s = (0, be.useCallback)( + (u) => t(n, u), + [n, t] + ), l = (0, be.useCallback)( + (u) => r(n, u), + [n, r] + ); + return [o, s, l, i]; +} +a(g0e, "useArgs"); +function v0e() { + let e = qo(); + return [e.getGlobals(), e.updateGlobals, e.getStoryGlobals(), e.getUserGlobals()]; +} +a(v0e, "useGlobals"); +function y0e() { + return qo().getGlobalTypes(); +} +a(y0e, "useGlobalTypes"); +function w0e() { + let { getCurrentStoryData: e } = qo(); + return e(); +} +a(w0e, "useCurrentStory"); +function b0e() { + let e = w0e(); + return e?.type === "story" && e.argTypes || {}; +} +a(b0e, "useArgTypes"); +var S0e = Wf; + +// src/manager-errors.ts +var ld = {}; +he(ld, { + Category: () => CM, + ProviderDoesNotExtendBaseProviderError: () => wb, + UncaughtManagerError: () => sd +}); + +// src/storybook-error.ts +function xM({ + code: e, + category: t +}) { + let r = String(e).padStart(4, "0"); + return `SB_${t}_${r}`; +} +a(xM, "parseErrorCode"); +var Ig = class Ig extends Error { + constructor(r) { + super(Ig.getFullMessage(r)); + /** + * Data associated with the error. Used to provide additional information in the error message or + * to be passed to telemetry. + */ + this.data = {}; + /** Flag used to easily determine if the error originates from Storybook. */ + this.fromStorybook = !0; + this.category = r.category, this.documentation = r.documentation ?? !1, this.code = r.code; + } + get fullErrorCode() { + return xM({ code: this.code, category: this.category }); + } + /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */ + get name() { + let r = this.constructor.name; + return `${this.fullErrorCode} (${r})`; + } + /** Generates the error message along with additional documentation link (if applicable). */ + static getFullMessage({ + documentation: r, + code: n, + category: o, + message: i + }) { + let s; + return r === !0 ? s = `https://storybook.js.org/error/${xM({ code: n, category: o })}` : typeof r == "string" ? s = r : Array.isArray(r) && + (s = ` +${r.map((l) => ` - ${l}`).join(` +`)}`), `${i}${s != null ? ` + +More info: ${s} +` : ""}`; + } +}; +a(Ig, "StorybookError"); +var id = Ig; + +// src/manager-errors.ts +var CM = /* @__PURE__ */ ((u) => (u.MANAGER_UNCAUGHT = "MANAGER_UNCAUGHT", u.MANAGER_UI = "MANAGER_UI", u.MANAGER_API = "MANAGER_API", u.MANAGER_CLIENT_LOGGER = +"MANAGER_CLIENT-LOGGER", u.MANAGER_CHANNELS = "MANAGER_CHANNELS", u.MANAGER_CORE_EVENTS = "MANAGER_CORE-EVENTS", u.MANAGER_ROUTER = "MANAGER\ +_ROUTER", u.MANAGER_THEMING = "MANAGER_THEMING", u))(CM || {}), bb = class bb extends id { + constructor() { + super({ + category: "MANAGER_UI", + code: 1, + message: "The Provider passed into Storybook's UI is not extended from the base Provider. Please check your Provider implementation." + }); + } +}; +a(bb, "ProviderDoesNotExtendBaseProviderError"); +var wb = bb, Sb = class Sb extends id { + constructor(r) { + super({ + category: "MANAGER_UNCAUGHT", + code: 1, + message: r.error.message + }); + this.data = r; + this.stack = r.error.stack; + } +}; +a(Sb, "UncaughtManagerError"); +var sd = Sb; + +// src/manager/globals/runtime.ts +var DM = { + react: E0e, + "react-dom": x0e, + "react-dom/client": C0e, + "@storybook/icons": Wp, + "storybook/internal/components": Lf, + "@storybook/components": Lf, + "@storybook/core/components": Lf, + "storybook/internal/manager-api": ad, + "@storybook/manager-api": ad, + "@storybook/core/manager-api": ad, + "storybook/internal/router": Uf, + "@storybook/router": Uf, + "@storybook/core/router": Uf, + "storybook/internal/theming": Fp, + "@storybook/theming": Fp, + "@storybook/core/theming": Fp, + "storybook/internal/theming/create": _p, + "@storybook/theming/create": _p, + "@storybook/core/theming/create": _p, + "storybook/internal/channels": fp, + "@storybook/channels": fp, + "@storybook/core/channels": fp, + "storybook/internal/core-errors": Yo, + "@storybook/core-events": Yo, + "@storybook/core/core-events": Yo, + "storybook/internal/types": qf, + "@storybook/types": qf, + "@storybook/core/types": qf, + "storybook/internal/manager-errors": ld, + "@storybook/core-events/manager-errors": ld, + "@storybook/core/manager-errors": ld, + "storybook/internal/client-logger": sp, + "@storybook/client-logger": sp, + "@storybook/core/client-logger": sp +}; + +// src/manager/utils/prepareForTelemetry.ts +We(); +var AM = I(RM(), 1); +var Cb; +function D0e() { + return Cb || (Cb = new AM.default(H.navigator?.userAgent).getBrowserInfo()), Cb; +} +a(D0e, "getBrowserInfo"); +var R0e = [ + // It's a harmless issue with react-resize-detector that supposedly will be gone when we move to React 18. + // https://github.com/maslianok/react-resize-detector/issues/45#issuecomment-1500958024 + "ResizeObserver loop completed with undelivered notifications.", + "ResizeObserver loop limit exceeded", + // Safari does not seem to provide any helpful info on window.onerror + // https://bugs.webkit.org/show_bug.cgi?id=132945 + "Script error." +], _M = /* @__PURE__ */ a((e) => R0e.includes(e?.message), "shouldSkipError"); +function TM(e) { + let t = e; + return (e.target === H || e.currentTarget === H || e.srcElement === H) && (t = new Error(e.message), t.name = e.name || t.name), e.fromStorybook || + (t = new sd({ error: t })), t.browserInfo = D0e(), t; +} +a(TM, "prepareForTelemetry"); + +// src/manager/globals-runtime.ts +Fb.forEach((e) => { + H[l2[e]] = DM[e]; +}); +H.sendTelemetryError = (e) => { + _M(e) || H.__STORYBOOK_ADDONS_CHANNEL__.emit(s2, TM(e)); +}; +H.addEventListener("error", (e) => { + let t = e.error || e; + H.sendTelemetryError(t); +}); +H.addEventListener("unhandledrejection", ({ reason: e }) => { + H.sendTelemetryError(e); +}); diff --git a/sb-manager/globals.js b/sb-manager/globals.js new file mode 100644 index 00000000000000..1a3d59109f28c6 --- /dev/null +++ b/sb-manager/globals.js @@ -0,0 +1,48 @@ +import ESM_COMPAT_Module from "node:module"; +import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url'; +import { dirname as ESM_COMPAT_dirname } from 'node:path'; +const __filename = ESM_COMPAT_fileURLToPath(import.meta.url); +const __dirname = ESM_COMPAT_dirname(__filename); +const require = ESM_COMPAT_Module.createRequire(import.meta.url); + +// src/manager/globals/globals.ts +var _ = { + react: "__REACT__", + "react-dom": "__REACT_DOM__", + "react-dom/client": "__REACT_DOM_CLIENT__", + "@storybook/icons": "__STORYBOOK_ICONS__", + "storybook/internal/manager-api": "__STORYBOOK_API__", + "@storybook/manager-api": "__STORYBOOK_API__", + "@storybook/core/manager-api": "__STORYBOOK_API__", + "storybook/internal/components": "__STORYBOOK_COMPONENTS__", + "@storybook/components": "__STORYBOOK_COMPONENTS__", + "@storybook/core/components": "__STORYBOOK_COMPONENTS__", + "storybook/internal/channels": "__STORYBOOK_CHANNELS__", + "@storybook/channels": "__STORYBOOK_CHANNELS__", + "@storybook/core/channels": "__STORYBOOK_CHANNELS__", + "storybook/internal/core-errors": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core-events": "__STORYBOOK_CORE_EVENTS__", + "@storybook/core/core-events": "__STORYBOOK_CORE_EVENTS__", + "storybook/internal/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core-events/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "@storybook/core/manager-errors": "__STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__", + "storybook/internal/router": "__STORYBOOK_ROUTER__", + "@storybook/router": "__STORYBOOK_ROUTER__", + "@storybook/core/router": "__STORYBOOK_ROUTER__", + "storybook/internal/theming": "__STORYBOOK_THEMING__", + "@storybook/theming": "__STORYBOOK_THEMING__", + "@storybook/core/theming": "__STORYBOOK_THEMING__", + "storybook/internal/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/theming/create": "__STORYBOOK_THEMING_CREATE__", + "@storybook/core/theming/create": "__STORYBOOK_THEMING_CREATE__", + "storybook/internal/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "@storybook/core/client-logger": "__STORYBOOK_CLIENT_LOGGER__", + "storybook/internal/types": "__STORYBOOK_TYPES__", + "@storybook/types": "__STORYBOOK_TYPES__", + "@storybook/core/types": "__STORYBOOK_TYPES__" +}, o = Object.keys(_); +export { + o as globalPackages, + _ as globalsNameReferenceMap +}; diff --git a/sb-manager/runtime.js b/sb-manager/runtime.js new file mode 100644 index 00000000000000..10bd360e4a0354 --- /dev/null +++ b/sb-manager/runtime.js @@ -0,0 +1,13338 @@ +var um = Object.create; +var Yn = Object.defineProperty; +var pm = Object.getOwnPropertyDescriptor; +var cm = Object.getOwnPropertyNames; +var dm = Object.getPrototypeOf, fm = Object.prototype.hasOwnProperty; +var s = (e, t) => Yn(e, "name", { value: t, configurable: !0 }), $o = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < +"u" ? new Proxy(e, { + get: (t, o) => (typeof require < "u" ? require : t)[o] +}) : e)(function(e) { + if (typeof require < "u") return require.apply(this, arguments); + throw Error('Dynamic require of "' + e + '" is not supported'); +}); +var _e = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports); +var mm = (e, t, o, i) => { + if (t && typeof t == "object" || typeof t == "function") + for (let n of cm(t)) + !fm.call(e, n) && n !== o && Yn(e, n, { get: () => t[n], enumerable: !(i = pm(t, n)) || i.enumerable }); + return e; +}; +var Ve = (e, t, o) => (o = e != null ? um(dm(e)) : {}, mm( + // If the importer is in node compatibility mode or this is not an ESM + // file that has been converted to a CommonJS file using a Babel- + // compatible transform (i.e. "__esModule" has not been set), then set + // "default" to the CommonJS "module.exports" for node compatibility. + t || !e || !e.__esModule ? Yn(o, "default", { value: e, enumerable: !0 }) : o, + e +)); + +// ../node_modules/prop-types/lib/ReactPropTypesSecret.js +var Ua = _e((ZS, Ka) => { + "use strict"; + var hm = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; + Ka.exports = hm; +}); + +// ../node_modules/prop-types/factoryWithThrowingShims.js +var Xa = _e((JS, Ya) => { + "use strict"; + var gm = Ua(); + function qa() { + } + s(qa, "emptyFunction"); + function Ga() { + } + s(Ga, "emptyFunctionWithReset"); + Ga.resetWarningCache = qa; + Ya.exports = function() { + function e(i, n, r, l, u, p) { + if (p !== gm) { + var c = new Error( + "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. \ +Read more at http://fb.me/use-check-prop-types" + ); + throw c.name = "Invariant Violation", c; + } + } + s(e, "shim"), e.isRequired = e; + function t() { + return e; + } + s(t, "getShim"); + var o = { + array: e, + bigint: e, + bool: e, + func: e, + number: e, + object: e, + string: e, + symbol: e, + any: e, + arrayOf: t, + element: e, + elementType: e, + instanceOf: t, + node: e, + objectOf: t, + oneOf: t, + oneOfType: t, + shape: t, + exact: t, + checkPropTypes: Ga, + resetWarningCache: qa + }; + return o.PropTypes = o, o; + }; +}); + +// ../node_modules/prop-types/index.js +var ti = _e((rw, Qa) => { + Qa.exports = Xa()(); + var tw, ow; +}); + +// ../node_modules/react-fast-compare/index.js +var oi = _e((nw, Za) => { + var ym = typeof Element < "u", vm = typeof Map == "function", bm = typeof Set == "function", xm = typeof ArrayBuffer == "function" && !!ArrayBuffer. + isView; + function wr(e, t) { + if (e === t) return !0; + if (e && t && typeof e == "object" && typeof t == "object") { + if (e.constructor !== t.constructor) return !1; + var o, i, n; + if (Array.isArray(e)) { + if (o = e.length, o != t.length) return !1; + for (i = o; i-- !== 0; ) + if (!wr(e[i], t[i])) return !1; + return !0; + } + var r; + if (vm && e instanceof Map && t instanceof Map) { + if (e.size !== t.size) return !1; + for (r = e.entries(); !(i = r.next()).done; ) + if (!t.has(i.value[0])) return !1; + for (r = e.entries(); !(i = r.next()).done; ) + if (!wr(i.value[1], t.get(i.value[0]))) return !1; + return !0; + } + if (bm && e instanceof Set && t instanceof Set) { + if (e.size !== t.size) return !1; + for (r = e.entries(); !(i = r.next()).done; ) + if (!t.has(i.value[0])) return !1; + return !0; + } + if (xm && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) { + if (o = e.length, o != t.length) return !1; + for (i = o; i-- !== 0; ) + if (e[i] !== t[i]) return !1; + return !0; + } + if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags; + if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof t.valueOf == "function") return e.valueOf() === + t.valueOf(); + if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof t.toString == "function") return e.toString() === + t.toString(); + if (n = Object.keys(e), o = n.length, o !== Object.keys(t).length) return !1; + for (i = o; i-- !== 0; ) + if (!Object.prototype.hasOwnProperty.call(t, n[i])) return !1; + if (ym && e instanceof Element) return !1; + for (i = o; i-- !== 0; ) + if (!((n[i] === "_owner" || n[i] === "__v" || n[i] === "__o") && e.$$typeof) && !wr(e[n[i]], t[n[i]])) + return !1; + return !0; + } + return e !== e && t !== t; + } + s(wr, "equal"); + Za.exports = /* @__PURE__ */ s(function(t, o) { + try { + return wr(t, o); + } catch (i) { + if ((i.message || "").match(/stack|recursion/i)) + return console.warn("react-fast-compare cannot handle circular refs"), !1; + throw i; + } + }, "isEqual"); +}); + +// ../node_modules/invariant/browser.js +var el = _e((sw, Ja) => { + "use strict"; + var Im = /* @__PURE__ */ s(function(e, t, o, i, n, r, l, u) { + if (!e) { + var p; + if (t === void 0) + p = new Error( + "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings." + ); + else { + var c = [o, i, n, r, l, u], d = 0; + p = new Error( + t.replace(/%s/g, function() { + return c[d++]; + }) + ), p.name = "Invariant Violation"; + } + throw p.framesToPop = 1, p; + } + }, "invariant"); + Ja.exports = Im; +}); + +// ../node_modules/shallowequal/index.js +var ol = _e((lw, tl) => { + tl.exports = /* @__PURE__ */ s(function(t, o, i, n) { + var r = i ? i.call(n, t, o) : void 0; + if (r !== void 0) + return !!r; + if (t === o) + return !0; + if (typeof t != "object" || !t || typeof o != "object" || !o) + return !1; + var l = Object.keys(t), u = Object.keys(o); + if (l.length !== u.length) + return !1; + for (var p = Object.prototype.hasOwnProperty.bind(o), c = 0; c < l.length; c++) { + var d = l[c]; + if (!p(d)) + return !1; + var m = t[d], f = o[d]; + if (r = i ? i.call(n, m, f, d) : void 0, r === !1 || r === void 0 && m !== f) + return !1; + } + return !0; + }, "shallowEqual"); +}); + +// ../node_modules/memoizerific/memoizerific.js +var Zo = _e((wu, Ti) => { + (function(e) { + if (typeof wu == "object" && typeof Ti < "u") + Ti.exports = e(); + else if (typeof define == "function" && define.amd) + define([], e); + else { + var t; + typeof window < "u" ? t = window : typeof global < "u" ? t = global : typeof self < "u" ? t = self : t = this, t.memoizerific = e(); + } + })(function() { + var e, t, o; + return (/* @__PURE__ */ s(function i(n, r, l) { + function u(d, m) { + if (!r[d]) { + if (!n[d]) { + var f = typeof $o == "function" && $o; + if (!m && f) return f(d, !0); + if (p) return p(d, !0); + var y = new Error("Cannot find module '" + d + "'"); + throw y.code = "MODULE_NOT_FOUND", y; + } + var h = r[d] = { exports: {} }; + n[d][0].call(h.exports, function(v) { + var I = n[d][1][v]; + return u(I || v); + }, h, h.exports, i, n, r, l); + } + return r[d].exports; + } + s(u, "s"); + for (var p = typeof $o == "function" && $o, c = 0; c < l.length; c++) u(l[c]); + return u; + }, "e"))({ 1: [function(i, n, r) { + n.exports = function(l) { + if (typeof Map != "function" || l) { + var u = i("./similar"); + return new u(); + } else + return /* @__PURE__ */ new Map(); + }; + }, { "./similar": 2 }], 2: [function(i, n, r) { + function l() { + return this.list = [], this.lastItem = void 0, this.size = 0, this; + } + s(l, "Similar"), l.prototype.get = function(u) { + var p; + if (this.lastItem && this.isEqual(this.lastItem.key, u)) + return this.lastItem.val; + if (p = this.indexOf(u), p >= 0) + return this.lastItem = this.list[p], this.list[p].val; + }, l.prototype.set = function(u, p) { + var c; + return this.lastItem && this.isEqual(this.lastItem.key, u) ? (this.lastItem.val = p, this) : (c = this.indexOf(u), c >= 0 ? (this.lastItem = + this.list[c], this.list[c].val = p, this) : (this.lastItem = { key: u, val: p }, this.list.push(this.lastItem), this.size++, this)); + }, l.prototype.delete = function(u) { + var p; + if (this.lastItem && this.isEqual(this.lastItem.key, u) && (this.lastItem = void 0), p = this.indexOf(u), p >= 0) + return this.size--, this.list.splice(p, 1)[0]; + }, l.prototype.has = function(u) { + var p; + return this.lastItem && this.isEqual(this.lastItem.key, u) ? !0 : (p = this.indexOf(u), p >= 0 ? (this.lastItem = this.list[p], !0) : + !1); + }, l.prototype.forEach = function(u, p) { + var c; + for (c = 0; c < this.size; c++) + u.call(p || this, this.list[c].val, this.list[c].key, this); + }, l.prototype.indexOf = function(u) { + var p; + for (p = 0; p < this.size; p++) + if (this.isEqual(this.list[p].key, u)) + return p; + return -1; + }, l.prototype.isEqual = function(u, p) { + return u === p || u !== u && p !== p; + }, n.exports = l; + }, {}], 3: [function(i, n, r) { + var l = i("map-or-similar"); + n.exports = function(d) { + var m = new l(!1), f = []; + return function(y) { + var h = /* @__PURE__ */ s(function() { + var v = m, I, C, b = arguments.length - 1, x = Array(b + 1), g = !0, w; + if ((h.numArgs || h.numArgs === 0) && h.numArgs !== b + 1) + throw new Error("Memoizerific functions should always be called with the same number of arguments"); + for (w = 0; w < b; w++) { + if (x[w] = { + cacheItem: v, + arg: arguments[w] + }, v.has(arguments[w])) { + v = v.get(arguments[w]); + continue; + } + g = !1, I = new l(!1), v.set(arguments[w], I), v = I; + } + return g && (v.has(arguments[b]) ? C = v.get(arguments[b]) : g = !1), g || (C = y.apply(null, arguments), v.set(arguments[b], C)), + d > 0 && (x[b] = { + cacheItem: v, + arg: arguments[b] + }, g ? u(f, x) : f.push(x), f.length > d && p(f.shift())), h.wasMemoized = g, h.numArgs = b + 1, C; + }, "memoizerific"); + return h.limit = d, h.wasMemoized = !1, h.cache = m, h.lru = f, h; + }; + }; + function u(d, m) { + var f = d.length, y = m.length, h, v, I; + for (v = 0; v < f; v++) { + for (h = !0, I = 0; I < y; I++) + if (!c(d[v][I].arg, m[I].arg)) { + h = !1; + break; + } + if (h) + break; + } + d.push(d.splice(v, 1)[0]); + } + s(u, "moveToMostRecentLru"); + function p(d) { + var m = d.length, f = d[m - 1], y, h; + for (f.cacheItem.delete(f.arg), h = m - 2; h >= 0 && (f = d[h], y = f.cacheItem.get(f.arg), !y || !y.size); h--) + f.cacheItem.delete(f.arg); + } + s(p, "removeCachedResult"); + function c(d, m) { + return d === m || d !== d && m !== m; + } + s(c, "isEqual"); + }, { "map-or-similar": 1 }] }, {}, [3])(3); + }); +}); + +// ../node_modules/picoquery/lib/string-util.js +var Ai = _e((Pi) => { + "use strict"; + Object.defineProperty(Pi, "__esModule", { value: !0 }); + Pi.encodeString = Hh; + var bt = Array.from({ length: 256 }, (e, t) => "%" + ((t < 16 ? "0" : "") + t.toString(16)).toUpperCase()), Bh = new Int8Array([ + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 0, + 0, + 1, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 1, + 0 + ]); + function Hh(e) { + let t = e.length; + if (t === 0) + return ""; + let o = "", i = 0, n = 0; + e: for (; n < t; n++) { + let r = e.charCodeAt(n); + for (; r < 128; ) { + if (Bh[r] !== 1 && (i < n && (o += e.slice(i, n)), i = n + 1, o += bt[r]), ++n === t) + break e; + r = e.charCodeAt(n); + } + if (i < n && (o += e.slice(i, n)), r < 2048) { + i = n + 1, o += bt[192 | r >> 6] + bt[128 | r & 63]; + continue; + } + if (r < 55296 || r >= 57344) { + i = n + 1, o += bt[224 | r >> 12] + bt[128 | r >> 6 & 63] + bt[128 | r & 63]; + continue; + } + if (++n, n >= t) + throw new Error("URI malformed"); + let l = e.charCodeAt(n) & 1023; + i = n + 1, r = 65536 + ((r & 1023) << 10 | l), o += bt[240 | r >> 18] + bt[128 | r >> 12 & 63] + bt[128 | r >> 6 & 63] + bt[128 | r & 63]; + } + return i === 0 ? e : i < t ? o + e.slice(i) : o; + } + s(Hh, "encodeString"); +}); + +// ../node_modules/picoquery/lib/shared.js +var Xr = _e((xt) => { + "use strict"; + Object.defineProperty(xt, "__esModule", { value: !0 }); + xt.defaultOptions = xt.defaultShouldSerializeObject = xt.defaultValueSerializer = void 0; + var Di = Ai(), Rh = /* @__PURE__ */ s((e) => { + switch (typeof e) { + case "string": + return (0, Di.encodeString)(e); + case "bigint": + case "boolean": + return "" + e; + case "number": + if (Number.isFinite(e)) + return e < 1e21 ? "" + e : (0, Di.encodeString)("" + e); + break; + } + return e instanceof Date ? (0, Di.encodeString)(e.toISOString()) : ""; + }, "defaultValueSerializer"); + xt.defaultValueSerializer = Rh; + var zh = /* @__PURE__ */ s((e) => e instanceof Date, "defaultShouldSerializeObject"); + xt.defaultShouldSerializeObject = zh; + var _u = /* @__PURE__ */ s((e) => e, "identityFunc"); + xt.defaultOptions = { + nesting: !0, + nestingSyntax: "dot", + arrayRepeat: !1, + arrayRepeatSyntax: "repeat", + delimiter: 38, + valueDeserializer: _u, + valueSerializer: xt.defaultValueSerializer, + keyDeserializer: _u, + shouldSerializeObject: xt.defaultShouldSerializeObject + }; +}); + +// ../node_modules/picoquery/lib/object-util.js +var Mi = _e((Qr) => { + "use strict"; + Object.defineProperty(Qr, "__esModule", { value: !0 }); + Qr.getDeepObject = Vh; + Qr.stringifyObject = ku; + var eo = Xr(), Wh = Ai(); + function jh(e) { + return e === "__proto__" || e === "constructor" || e === "prototype"; + } + s(jh, "isPrototypeKey"); + function Vh(e, t, o, i, n) { + if (jh(t)) + return e; + let r = e[t]; + return typeof r == "object" && r !== null ? r : !i && (n || typeof o == "number" || typeof o == "string" && o * 0 === 0 && o.indexOf(".") === + -1) ? e[t] = [] : e[t] = {}; + } + s(Vh, "getDeepObject"); + var $h = 20, Kh = "[]", Uh = "[", qh = "]", Gh = "."; + function ku(e, t, o = 0, i, n) { + let { nestingSyntax: r = eo.defaultOptions.nestingSyntax, arrayRepeat: l = eo.defaultOptions.arrayRepeat, arrayRepeatSyntax: u = eo.defaultOptions. + arrayRepeatSyntax, nesting: p = eo.defaultOptions.nesting, delimiter: c = eo.defaultOptions.delimiter, valueSerializer: d = eo.defaultOptions. + valueSerializer, shouldSerializeObject: m = eo.defaultOptions.shouldSerializeObject } = t, f = typeof c == "number" ? String.fromCharCode( + c) : c, y = n === !0 && l, h = r === "dot" || r === "js" && !n; + if (o > $h) + return ""; + let v = "", I = !0, C = !1; + for (let b in e) { + let x = e[b], g; + i ? (g = i, y ? u === "bracket" && (g += Kh) : h ? (g += Gh, g += b) : (g += Uh, g += b, g += qh)) : g = b, I || (v += f), typeof x == + "object" && x !== null && !m(x) ? (C = x.pop !== void 0, (p || l && C) && (v += ku(x, t, o + 1, g, C))) : (v += (0, Wh.encodeString)(g), + v += "=", v += d(x, b)), I && (I = !1); + } + return v; + } + s(ku, "stringifyObject"); +}); + +// ../node_modules/fast-decode-uri-component/index.js +var Du = _e((XO, Au) => { + "use strict"; + var Ou = 12, Yh = 0, Li = [ + // The first part of the table maps bytes to character to a transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 4, + 4, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 6, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 8, + 7, + 7, + 10, + 9, + 9, + 9, + 11, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + // The second part of the table maps a state to a new state when adding a + // transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 12, + 0, + 0, + 0, + 0, + 24, + 36, + 48, + 60, + 72, + 84, + 96, + 0, + 12, + 12, + 12, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + // The third part maps the current transition to a mask that needs to apply + // to the byte. + 127, + 63, + 63, + 63, + 0, + 31, + 15, + 15, + 15, + 7, + 7, + 7 + ]; + function Xh(e) { + var t = e.indexOf("%"); + if (t === -1) return e; + for (var o = e.length, i = "", n = 0, r = 0, l = t, u = Ou; t > -1 && t < o; ) { + var p = Pu(e[t + 1], 4), c = Pu(e[t + 2], 0), d = p | c, m = Li[d]; + if (u = Li[256 + u + m], r = r << 6 | d & Li[364 + m], u === Ou) + i += e.slice(n, l), i += r <= 65535 ? String.fromCharCode(r) : String.fromCharCode( + 55232 + (r >> 10), + 56320 + (r & 1023) + ), r = 0, n = t + 3, t = l = e.indexOf("%", n); + else { + if (u === Yh) + return null; + if (t += 3, t < o && e.charCodeAt(t) === 37) continue; + return null; + } + } + return i + e.slice(n); + } + s(Xh, "decodeURIComponent"); + var Qh = { + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + 6: 6, + 7: 7, + 8: 8, + 9: 9, + a: 10, + A: 10, + b: 11, + B: 11, + c: 12, + C: 12, + d: 13, + D: 13, + e: 14, + E: 14, + f: 15, + F: 15 + }; + function Pu(e, t) { + var o = Qh[e]; + return o === void 0 ? 255 : o << t; + } + s(Pu, "hexCodeToInt"); + Au.exports = Xh; +}); + +// ../node_modules/picoquery/lib/parse.js +var Fu = _e((kt) => { + "use strict"; + var Zh = kt && kt.__importDefault || function(e) { + return e && e.__esModule ? e : { default: e }; + }; + Object.defineProperty(kt, "__esModule", { value: !0 }); + kt.numberValueDeserializer = kt.numberKeyDeserializer = void 0; + kt.parse = tg; + var Zr = Mi(), to = Xr(), Mu = Zh(Du()), Jh = /* @__PURE__ */ s((e) => { + let t = Number(e); + return Number.isNaN(t) ? e : t; + }, "numberKeyDeserializer"); + kt.numberKeyDeserializer = Jh; + var eg = /* @__PURE__ */ s((e) => { + let t = Number(e); + return Number.isNaN(t) ? e : t; + }, "numberValueDeserializer"); + kt.numberValueDeserializer = eg; + var Lu = /\+/g, Nu = /* @__PURE__ */ s(function() { + }, "Empty"); + Nu.prototype = /* @__PURE__ */ Object.create(null); + function Jr(e, t, o, i, n) { + let r = e.substring(t, o); + return i && (r = r.replace(Lu, " ")), n && (r = (0, Mu.default)(r) || r), r; + } + s(Jr, "computeKeySlice"); + function tg(e, t) { + let { valueDeserializer: o = to.defaultOptions.valueDeserializer, keyDeserializer: i = to.defaultOptions.keyDeserializer, arrayRepeatSyntax: n = to. + defaultOptions.arrayRepeatSyntax, nesting: r = to.defaultOptions.nesting, arrayRepeat: l = to.defaultOptions.arrayRepeat, nestingSyntax: u = to. + defaultOptions.nestingSyntax, delimiter: p = to.defaultOptions.delimiter } = t ?? {}, c = typeof p == "string" ? p.charCodeAt(0) : p, d = u === + "js", m = new Nu(); + if (typeof e != "string") + return m; + let f = e.length, y = "", h = -1, v = -1, I = -1, C = m, b, x = "", g = "", w = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, P = !1, A = 0, + D = -1, L = -1, B = -1; + for (let N = 0; N < f + 1; N++) { + if (A = N !== f ? e.charCodeAt(N) : c, A === c) { + if (P = v > h, P || (v = N), I !== v - 1 && (g = Jr(e, I + 1, D > -1 ? D : v, _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)( + C, b, x, d && E, d && O))), P || x !== "") { + P && (y = e.slice(v + 1, N), k && (y = y.replace(Lu, " ")), T && (y = (0, Mu.default)(y) || y)); + let V = o(y, x); + if (l) { + let R = C[x]; + R === void 0 ? D > -1 ? C[x] = [V] : C[x] = V : R.pop ? R.push(V) : C[x] = [R, V]; + } else + C[x] = V; + } + y = "", h = N, v = N, w = !1, T = !1, _ = !1, k = !1, E = !1, O = !1, D = -1, I = N, C = m, b = void 0, x = ""; + } else A === 93 ? (l && n === "bracket" && B === 91 && (D = L), r && (u === "index" || d) && v <= h && (I !== L && (g = Jr(e, I + 1, N, + _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, void 0, d)), b = x, _ = !1, w = !1), I = N, O = !0, E = !1)) : A === + 46 ? r && (u === "dot" || d) && v <= h && (I !== L && (g = Jr(e, I + 1, N, _, w), x = i(g), b !== void 0 && (C = (0, Zr.getDeepObject)( + C, b, x, d)), b = x, _ = !1, w = !1), E = !0, O = !1, I = N) : A === 91 ? r && (u === "index" || d) && v <= h && (I !== L && (g = Jr(e, + I + 1, N, _, w), x = i(g), d && b !== void 0 && (C = (0, Zr.getDeepObject)(C, b, x, d)), b = x, _ = !1, w = !1, E = !1, O = !0), I = N) : + A === 61 ? v <= h ? v = N : T = !0 : A === 43 ? v > h ? k = !0 : _ = !0 : A === 37 && (v > h ? T = !0 : w = !0); + L = N, B = A; + } + return m; + } + s(tg, "parse"); +}); + +// ../node_modules/picoquery/lib/stringify.js +var Bu = _e((Ni) => { + "use strict"; + Object.defineProperty(Ni, "__esModule", { value: !0 }); + Ni.stringify = rg; + var og = Mi(); + function rg(e, t) { + if (e === null || typeof e != "object") + return ""; + let o = t ?? {}; + return (0, og.stringifyObject)(e, o); + } + s(rg, "stringify"); +}); + +// ../node_modules/picoquery/lib/main.js +var Hu = _e((dt) => { + "use strict"; + var ng = dt && dt.__createBinding || (Object.create ? function(e, t, o, i) { + i === void 0 && (i = o); + var n = Object.getOwnPropertyDescriptor(t, o); + (!n || ("get" in n ? !t.__esModule : n.writable || n.configurable)) && (n = { enumerable: !0, get: /* @__PURE__ */ s(function() { + return t[o]; + }, "get") }), Object.defineProperty(e, i, n); + } : function(e, t, o, i) { + i === void 0 && (i = o), e[i] = t[o]; + }), ig = dt && dt.__exportStar || function(e, t) { + for (var o in e) o !== "default" && !Object.prototype.hasOwnProperty.call(t, o) && ng(t, e, o); + }; + Object.defineProperty(dt, "__esModule", { value: !0 }); + dt.stringify = dt.parse = void 0; + var sg = Fu(); + Object.defineProperty(dt, "parse", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return sg.parse; + }, "get") }); + var ag = Bu(); + Object.defineProperty(dt, "stringify", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return ag.stringify; + }, "get") }); + ig(Xr(), dt); +}); + +// ../node_modules/toggle-selection/index.js +var $u = _e((xP, Vu) => { + Vu.exports = function() { + var e = document.getSelection(); + if (!e.rangeCount) + return function() { + }; + for (var t = document.activeElement, o = [], i = 0; i < e.rangeCount; i++) + o.push(e.getRangeAt(i)); + switch (t.tagName.toUpperCase()) { + // .toUpperCase handles XHTML + case "INPUT": + case "TEXTAREA": + t.blur(); + break; + default: + t = null; + break; + } + return e.removeAllRanges(), function() { + e.type === "Caret" && e.removeAllRanges(), e.rangeCount || o.forEach(function(n) { + e.addRange(n); + }), t && t.focus(); + }; + }; +}); + +// ../node_modules/copy-to-clipboard/index.js +var qu = _e((IP, Uu) => { + "use strict"; + var fg = $u(), Ku = { + "text/plain": "Text", + "text/html": "Url", + default: "Text" + }, mg = "Copy to clipboard: #{key}, Enter"; + function hg(e) { + var t = (/mac os x/i.test(navigator.userAgent) ? "\u2318" : "Ctrl") + "+C"; + return e.replace(/#{\s*key\s*}/g, t); + } + s(hg, "format"); + function gg(e, t) { + var o, i, n, r, l, u, p = !1; + t || (t = {}), o = t.debug || !1; + try { + n = fg(), r = document.createRange(), l = document.getSelection(), u = document.createElement("span"), u.textContent = e, u.ariaHidden = + "true", u.style.all = "unset", u.style.position = "fixed", u.style.top = 0, u.style.clip = "rect(0, 0, 0, 0)", u.style.whiteSpace = "p\ +re", u.style.webkitUserSelect = "text", u.style.MozUserSelect = "text", u.style.msUserSelect = "text", u.style.userSelect = "text", u.addEventListener( + "copy", function(d) { + if (d.stopPropagation(), t.format) + if (d.preventDefault(), typeof d.clipboardData > "u") { + o && console.warn("unable to use e.clipboardData"), o && console.warn("trying IE specific stuff"), window.clipboardData.clearData(); + var m = Ku[t.format] || Ku.default; + window.clipboardData.setData(m, e); + } else + d.clipboardData.clearData(), d.clipboardData.setData(t.format, e); + t.onCopy && (d.preventDefault(), t.onCopy(d.clipboardData)); + }), document.body.appendChild(u), r.selectNodeContents(u), l.addRange(r); + var c = document.execCommand("copy"); + if (!c) + throw new Error("copy command was unsuccessful"); + p = !0; + } catch (d) { + o && console.error("unable to copy using execCommand: ", d), o && console.warn("trying IE specific stuff"); + try { + window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), p = !0; + } catch (m) { + o && console.error("unable to copy using clipboardData: ", m), o && console.error("falling back to prompt"), i = hg("message" in t ? + t.message : mg), window.prompt(i, e); + } + } finally { + l && (typeof l.removeRange == "function" ? l.removeRange(r) : l.removeAllRanges()), u && document.body.removeChild(u), n(); + } + return p; + } + s(gg, "copy"); + Uu.exports = gg; +}); + +// ../node_modules/downshift/node_modules/react-is/cjs/react-is.production.min.js +var Kc = _e((de) => { + "use strict"; + var qi = Symbol.for("react.element"), Gi = Symbol.for("react.portal"), fn = Symbol.for("react.fragment"), mn = Symbol.for("react.strict_mo\ +de"), hn = Symbol.for("react.profiler"), gn = Symbol.for("react.provider"), yn = Symbol.for("react.context"), lv = Symbol.for("react.server_\ +context"), vn = Symbol.for("react.forward_ref"), bn = Symbol.for("react.suspense"), xn = Symbol.for("react.suspense_list"), In = Symbol.for( + "react.memo"), Sn = Symbol.for("react.lazy"), uv = Symbol.for("react.offscreen"), $c; + $c = Symbol.for("react.module.reference"); + function ot(e) { + if (typeof e == "object" && e !== null) { + var t = e.$$typeof; + switch (t) { + case qi: + switch (e = e.type, e) { + case fn: + case hn: + case mn: + case bn: + case xn: + return e; + default: + switch (e = e && e.$$typeof, e) { + case lv: + case yn: + case vn: + case Sn: + case In: + case gn: + return e; + default: + return t; + } + } + case Gi: + return t; + } + } + } + s(ot, "v"); + de.ContextConsumer = yn; + de.ContextProvider = gn; + de.Element = qi; + de.ForwardRef = vn; + de.Fragment = fn; + de.Lazy = Sn; + de.Memo = In; + de.Portal = Gi; + de.Profiler = hn; + de.StrictMode = mn; + de.Suspense = bn; + de.SuspenseList = xn; + de.isAsyncMode = function() { + return !1; + }; + de.isConcurrentMode = function() { + return !1; + }; + de.isContextConsumer = function(e) { + return ot(e) === yn; + }; + de.isContextProvider = function(e) { + return ot(e) === gn; + }; + de.isElement = function(e) { + return typeof e == "object" && e !== null && e.$$typeof === qi; + }; + de.isForwardRef = function(e) { + return ot(e) === vn; + }; + de.isFragment = function(e) { + return ot(e) === fn; + }; + de.isLazy = function(e) { + return ot(e) === Sn; + }; + de.isMemo = function(e) { + return ot(e) === In; + }; + de.isPortal = function(e) { + return ot(e) === Gi; + }; + de.isProfiler = function(e) { + return ot(e) === hn; + }; + de.isStrictMode = function(e) { + return ot(e) === mn; + }; + de.isSuspense = function(e) { + return ot(e) === bn; + }; + de.isSuspenseList = function(e) { + return ot(e) === xn; + }; + de.isValidElementType = function(e) { + return typeof e == "string" || typeof e == "function" || e === fn || e === hn || e === mn || e === bn || e === xn || e === uv || typeof e == + "object" && e !== null && (e.$$typeof === Sn || e.$$typeof === In || e.$$typeof === gn || e.$$typeof === yn || e.$$typeof === vn || e.$$typeof === + $c || e.getModuleId !== void 0); + }; + de.typeOf = ot; +}); + +// ../node_modules/downshift/node_modules/react-is/index.js +var qc = _e((VN, Uc) => { + "use strict"; + Uc.exports = Kc(); +}); + +// ../node_modules/fuse.js/dist/fuse.js +var tf = _e((ar, Rs) => { + (function(e, t) { + typeof ar == "object" && typeof Rs == "object" ? Rs.exports = t() : typeof define == "function" && define.amd ? define("Fuse", [], t) : typeof ar == + "object" ? ar.Fuse = t() : e.Fuse = t(); + })(ar, function() { + return function(e) { + var t = {}; + function o(i) { + if (t[i]) return t[i].exports; + var n = t[i] = { i, l: !1, exports: {} }; + return e[i].call(n.exports, n, n.exports, o), n.l = !0, n.exports; + } + return s(o, "r"), o.m = e, o.c = t, o.d = function(i, n, r) { + o.o(i, n) || Object.defineProperty(i, n, { enumerable: !0, get: r }); + }, o.r = function(i) { + typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(i, Symbol.toStringTag, { value: "Module" }), Object.defineProperty( + i, "__esModule", { value: !0 }); + }, o.t = function(i, n) { + if (1 & n && (i = o(i)), 8 & n || 4 & n && typeof i == "object" && i && i.__esModule) return i; + var r = /* @__PURE__ */ Object.create(null); + if (o.r(r), Object.defineProperty(r, "default", { enumerable: !0, value: i }), 2 & n && typeof i != "string") for (var l in i) o.d(r, + l, (function(u) { + return i[u]; + }).bind(null, l)); + return r; + }, o.n = function(i) { + var n = i && i.__esModule ? function() { + return i.default; + } : function() { + return i; + }; + return o.d(n, "a", n), n; + }, o.o = function(i, n) { + return Object.prototype.hasOwnProperty.call(i, n); + }, o.p = "", o(o.s = 0); + }([function(e, t, o) { + function i(d) { + return (i = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(m) { + return typeof m; + } : function(m) { + return m && typeof Symbol == "function" && m.constructor === Symbol && m !== Symbol.prototype ? "symbol" : typeof m; + })(d); + } + s(i, "n"); + function n(d, m) { + for (var f = 0; f < m.length; f++) { + var y = m[f]; + y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(d, y.key, y); + } + } + s(n, "o"); + var r = o(1), l = o(7), u = l.get, p = (l.deepValue, l.isArray), c = function() { + function d(h, v) { + var I = v.location, C = I === void 0 ? 0 : I, b = v.distance, x = b === void 0 ? 100 : b, g = v.threshold, w = g === void 0 ? 0.6 : + g, T = v.maxPatternLength, _ = T === void 0 ? 32 : T, k = v.caseSensitive, E = k !== void 0 && k, O = v.tokenSeparator, P = O === void 0 ? + / +/g : O, A = v.findAllMatches, D = A !== void 0 && A, L = v.minMatchCharLength, B = L === void 0 ? 1 : L, N = v.id, V = N === void 0 ? + null : N, R = v.keys, K = R === void 0 ? [] : R, W = v.shouldSort, ee = W === void 0 || W, H = v.getFn, j = H === void 0 ? u : H, F = v. + sortFn, $ = F === void 0 ? function(ue, be) { + return ue.score - be.score; + } : F, X = v.tokenize, oe = X !== void 0 && X, J = v.matchAllTokens, ae = J !== void 0 && J, ie = v.includeMatches, se = ie !== void 0 && + ie, le = v.includeScore, ve = le !== void 0 && le, he = v.verbose, Pe = he !== void 0 && he; + (function(ue, be) { + if (!(ue instanceof be)) throw new TypeError("Cannot call a class as a function"); + })(this, d), this.options = { location: C, distance: x, threshold: w, maxPatternLength: _, isCaseSensitive: E, tokenSeparator: P, findAllMatches: D, + minMatchCharLength: B, id: V, keys: K, includeMatches: se, includeScore: ve, shouldSort: ee, getFn: j, sortFn: $, verbose: Pe, tokenize: oe, + matchAllTokens: ae }, this.setCollection(h), this._processKeys(K); + } + s(d, "e"); + var m, f, y; + return m = d, (f = [{ key: "setCollection", value: /* @__PURE__ */ s(function(h) { + return this.list = h, h; + }, "value") }, { key: "_processKeys", value: /* @__PURE__ */ s(function(h) { + if (this._keyWeights = {}, this._keyNames = [], h.length && typeof h[0] == "string") for (var v = 0, I = h.length; v < I; v += 1) { + var C = h[v]; + this._keyWeights[C] = 1, this._keyNames.push(C); + } + else { + for (var b = null, x = null, g = 0, w = 0, T = h.length; w < T; w += 1) { + var _ = h[w]; + if (!_.hasOwnProperty("name")) throw new Error('Missing "name" property in key object'); + var k = _.name; + if (this._keyNames.push(k), !_.hasOwnProperty("weight")) throw new Error('Missing "weight" property in key object'); + var E = _.weight; + if (E < 0 || E > 1) throw new Error('"weight" property in key must bein the range of [0, 1)'); + x = x == null ? E : Math.max(x, E), b = b == null ? E : Math.min(b, E), this._keyWeights[k] = E, g += E; + } + if (g > 1) throw new Error("Total of weights cannot exceed 1"); + } + }, "value") }, { key: "search", value: /* @__PURE__ */ s(function(h) { + var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : { limit: !1 }; + this._log(`--------- +Search pattern: "`.concat(h, '"')); + var I = this._prepareSearchers(h), C = I.tokenSearchers, b = I.fullSearcher, x = this._search(C, b); + return this._computeScore(x), this.options.shouldSort && this._sort(x), v.limit && typeof v.limit == "number" && (x = x.slice(0, v. + limit)), this._format(x); + }, "value") }, { key: "_prepareSearchers", value: /* @__PURE__ */ s(function() { + var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", v = []; + if (this.options.tokenize) for (var I = h.split(this.options.tokenSeparator), C = 0, b = I.length; C < b; C += 1) v.push(new r(I[C], + this.options)); + return { tokenSearchers: v, fullSearcher: new r(h, this.options) }; + }, "value") }, { key: "_search", value: /* @__PURE__ */ s(function() { + var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], v = arguments.length > 1 ? arguments[1] : void 0, I = this. + list, C = {}, b = []; + if (typeof I[0] == "string") { + for (var x = 0, g = I.length; x < g; x += 1) this._analyze({ key: "", value: I[x], record: x, index: x }, { resultMap: C, results: b, + tokenSearchers: h, fullSearcher: v }); + return b; + } + for (var w = 0, T = I.length; w < T; w += 1) for (var _ = I[w], k = 0, E = this._keyNames.length; k < E; k += 1) { + var O = this._keyNames[k]; + this._analyze({ key: O, value: this.options.getFn(_, O), record: _, index: w }, { resultMap: C, results: b, tokenSearchers: h, fullSearcher: v }); + } + return b; + }, "value") }, { key: "_analyze", value: /* @__PURE__ */ s(function(h, v) { + var I = this, C = h.key, b = h.arrayIndex, x = b === void 0 ? -1 : b, g = h.value, w = h.record, T = h.index, _ = v.tokenSearchers, + k = _ === void 0 ? [] : _, E = v.fullSearcher, O = v.resultMap, P = O === void 0 ? {} : O, A = v.results, D = A === void 0 ? [] : A; + (/* @__PURE__ */ s(function L(B, N, V, R) { + if (N != null) { + if (typeof N == "string") { + var K = !1, W = -1, ee = 0; + I._log(` +Key: `.concat(C === "" ? "--" : C)); + var H = E.search(N); + if (I._log('Full text: "'.concat(N, '", score: ').concat(H.score)), I.options.tokenize) { + for (var j = N.split(I.options.tokenSeparator), F = j.length, $ = [], X = 0, oe = k.length; X < oe; X += 1) { + var J = k[X]; + I._log(` +Pattern: "`.concat(J.pattern, '"')); + for (var ae = !1, ie = 0; ie < F; ie += 1) { + var se = j[ie], le = J.search(se), ve = {}; + le.isMatch ? (ve[se] = le.score, K = !0, ae = !0, $.push(le.score)) : (ve[se] = 1, I.options.matchAllTokens || $.push( + 1)), I._log('Token: "'.concat(se, '", score: ').concat(ve[se])); + } + ae && (ee += 1); + } + W = $[0]; + for (var he = $.length, Pe = 1; Pe < he; Pe += 1) W += $[Pe]; + W /= he, I._log("Token score average:", W); + } + var ue = H.score; + W > -1 && (ue = (ue + W) / 2), I._log("Score average:", ue); + var be = !I.options.tokenize || !I.options.matchAllTokens || ee >= k.length; + if (I._log(` +Check Matches: `.concat(be)), (K || H.isMatch) && be) { + var Te = { key: C, arrayIndex: B, value: N, score: ue }; + I.options.includeMatches && (Te.matchedIndices = H.matchedIndices); + var Re = P[R]; + Re ? Re.output.push(Te) : (P[R] = { item: V, output: [Te] }, D.push(P[R])); + } + } else if (p(N)) for (var Le = 0, Se = N.length; Le < Se; Le += 1) L(Le, N[Le], V, R); + } + }, "e"))(x, g, w, T); + }, "value") }, { key: "_computeScore", value: /* @__PURE__ */ s(function(h) { + this._log(` + +Computing score: +`); + for (var v = this._keyWeights, I = !!Object.keys(v).length, C = 0, b = h.length; C < b; C += 1) { + for (var x = h[C], g = x.output, w = g.length, T = 1, _ = 0; _ < w; _ += 1) { + var k = g[_], E = k.key, O = I ? v[E] : 1, P = k.score === 0 && v && v[E] > 0 ? Number.EPSILON : k.score; + T *= Math.pow(P, O); + } + x.score = T, this._log(x); + } + }, "value") }, { key: "_sort", value: /* @__PURE__ */ s(function(h) { + this._log(` + +Sorting....`), h.sort(this.options.sortFn); + }, "value") }, { key: "_format", value: /* @__PURE__ */ s(function(h) { + var v = []; + if (this.options.verbose) { + var I = []; + this._log(` + +Output: + +`, JSON.stringify(h, function(k, E) { + if (i(E) === "object" && E !== null) { + if (I.indexOf(E) !== -1) return; + I.push(E); + } + return E; + }, 2)), I = null; + } + var C = []; + this.options.includeMatches && C.push(function(k, E) { + var O = k.output; + E.matches = []; + for (var P = 0, A = O.length; P < A; P += 1) { + var D = O[P]; + if (D.matchedIndices.length !== 0) { + var L = { indices: D.matchedIndices, value: D.value }; + D.key && (L.key = D.key), D.hasOwnProperty("arrayIndex") && D.arrayIndex > -1 && (L.arrayIndex = D.arrayIndex), E.matches.push( + L); + } + } + }), this.options.includeScore && C.push(function(k, E) { + E.score = k.score; + }); + for (var b = 0, x = h.length; b < x; b += 1) { + var g = h[b]; + if (this.options.id && (g.item = this.options.getFn(g.item, this.options.id)[0]), C.length) { + for (var w = { item: g.item }, T = 0, _ = C.length; T < _; T += 1) C[T](g, w); + v.push(w); + } else v.push(g.item); + } + return v; + }, "value") }, { key: "_log", value: /* @__PURE__ */ s(function() { + var h; + this.options.verbose && (h = console).log.apply(h, arguments); + }, "value") }]) && n(m.prototype, f), y && n(m, y), d; + }(); + e.exports = c; + }, function(e, t, o) { + function i(p, c) { + for (var d = 0; d < c.length; d++) { + var m = c[d]; + m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(p, m.key, m); + } + } + s(i, "n"); + var n = o(2), r = o(3), l = o(6), u = function() { + function p(f, y) { + var h = y.location, v = h === void 0 ? 0 : h, I = y.distance, C = I === void 0 ? 100 : I, b = y.threshold, x = b === void 0 ? 0.6 : + b, g = y.maxPatternLength, w = g === void 0 ? 32 : g, T = y.isCaseSensitive, _ = T !== void 0 && T, k = y.tokenSeparator, E = k === + void 0 ? / +/g : k, O = y.findAllMatches, P = O !== void 0 && O, A = y.minMatchCharLength, D = A === void 0 ? 1 : A, L = y.includeMatches, + B = L !== void 0 && L; + (function(N, V) { + if (!(N instanceof V)) throw new TypeError("Cannot call a class as a function"); + })(this, p), this.options = { location: v, distance: C, threshold: x, maxPatternLength: w, isCaseSensitive: _, tokenSeparator: E, findAllMatches: P, + includeMatches: B, minMatchCharLength: D }, this.pattern = _ ? f : f.toLowerCase(), this.pattern.length <= w && (this.patternAlphabet = + l(this.pattern)); + } + s(p, "e"); + var c, d, m; + return c = p, (d = [{ key: "search", value: /* @__PURE__ */ s(function(f) { + var y = this.options, h = y.isCaseSensitive, v = y.includeMatches; + if (h || (f = f.toLowerCase()), this.pattern === f) { + var I = { isMatch: !0, score: 0 }; + return v && (I.matchedIndices = [[0, f.length - 1]]), I; + } + var C = this.options, b = C.maxPatternLength, x = C.tokenSeparator; + if (this.pattern.length > b) return n(f, this.pattern, x); + var g = this.options, w = g.location, T = g.distance, _ = g.threshold, k = g.findAllMatches, E = g.minMatchCharLength; + return r(f, this.pattern, this.patternAlphabet, { location: w, distance: T, threshold: _, findAllMatches: k, minMatchCharLength: E, + includeMatches: v }); + }, "value") }]) && i(c.prototype, d), m && i(c, m), p; + }(); + e.exports = u; + }, function(e, t) { + var o = /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g; + e.exports = function(i, n) { + var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : / +/g, l = new RegExp(n.replace(o, "\\$&").replace(r, "|")), + u = i.match(l), p = !!u, c = []; + if (p) for (var d = 0, m = u.length; d < m; d += 1) { + var f = u[d]; + c.push([i.indexOf(f), f.length - 1]); + } + return { score: p ? 0.5 : 1, isMatch: p, matchedIndices: c }; + }; + }, function(e, t, o) { + var i = o(4), n = o(5); + e.exports = function(r, l, u, p) { + for (var c = p.location, d = c === void 0 ? 0 : c, m = p.distance, f = m === void 0 ? 100 : m, y = p.threshold, h = y === void 0 ? 0.6 : + y, v = p.findAllMatches, I = v !== void 0 && v, C = p.minMatchCharLength, b = C === void 0 ? 1 : C, x = p.includeMatches, g = x !== void 0 && + x, w = d, T = r.length, _ = h, k = r.indexOf(l, w), E = l.length, O = [], P = 0; P < T; P += 1) O[P] = 0; + if (k !== -1) { + var A = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: f }); + if (_ = Math.min(A, _), (k = r.lastIndexOf(l, w + E)) !== -1) { + var D = i(l, { errors: 0, currentLocation: k, expectedLocation: w, distance: f }); + _ = Math.min(D, _); + } + } + k = -1; + for (var L = [], B = 1, N = E + T, V = 1 << (E <= 31 ? E - 1 : 30), R = 0; R < E; R += 1) { + for (var K = 0, W = N; K < W; ) + i(l, { errors: R, currentLocation: w + W, expectedLocation: w, distance: f }) <= _ ? K = W : N = W, W = Math.floor((N - K) / 2 + + K); + N = W; + var ee = Math.max(1, w - W + 1), H = I ? T : Math.min(w + W, T) + E, j = Array(H + 2); + j[H + 1] = (1 << R) - 1; + for (var F = H; F >= ee; F -= 1) { + var $ = F - 1, X = u[r.charAt($)]; + if (X && (O[$] = 1), j[F] = (j[F + 1] << 1 | 1) & X, R !== 0 && (j[F] |= (L[F + 1] | L[F]) << 1 | 1 | L[F + 1]), j[F] & V && (B = + i(l, { errors: R, currentLocation: $, expectedLocation: w, distance: f })) <= _) { + if (_ = B, (k = $) <= w) break; + ee = Math.max(1, 2 * w - k); + } + } + if (i(l, { errors: R + 1, currentLocation: w, expectedLocation: w, distance: f }) > _) break; + L = j; + } + var oe = { isMatch: k >= 0, score: B === 0 ? 1e-3 : B }; + return g && (oe.matchedIndices = n(O, b)), oe; + }; + }, function(e, t) { + e.exports = function(o, i) { + var n = i.errors, r = n === void 0 ? 0 : n, l = i.currentLocation, u = l === void 0 ? 0 : l, p = i.expectedLocation, c = p === void 0 ? + 0 : p, d = i.distance, m = d === void 0 ? 100 : d, f = r / o.length, y = Math.abs(c - u); + return m ? f + y / m : y ? 1 : f; + }; + }, function(e, t) { + e.exports = function() { + for (var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], i = arguments.length > 1 && arguments[1] !== void 0 ? + arguments[1] : 1, n = [], r = -1, l = -1, u = 0, p = o.length; u < p; u += 1) { + var c = o[u]; + c && r === -1 ? r = u : c || r === -1 || ((l = u - 1) - r + 1 >= i && n.push([r, l]), r = -1); + } + return o[u - 1] && u - r >= i && n.push([r, u - 1]), n; + }; + }, function(e, t) { + e.exports = function(o) { + for (var i = {}, n = o.length, r = 0; r < n; r += 1) i[o.charAt(r)] = 0; + for (var l = 0; l < n; l += 1) i[o.charAt(l)] |= 1 << n - l - 1; + return i; + }; + }, function(e, t) { + var o = /* @__PURE__ */ s(function(l) { + return Array.isArray ? Array.isArray(l) : Object.prototype.toString.call(l) === "[object Array]"; + }, "r"), i = /* @__PURE__ */ s(function(l) { + return l == null ? "" : function(u) { + if (typeof u == "string") return u; + var p = u + ""; + return p == "0" && 1 / u == -1 / 0 ? "-0" : p; + }(l); + }, "n"), n = /* @__PURE__ */ s(function(l) { + return typeof l == "string"; + }, "o"), r = /* @__PURE__ */ s(function(l) { + return typeof l == "number"; + }, "i"); + e.exports = { get: /* @__PURE__ */ s(function(l, u) { + var p = []; + return (/* @__PURE__ */ s(function c(d, m) { + if (m) { + var f = m.indexOf("."), y = m, h = null; + f !== -1 && (y = m.slice(0, f), h = m.slice(f + 1)); + var v = d[y]; + if (v != null) if (h || !n(v) && !r(v)) if (o(v)) for (var I = 0, C = v.length; I < C; I += 1) c(v[I], h); + else h && c(v, h); + else p.push(i(v)); + } else p.push(d); + }, "e"))(l, u), p; + }, "get"), isArray: o, isString: n, isNum: r, toString: i }; + }]); + }); +}); + +// ../node_modules/store2/dist/store2.js +var jf = _e((Kn, Un) => { + (function(e, t) { + var o = { + version: "2.14.2", + areas: {}, + apis: {}, + nsdelim: ".", + // utilities + inherit: /* @__PURE__ */ s(function(n, r) { + for (var l in n) + r.hasOwnProperty(l) || Object.defineProperty(r, l, Object.getOwnPropertyDescriptor(n, l)); + return r; + }, "inherit"), + stringify: /* @__PURE__ */ s(function(n, r) { + return n === void 0 || typeof n == "function" ? n + "" : JSON.stringify(n, r || o.replace); + }, "stringify"), + parse: /* @__PURE__ */ s(function(n, r) { + try { + return JSON.parse(n, r || o.revive); + } catch { + return n; + } + }, "parse"), + // extension hooks + fn: /* @__PURE__ */ s(function(n, r) { + o.storeAPI[n] = r; + for (var l in o.apis) + o.apis[l][n] = r; + }, "fn"), + get: /* @__PURE__ */ s(function(n, r) { + return n.getItem(r); + }, "get"), + set: /* @__PURE__ */ s(function(n, r, l) { + n.setItem(r, l); + }, "set"), + remove: /* @__PURE__ */ s(function(n, r) { + n.removeItem(r); + }, "remove"), + key: /* @__PURE__ */ s(function(n, r) { + return n.key(r); + }, "key"), + length: /* @__PURE__ */ s(function(n) { + return n.length; + }, "length"), + clear: /* @__PURE__ */ s(function(n) { + n.clear(); + }, "clear"), + // core functions + Store: /* @__PURE__ */ s(function(n, r, l) { + var u = o.inherit(o.storeAPI, function(c, d, m) { + return arguments.length === 0 ? u.getAll() : typeof d == "function" ? u.transact(c, d, m) : d !== void 0 ? u.set(c, d, m) : typeof c == + "string" || typeof c == "number" ? u.get(c) : typeof c == "function" ? u.each(c) : c ? u.setAll(c, d) : u.clear(); + }); + u._id = n; + try { + var p = "__store2_test"; + r.setItem(p, "ok"), u._area = r, r.removeItem(p); + } catch { + u._area = o.storage("fake"); + } + return u._ns = l || "", o.areas[n] || (o.areas[n] = u._area), o.apis[u._ns + u._id] || (o.apis[u._ns + u._id] = u), u; + }, "Store"), + storeAPI: { + // admin functions + area: /* @__PURE__ */ s(function(n, r) { + var l = this[n]; + return (!l || !l.area) && (l = o.Store(n, r, this._ns), this[n] || (this[n] = l)), l; + }, "area"), + namespace: /* @__PURE__ */ s(function(n, r, l) { + if (l = l || this._delim || o.nsdelim, !n) + return this._ns ? this._ns.substring(0, this._ns.length - l.length) : ""; + var u = n, p = this[u]; + if ((!p || !p.namespace) && (p = o.Store(this._id, this._area, this._ns + u + l), p._delim = l, this[u] || (this[u] = p), !r)) + for (var c in o.areas) + p.area(c, o.areas[c]); + return p; + }, "namespace"), + isFake: /* @__PURE__ */ s(function(n) { + return n ? (this._real = this._area, this._area = o.storage("fake")) : n === !1 && (this._area = this._real || this._area), this._area. + name === "fake"; + }, "isFake"), + toString: /* @__PURE__ */ s(function() { + return "store" + (this._ns ? "." + this.namespace() : "") + "[" + this._id + "]"; + }, "toString"), + // storage functions + has: /* @__PURE__ */ s(function(n) { + return this._area.has ? this._area.has(this._in(n)) : this._in(n) in this._area; + }, "has"), + size: /* @__PURE__ */ s(function() { + return this.keys().length; + }, "size"), + each: /* @__PURE__ */ s(function(n, r) { + for (var l = 0, u = o.length(this._area); l < u; l++) { + var p = this._out(o.key(this._area, l)); + if (p !== void 0 && n.call(this, p, this.get(p), r) === !1) + break; + u > o.length(this._area) && (u--, l--); + } + return r || this; + }, "each"), + keys: /* @__PURE__ */ s(function(n) { + return this.each(function(r, l, u) { + u.push(r); + }, n || []); + }, "keys"), + get: /* @__PURE__ */ s(function(n, r) { + var l = o.get(this._area, this._in(n)), u; + return typeof r == "function" && (u = r, r = null), l !== null ? o.parse(l, u) : r ?? l; + }, "get"), + getAll: /* @__PURE__ */ s(function(n) { + return this.each(function(r, l, u) { + u[r] = l; + }, n || {}); + }, "getAll"), + transact: /* @__PURE__ */ s(function(n, r, l) { + var u = this.get(n, l), p = r(u); + return this.set(n, p === void 0 ? u : p), this; + }, "transact"), + set: /* @__PURE__ */ s(function(n, r, l) { + var u = this.get(n), p; + return u != null && l === !1 ? r : (typeof l == "function" && (p = l, l = void 0), o.set(this._area, this._in(n), o.stringify(r, p), + l) || u); + }, "set"), + setAll: /* @__PURE__ */ s(function(n, r) { + var l, u; + for (var p in n) + u = n[p], this.set(p, u, r) !== u && (l = !0); + return l; + }, "setAll"), + add: /* @__PURE__ */ s(function(n, r, l) { + var u = this.get(n); + if (u instanceof Array) + r = u.concat(r); + else if (u !== null) { + var p = typeof u; + if (p === typeof r && p === "object") { + for (var c in r) + u[c] = r[c]; + r = u; + } else + r = u + r; + } + return o.set(this._area, this._in(n), o.stringify(r, l)), r; + }, "add"), + remove: /* @__PURE__ */ s(function(n, r) { + var l = this.get(n, r); + return o.remove(this._area, this._in(n)), l; + }, "remove"), + clear: /* @__PURE__ */ s(function() { + return this._ns ? this.each(function(n) { + o.remove(this._area, this._in(n)); + }, 1) : o.clear(this._area), this; + }, "clear"), + clearAll: /* @__PURE__ */ s(function() { + var n = this._area; + for (var r in o.areas) + o.areas.hasOwnProperty(r) && (this._area = o.areas[r], this.clear()); + return this._area = n, this; + }, "clearAll"), + // internal use functions + _in: /* @__PURE__ */ s(function(n) { + return typeof n != "string" && (n = o.stringify(n)), this._ns ? this._ns + n : n; + }, "_in"), + _out: /* @__PURE__ */ s(function(n) { + return this._ns ? n && n.indexOf(this._ns) === 0 ? n.substring(this._ns.length) : void 0 : ( + // so each() knows to skip it + n + ); + }, "_out") + }, + // end _.storeAPI + storage: /* @__PURE__ */ s(function(n) { + return o.inherit(o.storageAPI, { items: {}, name: n }); + }, "storage"), + storageAPI: { + length: 0, + has: /* @__PURE__ */ s(function(n) { + return this.items.hasOwnProperty(n); + }, "has"), + key: /* @__PURE__ */ s(function(n) { + var r = 0; + for (var l in this.items) + if (this.has(l) && n === r++) + return l; + }, "key"), + setItem: /* @__PURE__ */ s(function(n, r) { + this.has(n) || this.length++, this.items[n] = r; + }, "setItem"), + removeItem: /* @__PURE__ */ s(function(n) { + this.has(n) && (delete this.items[n], this.length--); + }, "removeItem"), + getItem: /* @__PURE__ */ s(function(n) { + return this.has(n) ? this.items[n] : null; + }, "getItem"), + clear: /* @__PURE__ */ s(function() { + for (var n in this.items) + this.removeItem(n); + }, "clear") + } + // end _.storageAPI + }, i = ( + // safely set this up (throws error in IE10/32bit mode for local files) + o.Store("local", function() { + try { + return localStorage; + } catch { + } + }()) + ); + i.local = i, i._ = o, i.area("session", function() { + try { + return sessionStorage; + } catch { + } + }()), i.area("page", o.storage("page")), typeof t == "function" && t.amd !== void 0 ? t("store2", [], function() { + return i; + }) : typeof Un < "u" && Un.exports ? Un.exports = i : (e.store && (o.conflict = e.store), e.store = i); + })(Kn, Kn && Kn.define); +}); + +// global-externals:@storybook/core/channels +var Lx = __STORYBOOK_CHANNELS__, { Channel: Nx, PostMessageTransport: Fx, WebsocketTransport: Bx, createBrowserChannel: ya } = __STORYBOOK_CHANNELS__; + +// ../node_modules/@storybook/global/dist/index.mjs +var re = (() => { + let e; + return typeof window < "u" ? e = window : typeof globalThis < "u" ? e = globalThis : typeof global < "u" ? e = global : typeof self < "u" ? + e = self : e = {}, e; +})(); + +// global-externals:@storybook/core/core-events +var zx = __STORYBOOK_CORE_EVENTS__, { ARGTYPES_INFO_REQUEST: va, ARGTYPES_INFO_RESPONSE: ba, CHANNEL_CREATED: xa, CHANNEL_WS_DISCONNECT: Wx, +CONFIG_ERROR: jx, CREATE_NEW_STORYFILE_REQUEST: Ia, CREATE_NEW_STORYFILE_RESPONSE: Sa, CURRENT_STORY_WAS_SET: Vx, DOCS_PREPARED: $x, DOCS_RENDERED: Kx, +FILE_COMPONENT_SEARCH_REQUEST: wa, FILE_COMPONENT_SEARCH_RESPONSE: hr, FORCE_REMOUNT: Xn, FORCE_RE_RENDER: Ux, GLOBALS_UPDATED: qx, NAVIGATE_URL: Gx, +PLAY_FUNCTION_THREW_EXCEPTION: Yx, PRELOAD_ENTRIES: $t, PREVIEW_BUILDER_PROGRESS: Ea, PREVIEW_KEYDOWN: Xx, REGISTER_SUBSCRIPTION: Qx, REQUEST_WHATS_NEW_DATA: Zx, +RESET_STORY_ARGS: Jx, RESULT_WHATS_NEW_DATA: eI, SAVE_STORY_REQUEST: Ca, SAVE_STORY_RESPONSE: Ta, SELECT_STORY: tI, SET_CONFIG: oI, SET_CURRENT_STORY: _a, +SET_FILTER: rI, SET_GLOBALS: nI, SET_INDEX: iI, SET_STORIES: sI, SET_WHATS_NEW_CACHE: aI, SHARED_STATE_CHANGED: lI, SHARED_STATE_SET: uI, STORIES_COLLAPSE_ALL: Ko, +STORIES_EXPAND_ALL: Qn, STORY_ARGS_UPDATED: pI, STORY_CHANGED: cI, STORY_ERRORED: dI, STORY_INDEX_INVALIDATED: fI, STORY_MISSING: mI, STORY_PREPARED: hI, +STORY_RENDERED: gI, STORY_RENDER_PHASE_CHANGED: yI, STORY_SPECIFIED: vI, STORY_THREW_EXCEPTION: bI, STORY_UNCHANGED: xI, TELEMETRY_ERROR: II, +TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: ka, TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: SI, TESTING_MODULE_CRASH_REPORT: Zn, TESTING_MODULE_PROGRESS_REPORT: Jn, +TESTING_MODULE_RUN_ALL_REQUEST: gr, TESTING_MODULE_RUN_REQUEST: wI, TESTING_MODULE_WATCH_MODE_REQUEST: Oa, TOGGLE_WHATS_NEW_NOTIFICATIONS: EI, +UNHANDLED_ERRORS_WHILE_PLAYING: CI, UPDATE_GLOBALS: TI, UPDATE_QUERY_PARAMS: _I, UPDATE_STORY_ARGS: kI } = __STORYBOOK_CORE_EVENTS__; + +// global-externals:@storybook/core/manager-api +var PI = __STORYBOOK_API__, { ActiveTabs: AI, Consumer: me, ManagerContext: DI, Provider: Pa, RequestResponseError: MI, addons: ut, combineParameters: LI, +controlOrMetaKey: NI, controlOrMetaSymbol: FI, eventMatchesShortcut: BI, eventToShortcut: Aa, experimental_requestResponse: yr, isMacLike: HI, +isShortcutTaken: RI, keyToSymbol: zI, merge: vr, mockChannel: WI, optionOrAltSymbol: jI, shortcutMatchesShortcut: Da, shortcutToHumanString: pt, +types: we, useAddonState: VI, useArgTypes: $I, useArgs: KI, useChannel: UI, useGlobalTypes: qI, useGlobals: GI, useParameter: YI, useSharedState: XI, +useStoryPrepared: QI, useStorybookApi: pe, useStorybookState: Ze } = __STORYBOOK_API__; + +// global-externals:react +var a = __REACT__, { Children: JI, Component: Ge, Fragment: Ne, Profiler: eS, PureComponent: tS, StrictMode: oS, Suspense: rS, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: nS, +cloneElement: Ma, createContext: So, createElement: iS, createFactory: sS, createRef: aS, forwardRef: La, isValidElement: lS, lazy: uS, memo: Uo, +startTransition: pS, unstable_act: cS, useCallback: M, useContext: br, useDebugValue: dS, useDeferredValue: Na, useEffect: z, useId: fS, useImperativeHandle: mS, +useInsertionEffect: hS, useLayoutEffect: Lt, useMemo: Y, useReducer: wo, useRef: G, useState: U, useSyncExternalStore: gS, useTransition: Fa, +version: yS } = __REACT__; + +// global-externals:react-dom/client +var vS = __REACT_DOM_CLIENT__, { createRoot: Ba, hydrateRoot: bS } = __REACT_DOM_CLIENT__; + +// global-externals:@storybook/core/router +var IS = __STORYBOOK_ROUTER__, { BaseLocationProvider: SS, DEEPLY_EQUAL: wS, Link: Ir, Location: Sr, LocationProvider: Ha, Match: Ra, Route: qo, +buildArgsParam: ES, deepDiff: CS, getMatch: TS, parsePath: _S, queryFromLocation: kS, stringifyQuery: OS, useNavigate: za } = __STORYBOOK_ROUTER__; + +// global-externals:@storybook/core/theming +var AS = __STORYBOOK_THEMING__, { CacheProvider: DS, ClassNames: MS, Global: Eo, ThemeProvider: ei, background: LS, color: NS, convert: FS, create: BS, +createCache: HS, createGlobal: Wa, createReset: RS, css: zS, darken: WS, ensure: ja, ignoreSsrWarning: jS, isPropValid: VS, jsx: $S, keyframes: Kt, +lighten: Co, styled: S, themes: KS, typography: US, useTheme: Fe, withTheme: Va } = __STORYBOOK_THEMING__; + +// global-externals:@storybook/core/manager-errors +var GS = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__, { Category: YS, ProviderDoesNotExtendBaseProviderError: $a, UncaughtManagerError: XS } = __STORYBOOK_CORE_EVENTS_MANAGER_ERRORS__; + +// ../node_modules/react-helmet-async/lib/index.module.js +var ne = Ve(ti()), ul = Ve(oi()), ai = Ve(el()), pl = Ve(ol()); +function Ee() { + return Ee = Object.assign || function(e) { + for (var t = 1; t < arguments.length; t++) { + var o = arguments[t]; + for (var i in o) Object.prototype.hasOwnProperty.call(o, i) && (e[i] = o[i]); + } + return e; + }, Ee.apply(this, arguments); +} +s(Ee, "a"); +function ci(e, t) { + e.prototype = Object.create(t.prototype), e.prototype.constructor = e, li(e, t); +} +s(ci, "s"); +function li(e, t) { + return li = Object.setPrototypeOf || function(o, i) { + return o.__proto__ = i, o; + }, li(e, t); +} +s(li, "c"); +function rl(e, t) { + if (e == null) return {}; + var o, i, n = {}, r = Object.keys(e); + for (i = 0; i < r.length; i++) t.indexOf(o = r[i]) >= 0 || (n[o] = e[o]); + return n; +} +s(rl, "u"); +var Z = { BASE: "base", BODY: "body", HEAD: "head", HTML: "html", LINK: "link", META: "meta", NOSCRIPT: "noscript", SCRIPT: "script", STYLE: "\ +style", TITLE: "title", FRAGMENT: "Symbol(react.fragment)" }, Sm = { rel: ["amphtml", "canonical", "alternate"] }, wm = { type: ["applicatio\ +n/ld+json"] }, Em = { 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"] }, +nl = Object.keys(Z).map(function(e) { + return Z[e]; +}), Tr = { accesskey: "accessKey", charset: "charSet", class: "className", contenteditable: "contentEditable", contextmenu: "contextMenu", "\ +http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, Cm = Object.keys(Tr).reduce(function(e, t) { + return e[Tr[t]] = t, e; +}, {}), _o = /* @__PURE__ */ s(function(e, t) { + for (var o = e.length - 1; o >= 0; o -= 1) { + var i = e[o]; + if (Object.prototype.hasOwnProperty.call(i, t)) return i[t]; + } + return null; +}, "T"), Tm = /* @__PURE__ */ s(function(e) { + var t = _o(e, Z.TITLE), o = _o(e, "titleTemplate"); + if (Array.isArray(t) && (t = t.join("")), o && t) return o.replace(/%s/g, function() { + return t; + }); + var i = _o(e, "defaultTitle"); + return t || i || void 0; +}, "g"), _m = /* @__PURE__ */ s(function(e) { + return _o(e, "onChangeClientState") || function() { + }; +}, "b"), ri = /* @__PURE__ */ s(function(e, t) { + return t.filter(function(o) { + return o[e] !== void 0; + }).map(function(o) { + return o[e]; + }).reduce(function(o, i) { + return Ee({}, o, i); + }, {}); +}, "v"), km = /* @__PURE__ */ s(function(e, t) { + return t.filter(function(o) { + return o[Z.BASE] !== void 0; + }).map(function(o) { + return o[Z.BASE]; + }).reverse().reduce(function(o, i) { + if (!o.length) for (var n = Object.keys(i), r = 0; r < n.length; r += 1) { + var l = n[r].toLowerCase(); + if (e.indexOf(l) !== -1 && i[l]) return o.concat(i); + } + return o; + }, []); +}, "A"), Go = /* @__PURE__ */ s(function(e, t, o) { + var i = {}; + return o.filter(function(n) { + return !!Array.isArray(n[e]) || (n[e] !== void 0 && console && typeof console.warn == "function" && console.warn("Helmet: " + e + ' shou\ +ld be of type "Array". Instead found type "' + typeof n[e] + '"'), !1); + }).map(function(n) { + return n[e]; + }).reverse().reduce(function(n, r) { + var l = {}; + r.filter(function(m) { + for (var f, y = Object.keys(m), h = 0; h < y.length; h += 1) { + var v = y[h], I = v.toLowerCase(); + t.indexOf(I) === -1 || f === "rel" && m[f].toLowerCase() === "canonical" || I === "rel" && m[I].toLowerCase() === "stylesheet" || (f = + I), t.indexOf(v) === -1 || v !== "innerHTML" && v !== "cssText" && v !== "itemprop" || (f = v); + } + if (!f || !m[f]) return !1; + var C = m[f].toLowerCase(); + return i[f] || (i[f] = {}), l[f] || (l[f] = {}), !i[f][C] && (l[f][C] = !0, !0); + }).reverse().forEach(function(m) { + return n.push(m); + }); + for (var u = Object.keys(l), p = 0; p < u.length; p += 1) { + var c = u[p], d = Ee({}, i[c], l[c]); + i[c] = d; + } + return n; + }, []).reverse(); +}, "C"), Om = /* @__PURE__ */ s(function(e, t) { + if (Array.isArray(e) && e.length) { + for (var o = 0; o < e.length; o += 1) if (e[o][t]) return !0; + } + return !1; +}, "O"), cl = /* @__PURE__ */ s(function(e) { + return Array.isArray(e) ? e.join("") : e; +}, "S"), ni = /* @__PURE__ */ s(function(e, t) { + return Array.isArray(e) ? e.reduce(function(o, i) { + return function(n, r) { + for (var l = Object.keys(n), u = 0; u < l.length; u += 1) if (r[l[u]] && r[l[u]].includes(n[l[u]])) return !0; + return !1; + }(i, t) ? o.priority.push(i) : o.default.push(i), o; + }, { priority: [], default: [] }) : { default: e }; +}, "E"), il = /* @__PURE__ */ s(function(e, t) { + var o; + return Ee({}, e, ((o = {})[t] = void 0, o)); +}, "I"), Pm = [Z.NOSCRIPT, Z.SCRIPT, Z.STYLE], ii = /* @__PURE__ */ s(function(e, t) { + return t === void 0 && (t = !0), t === !1 ? String(e) : String(e).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace( + /"/g, """).replace(/'/g, "'"); +}, "w"), sl = /* @__PURE__ */ s(function(e) { + return Object.keys(e).reduce(function(t, o) { + var i = e[o] !== void 0 ? o + '="' + e[o] + '"' : "" + o; + return t ? t + " " + i : i; + }, ""); +}, "x"), al = /* @__PURE__ */ s(function(e, t) { + return t === void 0 && (t = {}), Object.keys(e).reduce(function(o, i) { + return o[Tr[i] || i] = e[i], o; + }, t); +}, "L"), Cr = /* @__PURE__ */ s(function(e, t) { + return t.map(function(o, i) { + var n, r = ((n = { key: i })["data-rh"] = !0, n); + return Object.keys(o).forEach(function(l) { + var u = Tr[l] || l; + u === "innerHTML" || u === "cssText" ? r.dangerouslySetInnerHTML = { __html: o.innerHTML || o.cssText } : r[u] = o[l]; + }), a.createElement(e, r); + }); +}, "j"), Je = /* @__PURE__ */ s(function(e, t, o) { + switch (e) { + case Z.TITLE: + return { toComponent: /* @__PURE__ */ s(function() { + return n = t.titleAttributes, (r = { key: i = t.title })["data-rh"] = !0, l = al(n, r), [a.createElement(Z.TITLE, l, i)]; + var i, n, r, l; + }, "toComponent"), toString: /* @__PURE__ */ s(function() { + return function(i, n, r, l) { + var u = sl(r), p = cl(n); + return u ? "<" + i + ' data-rh="true" ' + u + ">" + ii(p, l) + "</" + i + ">" : "<" + i + ' data-rh="true">' + ii(p, l) + "</" + i + + ">"; + }(e, t.title, t.titleAttributes, o); + }, "toString") }; + case "bodyAttributes": + case "htmlAttributes": + return { toComponent: /* @__PURE__ */ s(function() { + return al(t); + }, "toComponent"), toString: /* @__PURE__ */ s(function() { + return sl(t); + }, "toString") }; + default: + return { toComponent: /* @__PURE__ */ s(function() { + return Cr(e, t); + }, "toComponent"), toString: /* @__PURE__ */ s(function() { + return function(i, n, r) { + return n.reduce(function(l, u) { + var p = Object.keys(u).filter(function(m) { + return !(m === "innerHTML" || m === "cssText"); + }).reduce(function(m, f) { + var y = u[f] === void 0 ? f : f + '="' + ii(u[f], r) + '"'; + return m ? m + " " + y : y; + }, ""), c = u.innerHTML || u.cssText || "", d = Pm.indexOf(i) === -1; + return l + "<" + i + ' data-rh="true" ' + p + (d ? "/>" : ">" + c + "</" + i + ">"); + }, ""); + }(e, t, o); + }, "toString") }; + } +}, "M"), ui = /* @__PURE__ */ s(function(e) { + var t = e.baseTag, o = e.bodyAttributes, i = e.encode, n = e.htmlAttributes, r = e.noscriptTags, l = e.styleTags, u = e.title, p = u === void 0 ? + "" : u, c = e.titleAttributes, d = e.linkTags, m = e.metaTags, f = e.scriptTags, y = { toComponent: /* @__PURE__ */ s(function() { + }, "toComponent"), toString: /* @__PURE__ */ s(function() { + return ""; + }, "toString") }; + if (e.prioritizeSeoTags) { + var h = function(v) { + var I = v.linkTags, C = v.scriptTags, b = v.encode, x = ni(v.metaTags, Em), g = ni(I, Sm), w = ni(C, wm); + return { priorityMethods: { toComponent: /* @__PURE__ */ s(function() { + return [].concat(Cr(Z.META, x.priority), Cr(Z.LINK, g.priority), Cr(Z.SCRIPT, w.priority)); + }, "toComponent"), toString: /* @__PURE__ */ s(function() { + return Je(Z.META, x.priority, b) + " " + Je(Z.LINK, g.priority, b) + " " + Je(Z.SCRIPT, w.priority, b); + }, "toString") }, metaTags: x.default, linkTags: g.default, scriptTags: w.default }; + }(e); + y = h.priorityMethods, d = h.linkTags, m = h.metaTags, f = h.scriptTags; + } + return { priority: y, base: Je(Z.BASE, t, i), bodyAttributes: Je("bodyAttributes", o, i), htmlAttributes: Je("htmlAttributes", n, i), link: Je( + Z.LINK, d, i), meta: Je(Z.META, m, i), noscript: Je(Z.NOSCRIPT, r, i), script: Je(Z.SCRIPT, f, i), style: Je(Z.STYLE, l, i), title: Je(Z.TITLE, + { title: p, titleAttributes: c }, i) }; +}, "k"), Er = [], pi = /* @__PURE__ */ s(function(e, t) { + var o = this; + t === void 0 && (t = typeof document < "u"), this.instances = [], this.value = { setHelmet: /* @__PURE__ */ s(function(i) { + o.context.helmet = i; + }, "setHelmet"), helmetInstances: { get: /* @__PURE__ */ s(function() { + return o.canUseDOM ? Er : o.instances; + }, "get"), add: /* @__PURE__ */ s(function(i) { + (o.canUseDOM ? Er : o.instances).push(i); + }, "add"), remove: /* @__PURE__ */ s(function(i) { + var n = (o.canUseDOM ? Er : o.instances).indexOf(i); + (o.canUseDOM ? Er : o.instances).splice(n, 1); + }, "remove") } }, this.context = e, this.canUseDOM = t, t || (e.helmet = ui({ baseTag: [], bodyAttributes: {}, encodeSpecialCharacters: !0, + htmlAttributes: {}, linkTags: [], metaTags: [], noscriptTags: [], scriptTags: [], styleTags: [], title: "", titleAttributes: {} })); +}, "N"), dl = a.createContext({}), Am = ne.default.shape({ setHelmet: ne.default.func, helmetInstances: ne.default.shape({ get: ne.default.func, +add: ne.default.func, remove: ne.default.func }) }), Dm = typeof document < "u", Nt = /* @__PURE__ */ function(e) { + function t(o) { + var i; + return (i = e.call(this, o) || this).helmetData = new pi(i.props.context, t.canUseDOM), i; + } + return s(t, "r"), ci(t, e), t.prototype.render = function() { + return a.createElement(dl.Provider, { value: this.helmetData.value }, this.props.children); + }, t; +}(Ge); +Nt.canUseDOM = Dm, Nt.propTypes = { context: ne.default.shape({ helmet: ne.default.shape() }), children: ne.default.node.isRequired }, Nt.defaultProps = +{ context: {} }, Nt.displayName = "HelmetProvider"; +var To = /* @__PURE__ */ s(function(e, t) { + var o, i = document.head || document.querySelector(Z.HEAD), n = i.querySelectorAll(e + "[data-rh]"), r = [].slice.call(n), l = []; + return t && t.length && t.forEach(function(u) { + var p = document.createElement(e); + for (var c in u) Object.prototype.hasOwnProperty.call(u, c) && (c === "innerHTML" ? p.innerHTML = u.innerHTML : c === "cssText" ? p.styleSheet ? + p.styleSheet.cssText = u.cssText : p.appendChild(document.createTextNode(u.cssText)) : p.setAttribute(c, u[c] === void 0 ? "" : u[c])); + p.setAttribute("data-rh", "true"), r.some(function(d, m) { + return o = m, p.isEqualNode(d); + }) ? r.splice(o, 1) : l.push(p); + }), r.forEach(function(u) { + return u.parentNode.removeChild(u); + }), l.forEach(function(u) { + return i.appendChild(u); + }), { oldTags: r, newTags: l }; +}, "Y"), si = /* @__PURE__ */ s(function(e, t) { + var o = document.getElementsByTagName(e)[0]; + if (o) { + for (var i = o.getAttribute("data-rh"), n = i ? i.split(",") : [], r = [].concat(n), l = Object.keys(t), u = 0; u < l.length; u += 1) { + var p = l[u], c = t[p] || ""; + o.getAttribute(p) !== c && o.setAttribute(p, c), n.indexOf(p) === -1 && n.push(p); + var d = r.indexOf(p); + d !== -1 && r.splice(d, 1); + } + for (var m = r.length - 1; m >= 0; m -= 1) o.removeAttribute(r[m]); + n.length === r.length ? o.removeAttribute("data-rh") : o.getAttribute("data-rh") !== l.join(",") && o.setAttribute("data-rh", l.join(",")); + } +}, "B"), ll = /* @__PURE__ */ s(function(e, t) { + var o = e.baseTag, i = e.htmlAttributes, n = e.linkTags, r = e.metaTags, l = e.noscriptTags, u = e.onChangeClientState, p = e.scriptTags, c = e. + styleTags, d = e.title, m = e.titleAttributes; + si(Z.BODY, e.bodyAttributes), si(Z.HTML, i), function(v, I) { + v !== void 0 && document.title !== v && (document.title = cl(v)), si(Z.TITLE, I); + }(d, m); + var f = { baseTag: To(Z.BASE, o), linkTags: To(Z.LINK, n), metaTags: To(Z.META, r), noscriptTags: To(Z.NOSCRIPT, l), scriptTags: To(Z.SCRIPT, + p), styleTags: To(Z.STYLE, c) }, y = {}, h = {}; + Object.keys(f).forEach(function(v) { + var I = f[v], C = I.newTags, b = I.oldTags; + C.length && (y[v] = C), b.length && (h[v] = f[v].oldTags); + }), t && t(), u(e, y, h); +}, "K"), Yo = null, _r = /* @__PURE__ */ function(e) { + function t() { + for (var i, n = arguments.length, r = new Array(n), l = 0; l < n; l++) r[l] = arguments[l]; + return (i = e.call.apply(e, [this].concat(r)) || this).rendered = !1, i; + } + s(t, "e"), ci(t, e); + var o = t.prototype; + return o.shouldComponentUpdate = function(i) { + return !(0, pl.default)(i, this.props); + }, o.componentDidUpdate = function() { + this.emitChange(); + }, o.componentWillUnmount = function() { + this.props.context.helmetInstances.remove(this), this.emitChange(); + }, o.emitChange = function() { + var i, n, r = this.props.context, l = r.setHelmet, u = null, p = (i = r.helmetInstances.get().map(function(c) { + var d = Ee({}, c.props); + return delete d.context, d; + }), { baseTag: km(["href"], i), bodyAttributes: ri("bodyAttributes", i), defer: _o(i, "defer"), encode: _o(i, "encodeSpecialCharacters"), + htmlAttributes: ri("htmlAttributes", i), linkTags: Go(Z.LINK, ["rel", "href"], i), metaTags: Go(Z.META, ["name", "charset", "http-equiv", + "property", "itemprop"], i), noscriptTags: Go(Z.NOSCRIPT, ["innerHTML"], i), onChangeClientState: _m(i), scriptTags: Go(Z.SCRIPT, ["src", + "innerHTML"], i), styleTags: Go(Z.STYLE, ["cssText"], i), title: Tm(i), titleAttributes: ri("titleAttributes", i), prioritizeSeoTags: Om( + i, "prioritizeSeoTags") }); + Nt.canUseDOM ? (n = p, Yo && cancelAnimationFrame(Yo), n.defer ? Yo = requestAnimationFrame(function() { + ll(n, function() { + Yo = null; + }); + }) : (ll(n), Yo = null)) : ui && (u = ui(p)), l(u); + }, o.init = function() { + this.rendered || (this.rendered = !0, this.props.context.helmetInstances.add(this), this.emitChange()); + }, o.render = function() { + return this.init(), null; + }, t; +}(Ge); +_r.propTypes = { context: Am.isRequired }, _r.displayName = "HelmetDispatcher"; +var Mm = ["children"], Lm = ["children"], Xo = /* @__PURE__ */ function(e) { + function t() { + return e.apply(this, arguments) || this; + } + s(t, "r"), ci(t, e); + var o = t.prototype; + return o.shouldComponentUpdate = function(i) { + return !(0, ul.default)(il(this.props, "helmetData"), il(i, "helmetData")); + }, o.mapNestedChildrenToProps = function(i, n) { + if (!n) return null; + switch (i.type) { + case Z.SCRIPT: + case Z.NOSCRIPT: + return { innerHTML: n }; + case Z.STYLE: + return { cssText: n }; + default: + throw new Error("<" + i.type + " /> elements are self-closing and can not contain children. Refer to our API for more information."); + } + }, o.flattenArrayTypeChildren = function(i) { + var n, r = i.child, l = i.arrayTypeChildren; + return Ee({}, l, ((n = {})[r.type] = [].concat(l[r.type] || [], [Ee({}, i.newChildProps, this.mapNestedChildrenToProps(r, i.nestedChildren))]), + n)); + }, o.mapObjectTypeChildren = function(i) { + var n, r, l = i.child, u = i.newProps, p = i.newChildProps, c = i.nestedChildren; + switch (l.type) { + case Z.TITLE: + return Ee({}, u, ((n = {})[l.type] = c, n.titleAttributes = Ee({}, p), n)); + case Z.BODY: + return Ee({}, u, { bodyAttributes: Ee({}, p) }); + case Z.HTML: + return Ee({}, u, { htmlAttributes: Ee({}, p) }); + default: + return Ee({}, u, ((r = {})[l.type] = Ee({}, p), r)); + } + }, o.mapArrayTypeChildrenToProps = function(i, n) { + var r = Ee({}, n); + return Object.keys(i).forEach(function(l) { + var u; + r = Ee({}, r, ((u = {})[l] = i[l], u)); + }), r; + }, o.warnOnInvalidChildren = function(i, n) { + return (0, ai.default)(nl.some(function(r) { + return i.type === r; + }), typeof i.type == "function" ? "You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to o\ +ur API for more information." : "Only elements types " + nl.join(", ") + " are allowed. Helmet does not support rendering <" + i.type + "> e\ +lements. Refer to our API for more information."), (0, ai.default)(!n || typeof n == "string" || Array.isArray(n) && !n.some(function(r) { + return typeof r != "string"; + }), "Helmet expects a string as a child of <" + i.type + ">. Did you forget to wrap your children in braces? ( <" + i.type + ">{``}</" + + i.type + "> ) Refer to our API for more information."), !0; + }, o.mapChildrenToProps = function(i, n) { + var r = this, l = {}; + return a.Children.forEach(i, function(u) { + if (u && u.props) { + var p = u.props, c = p.children, d = rl(p, Mm), m = Object.keys(d).reduce(function(y, h) { + return y[Cm[h] || h] = d[h], y; + }, {}), f = u.type; + switch (typeof f == "symbol" ? f = f.toString() : r.warnOnInvalidChildren(u, c), f) { + case Z.FRAGMENT: + n = r.mapChildrenToProps(c, n); + break; + case Z.LINK: + case Z.META: + case Z.NOSCRIPT: + case Z.SCRIPT: + case Z.STYLE: + l = r.flattenArrayTypeChildren({ child: u, arrayTypeChildren: l, newChildProps: m, nestedChildren: c }); + break; + default: + n = r.mapObjectTypeChildren({ child: u, newProps: n, newChildProps: m, nestedChildren: c }); + } + } + }), this.mapArrayTypeChildrenToProps(l, n); + }, o.render = function() { + var i = this.props, n = i.children, r = rl(i, Lm), l = Ee({}, r), u = r.helmetData; + return n && (l = this.mapChildrenToProps(n, l)), !u || u instanceof pi || (u = new pi(u.context, u.instances)), u ? /* @__PURE__ */ a.createElement( + _r, Ee({}, l, { context: u.value, helmetData: void 0 })) : /* @__PURE__ */ a.createElement(dl.Consumer, null, function(p) { + return a.createElement(_r, Ee({}, l, { context: p })); + }); + }, t; +}(Ge); +Xo.propTypes = { base: ne.default.object, bodyAttributes: ne.default.object, children: ne.default.oneOfType([ne.default.arrayOf(ne.default.node), +ne.default.node]), defaultTitle: ne.default.string, defer: ne.default.bool, encodeSpecialCharacters: ne.default.bool, htmlAttributes: ne.default. +object, link: ne.default.arrayOf(ne.default.object), meta: ne.default.arrayOf(ne.default.object), noscript: ne.default.arrayOf(ne.default.object), +onChangeClientState: ne.default.func, script: ne.default.arrayOf(ne.default.object), style: ne.default.arrayOf(ne.default.object), title: ne.default. +string, titleAttributes: ne.default.object, titleTemplate: ne.default.string, prioritizeSeoTags: ne.default.bool, helmetData: ne.default.object }, +Xo.defaultProps = { defer: !0, encodeSpecialCharacters: !0, prioritizeSeoTags: !1 }, Xo.displayName = "Helmet"; + +// src/manager/constants.ts +var wt = "@media (min-width: 600px)"; + +// src/manager/components/hooks/useMedia.tsx +function fl(e) { + let t = /* @__PURE__ */ s((r) => typeof window < "u" ? window.matchMedia(r).matches : !1, "getMatches"), [o, i] = U(t(e)); + function n() { + i(t(e)); + } + return s(n, "handleChange"), z(() => { + let r = window.matchMedia(e); + return n(), r.addEventListener("change", n), () => { + r.removeEventListener("change", n); + }; + }, [e]), o; +} +s(fl, "useMediaQuery"); + +// src/manager/components/layout/LayoutProvider.tsx +var ml = So({ + isMobileMenuOpen: !1, + setMobileMenuOpen: /* @__PURE__ */ s(() => { + }, "setMobileMenuOpen"), + isMobileAboutOpen: !1, + setMobileAboutOpen: /* @__PURE__ */ s(() => { + }, "setMobileAboutOpen"), + isMobilePanelOpen: !1, + setMobilePanelOpen: /* @__PURE__ */ s(() => { + }, "setMobilePanelOpen"), + isDesktop: !1, + isMobile: !1 +}), hl = /* @__PURE__ */ s(({ children: e }) => { + let [t, o] = U(!1), [i, n] = U(!1), [r, l] = U(!1), u = fl(`(min-width: ${600}px)`), p = !u, c = Y( + () => ({ + isMobileMenuOpen: t, + setMobileMenuOpen: o, + isMobileAboutOpen: i, + setMobileAboutOpen: n, + isMobilePanelOpen: r, + setMobilePanelOpen: l, + isDesktop: u, + isMobile: p + }), + [ + t, + o, + i, + n, + r, + l, + u, + p + ] + ); + return /* @__PURE__ */ a.createElement(ml.Provider, { value: c }, e); +}, "LayoutProvider"), ge = /* @__PURE__ */ s(() => br(ml), "useLayout"); + +// global-externals:@storybook/core/components +var Sw = __STORYBOOK_COMPONENTS__, { A: ww, ActionBar: Ew, AddonPanel: Cw, Badge: kr, Bar: Tw, Blockquote: _w, Button: fe, ClipboardCode: kw, +Code: Ow, DL: Pw, Div: Aw, DocumentWrapper: Dw, EmptyTabContent: gl, ErrorFormatter: yl, FlexBar: Mw, Form: Or, H1: Lw, H2: Nw, H3: Fw, H4: Bw, +H5: Hw, H6: Rw, HR: zw, IconButton: te, IconButtonSkeleton: Ww, Icons: vl, Img: jw, LI: Vw, Link: We, ListItem: $w, Loader: Pr, Modal: Ut, OL: Kw, +P: Uw, Placeholder: qw, Pre: Gw, ResetWrapper: Yw, ScrollArea: Ar, Separator: ko, Spaced: Et, Span: Xw, StorybookIcon: Qw, StorybookLogo: Dr, +Symbols: Zw, SyntaxHighlighter: Jw, TT: eE, TabBar: Mr, TabButton: Lr, TabWrapper: tE, Table: oE, Tabs: bl, TabsState: rE, TooltipLinkList: Ct, +TooltipMessage: nE, TooltipNote: qt, UL: iE, WithTooltip: je, WithTooltipPure: sE, Zoom: xl, codeCommon: aE, components: lE, createCopyToClipboardFunction: uE, +getStoryHref: Oo, icons: pE, interleaveSeparators: cE, nameSpaceClassNames: dE, resetComponents: fE, withReset: mE } = __STORYBOOK_COMPONENTS__; + +// global-externals:@storybook/icons +var gE = __STORYBOOK_ICONS__, { AccessibilityAltIcon: yE, AccessibilityIcon: vE, AddIcon: bE, AdminIcon: xE, AlertAltIcon: IE, AlertIcon: Nr, +AlignLeftIcon: SE, AlignRightIcon: wE, AppleIcon: EE, ArrowBottomLeftIcon: CE, ArrowBottomRightIcon: TE, ArrowDownIcon: _E, ArrowLeftIcon: Il, +ArrowRightIcon: kE, ArrowSolidDownIcon: OE, ArrowSolidLeftIcon: PE, ArrowSolidRightIcon: AE, ArrowSolidUpIcon: DE, ArrowTopLeftIcon: ME, ArrowTopRightIcon: LE, +ArrowUpIcon: NE, AzureDevOpsIcon: FE, BackIcon: BE, BasketIcon: HE, BatchAcceptIcon: RE, BatchDenyIcon: zE, BeakerIcon: WE, BellIcon: jE, BitbucketIcon: VE, +BoldIcon: $E, BookIcon: KE, BookmarkHollowIcon: UE, BookmarkIcon: qE, BottomBarIcon: Fr, BottomBarToggleIcon: Sl, BoxIcon: GE, BranchIcon: YE, +BrowserIcon: XE, ButtonIcon: QE, CPUIcon: ZE, CalendarIcon: JE, CameraIcon: eC, CategoryIcon: tC, CertificateIcon: oC, ChangedIcon: rC, ChatIcon: nC, +CheckIcon: et, ChevronDownIcon: Po, ChevronLeftIcon: iC, ChevronRightIcon: wl, ChevronSmallDownIcon: sC, ChevronSmallLeftIcon: aC, ChevronSmallRightIcon: lC, +ChevronSmallUpIcon: El, ChevronUpIcon: uC, ChromaticIcon: pC, ChromeIcon: cC, CircleHollowIcon: dC, CircleIcon: Cl, ClearIcon: fC, CloseAltIcon: Br, +CloseIcon: ct, CloudHollowIcon: mC, CloudIcon: hC, CogIcon: di, CollapseIcon: Tl, CommandIcon: gC, CommentAddIcon: yC, CommentIcon: vC, CommentsIcon: bC, +CommitIcon: xC, CompassIcon: IC, ComponentDrivenIcon: SC, ComponentIcon: fi, ContrastIcon: wC, ControlsIcon: EC, CopyIcon: CC, CreditIcon: TC, +CrossIcon: _C, DashboardIcon: kC, DatabaseIcon: OC, DeleteIcon: PC, DiamondIcon: AC, DirectionIcon: DC, DiscordIcon: MC, DocChartIcon: LC, DocListIcon: NC, +DocumentIcon: Ao, DownloadIcon: FC, DragIcon: BC, EditIcon: HC, EllipsisIcon: RC, EmailIcon: zC, ExpandAltIcon: _l, ExpandIcon: kl, EyeCloseIcon: Ol, +EyeIcon: Hr, FaceHappyIcon: WC, FaceNeutralIcon: jC, FaceSadIcon: VC, FacebookIcon: $C, FailedIcon: KC, FastForwardIcon: UC, FigmaIcon: qC, FilterIcon: Pl, +FlagIcon: GC, FolderIcon: YC, FormIcon: XC, GDriveIcon: QC, GithubIcon: Rr, GitlabIcon: ZC, GlobeIcon: mi, GoogleIcon: JC, GraphBarIcon: eT, +GraphLineIcon: tT, GraphqlIcon: oT, GridAltIcon: rT, GridIcon: nT, GrowIcon: iT, HeartHollowIcon: sT, HeartIcon: Al, HomeIcon: aT, HourglassIcon: lT, +InfoIcon: Dl, ItalicIcon: uT, JumpToIcon: pT, KeyIcon: cT, LightningIcon: Ml, LightningOffIcon: dT, LinkBrokenIcon: fT, LinkIcon: Ll, LinkedinIcon: mT, +LinuxIcon: hT, ListOrderedIcon: gT, ListUnorderedIcon: yT, LocationIcon: vT, LockIcon: zr, MarkdownIcon: bT, MarkupIcon: Nl, MediumIcon: xT, +MemoryIcon: IT, MenuIcon: Wr, MergeIcon: ST, MirrorIcon: wT, MobileIcon: ET, MoonIcon: CT, NutIcon: TT, OutboxIcon: _T, OutlineIcon: kT, PaintBrushIcon: OT, +PaperClipIcon: PT, ParagraphIcon: AT, PassedIcon: DT, PhoneIcon: MT, PhotoDragIcon: LT, PhotoIcon: NT, PinAltIcon: FT, PinIcon: BT, PlayAllHollowIcon: Fl, +PlayBackIcon: HT, PlayHollowIcon: Bl, PlayIcon: RT, PlayNextIcon: zT, PlusIcon: Hl, PointerDefaultIcon: WT, PointerHandIcon: jT, PowerIcon: VT, +PrintIcon: $T, ProceedIcon: KT, ProfileIcon: UT, PullRequestIcon: qT, QuestionIcon: GT, RSSIcon: YT, RedirectIcon: XT, ReduxIcon: QT, RefreshIcon: ZT, +ReplyIcon: JT, RepoIcon: e1, RequestChangeIcon: t1, RewindIcon: o1, RulerIcon: r1, SaveIcon: n1, SearchIcon: jr, ShareAltIcon: Tt, ShareIcon: i1, +ShieldIcon: s1, SideBySideIcon: a1, SidebarAltIcon: Vr, SidebarAltToggleIcon: l1, SidebarIcon: u1, SidebarToggleIcon: p1, SpeakerIcon: c1, StackedIcon: d1, +StarHollowIcon: f1, StarIcon: m1, StatusFailIcon: hi, StatusPassIcon: Rl, StatusWarnIcon: gi, StickerIcon: h1, StopAltHollowIcon: zl, StopAltIcon: g1, +StopIcon: y1, StorybookIcon: Wl, StructureIcon: v1, SubtractIcon: b1, SunIcon: x1, SupportIcon: I1, SwitchAltIcon: S1, SyncIcon: Ft, TabletIcon: w1, +ThumbsUpIcon: E1, TimeIcon: jl, TimerIcon: C1, TransferIcon: T1, TrashIcon: Vl, TwitterIcon: _1, TypeIcon: k1, UbuntuIcon: O1, UndoIcon: P1, +UnfoldIcon: A1, UnlockIcon: D1, UnpinIcon: M1, UploadIcon: L1, UserAddIcon: N1, UserAltIcon: F1, UserIcon: B1, UsersIcon: H1, VSCodeIcon: R1, +VerifiedIcon: z1, VideoIcon: W1, WandIcon: $l, WatchIcon: j1, WindowsIcon: V1, WrenchIcon: $1, XIcon: K1, YoutubeIcon: U1, ZoomIcon: Kl, ZoomOutIcon: Ul, +ZoomResetIcon: ql, iconList: q1 } = __STORYBOOK_ICONS__; + +// ../node_modules/@babel/runtime/helpers/esm/extends.js +function q() { + return q = Object.assign ? Object.assign.bind() : function(e) { + for (var t = 1; t < arguments.length; t++) { + var o = arguments[t]; + for (var i in o) ({}).hasOwnProperty.call(o, i) && (e[i] = o[i]); + } + return e; + }, q.apply(null, arguments); +} +s(q, "_extends"); + +// ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js +function Gl(e) { + if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); + return e; +} +s(Gl, "_assertThisInitialized"); + +// ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js +function Bt(e, t) { + return Bt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, i) { + return o.__proto__ = i, o; + }, Bt(e, t); +} +s(Bt, "_setPrototypeOf"); + +// ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js +function Do(e, t) { + e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Bt(e, t); +} +s(Do, "_inheritsLoose"); + +// ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js +function $r(e) { + return $r = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) { + return t.__proto__ || Object.getPrototypeOf(t); + }, $r(e); +} +s($r, "_getPrototypeOf"); + +// ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js +function Yl(e) { + try { + return Function.toString.call(e).indexOf("[native code]") !== -1; + } catch { + return typeof e == "function"; + } +} +s(Yl, "_isNativeFunction"); + +// ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js +function yi() { + try { + var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() { + })); + } catch { + } + return (yi = /* @__PURE__ */ s(function() { + return !!e; + }, "_isNativeReflectConstruct"))(); +} +s(yi, "_isNativeReflectConstruct"); + +// ../node_modules/@babel/runtime/helpers/esm/construct.js +function Xl(e, t, o) { + if (yi()) return Reflect.construct.apply(null, arguments); + var i = [null]; + i.push.apply(i, t); + var n = new (e.bind.apply(e, i))(); + return o && Bt(n, o.prototype), n; +} +s(Xl, "_construct"); + +// ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js +function Kr(e) { + var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0; + return Kr = /* @__PURE__ */ s(function(i) { + if (i === null || !Yl(i)) return i; + if (typeof i != "function") throw new TypeError("Super expression must either be null or a function"); + if (t !== void 0) { + if (t.has(i)) return t.get(i); + t.set(i, n); + } + function n() { + return Xl(i, arguments, $r(this).constructor); + } + return s(n, "Wrapper"), n.prototype = Object.create(i.prototype, { + constructor: { + value: n, + enumerable: !1, + writable: !0, + configurable: !0 + } + }), Bt(n, i); + }, "_wrapNativeSuper"), Kr(e); +} +s(Kr, "_wrapNativeSuper"); + +// ../node_modules/polished/dist/polished.esm.js +var Lo = /* @__PURE__ */ function(e) { + Do(t, e); + function t(o) { + var i; + if (1) + i = e.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + o + + " for more information.") || this; + else + for (var n, r, l; l < n; l++) + ; + return Gl(i); + } + return s(t, "PolishedError"), t; +}(/* @__PURE__ */ Kr(Error)); +function vi(e) { + return Math.round(e * 255); +} +s(vi, "colorToInt"); +function Nm(e, t, o) { + return vi(e) + "," + vi(t) + "," + vi(o); +} +s(Nm, "convertToInt"); +function Ql(e, t, o, i) { + if (i === void 0 && (i = Nm), t === 0) + return i(o, o, o); + var n = (e % 360 + 360) % 360 / 60, r = (1 - Math.abs(2 * o - 1)) * t, l = r * (1 - Math.abs(n % 2 - 1)), u = 0, p = 0, c = 0; + n >= 0 && n < 1 ? (u = r, p = l) : n >= 1 && n < 2 ? (u = l, p = r) : n >= 2 && n < 3 ? (p = r, c = l) : n >= 3 && n < 4 ? (p = l, c = r) : + n >= 4 && n < 5 ? (u = l, c = r) : n >= 5 && n < 6 && (u = r, c = l); + var d = o - r / 2, m = u + d, f = p + d, y = c + d; + return i(m, f, y); +} +s(Ql, "hslToRgb"); +var Zl = { + 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 Fm(e) { + if (typeof e != "string") return e; + var t = e.toLowerCase(); + return Zl[t] ? "#" + Zl[t] : e; +} +s(Fm, "nameToHex"); +var Bm = /^#[a-fA-F0-9]{6}$/, Hm = /^#[a-fA-F0-9]{8}$/, Rm = /^#[a-fA-F0-9]{3}$/, zm = /^#[a-fA-F0-9]{4}$/, bi = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, +Wm = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, jm = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, +Vm = /^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 tu(e) { + if (typeof e != "string") + throw new Lo(3); + var t = Fm(e); + if (t.match(Bm)) + return { + red: parseInt("" + t[1] + t[2], 16), + green: parseInt("" + t[3] + t[4], 16), + blue: parseInt("" + t[5] + t[6], 16) + }; + if (t.match(Hm)) { + var o = parseFloat((parseInt("" + t[7] + t[8], 16) / 255).toFixed(2)); + return { + red: parseInt("" + t[1] + t[2], 16), + green: parseInt("" + t[3] + t[4], 16), + blue: parseInt("" + t[5] + t[6], 16), + alpha: o + }; + } + if (t.match(Rm)) + return { + red: parseInt("" + t[1] + t[1], 16), + green: parseInt("" + t[2] + t[2], 16), + blue: parseInt("" + t[3] + t[3], 16) + }; + if (t.match(zm)) { + var i = parseFloat((parseInt("" + t[4] + t[4], 16) / 255).toFixed(2)); + return { + red: parseInt("" + t[1] + t[1], 16), + green: parseInt("" + t[2] + t[2], 16), + blue: parseInt("" + t[3] + t[3], 16), + alpha: i + }; + } + var n = bi.exec(t); + if (n) + return { + red: parseInt("" + n[1], 10), + green: parseInt("" + n[2], 10), + blue: parseInt("" + n[3], 10) + }; + var r = Wm.exec(t.substring(0, 50)); + if (r) + return { + red: parseInt("" + r[1], 10), + green: parseInt("" + r[2], 10), + blue: parseInt("" + r[3], 10), + alpha: parseFloat("" + r[4]) > 1 ? parseFloat("" + r[4]) / 100 : parseFloat("" + r[4]) + }; + var l = jm.exec(t); + if (l) { + var u = parseInt("" + l[1], 10), p = parseInt("" + l[2], 10) / 100, c = parseInt("" + l[3], 10) / 100, d = "rgb(" + Ql(u, p, c) + ")", m = bi. + exec(d); + if (!m) + throw new Lo(4, t, d); + return { + red: parseInt("" + m[1], 10), + green: parseInt("" + m[2], 10), + blue: parseInt("" + m[3], 10) + }; + } + var f = Vm.exec(t.substring(0, 50)); + if (f) { + var y = parseInt("" + f[1], 10), h = parseInt("" + f[2], 10) / 100, v = parseInt("" + f[3], 10) / 100, I = "rgb(" + Ql(y, h, v) + ")", C = bi. + exec(I); + if (!C) + throw new Lo(4, t, I); + return { + red: parseInt("" + C[1], 10), + green: parseInt("" + C[2], 10), + blue: parseInt("" + C[3], 10), + alpha: parseFloat("" + f[4]) > 1 ? parseFloat("" + f[4]) / 100 : parseFloat("" + f[4]) + }; + } + throw new Lo(5); +} +s(tu, "parseToRgb"); +var $m = /* @__PURE__ */ s(function(t) { + return t.length === 7 && t[1] === t[2] && t[3] === t[4] && t[5] === t[6] ? "#" + t[1] + t[3] + t[5] : t; +}, "reduceHexValue"), Jl = $m; +function Mo(e) { + var t = e.toString(16); + return t.length === 1 ? "0" + t : t; +} +s(Mo, "numberToHex"); +function eu(e, t, o) { + if (typeof e == "number" && typeof t == "number" && typeof o == "number") + return Jl("#" + Mo(e) + Mo(t) + Mo(o)); + if (typeof e == "object" && t === void 0 && o === void 0) + return Jl("#" + Mo(e.red) + Mo(e.green) + Mo(e.blue)); + throw new Lo(6); +} +s(eu, "rgb"); +function xi(e, t, o, i) { + if (typeof e == "string" && typeof t == "number") { + var n = tu(e); + return "rgba(" + n.red + "," + n.green + "," + n.blue + "," + t + ")"; + } else { + if (typeof e == "number" && typeof t == "number" && typeof o == "number" && typeof i == "number") + return i >= 1 ? eu(e, t, o) : "rgba(" + e + "," + t + "," + o + "," + i + ")"; + if (typeof e == "object" && t === void 0 && o === void 0 && i === void 0) + return e.alpha >= 1 ? eu(e.red, e.green, e.blue) : "rgba(" + e.red + "," + e.green + "," + e.blue + "," + e.alpha + ")"; + } + throw new Lo(7); +} +s(xi, "rgba"); +function ou(e, t, o) { + return /* @__PURE__ */ s(function() { + var n = o.concat(Array.prototype.slice.call(arguments)); + return n.length >= t ? e.apply(this, n) : ou(e, t, n); + }, "fn"); +} +s(ou, "curried"); +function Km(e) { + return ou(e, e.length, []); +} +s(Km, "curry"); +function Um(e, t, o) { + return Math.max(e, Math.min(t, o)); +} +s(Um, "guard"); +function qm(e, t) { + if (t === "transparent") return t; + var o = tu(t), i = typeof o.alpha == "number" ? o.alpha : 1, n = q({}, o, { + alpha: Um(0, 1, +(i * 100 - parseFloat(e) * 100).toFixed(2) / 100) + }); + return xi(n); +} +s(qm, "transparentize"); +var Gm = /* @__PURE__ */ Km(qm), xe = Gm; + +// src/manager/components/notifications/NotificationItem.tsx +var Ym = Kt({ + "0%": { + opacity: 0, + transform: "translateY(30px)" + }, + "100%": { + opacity: 1, + transform: "translateY(0)" + } +}), Xm = Kt({ + "0%": { + width: "0%" + }, + "100%": { + width: "100%" + } +}), ru = S.div( + ({ theme: e }) => ({ + position: "relative", + display: "flex", + border: `1px solid ${e.appBorderColor}`, + padding: "12px 6px 12px 12px", + borderRadius: e.appBorderRadius + 1, + alignItems: "center", + animation: `${Ym} 500ms`, + background: e.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: e.color.inverseText, + textDecoration: "none", + overflow: "hidden", + [wt]: { + boxShadow: `0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${e.background.app}` + } + }), + ({ duration: e, theme: t }) => e && { + "&::after": { + content: '""', + display: "block", + position: "absolute", + bottom: 0, + left: 0, + height: 3, + background: t.color.secondary, + animation: `${Xm} ${e}ms linear forwards reverse` + } + } +), nu = S(ru)({ + cursor: "pointer", + border: "none", + outline: "none", + textAlign: "left", + 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: "rgba(2,156,253,1) 0 0 0 1px inset, 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)" + } +}), Qm = nu.withComponent("div"), Zm = nu.withComponent(Ir), Jm = S.div(() => ({ + display: "flex", + marginRight: 10, + alignItems: "center", + svg: { + width: 16, + height: 16 + } +})), eh = S.div(({ theme: e }) => ({ + width: "100%", + display: "flex", + flexDirection: "column", + color: e.base === "dark" ? e.color.mediumdark : e.color.mediumlight +})), th = S.div(({ theme: e, hasIcon: t }) => ({ + height: "100%", + alignItems: "center", + whiteSpace: "balance", + overflow: "hidden", + textOverflow: "ellipsis", + fontSize: e.typography.size.s1, + lineHeight: "16px", + fontWeight: e.typography.weight.bold +})), oh = S.div(({ theme: e }) => ({ + color: xe(0.25, e.color.inverseText), + fontSize: e.typography.size.s1 - 1, + lineHeight: "14px", + marginTop: 2, + whiteSpace: "balance" +})), Ii = /* @__PURE__ */ s(({ + icon: e, + content: { headline: t, subHeadline: o } +}) => { + let i = Fe(), n = i.base === "dark" ? i.color.mediumdark : i.color.mediumlight; + return /* @__PURE__ */ a.createElement(a.Fragment, null, !e || /* @__PURE__ */ a.createElement(Jm, null, a.isValidElement(e) ? e : typeof e == + "object" && "name" in e && /* @__PURE__ */ a.createElement(vl, { icon: e.name, color: e.color || n })), /* @__PURE__ */ a.createElement(eh, + null, /* @__PURE__ */ a.createElement(th, { title: t, hasIcon: !!e }, t), o && /* @__PURE__ */ a.createElement(oh, null, o))); +}, "ItemContent"), rh = S(te)(({ theme: e }) => ({ + width: 28, + alignSelf: "center", + marginTop: 0, + color: e.base === "light" ? "rgba(255,255,255,0.7)" : " #999999" +})), Si = /* @__PURE__ */ s(({ onDismiss: e }) => /* @__PURE__ */ a.createElement( + rh, + { + title: "Dismiss notification", + onClick: (t) => { + t.preventDefault(), t.stopPropagation(), e(); + } + }, + /* @__PURE__ */ a.createElement(Br, { size: 12 }) +), "DismissNotificationItem"), B_ = S.div({ + height: 48 +}), nh = /* @__PURE__ */ s(({ + notification: { content: e, duration: t, link: o, onClear: i, onClick: n, id: r, icon: l }, + onDismissNotification: u, + zIndex: p +}) => { + let c = M(() => { + u(r), i && i({ dismissed: !1, timeout: !0 }); + }, [r, u, i]), d = G(null); + z(() => { + if (t) + return d.current = setTimeout(c, t), () => clearTimeout(d.current); + }, [t, c]); + let m = M(() => { + clearTimeout(d.current), u(r), i && i({ dismissed: !0, timeout: !1 }); + }, [r, u, i]); + return o ? /* @__PURE__ */ a.createElement(Zm, { to: o, duration: t, style: { zIndex: p } }, /* @__PURE__ */ a.createElement(Ii, { icon: l, + content: e }), /* @__PURE__ */ a.createElement(Si, { onDismiss: m })) : n ? /* @__PURE__ */ a.createElement( + Qm, + { + duration: t, + onClick: () => n({ onDismiss: m }), + style: { zIndex: p } + }, + /* @__PURE__ */ a.createElement(Ii, { icon: l, content: e }), + /* @__PURE__ */ a.createElement(Si, { onDismiss: m }) + ) : /* @__PURE__ */ a.createElement(ru, { duration: t, style: { zIndex: p } }, /* @__PURE__ */ a.createElement(Ii, { icon: l, content: e }), + /* @__PURE__ */ a.createElement(Si, { onDismiss: m })); +}, "NotificationItem"), iu = nh; + +// src/manager/components/notifications/NotificationList.tsx +var Ur = /* @__PURE__ */ s(({ + notifications: e, + clearNotification: t +}) => { + let { isMobile: o } = ge(); + return /* @__PURE__ */ a.createElement(ih, { isMobile: o }, e && e.map((i, n) => /* @__PURE__ */ a.createElement( + iu, + { + key: i.id, + onDismissNotification: (r) => t(r), + notification: i, + zIndex: e.length - n + } + ))); +}, "NotificationList"), ih = S.div( + { + zIndex: 200, + "> * + *": { + marginTop: 12 + }, + "&:empty": { + display: "none" + } + }, + ({ isMobile: e }) => e && { + position: "fixed", + bottom: 40, + margin: 20 + } +); + +// src/manager/container/Notifications.tsx +var sh = /* @__PURE__ */ s(({ state: e, api: t }) => ({ + notifications: e.notifications, + clearNotification: t.clearNotification +}), "mapper"), su = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: sh }, (t) => /* @__PURE__ */ a.createElement(Ur, { +...e, ...t })), "Notifications"); + +// src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx +var ah = S.div(({ theme: e }) => ({ + position: "relative", + boxSizing: "border-box", + width: "100%", + background: e.background.content, + height: "42vh", + zIndex: 11, + overflow: "hidden" +})), au = /* @__PURE__ */ s(({ children: e }) => /* @__PURE__ */ a.createElement(ah, null, e), "MobileAddonsDrawer"); + +// ../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +function ke(e, t) { + if (e == null) return {}; + var o = {}; + for (var i in e) if ({}.hasOwnProperty.call(e, i)) { + if (t.indexOf(i) >= 0) continue; + o[i] = e[i]; + } + return o; +} +s(ke, "_objectWithoutPropertiesLoose"); + +// global-externals:react-dom +var Gt = __REACT_DOM__, { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: rk, createPortal: nk, createRoot: ik, findDOMNode: sk, flushSync: Yt, +hydrate: ak, hydrateRoot: lk, render: uk, unmountComponentAtNode: pk, unstable_batchedUpdates: ck, unstable_renderSubtreeIntoContainer: dk, version: fk } = __REACT_DOM__; + +// ../node_modules/react-transition-group/esm/config.js +var wi = { + disabled: !1 +}; + +// ../node_modules/react-transition-group/esm/TransitionGroupContext.js +var Ei = a.createContext(null); + +// ../node_modules/react-transition-group/esm/utils/reflow.js +var lu = /* @__PURE__ */ s(function(t) { + return t.scrollTop; +}, "forceReflow"); + +// ../node_modules/react-transition-group/esm/Transition.js +var Qo = "unmounted", Xt = "exited", Qt = "entering", Fo = "entered", Ci = "exiting", _t = /* @__PURE__ */ function(e) { + Do(t, e); + function t(i, n) { + var r; + r = e.call(this, i, n) || this; + var l = n, u = l && !l.isMounting ? i.enter : i.appear, p; + return r.appearStatus = null, i.in ? u ? (p = Xt, r.appearStatus = Qt) : p = Fo : i.unmountOnExit || i.mountOnEnter ? p = Qo : p = Xt, r. + state = { + status: p + }, r.nextCallback = null, r; + } + s(t, "Transition"), t.getDerivedStateFromProps = /* @__PURE__ */ s(function(n, r) { + var l = n.in; + return l && r.status === Qo ? { + status: Xt + } : null; + }, "getDerivedStateFromProps"); + var o = t.prototype; + return o.componentDidMount = /* @__PURE__ */ s(function() { + this.updateStatus(!0, this.appearStatus); + }, "componentDidMount"), o.componentDidUpdate = /* @__PURE__ */ s(function(n) { + var r = null; + if (n !== this.props) { + var l = this.state.status; + this.props.in ? l !== Qt && l !== Fo && (r = Qt) : (l === Qt || l === Fo) && (r = Ci); + } + this.updateStatus(!1, r); + }, "componentDidUpdate"), o.componentWillUnmount = /* @__PURE__ */ s(function() { + this.cancelNextCallback(); + }, "componentWillUnmount"), o.getTimeouts = /* @__PURE__ */ s(function() { + var n = this.props.timeout, r, l, u; + return r = l = u = n, n != null && typeof n != "number" && (r = n.exit, l = n.enter, u = n.appear !== void 0 ? n.appear : l), { + exit: r, + enter: l, + appear: u + }; + }, "getTimeouts"), o.updateStatus = /* @__PURE__ */ s(function(n, r) { + if (n === void 0 && (n = !1), r !== null) + if (this.cancelNextCallback(), r === Qt) { + if (this.props.unmountOnExit || this.props.mountOnEnter) { + var l = this.props.nodeRef ? this.props.nodeRef.current : Gt.findDOMNode(this); + l && lu(l); + } + this.performEnter(n); + } else + this.performExit(); + else this.props.unmountOnExit && this.state.status === Xt && this.setState({ + status: Qo + }); + }, "updateStatus"), o.performEnter = /* @__PURE__ */ s(function(n) { + var r = this, l = this.props.enter, u = this.context ? this.context.isMounting : n, p = this.props.nodeRef ? [u] : [Gt.findDOMNode(this), + u], c = p[0], d = p[1], m = this.getTimeouts(), f = u ? m.appear : m.enter; + if (!n && !l || wi.disabled) { + this.safeSetState({ + status: Fo + }, function() { + r.props.onEntered(c); + }); + return; + } + this.props.onEnter(c, d), this.safeSetState({ + status: Qt + }, function() { + r.props.onEntering(c, d), r.onTransitionEnd(f, function() { + r.safeSetState({ + status: Fo + }, function() { + r.props.onEntered(c, d); + }); + }); + }); + }, "performEnter"), o.performExit = /* @__PURE__ */ s(function() { + var n = this, r = this.props.exit, l = this.getTimeouts(), u = this.props.nodeRef ? void 0 : Gt.findDOMNode(this); + if (!r || wi.disabled) { + this.safeSetState({ + status: Xt + }, function() { + n.props.onExited(u); + }); + return; + } + this.props.onExit(u), this.safeSetState({ + status: Ci + }, function() { + n.props.onExiting(u), n.onTransitionEnd(l.exit, function() { + n.safeSetState({ + status: Xt + }, function() { + n.props.onExited(u); + }); + }); + }); + }, "performExit"), o.cancelNextCallback = /* @__PURE__ */ s(function() { + this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null); + }, "cancelNextCallback"), o.safeSetState = /* @__PURE__ */ s(function(n, r) { + r = this.setNextCallback(r), this.setState(n, r); + }, "safeSetState"), o.setNextCallback = /* @__PURE__ */ s(function(n) { + var r = this, l = !0; + return this.nextCallback = function(u) { + l && (l = !1, r.nextCallback = null, n(u)); + }, this.nextCallback.cancel = function() { + l = !1; + }, this.nextCallback; + }, "setNextCallback"), o.onTransitionEnd = /* @__PURE__ */ s(function(n, r) { + this.setNextCallback(r); + var l = this.props.nodeRef ? this.props.nodeRef.current : Gt.findDOMNode(this), u = n == null && !this.props.addEndListener; + if (!l || u) { + setTimeout(this.nextCallback, 0); + return; + } + if (this.props.addEndListener) { + var p = this.props.nodeRef ? [this.nextCallback] : [l, this.nextCallback], c = p[0], d = p[1]; + this.props.addEndListener(c, d); + } + n != null && setTimeout(this.nextCallback, n); + }, "onTransitionEnd"), o.render = /* @__PURE__ */ s(function() { + var n = this.state.status; + if (n === Qo) + return null; + var r = this.props, l = r.children, u = r.in, p = r.mountOnEnter, c = r.unmountOnExit, d = r.appear, m = r.enter, f = r.exit, y = r.timeout, + h = r.addEndListener, v = r.onEnter, I = r.onEntering, C = r.onEntered, b = r.onExit, x = r.onExiting, g = r.onExited, w = r.nodeRef, T = ke( + r, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "\ +onEntered", "onExit", "onExiting", "onExited", "nodeRef"]); + return ( + // allows for nested Transitions + /* @__PURE__ */ a.createElement(Ei.Provider, { + value: null + }, typeof l == "function" ? l(n, T) : a.cloneElement(a.Children.only(l), T)) + ); + }, "render"), t; +}(a.Component); +_t.contextType = Ei; +_t.propTypes = {}; +function No() { +} +s(No, "noop"); +_t.defaultProps = { + in: !1, + mountOnEnter: !1, + unmountOnExit: !1, + appear: !1, + enter: !0, + exit: !0, + onEnter: No, + onEntering: No, + onEntered: No, + onExit: No, + onExiting: No, + onExited: No +}; +_t.UNMOUNTED = Qo; +_t.EXITED = Xt; +_t.ENTERING = Qt; +_t.ENTERED = Fo; +_t.EXITING = Ci; +var Zt = _t; + +// src/manager/components/upgrade/UpgradeBlock.tsx +var qr = /* @__PURE__ */ s(({ onNavigateToWhatsNew: e }) => { + let t = pe(), [o, i] = U("npm"); + return /* @__PURE__ */ a.createElement(uh, null, /* @__PURE__ */ a.createElement("strong", null, "You are on Storybook ", t.getCurrentVersion(). + version), /* @__PURE__ */ a.createElement("p", null, "Run the following script to check for updates and upgrade to the latest version."), /* @__PURE__ */ a. + createElement(ph, null, /* @__PURE__ */ a.createElement(uu, { active: o === "npm", onClick: () => i("npm") }, "npm"), /* @__PURE__ */ a.createElement( + uu, { active: o === "pnpm", onClick: () => i("pnpm") }, "pnpm")), /* @__PURE__ */ a.createElement(ch, null, o === "npm" ? "npx storybook@l\ +atest upgrade" : "pnpm dlx storybook@latest upgrade"), e && // eslint-disable-next-line jsx-a11y/anchor-is-valid + /* @__PURE__ */ a.createElement(We, { onClick: e }, "See what's new in Storybook")); +}, "UpgradeBlock"), uh = S.div(({ theme: e }) => ({ + border: "1px solid", + borderRadius: 5, + padding: 20, + marginTop: 0, + borderColor: e.appBorderColor, + fontSize: e.typography.size.s2, + width: "100%", + [wt]: { + maxWidth: 400 + } +})), ph = S.div({ + display: "flex", + gap: 2 +}), ch = S.pre(({ theme: e }) => ({ + background: e.base === "light" ? "rgba(0, 0, 0, 0.05)" : e.appBorderColor, + fontSize: e.typography.size.s2 - 1, + margin: "4px 0 16px" +})), uu = S.button(({ theme: e, active: t }) => ({ + all: "unset", + alignItems: "center", + gap: 10, + color: e.color.defaultText, + fontSize: e.typography.size.s2 - 1, + borderBottom: "2px solid transparent", + borderBottomColor: t ? e.color.secondary : "none", + padding: "0 10px 5px", + marginBottom: "5px", + cursor: "pointer" +})); + +// src/manager/components/mobile/about/MobileAbout.tsx +var du = /* @__PURE__ */ s(() => { + let { isMobileAboutOpen: e, setMobileAboutOpen: t } = ge(), o = G(null); + return /* @__PURE__ */ a.createElement( + Zt, + { + nodeRef: o, + in: e, + timeout: 300, + appear: !0, + mountOnEnter: !0, + unmountOnExit: !0 + }, + (i) => /* @__PURE__ */ a.createElement(dh, { ref: o, state: i, transitionDuration: 300 }, /* @__PURE__ */ a.createElement(hh, { onClick: () => t( + !1), title: "Close about section" }, /* @__PURE__ */ a.createElement(Il, null), "Back"), /* @__PURE__ */ a.createElement(fh, null, /* @__PURE__ */ a. + createElement(pu, { href: "https://github.com/storybookjs/storybook", target: "_blank" }, /* @__PURE__ */ a.createElement(cu, null, /* @__PURE__ */ a. + createElement(Rr, null), /* @__PURE__ */ a.createElement("span", null, "Github")), /* @__PURE__ */ a.createElement(Tt, { width: 12 })), /* @__PURE__ */ a. + createElement( + pu, + { + href: "https://storybook.js.org/docs/react/get-started/install/", + target: "_blank" + }, + /* @__PURE__ */ a.createElement(cu, null, /* @__PURE__ */ a.createElement(Wl, null), /* @__PURE__ */ a.createElement("span", null, "Do\ +cumentation")), + /* @__PURE__ */ a.createElement(Tt, { width: 12 }) + )), /* @__PURE__ */ a.createElement(qr, null), /* @__PURE__ */ a.createElement(mh, null, "Open source software maintained by", " ", /* @__PURE__ */ a. + createElement(We, { href: "https://chromatic.com", target: "_blank" }, "Chromatic"), " ", "and the", " ", /* @__PURE__ */ a.createElement( + We, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community"))) + ); +}, "MobileAbout"), dh = S.div( + ({ theme: e, state: t, transitionDuration: o }) => ({ + position: "absolute", + width: "100%", + height: "100%", + top: 0, + left: 0, + zIndex: 11, + transition: `all ${o}ms ease-in-out`, + overflow: "scroll", + padding: "25px 10px 10px", + color: e.color.defaultText, + background: e.background.content, + opacity: `${(() => { + switch (t) { + case "entering": + case "entered": + return 1; + case "exiting": + case "exited": + return 0; + default: + return 0; + } + })()}`, + transform: `${(() => { + switch (t) { + case "entering": + case "entered": + return "translateX(0)"; + case "exiting": + case "exited": + return "translateX(20px)"; + default: + return "translateX(0)"; + } + })()}` + }) +), fh = S.div({ + marginTop: 20, + marginBottom: 20 +}), pu = S.a(({ theme: e }) => ({ + all: "unset", + display: "flex", + alignItems: "center", + justifyContent: "space-between", + fontSize: e.typography.size.s2 - 1, + height: 52, + borderBottom: `1px solid ${e.appBorderColor}`, + cursor: "pointer", + padding: "0 10px", + "&:last-child": { + borderBottom: "none" + } +})), cu = S.div(({ theme: e }) => ({ + display: "flex", + alignItems: "center", + fontSize: e.typography.size.s2 - 1, + height: 40, + gap: 5 +})), mh = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s2 - 1, + marginTop: 30 +})), hh = S.button(({ theme: e }) => ({ + all: "unset", + display: "flex", + alignItems: "center", + gap: 10, + color: "currentColor", + fontSize: e.typography.size.s2 - 1, + padding: "0 10px" +})); + +// src/manager/components/mobile/navigation/MobileMenuDrawer.tsx +var fu = /* @__PURE__ */ s(({ children: e }) => { + let t = G(null), o = G(null), i = G(null), { isMobileMenuOpen: n, setMobileMenuOpen: r, isMobileAboutOpen: l, setMobileAboutOpen: u } = ge(); + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( + Zt, + { + nodeRef: t, + in: n, + timeout: 300, + mountOnEnter: !0, + unmountOnExit: !0, + onExited: () => u(!1) + }, + (p) => /* @__PURE__ */ a.createElement(gh, { ref: t, state: p }, /* @__PURE__ */ a.createElement( + Zt, + { + nodeRef: o, + in: !l, + timeout: 300 + }, + (c) => /* @__PURE__ */ a.createElement(yh, { ref: o, state: c }, e) + ), /* @__PURE__ */ a.createElement(du, null)) + ), /* @__PURE__ */ a.createElement( + Zt, + { + nodeRef: i, + in: n, + timeout: 300, + mountOnEnter: !0, + unmountOnExit: !0 + }, + (p) => /* @__PURE__ */ a.createElement( + vh, + { + ref: i, + state: p, + onClick: () => r(!1), + "aria-label": "Close navigation menu" + } + ) + )); +}, "MobileMenuDrawer"), gh = S.div(({ theme: e, state: t }) => ({ + position: "fixed", + boxSizing: "border-box", + width: "100%", + background: e.background.content, + height: "80%", + bottom: 0, + left: 0, + zIndex: 11, + borderRadius: "10px 10px 0 0", + transition: `all ${300}ms ease-in-out`, + overflow: "hidden", + transform: `${t === "entering" || t === "entered" ? "translateY(0)" : t === "exiting" || t === "exited" ? "translateY(100%)" : "translateY\ +(0)"}` +})), yh = S.div(({ theme: e, state: t }) => ({ + position: "absolute", + width: "100%", + height: "100%", + top: 0, + left: 0, + zIndex: 1, + transition: `all ${300}ms ease-in-out`, + overflow: "hidden", + opacity: `${t === "entered" || t === "entering" ? 1 : t === "exiting" || t === "exited" ? 0 : 1}`, + transform: `${(() => { + switch (t) { + case "entering": + case "entered": + return "translateX(0)"; + case "exiting": + case "exited": + return "translateX(-20px)"; + default: + return "translateX(0)"; + } + })()}` +})), vh = S.div(({ state: e }) => ({ + position: "fixed", + boxSizing: "border-box", + background: "rgba(0, 0, 0, 0.5)", + top: 0, + bottom: 0, + right: 0, + left: 0, + zIndex: 10, + transition: `all ${300}ms ease-in-out`, + cursor: "pointer", + opacity: `${(() => { + switch (e) { + case "entering": + case "entered": + return 1; + case "exiting": + case "exited": + return 0; + default: + return 0; + } + })()}`, + "&:hover": { + background: "rgba(0, 0, 0, 0.6)" + } +})); + +// src/manager/components/mobile/navigation/MobileNavigation.tsx +var bh = /* @__PURE__ */ s(() => { + let { index: e } = Ze(), t = pe(), o = t.getCurrentStoryData(); + if (!o) + return ""; + let i = o.renderLabel?.(o, t) || o.name, n = e[o.id]; + for (; "parent" in n && n.parent && e[n.parent] && i.length < 24; ) + n = e[n.parent], i = `${n.renderLabel?.(n, t) || n.name}/${i}`; + return i; +}, "useFullStoryName"), mu = /* @__PURE__ */ s(({ menu: e, panel: t, showPanel: o }) => { + let { isMobileMenuOpen: i, isMobilePanelOpen: n, setMobileMenuOpen: r, setMobilePanelOpen: l } = ge(), u = bh(); + return /* @__PURE__ */ a.createElement(xh, null, /* @__PURE__ */ a.createElement(fu, null, e), n ? /* @__PURE__ */ a.createElement(au, null, + t) : /* @__PURE__ */ a.createElement(Ih, { className: "sb-bar" }, /* @__PURE__ */ a.createElement(Sh, { onClick: () => r(!i), title: "Open\ + navigation menu" }, /* @__PURE__ */ a.createElement(Wr, null), /* @__PURE__ */ a.createElement(wh, null, u)), o && /* @__PURE__ */ a.createElement( + te, { onClick: () => l(!0), title: "Open addon panel" }, /* @__PURE__ */ a.createElement(Sl, null)))); +}, "MobileNavigation"), xh = S.div(({ theme: e }) => ({ + bottom: 0, + left: 0, + width: "100%", + zIndex: 10, + background: e.barBg, + borderTop: `1px solid ${e.appBorderColor}` +})), Ih = S.div({ + display: "flex", + alignItems: "center", + justifyContent: "space-between", + width: "100%", + height: 40, + padding: "0 6px" +}), Sh = S.button(({ theme: e }) => ({ + all: "unset", + display: "flex", + alignItems: "center", + gap: 10, + color: e.barTextColor, + fontSize: `${e.typography.size.s2 - 1}px`, + padding: "0 7px", + fontWeight: e.typography.weight.bold, + WebkitLineClamp: 1, + "> svg": { + width: 14, + height: 14, + flexShrink: 0 + } +})), wh = S.p({ + display: "-webkit-box", + WebkitLineClamp: 1, + WebkitBoxOrient: "vertical", + overflow: "hidden" +}); + +// src/manager/components/layout/useDragging.ts +var hu = 30, Gr = 240, Yr = 270, gu = 0.9; +function yu(e, t, o) { + return Math.min(Math.max(e, t), o); +} +s(yu, "clamp"); +function vu(e, t, o) { + return t + (o - t) * e; +} +s(vu, "interpolate"); +function bu({ + setState: e, + isPanelShown: t, + isDesktop: o +}) { + let i = G(null), n = G(null); + return z(() => { + let r = i.current, l = n.current, u = document.querySelector("#storybook-preview-wrapper"), p = null, c = /* @__PURE__ */ s((f) => { + f.preventDefault(), e((y) => ({ + ...y, + isDragging: !0 + })), f.currentTarget === r ? p = r : f.currentTarget === l && (p = l), window.addEventListener("mousemove", m), window.addEventListener( + "mouseup", d), u && (u.style.pointerEvents = "none"); + }, "onDragStart"), d = /* @__PURE__ */ s((f) => { + e((y) => p === l && y.navSize < Gr && y.navSize > 0 ? { + ...y, + isDragging: !1, + navSize: Gr + } : p === r && y.panelPosition === "right" && y.rightPanelWidth < Yr && y.rightPanelWidth > 0 ? { + ...y, + isDragging: !1, + rightPanelWidth: Yr + } : { + ...y, + isDragging: !1 + }), window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", d), u?.removeAttribute("style"), p = null; + }, "onDragEnd"), m = /* @__PURE__ */ s((f) => { + if (f.buttons === 0) { + d(f); + return; + } + e((y) => { + if (p === l) { + let h = f.clientX; + return h === y.navSize ? y : h <= hu ? { + ...y, + navSize: 0 + } : h <= Gr ? { + ...y, + navSize: vu(gu, h, Gr) + } : { + ...y, + // @ts-expect-error (non strict) + navSize: yu(h, 0, f.view.innerWidth) + }; + } + if (p === r) { + let h = y.panelPosition === "bottom" ? "bottomPanelHeight" : "rightPanelWidth", v = y.panelPosition === "bottom" ? ( + // @ts-expect-error (non strict) + f.view.innerHeight - f.clientY + ) : ( + // @ts-expect-error (non strict) + f.view.innerWidth - f.clientX + ); + if (v === y[h]) + return y; + if (v <= hu) + return { + ...y, + [h]: 0 + }; + if (y.panelPosition === "right" && v <= Yr) + return { + ...y, + [h]: vu( + gu, + v, + Yr + ) + }; + let I = ( + // @ts-expect-error (non strict) + y.panelPosition === "bottom" ? f.view.innerHeight : f.view.innerWidth + ); + return { + ...y, + [h]: yu(v, 0, I) + }; + } + return y; + }); + }, "onDrag"); + return r?.addEventListener("mousedown", c), l?.addEventListener("mousedown", c), () => { + r?.removeEventListener("mousedown", c), l?.removeEventListener("mousedown", c), u?.removeAttribute("style"); + }; + }, [ + // we need to rerun this effect when the panel is shown/hidden or when changing between mobile/desktop to re-attach the event listeners + t, + o, + e + ]), { panelResizerRef: i, sidebarResizerRef: n }; +} +s(bu, "useDragging"); + +// src/manager/components/layout/Layout.tsx +var Eh = 100, xu = /* @__PURE__ */ s((e, t) => e.navSize === t.navSize && e.bottomPanelHeight === t.bottomPanelHeight && e.rightPanelWidth === +t.rightPanelWidth && e.panelPosition === t.panelPosition, "layoutStateIsEqual"), Ch = /* @__PURE__ */ s(({ + managerLayoutState: e, + setManagerLayoutState: t, + isDesktop: o, + hasTab: i +}) => { + let n = a.useRef(e), [r, l] = U({ + ...e, + isDragging: !1 + }); + z(() => { + r.isDragging || // don't interrupt user's drag + xu(e, n.current) || (n.current = e, l((h) => ({ ...h, ...e }))); + }, [r.isDragging, e, l]), Lt(() => { + if (r.isDragging || // wait with syncing managerLayoutState until user is done dragging + xu(e, r)) + return; + let h = { + navSize: r.navSize, + bottomPanelHeight: r.bottomPanelHeight, + rightPanelWidth: r.rightPanelWidth + }; + n.current = { + ...n.current, + ...h + }, t(h); + }, [r, t]); + let u = e.viewMode !== "story" && e.viewMode !== "docs", p = e.viewMode === "story" && !i, { panelResizerRef: c, sidebarResizerRef: d } = bu( + { + setState: l, + isPanelShown: p, + isDesktop: o + }), { navSize: m, rightPanelWidth: f, bottomPanelHeight: y } = r.isDragging ? r : e; + return { + navSize: m, + rightPanelWidth: f, + bottomPanelHeight: y, + panelPosition: e.panelPosition, + panelResizerRef: c, + sidebarResizerRef: d, + showPages: u, + showPanel: p, + isDragging: r.isDragging + }; +}, "useLayoutSyncingState"), Su = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, hasTab: o, ...i }) => { + let { isDesktop: n, isMobile: r } = ge(), { + navSize: l, + rightPanelWidth: u, + bottomPanelHeight: p, + panelPosition: c, + panelResizerRef: d, + sidebarResizerRef: m, + showPages: f, + showPanel: y, + isDragging: h + } = Ch({ managerLayoutState: e, setManagerLayoutState: t, isDesktop: n, hasTab: o }); + return /* @__PURE__ */ a.createElement( + Th, + { + navSize: l, + rightPanelWidth: u, + bottomPanelHeight: p, + panelPosition: e.panelPosition, + isDragging: h, + viewMode: e.viewMode, + showPanel: y + }, + f && /* @__PURE__ */ a.createElement(Oh, null, i.slotPages), + /* @__PURE__ */ a.createElement(Ra, { path: /(^\/story|docs|onboarding\/|^\/$)/, startsWith: !1 }, ({ match: v }) => /* @__PURE__ */ a.createElement( + kh, { shown: !!v }, i.slotMain)), + n && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(_h, null, /* @__PURE__ */ a.createElement(Iu, { ref: m }), + i.slotSidebar), y && /* @__PURE__ */ a.createElement(Ph, { position: c }, /* @__PURE__ */ a.createElement( + Iu, + { + orientation: c === "bottom" ? "horizontal" : "vertical", + position: c === "bottom" ? "left" : "right", + ref: d + } + ), i.slotPanel)), + r && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(su, null), /* @__PURE__ */ a.createElement( + mu, + { + menu: i.slotSidebar, + panel: i.slotPanel, + showPanel: y + } + )) + ); +}, "Layout"), Th = S.div( + ({ navSize: e, rightPanelWidth: t, bottomPanelHeight: o, viewMode: i, panelPosition: n, showPanel: r }) => ({ + width: "100%", + height: ["100vh", "100dvh"], + // This array is a special Emotion syntax to set a fallback if 100dvh is not supported + overflow: "hidden", + display: "flex", + flexDirection: "column", + [wt]: { + display: "grid", + gap: 0, + gridTemplateColumns: `minmax(0, ${e}px) minmax(${Eh}px, 1fr) minmax(0, ${t}px)`, + gridTemplateRows: `1fr minmax(0, ${o}px)`, + gridTemplateAreas: i === "docs" || !r ? `"sidebar content content" + "sidebar content content"` : n === "right" ? `"sidebar content panel" + "sidebar content panel"` : `"sidebar content content" + "sidebar panel panel"` + } + }) +), _h = S.div(({ theme: e }) => ({ + backgroundColor: e.background.app, + gridArea: "sidebar", + position: "relative", + borderRight: `1px solid ${e.color.border}` +})), kh = S.div(({ theme: e, shown: t }) => ({ + flex: 1, + position: "relative", + backgroundColor: e.background.content, + display: t ? "grid" : "none", + // This is needed to make the content container fill the available space + overflow: "auto", + [wt]: { + flex: "auto", + gridArea: "content" + } +})), Oh = S.div(({ theme: e }) => ({ + gridRowStart: "sidebar-start", + gridRowEnd: "-1", + gridColumnStart: "sidebar-end", + gridColumnEnd: "-1", + backgroundColor: e.background.content, + zIndex: 1 +})), Ph = S.div( + ({ theme: e, position: t }) => ({ + gridArea: "panel", + position: "relative", + backgroundColor: e.background.content, + borderTop: t === "bottom" ? `1px solid ${e.color.border}` : void 0, + borderLeft: t === "right" ? `1px solid ${e.color.border}` : void 0 + }) +), Iu = S.div( + ({ theme: e }) => ({ + position: "absolute", + opacity: 0, + transition: "opacity 0.2s ease-in-out", + zIndex: 100, + "&:after": { + content: '""', + display: "block", + backgroundColor: e.color.secondary + }, + "&:hover": { + opacity: 1 + } + }), + ({ orientation: e = "vertical", position: t = "left" }) => e === "vertical" ? { + width: t === "left" ? 10 : 13, + height: "100%", + top: 0, + right: t === "left" ? "-7px" : void 0, + left: t === "right" ? "-7px" : void 0, + "&:after": { + width: 1, + height: "100%", + marginLeft: t === "left" ? 3 : 6 + }, + "&:hover": { + cursor: "col-resize" + } + } : { + width: "100%", + height: "13px", + top: "-7px", + left: 0, + "&:after": { + width: "100%", + height: 1, + marginTop: 6 + }, + "&:hover": { + cursor: "row-resize" + } + } +); + +// global-externals:@storybook/core/types +var SO = __STORYBOOK_TYPES__, { Addon_TypesEnum: Ae } = __STORYBOOK_TYPES__; + +// src/manager/container/Panel.tsx +var Eu = Ve(Zo(), 1); + +// src/manager/components/panel/Panel.tsx +var Oi = class Oi extends Ge { + constructor(t) { + super(t), this.state = { hasError: !1 }; + } + componentDidCatch(t, o) { + this.setState({ hasError: !0 }), console.error(t, o); + } + // @ts-expect-error (we know this is broken) + render() { + let { hasError: t } = this.state, { children: o } = this.props; + return t ? /* @__PURE__ */ a.createElement("h1", null, "Something went wrong.") : o; + } +}; +s(Oi, "SafeTab"); +var _i = Oi, ki = a.memo( + ({ + panels: e, + shortcuts: t, + actions: o, + selectedPanel: i = null, + panelPosition: n = "right", + absolute: r = !0 + }) => { + let { isDesktop: l, setMobilePanelOpen: u } = ge(); + return /* @__PURE__ */ a.createElement( + bl, + { + absolute: r, + ...i ? { selected: i } : {}, + menuName: "Addons", + actions: o, + showToolsWhenEmpty: !0, + emptyState: /* @__PURE__ */ a.createElement( + gl, + { + title: "Storybook add-ons", + description: /* @__PURE__ */ a.createElement(a.Fragment, null, "Integrate your tools with Storybook to connect workflows and unl\ +ock advanced features."), + footer: /* @__PURE__ */ a.createElement(We, { href: "https://storybook.js.org/integrations", target: "_blank", withArrow: !0 }, /* @__PURE__ */ a. + createElement(Ao, null), " Explore integrations catalog") + } + ), + tools: /* @__PURE__ */ a.createElement(Ah, null, l ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( + te, + { + key: "position", + onClick: o.togglePosition, + title: `Change addon orientation [${pt( + t.panelPosition + )}]` + }, + n === "bottom" ? /* @__PURE__ */ a.createElement(Vr, null) : /* @__PURE__ */ a.createElement(Fr, null) + ), /* @__PURE__ */ a.createElement( + te, + { + key: "visibility", + onClick: o.toggleVisibility, + title: `Hide addons [${pt(t.togglePanel)}]` + }, + /* @__PURE__ */ a.createElement(ct, null) + )) : /* @__PURE__ */ a.createElement(te, { onClick: () => u(!1), title: "Close addon panel" }, /* @__PURE__ */ a.createElement(ct, null))), + id: "storybook-panel-root" + }, + Object.entries(e).map(([p, c]) => ( + // @ts-expect-error (we know this is broken) + /* @__PURE__ */ a.createElement(_i, { key: p, id: p, title: typeof c.title == "function" ? /* @__PURE__ */ a.createElement(c.title, null) : + c.title }, c.render) + )) + ); + } +); +ki.displayName = "AddonPanel"; +var Ah = S.div({ + display: "flex", + alignItems: "center", + gap: 6 +}); + +// src/manager/container/Panel.tsx +var Dh = (0, Eu.default)(1)((e) => ({ + onSelect: /* @__PURE__ */ s((t) => e.setSelectedPanel(t), "onSelect"), + toggleVisibility: /* @__PURE__ */ s(() => e.togglePanel(), "toggleVisibility"), + togglePosition: /* @__PURE__ */ s(() => e.togglePanelPosition(), "togglePosition") +})), Mh = /* @__PURE__ */ s((e) => { + let t = e.getElements(Ae.PANEL), o = e.getCurrentStoryData(); + if (!t || !o || o.type !== "story") + return t; + let { parameters: i } = o, n = {}; + return Object.entries(t).forEach(([r, l]) => { + let { paramKey: u } = l; + u && i && i[u] && i[u].disable || (n[r] = l); + }), n; +}, "getPanels"), Lh = /* @__PURE__ */ s(({ state: e, api: t }) => ({ + panels: Mh(t), + selectedPanel: t.getSelectedPanel(), + panelPosition: e.layout.panelPosition, + actions: Dh(t), + shortcuts: t.getShortcutKeys() +}), "mapper"), Nh = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(me, { filter: Lh }, (t) => /* @__PURE__ */ a.createElement(ki, { +...e, ...t })), "Panel"), Cu = Nh; + +// src/manager/container/Preview.tsx +var er = Ve(Zo(), 1); + +// src/manager/components/preview/Iframe.tsx +var Fh = S.iframe(({ theme: e }) => ({ + backgroundColor: e.background.preview, + 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", + margin: "auto", + boxShadow: "0 0 100px 100vw rgba(0,0,0,0.5)" +})); +function Tu(e) { + let { active: t, id: o, title: i, src: n, allowFullScreen: r, scale: l, ...u } = e, p = a.useRef(null); + return /* @__PURE__ */ a.createElement(xl.IFrame, { scale: l, active: t, iFrameRef: p }, /* @__PURE__ */ a.createElement( + Fh, + { + "data-is-storybook": t ? "true" : "false", + onLoad: (c) => c.currentTarget.setAttribute("data-is-loaded", "true"), + id: o, + title: i, + src: n, + allow: "clipboard-write;", + allowFullScreen: r, + ref: p, + ...u + } + )); +} +s(Tu, "IFrame"); + +// src/manager/components/preview/utils/stringifyQueryParams.tsx +var Ru = Ve(Hu(), 1); +var zu = /* @__PURE__ */ s((e) => { + let t = (0, Ru.stringify)(e); + return t === "" ? "" : `&${t}`; +}, "stringifyQueryParams"); + +// src/manager/components/preview/FramesRenderer.tsx +var lg = /* @__PURE__ */ s((e, t) => e && t[e] ? `storybook-ref-${e}` : "storybook-preview-iframe", "getActive"), ug = S(fe)(({ theme: e }) => ({ + display: "none", + "@media (min-width: 600px)": { + position: "absolute", + display: "block", + top: 10, + right: 15, + padding: "10px 15px", + fontSize: e.typography.size.s1, + transform: "translateY(-100px)", + "&:focus": { + transform: "translateY(0)", + zIndex: 1 + } + } +})), pg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ + isFullscreen: e.getIsFullscreen(), + isNavShown: e.getIsNavShown(), + selectedStoryId: t.storyId +}), "whenSidebarIsVisible"), cg = { + '#root [data-is-storybook="false"]': { + display: "none" + }, + '#root [data-is-storybook="true"]': { + display: "block" + } +}, Wu = /* @__PURE__ */ s(({ + refs: e, + scale: t, + viewMode: o = "story", + refId: i, + queryParams: n = {}, + baseUrl: r, + storyId: l = "*" +}) => { + let u = e[i]?.version, p = zu({ + ...n, + ...u && { version: u } + }), c = lg(i, e), { current: d } = G({}), m = Object.values(e).filter((f) => f.type === "auto-inject" || f.id === i, {}); + return d["storybook-preview-iframe"] || (d["storybook-preview-iframe"] = Oo(r, l, { + ...n, + ...u && { version: u }, + viewMode: o + })), m.forEach((f) => { + let y = `storybook-ref-${f.id}`, h = d[y]?.split("/iframe.html")[0]; + if (!h || f.url !== h) { + let v = `${f.url}/iframe.html?id=${l}&viewMode=${o}&refId=${f.id}${p}`; + d[y] = v; + } + }), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Eo, { styles: cg }), /* @__PURE__ */ a.createElement(me, { filter: pg }, + ({ isFullscreen: f, isNavShown: y, selectedStoryId: h }) => f || !y || !h ? null : /* @__PURE__ */ a.createElement(ug, { asChild: !0 }, /* @__PURE__ */ a. + createElement("a", { href: `#${h}`, tabIndex: 0, title: "Skip to sidebar" }, "Skip to sidebar"))), Object.entries(d).map(([f, y]) => /* @__PURE__ */ a. + createElement(Ne, { key: f }, /* @__PURE__ */ a.createElement( + Tu, + { + active: f === c, + key: f, + id: f, + title: f, + src: y, + allowFullScreen: !0, + scale: t + } + )))); +}, "FramesRenderer"); + +// src/manager/components/preview/tools/addons.tsx +var dg = /* @__PURE__ */ s(({ api: e, state: t }) => ({ + isVisible: e.getIsPanelShown(), + singleStory: t.singleStory, + panelPosition: t.layout.panelPosition, + toggle: /* @__PURE__ */ s(() => e.togglePanel(), "toggle") +}), "menuMapper"), ju = { + title: "addons", + id: "addons", + type: we.TOOL, + match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: dg }, ({ isVisible: e, toggle: t, singleStory: o, panelPosition: i }) => !o && + !e && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { "aria-label": "Show addons", key: "addons", onClick: t, + title: "Show addons" }, i === "bottom" ? /* @__PURE__ */ a.createElement(Fr, null) : /* @__PURE__ */ a.createElement(Vr, null)))), "render") +}; + +// src/manager/components/preview/tools/copy.tsx +var Gu = Ve(qu(), 1); +var { PREVIEW_URL: yg, document: vg } = re, bg = /* @__PURE__ */ s(({ state: e }) => { + let { storyId: t, refId: o, refs: i } = e, { location: n } = vg, r = i[o], l = `${n.origin}${n.pathname}`; + return l.endsWith("/") || (l += "/"), { + refId: o, + baseUrl: r ? `${r.url}/iframe.html` : yg || `${l}iframe.html`, + storyId: t, + queryParams: e.customQueryParams + }; +}, "copyMapper"), Yu = { + title: "copy", + id: "copy", + type: we.TOOL, + match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: bg }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. + createElement( + te, + { + key: "copy", + onClick: () => (0, Gu.default)(Oo(e, t, o)), + title: "Copy canvas link" + }, + /* @__PURE__ */ a.createElement(Ll, null) + ) : null), "render") +}; + +// src/manager/components/preview/tools/eject.tsx +var { PREVIEW_URL: xg } = re, Ig = /* @__PURE__ */ s(({ state: e }) => { + let { storyId: t, refId: o, refs: i } = e, n = i[o]; + return { + refId: o, + baseUrl: n ? `${n.url}/iframe.html` : xg || "iframe.html", + storyId: t, + queryParams: e.customQueryParams + }; +}, "ejectMapper"), Xu = { + title: "eject", + id: "eject", + type: we.TOOL, + match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Ig }, ({ baseUrl: e, storyId: t, queryParams: o }) => t ? /* @__PURE__ */ a. + createElement(te, { key: "opener", asChild: !0 }, /* @__PURE__ */ a.createElement( + "a", + { + href: Oo(e, t, o), + target: "_blank", + rel: "noopener noreferrer", + title: "Open canvas in new tab" + }, + /* @__PURE__ */ a.createElement(Tt, null) + )) : null), "render") +}; + +// src/manager/components/preview/tools/remount.tsx +var Sg = S(te)(({ theme: e, animating: t, disabled: o }) => ({ + opacity: o ? 0.5 : 1, + svg: { + animation: t ? `${e.animation.rotate360} 1000ms ease-out` : void 0 + } +})), wg = /* @__PURE__ */ s(({ api: e, state: t }) => { + let { storyId: o } = t; + return { + storyId: o, + remount: /* @__PURE__ */ s(() => e.emit(Xn, { storyId: t.storyId }), "remount"), + api: e + }; +}, "menuMapper"), Qu = { + title: "remount", + id: "remount", + type: we.TOOL, + match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: wg }, ({ remount: e, storyId: t, api: o }) => { + let [i, n] = U(!1), r = /* @__PURE__ */ s(() => { + t && e(); + }, "remountComponent"); + return o.on(Xn, () => { + n(!0); + }), /* @__PURE__ */ a.createElement( + Sg, + { + key: "remount", + title: "Remount component", + onClick: r, + onAnimationEnd: () => n(!1), + animating: i, + disabled: !t + }, + /* @__PURE__ */ a.createElement(Ft, null) + ); + }), "render") +}; + +// src/manager/components/preview/tools/zoom.tsx +var Jo = 1, Zu = So({ value: Jo, set: /* @__PURE__ */ s((e) => { +}, "set") }), Bi = class Bi extends Ge { + constructor() { + super(...arguments); + this.state = { + value: Jo + }; + this.set = /* @__PURE__ */ s((o) => this.setState({ value: o }), "set"); + } + render() { + let { children: o, shouldScale: i } = this.props, { set: n } = this, { value: r } = this.state; + return /* @__PURE__ */ a.createElement(Zu.Provider, { value: { value: i ? r : Jo, set: n } }, o); + } +}; +s(Bi, "ZoomProvider"); +var en = Bi, { Consumer: Fi } = Zu, Eg = Uo(/* @__PURE__ */ s(function({ zoomIn: t, zoomOut: o, reset: i }) { + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { key: "zoomin", onClick: t, title: "Zoom in" }, + /* @__PURE__ */ a.createElement(Kl, null)), /* @__PURE__ */ a.createElement(te, { key: "zoomout", onClick: o, title: "Zoom out" }, /* @__PURE__ */ a. + createElement(Ul, null)), /* @__PURE__ */ a.createElement(te, { key: "zoomreset", onClick: i, title: "Reset zoom" }, /* @__PURE__ */ a.createElement( + ql, null))); +}, "Zoom")); +var Cg = Uo(/* @__PURE__ */ s(function({ + set: t, + value: o +}) { + let i = M( + (l) => { + l.preventDefault(), t(0.8 * o); + }, + [t, o] + ), n = M( + (l) => { + l.preventDefault(), t(1.25 * o); + }, + [t, o] + ), r = M( + (l) => { + l.preventDefault(), t(Jo); + }, + [t, Jo] + ); + return /* @__PURE__ */ a.createElement(Eg, { key: "zoom", zoomIn: i, zoomOut: n, reset: r }); +}, "ZoomWrapper")); +function Tg() { + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Fi, null, ({ set: e, value: t }) => /* @__PURE__ */ a. + createElement(Cg, { set: e, value: t })), /* @__PURE__ */ a.createElement(ko, null)); +} +s(Tg, "ZoomToolRenderer"); +var Ju = { + title: "zoom", + id: "zoom", + type: we.TOOL, + match: /* @__PURE__ */ s(({ viewMode: e, tabId: t }) => e === "story" && !t, "match"), + render: Tg +}; + +// src/manager/components/preview/Toolbar.tsx +var _g = /* @__PURE__ */ s(({ api: e, state: t }) => ({ + toggle: e.toggleFullscreen, + isFullscreen: e.getIsFullscreen(), + shortcut: pt(e.getShortcutKeys().fullScreen), + hasPanel: Object.keys(e.getElements(Ae.PANEL)).length > 0, + singleStory: t.singleStory +}), "fullScreenMapper"), tp = { + title: "fullscreen", + id: "fullscreen", + type: we.TOOL, + // @ts-expect-error (non strict) + match: /* @__PURE__ */ s((e) => ["story", "docs"].includes(e.viewMode), "match"), + render: /* @__PURE__ */ s(() => { + let { isMobile: e } = ge(); + return e ? null : /* @__PURE__ */ a.createElement(me, { filter: _g }, ({ toggle: t, isFullscreen: o, shortcut: i, hasPanel: n, singleStory: r }) => (!r || + r && n) && /* @__PURE__ */ a.createElement( + te, + { + key: "full", + onClick: t, + title: `${o ? "Exit full screen" : "Go full screen"} [${i}]`, + "aria-label": o ? "Exit full screen" : "Go full screen" + }, + o ? /* @__PURE__ */ a.createElement(ct, null) : /* @__PURE__ */ a.createElement(kl, null) + )); + }, "render") +}; +var op = a.memo(/* @__PURE__ */ s(function({ + isShown: t, + tools: o, + toolsExtra: i, + tabs: n, + tabId: r, + api: l +}) { + return n || o || i ? /* @__PURE__ */ a.createElement(Og, { className: "sb-bar", key: "toolbar", shown: t, "data-test-id": "sb-preview-tool\ +bar" }, /* @__PURE__ */ a.createElement(Pg, null, /* @__PURE__ */ a.createElement(rp, null, n.length > 1 ? /* @__PURE__ */ a.createElement(Ne, + null, /* @__PURE__ */ a.createElement(Mr, { key: "tabs" }, n.map((u, p) => /* @__PURE__ */ a.createElement( + Lr, + { + disabled: u.disabled, + active: u.id === r || u.id === "canvas" && !r, + onClick: () => { + l.applyQueryParams({ tab: u.id === "canvas" ? void 0 : u.id }); + }, + key: u.id || `tab-${p}` + }, + u.title + ))), /* @__PURE__ */ a.createElement(ko, null)) : null, /* @__PURE__ */ a.createElement(ep, { key: "left", list: o })), /* @__PURE__ */ a. + createElement(Ag, null, /* @__PURE__ */ a.createElement(ep, { key: "right", list: i })))) : null; +}, "ToolbarComp")), ep = a.memo(/* @__PURE__ */ s(function({ list: t }) { + return /* @__PURE__ */ a.createElement(a.Fragment, null, t.filter(Boolean).map(({ render: o, id: i, ...n }, r) => ( + // @ts-expect-error (Converted from ts-ignore) + /* @__PURE__ */ a.createElement(o, { key: i || n.key || `f-${r}` }) + ))); +}, "Tools")); +function kg(e, t) { + let o = t?.type === "story" && t?.prepared ? t?.parameters : {}, i = "toolbar" in o ? o.toolbar : void 0, { toolbar: n } = ut.getConfig(), + r = vr( + n || {}, + i || {} + ); + return r ? !!r[e?.id]?.hidden : !1; +} +s(kg, "toolbarItemHasBeenExcluded"); +function Hi(e, t, o, i, n, r) { + let l = /* @__PURE__ */ s((u) => u && (!u.match || u.match({ + storyId: t?.id, + refId: t?.refId, + viewMode: o, + location: i, + path: n, + tabId: r + })) && !kg(u, t), "filter"); + return e.filter(l); +} +s(Hi, "filterToolsSide"); +var Og = S.div(({ theme: e, shown: t }) => ({ + position: "relative", + color: e.barTextColor, + width: "100%", + height: 40, + flexShrink: 0, + overflowX: "auto", + overflowY: "hidden", + marginTop: t ? 0 : -40, + boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`, + background: e.barBg, + zIndex: 4 +})), Pg = S.div({ + position: "absolute", + width: "calc(100% - 20px)", + display: "flex", + justifyContent: "space-between", + flexWrap: "nowrap", + flexShrink: 0, + height: 40, + marginLeft: 10, + marginRight: 10 +}), rp = S.div({ + display: "flex", + whiteSpace: "nowrap", + flexBasis: "auto", + gap: 6, + alignItems: "center" +}), Ag = S(rp)({ + marginLeft: 30 +}); + +// src/manager/components/preview/utils/components.ts +var np = S.main({ + display: "flex", + flexDirection: "column", + width: "100%", + height: "100%", + overflow: "hidden" +}), ip = S.div({ + overflow: "auto", + width: "100%", + zIndex: 3, + background: "transparent", + flex: 1 +}), sp = S.div( + { + alignContent: "center", + alignItems: "center", + justifyContent: "center", + justifyItems: "center", + overflow: "auto", + gridTemplateColumns: "100%", + gridTemplateRows: "100%", + position: "relative", + width: "100%", + height: "100%" + }, + ({ show: e }) => ({ display: e ? "grid" : "none" }) +), lA = S(Ir)({ + color: "inherit", + textDecoration: "inherit", + display: "inline-block" +}), uA = S.span({ + // Hides full screen icon at mobile breakpoint defined in app.js + "@media (max-width: 599px)": { + display: "none" + } +}), tn = S.div(({ theme: e }) => ({ + alignContent: "center", + alignItems: "center", + justifyContent: "center", + justifyItems: "center", + overflow: "auto", + display: "grid", + gridTemplateColumns: "100%", + gridTemplateRows: "100%", + position: "relative", + width: "100%", + height: "100%" +})), ap = S.div(({ theme: e }) => ({ + position: "absolute", + top: 0, + left: 0, + bottom: 0, + right: 0, + background: e.background.preview, + zIndex: 1 +})); + +// src/manager/components/preview/Wrappers.tsx +var lp = /* @__PURE__ */ s(({ + wrappers: e, + id: t, + storyId: o, + children: i +}) => /* @__PURE__ */ a.createElement(Ne, null, e.reduceRight( + (n, r, l) => /* @__PURE__ */ a.createElement(r.render, { index: l, children: n, id: t, storyId: o }), + i +)), "ApplyWrappers"), up = [ + { + id: "iframe-wrapper", + type: Ae.PREVIEW, + render: /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(tn, { id: "storybook-preview-wrapper" }, e.children), "render") + } +]; + +// src/manager/components/preview/Preview.tsx +var Mg = /* @__PURE__ */ s(({ state: e, api: t }) => ({ + storyId: e.storyId, + refId: e.refId, + viewMode: e.viewMode, + customCanvas: t.renderPreview, + queryParams: e.customQueryParams, + getElements: t.getElements, + entry: t.getData(e.storyId, e.refId), + previewInitialized: e.previewInitialized, + refs: e.refs +}), "canvasMapper"), pp = /* @__PURE__ */ s(() => ({ + id: "canvas", + type: we.TAB, + title: "Canvas", + route: /* @__PURE__ */ s(({ storyId: e, refId: t }) => t ? `/story/${t}_${e}` : `/story/${e}`, "route"), + match: /* @__PURE__ */ s(({ viewMode: e }) => !!(e && e.match(/^(story|docs)$/)), "match"), + render: /* @__PURE__ */ s(() => null, "render") +}), "createCanvasTab"), cp = a.memo(/* @__PURE__ */ s(function(t) { + let { + api: o, + id: i, + options: n, + viewMode: r, + storyId: l, + entry: u = void 0, + description: p, + baseUrl: c, + withLoader: d = !0, + tools: m, + toolsExtra: f, + tabs: y, + wrappers: h, + tabId: v + } = t, I = y.find((g) => g.id === v)?.render, C = r === "story", { showToolbar: b } = n, x = G(l); + return z(() => { + if (u && r) { + if (l === x.current) + return; + if (x.current = l, r.match(/docs|story/)) { + let { refId: g, id: w } = u; + o.emit(_a, { + storyId: w, + viewMode: r, + options: { target: g } + }); + } + } + }, [u, r, l, o]), /* @__PURE__ */ a.createElement(Ne, null, i === "main" && /* @__PURE__ */ a.createElement(Xo, { key: "description" }, /* @__PURE__ */ a. + createElement("title", null, p)), /* @__PURE__ */ a.createElement(en, { shouldScale: C }, /* @__PURE__ */ a.createElement(np, null, /* @__PURE__ */ a. + createElement( + op, + { + key: "tools", + isShown: b, + tabId: v, + tabs: y, + tools: m, + toolsExtra: f, + api: o + } + ), /* @__PURE__ */ a.createElement(ip, { key: "frame" }, I && /* @__PURE__ */ a.createElement(tn, null, I({ active: !0 })), /* @__PURE__ */ a. + createElement(sp, { show: !v }, /* @__PURE__ */ a.createElement(Lg, { withLoader: d, baseUrl: c, wrappers: h })))))); +}, "Preview")); +var Lg = /* @__PURE__ */ s(({ baseUrl: e, withLoader: t, wrappers: o }) => /* @__PURE__ */ a.createElement(me, { filter: Mg }, ({ + entry: i, + refs: n, + customCanvas: r, + storyId: l, + refId: u, + viewMode: p, + queryParams: c, + previewInitialized: d +}) => { + let m = "canvas", [f, y] = U(void 0); + z(() => { + if (re.CONFIG_TYPE === "DEVELOPMENT") + try { + ut.getChannel().on(Ea, (x) => { + y(x); + }); + } catch { + } + }, []); + let h = !!n[u] && !n[u].previewInitialized, v = !(f?.value === 1 || f === void 0), I = !u && (!d || v), C = i && h || I; + return /* @__PURE__ */ a.createElement(Fi, null, ({ value: b }) => /* @__PURE__ */ a.createElement(a.Fragment, null, t && C && /* @__PURE__ */ a. + createElement(ap, null, /* @__PURE__ */ a.createElement(Pr, { id: "preview-loader", role: "progressbar", progress: f })), /* @__PURE__ */ a. + createElement(lp, { id: m, storyId: l, viewMode: p, wrappers: o }, r ? r(l, p, m, e, b, c) : /* @__PURE__ */ a.createElement( + Wu, + { + baseUrl: e, + refs: n, + scale: b, + entry: i, + viewMode: p, + refId: u, + queryParams: c, + storyId: l + } + )))); +}), "Canvas"); +function dp(e, t) { + let { previewTabs: o } = ut.getConfig(), i = t ? t.previewTabs : void 0; + if (o || i) { + let n = vr(o || {}, i || {}), r = Object.keys(n).map((l, u) => ({ + index: u, + ...typeof n[l] == "string" ? { title: n[l] } : n[l], + id: l + })); + return e.filter((l) => { + let u = r.find((p) => p.id === l.id); + return u === void 0 || u.id === "canvas" || !u.hidden; + }).map((l, u) => ({ ...l, index: u })).sort((l, u) => { + let p = r.find((f) => f.id === l.id), c = p ? p.index : r.length + l.index, d = r.find((f) => f.id === u.id), m = d ? d.index : r.length + + u.index; + return c - m; + }).map((l) => { + let u = r.find((p) => p.id === l.id); + return u ? { + ...l, + title: u.title || l.title, + disabled: u.disabled, + hidden: u.hidden + } : l; + }); + } + return e; +} +s(dp, "filterTabs"); + +// src/manager/components/preview/tools/menu.tsx +var Ng = /* @__PURE__ */ s(({ api: e, state: t }) => ({ + isVisible: e.getIsNavShown(), + singleStory: t.singleStory, + toggle: /* @__PURE__ */ s(() => e.toggleNav(), "toggle") +}), "menuMapper"), fp = { + title: "menu", + id: "menu", + type: we.TOOL, + // @ts-expect-error (non strict) + match: /* @__PURE__ */ s(({ viewMode: e }) => ["story", "docs"].includes(e), "match"), + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, { filter: Ng }, ({ isVisible: e, toggle: t, singleStory: o }) => !o && + !e && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(te, { "aria-label": "Show sidebar", key: "menu", onClick: t, + title: "Show sidebar" }, /* @__PURE__ */ a.createElement(Wr, null)), /* @__PURE__ */ a.createElement(ko, null))), "render") +}; + +// src/manager/container/Preview.tsx +var Fg = [pp()], Bg = [fp, Qu, Ju], Hg = [ju, tp, Xu, Yu], Rg = [], zg = (0, er.default)(1)( + (e, t, o, i) => i ? dp([...Fg, ...Object.values(t)], o) : Rg +), Wg = (0, er.default)(1)( + (e, t, o) => Hi([...Bg, ...Object.values(t)], ...o) +), jg = (0, er.default)(1)( + (e, t, o) => Hi([...Hg, ...Object.values(t)], ...o) +), Vg = (0, er.default)(1)((e, t) => [ + ...up, + ...Object.values(t) +]), { PREVIEW_URL: $g } = re, Kg = /* @__PURE__ */ s((e) => e.split("/").join(" / ").replace(/\s\s/, " "), "splitTitleAddExtraSpace"), Ug = /* @__PURE__ */ s( +(e) => { + if (e?.type === "story" || e?.type === "docs") { + let { title: t, name: o } = e; + return t && o ? Kg(`${t} - ${o} \u22C5 Storybook`) : "Storybook"; + } + return e?.name ? `${e.name} \u22C5 Storybook` : "Storybook"; +}, "getDescription"), qg = /* @__PURE__ */ s(({ + api: e, + state: t + // @ts-expect-error (non strict) +}) => { + let { layout: o, location: i, customQueryParams: n, storyId: r, refs: l, viewMode: u, path: p, refId: c } = t, d = e.getData(r, c), m = Object. + values(e.getElements(Ae.TAB)), f = Object.values(e.getElements(Ae.PREVIEW)), y = Object.values(e.getElements(Ae.TOOL)), h = Object.values( + e.getElements(Ae.TOOLEXTRA)), v = e.getQueryParam("tab"), I = Wg(y.length, e.getElements(Ae.TOOL), [ + d, + u, + i, + p, + // @ts-expect-error (non strict) + v + ]), C = jg( + h.length, + e.getElements(Ae.TOOLEXTRA), + // @ts-expect-error (non strict) + [d, u, i, p, v] + ); + return { + api: e, + entry: d, + options: o, + description: Ug(d), + viewMode: u, + refs: l, + storyId: r, + baseUrl: $g || "iframe.html", + queryParams: n, + tools: I, + toolsExtra: C, + tabs: zg( + m.length, + e.getElements(Ae.TAB), + d ? d.parameters : void 0, + o.showTabs + ), + wrappers: Vg( + f.length, + e.getElements(Ae.PREVIEW) + ), + tabId: v + }; +}, "mapper"), Gg = a.memo(/* @__PURE__ */ s(function(t) { + return /* @__PURE__ */ a.createElement(me, { filter: qg }, (o) => /* @__PURE__ */ a.createElement(cp, { ...t, ...o })); +}, "PreviewConnected")), mp = Gg; + +// src/manager/hooks/useDebounce.ts +function hp(e, t) { + let [o, i] = U(e); + return z(() => { + let n = setTimeout(() => { + i(e); + }, t); + return () => { + clearTimeout(n); + }; + }, [e, t]), o; +} +s(hp, "useDebounce"); + +// src/manager/hooks/useMeasure.tsx +function gp() { + let [e, t] = a.useState({ + width: null, + height: null + }), o = a.useRef(null); + return [a.useCallback((n) => { + if (o.current && (o.current.disconnect(), o.current = null), n?.nodeType === Node.ELEMENT_NODE) { + let r = new ResizeObserver(([l]) => { + if (l && l.borderBoxSize) { + let { inlineSize: u, blockSize: p } = l.borderBoxSize[0]; + t({ width: u, height: p }); + } + }); + r.observe(n), o.current = r; + } + }, []), e]; +} +s(gp, "useMeasure"); + +// ../node_modules/@tanstack/virtual-core/dist/esm/utils.js +function oo(e, t, o) { + let i = o.initialDeps ?? [], n; + return () => { + var r, l, u, p; + let c; + o.key && ((r = o.debug) != null && r.call(o)) && (c = Date.now()); + let d = e(); + if (!(d.length !== i.length || d.some((y, h) => i[h] !== y))) + return n; + i = d; + let f; + if (o.key && ((l = o.debug) != null && l.call(o)) && (f = Date.now()), n = t(...d), o.key && ((u = o.debug) != null && u.call(o))) { + let y = Math.round((Date.now() - c) * 100) / 100, h = Math.round((Date.now() - f) * 100) / 100, v = h / 16, I = /* @__PURE__ */ s((C, b) => { + for (C = String(C); C.length < b; ) + C = " " + C; + return C; + }, "pad"); + console.info( + `%c\u23F1 ${I(h, 5)} /${I(y, 5)} ms`, + ` + font-size: .6rem; + font-weight: bold; + color: hsl(${Math.max( + 0, + Math.min(120 - 120 * v, 120) + )}deg 100% 31%);`, + o?.key + ); + } + return (p = o?.onChange) == null || p.call(o, n), n; + }; +} +s(oo, "memo"); +function on(e, t) { + if (e === void 0) + throw new Error(`Unexpected undefined${t ? `: ${t}` : ""}`); + return e; +} +s(on, "notUndefined"); +var yp = /* @__PURE__ */ s((e, t) => Math.abs(e - t) < 1, "approxEqual"); + +// ../node_modules/@tanstack/virtual-core/dist/esm/index.js +var Yg = /* @__PURE__ */ s((e) => e, "defaultKeyExtractor"), Xg = /* @__PURE__ */ s((e) => { + let t = Math.max(e.startIndex - e.overscan, 0), o = Math.min(e.endIndex + e.overscan, e.count - 1), i = []; + for (let n = t; n <= o; n++) + i.push(n); + return i; +}, "defaultRangeExtractor"), vp = /* @__PURE__ */ s((e, t) => { + let o = e.scrollElement; + if (!o) + return; + let i = /* @__PURE__ */ s((r) => { + let { width: l, height: u } = r; + t({ width: Math.round(l), height: Math.round(u) }); + }, "handler"); + if (i(o.getBoundingClientRect()), typeof ResizeObserver > "u") + return () => { + }; + let n = new ResizeObserver((r) => { + let l = r[0]; + if (l?.borderBoxSize) { + let u = l.borderBoxSize[0]; + if (u) { + i({ width: u.inlineSize, height: u.blockSize }); + return; + } + } + i(o.getBoundingClientRect()); + }); + return n.observe(o, { box: "border-box" }), () => { + n.unobserve(o); + }; +}, "observeElementRect"); +var bp = /* @__PURE__ */ s((e, t) => { + let o = e.scrollElement; + if (!o) + return; + let i = /* @__PURE__ */ s(() => { + t(o[e.options.horizontal ? "scrollLeft" : "scrollTop"]); + }, "handler"); + return i(), o.addEventListener("scroll", i, { + passive: !0 + }), () => { + o.removeEventListener("scroll", i); + }; +}, "observeElementOffset"); +var Qg = /* @__PURE__ */ s((e, t, o) => { + if (t?.borderBoxSize) { + let i = t.borderBoxSize[0]; + if (i) + return Math.round( + i[o.options.horizontal ? "inlineSize" : "blockSize"] + ); + } + return Math.round( + e.getBoundingClientRect()[o.options.horizontal ? "width" : "height"] + ); +}, "measureElement"); +var xp = /* @__PURE__ */ s((e, { + adjustments: t = 0, + behavior: o +}, i) => { + var n, r; + let l = e + t; + (r = (n = i.scrollElement) == null ? void 0 : n.scrollTo) == null || r.call(n, { + [i.options.horizontal ? "left" : "top"]: l, + behavior: o + }); +}, "elementScroll"), Ri = class Ri { + constructor(t) { + this.unsubs = [], this.scrollElement = null, this.isScrolling = !1, this.isScrollingTimeoutId = null, this.scrollToIndexTimeoutId = null, + this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollDirection = + null, this.scrollAdjustments = 0, this.measureElementCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => { + let o = null, i = /* @__PURE__ */ s(() => o || (typeof ResizeObserver < "u" ? o = new ResizeObserver((n) => { + n.forEach((r) => { + this._measureElement(r.target, r); + }); + }) : null), "get"); + return { + disconnect: /* @__PURE__ */ s(() => { + var n; + return (n = i()) == null ? void 0 : n.disconnect(); + }, "disconnect"), + observe: /* @__PURE__ */ s((n) => { + var r; + return (r = i()) == null ? void 0 : r.observe(n, { box: "border-box" }); + }, "observe"), + unobserve: /* @__PURE__ */ s((n) => { + var r; + return (r = i()) == null ? void 0 : r.unobserve(n); + }, "unobserve") + }; + })(), this.range = null, this.setOptions = (o) => { + Object.entries(o).forEach(([i, n]) => { + typeof n > "u" && delete o[i]; + }), this.options = { + debug: !1, + initialOffset: 0, + overscan: 1, + paddingStart: 0, + paddingEnd: 0, + scrollPaddingStart: 0, + scrollPaddingEnd: 0, + horizontal: !1, + getItemKey: Yg, + rangeExtractor: Xg, + onChange: /* @__PURE__ */ s(() => { + }, "onChange"), + measureElement: Qg, + initialRect: { width: 0, height: 0 }, + scrollMargin: 0, + gap: 0, + scrollingDelay: 150, + indexAttribute: "data-index", + initialMeasurementsCache: [], + lanes: 1, + ...o + }; + }, this.notify = (o) => { + var i, n; + (n = (i = this.options).onChange) == null || n.call(i, this, o); + }, this.maybeNotify = oo( + () => (this.calculateRange(), [ + this.isScrolling, + this.range ? this.range.startIndex : null, + this.range ? this.range.endIndex : null + ]), + (o) => { + this.notify(o); + }, + { + key: !1, + debug: /* @__PURE__ */ s(() => this.options.debug, "debug"), + initialDeps: [ + this.isScrolling, + this.range ? this.range.startIndex : null, + this.range ? this.range.endIndex : null + ] + } + ), this.cleanup = () => { + this.unsubs.filter(Boolean).forEach((o) => o()), this.unsubs = [], this.scrollElement = null; + }, this._didMount = () => (this.measureElementCache.forEach(this.observer.observe), () => { + this.observer.disconnect(), this.cleanup(); + }), this._willUpdate = () => { + let o = this.options.getScrollElement(); + this.scrollElement !== o && (this.cleanup(), this.scrollElement = o, this._scrollToOffset(this.scrollOffset, { + adjustments: void 0, + behavior: void 0 + }), this.unsubs.push( + this.options.observeElementRect(this, (i) => { + this.scrollRect = i, this.maybeNotify(); + }) + ), this.unsubs.push( + this.options.observeElementOffset(this, (i) => { + this.scrollAdjustments = 0, this.scrollOffset !== i && (this.isScrollingTimeoutId !== null && (clearTimeout(this.isScrollingTimeoutId), + this.isScrollingTimeoutId = null), this.isScrolling = !0, this.scrollDirection = this.scrollOffset < i ? "forward" : "backward", this. + scrollOffset = i, this.maybeNotify(), this.isScrollingTimeoutId = setTimeout(() => { + this.isScrollingTimeoutId = null, this.isScrolling = !1, this.scrollDirection = null, this.maybeNotify(); + }, this.options.scrollingDelay)); + }) + )); + }, this.getSize = () => this.scrollRect[this.options.horizontal ? "width" : "height"], this.memoOptions = oo( + () => [ + this.options.count, + this.options.paddingStart, + this.options.scrollMargin, + this.options.getItemKey + ], + (o, i, n, r) => (this.pendingMeasuredCacheIndexes = [], { + count: o, + paddingStart: i, + scrollMargin: n, + getItemKey: r + }), + { + key: !1 + } + ), this.getFurthestMeasurement = (o, i) => { + let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(); + for (let l = i - 1; l >= 0; l--) { + let u = o[l]; + if (n.has(u.lane)) + continue; + let p = r.get( + u.lane + ); + if (p == null || u.end > p.end ? r.set(u.lane, u) : u.end < p.end && n.set(u.lane, !0), n.size === this.options.lanes) + break; + } + return r.size === this.options.lanes ? Array.from(r.values()).sort((l, u) => l.end === u.end ? l.index - u.index : l.end - u.end)[0] : + void 0; + }, this.getMeasurements = oo( + () => [this.memoOptions(), this.itemSizeCache], + ({ count: o, paddingStart: i, scrollMargin: n, getItemKey: r }, l) => { + let u = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0; + this.pendingMeasuredCacheIndexes = []; + let p = this.measurementsCache.slice(0, u); + for (let c = u; c < o; c++) { + let d = r(c), m = this.options.lanes === 1 ? p[c - 1] : this.getFurthestMeasurement(p, c), f = m ? m.end + this.options.gap : i + n, + y = l.get(d), h = typeof y == "number" ? y : this.options.estimateSize(c), v = f + h, I = m ? m.lane : c % this.options.lanes; + p[c] = { + index: c, + start: f, + size: h, + end: v, + key: d, + lane: I + }; + } + return this.measurementsCache = p, p; + }, + { + key: !1, + debug: /* @__PURE__ */ s(() => this.options.debug, "debug") + } + ), this.calculateRange = oo( + () => [this.getMeasurements(), this.getSize(), this.scrollOffset], + (o, i, n) => this.range = o.length > 0 && i > 0 ? Zg({ + measurements: o, + outerSize: i, + scrollOffset: n + }) : null, + { + key: !1, + debug: /* @__PURE__ */ s(() => this.options.debug, "debug") + } + ), this.getIndexes = oo( + () => [ + this.options.rangeExtractor, + this.calculateRange(), + this.options.overscan, + this.options.count + ], + (o, i, n, r) => i === null ? [] : o({ + ...i, + overscan: n, + count: r + }), + { + key: !1, + debug: /* @__PURE__ */ s(() => this.options.debug, "debug") + } + ), this.indexFromElement = (o) => { + let i = this.options.indexAttribute, n = o.getAttribute(i); + return n ? parseInt(n, 10) : (console.warn( + `Missing attribute name '${i}={index}' on measured element.` + ), -1); + }, this._measureElement = (o, i) => { + let n = this.measurementsCache[this.indexFromElement(o)]; + if (!n || !o.isConnected) { + this.measureElementCache.forEach((u, p) => { + u === o && (this.observer.unobserve(o), this.measureElementCache.delete(p)); + }); + return; + } + let r = this.measureElementCache.get(n.key); + r !== o && (r && this.observer.unobserve(r), this.observer.observe(o), this.measureElementCache.set(n.key, o)); + let l = this.options.measureElement(o, i, this); + this.resizeItem(n, l); + }, this.resizeItem = (o, i) => { + let n = this.itemSizeCache.get(o.key) ?? o.size, r = i - n; + r !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(o, r, this) : + o.start < this.scrollOffset + this.scrollAdjustments) && this._scrollToOffset(this.scrollOffset, { + adjustments: this.scrollAdjustments += r, + behavior: void 0 + }), this.pendingMeasuredCacheIndexes.push(o.index), this.itemSizeCache = new Map(this.itemSizeCache.set(o.key, i)), this.notify(!1)); + }, this.measureElement = (o) => { + o && this._measureElement(o, void 0); + }, this.getVirtualItems = oo( + () => [this.getIndexes(), this.getMeasurements()], + (o, i) => { + let n = []; + for (let r = 0, l = o.length; r < l; r++) { + let u = o[r], p = i[u]; + n.push(p); + } + return n; + }, + { + key: !1, + debug: /* @__PURE__ */ s(() => this.options.debug, "debug") + } + ), this.getVirtualItemForOffset = (o) => { + let i = this.getMeasurements(); + return on( + i[Ip( + 0, + i.length - 1, + (n) => on(i[n]).start, + o + )] + ); + }, this.getOffsetForAlignment = (o, i) => { + let n = this.getSize(); + i === "auto" && (o <= this.scrollOffset ? i = "start" : o >= this.scrollOffset + n ? i = "end" : i = "start"), i === "start" ? o = o : + i === "end" ? o = o - n : i === "center" && (o = o - n / 2); + let r = this.options.horizontal ? "scrollWidth" : "scrollHeight", u = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement. + document.documentElement[r] : this.scrollElement[r] : 0) - this.getSize(); + return Math.max(Math.min(u, o), 0); + }, this.getOffsetForIndex = (o, i = "auto") => { + o = Math.max(0, Math.min(o, this.options.count - 1)); + let n = on(this.getMeasurements()[o]); + if (i === "auto") + if (n.end >= this.scrollOffset + this.getSize() - this.options.scrollPaddingEnd) + i = "end"; + else if (n.start <= this.scrollOffset + this.options.scrollPaddingStart) + i = "start"; + else + return [this.scrollOffset, i]; + let r = i === "end" ? n.end + this.options.scrollPaddingEnd : n.start - this.options.scrollPaddingStart; + return [this.getOffsetForAlignment(r, i), i]; + }, this.isDynamicMode = () => this.measureElementCache.size > 0, this.cancelScrollToIndex = () => { + this.scrollToIndexTimeoutId !== null && (clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null); + }, this.scrollToOffset = (o, { align: i = "start", behavior: n } = {}) => { + this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn( + "The `smooth` scroll behavior is not fully supported with dynamic size." + ), this._scrollToOffset(this.getOffsetForAlignment(o, i), { + adjustments: void 0, + behavior: n + }); + }, this.scrollToIndex = (o, { align: i = "auto", behavior: n } = {}) => { + o = Math.max(0, Math.min(o, this.options.count - 1)), this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn( + "The `smooth` scroll behavior is not fully supported with dynamic size." + ); + let [r, l] = this.getOffsetForIndex(o, i); + this._scrollToOffset(r, { adjustments: void 0, behavior: n }), n !== "smooth" && this.isDynamicMode() && (this.scrollToIndexTimeoutId = + setTimeout(() => { + if (this.scrollToIndexTimeoutId = null, this.measureElementCache.has( + this.options.getItemKey(o) + )) { + let [p] = this.getOffsetForIndex(o, l); + yp(p, this.scrollOffset) || this.scrollToIndex(o, { align: l, behavior: n }); + } else + this.scrollToIndex(o, { align: l, behavior: n }); + })); + }, this.scrollBy = (o, { behavior: i } = {}) => { + this.cancelScrollToIndex(), i === "smooth" && this.isDynamicMode() && console.warn( + "The `smooth` scroll behavior is not fully supported with dynamic size." + ), this._scrollToOffset(this.scrollOffset + o, { + adjustments: void 0, + behavior: i + }); + }, this.getTotalSize = () => { + var o; + let i = this.getMeasurements(), n; + return i.length === 0 ? n = this.options.paddingStart : n = this.options.lanes === 1 ? ((o = i[i.length - 1]) == null ? void 0 : o.end) ?? + 0 : Math.max( + ...i.slice(-this.options.lanes).map((r) => r.end) + ), n - this.options.scrollMargin + this.options.paddingEnd; + }, this._scrollToOffset = (o, { + adjustments: i, + behavior: n + }) => { + this.options.scrollToFn(o, { behavior: n, adjustments: i }, this); + }, this.measure = () => { + this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1); + }, this.setOptions(t), this.scrollRect = this.options.initialRect, this.scrollOffset = typeof this.options.initialOffset == "function" ? + this.options.initialOffset() : this.options.initialOffset, this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache. + forEach((o) => { + this.itemSizeCache.set(o.key, o.size); + }), this.maybeNotify(); + } +}; +s(Ri, "Virtualizer"); +var rn = Ri, Ip = /* @__PURE__ */ s((e, t, o, i) => { + for (; e <= t; ) { + let n = (e + t) / 2 | 0, r = o(n); + if (r < i) + e = n + 1; + else if (r > i) + t = n - 1; + else + return n; + } + return e > 0 ? e - 1 : 0; +}, "findNearestBinarySearch"); +function Zg({ + measurements: e, + outerSize: t, + scrollOffset: o +}) { + let i = e.length - 1, r = Ip(0, i, /* @__PURE__ */ s((u) => e[u].start, "getOffset"), o), l = r; + for (; l < i && e[l].end < o + t; ) + l++; + return { startIndex: r, endIndex: l }; +} +s(Zg, "calculateRange"); + +// ../node_modules/@tanstack/react-virtual/dist/esm/index.js +var Jg = typeof document < "u" ? Lt : z; +function ey(e) { + let t = wo(() => ({}), {})[1], o = { + ...e, + onChange: /* @__PURE__ */ s((n, r) => { + var l; + r ? Yt(t) : t(), (l = e.onChange) == null || l.call(e, n, r); + }, "onChange") + }, [i] = U( + () => new rn(o) + ); + return i.setOptions(o), z(() => i._didMount(), []), Jg(() => i._willUpdate()), i; +} +s(ey, "useVirtualizerBase"); +function Sp(e) { + return ey({ + observeElementRect: vp, + observeElementOffset: bp, + scrollToFn: xp, + ...e + }); +} +s(Sp, "useVirtualizer"); + +// src/manager/components/sidebar/FIleSearchList.utils.tsx +var wp = /* @__PURE__ */ s(({ + parentRef: e, + rowVirtualizer: t, + selectedItem: o +}) => { + z(() => { + let i = /* @__PURE__ */ s((n) => { + if (!e.current) + return; + let r = t.options.count, l = document.activeElement, u = parseInt(l.getAttribute("data-index") || "-1", 10), p = l.tagName === "INPUT", + c = /* @__PURE__ */ s(() => document.querySelector('[data-index="0"]'), "getFirstElement"), d = /* @__PURE__ */ s(() => document.querySelector( + `[data-index="${r - 1}"]`), "getLastElement"); + if (n.code === "ArrowDown" && l) { + if (n.stopPropagation(), p) { + c()?.focus(); + return; + } + if (u === r - 1) { + Yt(() => { + t.scrollToIndex(0, { align: "start" }); + }), setTimeout(() => { + c()?.focus(); + }, 100); + return; + } + if (o === u) { + document.querySelector( + `[data-index-position="${o}_first"]` + )?.focus(); + return; + } + if (o !== null && l.getAttribute("data-index-position")?.includes("last")) { + document.querySelector( + `[data-index="${o + 1}"]` + )?.focus(); + return; + } + l.nextElementSibling?.focus(); + } + if (n.code === "ArrowUp" && l) { + if (p) { + Yt(() => { + t.scrollToIndex(r - 1, { align: "start" }); + }), setTimeout(() => { + d()?.focus(); + }, 100); + return; + } + if (o !== null && l.getAttribute("data-index-position")?.includes("first")) { + document.querySelector( + `[data-index="${o}"]` + )?.focus(); + return; + } + l.previousElementSibling?.focus(); + } + }, "handleArrowKeys"); + return document.addEventListener("keydown", i, { capture: !0 }), () => { + document.removeEventListener("keydown", i, { capture: !0 }); + }; + }, [t, o, e]); +}, "useArrowKeyNavigation"); + +// src/manager/components/sidebar/FileList.tsx +var Ep = S("div")(({ theme: e }) => ({ + marginTop: "-16px", + // after element which fades out the list + "&::after": { + content: '""', + position: "fixed", + pointerEvents: "none", + bottom: 0, + left: 0, + right: 0, + height: "80px", + background: `linear-gradient(${xi(e.barBg, 0)} 10%, ${e.barBg} 80%)` + } +})), nn = S("div")(({ theme: e }) => ({ + height: "280px", + overflow: "auto", + msOverflowStyle: "none", + scrollbarWidth: "none", + position: "relative", + "::-webkit-scrollbar": { + display: "none" + } +})), Cp = S("li")(({ theme: e }) => ({ + ":focus-visible": { + outline: "none", + ".file-list-item": { + borderRadius: "4px", + background: e.base === "dark" ? "rgba(255,255,255,.1)" : e.color.mediumlight, + "> svg": { + display: "flex" + } + } + } +})), sn = S("div")(({ theme: e }) => ({ + display: "flex", + flexDirection: "column", + position: "relative" +})), Tp = S.div(({ theme: e, selected: t, disabled: o, error: i }) => ({ + display: "flex", + alignItems: "flex-start", + gap: "8px", + alignSelf: "stretch", + padding: "8px 16px", + cursor: "pointer", + borderRadius: "4px", + ...t && { + borderRadius: "4px", + background: e.base === "dark" ? "rgba(255,255,255,.1)" : e.color.mediumlight, + "> svg": { + display: "flex" + } + }, + ...o && { + cursor: "not-allowed", + div: { + color: `${e.color.mediumdark} !important` + } + }, + ...i && { + background: e.base === "light" ? "#00000011" : "#00000033" + }, + "&:hover": { + background: i ? "#00000022" : e.base === "dark" ? "rgba(255,255,255,.1)" : e.color.mediumlight, + "> svg": { + display: "flex" + } + } +})), _p = S("ul")({ + margin: 0, + padding: "0 0 0 0", + width: "100%", + position: "relative" +}), kp = S("div")({ + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + width: "calc(100% - 50px)" +}), Op = S("div")(({ theme: e, error: t }) => ({ + color: t ? e.color.negativeText : e.color.secondary +})), Pp = S("div")(({ theme: e, error: t }) => ({ + color: t ? e.color.negativeText : e.base === "dark" ? e.color.lighter : e.color.darkest, + fontSize: "14px", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + overflow: "hidden", + maxWidth: "100%" +})), Ap = S("div")(({ theme: e }) => ({ + color: e.color.mediumdark, + fontSize: "14px", + whiteSpace: "nowrap", + textOverflow: "ellipsis", + overflow: "hidden", + maxWidth: "100%" +})), Dp = S("ul")(({ theme: e }) => ({ + margin: 0, + padding: 0 +})), Mp = S("li")(({ theme: e, error: t }) => ({ + padding: "8px 16px 8px 16px", + marginLeft: "30px", + display: "flex", + gap: "8px", + alignItems: "center", + justifyContent: "space-between", + fontSize: "14px", + cursor: "pointer", + borderRadius: "4px", + ":focus-visible": { + outline: "none" + }, + ...t && { + background: "#F9ECEC", + color: e.color.negativeText + }, + "&:hover,:focus-visible": { + background: t ? "#F9ECEC" : e.base === "dark" ? "rgba(255, 255, 255, 0.1)" : e.color.mediumlight, + "> svg": { + display: "flex" + } + }, + "> div > svg": { + color: t ? e.color.negativeText : e.color.secondary + } +})), Lp = S("div")(({ theme: e }) => ({ + display: "flex", + alignItems: "center", + gap: "8px", + width: "calc(100% - 20px)" +})), Np = S("span")(({ theme: e }) => ({ + whiteSpace: "nowrap", + textOverflow: "ellipsis", + overflow: "hidden", + maxWidth: "calc(100% - 160px)", + display: "inline-block" +})), Fp = S("span")(({ theme: e }) => ({ + display: "inline-block", + padding: `1px ${e.appBorderRadius}px`, + borderRadius: "2px", + fontSize: "10px", + color: e.base === "dark" ? e.color.lightest : "#727272", + backgroundColor: e.base === "dark" ? "rgba(255, 255, 255, 0.1)" : "#F2F4F5" +})), Bp = S("div")(({ theme: e }) => ({ + textAlign: "center", + maxWidth: "334px", + margin: "16px auto 50px auto", + fontSize: "14px", + color: e.base === "dark" ? e.color.lightest : "#000" +})), Hp = S("p")(({ theme: e }) => ({ + margin: 0, + color: e.base === "dark" ? e.color.defaultText : e.color.mediumdark +})); + +// src/manager/components/sidebar/FileSearchListSkeleton.tsx +var ty = S("div")(({ theme: e }) => ({ + display: "flex", + alignItems: "flex-start", + gap: "8px", + alignSelf: "stretch", + padding: "8px 16px" +})), oy = S("div")({ + display: "flex", + flexDirection: "column", + alignItems: "flex-start", + width: "100%", + borderRadius: "3px" +}), ry = S.div(({ theme: e }) => ({ + width: "14px", + height: "14px", + borderRadius: "3px", + marginTop: "1px", + background: e.base === "dark" ? "rgba(255,255,255,.1)" : "rgba(0,0,0,.1)", + animation: `${e.animation.glow} 1.5s ease-in-out infinite` +})), Rp = S.div(({ theme: e }) => ({ + height: "16px", + borderRadius: "3px", + background: e.base === "dark" ? "rgba(255,255,255,.1)" : "rgba(0,0,0,.1)", + animation: `${e.animation.glow} 1.5s ease-in-out infinite`, + width: "100%", + maxWidth: "100%", + "+ div": { + marginTop: "6px" + } +})), zp = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(nn, null, [1, 2, 3].map((e) => /* @__PURE__ */ a.createElement(sn, { key: e }, +/* @__PURE__ */ a.createElement(ty, null, /* @__PURE__ */ a.createElement(ry, null), /* @__PURE__ */ a.createElement(oy, null, /* @__PURE__ */ a. +createElement(Rp, { style: { width: "90px" } }), /* @__PURE__ */ a.createElement(Rp, { style: { width: "300px" } })))))), "FileSearchListLoa\ +dingSkeleton"); + +// src/manager/components/sidebar/FileSearchList.tsx +var Wp = S(wl)(({ theme: e }) => ({ + display: "none", + alignSelf: "center", + color: e.color.mediumdark +})), ny = S(Po)(({ theme: e }) => ({ + display: "none", + alignSelf: "center", + color: e.color.mediumdark +})), jp = Uo(/* @__PURE__ */ s(function({ + isLoading: t, + searchResults: o, + onNewStory: i, + errorItemId: n +}) { + let [r, l] = U(null), u = a.useRef(), p = Y(() => [...o ?? []].sort((h, v) => { + let I = h.exportedComponents === null || h.exportedComponents?.length === 0, C = h.storyFileExists, b = v.exportedComponents === null || + v.exportedComponents?.length === 0, x = v.storyFileExists; + return C && !x ? -1 : x && !C || I && !b ? 1 : !I && b ? -1 : 0; + }), [o]), c = o?.length || 0, d = Sp({ + count: c, + // @ts-expect-error (non strict) + getScrollElement: /* @__PURE__ */ s(() => u.current, "getScrollElement"), + paddingStart: 16, + paddingEnd: 40, + estimateSize: /* @__PURE__ */ s(() => 54, "estimateSize"), + overscan: 2 + }); + wp({ rowVirtualizer: d, parentRef: u, selectedItem: r }); + let m = M( + ({ virtualItem: h, searchResult: v, itemId: I }) => { + v?.exportedComponents?.length > 1 ? l((C) => C === h.index ? null : h.index) : v?.exportedComponents?.length === 1 && i({ + componentExportName: v.exportedComponents[0].name, + componentFilePath: v.filepath, + componentIsDefaultExport: v.exportedComponents[0].default, + selectedItemId: I, + componentExportCount: 1 + }); + }, + [i] + ), f = M( + ({ searchResult: h, component: v, id: I }) => { + i({ + componentExportName: v.name, + componentFilePath: h.filepath, + componentIsDefaultExport: v.default, + selectedItemId: I, + // @ts-expect-error (non strict) + componentExportCount: h.exportedComponents.length + }); + }, + [i] + ), y = M( + ({ virtualItem: h, selected: v, searchResult: I }) => { + let C = n === I.filepath, b = v === h.index; + return /* @__PURE__ */ a.createElement( + sn, + { + "aria-expanded": b, + "aria-controls": `file-list-export-${h.index}`, + id: `file-list-item-wrapper-${h.index}` + }, + /* @__PURE__ */ a.createElement( + Tp, + { + className: "file-list-item", + selected: b, + error: C, + disabled: I.exportedComponents === null || I.exportedComponents?.length === 0 + }, + /* @__PURE__ */ a.createElement(Op, { error: C }, /* @__PURE__ */ a.createElement(fi, null)), + /* @__PURE__ */ a.createElement(kp, null, /* @__PURE__ */ a.createElement(Pp, { error: C }, I.filepath.split("/").at(-1)), /* @__PURE__ */ a. + createElement(Ap, null, I.filepath)), + b ? /* @__PURE__ */ a.createElement(ny, null) : /* @__PURE__ */ a.createElement(Wp, null) + ), + I?.exportedComponents?.length > 1 && b && /* @__PURE__ */ a.createElement( + Dp, + { + role: "region", + id: `file-list-export-${h.index}`, + "aria-labelledby": `file-list-item-wrapper-${h.index}`, + onClick: (x) => { + x.stopPropagation(); + }, + onKeyUp: (x) => { + x.key === "Enter" && x.stopPropagation(); + } + }, + I.exportedComponents?.map((x, g) => { + let w = n === `${I.filepath}_${g}`, T = g === 0 ? "first" : ( + // @ts-expect-error (non strict) + g === I.exportedComponents.length - 1 ? "last" : "middle" + ); + return /* @__PURE__ */ a.createElement( + Mp, + { + tabIndex: 0, + "data-index-position": `${h.index}_${T}`, + key: x.name, + error: w, + onClick: () => { + f({ + searchResult: I, + component: x, + id: `${I.filepath}_${g}` + }); + }, + onKeyUp: (_) => { + _.key === "Enter" && f({ + searchResult: I, + component: x, + id: `${I.filepath}_${g}` + }); + } + }, + /* @__PURE__ */ a.createElement(Lp, null, /* @__PURE__ */ a.createElement(fi, null), x.default ? /* @__PURE__ */ a.createElement( + a.Fragment, null, /* @__PURE__ */ a.createElement(Np, null, I.filepath.split("/").at(-1)?.split(".")?.at(0)), /* @__PURE__ */ a. + createElement(Fp, null, "Default export")) : x.name), + /* @__PURE__ */ a.createElement(Wp, null) + ); + }) + ) + ); + }, + [f, n] + ); + return t && (o === null || o?.length === 0) ? /* @__PURE__ */ a.createElement(zp, null) : o?.length === 0 ? /* @__PURE__ */ a.createElement( + Bp, null, /* @__PURE__ */ a.createElement("p", null, "We could not find any file with that name"), /* @__PURE__ */ a.createElement(Hp, null, + "You may want to try using different keywords, check for typos, and adjust your filters")) : p?.length > 0 ? /* @__PURE__ */ a.createElement( + Ep, null, /* @__PURE__ */ a.createElement(nn, { ref: u }, /* @__PURE__ */ a.createElement( + _p, + { + style: { + height: `${d.getTotalSize()}px` + } + }, + d.getVirtualItems().map((h) => { + let v = p[h.index], I = v.exportedComponents === null || v.exportedComponents?.length === 0, C = {}; + return /* @__PURE__ */ a.createElement( + Cp, + { + key: h.key, + "data-index": h.index, + ref: d.measureElement, + onClick: () => { + m({ + virtualItem: h, + itemId: v.filepath, + searchResult: v + }); + }, + onKeyUp: (b) => { + b.key === "Enter" && m({ + virtualItem: h, + itemId: v.filepath, + searchResult: v + }); + }, + style: { + position: "absolute", + top: 0, + left: 0, + width: "100%", + transform: `translateY(${h.start}px)` + }, + tabIndex: 0 + }, + I ? /* @__PURE__ */ a.createElement( + je, + { + ...C, + style: { width: "100%" }, + hasChrome: !1, + closeOnOutsideClick: !0, + tooltip: /* @__PURE__ */ a.createElement( + qt, + { + note: I ? "We can't evaluate exports for this file. You can't create a story for it automatically" : null + } + ) + }, + /* @__PURE__ */ a.createElement( + y, + { + searchResult: v, + selected: r, + virtualItem: h + } + ) + ) : /* @__PURE__ */ a.createElement( + y, + { + ...C, + key: h.index, + searchResult: v, + selected: r, + virtualItem: h + } + ) + ); + }) + ))) : null; +}, "FileSearchList")); + +// src/manager/components/sidebar/FileSearchModal.tsx +var iy = 418, sy = S(Ut)(() => ({ + boxShadow: "none", + background: "transparent" +})), ay = S.div(({ theme: e, height: t }) => ({ + backgroundColor: e.background.bar, + borderRadius: 6, + boxShadow: "rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 18px -10px", + padding: "16px", + transition: "height 0.3s", + height: t ? `${t + 32}px` : "auto", + overflow: "hidden" +})), ly = S(Ut.Content)(({ theme: e }) => ({ + margin: 0, + color: e.base === "dark" ? e.color.lighter : e.color.mediumdark +})), uy = S(Or.Input)(({ theme: e }) => ({ + paddingLeft: 40, + paddingRight: 28, + fontSize: 14, + height: 40, + ...e.base === "light" && { + color: e.color.darkest + }, + "::placeholder": { + color: e.color.mediumdark + }, + "&:invalid:not(:placeholder-shown)": { + boxShadow: `${e.color.negative} 0 0 0 1px inset` + }, + "&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration": { + display: "none" + } +})), py = S.div({ + display: "flex", + flexDirection: "column", + flexGrow: 1, + position: "relative" +}), cy = S.div(({ theme: e }) => ({ + position: "absolute", + top: 0, + left: 16, + zIndex: 1, + pointerEvents: "none", + color: e.darkest, + display: "flex", + alignItems: "center", + height: "100%" +})), dy = S.div(({ theme: e }) => ({ + position: "absolute", + top: 0, + right: 16, + zIndex: 1, + color: e.darkest, + display: "flex", + alignItems: "center", + height: "100%", + "@keyframes spin": { + from: { transform: "rotate(0deg)" }, + to: { transform: "rotate(360deg)" } + }, + animation: "spin 1s linear infinite" +})), fy = S(Ut.Error)({ + position: "absolute", + padding: "8px 40px 8px 16px", + bottom: 0, + maxHeight: "initial", + width: "100%", + div: { + wordBreak: "break-word" + }, + "> div": { + padding: 0 + } +}), my = S(Br)({ + position: "absolute", + top: 4, + right: -24, + cursor: "pointer" +}), Vp = /* @__PURE__ */ s(({ + open: e, + onOpenChange: t, + fileSearchQuery: o, + setFileSearchQuery: i, + isLoading: n, + error: r, + searchResults: l, + onCreateNewStory: u, + setError: p, + container: c +}) => { + let [d, m] = gp(), [f, y] = U(m.height), [, h] = Fa(), [v, I] = U(o); + return z(() => { + f < m.height && y(m.height); + }, [m.height, f]), /* @__PURE__ */ a.createElement( + sy, + { + height: iy, + width: 440, + open: e, + onOpenChange: t, + onEscapeKeyDown: () => { + t(!1); + }, + onInteractOutside: () => { + t(!1); + }, + container: c + }, + /* @__PURE__ */ a.createElement(ay, { height: o === "" ? m.height : f }, /* @__PURE__ */ a.createElement(ly, { ref: d }, /* @__PURE__ */ a. + createElement(Ut.Header, null, /* @__PURE__ */ a.createElement(Ut.Title, null, "Add a new story"), /* @__PURE__ */ a.createElement(Ut.Description, + null, "We will create a new story for your component")), /* @__PURE__ */ a.createElement(py, null, /* @__PURE__ */ a.createElement(cy, null, + /* @__PURE__ */ a.createElement(jr, null)), /* @__PURE__ */ a.createElement( + uy, + { + placeholder: "./components/**/*.tsx", + type: "search", + required: !0, + autoFocus: !0, + value: v, + onChange: (C) => { + let b = C.target.value; + I(b), h(() => { + i(b); + }); + } + } + ), n && /* @__PURE__ */ a.createElement(dy, null, /* @__PURE__ */ a.createElement(Ft, null))), /* @__PURE__ */ a.createElement( + jp, + { + errorItemId: r?.selectedItemId, + isLoading: n, + searchResults: l, + onNewStory: u + } + ))), + r && o !== "" && /* @__PURE__ */ a.createElement(fy, null, /* @__PURE__ */ a.createElement("div", null, r.error), /* @__PURE__ */ a.createElement( + my, + { + onClick: () => { + p(null); + } + } + )) + ); +}, "FileSearchModal"); + +// src/manager/components/sidebar/FileSearchModal.utils.tsx +function $p(e) { + return Object.keys(e).reduce( + (o, i) => { + let n = e[i]; + if (typeof n.control == "object" && "type" in n.control) + switch (n.control.type) { + case "object": + o[i] = {}; + break; + case "inline-radio": + case "radio": + case "inline-check": + case "check": + case "select": + case "multi-select": + o[i] = n.control.options?.[0]; + break; + case "color": + o[i] = "#000000"; + break; + default: + break; + } + return an(n.type, o, i), o; + }, + {} + ); +} +s($p, "extractSeededRequiredArgs"); +function an(e, t, o) { + if (!(typeof e == "string" || !e.required)) + switch (e.name) { + case "boolean": + t[o] = !0; + break; + case "number": + t[o] = 0; + break; + case "string": + t[o] = o; + break; + case "array": + t[o] = []; + break; + case "object": + t[o] = {}, Object.entries(e.value ?? {}).forEach(([i, n]) => { + an(n, t[o], i); + }); + break; + case "function": + t[o] = () => { + }; + break; + case "intersection": + e.value?.every((i) => i.name === "object") && (t[o] = {}, e.value?.forEach((i) => { + i.name === "object" && Object.entries(i.value ?? {}).forEach(([n, r]) => { + an(r, t[o], n); + }); + })); + break; + case "union": + e.value?.[0] !== void 0 && an(e.value[0], t, o); + break; + case "enum": + e.value?.[0] !== void 0 && (t[o] = e.value?.[0]); + break; + case "other": + typeof e.value == "string" && e.value === "tuple" && (t[o] = []); + break; + default: + break; + } +} +s(an, "setArgType"); +async function ln(e, t, o = 1) { + if (o > 10) + throw new Error("We could not select the new story. Please try again."); + try { + await e(t); + } catch { + return await new Promise((n) => setTimeout(n, 500)), ln(e, t, o + 1); + } +} +s(ln, "trySelectNewStory"); + +// src/manager/components/sidebar/CreateNewStoryFileModal.tsx +var hy = /* @__PURE__ */ s((e) => JSON.stringify(e, (t, o) => typeof o == "function" ? "__sb_empty_function_arg__" : o), "stringifyArgs"), Kp = /* @__PURE__ */ s( +({ open: e, onOpenChange: t }) => { + let [o, i] = U(!1), [n, r] = U(""), l = hp(n, 600), u = Na(l), p = G(null), [c, d] = U( + null + ), m = pe(), [f, y] = U(null), h = M( + (b) => { + m.addNotification({ + id: "create-new-story-file-success", + content: { + headline: "Story file created", + subHeadline: `${b} was created` + }, + duration: 8e3, + icon: /* @__PURE__ */ a.createElement(et, null) + }), t(!1); + }, + [m, t] + ), v = M(() => { + m.addNotification({ + id: "create-new-story-file-error", + content: { + headline: "Story already exists", + subHeadline: "Successfully navigated to existing story" + }, + duration: 8e3, + icon: /* @__PURE__ */ a.createElement(et, null) + }), t(!1); + }, [m, t]), I = M(() => { + i(!0); + let b = ut.getChannel(), x = /* @__PURE__ */ s((g) => { + g.id === u && (g.success ? y(g.payload.files) : d({ error: g.error }), b.off(hr, x), i(!1), p.current = null); + }, "set"); + return b.on(hr, x), u !== "" && p.current !== u ? (p.current = u, b.emit(wa, { + id: u, + payload: {} + })) : (y(null), i(!1)), () => { + b.off(hr, x); + }; + }, [u]), C = M( + async ({ + componentExportName: b, + componentFilePath: x, + componentIsDefaultExport: g, + componentExportCount: w, + selectedItemId: T + }) => { + try { + let _ = ut.getChannel(), k = await yr(_, Ia, Sa, { + componentExportName: b, + componentFilePath: x, + componentIsDefaultExport: g, + componentExportCount: w + }); + d(null); + let E = k.storyId; + await ln(m.selectStory, E); + try { + let P = (await yr(_, va, ba, { + storyId: E + })).argTypes, A = $p(P); + await yr( + _, + Ca, + Ta, + { + args: hy(A), + importPath: k.storyFilePath, + csfId: E + } + ); + } catch { + } + h(b), I(); + } catch (_) { + switch (_?.payload?.type) { + case "STORY_FILE_EXISTS": + let k = _; + await ln(m.selectStory, k.payload.kind), v(); + break; + default: + d({ selectedItemId: T, error: _?.message }); + break; + } + } + }, + [m?.selectStory, h, I, v] + ); + return z(() => { + d(null); + }, [u]), z(() => I(), [I]), /* @__PURE__ */ a.createElement( + Vp, + { + error: c, + fileSearchQuery: n, + fileSearchQueryDeferred: u, + onCreateNewStory: C, + isLoading: o, + onOpenChange: t, + open: e, + searchResults: f, + setError: d, + setFileSearchQuery: r + } + ); +}, "CreateNewStoryFileModal"); + +// src/manager/components/sidebar/HighlightStyles.tsx +var Up = /* @__PURE__ */ s(({ refId: e, itemId: t }) => /* @__PURE__ */ a.createElement( + Eo, + { + styles: ({ color: o }) => { + let i = xe(0.85, o.secondary); + return { + [`[data-ref-id="${e}"][data-item-id="${t}"]:not([data-selected="true"])`]: { + '&[data-nodetype="component"], &[data-nodetype="group"]': { + background: i, + "&:hover, &:focus": { background: i } + }, + '&[data-nodetype="story"], &[data-nodetype="document"]': { + color: o.defaultText, + background: i, + "&:hover, &:focus": { background: i } + } + } + }; + } + } +), "HighlightStyles"); + +// src/manager/utils/tree.ts +var Bo = Ve(Zo(), 1); +var { document: Yp, window: gy } = re, un = /* @__PURE__ */ s((e, t) => !t || t === St ? e : `${t}_${e}`, "createId"), Xp = /* @__PURE__ */ s( +(e, t) => `${Yp.location.pathname}?path=/${e.type}/${un(e.id, t)}`, "getLink"); +var qp = (0, Bo.default)(1e3)((e, t) => t[e]), yy = (0, Bo.default)(1e3)((e, t) => { + let o = qp(e, t); + return o && o.type !== "root" ? qp(o.parent, t) : void 0; +}), Qp = (0, Bo.default)(1e3)((e, t) => { + let o = yy(e, t); + return o ? [o, ...Qp(o.id, t)] : []; +}), tr = (0, Bo.default)(1e3)( + (e, t) => Qp(t, e).map((o) => o.id) +), It = (0, Bo.default)(1e3)((e, t, o) => { + let i = e[t]; + return (i.type === "story" || i.type === "docs" ? [] : i.children).reduce((r, l) => { + let u = e[l]; + return !u || o && (u.type === "story" || u.type === "docs") || r.push(l, ...It(e, l, o)), r; + }, []); +}); +function Zp(e, t) { + let o = e.type !== "root" && e.parent ? t.index[e.parent] : null; + return o ? [...Zp(o, t), o.name] : t.id === St ? [] : [t.title || t.id]; +} +s(Zp, "getPath"); +var zi = /* @__PURE__ */ s((e, t) => ({ ...e, refId: t.id, path: Zp(e, t) }), "searchItem"); +function Jp(e, t, o) { + let i = t + o % e.length; + return i < 0 && (i = e.length + i), i >= e.length && (i -= e.length), i; +} +s(Jp, "cycle"); +var ro = /* @__PURE__ */ s((e, t = !1) => { + if (!e) + return; + let { top: o, bottom: i } = e.getBoundingClientRect(); + o >= 0 && i <= (gy.innerHeight || Yp.documentElement.clientHeight) || e.scrollIntoView({ block: t ? "center" : "nearest" }); +}, "scrollIntoView"), ec = /* @__PURE__ */ s((e, t, o, i) => { + switch (!0) { + case t: + return "auth"; + case o: + return "error"; + case e: + return "loading"; + case i: + return "empty"; + default: + return "ready"; + } +}, "getStateType"), no = /* @__PURE__ */ s((e, t) => !e || !t ? !1 : e === t ? !0 : no(e.parentElement || void 0, t), "isAncestor"), Gp = /* @__PURE__ */ s( +(e) => e.replaceAll(/(\s|-|_)/gi, ""), "removeNoiseFromName"), tc = /* @__PURE__ */ s((e, t) => Gp(e) === Gp(t), "isStoryHoistable"); + +// global-externals:@storybook/core/client-logger +var uM = __STORYBOOK_CLIENT_LOGGER__, { deprecate: pM, logger: oc, once: cM, pretty: dM } = __STORYBOOK_CLIENT_LOGGER__; + +// src/manager/components/sidebar/Loader.tsx +var rc = [0, 0, 1, 1, 2, 3, 3, 3, 1, 1, 1, 2, 2, 2, 3], vy = S.div( + { + cursor: "progress", + fontSize: 13, + height: "16px", + marginTop: 4, + marginBottom: 4, + alignItems: "center", + overflow: "hidden" + }, + ({ depth: e = 0 }) => ({ + marginLeft: e * 15, + maxWidth: 85 - e * 5 + }), + ({ theme: e }) => e.animation.inlineGlow, + ({ theme: e }) => ({ + background: e.appBorderColor + }) +), or = S.div({ + display: "flex", + flexDirection: "column", + paddingLeft: 20, + paddingRight: 20 +}), nc = /* @__PURE__ */ s(({ size: e }) => { + let t = Math.ceil(e / rc.length), o = Array.from(Array(t)).fill(rc).flat().slice(0, e); + return /* @__PURE__ */ a.createElement(Ne, null, o.map((i, n) => /* @__PURE__ */ a.createElement(vy, { depth: i, key: n }))); +}, "Loader"); + +// src/manager/components/sidebar/RefBlocks.tsx +var { window: ic } = re, by = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s2, + lineHeight: "20px", + margin: 0 +})), Wi = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s2, + lineHeight: "20px", + margin: 0, + code: { + fontSize: e.typography.size.s1 + }, + ul: { + paddingLeft: 20, + marginTop: 8, + marginBottom: 8 + } +})), xy = S.pre( + { + width: 420, + boxSizing: "border-box", + borderRadius: 8, + overflow: "auto", + whiteSpace: "pre" + }, + ({ theme: e }) => ({ + color: e.color.dark + }) +), sc = /* @__PURE__ */ s(({ loginUrl: e, id: t }) => { + let [o, i] = U(!1), n = M(() => { + ic.document.location.reload(); + }, []), r = M((l) => { + l.preventDefault(); + let u = ic.open(e, `storybook_auth_${t}`, "resizable,scrollbars"), p = setInterval(() => { + u ? u.closed && (clearInterval(p), i(!0)) : (oc.error("unable to access loginUrl window"), clearInterval(p)); + }, 1e3); + }, []); + return /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Et, null, o ? /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a. + createElement(Wi, null, "Authentication on ", /* @__PURE__ */ a.createElement("strong", null, e), " concluded. Refresh the page to fetch t\ +his Storybook."), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(fe, { small: !0, gray: !0, onClick: n }, /* @__PURE__ */ a. + createElement(Ft, null), "Refresh now"))) : /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Wi, null, "Sign in t\ +o browse this Storybook."), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(fe, { small: !0, gray: !0, onClick: r }, + /* @__PURE__ */ a.createElement(zr, null), "Sign in"))))); +}, "AuthBlock"), ac = /* @__PURE__ */ s(({ error: e }) => /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Et, null, +/* @__PURE__ */ a.createElement(by, null, "Oh no! Something went wrong loading this Storybook.", /* @__PURE__ */ a.createElement("br", null), +/* @__PURE__ */ a.createElement( + je, + { + tooltip: /* @__PURE__ */ a.createElement(xy, null, /* @__PURE__ */ a.createElement(yl, { error: e })) + }, + /* @__PURE__ */ a.createElement(We, { isButton: !0 }, "View error ", /* @__PURE__ */ a.createElement(Po, null)) +), " ", /* @__PURE__ */ a.createElement(We, { withArrow: !0, href: "https://storybook.js.org/docs", cancel: !1, target: "_blank" }, "View do\ +cs")))), "ErrorBlock"), Iy = S(Et)({ + display: "flex" +}), Sy = S(Et)({ + flex: 1 +}), lc = /* @__PURE__ */ s(({ isMain: e }) => /* @__PURE__ */ a.createElement(or, null, /* @__PURE__ */ a.createElement(Iy, { col: 1 }, /* @__PURE__ */ a. +createElement(Sy, null, /* @__PURE__ */ a.createElement(Wi, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, "Oh no! Your Storybo\ +ok is empty. Possible reasons why:", /* @__PURE__ */ a.createElement("ul", null, /* @__PURE__ */ a.createElement("li", null, "The glob speci\ +fied in ", /* @__PURE__ */ a.createElement("code", null, "main.js"), " isn't correct."), /* @__PURE__ */ a.createElement("li", null, "No sto\ +ries are defined in your story files."), /* @__PURE__ */ a.createElement("li", null, "You're using filter-functions, and all stories are fil\ +tered away.")), " ") : /* @__PURE__ */ a.createElement(a.Fragment, null, "This composed storybook is empty, maybe you're using filter-functi\ +ons, and all stories are filtered away."))))), "EmptyBlock"), uc = /* @__PURE__ */ s(({ isMain: e }) => /* @__PURE__ */ a.createElement(or, null, +/* @__PURE__ */ a.createElement(nc, { size: e ? 17 : 5 })), "LoaderBlock"); + +// src/manager/components/sidebar/RefIndicator.tsx +var { document: wy, window: Ey } = re, Cy = S.aside(({ theme: e }) => ({ + height: 16, + display: "flex", + alignItems: "center", + "& > * + *": { + marginLeft: e.layoutMargin + } +})), Ty = S.button(({ theme: e }) => ({ + 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: e.base === "light" ? xe(0.3, e.color.defaultText) : xe(0.6, e.color.defaultText), + "&:hover": { + color: e.barSelectedColor + }, + "&:focus": { + color: e.barSelectedColor, + borderColor: e.color.secondary + }, + svg: { + height: 10, + width: 10, + transition: "all 150ms ease-out", + color: "inherit" + } +})), io = S.span(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold +})), so = S.a(({ theme: e }) => ({ + textDecoration: "none", + lineHeight: "16px", + padding: 15, + display: "flex", + flexDirection: "row", + alignItems: "flex-start", + color: e.color.defaultText, + "&:not(:last-child)": { + borderBottom: `1px solid ${e.appBorderColor}` + }, + "&:hover": { + background: e.background.hoverable, + color: e.color.darker + }, + "&:link": { + color: e.color.darker + }, + "&:active": { + color: e.color.darker + }, + "&:focus": { + color: e.color.darker + }, + "& > *": { + flex: 1 + }, + "& > svg": { + marginTop: 3, + width: 16, + height: 16, + marginRight: 10, + flex: "unset" + } +})), _y = S.div({ + width: 280, + boxSizing: "border-box", + borderRadius: 8, + overflow: "hidden" +}), ky = S.div(({ theme: e }) => ({ + display: "flex", + alignItems: "center", + fontSize: e.typography.size.s1, + fontWeight: e.typography.weight.regular, + color: e.base === "light" ? xe(0.3, e.color.defaultText) : xe(0.6, e.color.defaultText), + "& > * + *": { + marginLeft: 4 + }, + svg: { + height: 10, + width: 10 + } +})), Oy = /* @__PURE__ */ s(({ url: e, versions: t }) => { + let o = Y(() => { + let i = Object.entries(t).find(([n, r]) => r === e); + return i && i[0] ? i[0] : "current"; + }, [e, t]); + return /* @__PURE__ */ a.createElement(ky, null, /* @__PURE__ */ a.createElement("span", null, o), /* @__PURE__ */ a.createElement(Po, null)); +}, "CurrentVersion"), pc = a.memo( + La( + ({ state: e, ...t }, o) => { + let i = pe(), n = Y(() => Object.values(t.index || {}), [t.index]), r = Y( + () => n.filter((u) => u.type === "component").length, + [n] + ), l = Y( + () => n.filter((u) => u.type === "docs" || u.type === "story").length, + [n] + ); + return /* @__PURE__ */ a.createElement(Cy, { ref: o }, /* @__PURE__ */ a.createElement( + je, + { + placement: "bottom-start", + trigger: "click", + closeOnOutsideClick: !0, + tooltip: /* @__PURE__ */ a.createElement(_y, null, /* @__PURE__ */ a.createElement(Et, { row: 0 }, e === "loading" && /* @__PURE__ */ a. + createElement(Ny, { url: t.url }), (e === "error" || e === "empty") && /* @__PURE__ */ a.createElement(Ly, { url: t.url }), e === "\ +ready" && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Py, { url: t.url, componentCount: r, leafCount: l }), + t.sourceUrl && /* @__PURE__ */ a.createElement(Ay, { url: t.sourceUrl })), e === "auth" && /* @__PURE__ */ a.createElement(Dy, { ...t }), + t.type === "auto-inject" && e !== "error" && /* @__PURE__ */ a.createElement(Fy, null), e !== "loading" && /* @__PURE__ */ a.createElement( + My, null))) + }, + /* @__PURE__ */ a.createElement(Ty, { "data-action": "toggle-indicator", "aria-label": "toggle indicator" }, /* @__PURE__ */ a.createElement( + mi, null)) + ), t.versions && Object.keys(t.versions).length ? /* @__PURE__ */ a.createElement( + je, + { + placement: "bottom-start", + trigger: "click", + closeOnOutsideClick: !0, + tooltip: (u) => /* @__PURE__ */ a.createElement( + Ct, + { + links: Object.entries(t.versions).map(([p, c]) => ({ + icon: c === t.url ? /* @__PURE__ */ a.createElement(et, null) : void 0, + id: p, + title: p, + href: c, + onClick: /* @__PURE__ */ s((d, m) => { + d.preventDefault(), i.changeRefVersion(t.id, m.href), u.onHide(); + }, "onClick") + })) + } + ) + }, + /* @__PURE__ */ a.createElement(Oy, { url: t.url, versions: t.versions }) + ) : null); + } + ) +), Py = /* @__PURE__ */ s(({ url: e, componentCount: t, leafCount: o }) => { + let i = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(mi, + { color: i.color.secondary }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "View external Story\ +book"), /* @__PURE__ */ a.createElement("div", null, "Explore ", t, " components and ", o, " stories in a new browser tab."))); +}, "ReadyMessage"), Ay = /* @__PURE__ */ s(({ url: e }) => { + let t = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: e, target: "_blank" }, /* @__PURE__ */ a.createElement(Nl, { color: t.color.secondary }), + /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "View source code"))); +}, "SourceCodeMessage"), Dy = /* @__PURE__ */ s(({ loginUrl: e, id: t }) => { + let o = Fe(), i = M((n) => { + n.preventDefault(); + let r = Ey.open(e, `storybook_auth_${t}`, "resizable,scrollbars"), l = setInterval(() => { + r ? r.closed && (clearInterval(l), wy.location.reload()) : clearInterval(l); + }, 1e3); + }, []); + return /* @__PURE__ */ a.createElement(so, { onClick: i }, /* @__PURE__ */ a.createElement(zr, { color: o.color.gold }), /* @__PURE__ */ a. + createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Log in required"), /* @__PURE__ */ a.createElement("div", null, "You\ + need to authenticate to view this Storybook's components."))); +}, "LoginRequiredMessage"), My = /* @__PURE__ */ s(() => { + let e = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ a. + createElement(Ao, { color: e.color.green }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Read \ +Composition docs"), /* @__PURE__ */ a.createElement("div", null, "Learn how to combine multiple Storybooks into one."))); +}, "ReadDocsMessage"), Ly = /* @__PURE__ */ s(({ url: e }) => { + let t = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(Nr, + { color: t.color.negative }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Something went wrong"), + /* @__PURE__ */ a.createElement("div", null, "This external Storybook didn't load. Debug it in a new tab now."))); +}, "ErrorOccurredMessage"), Ny = /* @__PURE__ */ s(({ url: e }) => { + let t = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: e.replace(/\/?$/, "/index.html"), target: "_blank" }, /* @__PURE__ */ a.createElement(jl, + { color: t.color.secondary }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Please wait"), /* @__PURE__ */ a. + createElement("div", null, "This Storybook is loading."))); +}, "LoadingMessage"), Fy = /* @__PURE__ */ s(() => { + let e = Fe(); + return /* @__PURE__ */ a.createElement(so, { href: "https://storybook.js.org/docs/sharing/storybook-composition", target: "_blank" }, /* @__PURE__ */ a. + createElement(Ml, { color: e.color.gold }), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement(io, null, "Reduce\ + lag"), /* @__PURE__ */ a.createElement("div", null, "Learn how to speed up Composition performance."))); +}, "PerformanceDegradedMessage"); + +// src/manager/components/sidebar/IconSymbols.tsx +var By = S.svg` + position: absolute; + width: 0; + height: 0; + display: inline-block; + shape-rendering: inherit; + vertical-align: middle; +`, cc = "icon--group", dc = "icon--component", fc = "icon--document", mc = "icon--story", hc = "icon--success", gc = "icon--error", yc = "ic\ +on--warning", vc = "icon--dot", bc = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(By, { "data-chromatic": "ignore" }, /* @__PURE__ */ a. +createElement("symbol", { id: cc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v\ +-8.5a.5.5 0 00-.5-.5H7z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: dc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0\ + 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: fc }, /* @__PURE__ */ a.createElement( + "path", + { + d: "M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 \ +1h-5a.5.5 0 01-.5-.5z", + fill: "currentColor" + } +), /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0\ + 00.5.5h2V13H2V1z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: mc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.\ +5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: hc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: gc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7 4a3 3 0 100 6 3 3 0 000-6zM3 7a4 4 0 118 0 4 4 0 01-8 0z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: yc }, /* @__PURE__ */ a.createElement( + "path", + { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M7.206 3.044a.498.498 0 01.23.212l3.492 5.985a.494.494 0 01.006.507.497.497 0 01-.443.252H3.51a.499.499 0 01-.437-.76l3.492-5.984a.4\ +97.497 0 01.642-.212zM7 4.492L4.37 9h5.26L7 4.492z", + fill: "currentColor" + } +)), /* @__PURE__ */ a.createElement("symbol", { id: vc }, /* @__PURE__ */ a.createElement("circle", { cx: "3", cy: "3", r: "3", fill: "curre\ +ntColor" }))), "IconSymbols"), $e = /* @__PURE__ */ s(({ type: e }) => e === "group" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `\ +#${cc}` }) : e === "component" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `#${dc}` }) : e === "document" ? /* @__PURE__ */ a.createElement( +"use", { xlinkHref: `#${fc}` }) : e === "story" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `#${mc}` }) : e === "success" ? /* @__PURE__ */ a. +createElement("use", { xlinkHref: `#${hc}` }) : e === "error" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `#${gc}` }) : e === "war\ +ning" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `#${yc}` }) : e === "dot" ? /* @__PURE__ */ a.createElement("use", { xlinkHref: `\ +#${vc}` }) : null, "UseSymbol"); + +// src/manager/utils/status.tsx +var Hy = S(Cl)({ + // specificity hack + "&&&": { + width: 6, + height: 6 + } +}), Ry = S(Hy)(({ theme: { animation: e, color: t, base: o } }) => ({ + // specificity hack + animation: `${e.glow} 1.5s ease-in-out infinite`, + color: o === "light" ? t.mediumdark : t.darker +})), zy = ["unknown", "pending", "success", "warn", "error"], rr = { + unknown: [null, null], + pending: [/* @__PURE__ */ a.createElement(Ry, { key: "icon" }), "currentColor"], + success: [ + /* @__PURE__ */ a.createElement("svg", { key: "icon", viewBox: "0 0 14 14", width: "14", height: "14" }, /* @__PURE__ */ a.createElement( + $e, { type: "success" })), + "currentColor" + ], + warn: [ + /* @__PURE__ */ a.createElement("svg", { key: "icon", viewBox: "0 0 14 14", width: "14", height: "14" }, /* @__PURE__ */ a.createElement( + $e, { type: "warning" })), + "#A15C20" + ], + error: [ + /* @__PURE__ */ a.createElement("svg", { key: "icon", viewBox: "0 0 14 14", width: "14", height: "14" }, /* @__PURE__ */ a.createElement( + $e, { type: "error" })), + "brown" + ] +}, nr = /* @__PURE__ */ s((e) => zy.reduce( + (t, o) => e.includes(o) ? o : t, + "unknown" +), "getHighestStatus"); +function pn(e, t) { + return Object.values(e).reduce((o, i) => { + if (i.type === "group" || i.type === "component") { + let n = It(e, i.id, !1).map((l) => e[l]).filter((l) => l.type === "story"), r = nr( + // @ts-expect-error (non strict) + n.flatMap((l) => Object.values(t?.[l.id] || {})).map((l) => l.status) + ); + r && (o[i.id] = r); + } + return o; + }, {}); +} +s(pn, "getGroupStatus"); + +// src/manager/components/sidebar/StatusButton.tsx +var xc = /* @__PURE__ */ s(({ theme: e, status: t }) => { + let o = e.base === "light" ? xe(0.3, e.color.defaultText) : xe(0.6, e.color.defaultText); + return { + color: { + pending: o, + success: e.color.positive, + error: e.color.negative, + warn: e.color.warning, + unknown: o + }[t] + }; +}, "withStatusColor"), Ic = S.div(xc, { + margin: 3 +}), ji = S(te)( + xc, + ({ theme: e, height: t, width: o }) => ({ + transition: "none", + display: "inline-flex", + alignItems: "center", + justifyContent: "center", + width: o || 28, + height: t || 28, + "&:hover": { + color: e.color.secondary + }, + "&:focus": { + color: e.color.secondary, + borderColor: e.color.secondary, + "&:not(:focus-visible)": { + borderColor: "transparent" + } + } + }), + ({ theme: e, selectedItem: t }) => t && { + "&:hover": { + boxShadow: `inset 0 0 0 2px ${e.color.secondary}`, + background: "rgba(255, 255, 255, 0.2)" + } + } +); + +// src/manager/components/sidebar/StatusContext.tsx +var Vi = So({}), Sc = /* @__PURE__ */ s((e) => { + let { data: t, status: o, groupStatus: i } = br(Vi), n = { + counts: { pending: 0, success: 0, error: 0, warn: 0, unknown: 0 }, + statuses: { pending: {}, success: {}, error: {}, warn: {}, unknown: {} } + }; + if (t && o && i && ["pending", "warn", "error"].includes(i[e.id])) + for (let r of It(t, e.id, !1)) + for (let l of Object.values(o[r] || {})) + n.counts[l.status]++, n.statuses[l.status][r] = n.statuses[l.status][r] || [], n.statuses[l.status][r].push(l); + return n; +}, "useStatusSummary"); + +// src/manager/components/sidebar/components/CollapseIcon.tsx +var Wy = S.div(({ theme: e, isExpanded: t }) => ({ + width: 8, + height: 8, + display: "flex", + justifyContent: "center", + alignItems: "center", + color: xe(0.4, e.textMutedColor), + transform: t ? "rotateZ(90deg)" : "none", + transition: "transform .1s ease-out" +})), ao = /* @__PURE__ */ s(({ isExpanded: e }) => /* @__PURE__ */ a.createElement(Wy, { isExpanded: e }, /* @__PURE__ */ a.createElement("s\ +vg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", fill: "none" }, /* @__PURE__ */ a.createElement( + "path", + { + fill: "#73828C", + fillRule: "evenodd", + d: "M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z", + clipRule: "evenodd" + } +))), "CollapseIcon"); + +// src/manager/components/sidebar/TreeNode.tsx +var Ht = S.svg( + ({ theme: e, type: t }) => ({ + width: 14, + height: 14, + flex: "0 0 auto", + color: t === "group" ? e.base === "dark" ? e.color.primary : e.color.ultraviolet : t === "component" ? e.color.secondary : t === "docume\ +nt" ? e.base === "dark" ? e.color.gold : "#ff8300" : t === "story" ? e.color.seafoam : "currentColor" + }) +), wc = S.button(({ theme: e, depth: t = 0, isExpandable: o = !1 }) => ({ + width: "100%", + border: "none", + cursor: "pointer", + display: "flex", + alignItems: "start", + textAlign: "left", + paddingLeft: `${(o ? 8 : 22) + t * 18}px`, + color: "inherit", + fontSize: `${e.typography.size.s2}px`, + background: "transparent", + minHeight: 28, + borderRadius: 4, + gap: 6, + paddingTop: 5, + paddingBottom: 4 +})), Ec = S.a(({ theme: e, depth: t = 0 }) => ({ + width: "100%", + cursor: "pointer", + color: "inherit", + display: "flex", + gap: 6, + flex: 1, + alignItems: "start", + paddingLeft: `${22 + t * 18}px`, + paddingTop: 5, + paddingBottom: 4, + fontSize: `${e.typography.size.s2}px`, + textDecoration: "none", + overflowWrap: "break-word", + wordWrap: "break-word", + wordBreak: "break-word" +})), Cc = S.div(({ theme: e }) => ({ + display: "flex", + alignItems: "center", + justifyContent: "space-between", + marginTop: 16, + marginBottom: 4, + fontSize: `${e.typography.size.s1 - 1}px`, + fontWeight: e.typography.weight.bold, + lineHeight: "16px", + minHeight: 28, + letterSpacing: "0.16em", + textTransform: "uppercase", + color: e.textMutedColor +})), cn = S.div({ + display: "flex", + alignItems: "center", + gap: 6, + marginTop: 2 +}), Tc = a.memo(/* @__PURE__ */ s(function({ + children: t, + isExpanded: o = !1, + isExpandable: i = !1, + ...n +}) { + return /* @__PURE__ */ a.createElement(wc, { isExpandable: i, tabIndex: -1, ...n }, /* @__PURE__ */ a.createElement(cn, null, i && /* @__PURE__ */ a. + createElement(ao, { isExpanded: o }), /* @__PURE__ */ a.createElement(Ht, { viewBox: "0 0 14 14", width: "14", height: "14", type: "group" }, + /* @__PURE__ */ a.createElement($e, { type: "group" }))), t); +}, "GroupNode")), _c = a.memo( + /* @__PURE__ */ s(function({ theme: t, children: o, isExpanded: i, isExpandable: n, isSelected: r, ...l }) { + return /* @__PURE__ */ a.createElement(wc, { isExpandable: n, tabIndex: -1, ...l }, /* @__PURE__ */ a.createElement(cn, null, n && /* @__PURE__ */ a. + createElement(ao, { isExpanded: i }), /* @__PURE__ */ a.createElement(Ht, { viewBox: "0 0 14 14", width: "12", height: "12", type: "comp\ +onent" }, /* @__PURE__ */ a.createElement($e, { type: "component" }))), o); + }, "ComponentNode") +), kc = a.memo( + /* @__PURE__ */ s(function({ theme: t, children: o, docsMode: i, ...n }) { + return /* @__PURE__ */ a.createElement(Ec, { tabIndex: -1, ...n }, /* @__PURE__ */ a.createElement(cn, null, /* @__PURE__ */ a.createElement( + Ht, { viewBox: "0 0 14 14", width: "12", height: "12", type: "document" }, /* @__PURE__ */ a.createElement($e, { type: "document" }))), o); + }, "DocumentNode") +), Oc = a.memo(/* @__PURE__ */ s(function({ + theme: t, + children: o, + ...i +}) { + return /* @__PURE__ */ a.createElement(Ec, { tabIndex: -1, ...i }, /* @__PURE__ */ a.createElement(cn, null, /* @__PURE__ */ a.createElement( + Ht, { viewBox: "0 0 14 14", width: "12", height: "12", type: "story" }, /* @__PURE__ */ a.createElement($e, { type: "story" }))), o); +}, "StoryNode")); + +// ../node_modules/es-toolkit/dist/function/debounce.mjs +function dn(e, t, { signal: o, edges: i } = {}) { + let n, r = null, l = i != null && i.includes("leading"), u = i == null || i.includes("trailing"), p = /* @__PURE__ */ s(() => { + r !== null && (e.apply(n, r), n = void 0, r = null); + }, "invoke"), c = /* @__PURE__ */ s(() => { + u && p(), y(); + }, "onTimerEnd"), d = null, m = /* @__PURE__ */ s(() => { + d != null && clearTimeout(d), d = setTimeout(() => { + d = null, c(); + }, t); + }, "schedule"), f = /* @__PURE__ */ s(() => { + d !== null && (clearTimeout(d), d = null); + }, "cancelTimer"), y = /* @__PURE__ */ s(() => { + f(), n = void 0, r = null; + }, "cancel"), h = /* @__PURE__ */ s(() => { + f(), p(); + }, "flush"), v = /* @__PURE__ */ s(function(...I) { + if (o?.aborted) + return; + n = this, r = I; + let C = d == null; + m(), l && C && p(); + }, "debounced"); + return v.schedule = m, v.cancel = y, v.flush = h, o?.addEventListener("abort", y, { once: !0 }), v; +} +s(dn, "debounce"); + +// ../node_modules/es-toolkit/dist/function/throttle.mjs +function $i(e, t, { signal: o, edges: i = ["leading", "trailing"] } = {}) { + let n = null, r = dn(e, t, { signal: o, edges: i }), l = /* @__PURE__ */ s(function(...u) { + n == null ? n = Date.now() : Date.now() - n >= t && (n = Date.now(), r.cancel(), r(...u)), r(...u); + }, "throttled"); + return l.cancel = r.cancel, l.flush = r.flush, l; +} +s($i, "throttle"); + +// src/manager/keybinding.ts +var jy = { + // event.code => event.key + Space: " ", + Slash: "/", + ArrowLeft: "ArrowLeft", + ArrowUp: "ArrowUp", + ArrowRight: "ArrowRight", + ArrowDown: "ArrowDown", + Escape: "Escape", + Enter: "Enter" +}, Vy = { alt: !1, ctrl: !1, meta: !1, shift: !1 }, Rt = /* @__PURE__ */ s((e, t) => { + let { alt: o, ctrl: i, meta: n, shift: r } = e === !1 ? Vy : e; + return !(typeof o == "boolean" && o !== t.altKey || typeof i == "boolean" && i !== t.ctrlKey || typeof n == "boolean" && n !== t.metaKey || + typeof r == "boolean" && r !== t.shiftKey); +}, "matchesModifiers"), tt = /* @__PURE__ */ s((e, t) => t.code ? t.code === e : t.key === jy[e], "matchesKeyCode"); + +// src/manager/components/sidebar/useExpanded.ts +var { document: Ki } = re, $y = /* @__PURE__ */ s(({ + refId: e, + data: t, + initialExpanded: o, + highlightedRef: i, + rootIds: n +}) => { + let r = i.current?.refId === e ? tr(t, i.current?.itemId) : []; + return [...n, ...r].reduce( + // @ts-expect-error (non strict) + (l, u) => Object.assign(l, { [u]: u in o ? o[u] : !0 }), + {} + ); +}, "initializeExpanded"), Ky = /* @__PURE__ */ s(() => { +}, "noop"), Pc = /* @__PURE__ */ s(({ + containerRef: e, + isBrowsing: t, + refId: o, + data: i, + initialExpanded: n, + rootIds: r, + highlightedRef: l, + setHighlightedItemId: u, + selectedStoryId: p, + onSelectStoryId: c +}) => { + let d = pe(), [m, f] = wo( + (b, { ids: x, value: g }) => x.reduce((w, T) => Object.assign(w, { [T]: g }), { ...b }), + // @ts-expect-error (non strict) + { refId: o, data: i, highlightedRef: l, rootIds: r, initialExpanded: n }, + $y + ), y = M( + (b) => e.current?.querySelector(`[data-item-id="${b}"]`), + [e] + ), h = M( + (b) => { + u(b.getAttribute("data-item-id")), ro(b); + }, + [u] + ), v = M( + ({ ids: b, value: x }) => { + if (f({ ids: b, value: x }), b.length === 1) { + let g = e.current?.querySelector( + `[data-item-id="${b[0]}"][data-ref-id="${o}"]` + ); + g && h(g); + } + }, + [e, h, o] + ); + z(() => { + f({ ids: tr(i, p), value: !0 }); + }, [i, p]); + let I = M(() => { + let b = Object.keys(i).filter((x) => !r.includes(x)); + f({ ids: b, value: !1 }); + }, [i, r]), C = M(() => { + f({ ids: Object.keys(i), value: !0 }); + }, [i]); + return z(() => d ? (d.on(Ko, I), d.on(Qn, C), () => { + d.off(Ko, I), d.off(Qn, C); + }) : Ky, [d, I, C]), z(() => { + let b = Ki.getElementById("storybook-explorer-menu"), x = $i((g) => { + let w = l.current?.refId === o && l.current?.itemId; + if (!t || !e.current || !w || g.repeat || !Rt(!1, g)) + return; + let T = tt("Enter", g), _ = tt("Space", g), k = tt("ArrowLeft", g), E = tt("ArrowRight", g); + if (!(T || _ || k || E)) + return; + let O = y(w); + if (!O || O.getAttribute("data-ref-id") !== o) + return; + let P = g.target; + if (!no(b, P) && !no(P, b)) + return; + if (P.hasAttribute("data-action")) { + if (T || _) + return; + P.blur(); + } + let A = O.getAttribute("data-nodetype"); + (T || _) && ["component", "story", "document"].includes(A) && c(w); + let D = O.getAttribute("aria-expanded"); + if (k) { + if (D === "true") { + f({ ids: [w], value: !1 }); + return; + } + let L = O.getAttribute("data-parent-id"), B = L && y(L); + if (B && B.getAttribute("data-highlightable") === "true") { + h(B); + return; + } + f({ ids: It(i, w, !0), value: !1 }); + return; + } + E && (D === "false" ? v({ ids: [w], value: !0 }) : D === "true" && v({ ids: It(i, w, !0), value: !0 })); + }, 60); + return Ki.addEventListener("keydown", x), () => Ki.removeEventListener("keydown", x); + }, [ + e, + t, + o, + i, + l, + u, + c + ]), [m, v]; +}, "useExpanded"); + +// src/manager/components/sidebar/Tree.tsx +var Uy = "storybook/test", qL = `${Uy}/test-provider`, qy = S.div((e) => ({ + marginTop: e.hasOrphans ? 20 : 0, + marginBottom: 20 +})), Gy = S.button(({ theme: e }) => ({ + all: "unset", + display: "flex", + padding: "0px 8px", + borderRadius: 4, + transition: "color 150ms, box-shadow 150ms", + gap: 6, + alignItems: "center", + cursor: "pointer", + height: 28, + "&:hover, &:focus": { + outline: "none", + background: xe(0.93, e.color.secondary) + } +})), Ac = S.div(({ theme: e }) => ({ + position: "relative", + display: "flex", + justifyContent: "space-between", + alignItems: "center", + color: e.color.defaultText, + background: "transparent", + minHeight: 28, + borderRadius: 4, + "&:hover, &:focus": { + background: xe(0.93, e.color.secondary), + outline: "none" + }, + '&[data-selected="true"]': { + color: e.color.lightest, + background: e.color.secondary, + fontWeight: e.typography.weight.bold, + "&&:hover, &&:focus": { + background: e.color.secondary + }, + svg: { color: e.color.lightest } + }, + a: { color: "currentColor" } +})), Yy = S(fe)(({ theme: e }) => ({ + 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: e.color.secondary, + width: "auto" + } + } +})), Dc = a.memo(/* @__PURE__ */ s(function({ + item: t, + status: o, + groupStatus: i, + refId: n, + docsMode: r, + isOrphan: l, + isDisplayed: u, + isSelected: p, + isFullyExpanded: c, + setFullyExpanded: d, + isExpanded: m, + setExpanded: f, + onSelectStoryId: y, + collapsedData: h, + api: v +}) { + let { isDesktop: I, isMobile: C, setMobileMenuOpen: b } = ge(), x = Fe(), { counts: g, statuses: w } = Sc(t); + if (!u) + return null; + let T = un(t.id, n); + if (t.type === "story" || t.type === "docs") { + let _ = t.type === "docs" ? kc : Oc, k = nr(Object.values(o || {}).map((A) => A.status)), [E, O] = rr[k], P = ["success", "error", "warn", + "pending", "unknown"]; + return /* @__PURE__ */ a.createElement( + Ac, + { + key: T, + className: "sidebar-item", + "data-selected": p, + "data-ref-id": n, + "data-item-id": t.id, + "data-parent-id": t.parent, + "data-nodetype": t.type === "docs" ? "document" : "story", + "data-highlightable": u + }, + /* @__PURE__ */ a.createElement( + _, + { + style: p ? {} : { color: O }, + href: Xp(t, n), + id: T, + depth: l ? t.depth : t.depth - 1, + onClick: (A) => { + A.preventDefault(), y(t.id), C && b(!1); + }, + ...t.type === "docs" && { docsMode: r } + }, + t.renderLabel?.(t, v) || t.name + ), + p && /* @__PURE__ */ a.createElement(Yy, { asChild: !0 }, /* @__PURE__ */ a.createElement("a", { href: "#storybook-preview-wrapper" }, + "Skip to canvas")), + E ? /* @__PURE__ */ a.createElement( + je, + { + closeOnOutsideClick: !0, + closeOnTriggerHidden: !0, + onClick: (A) => A.stopPropagation(), + placement: "bottom", + tooltip: ({ onHide: A }) => /* @__PURE__ */ a.createElement( + Ct, + { + links: Object.entries(o || {}).sort( + (D, L) => P.indexOf(D[1].status) - P.indexOf(L[1].status) + ).map(([D, L]) => ({ + id: D, + title: L.title, + description: L.description, + "aria-label": `Test status for ${L.title}: ${L.status}`, + icon: { + success: /* @__PURE__ */ a.createElement(Rl, { color: x.color.positive }), + error: /* @__PURE__ */ a.createElement(hi, { color: x.color.negative }), + warn: /* @__PURE__ */ a.createElement(gi, { color: x.color.warning }), + pending: /* @__PURE__ */ a.createElement(Ft, { size: 12, color: x.color.defaultText }), + unknown: null + }[L.status], + onClick: /* @__PURE__ */ s(() => { + y(t.id), L.onClick?.(), A(); + }, "onClick") + })) + } + ) + }, + /* @__PURE__ */ a.createElement( + ji, + { + "aria-label": `Test status: ${k}`, + role: "status", + type: "button", + status: k, + selectedItem: p + }, + E + ) + ) : null + ); + } + if (t.type === "root") + return /* @__PURE__ */ a.createElement( + Cc, + { + key: T, + id: T, + className: "sidebar-subheading", + "data-ref-id": n, + "data-item-id": t.id, + "data-nodetype": "root" + }, + /* @__PURE__ */ a.createElement( + Gy, + { + type: "button", + "data-action": "collapse-root", + onClick: (_) => { + _.preventDefault(), f({ ids: [t.id], value: !m }); + }, + "aria-expanded": m + }, + /* @__PURE__ */ a.createElement(ao, { isExpanded: m }), + t.renderLabel?.(t, v) || t.name + ), + m && /* @__PURE__ */ a.createElement( + te, + { + className: "sidebar-subheading-action", + "aria-label": c ? "Expand" : "Collapse", + "data-action": "expand-all", + "data-expanded": c, + onClick: (_) => { + _.preventDefault(), d(); + } + }, + c ? /* @__PURE__ */ a.createElement(Tl, null) : /* @__PURE__ */ a.createElement(_l, null) + ) + ); + if (t.type === "component" || t.type === "group") { + let _ = i?.[t.id], k = _ ? rr[_][1] : null, E = t.type === "component" ? _c : Tc, O = /* @__PURE__ */ s((P) => { + let A = []; + return g.error && A.push({ + id: "errors", + icon: /* @__PURE__ */ a.createElement(hi, { color: x.color.negative }), + title: `${g.error} ${g.error === 1 ? "story" : "stories"} with errors`, + onClick: /* @__PURE__ */ s(() => { + let [D, [L]] = Object.entries(w.error)[0]; + y(D), L.onClick?.(), P(); + }, "onClick") + }), g.warn && A.push({ + id: "warnings", + icon: /* @__PURE__ */ a.createElement(gi, { color: x.color.gold }), + title: `${g.warn} ${g.warn === 1 ? "story" : "stories"} with warnings`, + onClick: /* @__PURE__ */ s(() => { + let [D, [L]] = Object.entries(w.warn)[0]; + y(D), L.onClick?.(), P(); + }, "onClick") + }), A; + }, "createLinks"); + return /* @__PURE__ */ a.createElement( + Ac, + { + key: T, + className: "sidebar-item", + "data-ref-id": n, + "data-item-id": t.id, + "data-parent-id": t.parent, + "data-nodetype": t.type === "component" ? "component" : "group", + "data-highlightable": u + }, + /* @__PURE__ */ a.createElement( + E, + { + id: T, + style: k ? { color: k } : {}, + "aria-controls": t.children && t.children[0], + "aria-expanded": m, + depth: l ? t.depth : t.depth - 1, + isComponent: t.type === "component", + isExpandable: t.children && t.children.length > 0, + isExpanded: m, + onClick: (P) => { + P.preventDefault(), f({ ids: [t.id], value: !m }), t.type === "component" && !m && I && y(t.id); + }, + onMouseEnter: () => { + t.type === "component" && v.emit($t, { + ids: [t.children[0]], + options: { target: n } + }); + } + }, + t.renderLabel?.(t, v) || t.name + ), + ["error", "warn"].includes(_) && /* @__PURE__ */ a.createElement( + je, + { + closeOnOutsideClick: !0, + onClick: (P) => P.stopPropagation(), + placement: "bottom", + tooltip: ({ onHide: P }) => /* @__PURE__ */ a.createElement(Ct, { links: O(P) }) + }, + /* @__PURE__ */ a.createElement(ji, { type: "button", status: _ }, /* @__PURE__ */ a.createElement("svg", { key: "icon", viewBox: "0\ + 0 6 6", width: "6", height: "6", type: "dot" }, /* @__PURE__ */ a.createElement($e, { type: "dot" }))) + ) + ); + } + return null; +}, "Node")), Xy = a.memo(/* @__PURE__ */ s(function({ + setExpanded: t, + isFullyExpanded: o, + expandableDescendants: i, + ...n +}) { + let r = M( + () => t({ ids: i, value: !o }), + [t, o, i] + ); + return /* @__PURE__ */ a.createElement( + Dc, + { + ...n, + setExpanded: t, + isFullyExpanded: o, + setFullyExpanded: r + } + ); +}, "Root")), Mc = a.memo(/* @__PURE__ */ s(function({ + isBrowsing: t, + isMain: o, + refId: i, + data: n, + status: r, + docsMode: l, + highlightedRef: u, + setHighlightedItemId: p, + selectedStoryId: c, + onSelectStoryId: d +}) { + let m = G(null), f = pe(), [y, h, v] = Y( + () => Object.keys(n).reduce( + (E, O) => { + let P = n[O]; + return P.type === "root" ? E[0].push(O) : P.parent || E[1].push(O), P.type === "root" && P.startCollapsed && (E[2][O] = !1), E; + }, + [[], [], {}] + ), + [n] + ), { expandableDescendants: I } = Y(() => [...h, ...y].reduce( + (E, O) => (E.expandableDescendants[O] = It(n, O, !1).filter( + (P) => !["story", "docs"].includes(n[P].type) + ), E), + { orphansFirst: [], expandableDescendants: {} } + ), [n, y, h]), C = Y(() => Object.keys(n).filter((E) => { + let O = n[E]; + if (O.type !== "component") + return !1; + let { children: P = [], name: A } = O; + if (P.length !== 1) + return !1; + let D = n[P[0]]; + return D.type === "docs" ? !0 : D.type === "story" ? tc(D.name, A) : !1; + }), [n]), b = Y( + () => Object.keys(n).filter((E) => !C.includes(E)), + [C] + ), x = Y(() => C.reduce( + (E, O) => { + let { children: P, parent: A, name: D } = n[O], [L] = P; + if (A) { + let B = [...n[A].children]; + B[B.indexOf(O)] = L, E[A] = { ...n[A], children: B }; + } + return E[L] = { + ...n[L], + name: D, + parent: A, + depth: n[L].depth - 1 + }, E; + }, + { ...n } + ), [n]), g = Y(() => b.reduce( + (E, O) => Object.assign(E, { [O]: tr(x, O) }), + {} + ), [b, x]), [w, T] = Pc({ + // @ts-expect-error (non strict) + containerRef: m, + isBrowsing: t, + refId: i, + data: x, + initialExpanded: v, + rootIds: y, + highlightedRef: u, + setHighlightedItemId: p, + selectedStoryId: c, + onSelectStoryId: d + }), _ = Y(() => pn(x, r), [x, r]), k = Y(() => b.map((E) => { + let O = x[E], P = un(E, i); + if (O.type === "root") { + let D = I[O.id], L = D.every((B) => w[B]); + return ( + // @ts-expect-error (TODO) + /* @__PURE__ */ a.createElement( + Xy, + { + api: f, + key: P, + item: O, + refId: i, + collapsedData: x, + isOrphan: !1, + isDisplayed: !0, + isSelected: c === E, + isExpanded: !!w[E], + setExpanded: T, + isFullyExpanded: L, + expandableDescendants: D, + onSelectStoryId: d + } + ) + ); + } + let A = !O.parent || g[E].every((D) => w[D]); + return /* @__PURE__ */ a.createElement( + Dc, + { + api: f, + collapsedData: x, + key: P, + item: O, + status: r?.[E], + groupStatus: _, + refId: i, + docsMode: l, + isOrphan: h.some((D) => E === D || E.startsWith(`${D}-`)), + isDisplayed: A, + isSelected: c === E, + isExpanded: !!w[E], + setExpanded: T, + onSelectStoryId: d + } + ); + }), [ + g, + f, + x, + b, + l, + I, + w, + _, + d, + h, + i, + c, + T, + r + ]); + return /* @__PURE__ */ a.createElement(Vi.Provider, { value: { data: n, status: r, groupStatus: _ } }, /* @__PURE__ */ a.createElement(qy, + { ref: m, hasOrphans: o && h.length > 0 }, /* @__PURE__ */ a.createElement(bc, null), k)); +}, "Tree")); + +// src/manager/components/sidebar/Refs.tsx +var Qy = S.div(({ isMain: e }) => ({ + position: "relative", + marginTop: e ? void 0 : 0 +})), Zy = S.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold, + fontSize: e.typography.size.s2, + // Similar to ListItem.tsx + textDecoration: "none", + lineHeight: "16px", + display: "flex", + alignItems: "center", + justifyContent: "space-between", + background: "transparent", + width: "100%", + marginTop: 20, + paddingTop: 16, + paddingBottom: 12, + borderTop: `1px solid ${e.appBorderColor}`, + color: e.base === "light" ? e.color.defaultText : xe(0.2, e.color.defaultText) +})), Jy = S.div({ + textOverflow: "ellipsis", + whiteSpace: "nowrap", + flex: 1, + overflow: "hidden", + marginLeft: 2 +}), ev = S.button(({ theme: e }) => ({ + all: "unset", + display: "flex", + padding: "0px 8px", + gap: 6, + alignItems: "center", + cursor: "pointer", + overflow: "hidden", + "&:focus": { + borderColor: e.color.secondary, + "span:first-of-type": { + borderLeftColor: e.color.secondary + } + } +})), Lc = a.memo( + /* @__PURE__ */ s(function(t) { + let { docsOptions: o } = Ze(), i = pe(), { + index: n, + id: r, + title: l = r, + isLoading: u, + isBrowsing: p, + selectedStoryId: c, + highlightedRef: d, + setHighlighted: m, + loginUrl: f, + type: y, + expanded: h = !0, + indexError: v, + previewInitialized: I + } = t, C = Y(() => n ? Object.keys(n).length : 0, [n]), b = G(null), x = r === St, w = u || (y === "auto-inject" && !I || y === "server-\ +checked") || y === "unknown", E = ec(w, !!f && C === 0, !!v, !w && C === 0), [O, P] = U(h); + z(() => { + n && c && n[c] && P(!0); + }, [P, n, c]); + let A = M(() => P((B) => !B), [P]), D = M( + (B) => m({ itemId: B, refId: r }), + [m] + ), L = M( + // @ts-expect-error (non strict) + (B) => i && i.selectStory(B, void 0, { ref: !x && r }), + [i, x, r] + ); + return /* @__PURE__ */ a.createElement(a.Fragment, null, x || /* @__PURE__ */ a.createElement( + Zy, + { + "aria-label": `${O ? "Hide" : "Show"} ${l} stories`, + "aria-expanded": O + }, + /* @__PURE__ */ a.createElement(ev, { "data-action": "collapse-ref", onClick: A }, /* @__PURE__ */ a.createElement(ao, { isExpanded: O }), + /* @__PURE__ */ a.createElement(Jy, { title: l }, l)), + /* @__PURE__ */ a.createElement(pc, { ...t, state: E, ref: b }) + ), O && /* @__PURE__ */ a.createElement(Qy, { "data-title": l, isMain: x }, E === "auth" && /* @__PURE__ */ a.createElement(sc, { id: r, + loginUrl: f }), E === "error" && /* @__PURE__ */ a.createElement(ac, { error: v }), E === "loading" && /* @__PURE__ */ a.createElement(uc, + { isMain: x }), E === "empty" && /* @__PURE__ */ a.createElement(lc, { isMain: x }), E === "ready" && /* @__PURE__ */ a.createElement( + Mc, + { + status: t.status, + isBrowsing: p, + isMain: x, + refId: r, + data: n, + docsMode: o.docsMode, + selectedStoryId: c, + onSelectStoryId: L, + highlightedRef: d, + setHighlightedItemId: D + } + ))); + }, "Ref") +); + +// src/manager/components/sidebar/useHighlighted.ts +var { document: Ui, window: Nc } = re, Fc = /* @__PURE__ */ s((e) => e ? { itemId: e.storyId, refId: e.refId } : null, "fromSelection"), Bc = /* @__PURE__ */ s( +({ + containerRef: e, + isLoading: t, + isBrowsing: o, + dataset: i, + selected: n +}) => { + let r = Fc(n), l = G(r), [u, p] = U(r), c = pe(), d = M( + (f) => { + l.current = f, p(f); + }, + [l] + ), m = M( + (f, y = !1) => { + let h = f.getAttribute("data-item-id"), v = f.getAttribute("data-ref-id"); + !h || !v || (d({ itemId: h, refId: v }), ro(f, y)); + }, + [d] + ); + return z(() => { + let f = Fc(n); + if (d(f), f) { + let { itemId: y, refId: h } = f; + setTimeout(() => { + ro( + // @ts-expect-error (non strict) + e.current?.querySelector(`[data-item-id="${y}"][data-ref-id="${h}"]`), + !0 + // make sure it's clearly visible by centering it + ); + }, 0); + } + }, [i, l, e, n]), z(() => { + let f = Ui.getElementById("storybook-explorer-menu"), y, h = /* @__PURE__ */ s((v) => { + if (t || !o || !e.current || !Rt(!1, v)) + return; + let I = tt("ArrowUp", v), C = tt("ArrowDown", v); + if (!(I || C)) + return; + let b = Nc.requestAnimationFrame(() => { + Nc.cancelAnimationFrame(y), y = b; + let x = v.target; + if (!no(f, x) && !no(x, f)) + return; + x.hasAttribute("data-action") && x.blur(); + let g = Array.from( + e.current.querySelectorAll("[data-highlightable=true]") + ), w = g.findIndex( + (k) => k.getAttribute("data-item-id") === l.current?.itemId && k.getAttribute("data-ref-id") === l.current?.refId + ), T = Jp(g, w, I ? -1 : 1), _ = I ? T === g.length - 1 : T === 0; + if (m(g[T], _), g[T].getAttribute("data-nodetype") === "component") { + let { itemId: k, refId: E } = l.current, O = c.resolveStory(k, E === "storybook_internal" ? void 0 : E); + O.type === "component" && c.emit($t, { + // @ts-expect-error (non strict) + ids: [O.children[0]], + options: { target: E } + }); + } + }); + }, "navigateTree"); + return Ui.addEventListener("keydown", h), () => Ui.removeEventListener("keydown", h); + }, [t, o, l, m]), [u, d, l]; +}, "useHighlighted"); + +// src/manager/components/sidebar/Explorer.tsx +var Hc = a.memo(/* @__PURE__ */ s(function({ + isLoading: t, + isBrowsing: o, + dataset: i, + selected: n +}) { + let r = G(null), [l, u, p] = Bc({ + // @ts-expect-error (non strict) + containerRef: r, + isLoading: t, + isBrowsing: o, + dataset: i, + selected: n + }); + return /* @__PURE__ */ a.createElement( + "div", + { + ref: r, + id: "storybook-explorer-tree", + "data-highlighted-ref-id": l?.refId, + "data-highlighted-item-id": l?.itemId + }, + l && /* @__PURE__ */ a.createElement(Up, { ...l }), + i.entries.map(([c, d]) => /* @__PURE__ */ a.createElement( + Lc, + { + ...d, + key: c, + isLoading: t, + isBrowsing: o, + selectedStoryId: n?.refId === d.id ? n.storyId : null, + highlightedRef: p, + setHighlighted: u + } + )) + ); +}, "Explorer")); + +// src/manager/components/sidebar/Brand.tsx +var tv = S(Dr)(({ theme: e }) => ({ + width: "auto", + height: "22px !important", + display: "block", + color: e.base === "light" ? e.color.defaultText : e.color.lightest +})), ov = S.img({ + display: "block", + maxWidth: "150px !important", + maxHeight: "100px" +}), Rc = S.a(({ theme: e }) => ({ + 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: e.color.secondary + } +})), zc = Va(({ theme: e }) => { + let { title: t = "Storybook", url: o = "./", image: i, target: n } = e.brand, r = n || (o === "./" ? "" : "_blank"); + if (i === null) + return t === null ? null : o ? /* @__PURE__ */ a.createElement(Rc, { href: o, target: r, dangerouslySetInnerHTML: { __html: t } }) : /* @__PURE__ */ a. + createElement("div", { dangerouslySetInnerHTML: { __html: t } }); + let l = i ? /* @__PURE__ */ a.createElement(ov, { src: i, alt: t }) : /* @__PURE__ */ a.createElement(tv, { alt: t }); + return o ? /* @__PURE__ */ a.createElement(Rc, { title: t, href: o, target: r }, l) : /* @__PURE__ */ a.createElement("div", null, l); +}); + +// src/manager/components/sidebar/Menu.tsx +var Wc = S(te)(({ highlighted: e, theme: t }) => ({ + position: "relative", + overflow: "visible", + marginTop: 0, + zIndex: 1, + ...e && { + "&:before, &:after": { + content: '""', + position: "absolute", + top: 6, + right: 6, + width: 5, + height: 5, + zIndex: 2, + borderRadius: "50%", + background: t.background.app, + border: `1px solid ${t.background.app}`, + boxShadow: `0 0 0 2px ${t.background.app}` + }, + "&:after": { + background: t.color.positive, + border: "1px solid rgba(0, 0, 0, 0.1)", + boxShadow: `0 0 0 2px ${t.background.app}` + }, + "&:hover:after, &:focus-visible:after": { + boxShadow: `0 0 0 2px ${xe(0.88, t.color.secondary)}` + } + } +})), rv = S.div({ + display: "flex", + gap: 4 +}), nv = /* @__PURE__ */ s(({ menu: e, onHide: t }) => { + let o = Y(() => e.map(({ onClick: i, ...n }) => ({ + ...n, + onClick: /* @__PURE__ */ s((r, l) => { + i && i(r, l), t(); + }, "onClick") + })), [e, t]); + return /* @__PURE__ */ a.createElement(Ct, { links: o }); +}, "SidebarMenuList"), jc = /* @__PURE__ */ s(({ menu: e, isHighlighted: t, onClick: o }) => { + let [i, n] = U(!1), { isMobile: r, setMobileMenuOpen: l } = ge(); + return r ? /* @__PURE__ */ a.createElement(rv, null, /* @__PURE__ */ a.createElement( + Wc, + { + title: "About Storybook", + "aria-label": "About Storybook", + highlighted: t, + active: !1, + onClick: o + }, + /* @__PURE__ */ a.createElement(di, null) + ), /* @__PURE__ */ a.createElement( + te, + { + title: "Close menu", + "aria-label": "Close menu", + onClick: () => l(!1) + }, + /* @__PURE__ */ a.createElement(ct, null) + )) : /* @__PURE__ */ a.createElement( + je, + { + placement: "top", + closeOnOutsideClick: !0, + tooltip: ({ onHide: u }) => /* @__PURE__ */ a.createElement(nv, { onHide: u, menu: e }), + onVisibleChange: n + }, + /* @__PURE__ */ a.createElement( + Wc, + { + title: "Shortcuts", + "aria-label": "Shortcuts", + highlighted: t, + active: i + }, + /* @__PURE__ */ a.createElement(di, null) + ) + ); +}, "SidebarMenu"); + +// src/manager/components/sidebar/Heading.tsx +var iv = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s2, + fontWeight: e.typography.weight.bold, + color: e.color.defaultText, + marginRight: 20, + display: "flex", + width: "100%", + alignItems: "center", + minHeight: 22, + "& > * > *": { + maxWidth: "100%" + }, + "& > *": { + maxWidth: "100%", + height: "auto", + display: "block", + flex: "1 1 auto" + } +})), sv = S.div({ + display: "flex", + alignItems: "center", + justifyContent: "space-between", + position: "relative", + minHeight: 42, + paddingLeft: 8 +}), av = S(fe)(({ theme: e }) => ({ + display: "none", + "@media (min-width: 600px)": { + display: "block", + position: "absolute", + fontSize: e.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 + } + } +})), Vc = /* @__PURE__ */ s(({ + menuHighlighted: e = !1, + menu: t, + skipLinkHref: o, + extra: i, + isLoading: n, + onMenuClick: r, + ...l +}) => /* @__PURE__ */ a.createElement(sv, { ...l }, o && /* @__PURE__ */ a.createElement(av, { asChild: !0 }, /* @__PURE__ */ a.createElement( +"a", { href: o, tabIndex: 0 }, "Skip to canvas")), /* @__PURE__ */ a.createElement(iv, null, /* @__PURE__ */ a.createElement(zc, null)), n ? +null : i.map(({ id: u, render: p }) => /* @__PURE__ */ a.createElement(p, { key: u })), /* @__PURE__ */ a.createElement(jc, { menu: t, isHighlighted: e, +onClick: r })), "Heading"); + +// ../node_modules/downshift/dist/downshift.esm.js +var Q = Ve(ti()); +var cv = Ve(qc()); + +// ../node_modules/compute-scroll-into-view/dist/index.js +var Gc = /* @__PURE__ */ s((e) => typeof e == "object" && e != null && e.nodeType === 1, "t"), Yc = /* @__PURE__ */ s((e, t) => (!t || e !== +"hidden") && e !== "visible" && e !== "clip", "e"), Yi = /* @__PURE__ */ s((e, t) => { + if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) { + let o = getComputedStyle(e, null); + return Yc(o.overflowY, t) || Yc(o.overflowX, t) || ((i) => { + let n = ((r) => { + if (!r.ownerDocument || !r.ownerDocument.defaultView) return null; + try { + return r.ownerDocument.defaultView.frameElement; + } catch { + return null; + } + })(i); + return !!n && (n.clientHeight < i.scrollHeight || n.clientWidth < i.scrollWidth); + })(e); + } + return !1; +}, "n"), wn = /* @__PURE__ */ s((e, t, o, i, n, r, l, u) => r < e && l > t || r > e && l < t ? 0 : r <= e && u <= o || l >= t && u >= o ? r - +e - i : l > t && u < o || r < e && u > o ? l - t + n : 0, "o"), pv = /* @__PURE__ */ s((e) => { + let t = e.parentElement; + return t ?? (e.getRootNode().host || null); +}, "l"), Xc = /* @__PURE__ */ s((e, t) => { + var o, i, n, r; + if (typeof document > "u") return []; + let { scrollMode: l, block: u, inline: p, boundary: c, skipOverflowHiddenElements: d } = t, m = typeof c == "function" ? c : (N) => N !== c; + if (!Gc(e)) throw new TypeError("Invalid target"); + let f = document.scrollingElement || document.documentElement, y = [], h = e; + for (; Gc(h) && m(h); ) { + if (h = pv(h), h === f) { + y.push(h); + break; + } + h != null && h === document.body && Yi(h) && !Yi(document.documentElement) || h != null && Yi(h, d) && y.push(h); + } + let v = (i = (o = window.visualViewport) == null ? void 0 : o.width) != null ? i : innerWidth, I = (r = (n = window.visualViewport) == null ? + void 0 : n.height) != null ? r : innerHeight, { scrollX: C, scrollY: b } = window, { height: x, width: g, top: w, right: T, bottom: _, left: k } = e. + getBoundingClientRect(), { top: E, right: O, bottom: P, left: A } = ((N) => { + let V = window.getComputedStyle(N); + return { top: parseFloat(V.scrollMarginTop) || 0, right: parseFloat(V.scrollMarginRight) || 0, bottom: parseFloat(V.scrollMarginBottom) || + 0, left: parseFloat(V.scrollMarginLeft) || 0 }; + })(e), D = u === "start" || u === "nearest" ? w - E : u === "end" ? _ + P : w + x / 2 - E + P, L = p === "center" ? k + g / 2 - A + O : p === + "end" ? T + O : k - A, B = []; + for (let N = 0; N < y.length; N++) { + let V = y[N], { height: R, width: K, top: W, right: ee, bottom: H, left: j } = V.getBoundingClientRect(); + if (l === "if-needed" && w >= 0 && k >= 0 && _ <= I && T <= v && w >= W && _ <= H && k >= j && T <= ee) return B; + let F = getComputedStyle(V), $ = parseInt(F.borderLeftWidth, 10), X = parseInt(F.borderTopWidth, 10), oe = parseInt(F.borderRightWidth, 10), + J = parseInt(F.borderBottomWidth, 10), ae = 0, ie = 0, se = "offsetWidth" in V ? V.offsetWidth - V.clientWidth - $ - oe : 0, le = "offse\ +tHeight" in V ? V.offsetHeight - V.clientHeight - X - J : 0, ve = "offsetWidth" in V ? V.offsetWidth === 0 ? 0 : K / V.offsetWidth : 0, he = "\ +offsetHeight" in V ? V.offsetHeight === 0 ? 0 : R / V.offsetHeight : 0; + if (f === V) ae = u === "start" ? D : u === "end" ? D - I : u === "nearest" ? wn(b, b + I, I, X, J, b + D, b + D + x, x) : D - I / 2, ie = + p === "start" ? L : p === "center" ? L - v / 2 : p === "end" ? L - v : wn(C, C + v, v, $, oe, C + L, C + L + g, g), ae = Math.max(0, ae + + b), ie = Math.max(0, ie + C); + else { + ae = u === "start" ? D - W - X : u === "end" ? D - H + J + le : u === "nearest" ? wn(W, H, R, X, J + le, D, D + x, x) : D - (W + R / 2) + + le / 2, ie = p === "start" ? L - j - $ : p === "center" ? L - (j + K / 2) + se / 2 : p === "end" ? L - ee + oe + se : wn(j, ee, K, $, oe + + se, L, L + g, g); + let { scrollLeft: Pe, scrollTop: ue } = V; + ae = he === 0 ? 0 : Math.max(0, Math.min(ue + ae / he, V.scrollHeight - R / he + le)), ie = ve === 0 ? 0 : Math.max(0, Math.min(Pe + ie / + ve, V.scrollWidth - K / ve + se)), D += ue - ae, L += Pe - ie; + } + B.push({ el: V, top: ae, left: ie }); + } + return B; +}, "r"); + +// ../node_modules/tslib/tslib.es6.mjs +var lo = /* @__PURE__ */ s(function() { + return lo = Object.assign || /* @__PURE__ */ s(function(t) { + for (var o, i = 1, n = arguments.length; i < n; i++) { + o = arguments[i]; + for (var r in o) Object.prototype.hasOwnProperty.call(o, r) && (t[r] = o[r]); + } + return t; + }, "__assign"), lo.apply(this, arguments); +}, "__assign"); + +// ../node_modules/downshift/dist/downshift.esm.js +var dv = 0; +function Qc(e) { + return typeof e == "function" ? e : Ye; +} +s(Qc, "cbToCb"); +function Ye() { +} +s(Ye, "noop"); +function nd(e, t) { + if (e) { + var o = Xc(e, { + boundary: t, + block: "nearest", + scrollMode: "if-needed" + }); + o.forEach(function(i) { + var n = i.el, r = i.top, l = i.left; + n.scrollTop = r, n.scrollLeft = l; + }); + } +} +s(nd, "scrollIntoView"); +function Zc(e, t, o) { + var i = e === t || t instanceof o.Node && e.contains && e.contains(t); + return i; +} +s(Zc, "isOrContainsNode"); +function Nn(e, t) { + var o; + function i() { + o && clearTimeout(o); + } + s(i, "cancel"); + function n() { + for (var r = arguments.length, l = new Array(r), u = 0; u < r; u++) + l[u] = arguments[u]; + i(), o = setTimeout(function() { + o = null, e.apply(void 0, l); + }, t); + } + return s(n, "wrapper"), n.cancel = i, n; +} +s(Nn, "debounce"); +function ce() { + for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++) + t[o] = arguments[o]; + return function(i) { + for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), l = 1; l < n; l++) + r[l - 1] = arguments[l]; + return t.some(function(u) { + return u && u.apply(void 0, [i].concat(r)), i.preventDownshiftDefault || i.hasOwnProperty("nativeEvent") && i.nativeEvent.preventDownshiftDefault; + }); + }; +} +s(ce, "callAllEventHandlers"); +function ft() { + for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++) + t[o] = arguments[o]; + return function(i) { + t.forEach(function(n) { + typeof n == "function" ? n(i) : n && (n.current = i); + }); + }; +} +s(ft, "handleRefs"); +function id() { + return String(dv++); +} +s(id, "generateId"); +function fv(e) { + var t = e.isOpen, o = e.resultCount, i = e.previousResultCount; + return t ? o ? o !== i ? o + " result" + (o === 1 ? " is" : "s are") + " available, use up and down arrow keys to navigate. Press Enter ke\ +y to select." : "" : "No results are available." : ""; +} +s(fv, "getA11yStatusMessage"); +function Jc(e, t) { + return e = Array.isArray(e) ? ( + /* istanbul ignore next (preact) */ + e[0] + ) : e, !e && t ? t : e; +} +s(Jc, "unwrapArray"); +function mv(e) { + return typeof e.type == "string"; +} +s(mv, "isDOMElement"); +function hv(e) { + return e.props; +} +s(hv, "getElementProps"); +var gv = ["highlightedIndex", "inputValue", "isOpen", "selectedItem", "type"]; +function En(e) { + e === void 0 && (e = {}); + var t = {}; + return gv.forEach(function(o) { + e.hasOwnProperty(o) && (t[o] = e[o]); + }), t; +} +s(En, "pickState"); +function sr(e, t) { + return !e || !t ? e : Object.keys(e).reduce(function(o, i) { + return o[i] = On(t, i) ? t[i] : e[i], o; + }, {}); +} +s(sr, "getState"); +function On(e, t) { + return e[t] !== void 0; +} +s(On, "isControlledProp"); +function Ho(e) { + var t = e.key, o = e.keyCode; + return o >= 37 && o <= 40 && t.indexOf("Arrow") !== 0 ? "Arrow" + t : t; +} +s(Ho, "normalizeArrowKey"); +function mt(e, t, o, i, n) { + n === void 0 && (n = !1); + var r = o.length; + if (r === 0) + return -1; + var l = r - 1; + (typeof e != "number" || e < 0 || e > l) && (e = t > 0 ? -1 : l + 1); + var u = e + t; + u < 0 ? u = n ? l : 0 : u > l && (u = n ? 0 : l); + var p = zt(u, t < 0, o, i, n); + return p === -1 ? e >= r ? -1 : e : p; +} +s(mt, "getHighlightedIndex"); +function zt(e, t, o, i, n) { + n === void 0 && (n = !1); + var r = o.length; + if (t) { + for (var l = e; l >= 0; l--) + if (!i(o[l], l)) + return l; + } else + for (var u = e; u < r; u++) + if (!i(o[u], u)) + return u; + return n ? zt(t ? r - 1 : 0, t, o, i) : -1; +} +s(zt, "getNonDisabledIndex"); +function Pn(e, t, o, i) { + return i === void 0 && (i = !0), o && t.some(function(n) { + return n && (Zc(n, e, o) || i && Zc(n, o.document.activeElement, o)); + }); +} +s(Pn, "targetWithinDownshift"); +var yv = Nn(function(e) { + sd(e).textContent = ""; +}, 500); +function sd(e) { + var t = e.getElementById("a11y-status-message"); + return t || (t = e.createElement("div"), t.setAttribute("id", "a11y-status-message"), t.setAttribute("role", "status"), t.setAttribute("ar\ +ia-live", "polite"), t.setAttribute("aria-relevant", "additions text"), Object.assign(t.style, { + border: "0", + clip: "rect(0 0 0 0)", + height: "1px", + margin: "-1px", + overflow: "hidden", + padding: "0", + position: "absolute", + width: "1px" + }), e.body.appendChild(t), t); +} +s(sd, "getStatusDiv"); +function ad(e, t) { + if (!(!e || !t)) { + var o = sd(t); + o.textContent = e, yv(t); + } +} +s(ad, "setStatus"); +function vv(e) { + var t = e?.getElementById("a11y-status-message"); + t && t.remove(); +} +s(vv, "cleanupStatusDiv"); +var ld = 0, ud = 1, pd = 2, Cn = 3, Tn = 4, cd = 5, dd = 6, fd = 7, md = 8, hd = 9, gd = 10, yd = 11, vd = 12, bd = 13, xd = 14, Id = 15, Sd = 16, +bv = /* @__PURE__ */ Object.freeze({ + __proto__: null, + unknown: ld, + mouseUp: ud, + itemMouseEnter: pd, + keyDownArrowUp: Cn, + keyDownArrowDown: Tn, + keyDownEscape: cd, + keyDownEnter: dd, + keyDownHome: fd, + keyDownEnd: md, + clickItem: hd, + blurInput: gd, + changeInput: yd, + keyDownSpaceButton: vd, + clickButton: bd, + blurButton: xd, + controlledPropUpdatedSelectedItem: Id, + touchEnd: Sd +}), xv = ["refKey", "ref"], Iv = ["onClick", "onPress", "onKeyDown", "onKeyUp", "onBlur"], Sv = ["onKeyDown", "onBlur", "onChange", "onInput", +"onChangeText"], wv = ["refKey", "ref"], Ev = ["onMouseMove", "onMouseDown", "onClick", "onPress", "index", "item"], Cv = /* @__PURE__ */ function() { + var e = /* @__PURE__ */ function(t) { + function o(n) { + var r; + r = t.call(this, n) || this, r.id = r.props.id || "downshift-" + id(), r.menuId = r.props.menuId || r.id + "-menu", r.labelId = r.props. + labelId || r.id + "-label", r.inputId = r.props.inputId || r.id + "-input", r.getItemId = r.props.getItemId || function(b) { + return r.id + "-item-" + b; + }, r.items = [], r.itemCount = null, r.previousResultCount = 0, r.timeoutIds = [], r.internalSetTimeout = function(b, x) { + var g = setTimeout(function() { + r.timeoutIds = r.timeoutIds.filter(function(w) { + return w !== g; + }), b(); + }, x); + r.timeoutIds.push(g); + }, r.setItemCount = function(b) { + r.itemCount = b; + }, r.unsetItemCount = function() { + r.itemCount = null; + }, r.isItemDisabled = function(b, x) { + var g = r.getItemNodeFromIndex(x); + return g && g.hasAttribute("disabled"); + }, r.setHighlightedIndex = function(b, x) { + b === void 0 && (b = r.props.defaultHighlightedIndex), x === void 0 && (x = {}), x = En(x), r.internalSetState(q({ + highlightedIndex: b + }, x)); + }, r.clearSelection = function(b) { + r.internalSetState({ + selectedItem: null, + inputValue: "", + highlightedIndex: r.props.defaultHighlightedIndex, + isOpen: r.props.defaultIsOpen + }, b); + }, r.selectItem = function(b, x, g) { + x = En(x), r.internalSetState(q({ + isOpen: r.props.defaultIsOpen, + highlightedIndex: r.props.defaultHighlightedIndex, + selectedItem: b, + inputValue: r.props.itemToString(b) + }, x), g); + }, r.selectItemAtIndex = function(b, x, g) { + var w = r.items[b]; + w != null && r.selectItem(w, x, g); + }, r.selectHighlightedItem = function(b, x) { + return r.selectItemAtIndex(r.getState().highlightedIndex, b, x); + }, r.internalSetState = function(b, x) { + var g, w, T = {}, _ = typeof b == "function"; + return !_ && b.hasOwnProperty("inputValue") && r.props.onInputValueChange(b.inputValue, q({}, r.getStateAndHelpers(), b)), r.setState( + function(k) { + var E; + k = r.getState(k); + var O = _ ? b(k) : b; + O = r.props.stateReducer(k, O), g = O.hasOwnProperty("selectedItem"); + var P = {}; + return g && O.selectedItem !== k.selectedItem && (w = O.selectedItem), (E = O).type || (E.type = ld), Object.keys(O).forEach(function(A) { + k[A] !== O[A] && (T[A] = O[A]), A !== "type" && (O[A], On(r.props, A) || (P[A] = O[A])); + }), _ && O.hasOwnProperty("inputValue") && r.props.onInputValueChange(O.inputValue, q({}, r.getStateAndHelpers(), O)), P; + }, function() { + Qc(x)(); + var k = Object.keys(T).length > 1; + k && r.props.onStateChange(T, r.getStateAndHelpers()), g && r.props.onSelect(b.selectedItem, r.getStateAndHelpers()), w !== void 0 && + r.props.onChange(w, r.getStateAndHelpers()), r.props.onUserAction(T, r.getStateAndHelpers()); + }); + }, r.rootRef = function(b) { + return r._rootNode = b; + }, r.getRootProps = function(b, x) { + var g, w = b === void 0 ? {} : b, T = w.refKey, _ = T === void 0 ? "ref" : T, k = w.ref, E = ke(w, xv), O = x === void 0 ? {} : x, P = O. + suppressRefError, A = P === void 0 ? !1 : P; + r.getRootProps.called = !0, r.getRootProps.refKey = _, r.getRootProps.suppressRefError = A; + var D = r.getState(), L = D.isOpen; + return q((g = {}, g[_] = ft(k, r.rootRef), g.role = "combobox", g["aria-expanded"] = L, g["aria-haspopup"] = "listbox", g["aria-owns"] = + L ? r.menuId : void 0, g["aria-labelledby"] = r.labelId, g), E); + }, r.keyDownHandlers = { + ArrowDown: /* @__PURE__ */ s(function(x) { + var g = this; + if (x.preventDefault(), this.getState().isOpen) { + var w = x.shiftKey ? 5 : 1; + this.moveHighlightedIndex(w, { + type: Tn + }); + } else + this.internalSetState({ + isOpen: !0, + type: Tn + }, function() { + var T = g.getItemCount(); + if (T > 0) { + var _ = g.getState(), k = _.highlightedIndex, E = mt(k, 1, { + length: T + }, g.isItemDisabled, !0); + g.setHighlightedIndex(E, { + type: Tn + }); + } + }); + }, "ArrowDown"), + ArrowUp: /* @__PURE__ */ s(function(x) { + var g = this; + if (x.preventDefault(), this.getState().isOpen) { + var w = x.shiftKey ? -5 : -1; + this.moveHighlightedIndex(w, { + type: Cn + }); + } else + this.internalSetState({ + isOpen: !0, + type: Cn + }, function() { + var T = g.getItemCount(); + if (T > 0) { + var _ = g.getState(), k = _.highlightedIndex, E = mt(k, -1, { + length: T + }, g.isItemDisabled, !0); + g.setHighlightedIndex(E, { + type: Cn + }); + } + }); + }, "ArrowUp"), + Enter: /* @__PURE__ */ s(function(x) { + if (x.which !== 229) { + var g = this.getState(), w = g.isOpen, T = g.highlightedIndex; + if (w && T != null) { + x.preventDefault(); + var _ = this.items[T], k = this.getItemNodeFromIndex(T); + if (_ == null || k && k.hasAttribute("disabled")) + return; + this.selectHighlightedItem({ + type: dd + }); + } + } + }, "Enter"), + Escape: /* @__PURE__ */ s(function(x) { + x.preventDefault(), this.reset(q({ + type: cd + }, !this.state.isOpen && { + selectedItem: null, + inputValue: "" + })); + }, "Escape") + }, r.buttonKeyDownHandlers = q({}, r.keyDownHandlers, { + " ": /* @__PURE__ */ s(function(x) { + x.preventDefault(), this.toggleMenu({ + type: vd + }); + }, "_") + }), r.inputKeyDownHandlers = q({}, r.keyDownHandlers, { + Home: /* @__PURE__ */ s(function(x) { + var g = this.getState(), w = g.isOpen; + if (w) { + x.preventDefault(); + var T = this.getItemCount(); + if (!(T <= 0 || !w)) { + var _ = zt(0, !1, { + length: T + }, this.isItemDisabled); + this.setHighlightedIndex(_, { + type: fd + }); + } + } + }, "Home"), + End: /* @__PURE__ */ s(function(x) { + var g = this.getState(), w = g.isOpen; + if (w) { + x.preventDefault(); + var T = this.getItemCount(); + if (!(T <= 0 || !w)) { + var _ = zt(T - 1, !0, { + length: T + }, this.isItemDisabled); + this.setHighlightedIndex(_, { + type: md + }); + } + } + }, "End") + }), r.getToggleButtonProps = function(b) { + var x = b === void 0 ? {} : b, g = x.onClick; + x.onPress; + var w = x.onKeyDown, T = x.onKeyUp, _ = x.onBlur, k = ke(x, Iv), E = r.getState(), O = E.isOpen, P = { + onClick: ce(g, r.buttonHandleClick), + onKeyDown: ce(w, r.buttonHandleKeyDown), + onKeyUp: ce(T, r.buttonHandleKeyUp), + onBlur: ce(_, r.buttonHandleBlur) + }, A = k.disabled ? {} : P; + return q({ + type: "button", + role: "button", + "aria-label": O ? "close menu" : "open menu", + "aria-haspopup": !0, + "data-toggle": !0 + }, A, k); + }, r.buttonHandleKeyUp = function(b) { + b.preventDefault(); + }, r.buttonHandleKeyDown = function(b) { + var x = Ho(b); + r.buttonKeyDownHandlers[x] && r.buttonKeyDownHandlers[x].call(r, b); + }, r.buttonHandleClick = function(b) { + if (b.preventDefault(), r.props.environment) { + var x = r.props.environment.document, g = x.body, w = x.activeElement; + g && g === w && b.target.focus(); + } + r.internalSetTimeout(function() { + return r.toggleMenu({ + type: bd + }); + }); + }, r.buttonHandleBlur = function(b) { + var x = b.target; + r.internalSetTimeout(function() { + if (!(r.isMouseDown || !r.props.environment)) { + var g = r.props.environment.document.activeElement; + (g == null || g.id !== r.inputId) && g !== x && r.reset({ + type: xd + }); + } + }); + }, r.getLabelProps = function(b) { + return q({ + htmlFor: r.inputId, + id: r.labelId + }, b); + }, r.getInputProps = function(b) { + var x = b === void 0 ? {} : b, g = x.onKeyDown, w = x.onBlur, T = x.onChange, _ = x.onInput; + x.onChangeText; + var k = ke(x, Sv), E, O = {}; + E = "onChange"; + var P = r.getState(), A = P.inputValue, D = P.isOpen, L = P.highlightedIndex; + if (!k.disabled) { + var B; + O = (B = {}, B[E] = ce(T, _, r.inputHandleChange), B.onKeyDown = ce(g, r.inputHandleKeyDown), B.onBlur = ce(w, r.inputHandleBlur), + B); + } + return q({ + "aria-autocomplete": "list", + "aria-activedescendant": D && typeof L == "number" && L >= 0 ? r.getItemId(L) : void 0, + "aria-controls": D ? r.menuId : void 0, + "aria-labelledby": k && k["aria-label"] ? void 0 : r.labelId, + // https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion + // revert back since autocomplete="nope" is ignored on latest Chrome and Opera + autoComplete: "off", + value: A, + id: r.inputId + }, O, k); + }, r.inputHandleKeyDown = function(b) { + var x = Ho(b); + x && r.inputKeyDownHandlers[x] && r.inputKeyDownHandlers[x].call(r, b); + }, r.inputHandleChange = function(b) { + r.internalSetState({ + type: yd, + isOpen: !0, + inputValue: b.target.value, + highlightedIndex: r.props.defaultHighlightedIndex + }); + }, r.inputHandleBlur = function() { + r.internalSetTimeout(function() { + var b; + if (!(r.isMouseDown || !r.props.environment)) { + var x = r.props.environment.document.activeElement, g = (x == null || (b = x.dataset) == null ? void 0 : b.toggle) && r._rootNode && + r._rootNode.contains(x); + g || r.reset({ + type: gd + }); + } + }); + }, r.menuRef = function(b) { + r._menuNode = b; + }, r.getMenuProps = function(b, x) { + var g, w = b === void 0 ? {} : b, T = w.refKey, _ = T === void 0 ? "ref" : T, k = w.ref, E = ke(w, wv), O = x === void 0 ? {} : x, P = O. + suppressRefError, A = P === void 0 ? !1 : P; + return r.getMenuProps.called = !0, r.getMenuProps.refKey = _, r.getMenuProps.suppressRefError = A, q((g = {}, g[_] = ft(k, r.menuRef), + g.role = "listbox", g["aria-labelledby"] = E && E["aria-label"] ? void 0 : r.labelId, g.id = r.menuId, g), E); + }, r.getItemProps = function(b) { + var x, g = b === void 0 ? {} : b, w = g.onMouseMove, T = g.onMouseDown, _ = g.onClick; + g.onPress; + var k = g.index, E = g.item, O = E === void 0 ? ( + /* istanbul ignore next */ + void 0 + ) : E, P = ke(g, Ev); + k === void 0 ? (r.items.push(O), k = r.items.indexOf(O)) : r.items[k] = O; + var A = "onClick", D = _, L = (x = { + // onMouseMove is used over onMouseEnter here. onMouseMove + // is only triggered on actual mouse movement while onMouseEnter + // can fire on DOM changes, interrupting keyboard navigation + onMouseMove: ce(w, function() { + k !== r.getState().highlightedIndex && (r.setHighlightedIndex(k, { + type: pd + }), r.avoidScrolling = !0, r.internalSetTimeout(function() { + return r.avoidScrolling = !1; + }, 250)); + }), + onMouseDown: ce(T, function(N) { + N.preventDefault(); + }) + }, x[A] = ce(D, function() { + r.selectItemAtIndex(k, { + type: hd + }); + }), x), B = P.disabled ? { + onMouseDown: L.onMouseDown + } : L; + return q({ + id: r.getItemId(k), + role: "option", + "aria-selected": r.getState().highlightedIndex === k + }, B, P); + }, r.clearItems = function() { + r.items = []; + }, r.reset = function(b, x) { + b === void 0 && (b = {}), b = En(b), r.internalSetState(function(g) { + var w = g.selectedItem; + return q({ + isOpen: r.props.defaultIsOpen, + highlightedIndex: r.props.defaultHighlightedIndex, + inputValue: r.props.itemToString(w) + }, b); + }, x); + }, r.toggleMenu = function(b, x) { + b === void 0 && (b = {}), b = En(b), r.internalSetState(function(g) { + var w = g.isOpen; + return q({ + isOpen: !w + }, w && { + highlightedIndex: r.props.defaultHighlightedIndex + }, b); + }, function() { + var g = r.getState(), w = g.isOpen, T = g.highlightedIndex; + w && r.getItemCount() > 0 && typeof T == "number" && r.setHighlightedIndex(T, b), Qc(x)(); + }); + }, r.openMenu = function(b) { + r.internalSetState({ + isOpen: !0 + }, b); + }, r.closeMenu = function(b) { + r.internalSetState({ + isOpen: !1 + }, b); + }, r.updateStatus = Nn(function() { + var b; + if ((b = r.props) != null && (b = b.environment) != null && b.document) { + var x = r.getState(), g = r.items[x.highlightedIndex], w = r.getItemCount(), T = r.props.getA11yStatusMessage(q({ + itemToString: r.props.itemToString, + previousResultCount: r.previousResultCount, + resultCount: w, + highlightedItem: g + }, x)); + r.previousResultCount = w, ad(T, r.props.environment.document); + } + }, 200); + var l = r.props, u = l.defaultHighlightedIndex, p = l.initialHighlightedIndex, c = p === void 0 ? u : p, d = l.defaultIsOpen, m = l.initialIsOpen, + f = m === void 0 ? d : m, y = l.initialInputValue, h = y === void 0 ? "" : y, v = l.initialSelectedItem, I = v === void 0 ? null : v, C = r. + getState({ + highlightedIndex: c, + isOpen: f, + inputValue: h, + selectedItem: I + }); + return C.selectedItem != null && r.props.initialInputValue === void 0 && (C.inputValue = r.props.itemToString(C.selectedItem)), r.state = + C, r; + } + s(o, "Downshift"), Do(o, t); + var i = o.prototype; + return i.internalClearTimeouts = /* @__PURE__ */ s(function() { + this.timeoutIds.forEach(function(r) { + clearTimeout(r); + }), this.timeoutIds = []; + }, "internalClearTimeouts"), i.getState = /* @__PURE__ */ s(function(r) { + return r === void 0 && (r = this.state), sr(r, this.props); + }, "getState$1"), i.getItemCount = /* @__PURE__ */ s(function() { + var r = this.items.length; + return this.itemCount != null ? r = this.itemCount : this.props.itemCount !== void 0 && (r = this.props.itemCount), r; + }, "getItemCount"), i.getItemNodeFromIndex = /* @__PURE__ */ s(function(r) { + return this.props.environment ? this.props.environment.document.getElementById(this.getItemId(r)) : null; + }, "getItemNodeFromIndex"), i.scrollHighlightedItemIntoView = /* @__PURE__ */ s(function() { + { + var r = this.getItemNodeFromIndex(this.getState().highlightedIndex); + this.props.scrollIntoView(r, this._menuNode); + } + }, "scrollHighlightedItemIntoView"), i.moveHighlightedIndex = /* @__PURE__ */ s(function(r, l) { + var u = this.getItemCount(), p = this.getState(), c = p.highlightedIndex; + if (u > 0) { + var d = mt(c, r, { + length: u + }, this.isItemDisabled, !0); + this.setHighlightedIndex(d, l); + } + }, "moveHighlightedIndex"), i.getStateAndHelpers = /* @__PURE__ */ s(function() { + var r = this.getState(), l = r.highlightedIndex, u = r.inputValue, p = r.selectedItem, c = r.isOpen, d = this.props.itemToString, m = this. + id, f = this.getRootProps, y = this.getToggleButtonProps, h = this.getLabelProps, v = this.getMenuProps, I = this.getInputProps, C = this. + getItemProps, b = this.openMenu, x = this.closeMenu, g = this.toggleMenu, w = this.selectItem, T = this.selectItemAtIndex, _ = this.selectHighlightedItem, + k = this.setHighlightedIndex, E = this.clearSelection, O = this.clearItems, P = this.reset, A = this.setItemCount, D = this.unsetItemCount, + L = this.internalSetState; + return { + // prop getters + getRootProps: f, + getToggleButtonProps: y, + getLabelProps: h, + getMenuProps: v, + getInputProps: I, + getItemProps: C, + // actions + reset: P, + openMenu: b, + closeMenu: x, + toggleMenu: g, + selectItem: w, + selectItemAtIndex: T, + selectHighlightedItem: _, + setHighlightedIndex: k, + clearSelection: E, + clearItems: O, + setItemCount: A, + unsetItemCount: D, + setState: L, + // props + itemToString: d, + // derived + id: m, + // state + highlightedIndex: l, + inputValue: u, + isOpen: c, + selectedItem: p + }; + }, "getStateAndHelpers"), i.componentDidMount = /* @__PURE__ */ s(function() { + var r = this; + if (!this.props.environment) + this.cleanup = function() { + r.internalClearTimeouts(); + }; + else { + var l = /* @__PURE__ */ s(function() { + r.isMouseDown = !0; + }, "onMouseDown"), u = /* @__PURE__ */ s(function(y) { + r.isMouseDown = !1; + var h = Pn(y.target, [r._rootNode, r._menuNode], r.props.environment); + !h && r.getState().isOpen && r.reset({ + type: ud + }, function() { + return r.props.onOuterClick(r.getStateAndHelpers()); + }); + }, "onMouseUp"), p = /* @__PURE__ */ s(function() { + r.isTouchMove = !1; + }, "onTouchStart"), c = /* @__PURE__ */ s(function() { + r.isTouchMove = !0; + }, "onTouchMove"), d = /* @__PURE__ */ s(function(y) { + var h = Pn(y.target, [r._rootNode, r._menuNode], r.props.environment, !1); + !r.isTouchMove && !h && r.getState().isOpen && r.reset({ + type: Sd + }, function() { + return r.props.onOuterClick(r.getStateAndHelpers()); + }); + }, "onTouchEnd"), m = this.props.environment; + m.addEventListener("mousedown", l), m.addEventListener("mouseup", u), m.addEventListener("touchstart", p), m.addEventListener("touch\ +move", c), m.addEventListener("touchend", d), this.cleanup = function() { + r.internalClearTimeouts(), r.updateStatus.cancel(), m.removeEventListener("mousedown", l), m.removeEventListener("mouseup", u), m. + removeEventListener("touchstart", p), m.removeEventListener("touchmove", c), m.removeEventListener("touchend", d); + }; + } + }, "componentDidMount"), i.shouldScroll = /* @__PURE__ */ s(function(r, l) { + var u = this.props.highlightedIndex === void 0 ? this.getState() : this.props, p = u.highlightedIndex, c = l.highlightedIndex === void 0 ? + r : l, d = c.highlightedIndex, m = p && this.getState().isOpen && !r.isOpen, f = p !== d; + return m || f; + }, "shouldScroll"), i.componentDidUpdate = /* @__PURE__ */ s(function(r, l) { + On(this.props, "selectedItem") && this.props.selectedItemChanged(r.selectedItem, this.props.selectedItem) && this.internalSetState({ + type: Id, + inputValue: this.props.itemToString(this.props.selectedItem) + }), !this.avoidScrolling && this.shouldScroll(l, r) && this.scrollHighlightedItemIntoView(), this.updateStatus(); + }, "componentDidUpdate"), i.componentWillUnmount = /* @__PURE__ */ s(function() { + this.cleanup(); + }, "componentWillUnmount"), i.render = /* @__PURE__ */ s(function() { + var r = Jc(this.props.children, Ye); + 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; + var l = Jc(r(this.getStateAndHelpers())); + if (!l) + return null; + if (this.getRootProps.called || this.props.suppressRefError) + return l; + if (mv(l)) + return /* @__PURE__ */ Ma(l, this.getRootProps(hv(l))); + }, "render"), o; + }(Ge); + return e.defaultProps = { + defaultHighlightedIndex: null, + defaultIsOpen: !1, + getA11yStatusMessage: fv, + itemToString: /* @__PURE__ */ s(function(o) { + return o == null ? "" : String(o); + }, "itemToString"), + onStateChange: Ye, + onInputValueChange: Ye, + onUserAction: Ye, + onChange: Ye, + onSelect: Ye, + onOuterClick: Ye, + selectedItemChanged: /* @__PURE__ */ s(function(o, i) { + return o !== i; + }, "selectedItemChanged"), + environment: ( + /* istanbul ignore next (ssr) */ + typeof window > "u" ? void 0 : window + ), + stateReducer: /* @__PURE__ */ s(function(o, i) { + return i; + }, "stateReducer"), + suppressRefError: !1, + scrollIntoView: nd + }, e.stateChangeTypes = bv, e; +}(), co = Cv; +var wd = { + highlightedIndex: -1, + isOpen: !1, + selectedItem: null, + inputValue: "" +}; +function Tv(e, t, o) { + var i = e.props, n = e.type, r = {}; + Object.keys(t).forEach(function(l) { + _v(l, e, t, o), o[l] !== t[l] && (r[l] = o[l]); + }), i.onStateChange && Object.keys(r).length && i.onStateChange(q({ + type: n + }, r)); +} +s(Tv, "callOnChangeProps"); +function _v(e, t, o, i) { + var n = t.props, r = t.type, l = "on" + Zi(e) + "Change"; + n[l] && i[e] !== void 0 && i[e] !== o[e] && n[l](q({ + type: r + }, i)); +} +s(_v, "invokeOnChangeHandler"); +function kv(e, t) { + return t.changes; +} +s(kv, "stateReducer"); +var ed = Nn(function(e, t) { + ad(e, t); +}, 200), Ov = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Lt : z, Ed = "useId" in a ? +/* @__PURE__ */ s(function(t) { + var o = t.id, i = t.labelId, n = t.menuId, r = t.getItemId, l = t.toggleButtonId, u = t.inputId, p = "downshift-" + a.useId(); + o || (o = p); + var c = G({ + labelId: i || o + "-label", + menuId: n || o + "-menu", + getItemId: r || function(d) { + return o + "-item-" + d; + }, + toggleButtonId: l || o + "-toggle-button", + inputId: u || o + "-input" + }); + return c.current; +}, "useElementIds") : /* @__PURE__ */ s(function(t) { + var o = t.id, i = o === void 0 ? "downshift-" + id() : o, n = t.labelId, r = t.menuId, l = t.getItemId, u = t.toggleButtonId, p = t.inputId, + c = G({ + labelId: n || i + "-label", + menuId: r || i + "-menu", + getItemId: l || function(d) { + return i + "-item-" + d; + }, + toggleButtonId: u || i + "-toggle-button", + inputId: p || i + "-input" + }); + return c.current; +}, "useElementIds"); +function Qi(e, t, o, i) { + var n, r; + if (e === void 0) { + if (t === void 0) + throw new Error(i); + n = o[t], r = t; + } else + r = t === void 0 ? o.indexOf(e) : t, n = e; + return [n, r]; +} +s(Qi, "getItemAndIndex"); +function Pv(e) { + return /^\S{1}$/.test(e); +} +s(Pv, "isAcceptedCharacterKey"); +function Zi(e) { + return "" + e.slice(0, 1).toUpperCase() + e.slice(1); +} +s(Zi, "capitalizeString"); +function Fn(e) { + var t = G(e); + return t.current = e, t; +} +s(Fn, "useLatestRef"); +function Cd(e, t, o, i) { + var n = G(), r = G(), l = M(function(y, h) { + r.current = h, y = sr(y, h.props); + var v = e(y, h), I = h.props.stateReducer(y, q({}, h, { + changes: v + })); + return I; + }, [e]), u = wo(l, t, o), p = u[0], c = u[1], d = Fn(t), m = M(function(y) { + return c(q({ + props: d.current + }, y)); + }, [d]), f = r.current; + return z(function() { + var y = sr(n.current, f?.props), h = f && n.current && !i(y, p); + h && Tv(f, y, p), n.current = p; + }, [p, f, i]), [p, m]; +} +s(Cd, "useEnhancedReducer"); +function Td(e, t, o, i) { + var n = Cd(e, t, o, i), r = n[0], l = n[1]; + return [sr(r, t), l]; +} +s(Td, "useControlledReducer$1"); +var ir = { + itemToString: /* @__PURE__ */ s(function(t) { + return t ? String(t) : ""; + }, "itemToString"), + itemToKey: /* @__PURE__ */ s(function(t) { + return t; + }, "itemToKey"), + stateReducer: kv, + scrollIntoView: nd, + environment: ( + /* istanbul ignore next (ssr) */ + typeof window > "u" ? void 0 : window + ) +}; +function Xe(e, t, o) { + o === void 0 && (o = wd); + var i = e["default" + Zi(t)]; + return i !== void 0 ? i : o[t]; +} +s(Xe, "getDefaultValue$1"); +function uo(e, t, o) { + o === void 0 && (o = wd); + var i = e[t]; + if (i !== void 0) + return i; + var n = e["initial" + Zi(t)]; + return n !== void 0 ? n : Xe(e, t, o); +} +s(uo, "getInitialValue$1"); +function _d(e) { + var t = uo(e, "selectedItem"), o = uo(e, "isOpen"), i = uo(e, "highlightedIndex"), n = uo(e, "inputValue"); + return { + highlightedIndex: i < 0 && t && o ? e.items.findIndex(function(r) { + return e.itemToKey(r) === e.itemToKey(t); + }) : i, + isOpen: o, + selectedItem: t, + inputValue: n + }; +} +s(_d, "getInitialState$2"); +function po(e, t, o) { + var i = e.items, n = e.initialHighlightedIndex, r = e.defaultHighlightedIndex, l = e.isItemDisabled, u = e.itemToKey, p = t.selectedItem, c = t. + highlightedIndex; + return i.length === 0 ? -1 : n !== void 0 && c === n && !l(i[n]) ? n : r !== void 0 && !l(i[r]) ? r : p ? i.findIndex(function(d) { + return u(p) === u(d); + }) : o < 0 && !l(i[i.length - 1]) ? i.length - 1 : o > 0 && !l(i[0]) ? 0 : -1; +} +s(po, "getHighlightedIndexOnOpen"); +function kd(e, t, o) { + var i = G({ + isMouseDown: !1, + isTouchMove: !1, + isTouchEnd: !1 + }); + return z(function() { + if (!e) + return Ye; + var n = t.map(function(d) { + return d.current; + }); + function r() { + i.current.isTouchEnd = !1, i.current.isMouseDown = !0; + } + s(r, "onMouseDown"); + function l(d) { + i.current.isMouseDown = !1, Pn(d.target, n, e) || o(); + } + s(l, "onMouseUp"); + function u() { + i.current.isTouchEnd = !1, i.current.isTouchMove = !1; + } + s(u, "onTouchStart"); + function p() { + i.current.isTouchMove = !0; + } + s(p, "onTouchMove"); + function c(d) { + i.current.isTouchEnd = !0, !i.current.isTouchMove && !Pn(d.target, n, e, !1) && o(); + } + return s(c, "onTouchEnd"), e.addEventListener("mousedown", r), e.addEventListener("mouseup", l), e.addEventListener("touchstart", u), e. + addEventListener("touchmove", p), e.addEventListener("touchend", c), /* @__PURE__ */ s(function() { + e.removeEventListener("mousedown", r), e.removeEventListener("mouseup", l), e.removeEventListener("touchstart", u), e.removeEventListener( + "touchmove", p), e.removeEventListener("touchend", c); + }, "cleanup"); + }, [e, o]), i.current; +} +s(kd, "useMouseAndTouchTracker"); +var Ji = /* @__PURE__ */ s(function() { + return Ye; +}, "useGetterPropsCalledChecker"); +function es(e, t, o, i) { + i === void 0 && (i = {}); + var n = i.document, r = Bn(); + z(function() { + if (!(!e || r || !n)) { + var l = e(t); + ed(l, n); + } + }, o), z(function() { + return function() { + ed.cancel(), vv(n); + }; + }, [n]); +} +s(es, "useA11yMessageStatus"); +function Od(e) { + var t = e.highlightedIndex, o = e.isOpen, i = e.itemRefs, n = e.getItemNodeFromIndex, r = e.menuElement, l = e.scrollIntoView, u = G(!0); + return Ov(function() { + t < 0 || !o || !Object.keys(i.current).length || (u.current === !1 ? u.current = !0 : l(n(t), r)); + }, [t]), u; +} +s(Od, "useScrollIntoView"); +var ts = Ye; +function An(e, t, o) { + var i; + o === void 0 && (o = !0); + var n = ((i = e.items) == null ? void 0 : i.length) && t >= 0; + return q({ + isOpen: !1, + highlightedIndex: -1 + }, n && q({ + selectedItem: e.items[t], + isOpen: Xe(e, "isOpen"), + highlightedIndex: Xe(e, "highlightedIndex") + }, o && { + inputValue: e.itemToString(e.items[t]) + })); +} +s(An, "getChangesOnSelection"); +function Pd(e, t) { + return e.isOpen === t.isOpen && e.inputValue === t.inputValue && e.highlightedIndex === t.highlightedIndex && e.selectedItem === t.selectedItem; +} +s(Pd, "isDropdownsStateEqual"); +function Bn() { + var e = a.useRef(!0); + return a.useEffect(function() { + return e.current = !1, function() { + e.current = !0; + }; + }, []), e.current; +} +s(Bn, "useIsInitialMount"); +var _n = { + environment: Q.default.shape({ + addEventListener: Q.default.func.isRequired, + removeEventListener: Q.default.func.isRequired, + document: Q.default.shape({ + createElement: Q.default.func.isRequired, + getElementById: Q.default.func.isRequired, + activeElement: Q.default.any.isRequired, + body: Q.default.any.isRequired + }).isRequired, + Node: Q.default.func.isRequired + }), + itemToString: Q.default.func, + itemToKey: Q.default.func, + stateReducer: Q.default.func +}, Ad = q({}, _n, { + getA11yStatusMessage: Q.default.func, + highlightedIndex: Q.default.number, + defaultHighlightedIndex: Q.default.number, + initialHighlightedIndex: Q.default.number, + isOpen: Q.default.bool, + defaultIsOpen: Q.default.bool, + initialIsOpen: Q.default.bool, + selectedItem: Q.default.any, + initialSelectedItem: Q.default.any, + defaultSelectedItem: Q.default.any, + id: Q.default.string, + labelId: Q.default.string, + menuId: Q.default.string, + getItemId: Q.default.func, + toggleButtonId: Q.default.string, + onSelectedItemChange: Q.default.func, + onHighlightedIndexChange: Q.default.func, + onStateChange: Q.default.func, + onIsOpenChange: Q.default.func, + scrollIntoView: Q.default.func +}); +function Dd(e, t, o) { + var i = t.type, n = t.props, r; + switch (i) { + case o.ItemMouseMove: + r = { + highlightedIndex: t.disabled ? -1 : t.index + }; + break; + case o.MenuMouseLeave: + r = { + highlightedIndex: -1 + }; + break; + case o.ToggleButtonClick: + case o.FunctionToggleMenu: + r = { + isOpen: !e.isOpen, + highlightedIndex: e.isOpen ? -1 : po(n, e, 0) + }; + break; + case o.FunctionOpenMenu: + r = { + isOpen: !0, + highlightedIndex: po(n, e, 0) + }; + break; + case o.FunctionCloseMenu: + r = { + isOpen: !1 + }; + break; + case o.FunctionSetHighlightedIndex: + r = { + highlightedIndex: t.highlightedIndex + }; + break; + case o.FunctionSetInputValue: + r = { + inputValue: t.inputValue + }; + break; + case o.FunctionReset: + r = { + highlightedIndex: Xe(n, "highlightedIndex"), + isOpen: Xe(n, "isOpen"), + selectedItem: Xe(n, "selectedItem"), + inputValue: Xe(n, "inputValue") + }; + break; + default: + throw new Error("Reducer called without proper action type."); + } + return q({}, e, r); +} +s(Dd, "downshiftCommonReducer"); +function Av(e) { + for (var t = e.keysSoFar, o = e.highlightedIndex, i = e.items, n = e.itemToString, r = e.isItemDisabled, l = t.toLowerCase(), u = 0; u < i. + length; u++) { + var p = (u + o + (t.length < 2 ? 1 : 0)) % i.length, c = i[p]; + if (c !== void 0 && n(c).toLowerCase().startsWith(l) && !r(c, p)) + return p; + } + return o; +} +s(Av, "getItemIndexByCharacterKey"); +var e5 = lo(lo({}, Ad), { items: Q.default.array.isRequired, isItemDisabled: Q.default.func }), Dv = lo(lo({}, ir), { isItemDisabled: /* @__PURE__ */ s( +function() { + return !1; +}, "isItemDisabled") }), Mv = Ye, kn = 0, os = 1, rs = 2, Dn = 3, ns = 4, is = 5, ss = 6, as = 7, ls = 8, us = 9, ps = 10, Mn = 11, Md = 12, +Ld = 13, cs = 14, Nd = 15, Fd = 16, Bd = 17, Hd = 18, ds = 19, Xi = 20, Rd = 21, zd = /* @__PURE__ */ Object.freeze({ + __proto__: null, + ToggleButtonClick: kn, + ToggleButtonKeyDownArrowDown: os, + ToggleButtonKeyDownArrowUp: rs, + ToggleButtonKeyDownCharacter: Dn, + ToggleButtonKeyDownEscape: ns, + ToggleButtonKeyDownHome: is, + ToggleButtonKeyDownEnd: ss, + ToggleButtonKeyDownEnter: as, + ToggleButtonKeyDownSpaceButton: ls, + ToggleButtonKeyDownPageUp: us, + ToggleButtonKeyDownPageDown: ps, + ToggleButtonBlur: Mn, + MenuMouseLeave: Md, + ItemMouseMove: Ld, + ItemClick: cs, + FunctionToggleMenu: Nd, + FunctionOpenMenu: Fd, + FunctionCloseMenu: Bd, + FunctionSetHighlightedIndex: Hd, + FunctionSelectItem: ds, + FunctionSetInputValue: Xi, + FunctionReset: Rd +}); +function Lv(e, t) { + var o, i = t.type, n = t.props, r = t.altKey, l; + switch (i) { + case cs: + l = { + isOpen: Xe(n, "isOpen"), + highlightedIndex: Xe(n, "highlightedIndex"), + selectedItem: n.items[t.index] + }; + break; + case Dn: + { + var u = t.key, p = "" + e.inputValue + u, c = !e.isOpen && e.selectedItem ? n.items.findIndex(function(y) { + return n.itemToKey(y) === n.itemToKey(e.selectedItem); + }) : e.highlightedIndex, d = Av({ + keysSoFar: p, + highlightedIndex: c, + items: n.items, + itemToString: n.itemToString, + isItemDisabled: n.isItemDisabled + }); + l = { + inputValue: p, + highlightedIndex: d, + isOpen: !0 + }; + } + break; + case os: + { + var m = e.isOpen ? mt(e.highlightedIndex, 1, n.items, n.isItemDisabled) : r && e.selectedItem == null ? -1 : po(n, e, 1); + l = { + highlightedIndex: m, + isOpen: !0 + }; + } + break; + case rs: + if (e.isOpen && r) + l = An(n, e.highlightedIndex, !1); + else { + var f = e.isOpen ? mt(e.highlightedIndex, -1, n.items, n.isItemDisabled) : po(n, e, -1); + l = { + highlightedIndex: f, + isOpen: !0 + }; + } + break; + // only triggered when menu is open. + case as: + case ls: + l = An(n, e.highlightedIndex, !1); + break; + case is: + l = { + highlightedIndex: zt(0, !1, n.items, n.isItemDisabled), + isOpen: !0 + }; + break; + case ss: + l = { + highlightedIndex: zt(n.items.length - 1, !0, n.items, n.isItemDisabled), + isOpen: !0 + }; + break; + case us: + l = { + highlightedIndex: mt(e.highlightedIndex, -10, n.items, n.isItemDisabled) + }; + break; + case ps: + l = { + highlightedIndex: mt(e.highlightedIndex, 10, n.items, n.isItemDisabled) + }; + break; + case ns: + l = { + isOpen: !1, + highlightedIndex: -1 + }; + break; + case Mn: + l = q({ + isOpen: !1, + highlightedIndex: -1 + }, e.highlightedIndex >= 0 && ((o = n.items) == null ? void 0 : o.length) && { + selectedItem: n.items[e.highlightedIndex] + }); + break; + case ds: + l = { + selectedItem: t.selectedItem + }; + break; + default: + return Dd(e, t, zd); + } + return q({}, e, l); +} +s(Lv, "downshiftSelectReducer"); +var Nv = ["onClick"], Fv = ["onMouseLeave", "refKey", "ref"], Bv = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"], Hv = ["it\ +em", "index", "onMouseMove", "onClick", "onMouseDown", "onPress", "refKey", "disabled", "ref"]; +Wd.stateChangeTypes = zd; +function Wd(e) { + e === void 0 && (e = {}), Mv(e, Wd); + var t = q({}, Dv, e), o = t.scrollIntoView, i = t.environment, n = t.getA11yStatusMessage, r = Td(Lv, t, _d, Pd), l = r[0], u = r[1], p = l. + isOpen, c = l.highlightedIndex, d = l.selectedItem, m = l.inputValue, f = G(null), y = G(null), h = G({}), v = G(null), I = Ed(t), C = Fn( + { + state: l, + props: t + }), b = M(function(R) { + return h.current[I.getItemId(R)]; + }, [I]); + es(n, l, [p, c, d, m], i); + var x = Od({ + menuElement: y.current, + highlightedIndex: c, + isOpen: p, + itemRefs: h, + scrollIntoView: o, + getItemNodeFromIndex: b + }); + z(function() { + return v.current = Nn(function(R) { + R({ + type: Xi, + inputValue: "" + }); + }, 500), function() { + v.current.cancel(); + }; + }, []), z(function() { + m && v.current(u); + }, [u, m]), ts({ + props: t, + state: l + }), z(function() { + var R = uo(t, "isOpen"); + R && f.current && f.current.focus(); + }, []); + var g = kd(i, [f, y], M(/* @__PURE__ */ s(function() { + C.current.state.isOpen && u({ + type: Mn + }); + }, "handleBlur"), [u, C])), w = Ji("getMenuProps", "getToggleButtonProps"); + z(function() { + p || (h.current = {}); + }, [p]); + var T = Y(function() { + return { + ArrowDown: /* @__PURE__ */ s(function(K) { + K.preventDefault(), u({ + type: os, + altKey: K.altKey + }); + }, "ArrowDown"), + ArrowUp: /* @__PURE__ */ s(function(K) { + K.preventDefault(), u({ + type: rs, + altKey: K.altKey + }); + }, "ArrowUp"), + Home: /* @__PURE__ */ s(function(K) { + K.preventDefault(), u({ + type: is + }); + }, "Home"), + End: /* @__PURE__ */ s(function(K) { + K.preventDefault(), u({ + type: ss + }); + }, "End"), + Escape: /* @__PURE__ */ s(function() { + C.current.state.isOpen && u({ + type: ns + }); + }, "Escape"), + Enter: /* @__PURE__ */ s(function(K) { + K.preventDefault(), u({ + type: C.current.state.isOpen ? as : kn + }); + }, "Enter"), + PageUp: /* @__PURE__ */ s(function(K) { + C.current.state.isOpen && (K.preventDefault(), u({ + type: us + })); + }, "PageUp"), + PageDown: /* @__PURE__ */ s(function(K) { + C.current.state.isOpen && (K.preventDefault(), u({ + type: ps + })); + }, "PageDown"), + " ": /* @__PURE__ */ s(function(K) { + K.preventDefault(); + var W = C.current.state; + if (!W.isOpen) { + u({ + type: kn + }); + return; + } + W.inputValue ? u({ + type: Dn, + key: " " + }) : u({ + type: ls + }); + }, "_") + }; + }, [u, C]), _ = M(function() { + u({ + type: Nd + }); + }, [u]), k = M(function() { + u({ + type: Bd + }); + }, [u]), E = M(function() { + u({ + type: Fd + }); + }, [u]), O = M(function(R) { + u({ + type: Hd, + highlightedIndex: R + }); + }, [u]), P = M(function(R) { + u({ + type: ds, + selectedItem: R + }); + }, [u]), A = M(function() { + u({ + type: Rd + }); + }, [u]), D = M(function(R) { + u({ + type: Xi, + inputValue: R + }); + }, [u]), L = M(function(R) { + var K = R === void 0 ? {} : R, W = K.onClick, ee = ke(K, Nv), H = /* @__PURE__ */ s(function() { + var F; + (F = f.current) == null || F.focus(); + }, "labelHandleClick"); + return q({ + id: I.labelId, + htmlFor: I.toggleButtonId, + onClick: ce(W, H) + }, ee); + }, [I]), B = M(function(R, K) { + var W, ee = R === void 0 ? {} : R, H = ee.onMouseLeave, j = ee.refKey, F = j === void 0 ? "ref" : j, $ = ee.ref, X = ke(ee, Fv), oe = K === + void 0 ? {} : K, J = oe.suppressRefError, ae = J === void 0 ? !1 : J, ie = /* @__PURE__ */ s(function() { + u({ + type: Md + }); + }, "menuHandleMouseLeave"); + return w("getMenuProps", ae, F, y), q((W = {}, W[F] = ft($, function(se) { + y.current = se; + }), W.id = I.menuId, W.role = "listbox", W["aria-labelledby"] = X && X["aria-label"] ? void 0 : "" + I.labelId, W.onMouseLeave = ce(H, ie), + W), X); + }, [u, w, I]), N = M(function(R, K) { + var W, ee = R === void 0 ? {} : R, H = ee.onBlur, j = ee.onClick; + ee.onPress; + var F = ee.onKeyDown, $ = ee.refKey, X = $ === void 0 ? "ref" : $, oe = ee.ref, J = ke(ee, Bv), ae = K === void 0 ? {} : K, ie = ae.suppressRefError, + se = ie === void 0 ? !1 : ie, le = C.current.state, ve = /* @__PURE__ */ s(function() { + u({ + type: kn + }); + }, "toggleButtonHandleClick"), he = /* @__PURE__ */ s(function() { + le.isOpen && !g.isMouseDown && u({ + type: Mn + }); + }, "toggleButtonHandleBlur"), Pe = /* @__PURE__ */ s(function(Te) { + var Re = Ho(Te); + Re && T[Re] ? T[Re](Te) : Pv(Re) && u({ + type: Dn, + key: Re + }); + }, "toggleButtonHandleKeyDown"), ue = q((W = {}, W[X] = ft(oe, function(be) { + f.current = be; + }), W["aria-activedescendant"] = le.isOpen && le.highlightedIndex > -1 ? I.getItemId(le.highlightedIndex) : "", W["aria-controls"] = I.menuId, + W["aria-expanded"] = C.current.state.isOpen, W["aria-haspopup"] = "listbox", W["aria-labelledby"] = J && J["aria-label"] ? void 0 : "" + + I.labelId, W.id = I.toggleButtonId, W.role = "combobox", W.tabIndex = 0, W.onBlur = ce(H, he), W), J); + return J.disabled || (ue.onClick = ce(j, ve), ue.onKeyDown = ce(F, Pe)), w("getToggleButtonProps", se, X, f), ue; + }, [u, I, C, g, w, T]), V = M(function(R) { + var K, W = R === void 0 ? {} : R, ee = W.item, H = W.index, j = W.onMouseMove, F = W.onClick, $ = W.onMouseDown; + W.onPress; + var X = W.refKey, oe = X === void 0 ? "ref" : X, J = W.disabled, ae = W.ref, ie = ke(W, Hv); + J !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled \ +prop from useSelect.'); + var se = C.current, le = se.state, ve = se.props, he = Qi(ee, H, ve.items, "Pass either item or index to getItemProps!"), Pe = he[0], ue = he[1], + be = ve.isItemDisabled(Pe, ue), Te = /* @__PURE__ */ s(function() { + g.isTouchEnd || ue === le.highlightedIndex || (x.current = !1, u({ + type: Ld, + index: ue, + disabled: be + })); + }, "itemHandleMouseMove"), Re = /* @__PURE__ */ s(function() { + u({ + type: cs, + index: ue + }); + }, "itemHandleClick"), Le = /* @__PURE__ */ s(function(Dt) { + return Dt.preventDefault(); + }, "itemHandleMouseDown"), Se = q((K = {}, K[oe] = ft(ae, function(Ue) { + Ue && (h.current[I.getItemId(ue)] = Ue); + }), K["aria-disabled"] = be, K["aria-selected"] = "" + (Pe === le.selectedItem), K.id = I.getItemId(ue), K.role = "option", K), ie); + return be || (Se.onClick = ce(F, Re)), Se.onMouseMove = ce(j, Te), Se.onMouseDown = ce($, Le), Se; + }, [C, I, g, x, u]); + return { + // prop getters. + getToggleButtonProps: N, + getLabelProps: L, + getMenuProps: B, + getItemProps: V, + // actions. + toggleMenu: _, + openMenu: E, + closeMenu: k, + setHighlightedIndex: O, + selectItem: P, + reset: A, + setInputValue: D, + // state. + highlightedIndex: c, + isOpen: p, + selectedItem: d, + inputValue: m + }; +} +s(Wd, "useSelect"); +var fs = 0, ms = 1, hs = 2, gs = 3, ys = 4, vs = 5, bs = 6, xs = 7, Is = 8, Ln = 9, Ss = 10, jd = 11, Vd = 12, ws = 13, $d = 14, Kd = 15, Ud = 16, +qd = 17, Gd = 18, Es = 19, Yd = 20, Xd = 21, Cs = 22, Qd = /* @__PURE__ */ Object.freeze({ + __proto__: null, + InputKeyDownArrowDown: fs, + InputKeyDownArrowUp: ms, + InputKeyDownEscape: hs, + InputKeyDownHome: gs, + InputKeyDownEnd: ys, + InputKeyDownPageUp: vs, + InputKeyDownPageDown: bs, + InputKeyDownEnter: xs, + InputChange: Is, + InputBlur: Ln, + InputClick: Ss, + MenuMouseLeave: jd, + ItemMouseMove: Vd, + ItemClick: ws, + ToggleButtonClick: $d, + FunctionToggleMenu: Kd, + FunctionOpenMenu: Ud, + FunctionCloseMenu: qd, + FunctionSetHighlightedIndex: Gd, + FunctionSelectItem: Es, + FunctionSetInputValue: Yd, + FunctionReset: Xd, + ControlledPropUpdatedSelectedItem: Cs +}); +function Rv(e) { + var t = _d(e), o = t.selectedItem, i = t.inputValue; + return i === "" && o && e.defaultInputValue === void 0 && e.initialInputValue === void 0 && e.inputValue === void 0 && (i = e.itemToString( + o)), q({}, t, { + inputValue: i + }); +} +s(Rv, "getInitialState$1"); +var t5 = q({}, Ad, { + items: Q.default.array.isRequired, + isItemDisabled: Q.default.func, + inputValue: Q.default.string, + defaultInputValue: Q.default.string, + initialInputValue: Q.default.string, + inputId: Q.default.string, + onInputValueChange: Q.default.func +}); +function zv(e, t, o, i) { + var n = G(), r = Cd(e, t, o, i), l = r[0], u = r[1], p = Bn(); + return z(function() { + if (On(t, "selectedItem")) { + if (!p) { + var c = t.itemToKey(t.selectedItem) !== t.itemToKey(n.current); + c && u({ + type: Cs, + inputValue: t.itemToString(t.selectedItem) + }); + } + n.current = l.selectedItem === n.current ? t.selectedItem : l.selectedItem; + } + }, [l.selectedItem, t.selectedItem]), [sr(l, t), u]; +} +s(zv, "useControlledReducer"); +var Wv = Ye, jv = q({}, ir, { + isItemDisabled: /* @__PURE__ */ s(function() { + return !1; + }, "isItemDisabled") +}); +function Vv(e, t) { + var o, i = t.type, n = t.props, r = t.altKey, l; + switch (i) { + case ws: + l = { + isOpen: Xe(n, "isOpen"), + highlightedIndex: Xe(n, "highlightedIndex"), + selectedItem: n.items[t.index], + inputValue: n.itemToString(n.items[t.index]) + }; + break; + case fs: + e.isOpen ? l = { + highlightedIndex: mt(e.highlightedIndex, 1, n.items, n.isItemDisabled, !0) + } : l = { + highlightedIndex: r && e.selectedItem == null ? -1 : po(n, e, 1), + isOpen: n.items.length >= 0 + }; + break; + case ms: + e.isOpen ? r ? l = An(n, e.highlightedIndex) : l = { + highlightedIndex: mt(e.highlightedIndex, -1, n.items, n.isItemDisabled, !0) + } : l = { + highlightedIndex: po(n, e, -1), + isOpen: n.items.length >= 0 + }; + break; + case xs: + l = An(n, e.highlightedIndex); + break; + case hs: + l = q({ + isOpen: !1, + highlightedIndex: -1 + }, !e.isOpen && { + selectedItem: null, + inputValue: "" + }); + break; + case vs: + l = { + highlightedIndex: mt(e.highlightedIndex, -10, n.items, n.isItemDisabled, !0) + }; + break; + case bs: + l = { + highlightedIndex: mt(e.highlightedIndex, 10, n.items, n.isItemDisabled, !0) + }; + break; + case gs: + l = { + highlightedIndex: zt(0, !1, n.items, n.isItemDisabled) + }; + break; + case ys: + l = { + highlightedIndex: zt(n.items.length - 1, !0, n.items, n.isItemDisabled) + }; + break; + case Ln: + l = q({ + isOpen: !1, + highlightedIndex: -1 + }, e.highlightedIndex >= 0 && ((o = n.items) == null ? void 0 : o.length) && t.selectItem && { + selectedItem: n.items[e.highlightedIndex], + inputValue: n.itemToString(n.items[e.highlightedIndex]) + }); + break; + case Is: + l = { + isOpen: !0, + highlightedIndex: Xe(n, "highlightedIndex"), + inputValue: t.inputValue + }; + break; + case Ss: + l = { + isOpen: !e.isOpen, + highlightedIndex: e.isOpen ? -1 : po(n, e, 0) + }; + break; + case Es: + l = { + selectedItem: t.selectedItem, + inputValue: n.itemToString(t.selectedItem) + }; + break; + case Cs: + l = { + inputValue: t.inputValue + }; + break; + default: + return Dd(e, t, Qd); + } + return q({}, e, l); +} +s(Vv, "downshiftUseComboboxReducer"); +var $v = ["onMouseLeave", "refKey", "ref"], Kv = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "dis\ +abled"], Uv = ["onClick", "onPress", "refKey", "ref"], qv = ["onKeyDown", "onChange", "onInput", "onBlur", "onChangeText", "onClick", "refKe\ +y", "ref"]; +Zd.stateChangeTypes = Qd; +function Zd(e) { + e === void 0 && (e = {}), Wv(e, Zd); + var t = q({}, jv, e), o = t.items, i = t.scrollIntoView, n = t.environment, r = t.getA11yStatusMessage, l = zv(Vv, t, Rv, Pd), u = l[0], p = l[1], + c = u.isOpen, d = u.highlightedIndex, m = u.selectedItem, f = u.inputValue, y = G(null), h = G({}), v = G(null), I = G(null), C = Bn(), b = Ed( + t), x = G(), g = Fn({ + state: u, + props: t + }), w = M(function(H) { + return h.current[b.getItemId(H)]; + }, [b]); + es(r, u, [c, d, m, f], n); + var T = Od({ + menuElement: y.current, + highlightedIndex: d, + isOpen: c, + itemRefs: h, + scrollIntoView: i, + getItemNodeFromIndex: w + }); + ts({ + props: t, + state: u + }), z(function() { + var H = uo(t, "isOpen"); + H && v.current && v.current.focus(); + }, []), z(function() { + C || (x.current = o.length); + }); + var _ = kd(n, [I, y, v], M(/* @__PURE__ */ s(function() { + g.current.state.isOpen && p({ + type: Ln, + selectItem: !1 + }); + }, "handleBlur"), [p, g])), k = Ji("getInputProps", "getMenuProps"); + z(function() { + c || (h.current = {}); + }, [c]), z(function() { + var H; + !c || !(n != null && n.document) || !(v != null && (H = v.current) != null && H.focus) || n.document.activeElement !== v.current && v.current. + focus(); + }, [c, n]); + var E = Y(function() { + return { + ArrowDown: /* @__PURE__ */ s(function(j) { + j.preventDefault(), p({ + type: fs, + altKey: j.altKey + }); + }, "ArrowDown"), + ArrowUp: /* @__PURE__ */ s(function(j) { + j.preventDefault(), p({ + type: ms, + altKey: j.altKey + }); + }, "ArrowUp"), + Home: /* @__PURE__ */ s(function(j) { + g.current.state.isOpen && (j.preventDefault(), p({ + type: gs + })); + }, "Home"), + End: /* @__PURE__ */ s(function(j) { + g.current.state.isOpen && (j.preventDefault(), p({ + type: ys + })); + }, "End"), + Escape: /* @__PURE__ */ s(function(j) { + var F = g.current.state; + (F.isOpen || F.inputValue || F.selectedItem || F.highlightedIndex > -1) && (j.preventDefault(), p({ + type: hs + })); + }, "Escape"), + Enter: /* @__PURE__ */ s(function(j) { + var F = g.current.state; + !F.isOpen || j.which === 229 || (j.preventDefault(), p({ + type: xs + })); + }, "Enter"), + PageUp: /* @__PURE__ */ s(function(j) { + g.current.state.isOpen && (j.preventDefault(), p({ + type: vs + })); + }, "PageUp"), + PageDown: /* @__PURE__ */ s(function(j) { + g.current.state.isOpen && (j.preventDefault(), p({ + type: bs + })); + }, "PageDown") + }; + }, [p, g]), O = M(function(H) { + return q({ + id: b.labelId, + htmlFor: b.inputId + }, H); + }, [b]), P = M(function(H, j) { + var F, $ = H === void 0 ? {} : H, X = $.onMouseLeave, oe = $.refKey, J = oe === void 0 ? "ref" : oe, ae = $.ref, ie = ke($, $v), se = j === + void 0 ? {} : j, le = se.suppressRefError, ve = le === void 0 ? !1 : le; + return k("getMenuProps", ve, J, y), q((F = {}, F[J] = ft(ae, function(he) { + y.current = he; + }), F.id = b.menuId, F.role = "listbox", F["aria-labelledby"] = ie && ie["aria-label"] ? void 0 : "" + b.labelId, F.onMouseLeave = ce(X, + function() { + p({ + type: jd + }); + }), F), ie); + }, [p, k, b]), A = M(function(H) { + var j, F, $ = H === void 0 ? {} : H, X = $.item, oe = $.index, J = $.refKey, ae = J === void 0 ? "ref" : J, ie = $.ref, se = $.onMouseMove, + le = $.onMouseDown, ve = $.onClick; + $.onPress; + var he = $.disabled, Pe = ke($, Kv); + he !== void 0 && console.warn('Passing "disabled" as an argument to getItemProps is not supported anymore. Please use the isItemDisabled\ + prop from useCombobox.'); + var ue = g.current, be = ue.props, Te = ue.state, Re = Qi(X, oe, be.items, "Pass either item or index to getItemProps!"), Le = Re[0], Se = Re[1], + Ue = be.isItemDisabled(Le, Se), Dt = "onClick", Mt = ve, at = /* @__PURE__ */ s(function() { + _.isTouchEnd || Se === Te.highlightedIndex || (T.current = !1, p({ + type: Vd, + index: Se, + disabled: Ue + })); + }, "itemHandleMouseMove"), vt = /* @__PURE__ */ s(function() { + p({ + type: ws, + index: Se + }); + }, "itemHandleClick"), lt = /* @__PURE__ */ s(function(lm) { + return lm.preventDefault(); + }, "itemHandleMouseDown"); + return q((j = {}, j[ae] = ft(ie, function(qe) { + qe && (h.current[b.getItemId(Se)] = qe); + }), j["aria-disabled"] = Ue, j["aria-selected"] = "" + (Se === Te.highlightedIndex), j.id = b.getItemId(Se), j.role = "option", j), !Ue && + (F = {}, F[Dt] = ce(Mt, vt), F), { + onMouseMove: ce(se, at), + onMouseDown: ce(le, lt) + }, Pe); + }, [p, b, g, _, T]), D = M(function(H) { + var j, F = H === void 0 ? {} : H, $ = F.onClick; + F.onPress; + var X = F.refKey, oe = X === void 0 ? "ref" : X, J = F.ref, ae = ke(F, Uv), ie = g.current.state, se = /* @__PURE__ */ s(function() { + p({ + type: $d + }); + }, "toggleButtonHandleClick"); + return q((j = {}, j[oe] = ft(J, function(le) { + I.current = le; + }), j["aria-controls"] = b.menuId, j["aria-expanded"] = ie.isOpen, j.id = b.toggleButtonId, j.tabIndex = -1, j), !ae.disabled && q({}, { + onClick: ce($, se) + }), ae); + }, [p, g, b]), L = M(function(H, j) { + var F, $ = H === void 0 ? {} : H, X = $.onKeyDown, oe = $.onChange, J = $.onInput, ae = $.onBlur; + $.onChangeText; + var ie = $.onClick, se = $.refKey, le = se === void 0 ? "ref" : se, ve = $.ref, he = ke($, qv), Pe = j === void 0 ? {} : j, ue = Pe.suppressRefError, + be = ue === void 0 ? !1 : ue; + k("getInputProps", be, le, v); + var Te = g.current.state, Re = /* @__PURE__ */ s(function(lt) { + var qe = Ho(lt); + qe && E[qe] && E[qe](lt); + }, "inputHandleKeyDown"), Le = /* @__PURE__ */ s(function(lt) { + p({ + type: Is, + inputValue: lt.target.value + }); + }, "inputHandleChange"), Se = /* @__PURE__ */ s(function(lt) { + if (n != null && n.document && Te.isOpen && !_.isMouseDown) { + var qe = lt.relatedTarget === null && n.document.activeElement !== n.document.body; + p({ + type: Ln, + selectItem: !qe + }); + } + }, "inputHandleBlur"), Ue = /* @__PURE__ */ s(function() { + p({ + type: Ss + }); + }, "inputHandleClick"), Dt = "onChange", Mt = {}; + if (!he.disabled) { + var at; + Mt = (at = {}, at[Dt] = ce(oe, J, Le), at.onKeyDown = ce(X, Re), at.onBlur = ce(ae, Se), at.onClick = ce(ie, Ue), at); + } + return q((F = {}, F[le] = ft(ve, function(vt) { + v.current = vt; + }), F["aria-activedescendant"] = Te.isOpen && Te.highlightedIndex > -1 ? b.getItemId(Te.highlightedIndex) : "", F["aria-autocomplete"] = + "list", F["aria-controls"] = b.menuId, F["aria-expanded"] = Te.isOpen, F["aria-labelledby"] = he && he["aria-label"] ? void 0 : b.labelId, + F.autoComplete = "off", F.id = b.inputId, F.role = "combobox", F.value = Te.inputValue, F), Mt, he); + }, [p, b, n, E, g, _, k]), B = M(function() { + p({ + type: Kd + }); + }, [p]), N = M(function() { + p({ + type: qd + }); + }, [p]), V = M(function() { + p({ + type: Ud + }); + }, [p]), R = M(function(H) { + p({ + type: Gd, + highlightedIndex: H + }); + }, [p]), K = M(function(H) { + p({ + type: Es, + selectedItem: H + }); + }, [p]), W = M(function(H) { + p({ + type: Yd, + inputValue: H + }); + }, [p]), ee = M(function() { + p({ + type: Xd + }); + }, [p]); + return { + // prop getters. + getItemProps: A, + getLabelProps: O, + getMenuProps: P, + getInputProps: L, + getToggleButtonProps: D, + // actions. + toggleMenu: B, + openMenu: V, + closeMenu: N, + setHighlightedIndex: R, + setInputValue: W, + selectItem: K, + reset: ee, + // state. + highlightedIndex: d, + isOpen: c, + selectedItem: m, + inputValue: f + }; +} +s(Zd, "useCombobox"); +var Jd = { + activeIndex: -1, + selectedItems: [] +}; +function td(e, t) { + return uo(e, t, Jd); +} +s(td, "getInitialValue"); +function od(e, t) { + return Xe(e, t, Jd); +} +s(od, "getDefaultValue"); +function Gv(e) { + var t = td(e, "activeIndex"), o = td(e, "selectedItems"); + return { + activeIndex: t, + selectedItems: o + }; +} +s(Gv, "getInitialState"); +function rd(e) { + if (e.shiftKey || e.metaKey || e.ctrlKey || e.altKey) + return !1; + var t = e.target; + return !(t instanceof HTMLInputElement && // if element is a text input + t.value !== "" && // and we have text in it + // and cursor is either not at the start or is currently highlighting text. + (t.selectionStart !== 0 || t.selectionEnd !== 0)); +} +s(rd, "isKeyDownOperationPermitted"); +function Yv(e, t) { + return e.selectedItems === t.selectedItems && e.activeIndex === t.activeIndex; +} +s(Yv, "isStateEqual"); +var o5 = { + stateReducer: _n.stateReducer, + itemToKey: _n.itemToKey, + environment: _n.environment, + selectedItems: Q.default.array, + initialSelectedItems: Q.default.array, + defaultSelectedItems: Q.default.array, + getA11yStatusMessage: Q.default.func, + activeIndex: Q.default.number, + initialActiveIndex: Q.default.number, + defaultActiveIndex: Q.default.number, + onActiveIndexChange: Q.default.func, + onSelectedItemsChange: Q.default.func, + keyNavigationNext: Q.default.string, + keyNavigationPrevious: Q.default.string +}, Xv = { + itemToKey: ir.itemToKey, + stateReducer: ir.stateReducer, + environment: ir.environment, + keyNavigationNext: "ArrowRight", + keyNavigationPrevious: "ArrowLeft" +}, Qv = Ye, Ts = 0, _s = 1, ks = 2, Os = 3, Ps = 4, As = 5, Ds = 6, Ms = 7, Ls = 8, Ns = 9, Fs = 10, Bs = 11, Hs = 12, Zv = /* @__PURE__ */ Object. +freeze({ + __proto__: null, + SelectedItemClick: Ts, + SelectedItemKeyDownDelete: _s, + SelectedItemKeyDownBackspace: ks, + SelectedItemKeyDownNavigationNext: Os, + SelectedItemKeyDownNavigationPrevious: Ps, + DropdownKeyDownNavigationPrevious: As, + DropdownKeyDownBackspace: Ds, + DropdownClick: Ms, + FunctionAddSelectedItem: Ls, + FunctionRemoveSelectedItem: Ns, + FunctionSetSelectedItems: Fs, + FunctionSetActiveIndex: Bs, + FunctionReset: Hs +}); +function Jv(e, t) { + var o = t.type, i = t.index, n = t.props, r = t.selectedItem, l = e.activeIndex, u = e.selectedItems, p; + switch (o) { + case Ts: + p = { + activeIndex: i + }; + break; + case Ps: + p = { + activeIndex: l - 1 < 0 ? 0 : l - 1 + }; + break; + case Os: + p = { + activeIndex: l + 1 >= u.length ? -1 : l + 1 + }; + break; + case ks: + case _s: { + if (l < 0) + break; + var c = l; + u.length === 1 ? c = -1 : l === u.length - 1 && (c = u.length - 2), p = q({ + selectedItems: [].concat(u.slice(0, l), u.slice(l + 1)) + }, { + activeIndex: c + }); + break; + } + case As: + p = { + activeIndex: u.length - 1 + }; + break; + case Ds: + p = { + selectedItems: u.slice(0, u.length - 1) + }; + break; + case Ls: + p = { + selectedItems: [].concat(u, [r]) + }; + break; + case Ms: + p = { + activeIndex: -1 + }; + break; + case Ns: { + var d = l, m = u.findIndex(function(h) { + return n.itemToKey(h) === n.itemToKey(r); + }); + if (m < 0) + break; + u.length === 1 ? d = -1 : m === u.length - 1 && (d = u.length - 2), p = { + selectedItems: [].concat(u.slice(0, m), u.slice(m + 1)), + activeIndex: d + }; + break; + } + case Fs: { + var f = t.selectedItems; + p = { + selectedItems: f + }; + break; + } + case Bs: { + var y = t.activeIndex; + p = { + activeIndex: y + }; + break; + } + case Hs: + p = { + activeIndex: od(n, "activeIndex"), + selectedItems: od(n, "selectedItems") + }; + break; + default: + throw new Error("Reducer called without proper action type."); + } + return q({}, e, p); +} +s(Jv, "downshiftMultipleSelectionReducer"); +var eb = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"], tb = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyActio\ +n"]; +ef.stateChangeTypes = Zv; +function ef(e) { + e === void 0 && (e = {}), Qv(e, ef); + var t = q({}, Xv, e), o = t.getA11yStatusMessage, i = t.environment, n = t.keyNavigationNext, r = t.keyNavigationPrevious, l = Td(Jv, t, Gv, + Yv), u = l[0], p = l[1], c = u.activeIndex, d = u.selectedItems, m = Bn(), f = G(null), y = G(); + y.current = []; + var h = Fn({ + state: u, + props: t + }); + es(o, u, [c, d], i), z(function() { + m || (c === -1 && f.current ? f.current.focus() : y.current[c] && y.current[c].focus()); + }, [c]), ts({ + props: t, + state: u + }); + var v = Ji("getDropdownProps"), I = Y(function() { + var E; + return E = {}, E[r] = function() { + p({ + type: Ps + }); + }, E[n] = function() { + p({ + type: Os + }); + }, E.Delete = /* @__PURE__ */ s(function() { + p({ + type: _s + }); + }, "Delete"), E.Backspace = /* @__PURE__ */ s(function() { + p({ + type: ks + }); + }, "Backspace"), E; + }, [p, n, r]), C = Y(function() { + var E; + return E = {}, E[r] = function(O) { + rd(O) && p({ + type: As + }); + }, E.Backspace = /* @__PURE__ */ s(function(P) { + rd(P) && p({ + type: Ds + }); + }, "Backspace"), E; + }, [p, r]), b = M(function(E) { + var O, P = E === void 0 ? {} : E, A = P.refKey, D = A === void 0 ? "ref" : A, L = P.ref, B = P.onClick, N = P.onKeyDown, V = P.selectedItem, + R = P.index, K = ke(P, eb), W = h.current.state, ee = Qi(V, R, W.selectedItems, "Pass either item or index to getSelectedItemProps!"), H = ee[1], + j = H > -1 && H === W.activeIndex, F = /* @__PURE__ */ s(function() { + p({ + type: Ts, + index: H + }); + }, "selectedItemHandleClick"), $ = /* @__PURE__ */ s(function(oe) { + var J = Ho(oe); + J && I[J] && I[J](oe); + }, "selectedItemHandleKeyDown"); + return q((O = {}, O[D] = ft(L, function(X) { + X && y.current.push(X); + }), O.tabIndex = j ? 0 : -1, O.onClick = ce(B, F), O.onKeyDown = ce(N, $), O), K); + }, [p, h, I]), x = M(function(E, O) { + var P, A = E === void 0 ? {} : E, D = A.refKey, L = D === void 0 ? "ref" : D, B = A.ref, N = A.onKeyDown, V = A.onClick, R = A.preventKeyAction, + K = R === void 0 ? !1 : R, W = ke(A, tb), ee = O === void 0 ? {} : O, H = ee.suppressRefError, j = H === void 0 ? !1 : H; + v("getDropdownProps", j, L, f); + var F = /* @__PURE__ */ s(function(oe) { + var J = Ho(oe); + J && C[J] && C[J](oe); + }, "dropdownHandleKeyDown"), $ = /* @__PURE__ */ s(function() { + p({ + type: Ms + }); + }, "dropdownHandleClick"); + return q((P = {}, P[L] = ft(B, function(X) { + X && (f.current = X); + }), P), !K && { + onKeyDown: ce(N, F), + onClick: ce(V, $) + }, W); + }, [p, C, v]), g = M(function(E) { + p({ + type: Ls, + selectedItem: E + }); + }, [p]), w = M(function(E) { + p({ + type: Ns, + selectedItem: E + }); + }, [p]), T = M(function(E) { + p({ + type: Fs, + selectedItems: E + }); + }, [p]), _ = M(function(E) { + p({ + type: Bs, + activeIndex: E + }); + }, [p]), k = M(function() { + p({ + type: Hs + }); + }, [p]); + return { + getSelectedItemProps: b, + getDropdownProps: x, + addSelectedItem: g, + removeSelectedItem: w, + setSelectedItems: T, + setActiveIndex: _, + reset: k, + selectedItems: d, + activeIndex: c + }; +} +s(ef, "useMultipleSelection"); + +// src/manager/components/sidebar/Search.tsx +var of = Ve(tf(), 1); + +// src/manager/components/sidebar/types.ts +function lr(e) { + return !!(e && e.showAll); +} +s(lr, "isExpandType"); +function zs(e) { + return !!(e && e.item); +} +s(zs, "isSearchResult"); + +// src/manager/components/sidebar/Search.tsx +var { document: ob } = re, Ws = 50, rb = { + shouldSort: !0, + tokenize: !0, + findAllMatches: !0, + includeScore: !0, + includeMatches: !0, + threshold: 0.2, + location: 0, + distance: 100, + maxPatternLength: 32, + minMatchCharLength: 1, + keys: [ + { name: "name", weight: 0.7 }, + { name: "path", weight: 0.3 } + ] +}, nb = S.div({ + display: "flex", + flexDirection: "row", + columnGap: 6 +}), ib = S.label({ + position: "absolute", + left: -1e4, + top: "auto", + width: 1, + height: 1, + overflow: "hidden" +}), sb = S.div(({ theme: e }) => ({ + display: "flex", + flexDirection: "row", + alignItems: "center", + padding: 2, + flexGrow: 1, + height: 32, + width: "100%", + boxShadow: `${e.button.border} 0 0 0 1px inset`, + borderRadius: e.appBorderRadius + 2, + "&:has(input:focus), &:has(input:active)": { + boxShadow: `${e.color.secondary} 0 0 0 1px inset`, + background: e.background.app + } +})), ab = S.div(({ theme: e, onClick: t }) => ({ + cursor: t ? "pointer" : "default", + flex: "0 0 28px", + height: "100%", + pointerEvents: t ? "auto" : "none", + color: e.textMutedColor, + display: "flex", + alignItems: "center", + justifyContent: "center" +})), lb = S.input(({ theme: e }) => ({ + appearance: "none", + height: 28, + width: "100%", + padding: 0, + border: 0, + background: "transparent", + fontSize: `${e.typography.size.s1 + 1}px`, + fontFamily: "inherit", + transition: "all 150ms", + color: e.color.defaultText, + outline: 0, + "&::placeholder": { + color: e.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" + } +})), ub = S.code(({ theme: e }) => ({ + margin: 5, + marginTop: 6, + height: 16, + lineHeight: "16px", + textAlign: "center", + fontSize: "11px", + color: e.base === "light" ? e.color.dark : e.textMutedColor, + userSelect: "none", + pointerEvents: "none", + display: "flex", + alignItems: "center", + gap: 4, + flexShrink: 0 +})), pb = S.span({ + fontSize: "14px" +}), cb = S.div({ + display: "flex", + alignItems: "center", + gap: 2 +}), db = S.div({ outline: 0 }), rf = a.memo(/* @__PURE__ */ s(function({ + children: t, + dataset: o, + enableShortcuts: i = !0, + getLastViewed: n, + initialQuery: r = "", + searchBarContent: l, + searchFieldContent: u +}) { + let p = pe(), c = G(null), [d, m] = U("Find components"), [f, y] = U(!1), h = p ? pt(p.getShortcutKeys().search) : "/", v = M(() => { + let w = o.entries.reduce((T, [_, { index: k, status: E }]) => { + let O = pn(k || {}, E); + return k && T.push( + ...Object.values(k).map((P) => { + let A = E && E[P.id] ? nr(Object.values(E[P.id] || {}).map((D) => D.status)) : null; + return { + ...zi(P, o.hash[_]), + status: A || O[P.id] || null + }; + }) + ), T; + }, []); + return new of.default(w, rb); + }, [o]), I = M( + (w) => { + let T = v(); + if (!w) + return []; + let _ = [], k = /* @__PURE__ */ new Set(), E = T.search(w).filter(({ item: O }) => !(O.type === "component" || O.type === "docs" || O. + type === "story") || // @ts-expect-error (non strict) + k.has(O.parent) ? !1 : (k.add(O.id), !0)); + return E.length && (_ = E.slice(0, f ? 1e3 : Ws), E.length > Ws && !f && _.push({ + showAll: /* @__PURE__ */ s(() => y(!0), "showAll"), + totalCount: E.length, + moreCount: E.length - Ws + })), _; + }, + [f, v] + ), C = M( + (w) => { + if (zs(w)) { + let { id: T, refId: _ } = w.item; + p?.selectStory(T, void 0, { ref: _ !== St && _ }), c.current.blur(), y(!1); + return; + } + lr(w) && w.showAll(); + }, + [p] + ), b = M((w, T) => { + y(!1); + }, []), x = M( + (w, T) => { + switch (T.type) { + case co.stateChangeTypes.blurInput: + return { + ...T, + // Prevent clearing the input on blur + inputValue: w.inputValue, + // Return to the tree view after selecting an item + isOpen: w.inputValue && !w.selectedItem + }; + case co.stateChangeTypes.mouseUp: + return w; + case co.stateChangeTypes.keyDownEscape: + return w.inputValue ? { ...T, inputValue: "", isOpen: !0, selectedItem: null } : { ...T, isOpen: !1, selectedItem: null }; + case co.stateChangeTypes.clickItem: + case co.stateChangeTypes.keyDownEnter: + return zs(T.selectedItem) ? { ...T, inputValue: w.inputValue } : lr(T.selectedItem) ? w : T; + default: + return T; + } + }, + [] + ), { isMobile: g } = ge(); + return ( + // @ts-expect-error (non strict) + /* @__PURE__ */ a.createElement( + co, + { + initialInputValue: r, + stateReducer: x, + itemToString: (w) => w?.item?.name || "", + scrollIntoView: (w) => ro(w), + onSelect: C, + onInputValueChange: b + }, + ({ + isOpen: w, + openMenu: T, + closeMenu: _, + inputValue: k, + clearSelection: E, + getInputProps: O, + getItemProps: P, + getLabelProps: A, + getMenuProps: D, + getRootProps: L, + highlightedIndex: B + }) => { + let N = k ? k.trim() : "", V = N ? I(N) : [], R = !N && n(); + R && R.length && (V = R.reduce((H, { storyId: j, refId: F }) => { + let $ = o.hash[F]; + if ($ && $.index && $.index[j]) { + let X = $.index[j], oe = X.type === "story" ? $.index[X.parent] : X; + H.some((J) => J.item.refId === F && J.item.id === oe.id) || H.push({ item: zi(oe, o.hash[F]), matches: [], score: 0 }); + } + return H; + }, [])); + let K = "storybook-explorer-searchfield", W = O({ + id: K, + ref: c, + required: !0, + type: "search", + placeholder: d, + onFocus: /* @__PURE__ */ s(() => { + T(), m("Type to find..."); + }, "onFocus"), + onBlur: /* @__PURE__ */ s(() => m("Find components"), "onBlur"), + onKeyDown: /* @__PURE__ */ s((H) => { + H.key === "Escape" && k.length === 0 && c.current.blur(); + }, "onKeyDown") + }), ee = A({ + htmlFor: K + }); + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(ib, { ...ee }, "Search for components"), /* @__PURE__ */ a. + createElement(nb, null, /* @__PURE__ */ a.createElement( + sb, + { + ...L({ refKey: "" }, { suppressRefError: !0 }), + className: "search-field" + }, + /* @__PURE__ */ a.createElement(ab, null, /* @__PURE__ */ a.createElement(jr, null)), + /* @__PURE__ */ a.createElement(lb, { ...W }), + !g && i && !w && /* @__PURE__ */ a.createElement(ub, null, h === "\u2318 K" ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a. + createElement(pb, null, "\u2318"), "K") : h), + /* @__PURE__ */ a.createElement(cb, null, w && /* @__PURE__ */ a.createElement(te, { onClick: () => E() }, /* @__PURE__ */ a.createElement( + ct, null)), u) + ), l), /* @__PURE__ */ a.createElement(db, { tabIndex: 0, id: "storybook-explorer-menu" }, t({ + query: N, + results: V, + isBrowsing: !w && ob.activeElement !== c.current, + closeMenu: _, + getMenuProps: D, + getItemProps: P, + highlightedIndex: B + }))); + } + ) + ); +}, "Search")); + +// src/manager/components/sidebar/SearchResults.tsx +var { document: nf } = re, fb = S.ol({ + listStyle: "none", + margin: 0, + padding: 0 +}), mb = S.li(({ theme: e, isHighlighted: t }) => ({ + width: "100%", + border: "none", + cursor: "pointer", + display: "flex", + alignItems: "start", + justifyContent: "space-between", + textAlign: "left", + color: "inherit", + fontSize: `${e.typography.size.s2}px`, + background: t ? e.background.hoverable : "transparent", + minHeight: 28, + borderRadius: 4, + gap: 6, + paddingTop: 7, + paddingBottom: 7, + paddingLeft: 8, + paddingRight: 8, + "&:hover, &:focus": { + background: xe(0.93, e.color.secondary), + outline: "none" + } +})), hb = S.div({ + marginTop: 2 +}), gb = S.div({ + flex: 1, + display: "flex", + flexDirection: "column" +}), yb = S.div(({ theme: e }) => ({ + marginTop: 20, + textAlign: "center", + fontSize: `${e.typography.size.s2}px`, + lineHeight: "18px", + color: e.color.defaultText, + small: { + color: e.barTextColor, + fontSize: `${e.typography.size.s1}px` + } +})), vb = S.mark(({ theme: e }) => ({ + background: "transparent", + color: e.color.secondary +})), bb = S.div({ + marginTop: 8 +}), xb = S.div(({ theme: e }) => ({ + display: "flex", + justifyContent: "space-between", + fontSize: `${e.typography.size.s1 - 1}px`, + fontWeight: e.typography.weight.bold, + minHeight: 28, + letterSpacing: "0.16em", + textTransform: "uppercase", + color: e.textMutedColor, + marginTop: 16, + marginBottom: 4, + alignItems: "center", + ".search-result-recentlyOpened-clear": { + visibility: "hidden" + }, + "&:hover": { + ".search-result-recentlyOpened-clear": { + visibility: "visible" + } + } +})), sf = a.memo(/* @__PURE__ */ s(function({ + children: t, + match: o +}) { + if (!o) + return t; + let { value: i, indices: n } = o, { nodes: r } = n.reduce( + ({ cursor: l, nodes: u }, [p, c], d, { length: m }) => (u.push(/* @__PURE__ */ a.createElement("span", { key: `${d}-1` }, i.slice(l, p))), + u.push(/* @__PURE__ */ a.createElement(vb, { key: `${d}-2` }, i.slice(p, c + 1))), d === m - 1 && u.push(/* @__PURE__ */ a.createElement( + "span", { key: `${d}-3` }, i.slice(c + 1))), { cursor: c + 1, nodes: u }), + { cursor: 0, nodes: [] } + ); + return /* @__PURE__ */ a.createElement("span", null, r); +}, "Highlight")), Ib = S.div(({ theme: e }) => ({ + display: "grid", + justifyContent: "start", + gridAutoColumns: "auto", + gridAutoFlow: "column", + "& > span": { + display: "block", + whiteSpace: "nowrap", + overflow: "hidden", + textOverflow: "ellipsis" + } +})), Sb = S.div(({ theme: e }) => ({ + display: "grid", + justifyContent: "start", + gridAutoColumns: "auto", + gridAutoFlow: "column", + fontSize: `${e.typography.size.s1 - 1}px`, + "& > span": { + display: "block", + whiteSpace: "nowrap", + overflow: "hidden", + textOverflow: "ellipsis" + }, + "& > span + span": { + "&:before": { + content: "' / '" + } + } +})), wb = a.memo(/* @__PURE__ */ s(function({ item: t, matches: o, onClick: i, ...n }) { + let r = M( + (d) => { + d.preventDefault(), i?.(d); + }, + [i] + ), l = pe(); + z(() => { + l && n.isHighlighted && t.type === "component" && l.emit($t, { ids: [t.children[0]] }, { options: { target: t.refId } }); + }, [n.isHighlighted, t]); + let u = o.find((d) => d.key === "name"), p = o.filter((d) => d.key === "path"), [c] = t.status ? rr[t.status] : []; + return /* @__PURE__ */ a.createElement(mb, { ...n, onClick: r }, /* @__PURE__ */ a.createElement(hb, null, t.type === "component" && /* @__PURE__ */ a. + createElement(Ht, { viewBox: "0 0 14 14", width: "14", height: "14", type: "component" }, /* @__PURE__ */ a.createElement($e, { type: "com\ +ponent" })), t.type === "story" && /* @__PURE__ */ a.createElement(Ht, { viewBox: "0 0 14 14", width: "14", height: "14", type: "story" }, /* @__PURE__ */ a. + createElement($e, { type: "story" })), !(t.type === "component" || t.type === "story") && /* @__PURE__ */ a.createElement(Ht, { viewBox: "\ +0 0 14 14", width: "14", height: "14", type: "document" }, /* @__PURE__ */ a.createElement($e, { type: "document" }))), /* @__PURE__ */ a.createElement( + gb, { className: "search-result-item--label" }, /* @__PURE__ */ a.createElement(Ib, null, /* @__PURE__ */ a.createElement(sf, { match: u }, + t.name)), /* @__PURE__ */ a.createElement(Sb, null, t.path.map((d, m) => /* @__PURE__ */ a.createElement("span", { key: m }, /* @__PURE__ */ a. + createElement(sf, { match: p.find((f) => f.arrayIndex === m) }, d))))), t.status ? /* @__PURE__ */ a.createElement(Ic, { status: t.status }, + c) : null); +}, "Result")), af = a.memo(/* @__PURE__ */ s(function({ + query: t, + results: o, + closeMenu: i, + getMenuProps: n, + getItemProps: r, + highlightedIndex: l, + isLoading: u = !1, + enableShortcuts: p = !0, + clearLastViewed: c +}) { + let d = pe(); + z(() => { + let y = /* @__PURE__ */ s((h) => { + if (!(!p || u || h.repeat) && Rt(!1, h) && tt("Escape", h)) { + if (h.target?.id === "storybook-explorer-searchfield") + return; + h.preventDefault(), i(); + } + }, "handleEscape"); + return nf.addEventListener("keydown", y), () => nf.removeEventListener("keydown", y); + }, [i, p, u]); + let m = M((y) => { + if (!d) + return; + let h = y.currentTarget, v = h.getAttribute("data-id"), I = h.getAttribute("data-refid"), C = d.resolveStory(v, I === "storybook_interna\ +l" ? void 0 : I); + C?.type === "component" && d.emit($t, { + // @ts-expect-error (TODO) + ids: [C.isLeaf ? C.id : C.children[0]], + options: { target: I } + }); + }, []), f = /* @__PURE__ */ s(() => { + c(), i(); + }, "handleClearLastViewed"); + return /* @__PURE__ */ a.createElement(fb, { ...n() }, o.length > 0 && !t && /* @__PURE__ */ a.createElement(xb, { className: "search-resu\ +lt-recentlyOpened" }, "Recently opened", /* @__PURE__ */ a.createElement( + te, + { + className: "search-result-recentlyOpened-clear", + onClick: f + }, + /* @__PURE__ */ a.createElement(Vl, null) + )), o.length === 0 && t && /* @__PURE__ */ a.createElement("li", null, /* @__PURE__ */ a.createElement(yb, null, /* @__PURE__ */ a.createElement( + "strong", null, "No components found"), /* @__PURE__ */ a.createElement("br", null), /* @__PURE__ */ a.createElement("small", null, "Find \ +components by name or path."))), o.map((y, h) => { + if (lr(y)) + return /* @__PURE__ */ a.createElement(bb, { key: "search-result-expand" }, /* @__PURE__ */ a.createElement( + fe, + { + ...y, + ...r({ key: h, index: h, item: y }), + size: "small" + }, + "Show ", + y.moreCount, + " more results" + )); + let { item: v } = y, I = `${v.refId}::${v.id}`; + return /* @__PURE__ */ a.createElement( + wb, + { + key: v.id, + ...y, + ...r({ key: I, index: h, item: y }), + isHighlighted: l === h, + "data-id": y.item.id, + "data-refid": y.item.refId, + onMouseOver: m, + className: "search-result-item" + } + ); + })); +}, "SearchResults")); + +// ../node_modules/react-popper/lib/esm/utils.js +var js = /* @__PURE__ */ s(function(t) { + return t.reduce(function(o, i) { + var n = i[0], r = i[1]; + return o[n] = r, o; + }, {}); +}, "fromEntries"), Vs = typeof window < "u" && window.document && window.document.createElement ? Lt : z; + +// ../node_modules/@popperjs/core/lib/enums.js +var Ie = "top", De = "bottom", Oe = "right", Ce = "left", Hn = "auto", Wt = [Ie, De, Oe, Ce], Ot = "start", fo = "end", lf = "clippingParent\ +s", Rn = "viewport", Ro = "popper", uf = "reference", $s = /* @__PURE__ */ Wt.reduce(function(e, t) { + return e.concat([t + "-" + Ot, t + "-" + fo]); +}, []), zn = /* @__PURE__ */ [].concat(Wt, [Hn]).reduce(function(e, t) { + return e.concat([t, t + "-" + Ot, t + "-" + fo]); +}, []), Eb = "beforeRead", Cb = "read", Tb = "afterRead", _b = "beforeMain", kb = "main", Ob = "afterMain", Pb = "beforeWrite", Ab = "write", +Db = "afterWrite", pf = [Eb, Cb, Tb, _b, kb, Ob, Pb, Ab, Db]; + +// ../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js +function Be(e) { + return e ? (e.nodeName || "").toLowerCase() : null; +} +s(Be, "getNodeName"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindow.js +function ye(e) { + if (e == null) + return window; + if (e.toString() !== "[object Window]") { + var t = e.ownerDocument; + return t && t.defaultView || window; + } + return e; +} +s(ye, "getWindow"); + +// ../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js +function rt(e) { + var t = ye(e).Element; + return e instanceof t || e instanceof Element; +} +s(rt, "isElement"); +function Me(e) { + var t = ye(e).HTMLElement; + return e instanceof t || e instanceof HTMLElement; +} +s(Me, "isHTMLElement"); +function zo(e) { + if (typeof ShadowRoot > "u") + return !1; + var t = ye(e).ShadowRoot; + return e instanceof t || e instanceof ShadowRoot; +} +s(zo, "isShadowRoot"); + +// ../node_modules/@popperjs/core/lib/modifiers/applyStyles.js +function Mb(e) { + var t = e.state; + Object.keys(t.elements).forEach(function(o) { + var i = t.styles[o] || {}, n = t.attributes[o] || {}, r = t.elements[o]; + !Me(r) || !Be(r) || (Object.assign(r.style, i), Object.keys(n).forEach(function(l) { + var u = n[l]; + u === !1 ? r.removeAttribute(l) : r.setAttribute(l, u === !0 ? "" : u); + })); + }); +} +s(Mb, "applyStyles"); +function Lb(e) { + var t = e.state, o = { + popper: { + position: t.options.strategy, + left: "0", + top: "0", + margin: "0" + }, + arrow: { + position: "absolute" + }, + reference: {} + }; + return Object.assign(t.elements.popper.style, o.popper), t.styles = o, t.elements.arrow && Object.assign(t.elements.arrow.style, o.arrow), + function() { + Object.keys(t.elements).forEach(function(i) { + var n = t.elements[i], r = t.attributes[i] || {}, l = Object.keys(t.styles.hasOwnProperty(i) ? t.styles[i] : o[i]), u = l.reduce(function(p, c) { + return p[c] = "", p; + }, {}); + !Me(n) || !Be(n) || (Object.assign(n.style, u), Object.keys(r).forEach(function(p) { + n.removeAttribute(p); + })); + }); + }; +} +s(Lb, "effect"); +var cf = { + name: "applyStyles", + enabled: !0, + phase: "write", + fn: Mb, + effect: Lb, + requires: ["computeStyles"] +}; + +// ../node_modules/@popperjs/core/lib/utils/getBasePlacement.js +function He(e) { + return e.split("-")[0]; +} +s(He, "getBasePlacement"); + +// ../node_modules/@popperjs/core/lib/utils/math.js +var ht = Math.max, mo = Math.min, Pt = Math.round; + +// ../node_modules/@popperjs/core/lib/utils/userAgent.js +function Wo() { + var e = navigator.userAgentData; + return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) { + return t.brand + "/" + t.version; + }).join(" ") : navigator.userAgent; +} +s(Wo, "getUAString"); + +// ../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js +function ur() { + return !/^((?!chrome|android).)*safari/i.test(Wo()); +} +s(ur, "isLayoutViewport"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js +function nt(e, t, o) { + t === void 0 && (t = !1), o === void 0 && (o = !1); + var i = e.getBoundingClientRect(), n = 1, r = 1; + t && Me(e) && (n = e.offsetWidth > 0 && Pt(i.width) / e.offsetWidth || 1, r = e.offsetHeight > 0 && Pt(i.height) / e.offsetHeight || 1); + var l = rt(e) ? ye(e) : window, u = l.visualViewport, p = !ur() && o, c = (i.left + (p && u ? u.offsetLeft : 0)) / n, d = (i.top + (p && u ? + u.offsetTop : 0)) / r, m = i.width / n, f = i.height / r; + return { + width: m, + height: f, + top: d, + right: c + m, + bottom: d + f, + left: c, + x: c, + y: d + }; +} +s(nt, "getBoundingClientRect"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js +function ho(e) { + var t = nt(e), o = e.offsetWidth, i = e.offsetHeight; + return Math.abs(t.width - o) <= 1 && (o = t.width), Math.abs(t.height - i) <= 1 && (i = t.height), { + x: e.offsetLeft, + y: e.offsetTop, + width: o, + height: i + }; +} +s(ho, "getLayoutRect"); + +// ../node_modules/@popperjs/core/lib/dom-utils/contains.js +function pr(e, t) { + var o = t.getRootNode && t.getRootNode(); + if (e.contains(t)) + return !0; + if (o && zo(o)) { + var i = t; + do { + if (i && e.isSameNode(i)) + return !0; + i = i.parentNode || i.host; + } while (i); + } + return !1; +} +s(pr, "contains"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js +function Ke(e) { + return ye(e).getComputedStyle(e); +} +s(Ke, "getComputedStyle"); + +// ../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js +function Ks(e) { + return ["table", "td", "th"].indexOf(Be(e)) >= 0; +} +s(Ks, "isTableElement"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js +function ze(e) { + return ((rt(e) ? e.ownerDocument : ( + // $FlowFixMe[prop-missing] + e.document + )) || window.document).documentElement; +} +s(ze, "getDocumentElement"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js +function At(e) { + return Be(e) === "html" ? e : ( + // this is a quicker (but less type safe) way to save quite some bytes from the bundle + // $FlowFixMe[incompatible-return] + // $FlowFixMe[prop-missing] + e.assignedSlot || // step into the shadow DOM of the parent of a slotted node + e.parentNode || // DOM Element detected + (zo(e) ? e.host : null) || // ShadowRoot detected + // $FlowFixMe[incompatible-call]: HTMLElement is a Node + ze(e) + ); +} +s(At, "getParentNode"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js +function df(e) { + return !Me(e) || // https://github.com/popperjs/popper-core/issues/837 + Ke(e).position === "fixed" ? null : e.offsetParent; +} +s(df, "getTrueOffsetParent"); +function Nb(e) { + var t = /firefox/i.test(Wo()), o = /Trident/i.test(Wo()); + if (o && Me(e)) { + var i = Ke(e); + if (i.position === "fixed") + return null; + } + var n = At(e); + for (zo(n) && (n = n.host); Me(n) && ["html", "body"].indexOf(Be(n)) < 0; ) { + var r = Ke(n); + if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== + -1 || t && r.willChange === "filter" || t && r.filter && r.filter !== "none") + return n; + n = n.parentNode; + } + return null; +} +s(Nb, "getContainingBlock"); +function gt(e) { + for (var t = ye(e), o = df(e); o && Ks(o) && Ke(o).position === "static"; ) + o = df(o); + return o && (Be(o) === "html" || Be(o) === "body" && Ke(o).position === "static") ? t : o || Nb(e) || t; +} +s(gt, "getOffsetParent"); + +// ../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js +function go(e) { + return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y"; +} +s(go, "getMainAxisFromPlacement"); + +// ../node_modules/@popperjs/core/lib/utils/within.js +function yo(e, t, o) { + return ht(e, mo(t, o)); +} +s(yo, "within"); +function ff(e, t, o) { + var i = yo(e, t, o); + return i > o ? o : i; +} +s(ff, "withinMaxClamp"); + +// ../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js +function cr() { + return { + top: 0, + right: 0, + bottom: 0, + left: 0 + }; +} +s(cr, "getFreshSideObject"); + +// ../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js +function dr(e) { + return Object.assign({}, cr(), e); +} +s(dr, "mergePaddingObject"); + +// ../node_modules/@popperjs/core/lib/utils/expandToHashMap.js +function fr(e, t) { + return t.reduce(function(o, i) { + return o[i] = e, o; + }, {}); +} +s(fr, "expandToHashMap"); + +// ../node_modules/@popperjs/core/lib/modifiers/arrow.js +var Fb = /* @__PURE__ */ s(function(t, o) { + return t = typeof t == "function" ? t(Object.assign({}, o.rects, { + placement: o.placement + })) : t, dr(typeof t != "number" ? t : fr(t, Wt)); +}, "toPaddingObject"); +function Bb(e) { + var t, o = e.state, i = e.name, n = e.options, r = o.elements.arrow, l = o.modifiersData.popperOffsets, u = He(o.placement), p = go(u), c = [ + Ce, Oe].indexOf(u) >= 0, d = c ? "height" : "width"; + if (!(!r || !l)) { + var m = Fb(n.padding, o), f = ho(r), y = p === "y" ? Ie : Ce, h = p === "y" ? De : Oe, v = o.rects.reference[d] + o.rects.reference[p] - + l[p] - o.rects.popper[d], I = l[p] - o.rects.reference[p], C = gt(r), b = C ? p === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, x = v / + 2 - I / 2, g = m[y], w = b - f[d] - m[h], T = b / 2 - f[d] / 2 + x, _ = yo(g, T, w), k = p; + o.modifiersData[i] = (t = {}, t[k] = _, t.centerOffset = _ - T, t); + } +} +s(Bb, "arrow"); +function Hb(e) { + var t = e.state, o = e.options, i = o.element, n = i === void 0 ? "[data-popper-arrow]" : i; + n != null && (typeof n == "string" && (n = t.elements.popper.querySelector(n), !n) || pr(t.elements.popper, n) && (t.elements.arrow = n)); +} +s(Hb, "effect"); +var mf = { + name: "arrow", + enabled: !0, + phase: "main", + fn: Bb, + effect: Hb, + requires: ["popperOffsets"], + requiresIfExists: ["preventOverflow"] +}; + +// ../node_modules/@popperjs/core/lib/utils/getVariation.js +function it(e) { + return e.split("-")[1]; +} +s(it, "getVariation"); + +// ../node_modules/@popperjs/core/lib/modifiers/computeStyles.js +var Rb = { + top: "auto", + right: "auto", + bottom: "auto", + left: "auto" +}; +function zb(e, t) { + var o = e.x, i = e.y, n = t.devicePixelRatio || 1; + return { + x: Pt(o * n) / n || 0, + y: Pt(i * n) / n || 0 + }; +} +s(zb, "roundOffsetsByDPR"); +function hf(e) { + var t, o = e.popper, i = e.popperRect, n = e.placement, r = e.variation, l = e.offsets, u = e.position, p = e.gpuAcceleration, c = e.adaptive, + d = e.roundOffsets, m = e.isFixed, f = l.x, y = f === void 0 ? 0 : f, h = l.y, v = h === void 0 ? 0 : h, I = typeof d == "function" ? d({ + x: y, + y: v + }) : { + x: y, + y: v + }; + y = I.x, v = I.y; + var C = l.hasOwnProperty("x"), b = l.hasOwnProperty("y"), x = Ce, g = Ie, w = window; + if (c) { + var T = gt(o), _ = "clientHeight", k = "clientWidth"; + if (T === ye(o) && (T = ze(o), Ke(T).position !== "static" && u === "absolute" && (_ = "scrollHeight", k = "scrollWidth")), T = T, n === + Ie || (n === Ce || n === Oe) && r === fo) { + g = De; + var E = m && T === w && w.visualViewport ? w.visualViewport.height : ( + // $FlowFixMe[prop-missing] + T[_] + ); + v -= E - i.height, v *= p ? 1 : -1; + } + if (n === Ce || (n === Ie || n === De) && r === fo) { + x = Oe; + var O = m && T === w && w.visualViewport ? w.visualViewport.width : ( + // $FlowFixMe[prop-missing] + T[k] + ); + y -= O - i.width, y *= p ? 1 : -1; + } + } + var P = Object.assign({ + position: u + }, c && Rb), A = d === !0 ? zb({ + x: y, + y: v + }, ye(o)) : { + x: y, + y: v + }; + if (y = A.x, v = A.y, p) { + var D; + return Object.assign({}, P, (D = {}, D[g] = b ? "0" : "", D[x] = C ? "0" : "", D.transform = (w.devicePixelRatio || 1) <= 1 ? "translate\ +(" + y + "px, " + v + "px)" : "translate3d(" + y + "px, " + v + "px, 0)", D)); + } + return Object.assign({}, P, (t = {}, t[g] = b ? v + "px" : "", t[x] = C ? y + "px" : "", t.transform = "", t)); +} +s(hf, "mapToStyles"); +function Wb(e) { + var t = e.state, o = e.options, i = o.gpuAcceleration, n = i === void 0 ? !0 : i, r = o.adaptive, l = r === void 0 ? !0 : r, u = o.roundOffsets, + p = u === void 0 ? !0 : u, c = { + placement: He(t.placement), + variation: it(t.placement), + popper: t.elements.popper, + popperRect: t.rects.popper, + gpuAcceleration: n, + isFixed: t.options.strategy === "fixed" + }; + t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, hf(Object.assign({}, c, { + offsets: t.modifiersData.popperOffsets, + position: t.options.strategy, + adaptive: l, + roundOffsets: p + })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, hf(Object.assign({}, c, { + offsets: t.modifiersData.arrow, + position: "absolute", + adaptive: !1, + roundOffsets: p + })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { + "data-popper-placement": t.placement + }); +} +s(Wb, "computeStyles"); +var gf = { + name: "computeStyles", + enabled: !0, + phase: "beforeWrite", + fn: Wb, + data: {} +}; + +// ../node_modules/@popperjs/core/lib/modifiers/eventListeners.js +var Wn = { + passive: !0 +}; +function jb(e) { + var t = e.state, o = e.instance, i = e.options, n = i.scroll, r = n === void 0 ? !0 : n, l = i.resize, u = l === void 0 ? !0 : l, p = ye(t. + elements.popper), c = [].concat(t.scrollParents.reference, t.scrollParents.popper); + return r && c.forEach(function(d) { + d.addEventListener("scroll", o.update, Wn); + }), u && p.addEventListener("resize", o.update, Wn), function() { + r && c.forEach(function(d) { + d.removeEventListener("scroll", o.update, Wn); + }), u && p.removeEventListener("resize", o.update, Wn); + }; +} +s(jb, "effect"); +var yf = { + name: "eventListeners", + enabled: !0, + phase: "write", + fn: /* @__PURE__ */ s(function() { + }, "fn"), + effect: jb, + data: {} +}; + +// ../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js +var Vb = { + left: "right", + right: "left", + bottom: "top", + top: "bottom" +}; +function jo(e) { + return e.replace(/left|right|bottom|top/g, function(t) { + return Vb[t]; + }); +} +s(jo, "getOppositePlacement"); + +// ../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js +var $b = { + start: "end", + end: "start" +}; +function jn(e) { + return e.replace(/start|end/g, function(t) { + return $b[t]; + }); +} +s(jn, "getOppositeVariationPlacement"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js +function vo(e) { + var t = ye(e), o = t.pageXOffset, i = t.pageYOffset; + return { + scrollLeft: o, + scrollTop: i + }; +} +s(vo, "getWindowScroll"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js +function bo(e) { + return nt(ze(e)).left + vo(e).scrollLeft; +} +s(bo, "getWindowScrollBarX"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js +function Us(e, t) { + var o = ye(e), i = ze(e), n = o.visualViewport, r = i.clientWidth, l = i.clientHeight, u = 0, p = 0; + if (n) { + r = n.width, l = n.height; + var c = ur(); + (c || !c && t === "fixed") && (u = n.offsetLeft, p = n.offsetTop); + } + return { + width: r, + height: l, + x: u + bo(e), + y: p + }; +} +s(Us, "getViewportRect"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js +function qs(e) { + var t, o = ze(e), i = vo(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, r = ht(o.scrollWidth, o.clientWidth, n ? n.scrollWidth : + 0, n ? n.clientWidth : 0), l = ht(o.scrollHeight, o.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), u = -i.scrollLeft + bo( + e), p = -i.scrollTop; + return Ke(n || o).direction === "rtl" && (u += ht(o.clientWidth, n ? n.clientWidth : 0) - r), { + width: r, + height: l, + x: u, + y: p + }; +} +s(qs, "getDocumentRect"); + +// ../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js +function xo(e) { + var t = Ke(e), o = t.overflow, i = t.overflowX, n = t.overflowY; + return /auto|scroll|overlay|hidden/.test(o + n + i); +} +s(xo, "isScrollParent"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js +function Vn(e) { + return ["html", "body", "#document"].indexOf(Be(e)) >= 0 ? e.ownerDocument.body : Me(e) && xo(e) ? e : Vn(At(e)); +} +s(Vn, "getScrollParent"); + +// ../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js +function jt(e, t) { + var o; + t === void 0 && (t = []); + var i = Vn(e), n = i === ((o = e.ownerDocument) == null ? void 0 : o.body), r = ye(i), l = n ? [r].concat(r.visualViewport || [], xo(i) ? i : + []) : i, u = t.concat(l); + return n ? u : ( + // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here + u.concat(jt(At(l))) + ); +} +s(jt, "listScrollParents"); + +// ../node_modules/@popperjs/core/lib/utils/rectToClientRect.js +function Vo(e) { + return Object.assign({}, e, { + left: e.x, + top: e.y, + right: e.x + e.width, + bottom: e.y + e.height + }); +} +s(Vo, "rectToClientRect"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js +function Kb(e, t) { + var o = nt(e, !1, t === "fixed"); + return o.top = o.top + e.clientTop, o.left = o.left + e.clientLeft, o.bottom = o.top + e.clientHeight, o.right = o.left + e.clientWidth, o. + width = e.clientWidth, o.height = e.clientHeight, o.x = o.left, o.y = o.top, o; +} +s(Kb, "getInnerBoundingClientRect"); +function vf(e, t, o) { + return t === Rn ? Vo(Us(e, o)) : rt(t) ? Kb(t, o) : Vo(qs(ze(e))); +} +s(vf, "getClientRectFromMixedType"); +function Ub(e) { + var t = jt(At(e)), o = ["absolute", "fixed"].indexOf(Ke(e).position) >= 0, i = o && Me(e) ? gt(e) : e; + return rt(i) ? t.filter(function(n) { + return rt(n) && pr(n, i) && Be(n) !== "body"; + }) : []; +} +s(Ub, "getClippingParents"); +function Gs(e, t, o, i) { + var n = t === "clippingParents" ? Ub(e) : [].concat(t), r = [].concat(n, [o]), l = r[0], u = r.reduce(function(p, c) { + var d = vf(e, c, i); + return p.top = ht(d.top, p.top), p.right = mo(d.right, p.right), p.bottom = mo(d.bottom, p.bottom), p.left = ht(d.left, p.left), p; + }, vf(e, l, i)); + return u.width = u.right - u.left, u.height = u.bottom - u.top, u.x = u.left, u.y = u.top, u; +} +s(Gs, "getClippingRect"); + +// ../node_modules/@popperjs/core/lib/utils/computeOffsets.js +function mr(e) { + var t = e.reference, o = e.element, i = e.placement, n = i ? He(i) : null, r = i ? it(i) : null, l = t.x + t.width / 2 - o.width / 2, u = t. + y + t.height / 2 - o.height / 2, p; + switch (n) { + case Ie: + p = { + x: l, + y: t.y - o.height + }; + break; + case De: + p = { + x: l, + y: t.y + t.height + }; + break; + case Oe: + p = { + x: t.x + t.width, + y: u + }; + break; + case Ce: + p = { + x: t.x - o.width, + y: u + }; + break; + default: + p = { + x: t.x, + y: t.y + }; + } + var c = n ? go(n) : null; + if (c != null) { + var d = c === "y" ? "height" : "width"; + switch (r) { + case Ot: + p[c] = p[c] - (t[d] / 2 - o[d] / 2); + break; + case fo: + p[c] = p[c] + (t[d] / 2 - o[d] / 2); + break; + default: + } + } + return p; +} +s(mr, "computeOffsets"); + +// ../node_modules/@popperjs/core/lib/utils/detectOverflow.js +function yt(e, t) { + t === void 0 && (t = {}); + var o = t, i = o.placement, n = i === void 0 ? e.placement : i, r = o.strategy, l = r === void 0 ? e.strategy : r, u = o.boundary, p = u === + void 0 ? lf : u, c = o.rootBoundary, d = c === void 0 ? Rn : c, m = o.elementContext, f = m === void 0 ? Ro : m, y = o.altBoundary, h = y === + void 0 ? !1 : y, v = o.padding, I = v === void 0 ? 0 : v, C = dr(typeof I != "number" ? I : fr(I, Wt)), b = f === Ro ? uf : Ro, x = e.rects. + popper, g = e.elements[h ? b : f], w = Gs(rt(g) ? g : g.contextElement || ze(e.elements.popper), p, d, l), T = nt(e.elements.reference), _ = mr( + { + reference: T, + element: x, + strategy: "absolute", + placement: n + }), k = Vo(Object.assign({}, x, _)), E = f === Ro ? k : T, O = { + top: w.top - E.top + C.top, + bottom: E.bottom - w.bottom + C.bottom, + left: w.left - E.left + C.left, + right: E.right - w.right + C.right + }, P = e.modifiersData.offset; + if (f === Ro && P) { + var A = P[n]; + Object.keys(O).forEach(function(D) { + var L = [Oe, De].indexOf(D) >= 0 ? 1 : -1, B = [Ie, De].indexOf(D) >= 0 ? "y" : "x"; + O[D] += A[B] * L; + }); + } + return O; +} +s(yt, "detectOverflow"); + +// ../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js +function Ys(e, t) { + t === void 0 && (t = {}); + var o = t, i = o.placement, n = o.boundary, r = o.rootBoundary, l = o.padding, u = o.flipVariations, p = o.allowedAutoPlacements, c = p === + void 0 ? zn : p, d = it(i), m = d ? u ? $s : $s.filter(function(h) { + return it(h) === d; + }) : Wt, f = m.filter(function(h) { + return c.indexOf(h) >= 0; + }); + f.length === 0 && (f = m); + var y = f.reduce(function(h, v) { + return h[v] = yt(e, { + placement: v, + boundary: n, + rootBoundary: r, + padding: l + })[He(v)], h; + }, {}); + return Object.keys(y).sort(function(h, v) { + return y[h] - y[v]; + }); +} +s(Ys, "computeAutoPlacement"); + +// ../node_modules/@popperjs/core/lib/modifiers/flip.js +function qb(e) { + if (He(e) === Hn) + return []; + var t = jo(e); + return [jn(e), t, jn(t)]; +} +s(qb, "getExpandedFallbackPlacements"); +function Gb(e) { + var t = e.state, o = e.options, i = e.name; + if (!t.modifiersData[i]._skip) { + for (var n = o.mainAxis, r = n === void 0 ? !0 : n, l = o.altAxis, u = l === void 0 ? !0 : l, p = o.fallbackPlacements, c = o.padding, d = o. + boundary, m = o.rootBoundary, f = o.altBoundary, y = o.flipVariations, h = y === void 0 ? !0 : y, v = o.allowedAutoPlacements, I = t.options. + placement, C = He(I), b = C === I, x = p || (b || !h ? [jo(I)] : qb(I)), g = [I].concat(x).reduce(function(F, $) { + return F.concat(He($) === Hn ? Ys(t, { + placement: $, + boundary: d, + rootBoundary: m, + padding: c, + flipVariations: h, + allowedAutoPlacements: v + }) : $); + }, []), w = t.rects.reference, T = t.rects.popper, _ = /* @__PURE__ */ new Map(), k = !0, E = g[0], O = 0; O < g.length; O++) { + var P = g[O], A = He(P), D = it(P) === Ot, L = [Ie, De].indexOf(A) >= 0, B = L ? "width" : "height", N = yt(t, { + placement: P, + boundary: d, + rootBoundary: m, + altBoundary: f, + padding: c + }), V = L ? D ? Oe : Ce : D ? De : Ie; + w[B] > T[B] && (V = jo(V)); + var R = jo(V), K = []; + if (r && K.push(N[A] <= 0), u && K.push(N[V] <= 0, N[R] <= 0), K.every(function(F) { + return F; + })) { + E = P, k = !1; + break; + } + _.set(P, K); + } + if (k) + for (var W = h ? 3 : 1, ee = /* @__PURE__ */ s(function($) { + var X = g.find(function(oe) { + var J = _.get(oe); + if (J) + return J.slice(0, $).every(function(ae) { + return ae; + }); + }); + if (X) + return E = X, "break"; + }, "_loop"), H = W; H > 0; H--) { + var j = ee(H); + if (j === "break") break; + } + t.placement !== E && (t.modifiersData[i]._skip = !0, t.placement = E, t.reset = !0); + } +} +s(Gb, "flip"); +var bf = { + name: "flip", + enabled: !0, + phase: "main", + fn: Gb, + requiresIfExists: ["offset"], + data: { + _skip: !1 + } +}; + +// ../node_modules/@popperjs/core/lib/modifiers/hide.js +function xf(e, t, o) { + return o === void 0 && (o = { + x: 0, + y: 0 + }), { + top: e.top - t.height - o.y, + right: e.right - t.width + o.x, + bottom: e.bottom - t.height + o.y, + left: e.left - t.width - o.x + }; +} +s(xf, "getSideOffsets"); +function If(e) { + return [Ie, Oe, De, Ce].some(function(t) { + return e[t] >= 0; + }); +} +s(If, "isAnySideFullyClipped"); +function Yb(e) { + var t = e.state, o = e.name, i = t.rects.reference, n = t.rects.popper, r = t.modifiersData.preventOverflow, l = yt(t, { + elementContext: "reference" + }), u = yt(t, { + altBoundary: !0 + }), p = xf(l, i), c = xf(u, n, r), d = If(p), m = If(c); + t.modifiersData[o] = { + referenceClippingOffsets: p, + popperEscapeOffsets: c, + isReferenceHidden: d, + hasPopperEscaped: m + }, t.attributes.popper = Object.assign({}, t.attributes.popper, { + "data-popper-reference-hidden": d, + "data-popper-escaped": m + }); +} +s(Yb, "hide"); +var Sf = { + name: "hide", + enabled: !0, + phase: "main", + requiresIfExists: ["preventOverflow"], + fn: Yb +}; + +// ../node_modules/@popperjs/core/lib/modifiers/offset.js +function Xb(e, t, o) { + var i = He(e), n = [Ce, Ie].indexOf(i) >= 0 ? -1 : 1, r = typeof o == "function" ? o(Object.assign({}, t, { + placement: e + })) : o, l = r[0], u = r[1]; + return l = l || 0, u = (u || 0) * n, [Ce, Oe].indexOf(i) >= 0 ? { + x: u, + y: l + } : { + x: l, + y: u + }; +} +s(Xb, "distanceAndSkiddingToXY"); +function Qb(e) { + var t = e.state, o = e.options, i = e.name, n = o.offset, r = n === void 0 ? [0, 0] : n, l = zn.reduce(function(d, m) { + return d[m] = Xb(m, t.rects, r), d; + }, {}), u = l[t.placement], p = u.x, c = u.y; + t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += p, t.modifiersData.popperOffsets.y += c), t.modifiersData[i] = + l; +} +s(Qb, "offset"); +var wf = { + name: "offset", + enabled: !0, + phase: "main", + requires: ["popperOffsets"], + fn: Qb +}; + +// ../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js +function Zb(e) { + var t = e.state, o = e.name; + t.modifiersData[o] = mr({ + reference: t.rects.reference, + element: t.rects.popper, + strategy: "absolute", + placement: t.placement + }); +} +s(Zb, "popperOffsets"); +var Ef = { + name: "popperOffsets", + enabled: !0, + phase: "read", + fn: Zb, + data: {} +}; + +// ../node_modules/@popperjs/core/lib/utils/getAltAxis.js +function Xs(e) { + return e === "x" ? "y" : "x"; +} +s(Xs, "getAltAxis"); + +// ../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js +function Jb(e) { + var t = e.state, o = e.options, i = e.name, n = o.mainAxis, r = n === void 0 ? !0 : n, l = o.altAxis, u = l === void 0 ? !1 : l, p = o.boundary, + c = o.rootBoundary, d = o.altBoundary, m = o.padding, f = o.tether, y = f === void 0 ? !0 : f, h = o.tetherOffset, v = h === void 0 ? 0 : h, + I = yt(t, { + boundary: p, + rootBoundary: c, + padding: m, + altBoundary: d + }), C = He(t.placement), b = it(t.placement), x = !b, g = go(C), w = Xs(g), T = t.modifiersData.popperOffsets, _ = t.rects.reference, k = t. + rects.popper, E = typeof v == "function" ? v(Object.assign({}, t.rects, { + placement: t.placement + })) : v, O = typeof E == "number" ? { + mainAxis: E, + altAxis: E + } : Object.assign({ + mainAxis: 0, + altAxis: 0 + }, E), P = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, A = { + x: 0, + y: 0 + }; + if (T) { + if (r) { + var D, L = g === "y" ? Ie : Ce, B = g === "y" ? De : Oe, N = g === "y" ? "height" : "width", V = T[g], R = V + I[L], K = V - I[B], W = y ? + -k[N] / 2 : 0, ee = b === Ot ? _[N] : k[N], H = b === Ot ? -k[N] : -_[N], j = t.elements.arrow, F = y && j ? ho(j) : { + width: 0, + height: 0 + }, $ = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), X = $[L], oe = $[B], J = yo(0, _[N], F[N]), + ae = x ? _[N] / 2 - W - J - X - O.mainAxis : ee - J - X - O.mainAxis, ie = x ? -_[N] / 2 + W + J + oe + O.mainAxis : H + J + oe + O.mainAxis, + se = t.elements.arrow && gt(t.elements.arrow), le = se ? g === "y" ? se.clientTop || 0 : se.clientLeft || 0 : 0, ve = (D = P?.[g]) != null ? + D : 0, he = V + ae - ve - le, Pe = V + ie - ve, ue = yo(y ? mo(R, he) : R, V, y ? ht(K, Pe) : K); + T[g] = ue, A[g] = ue - V; + } + if (u) { + var be, Te = g === "x" ? Ie : Ce, Re = g === "x" ? De : Oe, Le = T[w], Se = w === "y" ? "height" : "width", Ue = Le + I[Te], Dt = Le - + I[Re], Mt = [Ie, Ce].indexOf(C) !== -1, at = (be = P?.[w]) != null ? be : 0, vt = Mt ? Ue : Le - _[Se] - k[Se] - at + O.altAxis, lt = Mt ? + Le + _[Se] + k[Se] - at - O.altAxis : Dt, qe = y && Mt ? ff(vt, Le, lt) : yo(y ? vt : Ue, Le, y ? lt : Dt); + T[w] = qe, A[w] = qe - Le; + } + t.modifiersData[i] = A; + } +} +s(Jb, "preventOverflow"); +var Cf = { + name: "preventOverflow", + enabled: !0, + phase: "main", + fn: Jb, + requiresIfExists: ["offset"] +}; + +// ../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js +function Qs(e) { + return { + scrollLeft: e.scrollLeft, + scrollTop: e.scrollTop + }; +} +s(Qs, "getHTMLElementScroll"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js +function Zs(e) { + return e === ye(e) || !Me(e) ? vo(e) : Qs(e); +} +s(Zs, "getNodeScroll"); + +// ../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js +function e0(e) { + var t = e.getBoundingClientRect(), o = Pt(t.width) / e.offsetWidth || 1, i = Pt(t.height) / e.offsetHeight || 1; + return o !== 1 || i !== 1; +} +s(e0, "isElementScaled"); +function Js(e, t, o) { + o === void 0 && (o = !1); + var i = Me(t), n = Me(t) && e0(t), r = ze(t), l = nt(e, n, o), u = { + scrollLeft: 0, + scrollTop: 0 + }, p = { + x: 0, + y: 0 + }; + return (i || !i && !o) && ((Be(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078 + xo(r)) && (u = Zs(t)), Me(t) ? (p = nt(t, !0), p.x += t.clientLeft, p.y += t.clientTop) : r && (p.x = bo(r))), { + x: l.left + u.scrollLeft - p.x, + y: l.top + u.scrollTop - p.y, + width: l.width, + height: l.height + }; +} +s(Js, "getCompositeRect"); + +// ../node_modules/@popperjs/core/lib/utils/orderModifiers.js +function t0(e) { + var t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), i = []; + e.forEach(function(r) { + t.set(r.name, r); + }); + function n(r) { + o.add(r.name); + var l = [].concat(r.requires || [], r.requiresIfExists || []); + l.forEach(function(u) { + if (!o.has(u)) { + var p = t.get(u); + p && n(p); + } + }), i.push(r); + } + return s(n, "sort"), e.forEach(function(r) { + o.has(r.name) || n(r); + }), i; +} +s(t0, "order"); +function ea(e) { + var t = t0(e); + return pf.reduce(function(o, i) { + return o.concat(t.filter(function(n) { + return n.phase === i; + })); + }, []); +} +s(ea, "orderModifiers"); + +// ../node_modules/@popperjs/core/lib/utils/debounce.js +function ta(e) { + var t; + return function() { + return t || (t = new Promise(function(o) { + Promise.resolve().then(function() { + t = void 0, o(e()); + }); + })), t; + }; +} +s(ta, "debounce"); + +// ../node_modules/@popperjs/core/lib/utils/mergeByName.js +function oa(e) { + var t = e.reduce(function(o, i) { + var n = o[i.name]; + return o[i.name] = n ? Object.assign({}, n, i, { + options: Object.assign({}, n.options, i.options), + data: Object.assign({}, n.data, i.data) + }) : i, o; + }, {}); + return Object.keys(t).map(function(o) { + return t[o]; + }); +} +s(oa, "mergeByName"); + +// ../node_modules/@popperjs/core/lib/createPopper.js +var Tf = { + placement: "bottom", + modifiers: [], + strategy: "absolute" +}; +function _f() { + for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++) + t[o] = arguments[o]; + return !t.some(function(i) { + return !(i && typeof i.getBoundingClientRect == "function"); + }); +} +s(_f, "areValidElements"); +function kf(e) { + e === void 0 && (e = {}); + var t = e, o = t.defaultModifiers, i = o === void 0 ? [] : o, n = t.defaultOptions, r = n === void 0 ? Tf : n; + return /* @__PURE__ */ s(function(u, p, c) { + c === void 0 && (c = r); + var d = { + placement: "bottom", + orderedModifiers: [], + options: Object.assign({}, Tf, r), + modifiersData: {}, + elements: { + reference: u, + popper: p + }, + attributes: {}, + styles: {} + }, m = [], f = !1, y = { + state: d, + setOptions: /* @__PURE__ */ s(function(C) { + var b = typeof C == "function" ? C(d.options) : C; + v(), d.options = Object.assign({}, r, d.options, b), d.scrollParents = { + reference: rt(u) ? jt(u) : u.contextElement ? jt(u.contextElement) : [], + popper: jt(p) + }; + var x = ea(oa([].concat(i, d.options.modifiers))); + return d.orderedModifiers = x.filter(function(g) { + return g.enabled; + }), h(), y.update(); + }, "setOptions"), + // Sync update – it will always be executed, even if not necessary. This + // is useful for low frequency updates where sync behavior simplifies the + // logic. + // For high frequency updates (e.g. `resize` and `scroll` events), always + // prefer the async Popper#update method + forceUpdate: /* @__PURE__ */ s(function() { + if (!f) { + var C = d.elements, b = C.reference, x = C.popper; + if (_f(b, x)) { + d.rects = { + reference: Js(b, gt(x), d.options.strategy === "fixed"), + popper: ho(x) + }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(O) { + return d.modifiersData[O.name] = Object.assign({}, O.data); + }); + for (var g = 0; g < d.orderedModifiers.length; g++) { + if (d.reset === !0) { + d.reset = !1, g = -1; + continue; + } + var w = d.orderedModifiers[g], T = w.fn, _ = w.options, k = _ === void 0 ? {} : _, E = w.name; + typeof T == "function" && (d = T({ + state: d, + options: k, + name: E, + instance: y + }) || d); + } + } + } + }, "forceUpdate"), + // Async and optimistically optimized update – it will not be executed if + // not necessary (debounced to run at most once-per-tick) + update: ta(function() { + return new Promise(function(I) { + y.forceUpdate(), I(d); + }); + }), + destroy: /* @__PURE__ */ s(function() { + v(), f = !0; + }, "destroy") + }; + if (!_f(u, p)) + return y; + y.setOptions(c).then(function(I) { + !f && c.onFirstUpdate && c.onFirstUpdate(I); + }); + function h() { + d.orderedModifiers.forEach(function(I) { + var C = I.name, b = I.options, x = b === void 0 ? {} : b, g = I.effect; + if (typeof g == "function") { + var w = g({ + state: d, + name: C, + instance: y, + options: x + }), T = /* @__PURE__ */ s(function() { + }, "noopFn"); + m.push(w || T); + } + }); + } + s(h, "runModifierEffects"); + function v() { + m.forEach(function(I) { + return I(); + }), m = []; + } + return s(v, "cleanupModifierEffects"), y; + }, "createPopper"); +} +s(kf, "popperGenerator"); + +// ../node_modules/@popperjs/core/lib/popper.js +var o0 = [yf, Ef, gf, cf, wf, bf, Cf, mf, Sf], ra = /* @__PURE__ */ kf({ + defaultModifiers: o0 +}); + +// ../node_modules/react-popper/lib/esm/usePopper.js +var Of = Ve(oi()); +var r0 = [], na = /* @__PURE__ */ s(function(t, o, i) { + i === void 0 && (i = {}); + var n = G(null), r = { + onFirstUpdate: i.onFirstUpdate, + placement: i.placement || "bottom", + strategy: i.strategy || "absolute", + modifiers: i.modifiers || r0 + }, l = U({ + styles: { + popper: { + position: r.strategy, + left: "0", + top: "0" + }, + arrow: { + position: "absolute" + } + }, + attributes: {} + }), u = l[0], p = l[1], c = Y(function() { + return { + name: "updateState", + enabled: !0, + phase: "write", + fn: /* @__PURE__ */ s(function(y) { + var h = y.state, v = Object.keys(h.elements); + Yt(function() { + p({ + styles: js(v.map(function(I) { + return [I, h.styles[I] || {}]; + })), + attributes: js(v.map(function(I) { + return [I, h.attributes[I]]; + })) + }); + }); + }, "fn"), + requires: ["computeStyles"] + }; + }, []), d = Y(function() { + var f = { + onFirstUpdate: r.onFirstUpdate, + placement: r.placement, + strategy: r.strategy, + modifiers: [].concat(r.modifiers, [c, { + name: "applyStyles", + enabled: !1 + }]) + }; + return (0, Of.default)(n.current, f) ? n.current || f : (n.current = f, f); + }, [r.onFirstUpdate, r.placement, r.strategy, r.modifiers, c]), m = G(); + return Vs(function() { + m.current && m.current.setOptions(d); + }, [d]), Vs(function() { + if (!(t == null || o == null)) { + var f = i.createPopper || ra, y = f(t, o, d); + return m.current = y, function() { + y.destroy(), m.current = null; + }; + } + }, [t, o, i.createPopper]), { + state: m.current ? m.current.state : null, + styles: u.styles, + attributes: u.attributes, + update: m.current ? m.current.update : null, + forceUpdate: m.current ? m.current.forceUpdate : null + }; +}, "usePopper"); + +// ../node_modules/react-popper-tooltip/dist/esm/react-popper-tooltip.js +function Df(e) { + var t = G(e); + return t.current = e, M(function() { + return t.current; + }, []); +} +s(Df, "useGetLatest"); +var n0 = /* @__PURE__ */ s(function() { +}, "noop"); +function i0(e) { + var t = e.initial, o = e.value, i = e.onChange, n = i === void 0 ? n0 : i; + if (t === void 0 && o === void 0) + throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined'); + var r = U(t), l = r[0], u = r[1], p = Df(l), c = M(function(m) { + var f = p(), y = typeof m == "function" ? m(f) : m; + typeof y.persist == "function" && y.persist(), u(y), typeof n == "function" && n(y); + }, [p, n]), d = o !== void 0; + return [d ? o : l, d ? n : c]; +} +s(i0, "useControlledState"); +function Mf(e, t) { + return e === void 0 && (e = 0), t === void 0 && (t = 0), function() { + return { + width: 0, + height: 0, + top: t, + right: e, + bottom: t, + left: e, + x: 0, + y: 0, + toJSON: /* @__PURE__ */ s(function() { + return null; + }, "toJSON") + }; + }; +} +s(Mf, "generateBoundingClientRect"); +var s0 = ["styles", "attributes"], Pf = { + getBoundingClientRect: Mf() +}, Af = { + closeOnOutsideClick: !0, + closeOnTriggerHidden: !1, + defaultVisible: !1, + delayHide: 0, + delayShow: 0, + followCursor: !1, + interactive: !1, + mutationObserverOptions: { + attributes: !0, + childList: !0, + subtree: !0 + }, + offset: [0, 6], + trigger: "hover" +}; +function Lf(e, t) { + var o, i, n; + e === void 0 && (e = {}), t === void 0 && (t = {}); + var r = Object.keys(Af).reduce(function(B, N) { + var V; + return q({}, B, (V = {}, V[N] = B[N] !== void 0 ? B[N] : Af[N], V)); + }, e), l = Y( + function() { + return [{ + name: "offset", + options: { + offset: r.offset + } + }]; + }, + // eslint-disable-next-line react-hooks/exhaustive-deps + Array.isArray(r.offset) ? r.offset : [] + ), u = q({}, t, { + placement: t.placement || r.placement, + modifiers: t.modifiers || l + }), p = U(null), c = p[0], d = p[1], m = U(null), f = m[0], y = m[1], h = i0({ + initial: r.defaultVisible, + value: r.visible, + onChange: r.onVisibleChange + }), v = h[0], I = h[1], C = G(); + z(function() { + return function() { + return clearTimeout(C.current); + }; + }, []); + var b = na(r.followCursor ? Pf : c, f, u), x = b.styles, g = b.attributes, w = ke(b, s0), T = w.update, _ = Df({ + visible: v, + triggerRef: c, + tooltipRef: f, + finalConfig: r + }), k = M( + function(B) { + return Array.isArray(r.trigger) ? r.trigger.includes(B) : r.trigger === B; + }, + // eslint-disable-next-line react-hooks/exhaustive-deps + Array.isArray(r.trigger) ? r.trigger : [r.trigger] + ), E = M(function() { + clearTimeout(C.current), C.current = window.setTimeout(function() { + return I(!1); + }, r.delayHide); + }, [r.delayHide, I]), O = M(function() { + clearTimeout(C.current), C.current = window.setTimeout(function() { + return I(!0); + }, r.delayShow); + }, [r.delayShow, I]), P = M(function() { + _().visible ? E() : O(); + }, [_, E, O]); + z(function() { + if (_().finalConfig.closeOnOutsideClick) { + var B = /* @__PURE__ */ s(function(V) { + var R, K = _(), W = K.tooltipRef, ee = K.triggerRef, H = (V.composedPath == null || (R = V.composedPath()) == null ? void 0 : R[0]) || + V.target; + H instanceof Node && W != null && ee != null && !W.contains(H) && !ee.contains(H) && E(); + }, "handleClickOutside"); + return document.addEventListener("mousedown", B), function() { + return document.removeEventListener("mousedown", B); + }; + } + }, [_, E]), z(function() { + if (!(c == null || !k("click"))) + return c.addEventListener("click", P), function() { + return c.removeEventListener("click", P); + }; + }, [c, k, P]), z(function() { + if (!(c == null || !k("double-click"))) + return c.addEventListener("dblclick", P), function() { + return c.removeEventListener("dblclick", P); + }; + }, [c, k, P]), z(function() { + if (!(c == null || !k("right-click"))) { + var B = /* @__PURE__ */ s(function(V) { + V.preventDefault(), P(); + }, "preventDefaultAndToggle"); + return c.addEventListener("contextmenu", B), function() { + return c.removeEventListener("contextmenu", B); + }; + } + }, [c, k, P]), z(function() { + if (!(c == null || !k("focus"))) + return c.addEventListener("focus", O), c.addEventListener("blur", E), function() { + c.removeEventListener("focus", O), c.removeEventListener("blur", E); + }; + }, [c, k, O, E]), z(function() { + if (!(c == null || !k("hover"))) + return c.addEventListener("mouseenter", O), c.addEventListener("mouseleave", E), function() { + c.removeEventListener("mouseenter", O), c.removeEventListener("mouseleave", E); + }; + }, [c, k, O, E]), z(function() { + if (!(f == null || !k("hover") || !_().finalConfig.interactive)) + return f.addEventListener("mouseenter", O), f.addEventListener("mouseleave", E), function() { + f.removeEventListener("mouseenter", O), f.removeEventListener("mouseleave", E); + }; + }, [f, k, O, E, _]); + var A = w == null || (o = w.state) == null || (i = o.modifiersData) == null || (n = i.hide) == null ? void 0 : n.isReferenceHidden; + z(function() { + r.closeOnTriggerHidden && A && E(); + }, [r.closeOnTriggerHidden, E, A]), z(function() { + if (!r.followCursor || c == null) return; + function B(N) { + var V = N.clientX, R = N.clientY; + Pf.getBoundingClientRect = Mf(V, R), T?.(); + } + return s(B, "setMousePosition"), c.addEventListener("mousemove", B), function() { + return c.removeEventListener("mousemove", B); + }; + }, [r.followCursor, c, T]), z(function() { + if (!(f == null || T == null || r.mutationObserverOptions == null)) { + var B = new MutationObserver(T); + return B.observe(f, r.mutationObserverOptions), function() { + return B.disconnect(); + }; + } + }, [r.mutationObserverOptions, f, T]); + var D = /* @__PURE__ */ s(function(N) { + return N === void 0 && (N = {}), q({}, N, { + style: q({}, N.style, x.popper) + }, g.popper, { + "data-popper-interactive": r.interactive + }); + }, "getTooltipProps"), L = /* @__PURE__ */ s(function(N) { + return N === void 0 && (N = {}), q({}, N, g.arrow, { + style: q({}, N.style, x.arrow), + "data-popper-arrow": !0 + }); + }, "getArrowProps"); + return q({ + getArrowProps: L, + getTooltipProps: D, + setTooltipRef: y, + setTriggerRef: d, + tooltipRef: f, + triggerRef: c, + visible: v + }, w); +} +s(Lf, "usePopperTooltip"); + +// src/components/components/tooltip/Tooltip.tsx +var Nf = Ve(Zo(), 1), st = (0, Nf.default)(1e3)( + (e, t, o, i = 0) => t.split("-")[0] === e ? o : i +), Vt = 8, a0 = S.div( + { + position: "absolute", + borderStyle: "solid" + }, + ({ placement: e }) => { + let t = 0, o = 0; + switch (!0) { + case (e.startsWith("left") || e.startsWith("right")): { + o = 8; + break; + } + case (e.startsWith("top") || e.startsWith("bottom")): { + t = 8; + break; + } + default: + } + return { transform: `translate3d(${t}px, ${o}px, 0px)` }; + }, + ({ theme: e, color: t, placement: o }) => ({ + bottom: `${st("top", o, `${Vt * -1}px`, "auto")}`, + top: `${st("bottom", o, `${Vt * -1}px`, "auto")}`, + right: `${st("left", o, `${Vt * -1}px`, "auto")}`, + left: `${st("right", o, `${Vt * -1}px`, "auto")}`, + borderBottomWidth: `${st("top", o, "0", Vt)}px`, + borderTopWidth: `${st("bottom", o, "0", Vt)}px`, + borderRightWidth: `${st("left", o, "0", Vt)}px`, + borderLeftWidth: `${st("right", o, "0", Vt)}px`, + borderTopColor: st( + "top", + o, + e.color[t] || t || e.base === "light" ? Co(e.background.app) : e.background.app, + "transparent" + ), + borderBottomColor: st( + "bottom", + o, + e.color[t] || t || e.base === "light" ? Co(e.background.app) : e.background.app, + "transparent" + ), + borderLeftColor: st( + "left", + o, + e.color[t] || t || e.base === "light" ? Co(e.background.app) : e.background.app, + "transparent" + ), + borderRightColor: st( + "right", + o, + e.color[t] || t || e.base === "light" ? Co(e.background.app) : e.background.app, + "transparent" + ) + }) +), l0 = S.div( + ({ hidden: e }) => ({ + display: e ? "none" : "inline-block", + zIndex: 2147483647 + }), + ({ theme: e, color: t, hasChrome: o }) => o ? { + background: t && e.color[t] || t || e.base === "light" ? Co(e.background.app) : e.background.app, + filter: ` + drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) + drop-shadow(0 1px 3px rgba(0,0,0,0.1)) + `, + borderRadius: e.appBorderRadius, + fontSize: e.typography.size.s1 + } : {} +), ia = a.forwardRef( + ({ + placement: e = "top", + hasChrome: t = !0, + children: o, + arrowProps: i = {}, + tooltipRef: n, + color: r, + withArrows: l, + ...u + }, p) => /* @__PURE__ */ a.createElement(l0, { "data-testid": "tooltip", hasChrome: t, ref: p, ...u, color: r }, t && l && /* @__PURE__ */ a. + createElement(a0, { placement: e, ...i, color: r }), o) +); +ia.displayName = "Tooltip"; + +// src/components/components/tooltip/WithTooltip.tsx +var { document: $n } = re, u0 = S.div` + display: inline-block; + cursor: ${(e) => ( + // @ts-expect-error (non strict) + e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" +)}; +`, p0 = S.g` + cursor: ${(e) => ( + // @ts-expect-error (non strict) + e.trigger === "hover" || e.trigger.includes("hover") ? "default" : "pointer" +)}; +`, c0 = /* @__PURE__ */ s(({ + svg: e = !1, + trigger: t = "click", + closeOnOutsideClick: o = !1, + placement: i = "top", + modifiers: n = [ + { + name: "preventOverflow", + options: { + padding: 8 + } + }, + { + name: "offset", + options: { + offset: [8, 8] + } + }, + { + name: "arrow", + options: { + padding: 8 + } + } + ], + hasChrome: r = !0, + defaultVisible: l = !1, + withArrows: u, + offset: p, + tooltip: c, + children: d, + closeOnTriggerHidden: m, + mutationObserverOptions: f, + delayHide: y, + visible: h, + interactive: v, + delayShow: I, + strategy: C, + followCursor: b, + onVisibleChange: x, + ...g +}) => { + let w = e ? p0 : u0, { + getArrowProps: T, + getTooltipProps: _, + setTooltipRef: k, + setTriggerRef: E, + visible: O, + state: P + } = Lf( + { + trigger: t, + placement: i, + defaultVisible: l, + delayHide: y, + interactive: v, + closeOnOutsideClick: o, + closeOnTriggerHidden: m, + onVisibleChange: x, + delayShow: I, + followCursor: b, + mutationObserverOptions: f, + visible: h, + offset: p + }, + { + modifiers: n, + strategy: C + } + ), A = /* @__PURE__ */ a.createElement( + ia, + { + placement: P?.placement, + ref: k, + hasChrome: r, + arrowProps: T(), + withArrows: u, + ..._() + }, + typeof c == "function" ? c({ onHide: /* @__PURE__ */ s(() => x(!1), "onHide") }) : c + ); + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(w, { trigger: t, ref: E, ...g }, d), O && Gt.createPortal( + A, $n.body)); +}, "WithTooltipPure"), sa = /* @__PURE__ */ s(({ + startOpen: e = !1, + onVisibleChange: t, + ...o +}) => { + let [i, n] = U(e), r = M( + (l) => { + t && t(l) === !1 || n(l); + }, + [t] + ); + return z(() => { + let l = /* @__PURE__ */ s(() => r(!1), "hide"); + $n.addEventListener("keydown", l, !1); + let u = Array.from($n.getElementsByTagName("iframe")), p = []; + return u.forEach((c) => { + let d = /* @__PURE__ */ s(() => { + try { + c.contentWindow.document && (c.contentWindow.document.addEventListener("click", l), p.push(() => { + try { + c.contentWindow.document.removeEventListener("click", l); + } catch { + } + })); + } catch { + } + }, "bind"); + d(), c.addEventListener("load", d), p.push(() => { + c.removeEventListener("load", d); + }); + }), () => { + $n.removeEventListener("keydown", l), p.forEach((c) => { + c(); + }); + }; + }), /* @__PURE__ */ a.createElement(c0, { ...o, visible: i, onVisibleChange: r }); +}, "WithToolTipState"); + +// src/manager/components/sidebar/TestingModule.tsx +var aa = 500, d0 = Kt({ + "0%": { transform: "rotate(0deg)" }, + "10%": { transform: "rotate(10deg)" }, + "40%": { transform: "rotate(170deg)" }, + "50%": { transform: "rotate(180deg)" }, + "60%": { transform: "rotate(190deg)" }, + "90%": { transform: "rotate(350deg)" }, + "100%": { transform: "rotate(360deg)" } +}), f0 = S.div( + ({ crashed: e, running: t, theme: o, failed: i }) => ({ + position: "relative", + lineHeight: "20px", + width: "100%", + padding: 1, + overflow: "hidden", + background: `var(--sb-sidebar-bottom-card-background, ${o.background.content})`, + borderRadius: `var(--sb-sidebar-bottom-card-border-radius, ${o.appBorderRadius + 1}px)`, + boxShadow: `inset 0 0 0 1px ${e && !t ? o.color.negative : o.appBorderColor}, var(--sb-sidebar-bottom-card-box-shadow, 0 1px 2px 0 rgba(\ +0, 0, 0, 0.05), 0px -5px 20px 10px ${o.background.app})`, + transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke", + transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)", + transitionDuration: "0.15s", + "&:after": { + content: '""', + display: t ? "block" : "none", + position: "absolute", + left: "50%", + top: "50%", + marginLeft: "calc(max(100vw, 100vh) * -0.5)", + marginTop: "calc(max(100vw, 100vh) * -0.5)", + height: "max(100vw, 100vh)", + width: "max(100vw, 100vh)", + animation: `${d0} 3s linear infinite`, + background: i ? ( + // Hardcoded colors to prevent themes from messing with them (orange+gold, secondary+seafoam) + "conic-gradient(transparent 90deg, #FC521F 150deg, #FFAE00 210deg, transparent 270deg)" + ) : "conic-gradient(transparent 90deg, #029CFD 150deg, #37D5D3 210deg, transparent 270deg)", + opacity: 1, + willChange: "auto" + } + }) +), m0 = S.div(({ theme: e }) => ({ + position: "relative", + zIndex: 1, + borderRadius: e.appBorderRadius, + backgroundColor: e.background.content, + "&:hover #testing-module-collapse-toggle": { + opacity: 1 + } +})), h0 = S.div(({ theme: e }) => ({ + overflow: "hidden", + transition: "max-height 250ms", + willChange: "auto", + boxShadow: `inset 0 -1px 0 ${e.appBorderColor}` +})), g0 = S.div({ + padding: "12px 6px", + display: "flex", + flexDirection: "column", + gap: "12px" +}), y0 = S.div(({ onClick: e }) => ({ + display: "flex", + width: "100%", + cursor: e ? "pointer" : "default", + userSelect: "none", + alignItems: "center", + justifyContent: "space-between", + overflow: "hidden", + padding: "6px" +})), v0 = S.div({ + display: "flex", + flexBasis: "100%", + justifyContent: "flex-end", + gap: 6 +}), b0 = S(fe)({ + opacity: 0, + transition: "opacity 250ms", + willChange: "auto", + "&:focus, &:hover": { + opacity: 1 + } +}), Ff = S(fe)( + { minWidth: 28 }, + ({ active: e, status: t, theme: o }) => !e && (o.base === "light" ? { + background: { + negative: o.background.negative, + warning: o.background.warning + }[t], + color: { + negative: o.color.negativeText, + warning: o.color.warningText + }[t] + } : { + background: { + negative: `${o.color.negative}22`, + warning: `${o.color.warning}22` + }[t], + color: { + negative: o.color.negative, + warning: o.color.warning + }[t] + }) +), x0 = S.div({ + display: "flex", + justifyContent: "space-between", + gap: 6 +}), I0 = S.div({ + display: "flex", + flexDirection: "column", + marginLeft: 6 +}), S0 = S.div({ + display: "flex", + gap: 6 +}), w0 = S.div(({ crashed: e, theme: t }) => ({ + fontSize: t.typography.size.s1, + fontWeight: e ? "bold" : "normal", + color: e ? t.color.negativeText : t.color.defaultText +})), E0 = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s1, + color: e.barTextColor +})), C0 = /* @__PURE__ */ s(({ state: e }) => { + let t = e.description, o = e.title; + return /* @__PURE__ */ a.createElement(I0, null, /* @__PURE__ */ a.createElement(w0, { crashed: e.crashed, id: "testing-module-title" }, /* @__PURE__ */ a. + createElement(o, { ...e })), /* @__PURE__ */ a.createElement(E0, { id: "testing-module-description" }, /* @__PURE__ */ a.createElement(t, { + ...e }))); +}, "DynamicInfo"), Bf = /* @__PURE__ */ s(({ + testProviders: e, + errorCount: t, + errorsActive: o, + setErrorsActive: i, + warningCount: n, + warningsActive: r, + setWarningsActive: l, + onRunTests: u, + onCancelTests: p, + onSetWatchMode: c +}) => { + let d = G(null), [m, f] = U(!1), [y, h] = U(aa); + z(() => { + h(d.current?.offsetHeight || aa); + }, []); + let v = /* @__PURE__ */ s(() => { + h(d.current?.offsetHeight || aa), f(!m); + }, "toggleCollapsed"), I = e.some((g) => g.running), C = e.some((g) => g.crashed), b = e.some((g) => g.failed), x = e.length > 0; + return /* @__PURE__ */ a.createElement( + f0, + { + id: "storybook-testing-module", + running: I, + crashed: C, + failed: b || t > 0 + }, + /* @__PURE__ */ a.createElement(m0, null, /* @__PURE__ */ a.createElement( + h0, + { + style: { + display: x ? "block" : "none", + maxHeight: m ? 0 : y + } + }, + /* @__PURE__ */ a.createElement(g0, { ref: d }, e.map((g) => /* @__PURE__ */ a.createElement(x0, { key: g.id, "data-module-id": g.id }, + /* @__PURE__ */ a.createElement(C0, { state: g }), /* @__PURE__ */ a.createElement(S0, null, g.watchable && /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `${g.watching ? "Disable" : "Enable"} watch mode for ${g.name}`, + variant: "ghost", + padding: "small", + active: g.watching, + onClick: () => c(g.id, !g.watching), + disabled: g.crashed || g.running + }, + /* @__PURE__ */ a.createElement(Hr, null) + ), g.runnable && /* @__PURE__ */ a.createElement(a.Fragment, null, g.running && g.cancellable ? /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `Stop ${g.name}`, + variant: "ghost", + padding: "small", + onClick: () => p(g.id), + disabled: g.cancelling + }, + /* @__PURE__ */ a.createElement(zl, null) + ) : /* @__PURE__ */ a.createElement( + fe, + { + "aria-label": `Start ${g.name}`, + variant: "ghost", + padding: "small", + onClick: () => u(g.id), + disabled: g.crashed || g.running + }, + /* @__PURE__ */ a.createElement(Bl, null) + )))))) + ), /* @__PURE__ */ a.createElement(y0, { onClick: x ? v : void 0 }, x && /* @__PURE__ */ a.createElement( + fe, + { + variant: "ghost", + padding: "small", + onClick: (g) => { + g.stopPropagation(), e.filter((w) => !w.crashed && !w.running && w.runnable).forEach(({ id: w }) => u(w)); + }, + disabled: I + }, + /* @__PURE__ */ a.createElement(Fl, null), + I ? "Running..." : "Run tests" + ), /* @__PURE__ */ a.createElement(v0, null, x && /* @__PURE__ */ a.createElement( + b0, + { + variant: "ghost", + padding: "small", + onClick: v, + id: "testing-module-collapse-toggle", + "aria-label": m ? "Expand testing module" : "Collapse testing module" + }, + /* @__PURE__ */ a.createElement( + El, + { + style: { + transform: m ? "none" : "rotate(180deg)", + transition: "transform 250ms", + willChange: "auto" + } + } + ) + ), t > 0 && /* @__PURE__ */ a.createElement( + sa, + { + hasChrome: !1, + tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle errors" }), + trigger: "hover" + }, + /* @__PURE__ */ a.createElement( + Ff, + { + id: "errors-found-filter", + variant: "ghost", + padding: t < 10 ? "medium" : "small", + status: "negative", + active: o, + onClick: (g) => { + g.stopPropagation(), i(!o); + }, + "aria-label": "Toggle errors" + }, + t < 100 ? t : "99+" + ) + ), n > 0 && /* @__PURE__ */ a.createElement( + sa, + { + hasChrome: !1, + tooltip: /* @__PURE__ */ a.createElement(qt, { note: "Toggle warnings" }), + trigger: "hover" + }, + /* @__PURE__ */ a.createElement( + Ff, + { + id: "warnings-found-filter", + variant: "ghost", + padding: n < 10 ? "medium" : "small", + status: "warning", + active: r, + onClick: (g) => { + g.stopPropagation(), l(!r); + }, + "aria-label": "Toggle warnings" + }, + n < 100 ? n : "99+" + ) + )))) + ); +}, "TestingModule"); + +// src/manager/components/sidebar/SidebarBottom.tsx +var T0 = "sidebar-bottom-spacer", _0 = "sidebar-bottom-wrapper", Hf = "@storybook/manager/test-providers", k0 = { + details: {}, + cancellable: !1, + cancelling: !1, + running: !1, + watching: !1, + failed: !1, + crashed: !1 +}, O0 = /* @__PURE__ */ s(() => !0, "filterNone"), P0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === +"warn"), "filterWarn"), A0 = /* @__PURE__ */ s(({ status: e = {} }) => Object.values(e).some((t) => t?.status === "error"), "filterError"), D0 = /* @__PURE__ */ s( +({ status: e = {} }) => Object.values(e).some((t) => t?.status === "warn" || t?.status === "error"), "filterBoth"), M0 = /* @__PURE__ */ s((e = !1, t = !1) => e && +t ? D0 : e ? P0 : t ? A0 : O0, "getFilter"), L0 = S.div(({ theme: e }) => ({ + position: "absolute", + bottom: 0, + left: 0, + right: 0, + padding: 12, + display: "flex", + flexDirection: "column", + gap: 12, + color: e.color.defaultText, + fontSize: e.typography.size.s1, + "&:empty": { + display: "none" + }, + // Integrators can use these to style their custom additions + "--sb-sidebar-bottom-card-background": e.background.content, + "--sb-sidebar-bottom-card-border": `1px solid ${e.appBorderColor}`, + "--sb-sidebar-bottom-card-border-radius": `${e.appBorderRadius + 1}px`, + "--sb-sidebar-bottom-card-box-shadow": `0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${e.background.app}` +})), N0 = /* @__PURE__ */ s(({ + api: e, + notifications: t = [], + status: o = {}, + isDevelopment: i +}) => { + let n = G(null), r = G(null), [l, u] = U(!1), [p, c] = U(!1), [d, m] = U(() => { + let T = {}; + try { + T = JSON.parse(sessionStorage.getItem(Hf) || "{}"); + } catch { + } + return Object.fromEntries( + Object.entries(e.getElements(Ae.experimental_TEST_PROVIDER)).map( + ([_, k]) => [_, { ...k, ...k0, ...T[_] }] + ) + ); + }), f = Object.values(o).filter( + (T) => Object.values(T).some((_) => _?.status === "warn") + ), y = Object.values(o).filter( + (T) => Object.values(T).some((_) => _?.status === "error") + ), h = f.length > 0, v = y.length > 0, I = M( + (T, _) => m((k) => { + let E = { ...k, [T]: { ...k[T], ..._ } }; + return sessionStorage.setItem(Hf, JSON.stringify(E)), E; + }), + [] + ), C = M( + ({ providerId: T }) => { + I(T, { + cancelling: !1, + running: !0, + failed: !1, + crashed: !1, + progress: void 0 + }), e.experimental_updateStatus( + T, + (_ = {}) => Object.fromEntries(Object.keys(_).map((k) => [k, null])) + ); + }, + [e, I] + ), b = M( + (T) => { + e.emit(gr, { providerId: T }); + }, + [e] + ), x = M( + (T) => { + I(T, { cancelling: !0 }), e.emit(ka, { providerId: T }); + }, + [e, I] + ), g = M( + (T, _) => { + I(T, { watching: _ }), e.emit(Oa, { providerId: T, watchMode: _ }); + }, + [e, I] + ); + z(() => { + let T = n.current, _ = r.current; + if (T && _) { + let k = new ResizeObserver(() => { + T && _ && (T.style.height = `${_.clientHeight}px`); + }); + return k.observe(_), () => k.disconnect(); + } + }, []), z(() => { + let T = M0(h && l, v && p); + e.experimental_setFilter("sidebar-bottom-filter", T); + }, [e, h, v, l, p]), z(() => { + let T = /* @__PURE__ */ s(({ providerId: k, ...E }) => { + I(k, { details: E, running: !1, crashed: !0, watching: !1 }); + }, "onCrashReport"), _ = /* @__PURE__ */ s(({ providerId: k, ...E }) => { + if (E.status === "failed") + I(k, { ...E, running: !1, failed: !0 }); + else { + let O = { ...E, running: E.status === "pending" }; + I(k, O); + let { mapStatusUpdate: P, ...A } = d[k], D = P?.({ ...A, ...O }); + D && e.experimental_updateStatus(k, D); + } + }, "onProgressReport"); + return e.getChannel()?.on(Zn, T), e.getChannel()?.on(gr, C), e.getChannel()?.on(Jn, _), () => { + e.getChannel()?.off(Zn, T), e.getChannel()?.off(Jn, _), e.getChannel()?.off(gr, C); + }; + }, [e, d, I, C]); + let w = Object.values(d); + return !h && !v && !w.length && !t.length ? null : /* @__PURE__ */ a.createElement("div", { id: T0, ref: n }, /* @__PURE__ */ a.createElement( + L0, { id: _0, ref: r }, /* @__PURE__ */ a.createElement(Ur, { notifications: t, clearNotification: e.clearNotification }), i && /* @__PURE__ */ a. + createElement( + Bf, + { + testProviders: w, + errorCount: y.length, + errorsActive: p, + setErrorsActive: c, + warningCount: f.length, + warningsActive: l, + setWarningsActive: u, + onRunTests: b, + onCancelTests: x, + onSetWatchMode: g + } + ))); +}, "SidebarBottomBase"), Rf = /* @__PURE__ */ s(({ isDevelopment: e }) => { + let t = pe(), { notifications: o, status: i } = Ze(); + return /* @__PURE__ */ a.createElement( + N0, + { + api: t, + notifications: o, + status: i, + isDevelopment: e + } + ); +}, "SidebarBottom"); + +// src/manager/components/sidebar/TagsFilterPanel.tsx +var F0 = /* @__PURE__ */ new Set(["play-fn"]), B0 = S.div({ + minWidth: 180, + maxWidth: 220 +}), zf = /* @__PURE__ */ s(({ + api: e, + allTags: t, + selectedTags: o, + toggleTag: i, + isDevelopment: n +}) => { + let r = Fe(), l = t.filter((c) => !F0.has(c)), u = e.getDocsUrl({ subpath: "writing-stories/tags#filtering-by-custom-tags" }), p = t.map((c) => { + let d = o.includes(c), m = `tag-${c}`; + return { + id: m, + title: c, + right: /* @__PURE__ */ a.createElement( + "input", + { + type: "checkbox", + id: m, + name: m, + value: c, + checked: d, + onChange: () => { + } + } + ), + onClick: /* @__PURE__ */ s(() => i(c), "onClick") + }; + }); + return t.length === 0 && p.push({ + id: "no-tags", + title: "There are no tags. Use tags to organize and filter your Storybook.", + isIndented: !1 + }), l.length === 0 && n && p.push({ + id: "tags-docs", + title: "Learn how to add tags", + icon: /* @__PURE__ */ a.createElement(Tt, null), + href: u, + style: { + borderTop: `4px solid ${r.appBorderColor}` + } + }), /* @__PURE__ */ a.createElement(B0, null, /* @__PURE__ */ a.createElement(Ct, { links: p })); +}, "TagsFilterPanel"); + +// src/manager/components/sidebar/TagsFilter.tsx +var H0 = "tags-filter", R0 = /* @__PURE__ */ new Set([ + "dev", + "docs-only", + "test-only", + "autodocs", + "test", + "attached-mdx", + "unattached-mdx" +]), z0 = S.div({ + position: "relative" +}), W0 = S(kr)(({ theme: e }) => ({ + position: "absolute", + top: 7, + right: 7, + transform: "translate(50%, -50%)", + display: "flex", + alignItems: "center", + justifyContent: "center", + padding: 3, + height: 6, + minWidth: 6, + lineHeight: "px", + boxShadow: `${e.barSelectedColor} 0 0 0 1px inset`, + fontSize: e.typography.size.s1 - 1, + background: e.color.secondary, + color: e.color.lightest +})), Wf = /* @__PURE__ */ s(({ + api: e, + indexJson: t, + initialSelectedTags: o = [], + isDevelopment: i +}) => { + let [n, r] = U(o), [l, u] = U(!1), p = n.length > 0; + z(() => { + e.experimental_setFilter(H0, (f) => n.length === 0 ? !0 : n.some((y) => f.tags?.includes(y))); + }, [e, n]); + let c = Object.values(t.entries).reduce((f, y) => (y.tags?.forEach((h) => { + R0.has(h) || f.add(h); + }), f), /* @__PURE__ */ new Set()), d = M( + (f) => { + n.includes(f) ? r(n.filter((y) => y !== f)) : r([...n, f]); + }, + [n, r] + ), m = M( + (f) => { + f.preventDefault(), u(!l); + }, + [l, u] + ); + return c.size === 0 && !i ? null : /* @__PURE__ */ a.createElement( + je, + { + placement: "bottom", + trigger: "click", + onVisibleChange: u, + tooltip: () => /* @__PURE__ */ a.createElement( + zf, + { + api: e, + allTags: Array.from(c).toSorted(), + selectedTags: n, + toggleTag: d, + isDevelopment: i + } + ), + closeOnOutsideClick: !0 + }, + /* @__PURE__ */ a.createElement(z0, null, /* @__PURE__ */ a.createElement(te, { key: "tags", title: "Tag filters", active: p, onClick: m }, + /* @__PURE__ */ a.createElement(Pl, null)), n.length > 0 && /* @__PURE__ */ a.createElement(W0, null)) + ); +}, "TagsFilter"); + +// ../node_modules/es-toolkit/dist/compat/function/debounce.mjs +function la(e, t = 0, o = {}) { + typeof o != "object" && (o = {}); + let { signal: i, leading: n = !1, trailing: r = !0, maxWait: l } = o, u = Array(2); + n && (u[0] = "leading"), r && (u[1] = "trailing"); + let p, c = null, d = dn(function(...y) { + p = e.apply(this, y), c = null; + }, t, { signal: i, edges: u }), m = /* @__PURE__ */ s(function(...y) { + if (l != null) { + if (c === null) + c = Date.now(); + else if (Date.now() - c >= l) + return p = e.apply(this, y), c = Date.now(), d.cancel(), d.schedule(), p; + } + return d.apply(this, y), p; + }, "debounced"), f = /* @__PURE__ */ s(() => (d.flush(), p), "flush"); + return m.cancel = d.cancel, m.flush = f, m; +} +s(la, "debounce"); + +// src/manager/components/sidebar/useLastViewed.ts +var qn = Ve(jf(), 1); +var Vf = la((e) => qn.default.set("lastViewedStoryIds", e), 1e3), $f = /* @__PURE__ */ s((e) => { + let t = Y(() => { + let n = qn.default.get("lastViewedStoryIds"); + return !n || !Array.isArray(n) ? [] : n.some((r) => typeof r == "object" && r.storyId && r.refId) ? n : []; + }, [qn.default]), o = G(t), i = M( + (n) => { + let r = o.current, l = r.findIndex( + ({ storyId: u, refId: p }) => u === n.storyId && p === n.refId + ); + l !== 0 && (l === -1 ? o.current = [n, ...r] : o.current = [n, ...r.slice(0, l), ...r.slice(l + 1)], Vf(o.current)); + }, + [o] + ); + return z(() => { + e && i(e); + }, [e]), { + getLastViewed: M(() => o.current, [o]), + clearLastViewed: M(() => { + o.current = o.current.slice(0, 1), Vf(o.current); + }, [o]) + }; +}, "useLastViewed"); + +// src/manager/components/sidebar/Sidebar.tsx +var St = "storybook_internal", j0 = S.nav(({ theme: e }) => ({ + position: "absolute", + zIndex: 1, + left: 0, + top: 0, + bottom: 0, + right: 0, + width: "100%", + height: "100%", + display: "flex", + flexDirection: "column", + background: e.background.content, + [wt]: { + background: e.background.app + } +})), V0 = S(Et)({ + paddingLeft: 12, + paddingRight: 12, + paddingBottom: 20, + paddingTop: 16, + flex: 1 +}), $0 = S(qt)({ + margin: 0 +}), K0 = S(te)(({ theme: e }) => ({ + color: e.color.mediumdark, + width: 32, + height: 32, + borderRadius: e.appBorderRadius + 2 +})), U0 = a.memo(/* @__PURE__ */ s(function({ + children: t, + condition: o +}) { + let [i, n] = a.Children.toArray(t); + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { style: { display: o ? "block" : "none" } }, + i), /* @__PURE__ */ a.createElement("div", { style: { display: o ? "none" : "block" } }, n)); +}, "Swap")), q0 = /* @__PURE__ */ s((e, t, o, i, n) => { + let r = Y( + () => ({ + [St]: { + index: e, + indexError: t, + previewInitialized: o, + status: i, + title: null, + id: St, + url: "iframe.html" + }, + ...n + }), + [n, e, t, o, i] + ); + return Y(() => ({ hash: r, entries: Object.entries(r) }), [r]); +}, "useCombination"), G0 = re.STORYBOOK_RENDERER === "react", Kf = a.memo(/* @__PURE__ */ s(function({ + // @ts-expect-error (non strict) + storyId: t = null, + refId: o = St, + index: i, + indexJson: n, + indexError: r, + status: l, + previewInitialized: u, + menu: p, + extra: c, + menuHighlighted: d = !1, + enableShortcuts: m = !0, + isDevelopment: f = re.CONFIG_TYPE === "DEVELOPMENT", + refs: y = {}, + onMenuClick: h, + showCreateStoryButton: v = f && G0 +}) { + let [I, C] = U(!1), b = Y(() => t && { storyId: t, refId: o }, [t, o]), x = q0(i, r, u, l, y), g = !i && !r, w = $f(b), { isMobile: T } = ge(), + _ = pe(); + return /* @__PURE__ */ a.createElement(j0, { className: "container sidebar-container" }, /* @__PURE__ */ a.createElement(Ar, { vertical: !0, + offset: 3, scrollbarSize: 6 }, /* @__PURE__ */ a.createElement(V0, { row: 1.6 }, /* @__PURE__ */ a.createElement( + Vc, + { + className: "sidebar-header", + menuHighlighted: d, + menu: p, + extra: c, + skipLinkHref: "#storybook-preview-wrapper", + isLoading: g, + onMenuClick: h + } + ), /* @__PURE__ */ a.createElement( + rf, + { + dataset: x, + enableShortcuts: m, + searchBarContent: v && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement( + je, + { + trigger: "hover", + hasChrome: !1, + tooltip: /* @__PURE__ */ a.createElement($0, { note: "Create a new story" }) + }, + /* @__PURE__ */ a.createElement( + K0, + { + onClick: () => { + C(!0); + }, + variant: "outline" + }, + /* @__PURE__ */ a.createElement(Hl, null) + ) + ), /* @__PURE__ */ a.createElement( + Kp, + { + open: I, + onOpenChange: C + } + )), + searchFieldContent: n && /* @__PURE__ */ a.createElement(Wf, { api: _, indexJson: n, isDevelopment: f }), + ...w + }, + ({ + query: k, + results: E, + isBrowsing: O, + closeMenu: P, + getMenuProps: A, + getItemProps: D, + highlightedIndex: L + }) => /* @__PURE__ */ a.createElement(U0, { condition: O }, /* @__PURE__ */ a.createElement( + Hc, + { + dataset: x, + selected: b, + isLoading: g, + isBrowsing: O + } + ), /* @__PURE__ */ a.createElement( + af, + { + query: k, + results: E, + closeMenu: P, + getMenuProps: A, + getItemProps: D, + highlightedIndex: L, + enableShortcuts: m, + isLoading: g, + clearLastViewed: w.clearLastViewed + } + )) + )), T || g ? null : /* @__PURE__ */ a.createElement(Rf, { isDevelopment: f }))); +}, "Sidebar")); + +// src/manager/container/Menu.tsx +var Y0 = { + storySearchField: "storybook-explorer-searchfield", + storyListMenu: "storybook-explorer-menu", + storyPanelRoot: "storybook-panel-root" +}, X0 = S.span(({ theme: e }) => ({ + display: "inline-block", + height: 16, + lineHeight: "16px", + textAlign: "center", + fontSize: "11px", + background: e.base === "light" ? "rgba(0,0,0,0.05)" : "rgba(255,255,255,0.05)", + color: e.base === "light" ? e.color.dark : e.textMutedColor, + borderRadius: 2, + userSelect: "none", + pointerEvents: "none", + padding: "0 6px" +})), Q0 = S.code( + ({ theme: e }) => ` + padding: 0; + vertical-align: middle; + + & + & { + margin-left: 6px; + } +` +), Qe = /* @__PURE__ */ s(({ keys: e }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(X0, null, e.map( +(t, o) => /* @__PURE__ */ a.createElement(Q0, { key: t }, pt([t]))))), "Shortcut"), Uf = /* @__PURE__ */ s((e, t, o, i, n, r, l) => { + let u = Fe(), p = t.getShortcutKeys(), c = Y( + () => ({ + id: "about", + title: "About your Storybook", + onClick: /* @__PURE__ */ s(() => t.changeSettingsTab("about"), "onClick"), + icon: /* @__PURE__ */ a.createElement(Dl, null) + }), + [t] + ), d = Y(() => ({ + id: "documentation", + title: "Documentation", + href: t.getDocsUrl({ versioned: !0, renderer: !0 }), + icon: /* @__PURE__ */ a.createElement(Tt, null) + }), [t]), m = e.whatsNewData?.status === "SUCCESS" && !e.disableWhatsNewNotifications, f = t.isWhatsNewUnread(), y = Y( + () => ({ + id: "whats-new", + title: "What's new?", + onClick: /* @__PURE__ */ s(() => t.changeSettingsTab("whats-new"), "onClick"), + right: m && f && /* @__PURE__ */ a.createElement(kr, { status: "positive" }, "Check it out"), + icon: /* @__PURE__ */ a.createElement($l, null) + }), + [t, m, f] + ), h = Y( + () => ({ + id: "shortcuts", + title: "Keyboard shortcuts", + onClick: /* @__PURE__ */ s(() => t.changeSettingsTab("shortcuts"), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.shortcutsPage }) : null, + style: { + borderBottom: `4px solid ${u.appBorderColor}` + } + }), + [t, l, p.shortcutsPage, u.appBorderColor] + ), v = Y( + () => ({ + id: "S", + title: "Show sidebar", + onClick: /* @__PURE__ */ s(() => t.toggleNav(), "onClick"), + active: r, + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.toggleNav }) : null, + icon: r ? /* @__PURE__ */ a.createElement(et, null) : null + }), + [t, l, p, r] + ), I = Y( + () => ({ + id: "T", + title: "Show toolbar", + onClick: /* @__PURE__ */ s(() => t.toggleToolbar(), "onClick"), + active: o, + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.toolbar }) : null, + icon: o ? /* @__PURE__ */ a.createElement(et, null) : null + }), + [t, l, p, o] + ), C = Y( + () => ({ + id: "A", + title: "Show addons", + onClick: /* @__PURE__ */ s(() => t.togglePanel(), "onClick"), + active: n, + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.togglePanel }) : null, + icon: n ? /* @__PURE__ */ a.createElement(et, null) : null + }), + [t, l, p, n] + ), b = Y( + () => ({ + id: "D", + title: "Change addons orientation", + onClick: /* @__PURE__ */ s(() => t.togglePanelPosition(), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.panelPosition }) : null + }), + [t, l, p] + ), x = Y( + () => ({ + id: "F", + title: "Go full screen", + onClick: /* @__PURE__ */ s(() => t.toggleFullscreen(), "onClick"), + active: i, + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.fullScreen }) : null, + icon: i ? /* @__PURE__ */ a.createElement(et, null) : null + }), + [t, l, p, i] + ), g = Y( + () => ({ + id: "/", + title: "Search", + onClick: /* @__PURE__ */ s(() => t.focusOnUIElement(Y0.storySearchField), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.search }) : null + }), + [t, l, p] + ), w = Y( + () => ({ + id: "up", + title: "Previous component", + onClick: /* @__PURE__ */ s(() => t.jumpToComponent(-1), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.prevComponent }) : null + }), + [t, l, p] + ), T = Y( + () => ({ + id: "down", + title: "Next component", + onClick: /* @__PURE__ */ s(() => t.jumpToComponent(1), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.nextComponent }) : null + }), + [t, l, p] + ), _ = Y( + () => ({ + id: "prev", + title: "Previous story", + onClick: /* @__PURE__ */ s(() => t.jumpToStory(-1), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.prevStory }) : null + }), + [t, l, p] + ), k = Y( + () => ({ + id: "next", + title: "Next story", + onClick: /* @__PURE__ */ s(() => t.jumpToStory(1), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.nextStory }) : null + }), + [t, l, p] + ), E = Y( + () => ({ + id: "collapse", + title: "Collapse all", + onClick: /* @__PURE__ */ s(() => t.emit(Ko), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: p.collapseAll }) : null + }), + [t, l, p] + ), O = M(() => { + let P = t.getAddonsShortcuts(), A = p; + return Object.entries(P).filter(([D, { showInMenu: L }]) => L).map(([D, { label: L, action: B }]) => ({ + id: D, + title: L, + onClick: /* @__PURE__ */ s(() => B(), "onClick"), + right: l ? /* @__PURE__ */ a.createElement(Qe, { keys: A[D] }) : null + })); + }, [t, l, p]); + return Y( + () => [ + c, + ...e.whatsNewData?.status === "SUCCESS" ? [y] : [], + d, + h, + v, + I, + C, + b, + x, + g, + w, + T, + _, + k, + E, + ...O() + ], + [ + c, + e, + y, + d, + h, + v, + I, + C, + b, + x, + g, + w, + T, + _, + k, + E, + O + ] + ); +}, "useMenu"); + +// src/manager/container/Sidebar.tsx +var Z0 = a.memo(/* @__PURE__ */ s(function({ onMenuClick: t }) { + return /* @__PURE__ */ a.createElement(me, { filter: /* @__PURE__ */ s(({ state: i, api: n }) => { + let { + ui: { name: r, url: l, enableShortcuts: u }, + viewMode: p, + storyId: c, + refId: d, + layout: { showToolbar: m }, + // FIXME: This is the actual `index.json` index where the `index` below + // is actually the stories hash. We should fix this up and make it consistent. + // eslint-disable-next-line @typescript-eslint/naming-convention + internal_index: f, + index: y, + status: h, + indexError: v, + previewInitialized: I, + refs: C + } = i, b = Uf( + i, + n, + m, + n.getIsFullscreen(), + n.getIsPanelShown(), + n.getIsNavShown(), + u + ), x = i.whatsNewData?.status === "SUCCESS" && !i.disableWhatsNewNotifications, g = n.getElements(Ae.experimental_SIDEBAR_TOP), w = Y(() => Object. + values(g), [Object.keys(g).join("")]); + return { + title: r, + url: l, + indexJson: f, + index: y, + indexError: v, + status: h, + previewInitialized: I, + refs: C, + storyId: c, + refId: d, + viewMode: p, + menu: b, + menuHighlighted: x && n.isWhatsNewUnread(), + enableShortcuts: u, + extra: w + }; + }, "mapper") }, (i) => /* @__PURE__ */ a.createElement(Kf, { ...i, onMenuClick: t })); +}, "Sideber")), qf = Z0; + +// src/manager/App.tsx +var Gf = /* @__PURE__ */ s(({ managerLayoutState: e, setManagerLayoutState: t, pages: o, hasTab: i }) => { + let { setMobileAboutOpen: n } = ge(); + return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Eo, { styles: Wa }), /* @__PURE__ */ a.createElement( + Su, + { + hasTab: i, + managerLayoutState: e, + setManagerLayoutState: t, + slotMain: /* @__PURE__ */ a.createElement(mp, { id: "main", withLoader: !0 }), + slotSidebar: /* @__PURE__ */ a.createElement(qf, { onMenuClick: () => n((r) => !r) }), + slotPanel: /* @__PURE__ */ a.createElement(Cu, null), + slotPages: o.map(({ id: r, render: l }) => /* @__PURE__ */ a.createElement(l, { key: r })) + } + )); +}, "App"); + +// src/manager/provider.ts +var ua = class ua { + getElements(t) { + throw new Error("Provider.getElements() is not implemented!"); + } + handleAPI(t) { + throw new Error("Provider.handleAPI() is not implemented!"); + } + getConfig() { + return console.error("Provider.getConfig() is not implemented!"), {}; + } +}; +s(ua, "Provider"); +var Io = ua; + +// src/manager/settings/About.tsx +var J0 = S.div({ + display: "flex", + alignItems: "center", + flexDirection: "column", + marginTop: 40 +}), ex = S.header({ + marginBottom: 32, + alignItems: "center", + display: "flex", + "> svg": { + height: 48, + width: "auto", + marginRight: 8 + } +}), tx = S.div(({ theme: e }) => ({ + marginBottom: 24, + display: "flex", + flexDirection: "column", + alignItems: "center", + color: e.base === "light" ? e.color.dark : e.color.lightest, + fontWeight: e.typography.weight.regular, + fontSize: e.typography.size.s2 +})), ox = S.div({ + display: "flex", + flexDirection: "row", + alignItems: "center", + marginBottom: 24, + marginTop: 24, + gap: 16 +}), Yf = S(We)(({ theme: e }) => ({ + "&&": { + fontWeight: e.typography.weight.bold, + color: e.base === "light" ? e.color.dark : e.color.light + }, + "&:hover": { + color: e.base === "light" ? e.color.darkest : e.color.lightest + } +})), Xf = /* @__PURE__ */ s(({ onNavigateToWhatsNew: e }) => /* @__PURE__ */ a.createElement(J0, null, /* @__PURE__ */ a.createElement(ex, null, +/* @__PURE__ */ a.createElement(Dr, { alt: "Storybook" })), /* @__PURE__ */ a.createElement(qr, { onNavigateToWhatsNew: e }), /* @__PURE__ */ a. +createElement(tx, null, /* @__PURE__ */ a.createElement(ox, null, /* @__PURE__ */ a.createElement(fe, { asChild: !0 }, /* @__PURE__ */ a.createElement( +"a", { href: "https://github.com/storybookjs/storybook" }, /* @__PURE__ */ a.createElement(Rr, null), "GitHub")), /* @__PURE__ */ a.createElement( +fe, { asChild: !0 }, /* @__PURE__ */ a.createElement("a", { href: "https://storybook.js.org/docs" }, /* @__PURE__ */ a.createElement(Ao, { style: { +display: "inline", marginRight: 5 } }), "Documentation"))), /* @__PURE__ */ a.createElement("div", null, "Open source software maintained by", +" ", /* @__PURE__ */ a.createElement(Yf, { href: "https://www.chromatic.com/" }, "Chromatic"), " and the", " ", /* @__PURE__ */ a.createElement( +Yf, { href: "https://github.com/storybookjs/storybook/graphs/contributors" }, "Storybook Community")))), "AboutScreen"); + +// src/manager/settings/AboutPage.tsx +var ca = class ca extends Ge { + componentDidMount() { + let { api: t, notificationId: o } = this.props; + t.clearNotification(o); + } + render() { + let { children: t } = this.props; + return t; + } +}; +s(ca, "NotificationClearer"); +var pa = ca, Qf = /* @__PURE__ */ s(() => { + let e = pe(), t = Ze(), o = M(() => { + e.changeSettingsTab("whats-new"); + }, [e]); + return /* @__PURE__ */ a.createElement(pa, { api: e, notificationId: "update" }, /* @__PURE__ */ a.createElement( + Xf, + { + onNavigateToWhatsNew: t.whatsNewData?.status === "SUCCESS" ? o : void 0 + } + )); +}, "AboutPage"); + +// src/manager/settings/SettingsFooter.tsx +var rx = S.div(({ theme: e }) => ({ + display: "flex", + paddingTop: 20, + marginTop: 20, + borderTop: `1px solid ${e.appBorderColor}`, + fontWeight: e.typography.weight.bold, + "& > * + *": { + marginLeft: 20 + } +})), nx = /* @__PURE__ */ s((e) => /* @__PURE__ */ a.createElement(rx, { ...e }, /* @__PURE__ */ a.createElement(We, { secondary: !0, href: "\ +https://storybook.js.org", cancel: !1, target: "_blank" }, "Docs"), /* @__PURE__ */ a.createElement(We, { secondary: !0, href: "https://gith\ +ub.com/storybookjs/storybook", cancel: !1, target: "_blank" }, "GitHub"), /* @__PURE__ */ a.createElement( + We, + { + secondary: !0, + href: "https://storybook.js.org/community#support", + cancel: !1, + target: "_blank" + }, + "Support" +)), "SettingsFooter"), Zf = nx; + +// src/manager/settings/shortcuts.tsx +var ix = S.header(({ theme: e }) => ({ + marginBottom: 20, + fontSize: e.typography.size.m3, + fontWeight: e.typography.weight.bold, + alignItems: "center", + display: "flex" +})), Jf = S.div(({ theme: e }) => ({ + fontWeight: e.typography.weight.bold +})), sx = S.div({ + alignSelf: "flex-end", + display: "grid", + margin: "10px 0", + gridTemplateColumns: "1fr 1fr 12px", + "& > *:last-of-type": { + gridColumn: "2 / 2", + justifySelf: "flex-end", + gridRow: "1" + } +}), ax = S.div(({ theme: e }) => ({ + padding: "6px 0", + borderTop: `1px solid ${e.appBorderColor}`, + display: "grid", + gridTemplateColumns: "1fr 1fr 0px" +})), lx = S.div({ + display: "grid", + gridTemplateColumns: "1fr", + gridAutoRows: "minmax(auto, auto)", + marginBottom: 20 +}), ux = S.div({ + alignSelf: "center" +}), px = S(Or.Input)( + ({ valid: e, theme: t }) => e === "error" ? { + animation: `${t.animation.jiggle} 700ms ease-out` + } : {}, + { + display: "flex", + width: 80, + flexDirection: "column", + justifySelf: "flex-end", + paddingLeft: 4, + paddingRight: 4, + textAlign: "center" + } +), cx = Kt` +0%,100% { opacity: 0; } + 50% { opacity: 1; } +`, dx = S(et)( + ({ valid: e, theme: t }) => e === "valid" ? { + color: t.color.positive, + animation: `${cx} 2s ease forwards` + } : { + opacity: 0 + }, + { + alignSelf: "center", + display: "flex", + marginLeft: 10, + height: 14, + width: 14 + } +), fx = S.div(({ theme: e }) => ({ + fontSize: e.typography.size.s2, + padding: "3rem 20px", + maxWidth: 600, + margin: "0 auto" +})), mx = { + 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" +}, hx = ["escape"]; +function da(e) { + return Object.entries(e).reduce( + // @ts-expect-error (non strict) + (t, [o, i]) => hx.includes(o) ? t : { ...t, [o]: { shortcut: i, error: !1 } }, + {} + ); +} +s(da, "toShortcutState"); +var fa = class fa extends Ge { + constructor(o) { + super(o); + this.onKeyDown = /* @__PURE__ */ s((o) => { + let { activeFeature: i, shortcutKeys: n } = this.state; + if (o.key === "Backspace") + return this.restoreDefault(); + let r = Aa(o); + if (!r) + return !1; + let l = !!Object.entries(n).find( + ([u, { shortcut: p }]) => u !== i && p && Da(r, p) + ); + return this.setState({ + shortcutKeys: { ...n, [i]: { shortcut: r, error: l } } + }); + }, "onKeyDown"); + this.onFocus = /* @__PURE__ */ s((o) => () => { + let { shortcutKeys: i } = this.state; + this.setState({ + activeFeature: o, + shortcutKeys: { + ...i, + [o]: { shortcut: null, error: !1 } + } + }); + }, "onFocus"); + this.onBlur = /* @__PURE__ */ s(async () => { + let { shortcutKeys: o, activeFeature: i } = this.state; + if (o[i]) { + let { shortcut: n, error: r } = o[i]; + return !n || r ? this.restoreDefault() : this.saveShortcut(); + } + return !1; + }, "onBlur"); + this.saveShortcut = /* @__PURE__ */ s(async () => { + let { activeFeature: o, shortcutKeys: i } = this.state, { setShortcut: n } = this.props; + await n(o, i[o].shortcut), this.setState({ successField: o }); + }, "saveShortcut"); + this.restoreDefaults = /* @__PURE__ */ s(async () => { + let { restoreAllDefaultShortcuts: o } = this.props, i = await o(); + return this.setState({ shortcutKeys: da(i) }); + }, "restoreDefaults"); + this.restoreDefault = /* @__PURE__ */ s(async () => { + let { activeFeature: o, shortcutKeys: i } = this.state, { restoreDefaultShortcut: n } = this.props, r = await n(o); + return this.setState({ + shortcutKeys: { + ...i, + ...da({ [o]: r }) + } + }); + }, "restoreDefault"); + this.displaySuccessMessage = /* @__PURE__ */ s((o) => { + let { successField: i, shortcutKeys: n } = this.state; + return o === i && n[o].error === !1 ? "valid" : void 0; + }, "displaySuccessMessage"); + this.displayError = /* @__PURE__ */ s((o) => { + let { activeFeature: i, shortcutKeys: n } = this.state; + return o === i && n[o].error === !0 ? "error" : void 0; + }, "displayError"); + this.renderKeyInput = /* @__PURE__ */ s(() => { + let { shortcutKeys: o, addonsShortcutLabels: i } = this.state; + return Object.entries(o).map(([r, { shortcut: l }]) => /* @__PURE__ */ a.createElement(ax, { key: r }, /* @__PURE__ */ a.createElement( + ux, null, mx[r] || i[r]), /* @__PURE__ */ a.createElement( + px, + { + spellCheck: "false", + valid: this.displayError(r), + className: "modalInput", + onBlur: this.onBlur, + onFocus: this.onFocus(r), + onKeyDown: this.onKeyDown, + value: l ? pt(l) : "", + placeholder: "Type keys", + readOnly: !0 + } + ), /* @__PURE__ */ a.createElement(dx, { valid: this.displaySuccessMessage(r) }))); + }, "renderKeyInput"); + this.renderKeyForm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(lx, null, /* @__PURE__ */ a.createElement(sx, null, /* @__PURE__ */ a. + createElement(Jf, null, "Commands"), /* @__PURE__ */ a.createElement(Jf, null, "Shortcut")), this.renderKeyInput()), "renderKeyForm"); + this.state = { + // @ts-expect-error (non strict) + activeFeature: void 0, + // @ts-expect-error (non strict) + successField: void 0, + // The initial shortcutKeys that come from props are the defaults/what was saved + // As the user interacts with the page, the state stores the temporary, unsaved shortcuts + // This object also includes the error attached to each shortcut + // @ts-expect-error (non strict) + shortcutKeys: da(o.shortcutKeys), + addonsShortcutLabels: o.addonsShortcutLabels + }; + } + render() { + let o = this.renderKeyForm(); + return /* @__PURE__ */ a.createElement(fx, null, /* @__PURE__ */ a.createElement(ix, null, "Keyboard shortcuts"), o, /* @__PURE__ */ a.createElement( + fe, + { + variant: "outline", + size: "small", + id: "restoreDefaultsHotkeys", + onClick: this.restoreDefaults + }, + "Restore defaults" + ), /* @__PURE__ */ a.createElement(Zf, null)); + } +}; +s(fa, "ShortcutsScreen"); +var Gn = fa; + +// src/manager/settings/ShortcutsPage.tsx +var em = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(me, null, ({ + api: { + getShortcutKeys: e, + getAddonsShortcutLabels: t, + setShortcut: o, + restoreDefaultShortcut: i, + restoreAllDefaultShortcuts: n + } +}) => /* @__PURE__ */ a.createElement( + Gn, + { + shortcutKeys: e(), + addonsShortcutLabels: t(), + setShortcut: o, + restoreDefaultShortcut: i, + restoreAllDefaultShortcuts: n + } +)), "ShortcutsPage"); + +// src/manager/settings/whats_new.tsx +var tm = S.div({ + top: "50%", + position: "absolute", + transform: "translateY(-50%)", + width: "100%", + textAlign: "center" +}), gx = S.div({ + position: "relative", + height: "32px" +}), om = S.div(({ theme: e }) => ({ + paddingTop: "12px", + color: e.textMutedColor, + maxWidth: "295px", + margin: "0 auto", + fontSize: `${e.typography.size.s1}px`, + lineHeight: "16px" +})), yx = S.div(({ theme: e }) => ({ + position: "absolute", + width: "100%", + bottom: "40px", + background: e.background.bar, + fontSize: "13px", + borderTop: "1px solid", + borderColor: e.appBorderColor, + padding: "8px 12px", + display: "flex", + alignItems: "center", + justifyContent: "space-between" +})), vx = /* @__PURE__ */ s(({ + isNotificationsEnabled: e, + onToggleNotifications: t, + onCopyLink: o +}) => { + let i = Fe(), [n, r] = U("Copy Link"), l = /* @__PURE__ */ s(() => { + o(), r("Copied!"), setTimeout(() => r("Copy Link"), 4e3); + }, "copyLink"); + return /* @__PURE__ */ a.createElement(yx, null, /* @__PURE__ */ a.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } }, + /* @__PURE__ */ a.createElement(Al, { color: i.color.mediumdark }), /* @__PURE__ */ a.createElement("div", null, "Share this with your tea\ +m."), /* @__PURE__ */ a.createElement(fe, { onClick: l, size: "small", variant: "ghost" }, n)), e ? /* @__PURE__ */ a.createElement(fe, { size: "\ +small", variant: "ghost", onClick: t }, /* @__PURE__ */ a.createElement(Ol, null), "Hide notifications") : /* @__PURE__ */ a.createElement(fe, + { size: "small", variant: "ghost", onClick: t }, /* @__PURE__ */ a.createElement(Hr, null), "Show notifications")); +}, "WhatsNewFooter"), bx = S.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: e }) => ({ visibility: e ? "visible" : "hidden" }) +), xx = S((e) => /* @__PURE__ */ a.createElement(Nr, { ...e }))(({ theme: e }) => ({ + color: e.textMutedColor, + width: 32, + height: 32, + margin: "0 auto" +})), Ix = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(tm, null, /* @__PURE__ */ a.createElement(gx, null, /* @__PURE__ */ a.createElement( +Pr, null)), /* @__PURE__ */ a.createElement(om, null, "Loading...")), "WhatsNewLoader"), Sx = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement( +tm, null, /* @__PURE__ */ a.createElement(xx, null), /* @__PURE__ */ a.createElement(om, null, "The page couldn't be loaded. Check your inte\ +rnet connection and try again.")), "MaxWaitTimeMessaging"), wx = /* @__PURE__ */ s(({ + didHitMaxWaitTime: e, + isLoaded: t, + onLoad: o, + url: i, + onCopyLink: n, + onToggleNotifications: r, + isNotificationsEnabled: l +}) => /* @__PURE__ */ a.createElement(Ne, null, !t && !e && /* @__PURE__ */ a.createElement(Ix, null), e ? /* @__PURE__ */ a.createElement(Sx, +null) : /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(bx, { isLoaded: t, onLoad: o, src: i, title: "What\ +'s new?" }), /* @__PURE__ */ a.createElement( + vx, + { + isNotificationsEnabled: l, + onToggleNotifications: r, + onCopyLink: n + } +))), "PureWhatsNewScreen"), Ex = 1e4, rm = /* @__PURE__ */ s(() => { + let e = pe(), t = Ze(), { whatsNewData: o } = t, [i, n] = U(!1), [r, l] = U(!1); + if (z(() => { + let p = setTimeout(() => !i && l(!0), Ex); + return () => clearTimeout(p); + }, [i]), o?.status !== "SUCCESS") + return null; + let u = !o.disableWhatsNewNotifications; + return /* @__PURE__ */ a.createElement( + wx, + { + didHitMaxWaitTime: r, + isLoaded: i, + onLoad: () => { + e.whatsNewHasBeenRead(), n(!0); + }, + url: o.url, + isNotificationsEnabled: u, + onCopyLink: () => { + navigator.clipboard?.writeText(o.blogUrl ?? o.url); + }, + onToggleNotifications: () => { + u ? re.confirm("All update notifications will no longer be shown. Are you sure?") && e.toggleWhatsNewNotifications() : e.toggleWhatsNewNotifications(); + } + } + ); +}, "WhatsNewScreen"); + +// src/manager/settings/whats_new_page.tsx +var nm = /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(rm, null), "WhatsNewPage"); + +// src/manager/settings/index.tsx +var { document: im } = re, Cx = S.div(({ theme: e }) => ({ + display: "flex", + justifyContent: "space-between", + alignItems: "center", + height: 40, + boxShadow: `${e.appBorderColor} 0 -1px 0 0 inset`, + background: e.barBg, + paddingRight: 8 +})), ma = a.memo(/* @__PURE__ */ s(function({ + changeTab: t, + id: o, + title: i +}) { + return /* @__PURE__ */ a.createElement(Sr, null, ({ path: n }) => { + let r = n.includes(`settings/${o}`); + return /* @__PURE__ */ a.createElement( + Lr, + { + id: `tabbutton-${o}`, + className: ["tabbutton"].concat(r ? ["tabbutton-active"] : []).join(" "), + type: "button", + key: "id", + active: r, + onClick: () => t(o), + role: "tab" + }, + i + ); + }); +}, "TabBarButton")), Tx = S(Ar)(({ theme: e }) => ({ + background: e.background.content +})), _x = /* @__PURE__ */ s(({ changeTab: e, onClose: t, enableShortcuts: o = !0, enableWhatsNew: i }) => (a.useEffect(() => { + let n = /* @__PURE__ */ s((r) => { + !o || r.repeat || Rt(!1, r) && tt("Escape", r) && (r.preventDefault(), t()); + }, "handleEscape"); + return im.addEventListener("keydown", n), () => im.removeEventListener("keydown", n); +}, [o, t]), /* @__PURE__ */ a.createElement(Ne, null, /* @__PURE__ */ a.createElement(Cx, { className: "sb-bar" }, /* @__PURE__ */ a.createElement( +Mr, { role: "tablist" }, /* @__PURE__ */ a.createElement(ma, { id: "about", title: "About", changeTab: e }), i && /* @__PURE__ */ a.createElement( +ma, { id: "whats-new", title: "What's new?", changeTab: e }), /* @__PURE__ */ a.createElement(ma, { id: "shortcuts", title: "Keyboard shortc\ +uts", changeTab: e })), /* @__PURE__ */ a.createElement( + te, + { + onClick: (n) => (n.preventDefault(), t()), + title: "Close settings page" + }, + /* @__PURE__ */ a.createElement(ct, null) +)), /* @__PURE__ */ a.createElement(Tx, { vertical: !0, horizontal: !1 }, /* @__PURE__ */ a.createElement(qo, { path: "about" }, /* @__PURE__ */ a. +createElement(Qf, { key: "about" })), /* @__PURE__ */ a.createElement(qo, { path: "whats-new" }, /* @__PURE__ */ a.createElement(nm, { key: "\ +whats-new" })), /* @__PURE__ */ a.createElement(qo, { path: "shortcuts" }, /* @__PURE__ */ a.createElement(em, { key: "shortcuts" }))))), "P\ +ages"), kx = /* @__PURE__ */ s(() => { + let e = pe(), t = Ze(), o = /* @__PURE__ */ s((i) => e.changeSettingsTab(i), "changeTab"); + return /* @__PURE__ */ a.createElement( + _x, + { + enableWhatsNew: t.whatsNewData?.status === "SUCCESS", + enableShortcuts: t.ui.enableShortcuts, + changeTab: o, + onClose: e.closeSettings + } + ); +}, "SettingsPages"), sm = { + id: "settings", + url: "/settings/", + title: "Settings", + type: we.experimental_PAGE, + render: /* @__PURE__ */ s(() => /* @__PURE__ */ a.createElement(qo, { path: "/settings/", startsWith: !0 }, /* @__PURE__ */ a.createElement( + kx, null)), "render") +}; + +// src/manager/index.tsx +ei.displayName = "ThemeProvider"; +Nt.displayName = "HelmetProvider"; +var Ox = /* @__PURE__ */ s(({ provider: e }) => /* @__PURE__ */ a.createElement(Nt, { key: "helmet.Provider" }, /* @__PURE__ */ a.createElement( +Ha, { key: "location.provider" }, /* @__PURE__ */ a.createElement(Px, { provider: e }))), "Root"), Px = /* @__PURE__ */ s(({ provider: e }) => { + let t = za(); + return /* @__PURE__ */ a.createElement(Sr, { key: "location.consumer" }, (o) => /* @__PURE__ */ a.createElement( + Pa, + { + key: "manager", + provider: e, + ...o, + navigate: t, + docsOptions: re?.DOCS_OPTIONS || {} + }, + (i) => { + let { state: n, api: r } = i, l = M( + (p) => { + r.setSizes(p); + }, + [r] + ), u = Y( + () => [sm, ...Object.values(r.getElements(we.experimental_PAGE))], + [Object.keys(r.getElements(we.experimental_PAGE)).join()] + ); + return /* @__PURE__ */ a.createElement(ei, { key: "theme.provider", theme: ja(n.theme) }, /* @__PURE__ */ a.createElement(hl, null, /* @__PURE__ */ a. + createElement( + Gf, + { + key: "app", + pages: u, + managerLayoutState: { + ...n.layout, + viewMode: n.viewMode + }, + hasTab: !!r.getQueryParam("tab"), + setManagerLayoutState: l + } + ))); + } + )); +}, "Main"); +function am(e, t) { + if (!(t instanceof Io)) + throw new $a(); + Ba(e).render(/* @__PURE__ */ a.createElement(Ox, { key: "root", provider: t })); +} +s(am, "renderStorybookUI"); + +// src/manager/runtime.ts +var ga = class ga extends Io { + constructor() { + super(); + let t = ya({ page: "manager" }); + ut.setChannel(t), t.emit(xa), this.addons = ut, this.channel = t, re.__STORYBOOK_ADDONS_CHANNEL__ = t; + } + getElements(t) { + return this.addons.getElements(t); + } + getConfig() { + return this.addons.getConfig(); + } + handleAPI(t) { + this.addons.loadAddons(t); + } +}; +s(ga, "ReactProvider"); +var ha = ga, { document: Ax } = re, Dx = Ax.getElementById("root"); +setTimeout(() => { + am(Dx, new ha()); +}, 0); diff --git a/sb-preview/globals.js b/sb-preview/globals.js new file mode 100644 index 00000000000000..bea5eb3f680a01 --- /dev/null +++ b/sb-preview/globals.js @@ -0,0 +1,33 @@ +import ESM_COMPAT_Module from "node:module"; +import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url'; +import { dirname as ESM_COMPAT_dirname } from 'node:path'; +const __filename = ESM_COMPAT_fileURLToPath(import.meta.url); +const __dirname = ESM_COMPAT_dirname(__filename); +const require = ESM_COMPAT_Module.createRequire(import.meta.url); + +// src/preview/globals/globals.ts +var _ = { + "@storybook/global": "__STORYBOOK_MODULE_GLOBAL__", + "storybook/internal/channels": "__STORYBOOK_MODULE_CHANNELS__", + "@storybook/channels": "__STORYBOOK_MODULE_CHANNELS__", + "@storybook/core/channels": "__STORYBOOK_MODULE_CHANNELS__", + "storybook/internal/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "@storybook/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "@storybook/core/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "storybook/internal/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "@storybook/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "@storybook/core/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "storybook/internal/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "@storybook/core-events/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "@storybook/core/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "storybook/internal/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "@storybook/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "@storybook/core/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "storybook/internal/types": "__STORYBOOK_MODULE_TYPES__", + "@storybook/types": "__STORYBOOK_MODULE_TYPES__", + "@storybook/core/types": "__STORYBOOK_MODULE_TYPES__" +}, O = Object.keys(_); +export { + O as globalPackages, + _ as globalsNameReferenceMap +}; diff --git a/sb-preview/runtime.js b/sb-preview/runtime.js new file mode 100644 index 00000000000000..1fd2b3e65be633 --- /dev/null +++ b/sb-preview/runtime.js @@ -0,0 +1,7174 @@ +var Mi = Object.create; +var zr = Object.defineProperty; +var qi = Object.getOwnPropertyDescriptor; +var Ui = Object.getOwnPropertyNames; +var Bi = Object.getPrototypeOf, Gi = Object.prototype.hasOwnProperty; +var s = (r, e) => zr(r, "name", { value: e, configurable: !0 }), or = /* @__PURE__ */ ((r) => typeof require < "u" ? require : typeof Proxy < +"u" ? new Proxy(r, { + get: (e, t) => (typeof require < "u" ? require : e)[t] +}) : r)(function(r) { + if (typeof require < "u") return require.apply(this, arguments); + throw Error('Dynamic require of "' + r + '" is not supported'); +}); +var B = (r, e) => () => (e || r((e = { exports: {} }).exports, e), e.exports), Re = (r, e) => { + for (var t in e) + zr(r, t, { get: e[t], enumerable: !0 }); +}, Vi = (r, e, t, o) => { + if (e && typeof e == "object" || typeof e == "function") + for (let n of Ui(e)) + !Gi.call(r, n) && n !== t && zr(r, n, { get: () => e[n], enumerable: !(o = qi(e, n)) || o.enumerable }); + return r; +}; +var ue = (r, e, t) => (t = r != null ? Mi(Bi(r)) : {}, Vi( + // If the importer is in node compatibility mode or this is not an ESM + // file that has been converted to a CommonJS file using a Babel- + // compatible transform (i.e. "__esModule" has not been set), then set + // "default" to the CommonJS "module.exports" for node compatibility. + e || !r || !r.__esModule ? zr(t, "default", { value: r, enumerable: !0 }) : t, + r +)); + +// ../node_modules/memoizerific/memoizerific.js +var Xr = B((Kn, oo) => { + (function(r) { + if (typeof Kn == "object" && typeof oo < "u") + oo.exports = r(); + else if (typeof define == "function" && define.amd) + define([], r); + else { + var e; + typeof window < "u" ? e = window : typeof global < "u" ? e = global : typeof self < "u" ? e = self : e = this, e.memoizerific = r(); + } + })(function() { + var r, e, t; + return (/* @__PURE__ */ s(function o(n, a, l) { + function c(u, d) { + if (!a[u]) { + if (!n[u]) { + var y = typeof or == "function" && or; + if (!d && y) return y(u, !0); + if (i) return i(u, !0); + var g = new Error("Cannot find module '" + u + "'"); + throw g.code = "MODULE_NOT_FOUND", g; + } + var m = a[u] = { exports: {} }; + n[u][0].call(m.exports, function(S) { + var h = n[u][1][S]; + return c(h || S); + }, m, m.exports, o, n, a, l); + } + return a[u].exports; + } + s(c, "s"); + for (var i = typeof or == "function" && or, p = 0; p < l.length; p++) c(l[p]); + return c; + }, "e"))({ 1: [function(o, n, a) { + n.exports = function(l) { + if (typeof Map != "function" || l) { + var c = o("./similar"); + return new c(); + } else + return /* @__PURE__ */ new Map(); + }; + }, { "./similar": 2 }], 2: [function(o, n, a) { + function l() { + return this.list = [], this.lastItem = void 0, this.size = 0, this; + } + s(l, "Similar"), l.prototype.get = function(c) { + var i; + if (this.lastItem && this.isEqual(this.lastItem.key, c)) + return this.lastItem.val; + if (i = this.indexOf(c), i >= 0) + return this.lastItem = this.list[i], this.list[i].val; + }, l.prototype.set = function(c, i) { + var p; + return this.lastItem && this.isEqual(this.lastItem.key, c) ? (this.lastItem.val = i, this) : (p = this.indexOf(c), p >= 0 ? (this.lastItem = + this.list[p], this.list[p].val = i, this) : (this.lastItem = { key: c, val: i }, this.list.push(this.lastItem), this.size++, this)); + }, l.prototype.delete = function(c) { + var i; + if (this.lastItem && this.isEqual(this.lastItem.key, c) && (this.lastItem = void 0), i = this.indexOf(c), i >= 0) + return this.size--, this.list.splice(i, 1)[0]; + }, l.prototype.has = function(c) { + var i; + return this.lastItem && this.isEqual(this.lastItem.key, c) ? !0 : (i = this.indexOf(c), i >= 0 ? (this.lastItem = this.list[i], !0) : + !1); + }, l.prototype.forEach = function(c, i) { + var p; + for (p = 0; p < this.size; p++) + c.call(i || this, this.list[p].val, this.list[p].key, this); + }, l.prototype.indexOf = function(c) { + var i; + for (i = 0; i < this.size; i++) + if (this.isEqual(this.list[i].key, c)) + return i; + return -1; + }, l.prototype.isEqual = function(c, i) { + return c === i || c !== c && i !== i; + }, n.exports = l; + }, {}], 3: [function(o, n, a) { + var l = o("map-or-similar"); + n.exports = function(u) { + var d = new l(!1), y = []; + return function(g) { + var m = /* @__PURE__ */ s(function() { + var S = d, h, A, b = arguments.length - 1, E = Array(b + 1), T = !0, _; + if ((m.numArgs || m.numArgs === 0) && m.numArgs !== b + 1) + throw new Error("Memoizerific functions should always be called with the same number of arguments"); + for (_ = 0; _ < b; _++) { + if (E[_] = { + cacheItem: S, + arg: arguments[_] + }, S.has(arguments[_])) { + S = S.get(arguments[_]); + continue; + } + T = !1, h = new l(!1), S.set(arguments[_], h), S = h; + } + return T && (S.has(arguments[b]) ? A = S.get(arguments[b]) : T = !1), T || (A = g.apply(null, arguments), S.set(arguments[b], A)), + u > 0 && (E[b] = { + cacheItem: S, + arg: arguments[b] + }, T ? c(y, E) : y.push(E), y.length > u && i(y.shift())), m.wasMemoized = T, m.numArgs = b + 1, A; + }, "memoizerific"); + return m.limit = u, m.wasMemoized = !1, m.cache = d, m.lru = y, m; + }; + }; + function c(u, d) { + var y = u.length, g = d.length, m, S, h; + for (S = 0; S < y; S++) { + for (m = !0, h = 0; h < g; h++) + if (!p(u[S][h].arg, d[h].arg)) { + m = !1; + break; + } + if (m) + break; + } + u.push(u.splice(S, 1)[0]); + } + s(c, "moveToMostRecentLru"); + function i(u) { + var d = u.length, y = u[d - 1], g, m; + for (y.cacheItem.delete(y.arg), m = d - 2; m >= 0 && (y = u[m], g = y.cacheItem.get(y.arg), !g || !g.size); m--) + y.cacheItem.delete(y.arg); + } + s(i, "removeCachedResult"); + function p(u, d) { + return u === d || u !== u && d !== d; + } + s(p, "isEqual"); + }, { "map-or-similar": 1 }] }, {}, [3])(3); + }); +}); + +// ../node_modules/picoquery/lib/string-util.js +var xn = B((Rn) => { + "use strict"; + Object.defineProperty(Rn, "__esModule", { value: !0 }); + Rn.encodeString = iu; + var oe = Array.from({ length: 256 }, (r, e) => "%" + ((e < 16 ? "0" : "") + e.toString(16)).toUpperCase()), au = new Int8Array([ + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 0, + 0, + 1, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 0, + 1, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 0, + 0, + 0, + 1, + 0 + ]); + function iu(r) { + let e = r.length; + if (e === 0) + return ""; + let t = "", o = 0, n = 0; + e: for (; n < e; n++) { + let a = r.charCodeAt(n); + for (; a < 128; ) { + if (au[a] !== 1 && (o < n && (t += r.slice(o, n)), o = n + 1, t += oe[a]), ++n === e) + break e; + a = r.charCodeAt(n); + } + if (o < n && (t += r.slice(o, n)), a < 2048) { + o = n + 1, t += oe[192 | a >> 6] + oe[128 | a & 63]; + continue; + } + if (a < 55296 || a >= 57344) { + o = n + 1, t += oe[224 | a >> 12] + oe[128 | a >> 6 & 63] + oe[128 | a & 63]; + continue; + } + if (++n, n >= e) + throw new Error("URI malformed"); + let l = r.charCodeAt(n) & 1023; + o = n + 1, a = 65536 + ((a & 1023) << 10 | l), t += oe[240 | a >> 18] + oe[128 | a >> 12 & 63] + oe[128 | a >> 6 & 63] + oe[128 | a & 63]; + } + return o === 0 ? r : o < e ? t + r.slice(o) : t; + } + s(iu, "encodeString"); +}); + +// ../node_modules/picoquery/lib/shared.js +var St = B((ne) => { + "use strict"; + Object.defineProperty(ne, "__esModule", { value: !0 }); + ne.defaultOptions = ne.defaultShouldSerializeObject = ne.defaultValueSerializer = void 0; + var An = xn(), lu = /* @__PURE__ */ s((r) => { + switch (typeof r) { + case "string": + return (0, An.encodeString)(r); + case "bigint": + case "boolean": + return "" + r; + case "number": + if (Number.isFinite(r)) + return r < 1e21 ? "" + r : (0, An.encodeString)("" + r); + break; + } + return r instanceof Date ? (0, An.encodeString)(r.toISOString()) : ""; + }, "defaultValueSerializer"); + ne.defaultValueSerializer = lu; + var cu = /* @__PURE__ */ s((r) => r instanceof Date, "defaultShouldSerializeObject"); + ne.defaultShouldSerializeObject = cu; + var Na = /* @__PURE__ */ s((r) => r, "identityFunc"); + ne.defaultOptions = { + nesting: !0, + nestingSyntax: "dot", + arrayRepeat: !1, + arrayRepeatSyntax: "repeat", + delimiter: 38, + valueDeserializer: Na, + valueSerializer: ne.defaultValueSerializer, + keyDeserializer: Na, + shouldSerializeObject: ne.defaultShouldSerializeObject + }; +}); + +// ../node_modules/picoquery/lib/object-util.js +var _n = B((bt) => { + "use strict"; + Object.defineProperty(bt, "__esModule", { value: !0 }); + bt.getDeepObject = uu; + bt.stringifyObject = La; + var ke = St(), pu = xn(); + function du(r) { + return r === "__proto__" || r === "constructor" || r === "prototype"; + } + s(du, "isPrototypeKey"); + function uu(r, e, t, o, n) { + if (du(e)) + return r; + let a = r[e]; + return typeof a == "object" && a !== null ? a : !o && (n || typeof t == "number" || typeof t == "string" && t * 0 === 0 && t.indexOf(".") === + -1) ? r[e] = [] : r[e] = {}; + } + s(uu, "getDeepObject"); + var fu = 20, yu = "[]", mu = "[", hu = "]", gu = "."; + function La(r, e, t = 0, o, n) { + let { nestingSyntax: a = ke.defaultOptions.nestingSyntax, arrayRepeat: l = ke.defaultOptions.arrayRepeat, arrayRepeatSyntax: c = ke.defaultOptions. + arrayRepeatSyntax, nesting: i = ke.defaultOptions.nesting, delimiter: p = ke.defaultOptions.delimiter, valueSerializer: u = ke.defaultOptions. + valueSerializer, shouldSerializeObject: d = ke.defaultOptions.shouldSerializeObject } = e, y = typeof p == "number" ? String.fromCharCode( + p) : p, g = n === !0 && l, m = a === "dot" || a === "js" && !n; + if (t > fu) + return ""; + let S = "", h = !0, A = !1; + for (let b in r) { + let E = r[b], T; + o ? (T = o, g ? c === "bracket" && (T += yu) : m ? (T += gu, T += b) : (T += mu, T += b, T += hu)) : T = b, h || (S += y), typeof E == + "object" && E !== null && !d(E) ? (A = E.pop !== void 0, (i || l && A) && (S += La(E, e, t + 1, T, A))) : (S += (0, pu.encodeString)(T), + S += "=", S += u(E, b)), h && (h = !1); + } + return S; + } + s(La, "stringifyObject"); +}); + +// ../node_modules/fast-decode-uri-component/index.js +var Ua = B((YS, qa) => { + "use strict"; + var ja = 12, Su = 0, wn = [ + // The first part of the table maps bytes to character to a transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 1, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 2, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 3, + 4, + 4, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 5, + 6, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 7, + 8, + 7, + 7, + 10, + 9, + 9, + 9, + 11, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + 4, + // The second part of the table maps a state to a new state when adding a + // transition. + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 12, + 0, + 0, + 0, + 0, + 24, + 36, + 48, + 60, + 72, + 84, + 96, + 0, + 12, + 12, + 12, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 24, + 24, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 48, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + // The third part maps the current transition to a mask that needs to apply + // to the byte. + 127, + 63, + 63, + 63, + 0, + 31, + 15, + 15, + 15, + 7, + 7, + 7 + ]; + function bu(r) { + var e = r.indexOf("%"); + if (e === -1) return r; + for (var t = r.length, o = "", n = 0, a = 0, l = e, c = ja; e > -1 && e < t; ) { + var i = Ma(r[e + 1], 4), p = Ma(r[e + 2], 0), u = i | p, d = wn[u]; + if (c = wn[256 + c + d], a = a << 6 | u & wn[364 + d], c === ja) + o += r.slice(n, l), o += a <= 65535 ? String.fromCharCode(a) : String.fromCharCode( + 55232 + (a >> 10), + 56320 + (a & 1023) + ), a = 0, n = e + 3, e = l = r.indexOf("%", n); + else { + if (c === Su) + return null; + if (e += 3, e < t && r.charCodeAt(e) === 37) continue; + return null; + } + } + return o + r.slice(n); + } + s(bu, "decodeURIComponent"); + var Tu = { + 0: 0, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + 6: 6, + 7: 7, + 8: 8, + 9: 9, + a: 10, + A: 10, + b: 11, + B: 11, + c: 12, + C: 12, + d: 13, + D: 13, + e: 14, + E: 14, + f: 15, + F: 15 + }; + function Ma(r, e) { + var t = Tu[r]; + return t === void 0 ? 255 : t << e; + } + s(Ma, "hexCodeToInt"); + qa.exports = bu; +}); + +// ../node_modules/picoquery/lib/parse.js +var Ha = B((pe) => { + "use strict"; + var Eu = pe && pe.__importDefault || function(r) { + return r && r.__esModule ? r : { default: r }; + }; + Object.defineProperty(pe, "__esModule", { value: !0 }); + pe.numberValueDeserializer = pe.numberKeyDeserializer = void 0; + pe.parse = Au; + var Tt = _n(), Ne = St(), Ba = Eu(Ua()), Ru = /* @__PURE__ */ s((r) => { + let e = Number(r); + return Number.isNaN(e) ? r : e; + }, "numberKeyDeserializer"); + pe.numberKeyDeserializer = Ru; + var xu = /* @__PURE__ */ s((r) => { + let e = Number(r); + return Number.isNaN(e) ? r : e; + }, "numberValueDeserializer"); + pe.numberValueDeserializer = xu; + var Ga = /\+/g, Va = /* @__PURE__ */ s(function() { + }, "Empty"); + Va.prototype = /* @__PURE__ */ Object.create(null); + function Et(r, e, t, o, n) { + let a = r.substring(e, t); + return o && (a = a.replace(Ga, " ")), n && (a = (0, Ba.default)(a) || a), a; + } + s(Et, "computeKeySlice"); + function Au(r, e) { + let { valueDeserializer: t = Ne.defaultOptions.valueDeserializer, keyDeserializer: o = Ne.defaultOptions.keyDeserializer, arrayRepeatSyntax: n = Ne. + defaultOptions.arrayRepeatSyntax, nesting: a = Ne.defaultOptions.nesting, arrayRepeat: l = Ne.defaultOptions.arrayRepeat, nestingSyntax: c = Ne. + defaultOptions.nestingSyntax, delimiter: i = Ne.defaultOptions.delimiter } = e ?? {}, p = typeof i == "string" ? i.charCodeAt(0) : i, u = c === + "js", d = new Va(); + if (typeof r != "string") + return d; + let y = r.length, g = "", m = -1, S = -1, h = -1, A = d, b, E = "", T = "", _ = !1, P = !1, D = !1, O = !1, U = !1, J = !1, de = !1, k = 0, + F = -1, M = -1, N = -1; + for (let I = 0; I < y + 1; I++) { + if (k = I !== y ? r.charCodeAt(I) : p, k === p) { + if (de = S > m, de || (S = I), h !== S - 1 && (T = Et(r, h + 1, F > -1 ? F : S, D, _), E = o(T), b !== void 0 && (A = (0, Tt.getDeepObject)( + A, b, E, u && U, u && J))), de || E !== "") { + de && (g = r.slice(S + 1, I), O && (g = g.replace(Ga, " ")), P && (g = (0, Ba.default)(g) || g)); + let V = t(g, E); + if (l) { + let Q = A[E]; + Q === void 0 ? F > -1 ? A[E] = [V] : A[E] = V : Q.pop ? Q.push(V) : A[E] = [Q, V]; + } else + A[E] = V; + } + g = "", m = I, S = I, _ = !1, P = !1, D = !1, O = !1, U = !1, J = !1, F = -1, h = I, A = d, b = void 0, E = ""; + } else k === 93 ? (l && n === "bracket" && N === 91 && (F = M), a && (c === "index" || u) && S <= m && (h !== M && (T = Et(r, h + 1, I, + D, _), E = o(T), b !== void 0 && (A = (0, Tt.getDeepObject)(A, b, E, void 0, u)), b = E, D = !1, _ = !1), h = I, J = !0, U = !1)) : k === + 46 ? a && (c === "dot" || u) && S <= m && (h !== M && (T = Et(r, h + 1, I, D, _), E = o(T), b !== void 0 && (A = (0, Tt.getDeepObject)( + A, b, E, u)), b = E, D = !1, _ = !1), U = !0, J = !1, h = I) : k === 91 ? a && (c === "index" || u) && S <= m && (h !== M && (T = Et(r, + h + 1, I, D, _), E = o(T), u && b !== void 0 && (A = (0, Tt.getDeepObject)(A, b, E, u)), b = E, D = !1, _ = !1, U = !1, J = !0), h = I) : + k === 61 ? S <= m ? S = I : P = !0 : k === 43 ? S > m ? O = !0 : D = !0 : k === 37 && (S > m ? P = !0 : _ = !0); + M = I, N = k; + } + return d; + } + s(Au, "parse"); +}); + +// ../node_modules/picoquery/lib/stringify.js +var za = B((vn) => { + "use strict"; + Object.defineProperty(vn, "__esModule", { value: !0 }); + vn.stringify = wu; + var _u = _n(); + function wu(r, e) { + if (r === null || typeof r != "object") + return ""; + let t = e ?? {}; + return (0, _u.stringifyObject)(r, t); + } + s(wu, "stringify"); +}); + +// ../node_modules/picoquery/lib/main.js +var Rt = B((re) => { + "use strict"; + var vu = re && re.__createBinding || (Object.create ? function(r, e, t, o) { + o === void 0 && (o = t); + var n = Object.getOwnPropertyDescriptor(e, t); + (!n || ("get" in n ? !e.__esModule : n.writable || n.configurable)) && (n = { enumerable: !0, get: /* @__PURE__ */ s(function() { + return e[t]; + }, "get") }), Object.defineProperty(r, o, n); + } : function(r, e, t, o) { + o === void 0 && (o = t), r[o] = e[t]; + }), Pu = re && re.__exportStar || function(r, e) { + for (var t in r) t !== "default" && !Object.prototype.hasOwnProperty.call(e, t) && vu(e, r, t); + }; + Object.defineProperty(re, "__esModule", { value: !0 }); + re.stringify = re.parse = void 0; + var Cu = Ha(); + Object.defineProperty(re, "parse", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Cu.parse; + }, "get") }); + var Ou = za(); + Object.defineProperty(re, "stringify", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Ou.stringify; + }, "get") }); + Pu(St(), re); +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/maps/entities.json +var In = B((db, ju) => { + ju.exports = { Aacute: "\xC1", aacute: "\xE1", Abreve: "\u0102", abreve: "\u0103", ac: "\u223E", acd: "\u223F", acE: "\u223E\u0333", Acirc: "\ +\xC2", acirc: "\xE2", acute: "\xB4", Acy: "\u0410", acy: "\u0430", AElig: "\xC6", aelig: "\xE6", af: "\u2061", Afr: "\u{1D504}", afr: "\u{1D51E}", + Agrave: "\xC0", agrave: "\xE0", alefsym: "\u2135", aleph: "\u2135", Alpha: "\u0391", alpha: "\u03B1", Amacr: "\u0100", amacr: "\u0101", amalg: "\ +\u2A3F", amp: "&", AMP: "&", andand: "\u2A55", And: "\u2A53", and: "\u2227", andd: "\u2A5C", andslope: "\u2A58", andv: "\u2A5A", ang: "\u2220", + ange: "\u29A4", angle: "\u2220", angmsdaa: "\u29A8", angmsdab: "\u29A9", angmsdac: "\u29AA", angmsdad: "\u29AB", angmsdae: "\u29AC", angmsdaf: "\ +\u29AD", angmsdag: "\u29AE", angmsdah: "\u29AF", angmsd: "\u2221", angrt: "\u221F", angrtvb: "\u22BE", angrtvbd: "\u299D", angsph: "\u2222", + angst: "\xC5", angzarr: "\u237C", Aogon: "\u0104", aogon: "\u0105", Aopf: "\u{1D538}", aopf: "\u{1D552}", apacir: "\u2A6F", ap: "\u2248", apE: "\ +\u2A70", ape: "\u224A", apid: "\u224B", apos: "'", ApplyFunction: "\u2061", approx: "\u2248", approxeq: "\u224A", Aring: "\xC5", aring: "\xE5", + Ascr: "\u{1D49C}", ascr: "\u{1D4B6}", Assign: "\u2254", ast: "*", asymp: "\u2248", asympeq: "\u224D", Atilde: "\xC3", atilde: "\xE3", Auml: "\ +\xC4", auml: "\xE4", awconint: "\u2233", awint: "\u2A11", backcong: "\u224C", backepsilon: "\u03F6", backprime: "\u2035", backsim: "\u223D", + backsimeq: "\u22CD", Backslash: "\u2216", Barv: "\u2AE7", barvee: "\u22BD", barwed: "\u2305", Barwed: "\u2306", barwedge: "\u2305", bbrk: "\ +\u23B5", bbrktbrk: "\u23B6", bcong: "\u224C", Bcy: "\u0411", bcy: "\u0431", bdquo: "\u201E", becaus: "\u2235", because: "\u2235", Because: "\ +\u2235", bemptyv: "\u29B0", bepsi: "\u03F6", bernou: "\u212C", Bernoullis: "\u212C", Beta: "\u0392", beta: "\u03B2", beth: "\u2136", between: "\ +\u226C", Bfr: "\u{1D505}", bfr: "\u{1D51F}", bigcap: "\u22C2", bigcirc: "\u25EF", bigcup: "\u22C3", bigodot: "\u2A00", bigoplus: "\u2A01", bigotimes: "\ +\u2A02", bigsqcup: "\u2A06", bigstar: "\u2605", bigtriangledown: "\u25BD", bigtriangleup: "\u25B3", biguplus: "\u2A04", bigvee: "\u22C1", bigwedge: "\ +\u22C0", bkarow: "\u290D", blacklozenge: "\u29EB", blacksquare: "\u25AA", blacktriangle: "\u25B4", blacktriangledown: "\u25BE", blacktriangleleft: "\ +\u25C2", blacktriangleright: "\u25B8", blank: "\u2423", blk12: "\u2592", blk14: "\u2591", blk34: "\u2593", block: "\u2588", bne: "=\u20E5", bnequiv: "\ +\u2261\u20E5", bNot: "\u2AED", bnot: "\u2310", Bopf: "\u{1D539}", bopf: "\u{1D553}", bot: "\u22A5", bottom: "\u22A5", bowtie: "\u22C8", boxbox: "\ +\u29C9", boxdl: "\u2510", boxdL: "\u2555", boxDl: "\u2556", boxDL: "\u2557", boxdr: "\u250C", boxdR: "\u2552", boxDr: "\u2553", boxDR: "\u2554", + boxh: "\u2500", boxH: "\u2550", boxhd: "\u252C", boxHd: "\u2564", boxhD: "\u2565", boxHD: "\u2566", boxhu: "\u2534", boxHu: "\u2567", boxhU: "\ +\u2568", boxHU: "\u2569", boxminus: "\u229F", boxplus: "\u229E", boxtimes: "\u22A0", boxul: "\u2518", boxuL: "\u255B", boxUl: "\u255C", boxUL: "\ +\u255D", boxur: "\u2514", boxuR: "\u2558", boxUr: "\u2559", boxUR: "\u255A", boxv: "\u2502", boxV: "\u2551", boxvh: "\u253C", boxvH: "\u256A", + boxVh: "\u256B", boxVH: "\u256C", boxvl: "\u2524", boxvL: "\u2561", boxVl: "\u2562", boxVL: "\u2563", boxvr: "\u251C", boxvR: "\u255E", boxVr: "\ +\u255F", boxVR: "\u2560", bprime: "\u2035", breve: "\u02D8", Breve: "\u02D8", brvbar: "\xA6", bscr: "\u{1D4B7}", Bscr: "\u212C", bsemi: "\u204F", + bsim: "\u223D", bsime: "\u22CD", bsolb: "\u29C5", bsol: "\\", bsolhsub: "\u27C8", bull: "\u2022", bullet: "\u2022", bump: "\u224E", bumpE: "\ +\u2AAE", bumpe: "\u224F", Bumpeq: "\u224E", bumpeq: "\u224F", Cacute: "\u0106", cacute: "\u0107", capand: "\u2A44", capbrcup: "\u2A49", capcap: "\ +\u2A4B", cap: "\u2229", Cap: "\u22D2", capcup: "\u2A47", capdot: "\u2A40", CapitalDifferentialD: "\u2145", caps: "\u2229\uFE00", caret: "\u2041", + caron: "\u02C7", Cayleys: "\u212D", ccaps: "\u2A4D", Ccaron: "\u010C", ccaron: "\u010D", Ccedil: "\xC7", ccedil: "\xE7", Ccirc: "\u0108", ccirc: "\ +\u0109", Cconint: "\u2230", ccups: "\u2A4C", ccupssm: "\u2A50", Cdot: "\u010A", cdot: "\u010B", cedil: "\xB8", Cedilla: "\xB8", cemptyv: "\u29B2", + cent: "\xA2", centerdot: "\xB7", CenterDot: "\xB7", cfr: "\u{1D520}", Cfr: "\u212D", CHcy: "\u0427", chcy: "\u0447", check: "\u2713", checkmark: "\ +\u2713", Chi: "\u03A7", chi: "\u03C7", circ: "\u02C6", circeq: "\u2257", circlearrowleft: "\u21BA", circlearrowright: "\u21BB", circledast: "\ +\u229B", circledcirc: "\u229A", circleddash: "\u229D", CircleDot: "\u2299", circledR: "\xAE", circledS: "\u24C8", CircleMinus: "\u2296", CirclePlus: "\ +\u2295", CircleTimes: "\u2297", cir: "\u25CB", cirE: "\u29C3", cire: "\u2257", cirfnint: "\u2A10", cirmid: "\u2AEF", cirscir: "\u29C2", ClockwiseContourIntegral: "\ +\u2232", CloseCurlyDoubleQuote: "\u201D", CloseCurlyQuote: "\u2019", clubs: "\u2663", clubsuit: "\u2663", colon: ":", Colon: "\u2237", Colone: "\ +\u2A74", colone: "\u2254", coloneq: "\u2254", comma: ",", commat: "@", comp: "\u2201", compfn: "\u2218", complement: "\u2201", complexes: "\u2102", + cong: "\u2245", congdot: "\u2A6D", Congruent: "\u2261", conint: "\u222E", Conint: "\u222F", ContourIntegral: "\u222E", copf: "\u{1D554}", Copf: "\ +\u2102", coprod: "\u2210", Coproduct: "\u2210", copy: "\xA9", COPY: "\xA9", copysr: "\u2117", CounterClockwiseContourIntegral: "\u2233", crarr: "\ +\u21B5", cross: "\u2717", Cross: "\u2A2F", Cscr: "\u{1D49E}", cscr: "\u{1D4B8}", csub: "\u2ACF", csube: "\u2AD1", csup: "\u2AD0", csupe: "\u2AD2", + ctdot: "\u22EF", cudarrl: "\u2938", cudarrr: "\u2935", cuepr: "\u22DE", cuesc: "\u22DF", cularr: "\u21B6", cularrp: "\u293D", cupbrcap: "\u2A48", + cupcap: "\u2A46", CupCap: "\u224D", cup: "\u222A", Cup: "\u22D3", cupcup: "\u2A4A", cupdot: "\u228D", cupor: "\u2A45", cups: "\u222A\uFE00", + curarr: "\u21B7", curarrm: "\u293C", curlyeqprec: "\u22DE", curlyeqsucc: "\u22DF", curlyvee: "\u22CE", curlywedge: "\u22CF", curren: "\xA4", + curvearrowleft: "\u21B6", curvearrowright: "\u21B7", cuvee: "\u22CE", cuwed: "\u22CF", cwconint: "\u2232", cwint: "\u2231", cylcty: "\u232D", + dagger: "\u2020", Dagger: "\u2021", daleth: "\u2138", darr: "\u2193", Darr: "\u21A1", dArr: "\u21D3", dash: "\u2010", Dashv: "\u2AE4", dashv: "\ +\u22A3", dbkarow: "\u290F", dblac: "\u02DD", Dcaron: "\u010E", dcaron: "\u010F", Dcy: "\u0414", dcy: "\u0434", ddagger: "\u2021", ddarr: "\u21CA", + DD: "\u2145", dd: "\u2146", DDotrahd: "\u2911", ddotseq: "\u2A77", deg: "\xB0", Del: "\u2207", Delta: "\u0394", delta: "\u03B4", demptyv: "\ +\u29B1", dfisht: "\u297F", Dfr: "\u{1D507}", dfr: "\u{1D521}", dHar: "\u2965", dharl: "\u21C3", dharr: "\u21C2", DiacriticalAcute: "\xB4", DiacriticalDot: "\ +\u02D9", DiacriticalDoubleAcute: "\u02DD", DiacriticalGrave: "`", DiacriticalTilde: "\u02DC", diam: "\u22C4", diamond: "\u22C4", Diamond: "\u22C4", + diamondsuit: "\u2666", diams: "\u2666", die: "\xA8", DifferentialD: "\u2146", digamma: "\u03DD", disin: "\u22F2", div: "\xF7", divide: "\xF7", + divideontimes: "\u22C7", divonx: "\u22C7", DJcy: "\u0402", djcy: "\u0452", dlcorn: "\u231E", dlcrop: "\u230D", dollar: "$", Dopf: "\u{1D53B}", + dopf: "\u{1D555}", Dot: "\xA8", dot: "\u02D9", DotDot: "\u20DC", doteq: "\u2250", doteqdot: "\u2251", DotEqual: "\u2250", dotminus: "\u2238", + dotplus: "\u2214", dotsquare: "\u22A1", doublebarwedge: "\u2306", DoubleContourIntegral: "\u222F", DoubleDot: "\xA8", DoubleDownArrow: "\u21D3", + DoubleLeftArrow: "\u21D0", DoubleLeftRightArrow: "\u21D4", DoubleLeftTee: "\u2AE4", DoubleLongLeftArrow: "\u27F8", DoubleLongLeftRightArrow: "\ +\u27FA", DoubleLongRightArrow: "\u27F9", DoubleRightArrow: "\u21D2", DoubleRightTee: "\u22A8", DoubleUpArrow: "\u21D1", DoubleUpDownArrow: "\ +\u21D5", DoubleVerticalBar: "\u2225", DownArrowBar: "\u2913", downarrow: "\u2193", DownArrow: "\u2193", Downarrow: "\u21D3", DownArrowUpArrow: "\ +\u21F5", DownBreve: "\u0311", downdownarrows: "\u21CA", downharpoonleft: "\u21C3", downharpoonright: "\u21C2", DownLeftRightVector: "\u2950", + DownLeftTeeVector: "\u295E", DownLeftVectorBar: "\u2956", DownLeftVector: "\u21BD", DownRightTeeVector: "\u295F", DownRightVectorBar: "\u2957", + DownRightVector: "\u21C1", DownTeeArrow: "\u21A7", DownTee: "\u22A4", drbkarow: "\u2910", drcorn: "\u231F", drcrop: "\u230C", Dscr: "\u{1D49F}", + dscr: "\u{1D4B9}", DScy: "\u0405", dscy: "\u0455", dsol: "\u29F6", Dstrok: "\u0110", dstrok: "\u0111", dtdot: "\u22F1", dtri: "\u25BF", dtrif: "\ +\u25BE", duarr: "\u21F5", duhar: "\u296F", dwangle: "\u29A6", DZcy: "\u040F", dzcy: "\u045F", dzigrarr: "\u27FF", Eacute: "\xC9", eacute: "\xE9", + easter: "\u2A6E", Ecaron: "\u011A", ecaron: "\u011B", Ecirc: "\xCA", ecirc: "\xEA", ecir: "\u2256", ecolon: "\u2255", Ecy: "\u042D", ecy: "\ +\u044D", eDDot: "\u2A77", Edot: "\u0116", edot: "\u0117", eDot: "\u2251", ee: "\u2147", efDot: "\u2252", Efr: "\u{1D508}", efr: "\u{1D522}", + eg: "\u2A9A", Egrave: "\xC8", egrave: "\xE8", egs: "\u2A96", egsdot: "\u2A98", el: "\u2A99", Element: "\u2208", elinters: "\u23E7", ell: "\ +\u2113", els: "\u2A95", elsdot: "\u2A97", Emacr: "\u0112", emacr: "\u0113", empty: "\u2205", emptyset: "\u2205", EmptySmallSquare: "\u25FB", + emptyv: "\u2205", EmptyVerySmallSquare: "\u25AB", emsp13: "\u2004", emsp14: "\u2005", emsp: "\u2003", ENG: "\u014A", eng: "\u014B", ensp: "\ +\u2002", Eogon: "\u0118", eogon: "\u0119", Eopf: "\u{1D53C}", eopf: "\u{1D556}", epar: "\u22D5", eparsl: "\u29E3", eplus: "\u2A71", epsi: "\u03B5", + Epsilon: "\u0395", epsilon: "\u03B5", epsiv: "\u03F5", eqcirc: "\u2256", eqcolon: "\u2255", eqsim: "\u2242", eqslantgtr: "\u2A96", eqslantless: "\ +\u2A95", Equal: "\u2A75", equals: "=", EqualTilde: "\u2242", equest: "\u225F", Equilibrium: "\u21CC", equiv: "\u2261", equivDD: "\u2A78", eqvparsl: "\ +\u29E5", erarr: "\u2971", erDot: "\u2253", escr: "\u212F", Escr: "\u2130", esdot: "\u2250", Esim: "\u2A73", esim: "\u2242", Eta: "\u0397", eta: "\ +\u03B7", ETH: "\xD0", eth: "\xF0", Euml: "\xCB", euml: "\xEB", euro: "\u20AC", excl: "!", exist: "\u2203", Exists: "\u2203", expectation: "\u2130", + exponentiale: "\u2147", ExponentialE: "\u2147", fallingdotseq: "\u2252", Fcy: "\u0424", fcy: "\u0444", female: "\u2640", ffilig: "\uFB03", + fflig: "\uFB00", ffllig: "\uFB04", Ffr: "\u{1D509}", ffr: "\u{1D523}", filig: "\uFB01", FilledSmallSquare: "\u25FC", FilledVerySmallSquare: "\ +\u25AA", fjlig: "fj", flat: "\u266D", fllig: "\uFB02", fltns: "\u25B1", fnof: "\u0192", Fopf: "\u{1D53D}", fopf: "\u{1D557}", forall: "\u2200", + ForAll: "\u2200", fork: "\u22D4", forkv: "\u2AD9", Fouriertrf: "\u2131", fpartint: "\u2A0D", frac12: "\xBD", frac13: "\u2153", frac14: "\xBC", + frac15: "\u2155", frac16: "\u2159", frac18: "\u215B", frac23: "\u2154", frac25: "\u2156", frac34: "\xBE", frac35: "\u2157", frac38: "\u215C", + frac45: "\u2158", frac56: "\u215A", frac58: "\u215D", frac78: "\u215E", frasl: "\u2044", frown: "\u2322", fscr: "\u{1D4BB}", Fscr: "\u2131", + gacute: "\u01F5", Gamma: "\u0393", gamma: "\u03B3", Gammad: "\u03DC", gammad: "\u03DD", gap: "\u2A86", Gbreve: "\u011E", gbreve: "\u011F", + Gcedil: "\u0122", Gcirc: "\u011C", gcirc: "\u011D", Gcy: "\u0413", gcy: "\u0433", Gdot: "\u0120", gdot: "\u0121", ge: "\u2265", gE: "\u2267", + gEl: "\u2A8C", gel: "\u22DB", geq: "\u2265", geqq: "\u2267", geqslant: "\u2A7E", gescc: "\u2AA9", ges: "\u2A7E", gesdot: "\u2A80", gesdoto: "\ +\u2A82", gesdotol: "\u2A84", gesl: "\u22DB\uFE00", gesles: "\u2A94", Gfr: "\u{1D50A}", gfr: "\u{1D524}", gg: "\u226B", Gg: "\u22D9", ggg: "\u22D9", + gimel: "\u2137", GJcy: "\u0403", gjcy: "\u0453", gla: "\u2AA5", gl: "\u2277", glE: "\u2A92", glj: "\u2AA4", gnap: "\u2A8A", gnapprox: "\u2A8A", + gne: "\u2A88", gnE: "\u2269", gneq: "\u2A88", gneqq: "\u2269", gnsim: "\u22E7", Gopf: "\u{1D53E}", gopf: "\u{1D558}", grave: "`", GreaterEqual: "\ +\u2265", GreaterEqualLess: "\u22DB", GreaterFullEqual: "\u2267", GreaterGreater: "\u2AA2", GreaterLess: "\u2277", GreaterSlantEqual: "\u2A7E", + GreaterTilde: "\u2273", Gscr: "\u{1D4A2}", gscr: "\u210A", gsim: "\u2273", gsime: "\u2A8E", gsiml: "\u2A90", gtcc: "\u2AA7", gtcir: "\u2A7A", + gt: ">", GT: ">", Gt: "\u226B", gtdot: "\u22D7", gtlPar: "\u2995", gtquest: "\u2A7C", gtrapprox: "\u2A86", gtrarr: "\u2978", gtrdot: "\u22D7", + gtreqless: "\u22DB", gtreqqless: "\u2A8C", gtrless: "\u2277", gtrsim: "\u2273", gvertneqq: "\u2269\uFE00", gvnE: "\u2269\uFE00", Hacek: "\u02C7", + hairsp: "\u200A", half: "\xBD", hamilt: "\u210B", HARDcy: "\u042A", hardcy: "\u044A", harrcir: "\u2948", harr: "\u2194", hArr: "\u21D4", harrw: "\ +\u21AD", Hat: "^", hbar: "\u210F", Hcirc: "\u0124", hcirc: "\u0125", hearts: "\u2665", heartsuit: "\u2665", hellip: "\u2026", hercon: "\u22B9", + hfr: "\u{1D525}", Hfr: "\u210C", HilbertSpace: "\u210B", hksearow: "\u2925", hkswarow: "\u2926", hoarr: "\u21FF", homtht: "\u223B", hookleftarrow: "\ +\u21A9", hookrightarrow: "\u21AA", hopf: "\u{1D559}", Hopf: "\u210D", horbar: "\u2015", HorizontalLine: "\u2500", hscr: "\u{1D4BD}", Hscr: "\ +\u210B", hslash: "\u210F", Hstrok: "\u0126", hstrok: "\u0127", HumpDownHump: "\u224E", HumpEqual: "\u224F", hybull: "\u2043", hyphen: "\u2010", + Iacute: "\xCD", iacute: "\xED", ic: "\u2063", Icirc: "\xCE", icirc: "\xEE", Icy: "\u0418", icy: "\u0438", Idot: "\u0130", IEcy: "\u0415", iecy: "\ +\u0435", iexcl: "\xA1", iff: "\u21D4", ifr: "\u{1D526}", Ifr: "\u2111", Igrave: "\xCC", igrave: "\xEC", ii: "\u2148", iiiint: "\u2A0C", iiint: "\ +\u222D", iinfin: "\u29DC", iiota: "\u2129", IJlig: "\u0132", ijlig: "\u0133", Imacr: "\u012A", imacr: "\u012B", image: "\u2111", ImaginaryI: "\ +\u2148", imagline: "\u2110", imagpart: "\u2111", imath: "\u0131", Im: "\u2111", imof: "\u22B7", imped: "\u01B5", Implies: "\u21D2", incare: "\ +\u2105", in: "\u2208", infin: "\u221E", infintie: "\u29DD", inodot: "\u0131", intcal: "\u22BA", int: "\u222B", Int: "\u222C", integers: "\u2124", + Integral: "\u222B", intercal: "\u22BA", Intersection: "\u22C2", intlarhk: "\u2A17", intprod: "\u2A3C", InvisibleComma: "\u2063", InvisibleTimes: "\ +\u2062", IOcy: "\u0401", iocy: "\u0451", Iogon: "\u012E", iogon: "\u012F", Iopf: "\u{1D540}", iopf: "\u{1D55A}", Iota: "\u0399", iota: "\u03B9", + iprod: "\u2A3C", iquest: "\xBF", iscr: "\u{1D4BE}", Iscr: "\u2110", isin: "\u2208", isindot: "\u22F5", isinE: "\u22F9", isins: "\u22F4", isinsv: "\ +\u22F3", isinv: "\u2208", it: "\u2062", Itilde: "\u0128", itilde: "\u0129", Iukcy: "\u0406", iukcy: "\u0456", Iuml: "\xCF", iuml: "\xEF", Jcirc: "\ +\u0134", jcirc: "\u0135", Jcy: "\u0419", jcy: "\u0439", Jfr: "\u{1D50D}", jfr: "\u{1D527}", jmath: "\u0237", Jopf: "\u{1D541}", jopf: "\u{1D55B}", + Jscr: "\u{1D4A5}", jscr: "\u{1D4BF}", Jsercy: "\u0408", jsercy: "\u0458", Jukcy: "\u0404", jukcy: "\u0454", Kappa: "\u039A", kappa: "\u03BA", + kappav: "\u03F0", Kcedil: "\u0136", kcedil: "\u0137", Kcy: "\u041A", kcy: "\u043A", Kfr: "\u{1D50E}", kfr: "\u{1D528}", kgreen: "\u0138", KHcy: "\ +\u0425", khcy: "\u0445", KJcy: "\u040C", kjcy: "\u045C", Kopf: "\u{1D542}", kopf: "\u{1D55C}", Kscr: "\u{1D4A6}", kscr: "\u{1D4C0}", lAarr: "\ +\u21DA", Lacute: "\u0139", lacute: "\u013A", laemptyv: "\u29B4", lagran: "\u2112", Lambda: "\u039B", lambda: "\u03BB", lang: "\u27E8", Lang: "\ +\u27EA", langd: "\u2991", langle: "\u27E8", lap: "\u2A85", Laplacetrf: "\u2112", laquo: "\xAB", larrb: "\u21E4", larrbfs: "\u291F", larr: "\u2190", + Larr: "\u219E", lArr: "\u21D0", larrfs: "\u291D", larrhk: "\u21A9", larrlp: "\u21AB", larrpl: "\u2939", larrsim: "\u2973", larrtl: "\u21A2", + latail: "\u2919", lAtail: "\u291B", lat: "\u2AAB", late: "\u2AAD", lates: "\u2AAD\uFE00", lbarr: "\u290C", lBarr: "\u290E", lbbrk: "\u2772", + lbrace: "{", lbrack: "[", lbrke: "\u298B", lbrksld: "\u298F", lbrkslu: "\u298D", Lcaron: "\u013D", lcaron: "\u013E", Lcedil: "\u013B", lcedil: "\ +\u013C", lceil: "\u2308", lcub: "{", Lcy: "\u041B", lcy: "\u043B", ldca: "\u2936", ldquo: "\u201C", ldquor: "\u201E", ldrdhar: "\u2967", ldrushar: "\ +\u294B", ldsh: "\u21B2", le: "\u2264", lE: "\u2266", LeftAngleBracket: "\u27E8", LeftArrowBar: "\u21E4", leftarrow: "\u2190", LeftArrow: "\u2190", + Leftarrow: "\u21D0", LeftArrowRightArrow: "\u21C6", leftarrowtail: "\u21A2", LeftCeiling: "\u2308", LeftDoubleBracket: "\u27E6", LeftDownTeeVector: "\ +\u2961", LeftDownVectorBar: "\u2959", LeftDownVector: "\u21C3", LeftFloor: "\u230A", leftharpoondown: "\u21BD", leftharpoonup: "\u21BC", leftleftarrows: "\ +\u21C7", leftrightarrow: "\u2194", LeftRightArrow: "\u2194", Leftrightarrow: "\u21D4", leftrightarrows: "\u21C6", leftrightharpoons: "\u21CB", + leftrightsquigarrow: "\u21AD", LeftRightVector: "\u294E", LeftTeeArrow: "\u21A4", LeftTee: "\u22A3", LeftTeeVector: "\u295A", leftthreetimes: "\ +\u22CB", LeftTriangleBar: "\u29CF", LeftTriangle: "\u22B2", LeftTriangleEqual: "\u22B4", LeftUpDownVector: "\u2951", LeftUpTeeVector: "\u2960", + LeftUpVectorBar: "\u2958", LeftUpVector: "\u21BF", LeftVectorBar: "\u2952", LeftVector: "\u21BC", lEg: "\u2A8B", leg: "\u22DA", leq: "\u2264", + leqq: "\u2266", leqslant: "\u2A7D", lescc: "\u2AA8", les: "\u2A7D", lesdot: "\u2A7F", lesdoto: "\u2A81", lesdotor: "\u2A83", lesg: "\u22DA\uFE00", + lesges: "\u2A93", lessapprox: "\u2A85", lessdot: "\u22D6", lesseqgtr: "\u22DA", lesseqqgtr: "\u2A8B", LessEqualGreater: "\u22DA", LessFullEqual: "\ +\u2266", LessGreater: "\u2276", lessgtr: "\u2276", LessLess: "\u2AA1", lesssim: "\u2272", LessSlantEqual: "\u2A7D", LessTilde: "\u2272", lfisht: "\ +\u297C", lfloor: "\u230A", Lfr: "\u{1D50F}", lfr: "\u{1D529}", lg: "\u2276", lgE: "\u2A91", lHar: "\u2962", lhard: "\u21BD", lharu: "\u21BC", + lharul: "\u296A", lhblk: "\u2584", LJcy: "\u0409", ljcy: "\u0459", llarr: "\u21C7", ll: "\u226A", Ll: "\u22D8", llcorner: "\u231E", Lleftarrow: "\ +\u21DA", llhard: "\u296B", lltri: "\u25FA", Lmidot: "\u013F", lmidot: "\u0140", lmoustache: "\u23B0", lmoust: "\u23B0", lnap: "\u2A89", lnapprox: "\ +\u2A89", lne: "\u2A87", lnE: "\u2268", lneq: "\u2A87", lneqq: "\u2268", lnsim: "\u22E6", loang: "\u27EC", loarr: "\u21FD", lobrk: "\u27E6", longleftarrow: "\ +\u27F5", LongLeftArrow: "\u27F5", Longleftarrow: "\u27F8", longleftrightarrow: "\u27F7", LongLeftRightArrow: "\u27F7", Longleftrightarrow: "\ +\u27FA", longmapsto: "\u27FC", longrightarrow: "\u27F6", LongRightArrow: "\u27F6", Longrightarrow: "\u27F9", looparrowleft: "\u21AB", looparrowright: "\ +\u21AC", lopar: "\u2985", Lopf: "\u{1D543}", lopf: "\u{1D55D}", loplus: "\u2A2D", lotimes: "\u2A34", lowast: "\u2217", lowbar: "_", LowerLeftArrow: "\ +\u2199", LowerRightArrow: "\u2198", loz: "\u25CA", lozenge: "\u25CA", lozf: "\u29EB", lpar: "(", lparlt: "\u2993", lrarr: "\u21C6", lrcorner: "\ +\u231F", lrhar: "\u21CB", lrhard: "\u296D", lrm: "\u200E", lrtri: "\u22BF", lsaquo: "\u2039", lscr: "\u{1D4C1}", Lscr: "\u2112", lsh: "\u21B0", + Lsh: "\u21B0", lsim: "\u2272", lsime: "\u2A8D", lsimg: "\u2A8F", lsqb: "[", lsquo: "\u2018", lsquor: "\u201A", Lstrok: "\u0141", lstrok: "\ +\u0142", ltcc: "\u2AA6", ltcir: "\u2A79", lt: "<", LT: "<", Lt: "\u226A", ltdot: "\u22D6", lthree: "\u22CB", ltimes: "\u22C9", ltlarr: "\u2976", + ltquest: "\u2A7B", ltri: "\u25C3", ltrie: "\u22B4", ltrif: "\u25C2", ltrPar: "\u2996", lurdshar: "\u294A", luruhar: "\u2966", lvertneqq: "\ +\u2268\uFE00", lvnE: "\u2268\uFE00", macr: "\xAF", male: "\u2642", malt: "\u2720", maltese: "\u2720", Map: "\u2905", map: "\u21A6", mapsto: "\ +\u21A6", mapstodown: "\u21A7", mapstoleft: "\u21A4", mapstoup: "\u21A5", marker: "\u25AE", mcomma: "\u2A29", Mcy: "\u041C", mcy: "\u043C", mdash: "\ +\u2014", mDDot: "\u223A", measuredangle: "\u2221", MediumSpace: "\u205F", Mellintrf: "\u2133", Mfr: "\u{1D510}", mfr: "\u{1D52A}", mho: "\u2127", + micro: "\xB5", midast: "*", midcir: "\u2AF0", mid: "\u2223", middot: "\xB7", minusb: "\u229F", minus: "\u2212", minusd: "\u2238", minusdu: "\ +\u2A2A", MinusPlus: "\u2213", mlcp: "\u2ADB", mldr: "\u2026", mnplus: "\u2213", models: "\u22A7", Mopf: "\u{1D544}", mopf: "\u{1D55E}", mp: "\ +\u2213", mscr: "\u{1D4C2}", Mscr: "\u2133", mstpos: "\u223E", Mu: "\u039C", mu: "\u03BC", multimap: "\u22B8", mumap: "\u22B8", nabla: "\u2207", + Nacute: "\u0143", nacute: "\u0144", nang: "\u2220\u20D2", nap: "\u2249", napE: "\u2A70\u0338", napid: "\u224B\u0338", napos: "\u0149", napprox: "\ +\u2249", natural: "\u266E", naturals: "\u2115", natur: "\u266E", nbsp: "\xA0", nbump: "\u224E\u0338", nbumpe: "\u224F\u0338", ncap: "\u2A43", + Ncaron: "\u0147", ncaron: "\u0148", Ncedil: "\u0145", ncedil: "\u0146", ncong: "\u2247", ncongdot: "\u2A6D\u0338", ncup: "\u2A42", Ncy: "\u041D", + ncy: "\u043D", ndash: "\u2013", nearhk: "\u2924", nearr: "\u2197", neArr: "\u21D7", nearrow: "\u2197", ne: "\u2260", nedot: "\u2250\u0338", + NegativeMediumSpace: "\u200B", NegativeThickSpace: "\u200B", NegativeThinSpace: "\u200B", NegativeVeryThinSpace: "\u200B", nequiv: "\u2262", + nesear: "\u2928", nesim: "\u2242\u0338", NestedGreaterGreater: "\u226B", NestedLessLess: "\u226A", NewLine: ` +`, nexist: "\u2204", nexists: "\u2204", Nfr: "\u{1D511}", nfr: "\u{1D52B}", ngE: "\u2267\u0338", nge: "\u2271", ngeq: "\u2271", ngeqq: "\u2267\u0338", + ngeqslant: "\u2A7E\u0338", nges: "\u2A7E\u0338", nGg: "\u22D9\u0338", ngsim: "\u2275", nGt: "\u226B\u20D2", ngt: "\u226F", ngtr: "\u226F", + nGtv: "\u226B\u0338", nharr: "\u21AE", nhArr: "\u21CE", nhpar: "\u2AF2", ni: "\u220B", nis: "\u22FC", nisd: "\u22FA", niv: "\u220B", NJcy: "\ +\u040A", njcy: "\u045A", nlarr: "\u219A", nlArr: "\u21CD", nldr: "\u2025", nlE: "\u2266\u0338", nle: "\u2270", nleftarrow: "\u219A", nLeftarrow: "\ +\u21CD", nleftrightarrow: "\u21AE", nLeftrightarrow: "\u21CE", nleq: "\u2270", nleqq: "\u2266\u0338", nleqslant: "\u2A7D\u0338", nles: "\u2A7D\u0338", + nless: "\u226E", nLl: "\u22D8\u0338", nlsim: "\u2274", nLt: "\u226A\u20D2", nlt: "\u226E", nltri: "\u22EA", nltrie: "\u22EC", nLtv: "\u226A\u0338", + nmid: "\u2224", NoBreak: "\u2060", NonBreakingSpace: "\xA0", nopf: "\u{1D55F}", Nopf: "\u2115", Not: "\u2AEC", not: "\xAC", NotCongruent: "\ +\u2262", NotCupCap: "\u226D", NotDoubleVerticalBar: "\u2226", NotElement: "\u2209", NotEqual: "\u2260", NotEqualTilde: "\u2242\u0338", NotExists: "\ +\u2204", NotGreater: "\u226F", NotGreaterEqual: "\u2271", NotGreaterFullEqual: "\u2267\u0338", NotGreaterGreater: "\u226B\u0338", NotGreaterLess: "\ +\u2279", NotGreaterSlantEqual: "\u2A7E\u0338", NotGreaterTilde: "\u2275", NotHumpDownHump: "\u224E\u0338", NotHumpEqual: "\u224F\u0338", notin: "\ +\u2209", notindot: "\u22F5\u0338", notinE: "\u22F9\u0338", notinva: "\u2209", notinvb: "\u22F7", notinvc: "\u22F6", NotLeftTriangleBar: "\u29CF\u0338", + NotLeftTriangle: "\u22EA", NotLeftTriangleEqual: "\u22EC", NotLess: "\u226E", NotLessEqual: "\u2270", NotLessGreater: "\u2278", NotLessLess: "\ +\u226A\u0338", NotLessSlantEqual: "\u2A7D\u0338", NotLessTilde: "\u2274", NotNestedGreaterGreater: "\u2AA2\u0338", NotNestedLessLess: "\u2AA1\u0338", + notni: "\u220C", notniva: "\u220C", notnivb: "\u22FE", notnivc: "\u22FD", NotPrecedes: "\u2280", NotPrecedesEqual: "\u2AAF\u0338", NotPrecedesSlantEqual: "\ +\u22E0", NotReverseElement: "\u220C", NotRightTriangleBar: "\u29D0\u0338", NotRightTriangle: "\u22EB", NotRightTriangleEqual: "\u22ED", NotSquareSubset: "\ +\u228F\u0338", NotSquareSubsetEqual: "\u22E2", NotSquareSuperset: "\u2290\u0338", NotSquareSupersetEqual: "\u22E3", NotSubset: "\u2282\u20D2", + NotSubsetEqual: "\u2288", NotSucceeds: "\u2281", NotSucceedsEqual: "\u2AB0\u0338", NotSucceedsSlantEqual: "\u22E1", NotSucceedsTilde: "\u227F\u0338", + NotSuperset: "\u2283\u20D2", NotSupersetEqual: "\u2289", NotTilde: "\u2241", NotTildeEqual: "\u2244", NotTildeFullEqual: "\u2247", NotTildeTilde: "\ +\u2249", NotVerticalBar: "\u2224", nparallel: "\u2226", npar: "\u2226", nparsl: "\u2AFD\u20E5", npart: "\u2202\u0338", npolint: "\u2A14", npr: "\ +\u2280", nprcue: "\u22E0", nprec: "\u2280", npreceq: "\u2AAF\u0338", npre: "\u2AAF\u0338", nrarrc: "\u2933\u0338", nrarr: "\u219B", nrArr: "\ +\u21CF", nrarrw: "\u219D\u0338", nrightarrow: "\u219B", nRightarrow: "\u21CF", nrtri: "\u22EB", nrtrie: "\u22ED", nsc: "\u2281", nsccue: "\u22E1", + nsce: "\u2AB0\u0338", Nscr: "\u{1D4A9}", nscr: "\u{1D4C3}", nshortmid: "\u2224", nshortparallel: "\u2226", nsim: "\u2241", nsime: "\u2244", + nsimeq: "\u2244", nsmid: "\u2224", nspar: "\u2226", nsqsube: "\u22E2", nsqsupe: "\u22E3", nsub: "\u2284", nsubE: "\u2AC5\u0338", nsube: "\u2288", + nsubset: "\u2282\u20D2", nsubseteq: "\u2288", nsubseteqq: "\u2AC5\u0338", nsucc: "\u2281", nsucceq: "\u2AB0\u0338", nsup: "\u2285", nsupE: "\ +\u2AC6\u0338", nsupe: "\u2289", nsupset: "\u2283\u20D2", nsupseteq: "\u2289", nsupseteqq: "\u2AC6\u0338", ntgl: "\u2279", Ntilde: "\xD1", ntilde: "\ +\xF1", ntlg: "\u2278", ntriangleleft: "\u22EA", ntrianglelefteq: "\u22EC", ntriangleright: "\u22EB", ntrianglerighteq: "\u22ED", Nu: "\u039D", + nu: "\u03BD", num: "#", numero: "\u2116", numsp: "\u2007", nvap: "\u224D\u20D2", nvdash: "\u22AC", nvDash: "\u22AD", nVdash: "\u22AE", nVDash: "\ +\u22AF", nvge: "\u2265\u20D2", nvgt: ">\u20D2", nvHarr: "\u2904", nvinfin: "\u29DE", nvlArr: "\u2902", nvle: "\u2264\u20D2", nvlt: "<\u20D2", + nvltrie: "\u22B4\u20D2", nvrArr: "\u2903", nvrtrie: "\u22B5\u20D2", nvsim: "\u223C\u20D2", nwarhk: "\u2923", nwarr: "\u2196", nwArr: "\u21D6", + nwarrow: "\u2196", nwnear: "\u2927", Oacute: "\xD3", oacute: "\xF3", oast: "\u229B", Ocirc: "\xD4", ocirc: "\xF4", ocir: "\u229A", Ocy: "\u041E", + ocy: "\u043E", odash: "\u229D", Odblac: "\u0150", odblac: "\u0151", odiv: "\u2A38", odot: "\u2299", odsold: "\u29BC", OElig: "\u0152", oelig: "\ +\u0153", ofcir: "\u29BF", Ofr: "\u{1D512}", ofr: "\u{1D52C}", ogon: "\u02DB", Ograve: "\xD2", ograve: "\xF2", ogt: "\u29C1", ohbar: "\u29B5", + ohm: "\u03A9", oint: "\u222E", olarr: "\u21BA", olcir: "\u29BE", olcross: "\u29BB", oline: "\u203E", olt: "\u29C0", Omacr: "\u014C", omacr: "\ +\u014D", Omega: "\u03A9", omega: "\u03C9", Omicron: "\u039F", omicron: "\u03BF", omid: "\u29B6", ominus: "\u2296", Oopf: "\u{1D546}", oopf: "\ +\u{1D560}", opar: "\u29B7", OpenCurlyDoubleQuote: "\u201C", OpenCurlyQuote: "\u2018", operp: "\u29B9", oplus: "\u2295", orarr: "\u21BB", Or: "\ +\u2A54", or: "\u2228", ord: "\u2A5D", order: "\u2134", orderof: "\u2134", ordf: "\xAA", ordm: "\xBA", origof: "\u22B6", oror: "\u2A56", orslope: "\ +\u2A57", orv: "\u2A5B", oS: "\u24C8", Oscr: "\u{1D4AA}", oscr: "\u2134", Oslash: "\xD8", oslash: "\xF8", osol: "\u2298", Otilde: "\xD5", otilde: "\ +\xF5", otimesas: "\u2A36", Otimes: "\u2A37", otimes: "\u2297", Ouml: "\xD6", ouml: "\xF6", ovbar: "\u233D", OverBar: "\u203E", OverBrace: "\u23DE", + OverBracket: "\u23B4", OverParenthesis: "\u23DC", para: "\xB6", parallel: "\u2225", par: "\u2225", parsim: "\u2AF3", parsl: "\u2AFD", part: "\ +\u2202", PartialD: "\u2202", Pcy: "\u041F", pcy: "\u043F", percnt: "%", period: ".", permil: "\u2030", perp: "\u22A5", pertenk: "\u2031", Pfr: "\ +\u{1D513}", pfr: "\u{1D52D}", Phi: "\u03A6", phi: "\u03C6", phiv: "\u03D5", phmmat: "\u2133", phone: "\u260E", Pi: "\u03A0", pi: "\u03C0", pitchfork: "\ +\u22D4", piv: "\u03D6", planck: "\u210F", planckh: "\u210E", plankv: "\u210F", plusacir: "\u2A23", plusb: "\u229E", pluscir: "\u2A22", plus: "\ ++", plusdo: "\u2214", plusdu: "\u2A25", pluse: "\u2A72", PlusMinus: "\xB1", plusmn: "\xB1", plussim: "\u2A26", plustwo: "\u2A27", pm: "\xB1", + Poincareplane: "\u210C", pointint: "\u2A15", popf: "\u{1D561}", Popf: "\u2119", pound: "\xA3", prap: "\u2AB7", Pr: "\u2ABB", pr: "\u227A", + prcue: "\u227C", precapprox: "\u2AB7", prec: "\u227A", preccurlyeq: "\u227C", Precedes: "\u227A", PrecedesEqual: "\u2AAF", PrecedesSlantEqual: "\ +\u227C", PrecedesTilde: "\u227E", preceq: "\u2AAF", precnapprox: "\u2AB9", precneqq: "\u2AB5", precnsim: "\u22E8", pre: "\u2AAF", prE: "\u2AB3", + precsim: "\u227E", prime: "\u2032", Prime: "\u2033", primes: "\u2119", prnap: "\u2AB9", prnE: "\u2AB5", prnsim: "\u22E8", prod: "\u220F", Product: "\ +\u220F", profalar: "\u232E", profline: "\u2312", profsurf: "\u2313", prop: "\u221D", Proportional: "\u221D", Proportion: "\u2237", propto: "\ +\u221D", prsim: "\u227E", prurel: "\u22B0", Pscr: "\u{1D4AB}", pscr: "\u{1D4C5}", Psi: "\u03A8", psi: "\u03C8", puncsp: "\u2008", Qfr: "\u{1D514}", + qfr: "\u{1D52E}", qint: "\u2A0C", qopf: "\u{1D562}", Qopf: "\u211A", qprime: "\u2057", Qscr: "\u{1D4AC}", qscr: "\u{1D4C6}", quaternions: "\ +\u210D", quatint: "\u2A16", quest: "?", questeq: "\u225F", quot: '"', QUOT: '"', rAarr: "\u21DB", race: "\u223D\u0331", Racute: "\u0154", racute: "\ +\u0155", radic: "\u221A", raemptyv: "\u29B3", rang: "\u27E9", Rang: "\u27EB", rangd: "\u2992", range: "\u29A5", rangle: "\u27E9", raquo: "\xBB", + rarrap: "\u2975", rarrb: "\u21E5", rarrbfs: "\u2920", rarrc: "\u2933", rarr: "\u2192", Rarr: "\u21A0", rArr: "\u21D2", rarrfs: "\u291E", rarrhk: "\ +\u21AA", rarrlp: "\u21AC", rarrpl: "\u2945", rarrsim: "\u2974", Rarrtl: "\u2916", rarrtl: "\u21A3", rarrw: "\u219D", ratail: "\u291A", rAtail: "\ +\u291C", ratio: "\u2236", rationals: "\u211A", rbarr: "\u290D", rBarr: "\u290F", RBarr: "\u2910", rbbrk: "\u2773", rbrace: "}", rbrack: "]", + rbrke: "\u298C", rbrksld: "\u298E", rbrkslu: "\u2990", Rcaron: "\u0158", rcaron: "\u0159", Rcedil: "\u0156", rcedil: "\u0157", rceil: "\u2309", + rcub: "}", Rcy: "\u0420", rcy: "\u0440", rdca: "\u2937", rdldhar: "\u2969", rdquo: "\u201D", rdquor: "\u201D", rdsh: "\u21B3", real: "\u211C", + realine: "\u211B", realpart: "\u211C", reals: "\u211D", Re: "\u211C", rect: "\u25AD", reg: "\xAE", REG: "\xAE", ReverseElement: "\u220B", ReverseEquilibrium: "\ +\u21CB", ReverseUpEquilibrium: "\u296F", rfisht: "\u297D", rfloor: "\u230B", rfr: "\u{1D52F}", Rfr: "\u211C", rHar: "\u2964", rhard: "\u21C1", + rharu: "\u21C0", rharul: "\u296C", Rho: "\u03A1", rho: "\u03C1", rhov: "\u03F1", RightAngleBracket: "\u27E9", RightArrowBar: "\u21E5", rightarrow: "\ +\u2192", RightArrow: "\u2192", Rightarrow: "\u21D2", RightArrowLeftArrow: "\u21C4", rightarrowtail: "\u21A3", RightCeiling: "\u2309", RightDoubleBracket: "\ +\u27E7", RightDownTeeVector: "\u295D", RightDownVectorBar: "\u2955", RightDownVector: "\u21C2", RightFloor: "\u230B", rightharpoondown: "\u21C1", + rightharpoonup: "\u21C0", rightleftarrows: "\u21C4", rightleftharpoons: "\u21CC", rightrightarrows: "\u21C9", rightsquigarrow: "\u219D", RightTeeArrow: "\ +\u21A6", RightTee: "\u22A2", RightTeeVector: "\u295B", rightthreetimes: "\u22CC", RightTriangleBar: "\u29D0", RightTriangle: "\u22B3", RightTriangleEqual: "\ +\u22B5", RightUpDownVector: "\u294F", RightUpTeeVector: "\u295C", RightUpVectorBar: "\u2954", RightUpVector: "\u21BE", RightVectorBar: "\u2953", + RightVector: "\u21C0", ring: "\u02DA", risingdotseq: "\u2253", rlarr: "\u21C4", rlhar: "\u21CC", rlm: "\u200F", rmoustache: "\u23B1", rmoust: "\ +\u23B1", rnmid: "\u2AEE", roang: "\u27ED", roarr: "\u21FE", robrk: "\u27E7", ropar: "\u2986", ropf: "\u{1D563}", Ropf: "\u211D", roplus: "\u2A2E", + rotimes: "\u2A35", RoundImplies: "\u2970", rpar: ")", rpargt: "\u2994", rppolint: "\u2A12", rrarr: "\u21C9", Rrightarrow: "\u21DB", rsaquo: "\ +\u203A", rscr: "\u{1D4C7}", Rscr: "\u211B", rsh: "\u21B1", Rsh: "\u21B1", rsqb: "]", rsquo: "\u2019", rsquor: "\u2019", rthree: "\u22CC", rtimes: "\ +\u22CA", rtri: "\u25B9", rtrie: "\u22B5", rtrif: "\u25B8", rtriltri: "\u29CE", RuleDelayed: "\u29F4", ruluhar: "\u2968", rx: "\u211E", Sacute: "\ +\u015A", sacute: "\u015B", sbquo: "\u201A", scap: "\u2AB8", Scaron: "\u0160", scaron: "\u0161", Sc: "\u2ABC", sc: "\u227B", sccue: "\u227D", + sce: "\u2AB0", scE: "\u2AB4", Scedil: "\u015E", scedil: "\u015F", Scirc: "\u015C", scirc: "\u015D", scnap: "\u2ABA", scnE: "\u2AB6", scnsim: "\ +\u22E9", scpolint: "\u2A13", scsim: "\u227F", Scy: "\u0421", scy: "\u0441", sdotb: "\u22A1", sdot: "\u22C5", sdote: "\u2A66", searhk: "\u2925", + searr: "\u2198", seArr: "\u21D8", searrow: "\u2198", sect: "\xA7", semi: ";", seswar: "\u2929", setminus: "\u2216", setmn: "\u2216", sext: "\ +\u2736", Sfr: "\u{1D516}", sfr: "\u{1D530}", sfrown: "\u2322", sharp: "\u266F", SHCHcy: "\u0429", shchcy: "\u0449", SHcy: "\u0428", shcy: "\u0448", + ShortDownArrow: "\u2193", ShortLeftArrow: "\u2190", shortmid: "\u2223", shortparallel: "\u2225", ShortRightArrow: "\u2192", ShortUpArrow: "\ +\u2191", shy: "\xAD", Sigma: "\u03A3", sigma: "\u03C3", sigmaf: "\u03C2", sigmav: "\u03C2", sim: "\u223C", simdot: "\u2A6A", sime: "\u2243", + simeq: "\u2243", simg: "\u2A9E", simgE: "\u2AA0", siml: "\u2A9D", simlE: "\u2A9F", simne: "\u2246", simplus: "\u2A24", simrarr: "\u2972", slarr: "\ +\u2190", SmallCircle: "\u2218", smallsetminus: "\u2216", smashp: "\u2A33", smeparsl: "\u29E4", smid: "\u2223", smile: "\u2323", smt: "\u2AAA", + smte: "\u2AAC", smtes: "\u2AAC\uFE00", SOFTcy: "\u042C", softcy: "\u044C", solbar: "\u233F", solb: "\u29C4", sol: "/", Sopf: "\u{1D54A}", sopf: "\ +\u{1D564}", spades: "\u2660", spadesuit: "\u2660", spar: "\u2225", sqcap: "\u2293", sqcaps: "\u2293\uFE00", sqcup: "\u2294", sqcups: "\u2294\uFE00", + Sqrt: "\u221A", sqsub: "\u228F", sqsube: "\u2291", sqsubset: "\u228F", sqsubseteq: "\u2291", sqsup: "\u2290", sqsupe: "\u2292", sqsupset: "\ +\u2290", sqsupseteq: "\u2292", square: "\u25A1", Square: "\u25A1", SquareIntersection: "\u2293", SquareSubset: "\u228F", SquareSubsetEqual: "\ +\u2291", SquareSuperset: "\u2290", SquareSupersetEqual: "\u2292", SquareUnion: "\u2294", squarf: "\u25AA", squ: "\u25A1", squf: "\u25AA", srarr: "\ +\u2192", Sscr: "\u{1D4AE}", sscr: "\u{1D4C8}", ssetmn: "\u2216", ssmile: "\u2323", sstarf: "\u22C6", Star: "\u22C6", star: "\u2606", starf: "\ +\u2605", straightepsilon: "\u03F5", straightphi: "\u03D5", strns: "\xAF", sub: "\u2282", Sub: "\u22D0", subdot: "\u2ABD", subE: "\u2AC5", sube: "\ +\u2286", subedot: "\u2AC3", submult: "\u2AC1", subnE: "\u2ACB", subne: "\u228A", subplus: "\u2ABF", subrarr: "\u2979", subset: "\u2282", Subset: "\ +\u22D0", subseteq: "\u2286", subseteqq: "\u2AC5", SubsetEqual: "\u2286", subsetneq: "\u228A", subsetneqq: "\u2ACB", subsim: "\u2AC7", subsub: "\ +\u2AD5", subsup: "\u2AD3", succapprox: "\u2AB8", succ: "\u227B", succcurlyeq: "\u227D", Succeeds: "\u227B", SucceedsEqual: "\u2AB0", SucceedsSlantEqual: "\ +\u227D", SucceedsTilde: "\u227F", succeq: "\u2AB0", succnapprox: "\u2ABA", succneqq: "\u2AB6", succnsim: "\u22E9", succsim: "\u227F", SuchThat: "\ +\u220B", sum: "\u2211", Sum: "\u2211", sung: "\u266A", sup1: "\xB9", sup2: "\xB2", sup3: "\xB3", sup: "\u2283", Sup: "\u22D1", supdot: "\u2ABE", + supdsub: "\u2AD8", supE: "\u2AC6", supe: "\u2287", supedot: "\u2AC4", Superset: "\u2283", SupersetEqual: "\u2287", suphsol: "\u27C9", suphsub: "\ +\u2AD7", suplarr: "\u297B", supmult: "\u2AC2", supnE: "\u2ACC", supne: "\u228B", supplus: "\u2AC0", supset: "\u2283", Supset: "\u22D1", supseteq: "\ +\u2287", supseteqq: "\u2AC6", supsetneq: "\u228B", supsetneqq: "\u2ACC", supsim: "\u2AC8", supsub: "\u2AD4", supsup: "\u2AD6", swarhk: "\u2926", + swarr: "\u2199", swArr: "\u21D9", swarrow: "\u2199", swnwar: "\u292A", szlig: "\xDF", Tab: " ", target: "\u2316", Tau: "\u03A4", tau: "\u03C4", + tbrk: "\u23B4", Tcaron: "\u0164", tcaron: "\u0165", Tcedil: "\u0162", tcedil: "\u0163", Tcy: "\u0422", tcy: "\u0442", tdot: "\u20DB", telrec: "\ +\u2315", Tfr: "\u{1D517}", tfr: "\u{1D531}", there4: "\u2234", therefore: "\u2234", Therefore: "\u2234", Theta: "\u0398", theta: "\u03B8", thetasym: "\ +\u03D1", thetav: "\u03D1", thickapprox: "\u2248", thicksim: "\u223C", ThickSpace: "\u205F\u200A", ThinSpace: "\u2009", thinsp: "\u2009", thkap: "\ +\u2248", thksim: "\u223C", THORN: "\xDE", thorn: "\xFE", tilde: "\u02DC", Tilde: "\u223C", TildeEqual: "\u2243", TildeFullEqual: "\u2245", TildeTilde: "\ +\u2248", timesbar: "\u2A31", timesb: "\u22A0", times: "\xD7", timesd: "\u2A30", tint: "\u222D", toea: "\u2928", topbot: "\u2336", topcir: "\u2AF1", + top: "\u22A4", Topf: "\u{1D54B}", topf: "\u{1D565}", topfork: "\u2ADA", tosa: "\u2929", tprime: "\u2034", trade: "\u2122", TRADE: "\u2122", + triangle: "\u25B5", triangledown: "\u25BF", triangleleft: "\u25C3", trianglelefteq: "\u22B4", triangleq: "\u225C", triangleright: "\u25B9", + trianglerighteq: "\u22B5", tridot: "\u25EC", trie: "\u225C", triminus: "\u2A3A", TripleDot: "\u20DB", triplus: "\u2A39", trisb: "\u29CD", tritime: "\ +\u2A3B", trpezium: "\u23E2", Tscr: "\u{1D4AF}", tscr: "\u{1D4C9}", TScy: "\u0426", tscy: "\u0446", TSHcy: "\u040B", tshcy: "\u045B", Tstrok: "\ +\u0166", tstrok: "\u0167", twixt: "\u226C", twoheadleftarrow: "\u219E", twoheadrightarrow: "\u21A0", Uacute: "\xDA", uacute: "\xFA", uarr: "\ +\u2191", Uarr: "\u219F", uArr: "\u21D1", Uarrocir: "\u2949", Ubrcy: "\u040E", ubrcy: "\u045E", Ubreve: "\u016C", ubreve: "\u016D", Ucirc: "\xDB", + ucirc: "\xFB", Ucy: "\u0423", ucy: "\u0443", udarr: "\u21C5", Udblac: "\u0170", udblac: "\u0171", udhar: "\u296E", ufisht: "\u297E", Ufr: "\ +\u{1D518}", ufr: "\u{1D532}", Ugrave: "\xD9", ugrave: "\xF9", uHar: "\u2963", uharl: "\u21BF", uharr: "\u21BE", uhblk: "\u2580", ulcorn: "\u231C", + ulcorner: "\u231C", ulcrop: "\u230F", ultri: "\u25F8", Umacr: "\u016A", umacr: "\u016B", uml: "\xA8", UnderBar: "_", UnderBrace: "\u23DF", + UnderBracket: "\u23B5", UnderParenthesis: "\u23DD", Union: "\u22C3", UnionPlus: "\u228E", Uogon: "\u0172", uogon: "\u0173", Uopf: "\u{1D54C}", + uopf: "\u{1D566}", UpArrowBar: "\u2912", uparrow: "\u2191", UpArrow: "\u2191", Uparrow: "\u21D1", UpArrowDownArrow: "\u21C5", updownarrow: "\ +\u2195", UpDownArrow: "\u2195", Updownarrow: "\u21D5", UpEquilibrium: "\u296E", upharpoonleft: "\u21BF", upharpoonright: "\u21BE", uplus: "\u228E", + UpperLeftArrow: "\u2196", UpperRightArrow: "\u2197", upsi: "\u03C5", Upsi: "\u03D2", upsih: "\u03D2", Upsilon: "\u03A5", upsilon: "\u03C5", + UpTeeArrow: "\u21A5", UpTee: "\u22A5", upuparrows: "\u21C8", urcorn: "\u231D", urcorner: "\u231D", urcrop: "\u230E", Uring: "\u016E", uring: "\ +\u016F", urtri: "\u25F9", Uscr: "\u{1D4B0}", uscr: "\u{1D4CA}", utdot: "\u22F0", Utilde: "\u0168", utilde: "\u0169", utri: "\u25B5", utrif: "\ +\u25B4", uuarr: "\u21C8", Uuml: "\xDC", uuml: "\xFC", uwangle: "\u29A7", vangrt: "\u299C", varepsilon: "\u03F5", varkappa: "\u03F0", varnothing: "\ +\u2205", varphi: "\u03D5", varpi: "\u03D6", varpropto: "\u221D", varr: "\u2195", vArr: "\u21D5", varrho: "\u03F1", varsigma: "\u03C2", varsubsetneq: "\ +\u228A\uFE00", varsubsetneqq: "\u2ACB\uFE00", varsupsetneq: "\u228B\uFE00", varsupsetneqq: "\u2ACC\uFE00", vartheta: "\u03D1", vartriangleleft: "\ +\u22B2", vartriangleright: "\u22B3", vBar: "\u2AE8", Vbar: "\u2AEB", vBarv: "\u2AE9", Vcy: "\u0412", vcy: "\u0432", vdash: "\u22A2", vDash: "\ +\u22A8", Vdash: "\u22A9", VDash: "\u22AB", Vdashl: "\u2AE6", veebar: "\u22BB", vee: "\u2228", Vee: "\u22C1", veeeq: "\u225A", vellip: "\u22EE", + verbar: "|", Verbar: "\u2016", vert: "|", Vert: "\u2016", VerticalBar: "\u2223", VerticalLine: "|", VerticalSeparator: "\u2758", VerticalTilde: "\ +\u2240", VeryThinSpace: "\u200A", Vfr: "\u{1D519}", vfr: "\u{1D533}", vltri: "\u22B2", vnsub: "\u2282\u20D2", vnsup: "\u2283\u20D2", Vopf: "\ +\u{1D54D}", vopf: "\u{1D567}", vprop: "\u221D", vrtri: "\u22B3", Vscr: "\u{1D4B1}", vscr: "\u{1D4CB}", vsubnE: "\u2ACB\uFE00", vsubne: "\u228A\uFE00", + vsupnE: "\u2ACC\uFE00", vsupne: "\u228B\uFE00", Vvdash: "\u22AA", vzigzag: "\u299A", Wcirc: "\u0174", wcirc: "\u0175", wedbar: "\u2A5F", wedge: "\ +\u2227", Wedge: "\u22C0", wedgeq: "\u2259", weierp: "\u2118", Wfr: "\u{1D51A}", wfr: "\u{1D534}", Wopf: "\u{1D54E}", wopf: "\u{1D568}", wp: "\ +\u2118", wr: "\u2240", wreath: "\u2240", Wscr: "\u{1D4B2}", wscr: "\u{1D4CC}", xcap: "\u22C2", xcirc: "\u25EF", xcup: "\u22C3", xdtri: "\u25BD", + Xfr: "\u{1D51B}", xfr: "\u{1D535}", xharr: "\u27F7", xhArr: "\u27FA", Xi: "\u039E", xi: "\u03BE", xlarr: "\u27F5", xlArr: "\u27F8", xmap: "\ +\u27FC", xnis: "\u22FB", xodot: "\u2A00", Xopf: "\u{1D54F}", xopf: "\u{1D569}", xoplus: "\u2A01", xotime: "\u2A02", xrarr: "\u27F6", xrArr: "\ +\u27F9", Xscr: "\u{1D4B3}", xscr: "\u{1D4CD}", xsqcup: "\u2A06", xuplus: "\u2A04", xutri: "\u25B3", xvee: "\u22C1", xwedge: "\u22C0", Yacute: "\ +\xDD", yacute: "\xFD", YAcy: "\u042F", yacy: "\u044F", Ycirc: "\u0176", ycirc: "\u0177", Ycy: "\u042B", ycy: "\u044B", yen: "\xA5", Yfr: "\u{1D51C}", + yfr: "\u{1D536}", YIcy: "\u0407", yicy: "\u0457", Yopf: "\u{1D550}", yopf: "\u{1D56A}", Yscr: "\u{1D4B4}", yscr: "\u{1D4CE}", YUcy: "\u042E", + yucy: "\u044E", yuml: "\xFF", Yuml: "\u0178", Zacute: "\u0179", zacute: "\u017A", Zcaron: "\u017D", zcaron: "\u017E", Zcy: "\u0417", zcy: "\ +\u0437", Zdot: "\u017B", zdot: "\u017C", zeetrf: "\u2128", ZeroWidthSpace: "\u200B", Zeta: "\u0396", zeta: "\u03B6", zfr: "\u{1D537}", Zfr: "\ +\u2128", ZHcy: "\u0416", zhcy: "\u0436", zigrarr: "\u21DD", zopf: "\u{1D56B}", Zopf: "\u2124", Zscr: "\u{1D4B5}", zscr: "\u{1D4CF}", zwj: "\u200D", + zwnj: "\u200C" }; +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/maps/legacy.json +var Qa = B((ub, Mu) => { + Mu.exports = { Aacute: "\xC1", aacute: "\xE1", Acirc: "\xC2", acirc: "\xE2", acute: "\xB4", AElig: "\xC6", aelig: "\xE6", Agrave: "\xC0", agrave: "\ +\xE0", amp: "&", AMP: "&", Aring: "\xC5", aring: "\xE5", Atilde: "\xC3", atilde: "\xE3", Auml: "\xC4", auml: "\xE4", brvbar: "\xA6", Ccedil: "\ +\xC7", ccedil: "\xE7", cedil: "\xB8", cent: "\xA2", copy: "\xA9", COPY: "\xA9", curren: "\xA4", deg: "\xB0", divide: "\xF7", Eacute: "\xC9", + eacute: "\xE9", Ecirc: "\xCA", ecirc: "\xEA", Egrave: "\xC8", egrave: "\xE8", ETH: "\xD0", eth: "\xF0", Euml: "\xCB", euml: "\xEB", frac12: "\ +\xBD", frac14: "\xBC", frac34: "\xBE", gt: ">", GT: ">", Iacute: "\xCD", iacute: "\xED", Icirc: "\xCE", icirc: "\xEE", iexcl: "\xA1", Igrave: "\ +\xCC", igrave: "\xEC", iquest: "\xBF", Iuml: "\xCF", iuml: "\xEF", laquo: "\xAB", lt: "<", LT: "<", macr: "\xAF", micro: "\xB5", middot: "\xB7", + nbsp: "\xA0", not: "\xAC", Ntilde: "\xD1", ntilde: "\xF1", Oacute: "\xD3", oacute: "\xF3", Ocirc: "\xD4", ocirc: "\xF4", Ograve: "\xD2", ograve: "\ +\xF2", ordf: "\xAA", ordm: "\xBA", Oslash: "\xD8", oslash: "\xF8", Otilde: "\xD5", otilde: "\xF5", Ouml: "\xD6", ouml: "\xF6", para: "\xB6", + plusmn: "\xB1", pound: "\xA3", quot: '"', QUOT: '"', raquo: "\xBB", reg: "\xAE", REG: "\xAE", sect: "\xA7", shy: "\xAD", sup1: "\xB9", sup2: "\ +\xB2", sup3: "\xB3", szlig: "\xDF", THORN: "\xDE", thorn: "\xFE", times: "\xD7", Uacute: "\xDA", uacute: "\xFA", Ucirc: "\xDB", ucirc: "\xFB", + Ugrave: "\xD9", ugrave: "\xF9", uml: "\xA8", Uuml: "\xDC", uuml: "\xFC", Yacute: "\xDD", yacute: "\xFD", yen: "\xA5", yuml: "\xFF" }; +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/maps/xml.json +var Fn = B((fb, qu) => { + qu.exports = { amp: "&", apos: "'", gt: ">", lt: "<", quot: '"' }; +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/maps/decode.json +var Za = B((yb, Uu) => { + Uu.exports = { "0": 65533, "128": 8364, "130": 8218, "131": 402, "132": 8222, "133": 8230, "134": 8224, "135": 8225, "136": 710, "137": 8240, + "138": 352, "139": 8249, "140": 338, "142": 381, "145": 8216, "146": 8217, "147": 8220, "148": 8221, "149": 8226, "150": 8211, "151": 8212, + "152": 732, "153": 8482, "154": 353, "155": 8250, "156": 339, "158": 382, "159": 376 }; +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/decode_codepoint.js +var ri = B((Lr) => { + "use strict"; + var Bu = Lr && Lr.__importDefault || function(r) { + return r && r.__esModule ? r : { default: r }; + }; + Object.defineProperty(Lr, "__esModule", { value: !0 }); + var ei = Bu(Za()), Gu = ( + // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition + String.fromCodePoint || function(r) { + var e = ""; + return r > 65535 && (r -= 65536, e += String.fromCharCode(r >>> 10 & 1023 | 55296), r = 56320 | r & 1023), e += String.fromCharCode(r), + e; + } + ); + function Vu(r) { + return r >= 55296 && r <= 57343 || r > 1114111 ? "\uFFFD" : (r in ei.default && (r = ei.default[r]), Gu(r)); + } + s(Vu, "decodeCodePoint"); + Lr.default = Vu; +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/decode.js +var kn = B((se) => { + "use strict"; + var xt = se && se.__importDefault || function(r) { + return r && r.__esModule ? r : { default: r }; + }; + Object.defineProperty(se, "__esModule", { value: !0 }); + se.decodeHTML = se.decodeHTMLStrict = se.decodeXML = void 0; + var Dn = xt(In()), Hu = xt(Qa()), zu = xt(Fn()), ti = xt(ri()), Wu = /&(?:[a-zA-Z0-9]+|#[xX][\da-fA-F]+|#\d+);/g; + se.decodeXML = ni(zu.default); + se.decodeHTMLStrict = ni(Dn.default); + function ni(r) { + var e = si(r); + return function(t) { + return String(t).replace(Wu, e); + }; + } + s(ni, "getStrictDecoder"); + var oi = /* @__PURE__ */ s(function(r, e) { + return r < e ? 1 : -1; + }, "sorter"); + se.decodeHTML = function() { + for (var r = Object.keys(Hu.default).sort(oi), e = Object.keys(Dn.default).sort(oi), t = 0, o = 0; t < e.length; t++) + r[o] === e[t] ? (e[t] += ";?", o++) : e[t] += ";"; + var n = new RegExp("&(?:" + e.join("|") + "|#[xX][\\da-fA-F]+;?|#\\d+;?)", "g"), a = si(Dn.default); + function l(c) { + return c.substr(-1) !== ";" && (c += ";"), a(c); + } + return s(l, "replacer"), function(c) { + return String(c).replace(n, l); + }; + }(); + function si(r) { + return /* @__PURE__ */ s(function(t) { + if (t.charAt(1) === "#") { + var o = t.charAt(2); + return o === "X" || o === "x" ? ti.default(parseInt(t.substr(3), 16)) : ti.default(parseInt(t.substr(2), 10)); + } + return r[t.slice(1, -1)] || t; + }, "replace"); + } + s(si, "getReplacer"); +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/encode.js +var Ln = B((K) => { + "use strict"; + var ai = K && K.__importDefault || function(r) { + return r && r.__esModule ? r : { default: r }; + }; + Object.defineProperty(K, "__esModule", { value: !0 }); + K.escapeUTF8 = K.escape = K.encodeNonAsciiHTML = K.encodeHTML = K.encodeXML = void 0; + var $u = ai(Fn()), ii = ci($u.default), li = pi(ii); + K.encodeXML = fi(ii); + var Yu = ai(In()), Nn = ci(Yu.default), Ku = pi(Nn); + K.encodeHTML = Ju(Nn, Ku); + K.encodeNonAsciiHTML = fi(Nn); + function ci(r) { + return Object.keys(r).sort().reduce(function(e, t) { + return e[r[t]] = "&" + t + ";", e; + }, {}); + } + s(ci, "getInverseObj"); + function pi(r) { + for (var e = [], t = [], o = 0, n = Object.keys(r); o < n.length; o++) { + var a = n[o]; + a.length === 1 ? e.push("\\" + a) : t.push(a); + } + e.sort(); + for (var l = 0; l < e.length - 1; l++) { + for (var c = l; c < e.length - 1 && e[c].charCodeAt(1) + 1 === e[c + 1].charCodeAt(1); ) + c += 1; + var i = 1 + c - l; + i < 3 || e.splice(l, i, e[l] + "-" + e[c]); + } + return t.unshift("[" + e.join("") + "]"), new RegExp(t.join("|"), "g"); + } + s(pi, "getInverseReplacer"); + var di = /(?:[\x80-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g, + Xu = ( + // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition + String.prototype.codePointAt != null ? ( + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + function(r) { + return r.codePointAt(0); + } + ) : ( + // http://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae + function(r) { + return (r.charCodeAt(0) - 55296) * 1024 + r.charCodeAt(1) - 56320 + 65536; + } + ) + ); + function At(r) { + return "&#x" + (r.length > 1 ? Xu(r) : r.charCodeAt(0)).toString(16).toUpperCase() + ";"; + } + s(At, "singleCharReplacer"); + function Ju(r, e) { + return function(t) { + return t.replace(e, function(o) { + return r[o]; + }).replace(di, At); + }; + } + s(Ju, "getInverse"); + var ui = new RegExp(li.source + "|" + di.source, "g"); + function Qu(r) { + return r.replace(ui, At); + } + s(Qu, "escape"); + K.escape = Qu; + function Zu(r) { + return r.replace(li, At); + } + s(Zu, "escapeUTF8"); + K.escapeUTF8 = Zu; + function fi(r) { + return function(e) { + return e.replace(ui, function(t) { + return r[t] || At(t); + }); + }; + } + s(fi, "getASCIIEncoder"); +}); + +// ../node_modules/ansi-to-html/node_modules/entities/lib/index.js +var mi = B((v) => { + "use strict"; + Object.defineProperty(v, "__esModule", { value: !0 }); + v.decodeXMLStrict = v.decodeHTML5Strict = v.decodeHTML4Strict = v.decodeHTML5 = v.decodeHTML4 = v.decodeHTMLStrict = v.decodeHTML = v.decodeXML = + v.encodeHTML5 = v.encodeHTML4 = v.escapeUTF8 = v.escape = v.encodeNonAsciiHTML = v.encodeHTML = v.encodeXML = v.encode = v.decodeStrict = v. + decode = void 0; + var _t = kn(), yi = Ln(); + function ef(r, e) { + return (!e || e <= 0 ? _t.decodeXML : _t.decodeHTML)(r); + } + s(ef, "decode"); + v.decode = ef; + function rf(r, e) { + return (!e || e <= 0 ? _t.decodeXML : _t.decodeHTMLStrict)(r); + } + s(rf, "decodeStrict"); + v.decodeStrict = rf; + function tf(r, e) { + return (!e || e <= 0 ? yi.encodeXML : yi.encodeHTML)(r); + } + s(tf, "encode"); + v.encode = tf; + var je = Ln(); + Object.defineProperty(v, "encodeXML", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.encodeXML; + }, "get") }); + Object.defineProperty(v, "encodeHTML", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.encodeHTML; + }, "get") }); + Object.defineProperty(v, "encodeNonAsciiHTML", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.encodeNonAsciiHTML; + }, "get") }); + Object.defineProperty(v, "escape", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.escape; + }, "get") }); + Object.defineProperty(v, "escapeUTF8", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.escapeUTF8; + }, "get") }); + Object.defineProperty(v, "encodeHTML4", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.encodeHTML; + }, "get") }); + Object.defineProperty(v, "encodeHTML5", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return je.encodeHTML; + }, "get") }); + var Te = kn(); + Object.defineProperty(v, "decodeXML", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeXML; + }, "get") }); + Object.defineProperty(v, "decodeHTML", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTML; + }, "get") }); + Object.defineProperty(v, "decodeHTMLStrict", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTMLStrict; + }, "get") }); + Object.defineProperty(v, "decodeHTML4", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTML; + }, "get") }); + Object.defineProperty(v, "decodeHTML5", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTML; + }, "get") }); + Object.defineProperty(v, "decodeHTML4Strict", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTMLStrict; + }, "get") }); + Object.defineProperty(v, "decodeHTML5Strict", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeHTMLStrict; + }, "get") }); + Object.defineProperty(v, "decodeXMLStrict", { enumerable: !0, get: /* @__PURE__ */ s(function() { + return Te.decodeXML; + }, "get") }); +}); + +// ../node_modules/ansi-to-html/lib/ansi_to_html.js +var wi = B((xb, _i) => { + "use strict"; + function of(r, e) { + if (!(r instanceof e)) + throw new TypeError("Cannot call a class as a function"); + } + s(of, "_classCallCheck"); + function hi(r, e) { + for (var t = 0; t < e.length; t++) { + var o = e[t]; + o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(r, o.key, o); + } + } + s(hi, "_defineProperties"); + function nf(r, e, t) { + return e && hi(r.prototype, e), t && hi(r, t), r; + } + s(nf, "_createClass"); + function Ri(r, e) { + var t = typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"]; + if (!t) { + if (Array.isArray(r) || (t = sf(r)) || e && r && typeof r.length == "number") { + t && (r = t); + var o = 0, n = /* @__PURE__ */ s(function() { + }, "F"); + return { s: n, n: /* @__PURE__ */ s(function() { + return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; + }, "n"), e: /* @__PURE__ */ s(function(p) { + throw p; + }, "e"), f: n }; + } + throw new TypeError(`Invalid attempt to iterate non-iterable instance. +In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`); + } + var a = !0, l = !1, c; + return { s: /* @__PURE__ */ s(function() { + t = t.call(r); + }, "s"), n: /* @__PURE__ */ s(function() { + var p = t.next(); + return a = p.done, p; + }, "n"), e: /* @__PURE__ */ s(function(p) { + l = !0, c = p; + }, "e"), f: /* @__PURE__ */ s(function() { + try { + !a && t.return != null && t.return(); + } finally { + if (l) throw c; + } + }, "f") }; + } + s(Ri, "_createForOfIteratorHelper"); + function sf(r, e) { + if (r) { + if (typeof r == "string") return gi(r, e); + var t = Object.prototype.toString.call(r).slice(8, -1); + if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r); + if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return gi(r, e); + } + } + s(sf, "_unsupportedIterableToArray"); + function gi(r, e) { + (e == null || e > r.length) && (e = r.length); + for (var t = 0, o = new Array(e); t < e; t++) + o[t] = r[t]; + return o; + } + s(gi, "_arrayLikeToArray"); + var af = mi(), Si = { + fg: "#FFF", + bg: "#000", + newline: !1, + escapeXML: !1, + stream: !1, + colors: lf() + }; + function lf() { + var r = { + 0: "#000", + 1: "#A00", + 2: "#0A0", + 3: "#A50", + 4: "#00A", + 5: "#A0A", + 6: "#0AA", + 7: "#AAA", + 8: "#555", + 9: "#F55", + 10: "#5F5", + 11: "#FF5", + 12: "#55F", + 13: "#F5F", + 14: "#5FF", + 15: "#FFF" + }; + return wt(0, 5).forEach(function(e) { + wt(0, 5).forEach(function(t) { + wt(0, 5).forEach(function(o) { + return cf(e, t, o, r); + }); + }); + }), wt(0, 23).forEach(function(e) { + var t = e + 232, o = xi(e * 10 + 8); + r[t] = "#" + o + o + o; + }), r; + } + s(lf, "getDefaultColors"); + function cf(r, e, t, o) { + var n = 16 + r * 36 + e * 6 + t, a = r > 0 ? r * 40 + 55 : 0, l = e > 0 ? e * 40 + 55 : 0, c = t > 0 ? t * 40 + 55 : 0; + o[n] = pf([a, l, c]); + } + s(cf, "setStyleColor"); + function xi(r) { + for (var e = r.toString(16); e.length < 2; ) + e = "0" + e; + return e; + } + s(xi, "toHexString"); + function pf(r) { + var e = [], t = Ri(r), o; + try { + for (t.s(); !(o = t.n()).done; ) { + var n = o.value; + e.push(xi(n)); + } + } catch (a) { + t.e(a); + } finally { + t.f(); + } + return "#" + e.join(""); + } + s(pf, "toColorHexString"); + function bi(r, e, t, o) { + var n; + return e === "text" ? n = yf(t, o) : e === "display" ? n = uf(r, t, o) : e === "xterm256Foreground" ? n = Pt(r, o.colors[t]) : e === "xt\ +erm256Background" ? n = Ct(r, o.colors[t]) : e === "rgb" && (n = df(r, t)), n; + } + s(bi, "generateOutput"); + function df(r, e) { + e = e.substring(2).slice(0, -1); + var t = +e.substr(0, 2), o = e.substring(5).split(";"), n = o.map(function(a) { + return ("0" + Number(a).toString(16)).substr(-2); + }).join(""); + return vt(r, (t === 38 ? "color:#" : "background-color:#") + n); + } + s(df, "handleRgb"); + function uf(r, e, t) { + e = parseInt(e, 10); + var o = { + "-1": /* @__PURE__ */ s(function() { + return "<br/>"; + }, "_"), + 0: /* @__PURE__ */ s(function() { + return r.length && Ai(r); + }, "_"), + 1: /* @__PURE__ */ s(function() { + return Ee(r, "b"); + }, "_"), + 3: /* @__PURE__ */ s(function() { + return Ee(r, "i"); + }, "_"), + 4: /* @__PURE__ */ s(function() { + return Ee(r, "u"); + }, "_"), + 8: /* @__PURE__ */ s(function() { + return vt(r, "display:none"); + }, "_"), + 9: /* @__PURE__ */ s(function() { + return Ee(r, "strike"); + }, "_"), + 22: /* @__PURE__ */ s(function() { + return vt(r, "font-weight:normal;text-decoration:none;font-style:normal"); + }, "_"), + 23: /* @__PURE__ */ s(function() { + return Ei(r, "i"); + }, "_"), + 24: /* @__PURE__ */ s(function() { + return Ei(r, "u"); + }, "_"), + 39: /* @__PURE__ */ s(function() { + return Pt(r, t.fg); + }, "_"), + 49: /* @__PURE__ */ s(function() { + return Ct(r, t.bg); + }, "_"), + 53: /* @__PURE__ */ s(function() { + return vt(r, "text-decoration:overline"); + }, "_") + }, n; + return o[e] ? n = o[e]() : 4 < e && e < 7 ? n = Ee(r, "blink") : 29 < e && e < 38 ? n = Pt(r, t.colors[e - 30]) : 39 < e && e < 48 ? n = + Ct(r, t.colors[e - 40]) : 89 < e && e < 98 ? n = Pt(r, t.colors[8 + (e - 90)]) : 99 < e && e < 108 && (n = Ct(r, t.colors[8 + (e - 100)])), + n; + } + s(uf, "handleDisplay"); + function Ai(r) { + var e = r.slice(0); + return r.length = 0, e.reverse().map(function(t) { + return "</" + t + ">"; + }).join(""); + } + s(Ai, "resetStyles"); + function wt(r, e) { + for (var t = [], o = r; o <= e; o++) + t.push(o); + return t; + } + s(wt, "range"); + function ff(r) { + return function(e) { + return (r === null || e.category !== r) && r !== "all"; + }; + } + s(ff, "notCategory"); + function Ti(r) { + r = parseInt(r, 10); + var e = null; + return r === 0 ? e = "all" : r === 1 ? e = "bold" : 2 < r && r < 5 ? e = "underline" : 4 < r && r < 7 ? e = "blink" : r === 8 ? e = "hid\ +e" : r === 9 ? e = "strike" : 29 < r && r < 38 || r === 39 || 89 < r && r < 98 ? e = "foreground-color" : (39 < r && r < 48 || r === 49 || 99 < + r && r < 108) && (e = "background-color"), e; + } + s(Ti, "categoryForCode"); + function yf(r, e) { + return e.escapeXML ? af.encodeXML(r) : r; + } + s(yf, "pushText"); + function Ee(r, e, t) { + return t || (t = ""), r.push(e), "<".concat(e).concat(t ? ' style="'.concat(t, '"') : "", ">"); + } + s(Ee, "pushTag"); + function vt(r, e) { + return Ee(r, "span", e); + } + s(vt, "pushStyle"); + function Pt(r, e) { + return Ee(r, "span", "color:" + e); + } + s(Pt, "pushForegroundColor"); + function Ct(r, e) { + return Ee(r, "span", "background-color:" + e); + } + s(Ct, "pushBackgroundColor"); + function Ei(r, e) { + var t; + if (r.slice(-1)[0] === e && (t = r.pop()), t) + return "</" + e + ">"; + } + s(Ei, "closeTag"); + function mf(r, e, t) { + var o = !1, n = 3; + function a() { + return ""; + } + s(a, "remove"); + function l(_, P) { + return t("xterm256Foreground", P), ""; + } + s(l, "removeXterm256Foreground"); + function c(_, P) { + return t("xterm256Background", P), ""; + } + s(c, "removeXterm256Background"); + function i(_) { + return e.newline ? t("display", -1) : t("text", _), ""; + } + s(i, "newline"); + function p(_, P) { + o = !0, P.trim().length === 0 && (P = "0"), P = P.trimRight(";").split(";"); + var D = Ri(P), O; + try { + for (D.s(); !(O = D.n()).done; ) { + var U = O.value; + t("display", U); + } + } catch (J) { + D.e(J); + } finally { + D.f(); + } + return ""; + } + s(p, "ansiMess"); + function u(_) { + return t("text", _), ""; + } + s(u, "realText"); + function d(_) { + return t("rgb", _), ""; + } + s(d, "rgb"); + var y = [{ + pattern: /^\x08+/, + sub: a + }, { + pattern: /^\x1b\[[012]?K/, + sub: a + }, { + pattern: /^\x1b\[\(B/, + sub: a + }, { + pattern: /^\x1b\[[34]8;2;\d+;\d+;\d+m/, + sub: d + }, { + pattern: /^\x1b\[38;5;(\d+)m/, + sub: l + }, { + pattern: /^\x1b\[48;5;(\d+)m/, + sub: c + }, { + pattern: /^\n/, + sub: i + }, { + pattern: /^\r+\n/, + sub: i + }, { + pattern: /^\r/, + sub: i + }, { + pattern: /^\x1b\[((?:\d{1,3};?)+|)m/, + sub: p + }, { + // CSI n J + // ED - Erase in Display Clears part of the screen. + // If n is 0 (or missing), clear from cursor to end of screen. + // If n is 1, clear from cursor to beginning of the screen. + // If n is 2, clear entire screen (and moves cursor to upper left on DOS ANSI.SYS). + // If n is 3, clear entire screen and delete all lines saved in the scrollback buffer + // (this feature was added for xterm and is supported by other terminal applications). + pattern: /^\x1b\[\d?J/, + sub: a + }, { + // CSI n ; m f + // HVP - Horizontal Vertical Position Same as CUP + pattern: /^\x1b\[\d{0,3};\d{0,3}f/, + sub: a + }, { + // catch-all for CSI sequences? + pattern: /^\x1b\[?[\d;]{0,3}/, + sub: a + }, { + /** + * extracts real text - not containing: + * - `\x1b' - ESC - escape (Ascii 27) + * - '\x08' - BS - backspace (Ascii 8) + * - `\n` - Newline - linefeed (LF) (ascii 10) + * - `\r` - Windows Carriage Return (CR) + */ + pattern: /^(([^\x1b\x08\r\n])+)/, + sub: u + }]; + function g(_, P) { + P > n && o || (o = !1, r = r.replace(_.pattern, _.sub)); + } + s(g, "process"); + var m = [], S = r, h = S.length; + e: for (; h > 0; ) { + for (var A = 0, b = 0, E = y.length; b < E; A = ++b) { + var T = y[A]; + if (g(T, A), r.length !== h) { + h = r.length; + continue e; + } + } + if (r.length === h) + break; + m.push(0), h = r.length; + } + return m; + } + s(mf, "tokenize"); + function hf(r, e, t) { + return e !== "text" && (r = r.filter(ff(Ti(t))), r.push({ + token: e, + data: t, + category: Ti(t) + })), r; + } + s(hf, "updateStickyStack"); + var gf = /* @__PURE__ */ function() { + function r(e) { + of(this, r), e = e || {}, e.colors && (e.colors = Object.assign({}, Si.colors, e.colors)), this.options = Object.assign({}, Si, e), this. + stack = [], this.stickyStack = []; + } + return s(r, "Filter"), nf(r, [{ + key: "toHtml", + value: /* @__PURE__ */ s(function(t) { + var o = this; + t = typeof t == "string" ? [t] : t; + var n = this.stack, a = this.options, l = []; + return this.stickyStack.forEach(function(c) { + var i = bi(n, c.token, c.data, a); + i && l.push(i); + }), mf(t.join(""), a, function(c, i) { + var p = bi(n, c, i, a); + p && l.push(p), a.stream && (o.stickyStack = hf(o.stickyStack, c, i)); + }), n.length && l.push(Ai(n)), l.join(""); + }, "toHtml") + }]), r; + }(); + _i.exports = gf; +}); + +// ../node_modules/browser-dtector/browser-dtector.umd.min.js +var Ni = B((Gn, Vn) => { + (function(r, e) { + typeof Gn == "object" && typeof Vn < "u" ? Vn.exports = e() : typeof define == "function" && define.amd ? define(e) : (r = typeof globalThis < + "u" ? globalThis : r || self).BrowserDetector = e(); + })(Gn, function() { + "use strict"; + function r(l, c) { + for (var i = 0; i < c.length; i++) { + var p = c[i]; + p.enumerable = p.enumerable || !1, p.configurable = !0, "value" in p && (p.writable = !0), Object.defineProperty(l, (u = p.key, d = void 0, + typeof (d = function(y, g) { + if (typeof y != "object" || y === null) return y; + var m = y[Symbol.toPrimitive]; + if (m !== void 0) { + var S = m.call(y, g || "default"); + if (typeof S != "object") return S; + throw new TypeError("@@toPrimitive must return a primitive value."); + } + return (g === "string" ? String : Number)(y); + }(u, "string")) == "symbol" ? d : String(d)), p); + } + var u, d; + } + s(r, "e"); + var e = { chrome: "Google Chrome", brave: "Brave", crios: "Google Chrome", edge: "Microsoft Edge", edg: "Microsoft Edge", edgios: "Micro\ +soft Edge", fennec: "Mozilla Firefox", jsdom: "JsDOM", mozilla: "Mozilla Firefox", fxios: "Mozilla Firefox", msie: "Microsoft Internet Explo\ +rer", opera: "Opera", opios: "Opera", opr: "Opera", opt: "Opera", rv: "Microsoft Internet Explorer", safari: "Safari", samsungbrowser: "Sams\ +ung Browser", electron: "Electron" }, t = { android: "Android", androidTablet: "Android Tablet", cros: "Chrome OS", fennec: "Android Tablet", + ipad: "IPad", iphone: "IPhone", jsdom: "JsDOM", linux: "Linux", mac: "Macintosh", tablet: "Android Tablet", win: "Windows", "windows pho\ +ne": "Windows Phone", xbox: "Microsoft Xbox" }, o = /* @__PURE__ */ s(function(l) { + var c = new RegExp("^-?\\d+(?:.\\d{0,".concat(arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : -1, "})?")), i = Number( + l).toString().match(c); + return i ? i[0] : null; + }, "n"), n = /* @__PURE__ */ s(function() { + return typeof window < "u" ? window.navigator : null; + }, "i"), a = function() { + function l(u) { + var d; + (function(y, g) { + if (!(y instanceof g)) throw new TypeError("Cannot call a class as a function"); + })(this, l), this.userAgent = u || ((d = n()) === null || d === void 0 ? void 0 : d.userAgent) || null; + } + s(l, "t"); + var c, i, p; + return c = l, i = [{ key: "parseUserAgent", value: /* @__PURE__ */ s(function(u) { + var d, y, g, m = {}, S = u || this.userAgent || "", h = S.toLowerCase().replace(/\s\s+/g, " "), A = /(edge)\/([\w.]+)/.exec(h) || /(edg)[/]([\w.]+)/. + exec(h) || /(opr)[/]([\w.]+)/.exec(h) || /(opt)[/]([\w.]+)/.exec(h) || /(fxios)[/]([\w.]+)/.exec(h) || /(edgios)[/]([\w.]+)/.exec(h) || + /(jsdom)[/]([\w.]+)/.exec(h) || /(samsungbrowser)[/]([\w.]+)/.exec(h) || /(electron)[/]([\w.]+)/.exec(h) || /(chrome)[/]([\w.]+)/.exec( + h) || /(crios)[/]([\w.]+)/.exec(h) || /(opios)[/]([\w.]+)/.exec(h) || /(version)(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec( + h) || /(webkit)[/]([\w.]+).*(version)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec(h) || /(applewebkit)[/]([\w.]+).*(safari)[/]([\w.]+)/.exec( + h) || /(webkit)[/]([\w.]+)/.exec(h) || /(opera)(?:.*version|)[/]([\w.]+)/.exec(h) || /(msie) ([\w.]+)/.exec(h) || /(fennec)[/]([\w.]+)/. + exec(h) || h.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec(h) || h.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/. + exec(h) || [], b = /(ipad)/.exec(h) || /(ipod)/.exec(h) || /(iphone)/.exec(h) || /(jsdom)/.exec(h) || /(windows phone)/.exec(h) || /(xbox)/. + exec(h) || /(win)/.exec(h) || /(tablet)/.exec(h) || /(android)/.test(h) && /(mobile)/.test(h) === !1 && ["androidTablet"] || /(android)/. + exec(h) || /(mac)/.exec(h) || /(linux)/.exec(h) || /(cros)/.exec(h) || [], E = A[5] || A[3] || A[1] || null, T = b[0] || null, _ = A[4] || + A[2] || null, P = n(); + E === "chrome" && typeof (P == null || (d = P.brave) === null || d === void 0 ? void 0 : d.isBrave) == "function" && (E = "brave"), E && + (m[E] = !0), T && (m[T] = !0); + var D = !!(m.tablet || m.android || m.androidTablet), O = !!(m.ipad || m.tablet || m.androidTablet), U = !!(m.android || m.androidTablet || + m.tablet || m.ipad || m.ipod || m.iphone || m["windows phone"]), J = !!(m.cros || m.mac || m.linux || m.win), de = !!(m.brave || m.chrome || + m.crios || m.opr || m.safari || m.edg || m.electron), k = !!(m.msie || m.rv); + return { name: (y = e[E]) !== null && y !== void 0 ? y : null, platform: (g = t[T]) !== null && g !== void 0 ? g : null, userAgent: S, + version: _, shortVersion: _ ? o(parseFloat(_), 2) : null, isAndroid: D, isTablet: O, isMobile: U, isDesktop: J, isWebkit: de, isIE: k }; + }, "value") }, { key: "getBrowserInfo", value: /* @__PURE__ */ s(function() { + var u = this.parseUserAgent(); + return { name: u.name, platform: u.platform, userAgent: u.userAgent, version: u.version, shortVersion: u.shortVersion }; + }, "value") }], p = [{ key: "VERSION", get: /* @__PURE__ */ s(function() { + return "3.4.0"; + }, "get") }], i && r(c.prototype, i), p && r(c, p), Object.defineProperty(c, "prototype", { writable: !1 }), l; + }(); + return a; + }); +}); + +// ../node_modules/@storybook/global/dist/index.mjs +var It = {}; +Re(It, { + global: () => R +}); +var R = (() => { + let r; + return typeof window < "u" ? r = window : typeof globalThis < "u" ? r = globalThis : typeof global < "u" ? r = global : typeof self < "u" ? + r = self : r = {}, r; +})(); + +// src/core-events/index.ts +var fe = {}; +Re(fe, { + ARGTYPES_INFO_REQUEST: () => Zt, + ARGTYPES_INFO_RESPONSE: () => Yr, + CHANNEL_CREATED: () => zi, + CHANNEL_WS_DISCONNECT: () => Dt, + CONFIG_ERROR: () => kt, + CREATE_NEW_STORYFILE_REQUEST: () => Wi, + CREATE_NEW_STORYFILE_RESPONSE: () => $i, + CURRENT_STORY_WAS_SET: () => Wr, + DOCS_PREPARED: () => Nt, + DOCS_RENDERED: () => nr, + FILE_COMPONENT_SEARCH_REQUEST: () => Yi, + FILE_COMPONENT_SEARCH_RESPONSE: () => Ki, + FORCE_REMOUNT: () => Lt, + FORCE_RE_RENDER: () => sr, + GLOBALS_UPDATED: () => xe, + NAVIGATE_URL: () => Xi, + PLAY_FUNCTION_THREW_EXCEPTION: () => jt, + PRELOAD_ENTRIES: () => qt, + PREVIEW_BUILDER_PROGRESS: () => Ji, + PREVIEW_KEYDOWN: () => Ut, + REGISTER_SUBSCRIPTION: () => Qi, + REQUEST_WHATS_NEW_DATA: () => ll, + RESET_STORY_ARGS: () => ar, + RESULT_WHATS_NEW_DATA: () => cl, + SAVE_STORY_REQUEST: () => ul, + SAVE_STORY_RESPONSE: () => fl, + SELECT_STORY: () => Zi, + SET_CONFIG: () => el, + SET_CURRENT_STORY: () => Bt, + SET_FILTER: () => rl, + SET_GLOBALS: () => Gt, + SET_INDEX: () => tl, + SET_STORIES: () => ol, + SET_WHATS_NEW_CACHE: () => pl, + SHARED_STATE_CHANGED: () => nl, + SHARED_STATE_SET: () => sl, + STORIES_COLLAPSE_ALL: () => al, + STORIES_EXPAND_ALL: () => il, + STORY_ARGS_UPDATED: () => Vt, + STORY_CHANGED: () => Ht, + STORY_ERRORED: () => zt, + STORY_INDEX_INVALIDATED: () => Wt, + STORY_MISSING: () => $r, + STORY_PREPARED: () => $t, + STORY_RENDERED: () => Ue, + STORY_RENDER_PHASE_CHANGED: () => Ae, + STORY_SPECIFIED: () => Yt, + STORY_THREW_EXCEPTION: () => Kt, + STORY_UNCHANGED: () => Xt, + TELEMETRY_ERROR: () => Qt, + TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: () => Sl, + TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: () => bl, + TESTING_MODULE_CRASH_REPORT: () => yl, + TESTING_MODULE_PROGRESS_REPORT: () => ml, + TESTING_MODULE_RUN_ALL_REQUEST: () => gl, + TESTING_MODULE_RUN_REQUEST: () => hl, + TESTING_MODULE_WATCH_MODE_REQUEST: () => Tl, + TOGGLE_WHATS_NEW_NOTIFICATIONS: () => dl, + UNHANDLED_ERRORS_WHILE_PLAYING: () => Mt, + UPDATE_GLOBALS: () => ir, + UPDATE_QUERY_PARAMS: () => Jt, + UPDATE_STORY_ARGS: () => lr, + default: () => Hi +}); +var Ft = /* @__PURE__ */ ((x) => (x.CHANNEL_WS_DISCONNECT = "channelWSDisconnect", x.CHANNEL_CREATED = "channelCreated", x.CONFIG_ERROR = "c\ +onfigError", x.STORY_INDEX_INVALIDATED = "storyIndexInvalidated", x.STORY_SPECIFIED = "storySpecified", x.SET_CONFIG = "setConfig", x.SET_STORIES = +"setStories", x.SET_INDEX = "setIndex", x.SET_CURRENT_STORY = "setCurrentStory", x.CURRENT_STORY_WAS_SET = "currentStoryWasSet", x.FORCE_RE_RENDER = +"forceReRender", x.FORCE_REMOUNT = "forceRemount", x.PRELOAD_ENTRIES = "preloadStories", x.STORY_PREPARED = "storyPrepared", x.DOCS_PREPARED = +"docsPrepared", x.STORY_CHANGED = "storyChanged", x.STORY_UNCHANGED = "storyUnchanged", x.STORY_RENDERED = "storyRendered", x.STORY_MISSING = +"storyMissing", x.STORY_ERRORED = "storyErrored", x.STORY_THREW_EXCEPTION = "storyThrewException", x.STORY_RENDER_PHASE_CHANGED = "storyRend\ +erPhaseChanged", x.PLAY_FUNCTION_THREW_EXCEPTION = "playFunctionThrewException", x.UNHANDLED_ERRORS_WHILE_PLAYING = "unhandledErrorsWhilePla\ +ying", x.UPDATE_STORY_ARGS = "updateStoryArgs", x.STORY_ARGS_UPDATED = "storyArgsUpdated", x.RESET_STORY_ARGS = "resetStoryArgs", x.SET_FILTER = +"setFilter", x.SET_GLOBALS = "setGlobals", x.UPDATE_GLOBALS = "updateGlobals", x.GLOBALS_UPDATED = "globalsUpdated", x.REGISTER_SUBSCRIPTION = +"registerSubscription", x.PREVIEW_KEYDOWN = "previewKeydown", x.PREVIEW_BUILDER_PROGRESS = "preview_builder_progress", x.SELECT_STORY = "sel\ +ectStory", x.STORIES_COLLAPSE_ALL = "storiesCollapseAll", x.STORIES_EXPAND_ALL = "storiesExpandAll", x.DOCS_RENDERED = "docsRendered", x.SHARED_STATE_CHANGED = +"sharedStateChanged", x.SHARED_STATE_SET = "sharedStateSet", x.NAVIGATE_URL = "navigateUrl", x.UPDATE_QUERY_PARAMS = "updateQueryParams", x. +REQUEST_WHATS_NEW_DATA = "requestWhatsNewData", x.RESULT_WHATS_NEW_DATA = "resultWhatsNewData", x.SET_WHATS_NEW_CACHE = "setWhatsNewCache", x. +TOGGLE_WHATS_NEW_NOTIFICATIONS = "toggleWhatsNewNotifications", x.TELEMETRY_ERROR = "telemetryError", x.FILE_COMPONENT_SEARCH_REQUEST = "fil\ +eComponentSearchRequest", x.FILE_COMPONENT_SEARCH_RESPONSE = "fileComponentSearchResponse", x.SAVE_STORY_REQUEST = "saveStoryRequest", x.SAVE_STORY_RESPONSE = +"saveStoryResponse", x.ARGTYPES_INFO_REQUEST = "argtypesInfoRequest", x.ARGTYPES_INFO_RESPONSE = "argtypesInfoResponse", x.CREATE_NEW_STORYFILE_REQUEST = +"createNewStoryfileRequest", x.CREATE_NEW_STORYFILE_RESPONSE = "createNewStoryfileResponse", x.TESTING_MODULE_CRASH_REPORT = "testingModuleC\ +rashReport", x.TESTING_MODULE_PROGRESS_REPORT = "testingModuleProgressReport", x.TESTING_MODULE_RUN_REQUEST = "testingModuleRunRequest", x.TESTING_MODULE_RUN_ALL_REQUEST = +"testingModuleRunAllRequest", x.TESTING_MODULE_CANCEL_TEST_RUN_REQUEST = "testingModuleCancelTestRunRequest", x.TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE = +"testingModuleCancelTestRunResponse", x.TESTING_MODULE_WATCH_MODE_REQUEST = "testingModuleWatchModeRequest", x))(Ft || {}), Hi = Ft, { + CHANNEL_WS_DISCONNECT: Dt, + CHANNEL_CREATED: zi, + CONFIG_ERROR: kt, + CREATE_NEW_STORYFILE_REQUEST: Wi, + CREATE_NEW_STORYFILE_RESPONSE: $i, + CURRENT_STORY_WAS_SET: Wr, + DOCS_PREPARED: Nt, + DOCS_RENDERED: nr, + FILE_COMPONENT_SEARCH_REQUEST: Yi, + FILE_COMPONENT_SEARCH_RESPONSE: Ki, + FORCE_RE_RENDER: sr, + FORCE_REMOUNT: Lt, + GLOBALS_UPDATED: xe, + NAVIGATE_URL: Xi, + PLAY_FUNCTION_THREW_EXCEPTION: jt, + UNHANDLED_ERRORS_WHILE_PLAYING: Mt, + PRELOAD_ENTRIES: qt, + PREVIEW_BUILDER_PROGRESS: Ji, + PREVIEW_KEYDOWN: Ut, + REGISTER_SUBSCRIPTION: Qi, + RESET_STORY_ARGS: ar, + SELECT_STORY: Zi, + SET_CONFIG: el, + SET_CURRENT_STORY: Bt, + SET_FILTER: rl, + SET_GLOBALS: Gt, + SET_INDEX: tl, + SET_STORIES: ol, + SHARED_STATE_CHANGED: nl, + SHARED_STATE_SET: sl, + STORIES_COLLAPSE_ALL: al, + STORIES_EXPAND_ALL: il, + STORY_ARGS_UPDATED: Vt, + STORY_CHANGED: Ht, + STORY_ERRORED: zt, + STORY_INDEX_INVALIDATED: Wt, + STORY_MISSING: $r, + STORY_PREPARED: $t, + STORY_RENDER_PHASE_CHANGED: Ae, + STORY_RENDERED: Ue, + STORY_SPECIFIED: Yt, + STORY_THREW_EXCEPTION: Kt, + STORY_UNCHANGED: Xt, + UPDATE_GLOBALS: ir, + UPDATE_QUERY_PARAMS: Jt, + UPDATE_STORY_ARGS: lr, + REQUEST_WHATS_NEW_DATA: ll, + RESULT_WHATS_NEW_DATA: cl, + SET_WHATS_NEW_CACHE: pl, + TOGGLE_WHATS_NEW_NOTIFICATIONS: dl, + TELEMETRY_ERROR: Qt, + SAVE_STORY_REQUEST: ul, + SAVE_STORY_RESPONSE: fl, + ARGTYPES_INFO_REQUEST: Zt, + ARGTYPES_INFO_RESPONSE: Yr, + TESTING_MODULE_CRASH_REPORT: yl, + TESTING_MODULE_PROGRESS_REPORT: ml, + TESTING_MODULE_RUN_REQUEST: hl, + TESTING_MODULE_RUN_ALL_REQUEST: gl, + TESTING_MODULE_CANCEL_TEST_RUN_REQUEST: Sl, + TESTING_MODULE_CANCEL_TEST_RUN_RESPONSE: bl, + TESTING_MODULE_WATCH_MODE_REQUEST: Tl +} = Ft; + +// src/preview/globals/globals.ts +var eo = { + "@storybook/global": "__STORYBOOK_MODULE_GLOBAL__", + "storybook/internal/channels": "__STORYBOOK_MODULE_CHANNELS__", + "@storybook/channels": "__STORYBOOK_MODULE_CHANNELS__", + "@storybook/core/channels": "__STORYBOOK_MODULE_CHANNELS__", + "storybook/internal/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "@storybook/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "@storybook/core/client-logger": "__STORYBOOK_MODULE_CLIENT_LOGGER__", + "storybook/internal/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "@storybook/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "@storybook/core/core-events": "__STORYBOOK_MODULE_CORE_EVENTS__", + "storybook/internal/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "@storybook/core-events/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "@storybook/core/preview-errors": "__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__", + "storybook/internal/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "@storybook/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "@storybook/core/preview-api": "__STORYBOOK_MODULE_PREVIEW_API__", + "storybook/internal/types": "__STORYBOOK_MODULE_TYPES__", + "@storybook/types": "__STORYBOOK_MODULE_TYPES__", + "@storybook/core/types": "__STORYBOOK_MODULE_TYPES__" +}, zn = Object.keys(eo); + +// src/channels/index.ts +var fr = {}; +Re(fr, { + Channel: () => ye, + PostMessageTransport: () => We, + WebsocketTransport: () => $e, + createBrowserChannel: () => gd, + default: () => hd +}); + +// src/channels/main.ts +var El = /* @__PURE__ */ s((r) => r.transports !== void 0, "isMulti"), Rl = /* @__PURE__ */ s(() => Math.random().toString(16).slice(2), "ge\ +nerateRandomId"), ro = class ro { + constructor(e = {}) { + this.sender = Rl(); + this.events = {}; + this.data = {}; + this.transports = []; + this.isAsync = e.async || !1, El(e) ? (this.transports = e.transports || [], this.transports.forEach((t) => { + t.setHandler((o) => this.handleEvent(o)); + })) : this.transports = e.transport ? [e.transport] : [], this.transports.forEach((t) => { + t.setHandler((o) => this.handleEvent(o)); + }); + } + get hasTransport() { + return this.transports.length > 0; + } + addListener(e, t) { + this.events[e] = this.events[e] || [], this.events[e].push(t); + } + emit(e, ...t) { + let o = { type: e, args: t, from: this.sender }, n = {}; + t.length >= 1 && t[0] && t[0].options && (n = t[0].options); + let a = /* @__PURE__ */ s(() => { + this.transports.forEach((l) => { + l.send(o, n); + }), this.handleEvent(o); + }, "handler"); + this.isAsync ? setImmediate(a) : a(); + } + last(e) { + return this.data[e]; + } + eventNames() { + return Object.keys(this.events); + } + listenerCount(e) { + let t = this.listeners(e); + return t ? t.length : 0; + } + listeners(e) { + return this.events[e] || void 0; + } + once(e, t) { + let o = this.onceListener(e, t); + this.addListener(e, o); + } + removeAllListeners(e) { + e ? this.events[e] && delete this.events[e] : this.events = {}; + } + removeListener(e, t) { + let o = this.listeners(e); + o && (this.events[e] = o.filter((n) => n !== t)); + } + on(e, t) { + this.addListener(e, t); + } + off(e, t) { + this.removeListener(e, t); + } + handleEvent(e) { + let t = this.listeners(e.type); + t && t.length && t.forEach((o) => { + o.apply(e, e.args); + }), this.data[e.type] = e.args; + } + onceListener(e, t) { + let o = /* @__PURE__ */ s((...n) => (this.removeListener(e, o), t(...n)), "onceListener"); + return o; + } +}; +s(ro, "Channel"); +var ye = ro; + +// src/client-logger/index.ts +var cr = {}; +Re(cr, { + deprecate: () => te, + logger: () => C, + once: () => L, + pretty: () => Y +}); +var { LOGLEVEL: xl } = R, me = { + trace: 1, + debug: 2, + info: 3, + warn: 4, + error: 5, + silent: 10 +}, Al = xl, Be = me[Al] || me.info, C = { + trace: /* @__PURE__ */ s((r, ...e) => { + Be <= me.trace && console.trace(r, ...e); + }, "trace"), + debug: /* @__PURE__ */ s((r, ...e) => { + Be <= me.debug && console.debug(r, ...e); + }, "debug"), + info: /* @__PURE__ */ s((r, ...e) => { + Be <= me.info && console.info(r, ...e); + }, "info"), + warn: /* @__PURE__ */ s((r, ...e) => { + Be <= me.warn && console.warn(r, ...e); + }, "warn"), + error: /* @__PURE__ */ s((r, ...e) => { + Be <= me.error && console.error(r, ...e); + }, "error"), + log: /* @__PURE__ */ s((r, ...e) => { + Be < me.silent && console.log(r, ...e); + }, "log") +}, to = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ s((r) => (e, ...t) => { + if (!to.has(e)) + return to.add(e), C[r](e, ...t); +}, "once"); +L.clear = () => to.clear(); +L.trace = L("trace"); +L.debug = L("debug"); +L.info = L("info"); +L.warn = L("warn"); +L.error = L("error"); +L.log = L("log"); +var te = L("warn"), Y = /* @__PURE__ */ s((r) => (...e) => { + let t = []; + if (e.length) { + let o = /<span\s+style=(['"])([^'"]*)\1\s*>/gi, n = /<\/span>/gi, a; + for (t.push(e[0].replace(o, "%c").replace(n, "%c")); a = o.exec(e[0]); ) + t.push(a[2]), t.push(""); + for (let l = 1; l < e.length; l++) + t.push(e[l]); + } + C[r].apply(C, t); +}, "pretty"); +Y.trace = Y("trace"); +Y.debug = Y("debug"); +Y.info = Y("info"); +Y.warn = Y("warn"); +Y.error = Y("error"); + +// ../node_modules/telejson/dist/chunk-465TF3XA.mjs +var _l = Object.create, Wn = Object.defineProperty, wl = Object.getOwnPropertyDescriptor, $n = Object.getOwnPropertyNames, vl = Object.getPrototypeOf, +Pl = Object.prototype.hasOwnProperty, X = /* @__PURE__ */ s((r, e) => /* @__PURE__ */ s(function() { + return e || (0, r[$n(r)[0]])((e = { exports: {} }).exports, e), e.exports; +}, "__require"), "__commonJS"), Cl = /* @__PURE__ */ s((r, e, t, o) => { + if (e && typeof e == "object" || typeof e == "function") + for (let n of $n(e)) + !Pl.call(r, n) && n !== t && Wn(r, n, { get: /* @__PURE__ */ s(() => e[n], "get"), enumerable: !(o = wl(e, n)) || o.enumerable }); + return r; +}, "__copyProps"), Kr = /* @__PURE__ */ s((r, e, t) => (t = r != null ? _l(vl(r)) : {}, Cl( + e || !r || !r.__esModule ? Wn(t, "default", { value: r, enumerable: !0 }) : t, + r +)), "__toESM"), Ol = [ + "bubbles", + "cancelBubble", + "cancelable", + "composed", + "currentTarget", + "defaultPrevented", + "eventPhase", + "isTrusted", + "returnValue", + "srcElement", + "target", + "timeStamp", + "type" +], Il = ["detail"]; +function Yn(r) { + let e = Ol.filter((t) => r[t] !== void 0).reduce((t, o) => ({ ...t, [o]: r[o] }), {}); + return r instanceof CustomEvent && Il.filter((t) => r[t] !== void 0).forEach((t) => { + e[t] = r[t]; + }), e; +} +s(Yn, "extractEventHiddenProperties"); + +// ../node_modules/telejson/dist/index.mjs +var ps = ue(Xr(), 1); +var rs = X({ + "node_modules/has-symbols/shams.js"(r, e) { + "use strict"; + e.exports = /* @__PURE__ */ s(function() { + if (typeof Symbol != "function" || typeof Object.getOwnPropertySymbols != "function") + return !1; + if (typeof Symbol.iterator == "symbol") + return !0; + var o = {}, n = Symbol("test"), a = Object(n); + if (typeof n == "string" || Object.prototype.toString.call(n) !== "[object Symbol]" || Object.prototype.toString.call(a) !== "[object \ +Symbol]") + return !1; + var l = 42; + o[n] = l; + for (n in o) + return !1; + if (typeof Object.keys == "function" && Object.keys(o).length !== 0 || typeof Object.getOwnPropertyNames == "function" && Object.getOwnPropertyNames( + o).length !== 0) + return !1; + var c = Object.getOwnPropertySymbols(o); + if (c.length !== 1 || c[0] !== n || !Object.prototype.propertyIsEnumerable.call(o, n)) + return !1; + if (typeof Object.getOwnPropertyDescriptor == "function") { + var i = Object.getOwnPropertyDescriptor(o, n); + if (i.value !== l || i.enumerable !== !0) + return !1; + } + return !0; + }, "hasSymbols"); + } +}), ts = X({ + "node_modules/has-symbols/index.js"(r, e) { + "use strict"; + var t = typeof Symbol < "u" && Symbol, o = rs(); + e.exports = /* @__PURE__ */ s(function() { + return typeof t != "function" || typeof Symbol != "function" || typeof t("foo") != "symbol" || typeof Symbol("bar") != "symbol" ? !1 : + o(); + }, "hasNativeSymbols"); + } +}), Fl = X({ + "node_modules/function-bind/implementation.js"(r, e) { + "use strict"; + var t = "Function.prototype.bind called on incompatible ", o = Array.prototype.slice, n = Object.prototype.toString, a = "[object Functi\ +on]"; + e.exports = /* @__PURE__ */ s(function(c) { + var i = this; + if (typeof i != "function" || n.call(i) !== a) + throw new TypeError(t + i); + for (var p = o.call(arguments, 1), u, d = /* @__PURE__ */ s(function() { + if (this instanceof u) { + var h = i.apply( + this, + p.concat(o.call(arguments)) + ); + return Object(h) === h ? h : this; + } else + return i.apply( + c, + p.concat(o.call(arguments)) + ); + }, "binder"), y = Math.max(0, i.length - p.length), g = [], m = 0; m < y; m++) + g.push("$" + m); + if (u = Function("binder", "return function (" + g.join(",") + "){ return binder.apply(this,arguments); }")(d), i.prototype) { + var S = /* @__PURE__ */ s(function() { + }, "Empty2"); + S.prototype = i.prototype, u.prototype = new S(), S.prototype = null; + } + return u; + }, "bind"); + } +}), so = X({ + "node_modules/function-bind/index.js"(r, e) { + "use strict"; + var t = Fl(); + e.exports = Function.prototype.bind || t; + } +}), Dl = X({ + "node_modules/has/src/index.js"(r, e) { + "use strict"; + var t = so(); + e.exports = t.call(Function.call, Object.prototype.hasOwnProperty); + } +}), os = X({ + "node_modules/get-intrinsic/index.js"(r, e) { + "use strict"; + var t, o = SyntaxError, n = Function, a = TypeError, l = /* @__PURE__ */ s(function(k) { + try { + return n('"use strict"; return (' + k + ").constructor;")(); + } catch { + } + }, "getEvalledConstructor"), c = Object.getOwnPropertyDescriptor; + if (c) + try { + c({}, ""); + } catch { + c = null; + } + var i = /* @__PURE__ */ s(function() { + throw new a(); + }, "throwTypeError"), p = c ? function() { + try { + return arguments.callee, i; + } catch { + try { + return c(arguments, "callee").get; + } catch { + return i; + } + } + }() : i, u = ts()(), d = Object.getPrototypeOf || function(k) { + return k.__proto__; + }, y = {}, g = typeof Uint8Array > "u" ? t : d(Uint8Array), m = { + "%AggregateError%": typeof AggregateError > "u" ? t : AggregateError, + "%Array%": Array, + "%ArrayBuffer%": typeof ArrayBuffer > "u" ? t : ArrayBuffer, + "%ArrayIteratorPrototype%": u ? d([][Symbol.iterator]()) : t, + "%AsyncFromSyncIteratorPrototype%": t, + "%AsyncFunction%": y, + "%AsyncGenerator%": y, + "%AsyncGeneratorFunction%": y, + "%AsyncIteratorPrototype%": y, + "%Atomics%": typeof Atomics > "u" ? t : Atomics, + "%BigInt%": typeof BigInt > "u" ? t : BigInt, + "%Boolean%": Boolean, + "%DataView%": typeof DataView > "u" ? t : DataView, + "%Date%": Date, + "%decodeURI%": decodeURI, + "%decodeURIComponent%": decodeURIComponent, + "%encodeURI%": encodeURI, + "%encodeURIComponent%": encodeURIComponent, + "%Error%": Error, + "%eval%": eval, + "%EvalError%": EvalError, + "%Float32Array%": typeof Float32Array > "u" ? t : Float32Array, + "%Float64Array%": typeof Float64Array > "u" ? t : Float64Array, + "%FinalizationRegistry%": typeof FinalizationRegistry > "u" ? t : FinalizationRegistry, + "%Function%": n, + "%GeneratorFunction%": y, + "%Int8Array%": typeof Int8Array > "u" ? t : Int8Array, + "%Int16Array%": typeof Int16Array > "u" ? t : Int16Array, + "%Int32Array%": typeof Int32Array > "u" ? t : Int32Array, + "%isFinite%": isFinite, + "%isNaN%": isNaN, + "%IteratorPrototype%": u ? d(d([][Symbol.iterator]())) : t, + "%JSON%": typeof JSON == "object" ? JSON : t, + "%Map%": typeof Map > "u" ? t : Map, + "%MapIteratorPrototype%": typeof Map > "u" || !u ? t : d((/* @__PURE__ */ new Map())[Symbol.iterator]()), + "%Math%": Math, + "%Number%": Number, + "%Object%": Object, + "%parseFloat%": parseFloat, + "%parseInt%": parseInt, + "%Promise%": typeof Promise > "u" ? t : Promise, + "%Proxy%": typeof Proxy > "u" ? t : Proxy, + "%RangeError%": RangeError, + "%ReferenceError%": ReferenceError, + "%Reflect%": typeof Reflect > "u" ? t : Reflect, + "%RegExp%": RegExp, + "%Set%": typeof Set > "u" ? t : Set, + "%SetIteratorPrototype%": typeof Set > "u" || !u ? t : d((/* @__PURE__ */ new Set())[Symbol.iterator]()), + "%SharedArrayBuffer%": typeof SharedArrayBuffer > "u" ? t : SharedArrayBuffer, + "%String%": String, + "%StringIteratorPrototype%": u ? d(""[Symbol.iterator]()) : t, + "%Symbol%": u ? Symbol : t, + "%SyntaxError%": o, + "%ThrowTypeError%": p, + "%TypedArray%": g, + "%TypeError%": a, + "%Uint8Array%": typeof Uint8Array > "u" ? t : Uint8Array, + "%Uint8ClampedArray%": typeof Uint8ClampedArray > "u" ? t : Uint8ClampedArray, + "%Uint16Array%": typeof Uint16Array > "u" ? t : Uint16Array, + "%Uint32Array%": typeof Uint32Array > "u" ? t : Uint32Array, + "%URIError%": URIError, + "%WeakMap%": typeof WeakMap > "u" ? t : WeakMap, + "%WeakRef%": typeof WeakRef > "u" ? t : WeakRef, + "%WeakSet%": typeof WeakSet > "u" ? t : WeakSet + }, S = /* @__PURE__ */ s(function k(F) { + var M; + if (F === "%AsyncFunction%") + M = l("async function () {}"); + else if (F === "%GeneratorFunction%") + M = l("function* () {}"); + else if (F === "%AsyncGeneratorFunction%") + M = l("async function* () {}"); + else if (F === "%AsyncGenerator%") { + var N = k("%AsyncGeneratorFunction%"); + N && (M = N.prototype); + } else if (F === "%AsyncIteratorPrototype%") { + var I = k("%AsyncGenerator%"); + I && (M = d(I.prototype)); + } + return m[F] = M, M; + }, "doEval2"), h = { + "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"], + "%ArrayPrototype%": ["Array", "prototype"], + "%ArrayProto_entries%": ["Array", "prototype", "entries"], + "%ArrayProto_forEach%": ["Array", "prototype", "forEach"], + "%ArrayProto_keys%": ["Array", "prototype", "keys"], + "%ArrayProto_values%": ["Array", "prototype", "values"], + "%AsyncFunctionPrototype%": ["AsyncFunction", "prototype"], + "%AsyncGenerator%": ["AsyncGeneratorFunction", "prototype"], + "%AsyncGeneratorPrototype%": ["AsyncGeneratorFunction", "prototype", "prototype"], + "%BooleanPrototype%": ["Boolean", "prototype"], + "%DataViewPrototype%": ["DataView", "prototype"], + "%DatePrototype%": ["Date", "prototype"], + "%ErrorPrototype%": ["Error", "prototype"], + "%EvalErrorPrototype%": ["EvalError", "prototype"], + "%Float32ArrayPrototype%": ["Float32Array", "prototype"], + "%Float64ArrayPrototype%": ["Float64Array", "prototype"], + "%FunctionPrototype%": ["Function", "prototype"], + "%Generator%": ["GeneratorFunction", "prototype"], + "%GeneratorPrototype%": ["GeneratorFunction", "prototype", "prototype"], + "%Int8ArrayPrototype%": ["Int8Array", "prototype"], + "%Int16ArrayPrototype%": ["Int16Array", "prototype"], + "%Int32ArrayPrototype%": ["Int32Array", "prototype"], + "%JSONParse%": ["JSON", "parse"], + "%JSONStringify%": ["JSON", "stringify"], + "%MapPrototype%": ["Map", "prototype"], + "%NumberPrototype%": ["Number", "prototype"], + "%ObjectPrototype%": ["Object", "prototype"], + "%ObjProto_toString%": ["Object", "prototype", "toString"], + "%ObjProto_valueOf%": ["Object", "prototype", "valueOf"], + "%PromisePrototype%": ["Promise", "prototype"], + "%PromiseProto_then%": ["Promise", "prototype", "then"], + "%Promise_all%": ["Promise", "all"], + "%Promise_reject%": ["Promise", "reject"], + "%Promise_resolve%": ["Promise", "resolve"], + "%RangeErrorPrototype%": ["RangeError", "prototype"], + "%ReferenceErrorPrototype%": ["ReferenceError", "prototype"], + "%RegExpPrototype%": ["RegExp", "prototype"], + "%SetPrototype%": ["Set", "prototype"], + "%SharedArrayBufferPrototype%": ["SharedArrayBuffer", "prototype"], + "%StringPrototype%": ["String", "prototype"], + "%SymbolPrototype%": ["Symbol", "prototype"], + "%SyntaxErrorPrototype%": ["SyntaxError", "prototype"], + "%TypedArrayPrototype%": ["TypedArray", "prototype"], + "%TypeErrorPrototype%": ["TypeError", "prototype"], + "%Uint8ArrayPrototype%": ["Uint8Array", "prototype"], + "%Uint8ClampedArrayPrototype%": ["Uint8ClampedArray", "prototype"], + "%Uint16ArrayPrototype%": ["Uint16Array", "prototype"], + "%Uint32ArrayPrototype%": ["Uint32Array", "prototype"], + "%URIErrorPrototype%": ["URIError", "prototype"], + "%WeakMapPrototype%": ["WeakMap", "prototype"], + "%WeakSetPrototype%": ["WeakSet", "prototype"] + }, A = so(), b = Dl(), E = A.call(Function.call, Array.prototype.concat), T = A.call(Function.apply, Array.prototype.splice), _ = A.call( + Function.call, String.prototype.replace), P = A.call(Function.call, String.prototype.slice), D = A.call(Function.call, RegExp.prototype. + exec), O = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g, U = /\\(\\)?/g, J = /* @__PURE__ */ s( + function(F) { + var M = P(F, 0, 1), N = P(F, -1); + if (M === "%" && N !== "%") + throw new o("invalid intrinsic syntax, expected closing `%`"); + if (N === "%" && M !== "%") + throw new o("invalid intrinsic syntax, expected opening `%`"); + var I = []; + return _(F, O, function(V, Q, $, Ur) { + I[I.length] = $ ? _(Ur, U, "$1") : Q || V; + }), I; + }, "stringToPath3"), de = /* @__PURE__ */ s(function(F, M) { + var N = F, I; + if (b(h, N) && (I = h[N], N = "%" + I[0] + "%"), b(m, N)) { + var V = m[N]; + if (V === y && (V = S(N)), typeof V > "u" && !M) + throw new a("intrinsic " + F + " exists, but is not available. Please file an issue!"); + return { + alias: I, + name: N, + value: V + }; + } + throw new o("intrinsic " + F + " does not exist!"); + }, "getBaseIntrinsic2"); + e.exports = /* @__PURE__ */ s(function(F, M) { + if (typeof F != "string" || F.length === 0) + throw new a("intrinsic name must be a non-empty string"); + if (arguments.length > 1 && typeof M != "boolean") + throw new a('"allowMissing" argument must be a boolean'); + if (D(/^%?[^%]*%?$/, F) === null) + throw new o("`%` may not be present anywhere but at the beginning and end of the intrinsic name"); + var N = J(F), I = N.length > 0 ? N[0] : "", V = de("%" + I + "%", M), Q = V.name, $ = V.value, Ur = !1, Ot = V.alias; + Ot && (I = Ot[0], T(N, E([0, 1], Ot))); + for (var Br = 1, tr = !0; Br < N.length; Br += 1) { + var ae = N[Br], Gr = P(ae, 0, 1), Vr = P(ae, -1); + if ((Gr === '"' || Gr === "'" || Gr === "`" || Vr === '"' || Vr === "'" || Vr === "`") && Gr !== Vr) + throw new o("property names with quotes must have matching quotes"); + if ((ae === "constructor" || !tr) && (Ur = !0), I += "." + ae, Q = "%" + I + "%", b(m, Q)) + $ = m[Q]; + else if ($ != null) { + if (!(ae in $)) { + if (!M) + throw new a("base intrinsic for " + F + " exists, but the property is not available."); + return; + } + if (c && Br + 1 >= N.length) { + var Hr = c($, ae); + tr = !!Hr, tr && "get" in Hr && !("originalValue" in Hr.get) ? $ = Hr.get : $ = $[ae]; + } else + tr = b($, ae), $ = $[ae]; + tr && !Ur && (m[Q] = $); + } + } + return $; + }, "GetIntrinsic"); + } +}), kl = X({ + "node_modules/call-bind/index.js"(r, e) { + "use strict"; + var t = so(), o = os(), n = o("%Function.prototype.apply%"), a = o("%Function.prototype.call%"), l = o("%Reflect.apply%", !0) || t.call( + a, n), c = o("%Object.getOwnPropertyDescriptor%", !0), i = o("%Object.defineProperty%", !0), p = o("%Math.max%"); + if (i) + try { + i({}, "a", { value: 1 }); + } catch { + i = null; + } + e.exports = /* @__PURE__ */ s(function(y) { + var g = l(t, a, arguments); + if (c && i) { + var m = c(g, "length"); + m.configurable && i( + g, + "length", + { value: 1 + p(0, y.length - (arguments.length - 1)) } + ); + } + return g; + }, "callBind"); + var u = /* @__PURE__ */ s(function() { + return l(t, n, arguments); + }, "applyBind2"); + i ? i(e.exports, "apply", { value: u }) : e.exports.apply = u; + } +}), Nl = X({ + "node_modules/call-bind/callBound.js"(r, e) { + "use strict"; + var t = os(), o = kl(), n = o(t("String.prototype.indexOf")); + e.exports = /* @__PURE__ */ s(function(l, c) { + var i = t(l, !!c); + return typeof i == "function" && n(l, ".prototype.") > -1 ? o(i) : i; + }, "callBoundIntrinsic"); + } +}), Ll = X({ + "node_modules/has-tostringtag/shams.js"(r, e) { + "use strict"; + var t = rs(); + e.exports = /* @__PURE__ */ s(function() { + return t() && !!Symbol.toStringTag; + }, "hasToStringTagShams"); + } +}), jl = X({ + "node_modules/is-regex/index.js"(r, e) { + "use strict"; + var t = Nl(), o = Ll()(), n, a, l, c; + o && (n = t("Object.prototype.hasOwnProperty"), a = t("RegExp.prototype.exec"), l = {}, i = /* @__PURE__ */ s(function() { + throw l; + }, "throwRegexMarker"), c = { + toString: i, + valueOf: i + }, typeof Symbol.toPrimitive == "symbol" && (c[Symbol.toPrimitive] = i)); + var i, p = t("Object.prototype.toString"), u = Object.getOwnPropertyDescriptor, d = "[object RegExp]"; + e.exports = /* @__PURE__ */ s(o ? function(g) { + if (!g || typeof g != "object") + return !1; + var m = u(g, "lastIndex"), S = m && n(m, "value"); + if (!S) + return !1; + try { + a(g, c); + } catch (h) { + return h === l; + } + } : function(g) { + return !g || typeof g != "object" && typeof g != "function" ? !1 : p(g) === d; + }, "isRegex"); + } +}), Ml = X({ + "node_modules/is-function/index.js"(r, e) { + e.exports = o; + var t = Object.prototype.toString; + function o(n) { + if (!n) + return !1; + var a = t.call(n); + return a === "[object Function]" || typeof n == "function" && a !== "[object RegExp]" || typeof window < "u" && (n === window.setTimeout || + n === window.alert || n === window.confirm || n === window.prompt); + } + s(o, "isFunction3"); + } +}), ql = X({ + "node_modules/is-symbol/index.js"(r, e) { + "use strict"; + var t = Object.prototype.toString, o = ts()(); + o ? (n = Symbol.prototype.toString, a = /^Symbol\(.*\)$/, l = /* @__PURE__ */ s(function(i) { + return typeof i.valueOf() != "symbol" ? !1 : a.test(n.call(i)); + }, "isRealSymbolObject"), e.exports = /* @__PURE__ */ s(function(i) { + if (typeof i == "symbol") + return !0; + if (t.call(i) !== "[object Symbol]") + return !1; + try { + return l(i); + } catch { + return !1; + } + }, "isSymbol3")) : e.exports = /* @__PURE__ */ s(function(i) { + return !1; + }, "isSymbol3"); + var n, a, l; + } +}), Ul = Kr(jl()), Bl = Kr(Ml()), Gl = Kr(ql()); +function Vl(r) { + return r != null && typeof r == "object" && Array.isArray(r) === !1; +} +s(Vl, "isObject"); +var Hl = typeof global == "object" && global && global.Object === Object && global, zl = Hl, Wl = typeof self == "object" && self && self.Object === +Object && self, $l = zl || Wl || Function("return this")(), ao = $l, Yl = ao.Symbol, Ge = Yl, ns = Object.prototype, Kl = ns.hasOwnProperty, +Xl = ns.toString, pr = Ge ? Ge.toStringTag : void 0; +function Jl(r) { + var e = Kl.call(r, pr), t = r[pr]; + try { + r[pr] = void 0; + var o = !0; + } catch { + } + var n = Xl.call(r); + return o && (e ? r[pr] = t : delete r[pr]), n; +} +s(Jl, "getRawTag"); +var Ql = Jl, Zl = Object.prototype, ec = Zl.toString; +function rc(r) { + return ec.call(r); +} +s(rc, "objectToString"); +var tc = rc, oc = "[object Null]", nc = "[object Undefined]", Xn = Ge ? Ge.toStringTag : void 0; +function sc(r) { + return r == null ? r === void 0 ? nc : oc : Xn && Xn in Object(r) ? Ql(r) : tc(r); +} +s(sc, "baseGetTag"); +var ss = sc; +function ac(r) { + return r != null && typeof r == "object"; +} +s(ac, "isObjectLike"); +var ic = ac, lc = "[object Symbol]"; +function cc(r) { + return typeof r == "symbol" || ic(r) && ss(r) == lc; +} +s(cc, "isSymbol"); +var io = cc; +function pc(r, e) { + for (var t = -1, o = r == null ? 0 : r.length, n = Array(o); ++t < o; ) + n[t] = e(r[t], t, r); + return n; +} +s(pc, "arrayMap"); +var dc = pc, uc = Array.isArray, lo = uc, fc = 1 / 0, Jn = Ge ? Ge.prototype : void 0, Qn = Jn ? Jn.toString : void 0; +function as(r) { + if (typeof r == "string") + return r; + if (lo(r)) + return dc(r, as) + ""; + if (io(r)) + return Qn ? Qn.call(r) : ""; + var e = r + ""; + return e == "0" && 1 / r == -fc ? "-0" : e; +} +s(as, "baseToString"); +var yc = as; +function mc(r) { + var e = typeof r; + return r != null && (e == "object" || e == "function"); +} +s(mc, "isObject2"); +var is = mc, hc = "[object AsyncFunction]", gc = "[object Function]", Sc = "[object GeneratorFunction]", bc = "[object Proxy]"; +function Tc(r) { + if (!is(r)) + return !1; + var e = ss(r); + return e == gc || e == Sc || e == hc || e == bc; +} +s(Tc, "isFunction"); +var Ec = Tc, Rc = ao["__core-js_shared__"], no = Rc, Zn = function() { + var r = /[^.]+$/.exec(no && no.keys && no.keys.IE_PROTO || ""); + return r ? "Symbol(src)_1." + r : ""; +}(); +function xc(r) { + return !!Zn && Zn in r; +} +s(xc, "isMasked"); +var Ac = xc, _c = Function.prototype, wc = _c.toString; +function vc(r) { + if (r != null) { + try { + return wc.call(r); + } catch { + } + try { + return r + ""; + } catch { + } + } + return ""; +} +s(vc, "toSource"); +var Pc = vc, Cc = /[\\^$.*+?()[\]{}|]/g, Oc = /^\[object .+?Constructor\]$/, Ic = Function.prototype, Fc = Object.prototype, Dc = Ic.toString, +kc = Fc.hasOwnProperty, Nc = RegExp( + "^" + Dc.call(kc).replace(Cc, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$" +); +function Lc(r) { + if (!is(r) || Ac(r)) + return !1; + var e = Ec(r) ? Nc : Oc; + return e.test(Pc(r)); +} +s(Lc, "baseIsNative"); +var jc = Lc; +function Mc(r, e) { + return r?.[e]; +} +s(Mc, "getValue"); +var qc = Mc; +function Uc(r, e) { + var t = qc(r, e); + return jc(t) ? t : void 0; +} +s(Uc, "getNative"); +var ls = Uc; +function Bc(r, e) { + return r === e || r !== r && e !== e; +} +s(Bc, "eq"); +var Gc = Bc, Vc = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Hc = /^\w*$/; +function zc(r, e) { + if (lo(r)) + return !1; + var t = typeof r; + return t == "number" || t == "symbol" || t == "boolean" || r == null || io(r) ? !0 : Hc.test(r) || !Vc.test(r) || e != null && r in Object( + e); +} +s(zc, "isKey"); +var Wc = zc, $c = ls(Object, "create"), dr = $c; +function Yc() { + this.__data__ = dr ? dr(null) : {}, this.size = 0; +} +s(Yc, "hashClear"); +var Kc = Yc; +function Xc(r) { + var e = this.has(r) && delete this.__data__[r]; + return this.size -= e ? 1 : 0, e; +} +s(Xc, "hashDelete"); +var Jc = Xc, Qc = "__lodash_hash_undefined__", Zc = Object.prototype, ep = Zc.hasOwnProperty; +function rp(r) { + var e = this.__data__; + if (dr) { + var t = e[r]; + return t === Qc ? void 0 : t; + } + return ep.call(e, r) ? e[r] : void 0; +} +s(rp, "hashGet"); +var tp = rp, op = Object.prototype, np = op.hasOwnProperty; +function sp(r) { + var e = this.__data__; + return dr ? e[r] !== void 0 : np.call(e, r); +} +s(sp, "hashHas"); +var ap = sp, ip = "__lodash_hash_undefined__"; +function lp(r, e) { + var t = this.__data__; + return this.size += this.has(r) ? 0 : 1, t[r] = dr && e === void 0 ? ip : e, this; +} +s(lp, "hashSet"); +var cp = lp; +function Ve(r) { + var e = -1, t = r == null ? 0 : r.length; + for (this.clear(); ++e < t; ) { + var o = r[e]; + this.set(o[0], o[1]); + } +} +s(Ve, "Hash"); +Ve.prototype.clear = Kc; +Ve.prototype.delete = Jc; +Ve.prototype.get = tp; +Ve.prototype.has = ap; +Ve.prototype.set = cp; +var es = Ve; +function pp() { + this.__data__ = [], this.size = 0; +} +s(pp, "listCacheClear"); +var dp = pp; +function up(r, e) { + for (var t = r.length; t--; ) + if (Gc(r[t][0], e)) + return t; + return -1; +} +s(up, "assocIndexOf"); +var Qr = up, fp = Array.prototype, yp = fp.splice; +function mp(r) { + var e = this.__data__, t = Qr(e, r); + if (t < 0) + return !1; + var o = e.length - 1; + return t == o ? e.pop() : yp.call(e, t, 1), --this.size, !0; +} +s(mp, "listCacheDelete"); +var hp = mp; +function gp(r) { + var e = this.__data__, t = Qr(e, r); + return t < 0 ? void 0 : e[t][1]; +} +s(gp, "listCacheGet"); +var Sp = gp; +function bp(r) { + return Qr(this.__data__, r) > -1; +} +s(bp, "listCacheHas"); +var Tp = bp; +function Ep(r, e) { + var t = this.__data__, o = Qr(t, r); + return o < 0 ? (++this.size, t.push([r, e])) : t[o][1] = e, this; +} +s(Ep, "listCacheSet"); +var Rp = Ep; +function He(r) { + var e = -1, t = r == null ? 0 : r.length; + for (this.clear(); ++e < t; ) { + var o = r[e]; + this.set(o[0], o[1]); + } +} +s(He, "ListCache"); +He.prototype.clear = dp; +He.prototype.delete = hp; +He.prototype.get = Sp; +He.prototype.has = Tp; +He.prototype.set = Rp; +var xp = He, Ap = ls(ao, "Map"), _p = Ap; +function wp() { + this.size = 0, this.__data__ = { + hash: new es(), + map: new (_p || xp)(), + string: new es() + }; +} +s(wp, "mapCacheClear"); +var vp = wp; +function Pp(r) { + var e = typeof r; + return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? r !== "__proto__" : r === null; +} +s(Pp, "isKeyable"); +var Cp = Pp; +function Op(r, e) { + var t = r.__data__; + return Cp(e) ? t[typeof e == "string" ? "string" : "hash"] : t.map; +} +s(Op, "getMapData"); +var Zr = Op; +function Ip(r) { + var e = Zr(this, r).delete(r); + return this.size -= e ? 1 : 0, e; +} +s(Ip, "mapCacheDelete"); +var Fp = Ip; +function Dp(r) { + return Zr(this, r).get(r); +} +s(Dp, "mapCacheGet"); +var kp = Dp; +function Np(r) { + return Zr(this, r).has(r); +} +s(Np, "mapCacheHas"); +var Lp = Np; +function jp(r, e) { + var t = Zr(this, r), o = t.size; + return t.set(r, e), this.size += t.size == o ? 0 : 1, this; +} +s(jp, "mapCacheSet"); +var Mp = jp; +function ze(r) { + var e = -1, t = r == null ? 0 : r.length; + for (this.clear(); ++e < t; ) { + var o = r[e]; + this.set(o[0], o[1]); + } +} +s(ze, "MapCache"); +ze.prototype.clear = vp; +ze.prototype.delete = Fp; +ze.prototype.get = kp; +ze.prototype.has = Lp; +ze.prototype.set = Mp; +var cs = ze, qp = "Expected a function"; +function co(r, e) { + if (typeof r != "function" || e != null && typeof e != "function") + throw new TypeError(qp); + var t = /* @__PURE__ */ s(function() { + var o = arguments, n = e ? e.apply(this, o) : o[0], a = t.cache; + if (a.has(n)) + return a.get(n); + var l = r.apply(this, o); + return t.cache = a.set(n, l) || a, l; + }, "memoized"); + return t.cache = new (co.Cache || cs)(), t; +} +s(co, "memoize"); +co.Cache = cs; +var Up = co, Bp = 500; +function Gp(r) { + var e = Up(r, function(o) { + return t.size === Bp && t.clear(), o; + }), t = e.cache; + return e; +} +s(Gp, "memoizeCapped"); +var Vp = Gp, Hp = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, zp = /\\(\\)?/g, Wp = Vp( +function(r) { + var e = []; + return r.charCodeAt(0) === 46 && e.push(""), r.replace(Hp, function(t, o, n, a) { + e.push(n ? a.replace(zp, "$1") : o || t); + }), e; +}), $p = Wp; +function Yp(r) { + return r == null ? "" : yc(r); +} +s(Yp, "toString"); +var Kp = Yp; +function Xp(r, e) { + return lo(r) ? r : Wc(r, e) ? [r] : $p(Kp(r)); +} +s(Xp, "castPath"); +var Jp = Xp, Qp = 1 / 0; +function Zp(r) { + if (typeof r == "string" || io(r)) + return r; + var e = r + ""; + return e == "0" && 1 / r == -Qp ? "-0" : e; +} +s(Zp, "toKey"); +var ed = Zp; +function rd(r, e) { + e = Jp(e, r); + for (var t = 0, o = e.length; r != null && t < o; ) + r = r[ed(e[t++])]; + return t && t == o ? r : void 0; +} +s(rd, "baseGet"); +var td = rd; +function od(r, e, t) { + var o = r == null ? void 0 : td(r, e); + return o === void 0 ? t : o; +} +s(od, "get"); +var nd = od, Jr = Vl, sd = /* @__PURE__ */ s((r) => { + let e = null, t = !1, o = !1, n = !1, a = ""; + if (r.indexOf("//") >= 0 || r.indexOf("/*") >= 0) + for (let l = 0; l < r.length; l += 1) + !e && !t && !o && !n ? r[l] === '"' || r[l] === "'" || r[l] === "`" ? e = r[l] : r[l] === "/" && r[l + 1] === "*" ? t = !0 : r[l] === "\ +/" && r[l + 1] === "/" ? o = !0 : r[l] === "/" && r[l + 1] !== "/" && (n = !0) : (e && (r[l] === e && r[l - 1] !== "\\" || r[l] === ` +` && e !== "`") && (e = null), n && (r[l] === "/" && r[l - 1] !== "\\" || r[l] === ` +`) && (n = !1), t && r[l - 1] === "/" && r[l - 2] === "*" && (t = !1), o && r[l] === ` +` && (o = !1)), !t && !o && (a += r[l]); + else + a = r; + return a; +}, "removeCodeComments"), ad = (0, ps.default)(1e4)( + (r) => sd(r).replace(/\n\s*/g, "").trim() +), id = /* @__PURE__ */ s(function(e, t) { + let o = t.slice(0, t.indexOf("{")), n = t.slice(t.indexOf("{")); + if (o.includes("=>") || o.includes("function")) + return t; + let a = o; + return a = a.replace(e, "function"), a + n; +}, "convertShorthandMethods2"), ld = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/, ur = /* @__PURE__ */ s((r) => r.match(/^[\[\{\"\}].*[\]\}\"]$/), +"isJSON"); +function ds(r) { + if (!Jr(r)) + return r; + let e = r, t = !1; + return typeof Event < "u" && r instanceof Event && (e = Yn(e), t = !0), e = Object.keys(e).reduce((o, n) => { + try { + e[n] && e[n].toJSON, o[n] = e[n]; + } catch { + t = !0; + } + return o; + }, {}), t ? e : r; +} +s(ds, "convertUnconventionalData"); +var cd = /* @__PURE__ */ s(function(e) { + let t, o, n, a; + return /* @__PURE__ */ s(function(c, i) { + try { + if (c === "") + return a = [], t = /* @__PURE__ */ new Map([[i, "[]"]]), o = /* @__PURE__ */ new Map(), n = [], i; + let p = o.get(this) || this; + for (; n.length && p !== n[0]; ) + n.shift(), a.pop(); + if (typeof i == "boolean") + return i; + if (i === void 0) + return e.allowUndefined ? "_undefined_" : void 0; + if (i === null) + return null; + if (typeof i == "number") + return i === -1 / 0 ? "_-Infinity_" : i === 1 / 0 ? "_Infinity_" : Number.isNaN(i) ? "_NaN_" : i; + if (typeof i == "bigint") + return `_bigint_${i.toString()}`; + if (typeof i == "string") + return ld.test(i) ? e.allowDate ? `_date_${i}` : void 0 : i; + if ((0, Ul.default)(i)) + return e.allowRegExp ? `_regexp_${i.flags}|${i.source}` : void 0; + if ((0, Bl.default)(i)) { + if (!e.allowFunction) + return; + let { name: d } = i, y = i.toString(); + return y.match( + /(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/ + ) ? `_function_${d}|${(() => { + }).toString()}` : `_function_${d}|${ad(id(c, y))}`; + } + if ((0, Gl.default)(i)) { + if (!e.allowSymbol) + return; + let d = Symbol.keyFor(i); + return d !== void 0 ? `_gsymbol_${d}` : `_symbol_${i.toString().slice(7, -1)}`; + } + if (n.length >= e.maxDepth) + return Array.isArray(i) ? `[Array(${i.length})]` : "[Object]"; + if (i === this) + return `_duplicate_${JSON.stringify(a)}`; + if (i instanceof Error && e.allowError) + return { + __isConvertedError__: !0, + errorProperties: { + ...i.cause ? { cause: i.cause } : {}, + ...i, + name: i.name, + message: i.message, + stack: i.stack, + "_constructor-name_": i.constructor.name + } + }; + if (i.constructor && i.constructor.name && i.constructor.name !== "Object" && !Array.isArray(i) && !e.allowClass) + return; + let u = t.get(i); + if (!u) { + let d = Array.isArray(i) ? i : ds(i); + if (i.constructor && i.constructor.name && i.constructor.name !== "Object" && !Array.isArray(i) && e.allowClass) + try { + Object.assign(d, { "_constructor-name_": i.constructor.name }); + } catch { + } + return a.push(c), n.unshift(d), t.set(i, JSON.stringify(a)), i !== d && o.set(i, d), d; + } + return `_duplicate_${u}`; + } catch { + return; + } + }, "replace"); +}, "replacer2"), pd = /* @__PURE__ */ s(function reviver(options) { + let refs = [], root; + return /* @__PURE__ */ s(function revive(key, value) { + if (key === "" && (root = value, refs.forEach(({ target: r, container: e, replacement: t }) => { + let o = ur(t) ? JSON.parse(t) : t.split("."); + o.length === 0 ? e[r] = root : e[r] = nd(root, o); + })), key === "_constructor-name_") + return value; + if (Jr(value) && value.__isConvertedError__) { + let { message: r, ...e } = value.errorProperties, t = new Error(r); + return Object.assign(t, e), t; + } + if (Jr(value) && value["_constructor-name_"] && options.allowFunction) { + let r = value["_constructor-name_"]; + if (r !== "Object") { + let e = new Function(`return function ${r.replace(/[^a-zA-Z0-9$_]+/g, "")}(){}`)(); + Object.setPrototypeOf(value, new e()); + } + return delete value["_constructor-name_"], value; + } + if (typeof value == "string" && value.startsWith("_function_") && options.allowFunction) { + let [, name, source] = value.match(/_function_([^|]*)\|(.*)/) || [], sourceSanitized = source.replace(/[(\(\))|\\| |\]|`]*$/, ""); + if (!options.lazyEval) + return eval(`(${sourceSanitized})`); + let result = /* @__PURE__ */ s((...args) => { + let f = eval(`(${sourceSanitized})`); + return f(...args); + }, "result"); + return Object.defineProperty(result, "toString", { + value: /* @__PURE__ */ s(() => sourceSanitized, "value") + }), Object.defineProperty(result, "name", { + value: name + }), result; + } + if (typeof value == "string" && value.startsWith("_regexp_") && options.allowRegExp) { + let [, r, e] = value.match(/_regexp_([^|]*)\|(.*)/) || []; + return new RegExp(e, r); + } + return typeof value == "string" && value.startsWith("_date_") && options.allowDate ? new Date(value.replace("_date_", "")) : typeof value == + "string" && value.startsWith("_duplicate_") ? (refs.push({ target: key, container: this, replacement: value.replace(/^_duplicate_/, "") }), + null) : typeof value == "string" && value.startsWith("_symbol_") && options.allowSymbol ? Symbol(value.replace("_symbol_", "")) : typeof value == + "string" && value.startsWith("_gsymbol_") && options.allowSymbol ? Symbol.for(value.replace("_gsymbol_", "")) : typeof value == "string" && + value === "_-Infinity_" ? -1 / 0 : typeof value == "string" && value === "_Infinity_" ? 1 / 0 : typeof value == "string" && value === "_\ +NaN_" ? NaN : typeof value == "string" && value.startsWith("_bigint_") && typeof BigInt == "function" ? BigInt(value.replace("_bigint_", "")) : + value; + }, "revive"); +}, "reviver"), us = { + maxDepth: 10, + space: void 0, + allowFunction: !0, + allowRegExp: !0, + allowDate: !0, + allowClass: !0, + allowError: !0, + allowUndefined: !0, + allowSymbol: !0, + lazyEval: !0 +}, et = /* @__PURE__ */ s((r, e = {}) => { + let t = { ...us, ...e }; + return JSON.stringify(ds(r), cd(t), e.space); +}, "stringify"), dd = /* @__PURE__ */ s(() => { + let r = /* @__PURE__ */ new Map(); + return /* @__PURE__ */ s(function e(t) { + Jr(t) && Object.entries(t).forEach(([o, n]) => { + n === "_undefined_" ? t[o] = void 0 : r.get(n) || (r.set(n, !0), e(n)); + }), Array.isArray(t) && t.forEach((o, n) => { + o === "_undefined_" ? (r.set(o, !0), t[n] = void 0) : r.get(o) || (r.set(o, !0), e(o)); + }); + }, "mutateUndefined"); +}, "mutator"), rt = /* @__PURE__ */ s((r, e = {}) => { + let t = { ...us, ...e }, o = JSON.parse(r, pd(t)); + return dd()(o), o; +}, "parse"); + +// ../node_modules/tiny-invariant/dist/esm/tiny-invariant.js +var ud = !0, po = "Invariant failed"; +function ie(r, e) { + if (!r) { + if (ud) + throw new Error(po); + var t = typeof e == "function" ? e() : e, o = t ? "".concat(po, ": ").concat(t) : po; + throw new Error(o); + } +} +s(ie, "invariant"); + +// src/channels/postmessage/getEventSourceUrl.ts +var fs = /* @__PURE__ */ s((r) => { + let e = Array.from( + document.querySelectorAll("iframe[data-is-storybook]") + ), [t, ...o] = e.filter((a) => { + try { + return a.contentWindow?.location.origin === r.source.location.origin && a.contentWindow?.location.pathname === r.source.location.pathname; + } catch { + } + try { + return a.contentWindow === r.source; + } catch { + } + let l = a.getAttribute("src"), c; + try { + if (!l) + return !1; + ({ origin: c } = new URL(l, document.location.toString())); + } catch { + return !1; + } + return c === r.origin; + }), n = t?.getAttribute("src"); + if (n && o.length === 0) { + let { protocol: a, host: l, pathname: c } = new URL(n, document.location.toString()); + return `${a}//${l}${c}`; + } + return o.length > 0 && C.error("found multiple candidates for event source"), null; +}, "getEventSourceUrl"); + +// src/channels/postmessage/index.ts +var { document: uo, location: fo } = R, ys = "storybook-channel", fd = { allowFunction: !1, maxDepth: 25 }, yo = class yo { + constructor(e) { + this.config = e; + this.connected = !1; + if (this.buffer = [], typeof R?.addEventListener == "function" && R.addEventListener("message", this.handleEvent.bind(this), !1), e.page !== + "manager" && e.page !== "preview") + throw new Error(`postmsg-channel: "config.page" cannot be "${e.page}"`); + } + setHandler(e) { + this.handler = (...t) => { + e.apply(this, t), !this.connected && this.getLocalFrame().length && (this.flush(), this.connected = !0); + }; + } + /** + * Sends `event` to the associated window. If the window does not yet exist the event will be + * stored in a buffer and sent when the window exists. + * + * @param event + */ + send(e, t) { + let { + target: o, + // telejson options + allowRegExp: n, + allowFunction: a, + allowSymbol: l, + allowDate: c, + allowError: i, + allowUndefined: p, + allowClass: u, + maxDepth: d, + space: y, + lazyEval: g + } = t || {}, m = Object.fromEntries( + Object.entries({ + allowRegExp: n, + allowFunction: a, + allowSymbol: l, + allowDate: c, + allowError: i, + allowUndefined: p, + allowClass: u, + maxDepth: d, + space: y, + lazyEval: g + }).filter(([E, T]) => typeof T < "u") + ), S = { + ...fd, + ...R.CHANNEL_OPTIONS || {}, + ...m + }, h = this.getFrames(o), A = new URLSearchParams(fo?.search || ""), b = et( + { + key: ys, + event: e, + refId: A.get("refId") + }, + S + ); + return h.length ? (this.buffer.length && this.flush(), h.forEach((E) => { + try { + E.postMessage(b, "*"); + } catch { + C.error("sending over postmessage fail"); + } + }), Promise.resolve(null)) : new Promise((E, T) => { + this.buffer.push({ event: e, resolve: E, reject: T }); + }); + } + flush() { + let { buffer: e } = this; + this.buffer = [], e.forEach((t) => { + this.send(t.event).then(t.resolve).catch(t.reject); + }); + } + getFrames(e) { + if (this.config.page === "manager") { + let o = Array.from( + uo.querySelectorAll("iframe[data-is-storybook][data-is-loaded]") + ).flatMap((n) => { + try { + return n.contentWindow && n.dataset.isStorybook !== void 0 && n.id === e ? [n.contentWindow] : []; + } catch { + return []; + } + }); + return o?.length ? o : this.getCurrentFrames(); + } + return R && R.parent && R.parent !== R.self ? [R.parent] : []; + } + getCurrentFrames() { + return this.config.page === "manager" ? Array.from( + uo.querySelectorAll('[data-is-storybook="true"]') + ).flatMap((t) => t.contentWindow ? [t.contentWindow] : []) : R && R.parent ? [R.parent] : []; + } + getLocalFrame() { + return this.config.page === "manager" ? Array.from( + uo.querySelectorAll("#storybook-preview-iframe") + ).flatMap((t) => t.contentWindow ? [t.contentWindow] : []) : R && R.parent ? [R.parent] : []; + } + handleEvent(e) { + try { + let { data: t } = e, { key: o, event: n, refId: a } = typeof t == "string" && ur(t) ? rt(t, R.CHANNEL_OPTIONS || {}) : t; + if (o === ys) { + let l = this.config.page === "manager" ? '<span style="color: #37D5D3; background: black"> manager </span>' : '<span style="color: #\ +1EA7FD; background: black"> preview </span>', c = Object.values(fe).includes(n.type) ? `<span style="color: #FF4785">${n.type}</span>` : `<s\ +pan style="color: #FFAE00">${n.type}</span>`; + if (a && (n.refId = a), n.source = this.config.page === "preview" ? e.origin : fs(e), !n.source) { + Y.error( + `${l} received ${c} but was unable to determine the source of the event` + ); + return; + } + let i = `${l} received ${c} (${t.length})`; + Y.debug( + fo.origin !== n.source ? i : `${i} <span style="color: gray">(on ${fo.origin} from ${n.source})</span>`, + ...n.args + ), ie(this.handler, "ChannelHandler should be set"), this.handler(n); + } + } catch (t) { + C.error(t); + } + } +}; +s(yo, "PostMessageTransport"); +var We = yo; + +// src/channels/websocket/index.ts +var { WebSocket: yd } = R, mo = class mo { + constructor({ url: e, onError: t, page: o }) { + this.buffer = []; + this.isReady = !1; + this.socket = new yd(e), this.socket.onopen = () => { + this.isReady = !0, this.flush(); + }, this.socket.onmessage = ({ data: n }) => { + let a = typeof n == "string" && ur(n) ? rt(n) : n; + ie(this.handler, "WebsocketTransport handler should be set"), this.handler(a); + }, this.socket.onerror = (n) => { + t && t(n); + }, this.socket.onclose = () => { + ie(this.handler, "WebsocketTransport handler should be set"), this.handler({ type: Dt, args: [], from: o || "preview" }); + }; + } + setHandler(e) { + this.handler = e; + } + send(e) { + this.isReady ? this.sendNow(e) : this.sendLater(e); + } + sendLater(e) { + this.buffer.push(e); + } + sendNow(e) { + let t = et(e, { + maxDepth: 15, + allowFunction: !1, + ...R.CHANNEL_OPTIONS + }); + this.socket.send(t); + } + flush() { + let { buffer: e } = this; + this.buffer = [], e.forEach((t) => this.send(t)); + } +}; +s(mo, "WebsocketTransport"); +var $e = mo; + +// src/channels/index.ts +var { CONFIG_TYPE: md } = R, hd = ye; +function gd({ page: r, extraTransports: e = [] }) { + let t = [new We({ page: r }), ...e]; + if (md === "DEVELOPMENT") { + let o = window.location.protocol === "http:" ? "ws" : "wss", { hostname: n, port: a } = window.location, l = `${o}://${n}:${a}/storybook\ +-server-channel`; + t.push(new $e({ url: l, onError: /* @__PURE__ */ s(() => { + }, "onError"), page: r })); + } + return new ye({ transports: t }); +} +s(gd, "createBrowserChannel"); + +// src/types/index.ts +var yr = {}; +Re(yr, { + Addon_TypesEnum: () => ms +}); + +// src/types/modules/addons.ts +var ms = /* @__PURE__ */ ((p) => (p.TAB = "tab", p.PANEL = "panel", p.TOOL = "tool", p.TOOLEXTRA = "toolextra", p.PREVIEW = "preview", p.experimental_PAGE = +"page", p.experimental_SIDEBAR_BOTTOM = "sidebar-bottom", p.experimental_SIDEBAR_TOP = "sidebar-top", p.experimental_TEST_PROVIDER = "test-p\ +rovider", p))(ms || {}); + +// src/preview-api/index.ts +var qr = {}; +Re(qr, { + DocsContext: () => ce, + HooksContext: () => he, + Preview: () => Fe, + PreviewWeb: () => jr, + PreviewWithSelection: () => De, + StoryStore: () => Oe, + UrlStore: () => Le, + WebView: () => Me, + addons: () => Z, + applyHooks: () => ot, + combineArgs: () => Xe, + combineParameters: () => W, + composeConfigs: () => Ce, + composeStepRunners: () => ht, + composeStories: () => xa, + composeStory: () => dn, + createPlaywrightTest: () => Aa, + decorateStory: () => an, + defaultDecorateStory: () => ft, + filterArgTypes: () => Pr, + inferControls: () => er, + makeDecorator: () => Ps, + mockChannel: () => tt, + normalizeStory: () => Qe, + prepareMeta: () => yt, + prepareStory: () => Ze, + sanitizeStoryContextUpdate: () => ln, + setDefaultProjectAnnotations: () => Ea, + setProjectAnnotations: () => Ra, + simulateDOMContentLoaded: () => Mr, + simulatePageLoad: () => Bn, + sortStoriesV7: () => Ia, + useArgs: () => ws, + useCallback: () => Ye, + useChannel: () => As, + useEffect: () => Ro, + useGlobals: () => vs, + useMemo: () => Ss, + useParameter: () => _s, + useReducer: () => xs, + useRef: () => Ts, + useState: () => Rs, + useStoryContext: () => mr, + userOrAutoTitle: () => Pa, + userOrAutoTitleFromSpecifier: () => yn +}); + +// src/preview-api/modules/addons/storybook-channel-mock.ts +function tt() { + let r = { + setHandler: /* @__PURE__ */ s(() => { + }, "setHandler"), + send: /* @__PURE__ */ s(() => { + }, "send") + }; + return new ye({ transport: r }); +} +s(tt, "mockChannel"); + +// src/preview-api/modules/addons/main.ts +var So = class So { + constructor() { + this.getChannel = /* @__PURE__ */ s(() => { + if (!this.channel) { + let e = tt(); + return this.setChannel(e), e; + } + return this.channel; + }, "getChannel"); + this.ready = /* @__PURE__ */ s(() => this.promise, "ready"); + this.hasChannel = /* @__PURE__ */ s(() => !!this.channel, "hasChannel"); + this.setChannel = /* @__PURE__ */ s((e) => { + this.channel = e, this.resolve(); + }, "setChannel"); + this.promise = new Promise((e) => { + this.resolve = () => e(this.getChannel()); + }); + } +}; +s(So, "AddonStore"); +var go = So, ho = "__STORYBOOK_ADDONS_PREVIEW"; +function Sd() { + return R[ho] || (R[ho] = new go()), R[ho]; +} +s(Sd, "getAddonsStore"); +var Z = Sd(); + +// src/preview-api/modules/addons/hooks.ts +var xo = class xo { + constructor() { + this.hookListsMap = void 0; + this.mountedDecorators = void 0; + this.prevMountedDecorators = void 0; + this.currentHooks = void 0; + this.nextHookIndex = void 0; + this.currentPhase = void 0; + this.currentEffects = void 0; + this.prevEffects = void 0; + this.currentDecoratorName = void 0; + this.hasUpdates = void 0; + this.currentContext = void 0; + this.renderListener = /* @__PURE__ */ s((e) => { + e === this.currentContext?.id && (this.triggerEffects(), this.currentContext = null, this.removeRenderListeners()); + }, "renderListener"); + this.init(); + } + init() { + this.hookListsMap = /* @__PURE__ */ new WeakMap(), this.mountedDecorators = /* @__PURE__ */ new Set(), this.prevMountedDecorators = /* @__PURE__ */ new Set(), + this.currentHooks = [], this.nextHookIndex = 0, this.currentPhase = "NONE", this.currentEffects = [], this.prevEffects = [], this.currentDecoratorName = + null, this.hasUpdates = !1, this.currentContext = null; + } + clean() { + this.prevEffects.forEach((e) => { + e.destroy && e.destroy(); + }), this.init(), this.removeRenderListeners(); + } + getNextHook() { + let e = this.currentHooks[this.nextHookIndex]; + return this.nextHookIndex += 1, e; + } + triggerEffects() { + this.prevEffects.forEach((e) => { + !this.currentEffects.includes(e) && e.destroy && e.destroy(); + }), this.currentEffects.forEach((e) => { + this.prevEffects.includes(e) || (e.destroy = e.create()); + }), this.prevEffects = this.currentEffects, this.currentEffects = []; + } + addRenderListeners() { + this.removeRenderListeners(), Z.getChannel().on(Ue, this.renderListener); + } + removeRenderListeners() { + Z.getChannel().removeListener(Ue, this.renderListener); + } +}; +s(xo, "HooksContext"); +var he = xo; +function hs(r) { + let e = /* @__PURE__ */ s((...t) => { + let { hooks: o } = typeof t[0] == "function" ? t[1] : t[0], n = o.currentPhase, a = o.currentHooks, l = o.nextHookIndex, c = o.currentDecoratorName; + o.currentDecoratorName = r.name, o.prevMountedDecorators.has(r) ? (o.currentPhase = "UPDATE", o.currentHooks = o.hookListsMap.get(r) || []) : + (o.currentPhase = "MOUNT", o.currentHooks = [], o.hookListsMap.set(r, o.currentHooks), o.prevMountedDecorators.add(r)), o.nextHookIndex = + 0; + let i = R.STORYBOOK_HOOKS_CONTEXT; + R.STORYBOOK_HOOKS_CONTEXT = o; + let p = r(...t); + if (R.STORYBOOK_HOOKS_CONTEXT = i, o.currentPhase === "UPDATE" && o.getNextHook() != null) + throw new Error( + "Rendered fewer hooks than expected. This may be caused by an accidental early return statement." + ); + return o.currentPhase = n, o.currentHooks = a, o.nextHookIndex = l, o.currentDecoratorName = c, p; + }, "hookified"); + return e.originalFn = r, e; +} +s(hs, "hookify"); +var bo = 0, bd = 25, ot = /* @__PURE__ */ s((r) => (e, t) => { + let o = r( + hs(e), + t.map((n) => hs(n)) + ); + return (n) => { + let { hooks: a } = n; + a.prevMountedDecorators ??= /* @__PURE__ */ new Set(), a.mountedDecorators = /* @__PURE__ */ new Set([e, ...t]), a.currentContext = n, a. + hasUpdates = !1; + let l = o(n); + for (bo = 1; a.hasUpdates; ) + if (a.hasUpdates = !1, a.currentEffects = [], l = o(n), bo += 1, bo > bd) + throw new Error( + "Too many re-renders. Storybook limits the number of renders to prevent an infinite loop." + ); + return a.addRenderListeners(), l; + }; +}, "applyHooks"), Td = /* @__PURE__ */ s((r, e) => r.length === e.length && r.every((t, o) => t === e[o]), "areDepsEqual"), To = /* @__PURE__ */ s( +() => new Error("Storybook preview hooks can only be called inside decorators and story functions."), "invalidHooksError"); +function gs() { + return R.STORYBOOK_HOOKS_CONTEXT || null; +} +s(gs, "getHooksContextOrNull"); +function Eo() { + let r = gs(); + if (r == null) + throw To(); + return r; +} +s(Eo, "getHooksContextOrThrow"); +function Ed(r, e, t) { + let o = Eo(); + if (o.currentPhase === "MOUNT") { + t != null && !Array.isArray(t) && C.warn( + `${r} received a final argument that is not an array (instead, received ${t}). When specified, the final argument must be an array.` + ); + let n = { name: r, deps: t }; + return o.currentHooks.push(n), e(n), n; + } + if (o.currentPhase === "UPDATE") { + let n = o.getNextHook(); + if (n == null) + throw new Error("Rendered more hooks than during the previous render."); + return n.name !== r && C.warn( + `Storybook has detected a change in the order of Hooks${o.currentDecoratorName ? ` called by ${o.currentDecoratorName}` : ""}. This wi\ +ll lead to bugs and errors if not fixed.` + ), t != null && n.deps == null && C.warn( + `${r} received a final argument during this render, but not during the previous render. Even though the final argument is optional, it\ +s type cannot change between renders.` + ), t != null && n.deps != null && t.length !== n.deps.length && C.warn(`The final argument passed to ${r} changed size between renders. \ +The order and size of this array must remain constant. +Previous: ${n.deps} +Incoming: ${t}`), (t == null || n.deps == null || !Td(t, n.deps)) && (e(n), n.deps = t), n; + } + throw To(); +} +s(Ed, "useHook"); +function nt(r, e, t) { + let { memoizedState: o } = Ed( + r, + (n) => { + n.memoizedState = e(); + }, + t + ); + return o; +} +s(nt, "useMemoLike"); +function Ss(r, e) { + return nt("useMemo", r, e); +} +s(Ss, "useMemo"); +function Ye(r, e) { + return nt("useCallback", () => r, e); +} +s(Ye, "useCallback"); +function bs(r, e) { + return nt(r, () => ({ current: e }), []); +} +s(bs, "useRefLike"); +function Ts(r) { + return bs("useRef", r); +} +s(Ts, "useRef"); +function Rd() { + let r = gs(); + if (r != null && r.currentPhase !== "NONE") + r.hasUpdates = !0; + else + try { + Z.getChannel().emit(sr); + } catch { + C.warn("State updates of Storybook preview hooks work only in browser"); + } +} +s(Rd, "triggerUpdate"); +function Es(r, e) { + let t = bs( + r, + // @ts-expect-error S type should never be function, but there's no way to tell that to TypeScript + typeof e == "function" ? e() : e + ), o = /* @__PURE__ */ s((n) => { + t.current = typeof n == "function" ? n(t.current) : n, Rd(); + }, "setState"); + return [t.current, o]; +} +s(Es, "useStateLike"); +function Rs(r) { + return Es("useState", r); +} +s(Rs, "useState"); +function xs(r, e, t) { + let o = t != null ? () => t(e) : e, [n, a] = Es("useReducer", o); + return [n, /* @__PURE__ */ s((c) => a((i) => r(i, c)), "dispatch")]; +} +s(xs, "useReducer"); +function Ro(r, e) { + let t = Eo(), o = nt("useEffect", () => ({ create: r }), e); + t.currentEffects.includes(o) || t.currentEffects.push(o); +} +s(Ro, "useEffect"); +function As(r, e = []) { + let t = Z.getChannel(); + return Ro(() => (Object.entries(r).forEach(([o, n]) => t.on(o, n)), () => { + Object.entries(r).forEach( + ([o, n]) => t.removeListener(o, n) + ); + }), [...Object.keys(r), ...e]), Ye(t.emit.bind(t), [t]); +} +s(As, "useChannel"); +function mr() { + let { currentContext: r } = Eo(); + if (r == null) + throw To(); + return r; +} +s(mr, "useStoryContext"); +function _s(r, e) { + let { parameters: t } = mr(); + if (r) + return t[r] ?? e; +} +s(_s, "useParameter"); +function ws() { + let r = Z.getChannel(), { id: e, args: t } = mr(), o = Ye( + (a) => r.emit(lr, { storyId: e, updatedArgs: a }), + [r, e] + ), n = Ye( + (a) => r.emit(ar, { storyId: e, argNames: a }), + [r, e] + ); + return [t, o, n]; +} +s(ws, "useArgs"); +function vs() { + let r = Z.getChannel(), { globals: e } = mr(), t = Ye( + (o) => r.emit(ir, { globals: o }), + [r] + ); + return [e, t]; +} +s(vs, "useGlobals"); + +// src/preview-api/modules/addons/make-decorator.ts +var Ps = /* @__PURE__ */ s(({ + name: r, + parameterName: e, + wrapper: t, + skipIfNoParametersOrOptions: o = !1 +}) => { + let n = /* @__PURE__ */ s((a) => (l, c) => { + let i = c.parameters && c.parameters[e]; + return i && i.disable || o && !a && !i ? l(c) : t(l, c, { + options: a, + parameters: i + }); + }, "decorator"); + return (...a) => typeof a[0] == "function" ? n()(...a) : (...l) => { + if (l.length > 1) + return a.length > 1 ? n(a)(...l) : n(...a)(...l); + throw new Error( + `Passing stories directly into ${r}() is not allowed, + instead use addDecorator(${r}) and pass options with the '${e}' parameter` + ); + }; +}, "makeDecorator"); + +// src/preview-errors.ts +var vr = {}; +Re(vr, { + CalledExtractOnStoreError: () => gr, + CalledPreviewMethodBeforeInitializationError: () => G, + Category: () => Os, + EmptyIndexError: () => Er, + ImplicitActionsDuringRendering: () => Ao, + MdxFileWithNoCsfReferencesError: () => Tr, + MissingRenderToCanvasError: () => Sr, + MissingStoryAfterHmrError: () => hr, + MissingStoryFromCsfFileError: () => xr, + MountMustBeDestructuredError: () => _e, + NextJsSharpError: () => _o, + NextjsRouterMocksNotAvailable: () => wo, + NoRenderFunctionError: () => _r, + NoStoryMatchError: () => Rr, + NoStoryMountedError: () => wr, + StoryIndexFetchError: () => br, + StoryStoreAccessedBeforeInitializationError: () => Ar, + UnknownArgTypesError: () => vo, + UnsupportedViewportDimensionError: () => Po +}); + +// ../node_modules/ts-dedent/esm/index.js +function w(r) { + for (var e = [], t = 1; t < arguments.length; t++) + e[t - 1] = arguments[t]; + var o = Array.from(typeof r == "string" ? [r] : r); + o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, ""); + var n = o.reduce(function(c, i) { + var p = i.match(/\n([\t ]+|(?!\s).)/g); + return p ? c.concat(p.map(function(u) { + var d, y; + return (y = (d = u.match(/[\t ]/g)) === null || d === void 0 ? void 0 : d.length) !== null && y !== void 0 ? y : 0; + })) : c; + }, []); + if (n.length) { + var a = new RegExp(` +[ ]{` + Math.min.apply(Math, n) + "}", "g"); + o = o.map(function(c) { + return c.replace(a, ` +`); + }); + } + o[0] = o[0].replace(/^\r?\n/, ""); + var l = o[0]; + return e.forEach(function(c, i) { + var p = l.match(/(?:^|\n)( *)$/), u = p ? p[1] : "", d = c; + typeof c == "string" && c.includes(` +`) && (d = String(c).split(` +`).map(function(y, g) { + return g === 0 ? y : "" + u + y; + }).join(` +`)), l += d + o[i + 1]; + }), l; +} +s(w, "dedent"); + +// src/storybook-error.ts +function Cs({ + code: r, + category: e +}) { + let t = String(r).padStart(4, "0"); + return `SB_${e}_${t}`; +} +s(Cs, "parseErrorCode"); +var st = class st extends Error { + constructor(t) { + super(st.getFullMessage(t)); + /** + * Data associated with the error. Used to provide additional information in the error message or + * to be passed to telemetry. + */ + this.data = {}; + /** Flag used to easily determine if the error originates from Storybook. */ + this.fromStorybook = !0; + this.category = t.category, this.documentation = t.documentation ?? !1, this.code = t.code; + } + get fullErrorCode() { + return Cs({ code: this.code, category: this.category }); + } + /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */ + get name() { + let t = this.constructor.name; + return `${this.fullErrorCode} (${t})`; + } + /** Generates the error message along with additional documentation link (if applicable). */ + static getFullMessage({ + documentation: t, + code: o, + category: n, + message: a + }) { + let l; + return t === !0 ? l = `https://storybook.js.org/error/${Cs({ code: o, category: n })}` : typeof t == "string" ? l = t : Array.isArray(t) && + (l = ` +${t.map((c) => ` - ${c}`).join(` +`)}`), `${a}${l != null ? ` + +More info: ${l} +` : ""}`; + } +}; +s(st, "StorybookError"); +var q = st; + +// src/preview-errors.ts +var Os = /* @__PURE__ */ ((T) => (T.BLOCKS = "BLOCKS", T.DOCS_TOOLS = "DOCS-TOOLS", T.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", T.PREVIEW_CHANNELS = +"PREVIEW_CHANNELS", T.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", T.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", T.PREVIEW_API = "PREVIEW\ +_API", T.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", T.PREVIEW_ROUTER = "PREVIEW_ROUTER", T.PREVIEW_THEMING = "PREVIEW_THEMING", T.RENDERER_HTML = +"RENDERER_HTML", T.RENDERER_PREACT = "RENDERER_PREACT", T.RENDERER_REACT = "RENDERER_REACT", T.RENDERER_SERVER = "RENDERER_SERVER", T.RENDERER_SVELTE = +"RENDERER_SVELTE", T.RENDERER_VUE = "RENDERER_VUE", T.RENDERER_VUE3 = "RENDERER_VUE3", T.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS", +T.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", T.ADDON_VITEST = "ADDON_VITEST", T))(Os || {}), Co = class Co extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 1, + message: w` + Couldn't find story matching id '${t.storyId}' after HMR. + - Did you just rename a story? + - Did you remove it from your CSF file? + - Are you sure a story with the id '${t.storyId}' exists? + - Please check the values in the stories field of your main.js config and see if they would match your CSF File. + - Also check the browser console and terminal for potential error messages.` + }); + this.data = t; + } +}; +s(Co, "MissingStoryAfterHmrError"); +var hr = Co, Oo = class Oo extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 2, + documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-\ +for-example-in-the-play-function", + message: w` + We detected that you use an implicit action arg while ${t.phase} of your story. + ${t.deprecated ? ` +This is deprecated and won't work in Storybook 8 anymore. +` : ""} + Please provide an explicit spy to your args like this: + import { fn } from '@storybook/test'; + ... + args: { + ${t.name}: fn() + }` + }); + this.data = t; + } +}; +s(Oo, "ImplicitActionsDuringRendering"); +var Ao = Oo, Io = class Io extends q { + constructor() { + super({ + category: "PREVIEW_API", + code: 3, + message: w` + Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first. + + You probably meant to call \`await preview.extract()\` which does the above for you.` + }); + } +}; +s(Io, "CalledExtractOnStoreError"); +var gr = Io, Fo = class Fo extends q { + constructor() { + super({ + category: "PREVIEW_API", + code: 4, + message: w` + Expected your framework's preset to export a \`renderToCanvas\` field. + + Perhaps it needs to be upgraded for Storybook 7.0?`, + documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field" + }); + } +}; +s(Fo, "MissingRenderToCanvasError"); +var Sr = Fo, Do = class Do extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 5, + message: w` + Called \`Preview.${t.methodName}()\` before initialization. + + The preview needs to load the story index before most methods can be called. If you want + to call \`${t.methodName}\`, try \`await preview.initializationPromise;\` first. + + If you didn't call the above code, then likely it was called by an addon that needs to + do the above.` + }); + this.data = t; + } +}; +s(Do, "CalledPreviewMethodBeforeInitializationError"); +var G = Do, ko = class ko extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 6, + message: w` + Error fetching \`/index.json\`: + + ${t.text} + + If you are in development, this likely indicates a problem with your Storybook process, + check the terminal for errors. + + If you are in a deployed Storybook, there may have been an issue deploying the full Storybook + build.` + }); + this.data = t; + } +}; +s(ko, "StoryIndexFetchError"); +var br = ko, No = class No extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 7, + message: w` + Tried to render docs entry ${t.storyId} but it is a MDX file that has no CSF + references, or autodocs for a CSF file that some doesn't refer to itself. + + This likely is an internal error in Storybook's indexing, or you've attached the + \`attached-mdx\` tag to an MDX file that is not attached.` + }); + this.data = t; + } +}; +s(No, "MdxFileWithNoCsfReferencesError"); +var Tr = No, Lo = class Lo extends q { + constructor() { + super({ + category: "PREVIEW_API", + code: 8, + message: w` + Couldn't find any stories in your Storybook. + + - Please check your stories field of your main.js config: does it match correctly? + - Also check the browser console and terminal for error messages.` + }); + } +}; +s(Lo, "EmptyIndexError"); +var Er = Lo, jo = class jo extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 9, + message: w` + Couldn't find story matching '${t.storySpecifier}'. + + - Are you sure a story with that id exists? + - Please check your stories field of your main.js config. + - Also check the browser console and terminal for error messages.` + }); + this.data = t; + } +}; +s(jo, "NoStoryMatchError"); +var Rr = jo, Mo = class Mo extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 10, + message: w` + Couldn't find story matching id '${t.storyId}' after importing a CSF file. + + The file was indexed as if the story was there, but then after importing the file in the browser + we didn't find the story. Possible reasons: + - You are using a custom story indexer that is misbehaving. + - You have a custom file loader that is removing or renaming exports. + + Please check your browser console and terminal for errors that may explain the issue.` + }); + this.data = t; + } +}; +s(Mo, "MissingStoryFromCsfFileError"); +var xr = Mo, qo = class qo extends q { + constructor() { + super({ + category: "PREVIEW_API", + code: 11, + message: w` + Cannot access the Story Store until the index is ready. + + It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will + remove access to the store entirely` + }); + } +}; +s(qo, "StoryStoreAccessedBeforeInitializationError"); +var Ar = qo, Uo = class Uo extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 12, + message: w` + Incorrect use of mount in the play function. + + To use mount in the play function, you must satisfy the following two requirements: + + 1. You *must* destructure the mount property from the \`context\` (the argument passed to your play function). + This makes sure that Storybook does not start rendering the story before the play function begins. + + 2. Your Storybook framework or builder must be configured to transpile to ES2017 or newer. + This is because destructuring statements and async/await usages are otherwise transpiled away, + which prevents Storybook from recognizing your usage of \`mount\`. + + Note that Angular is not supported. As async/await is transpiled to support the zone.js polyfill. + + More info: https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-the-component-gets-rendered + + Received the following play function: + ${t.playFunction}` + }); + this.data = t; + } +}; +s(Uo, "MountMustBeDestructuredError"); +var _e = Uo, Bo = class Bo extends q { + constructor(t) { + super({ + category: "PREVIEW_API", + code: 14, + message: w` + No render function available for storyId '${t.id}' + ` + }); + this.data = t; + } +}; +s(Bo, "NoRenderFunctionError"); +var _r = Bo, Go = class Go extends q { + constructor() { + super({ + category: "PREVIEW_API", + code: 15, + message: w` + No component is mounted in your story. + + This usually occurs when you destructure mount in the play function, but forget to call it. + + For example: + + async play({ mount, canvasElement }) { + // 👈 mount should be called: await mount(); + const canvas = within(canvasElement); + const button = await canvas.findByRole('button'); + await userEvent.click(button); + }; + + Make sure to either remove it or call mount in your play function. + ` + }); + } +}; +s(Go, "NoStoryMountedError"); +var wr = Go, Vo = class Vo extends q { + constructor() { + super({ + category: "FRAMEWORK_NEXTJS", + code: 1, + documentation: "https://storybook.js.org/docs/get-started/nextjs#faq", + message: w` + You are importing avif images, but you don't have sharp installed. + + You have to install sharp in order to use image optimization features in Next.js. + ` + }); + } +}; +s(Vo, "NextJsSharpError"); +var _o = Vo, Ho = class Ho extends q { + constructor(t) { + super({ + category: "FRAMEWORK_NEXTJS", + code: 2, + message: w` + Tried to access router mocks from "${t.importType}" but they were not created yet. You might be running code in an unsupported environment. + ` + }); + this.data = t; + } +}; +s(Ho, "NextjsRouterMocksNotAvailable"); +var wo = Ho, zo = class zo extends q { + constructor(t) { + super({ + category: "DOCS-TOOLS", + code: 1, + documentation: "https://github.com/storybookjs/storybook/issues/26606", + message: w` + There was a failure when generating detailed ArgTypes in ${t.language} for: + ${JSON.stringify(t.type, null, 2)} + + Storybook will fall back to use a generic type description instead. + + This type is either not supported or it is a bug in the docgen generation in Storybook. + If you think this is a bug, please detail it as much as possible in the Github issue. + ` + }); + this.data = t; + } +}; +s(zo, "UnknownArgTypesError"); +var vo = zo, Wo = class Wo extends q { + constructor(t) { + super({ + category: "ADDON_VITEST", + code: 1, + // TODO: Add documentation about viewports support + // documentation: '', + message: w` + Encountered an unsupported value "${t.value}" when setting the viewport ${t.dimension} dimension. + + The Storybook plugin only supports values in the following units: + - px, vh, vw, em, rem and %. + + You can either change the viewport for this story to use one of the supported units or skip the test by adding '!test' to the story's tags per https://storybook.js.org/docs/writing-stories/tags + ` + }); + this.data = t; + } +}; +s(Wo, "UnsupportedViewportDimensionError"); +var Po = Wo; + +// ../node_modules/es-toolkit/dist/object/omitBy.mjs +function $o(r, e) { + let t = {}, o = Object.entries(r); + for (let n = 0; n < o.length; n++) { + let [a, l] = o[n]; + e(l, a) || (t[a] = l); + } + return t; +} +s($o, "omitBy"); + +// ../node_modules/es-toolkit/dist/object/pick.mjs +function Yo(r, e) { + let t = {}; + for (let o = 0; o < e.length; o++) { + let n = e[o]; + Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]); + } + return t; +} +s(Yo, "pick"); + +// ../node_modules/es-toolkit/dist/object/pickBy.mjs +function Ko(r, e) { + let t = {}, o = Object.entries(r); + for (let n = 0; n < o.length; n++) { + let [a, l] = o[n]; + e(l, a) && (t[a] = l); + } + return t; +} +s(Ko, "pickBy"); + +// ../node_modules/es-toolkit/dist/predicate/isPlainObject.mjs +function z(r) { + if (typeof r != "object" || r == null) + return !1; + if (Object.getPrototypeOf(r) === null) + return !0; + if (r.toString() !== "[object Object]") + return !1; + let e = r; + for (; Object.getPrototypeOf(e) !== null; ) + e = Object.getPrototypeOf(e); + return Object.getPrototypeOf(r) === e; +} +s(z, "isPlainObject"); + +// ../node_modules/es-toolkit/dist/object/mapValues.mjs +function ee(r, e) { + let t = {}, o = Object.keys(r); + for (let n = 0; n < o.length; n++) { + let a = o[n], l = r[a]; + t[a] = e(l, a, r); + } + return t; +} +s(ee, "mapValues"); + +// ../node_modules/es-toolkit/dist/compat/_internal/tags.mjs +var Is = "[object RegExp]", Fs = "[object String]", Ds = "[object Number]", ks = "[object Boolean]", Xo = "[object Arguments]", Ns = "[objec\ +t Symbol]", Ls = "[object Date]", js = "[object Map]", Ms = "[object Set]", qs = "[object Array]", Us = "[object Function]", Bs = "[object A\ +rrayBuffer]", at = "[object Object]", Gs = "[object Error]", Vs = "[object DataView]", Hs = "[object Uint8Array]", zs = "[object Uint8Clampe\ +dArray]", Ws = "[object Uint16Array]", $s = "[object Uint32Array]", Ys = "[object BigUint64Array]", Ks = "[object Int8Array]", Xs = "[object\ + Int16Array]", Js = "[object Int32Array]", Qs = "[object BigInt64Array]", Zs = "[object Float32Array]", ea = "[object Float64Array]"; + +// ../node_modules/es-toolkit/dist/compat/_internal/getSymbols.mjs +function Jo(r) { + return Object.getOwnPropertySymbols(r).filter((e) => Object.prototype.propertyIsEnumerable.call(r, e)); +} +s(Jo, "getSymbols"); + +// ../node_modules/es-toolkit/dist/compat/_internal/getTag.mjs +function Qo(r) { + return r == null ? r === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(r); +} +s(Qo, "getTag"); + +// ../node_modules/es-toolkit/dist/predicate/isEqual.mjs +function Zo(r, e) { + if (typeof r == typeof e) + switch (typeof r) { + case "bigint": + case "string": + case "boolean": + case "symbol": + case "undefined": + return r === e; + case "number": + return r === e || Object.is(r, e); + case "function": + return r === e; + case "object": + return le(r, e); + } + return le(r, e); +} +s(Zo, "isEqual"); +function le(r, e, t) { + if (Object.is(r, e)) + return !0; + let o = Qo(r), n = Qo(e); + if (o === Xo && (o = at), n === Xo && (n = at), o !== n) + return !1; + switch (o) { + case Fs: + return r.toString() === e.toString(); + case Ds: { + let c = r.valueOf(), i = e.valueOf(); + return c === i || Number.isNaN(c) && Number.isNaN(i); + } + case ks: + case Ls: + case Ns: + return Object.is(r.valueOf(), e.valueOf()); + case Is: + return r.source === e.source && r.flags === e.flags; + case Us: + return r === e; + } + t = t ?? /* @__PURE__ */ new Map(); + let a = t.get(r), l = t.get(e); + if (a != null && l != null) + return a === e; + t.set(r, e), t.set(e, r); + try { + switch (o) { + case js: { + if (r.size !== e.size) + return !1; + for (let [c, i] of r.entries()) + if (!e.has(c) || !le(i, e.get(c), t)) + return !1; + return !0; + } + case Ms: { + if (r.size !== e.size) + return !1; + let c = Array.from(r.values()), i = Array.from(e.values()); + for (let p = 0; p < c.length; p++) { + let u = c[p], d = i.findIndex((y) => le(u, y, t)); + if (d === -1) + return !1; + i.splice(d, 1); + } + return !0; + } + case qs: + case Hs: + case zs: + case Ws: + case $s: + case Ys: + case Ks: + case Xs: + case Js: + case Qs: + case Zs: + case ea: { + if (typeof Buffer < "u" && Buffer.isBuffer(r) !== Buffer.isBuffer(e) || r.length !== e.length) + return !1; + for (let c = 0; c < r.length; c++) + if (!le(r[c], e[c], t)) + return !1; + return !0; + } + case Bs: + return r.byteLength !== e.byteLength ? !1 : le(new Uint8Array(r), new Uint8Array(e), t); + case Vs: + return r.byteLength !== e.byteLength || r.byteOffset !== e.byteOffset ? !1 : le(r.buffer, e.buffer, t); + case Gs: + return r.name === e.name && r.message === e.message; + case at: { + if (!(le(r.constructor, e.constructor, t) || z(r) && z(e))) + return !1; + let i = [...Object.keys(r), ...Jo(r)], p = [...Object.keys(e), ...Jo(e)]; + if (i.length !== p.length) + return !1; + for (let u = 0; u < i.length; u++) { + let d = i[u], y = r[d]; + if (!Object.prototype.hasOwnProperty.call(e, d)) + return !1; + let g = e[d]; + if (!le(y, g, t)) + return !1; + } + return !0; + } + default: + return !1; + } + } finally { + t.delete(r), t.delete(e); + } +} +s(le, "areObjectsEqual"); + +// src/preview-api/modules/store/StoryStore.ts +var gt = ue(Xr(), 1); + +// src/preview-api/modules/store/args.ts +var Ke = Symbol("incompatible"), en = /* @__PURE__ */ s((r, e) => { + let t = e.type; + if (r == null || !t || e.mapping) + return r; + switch (t.name) { + case "string": + return String(r); + case "enum": + return r; + case "number": + return Number(r); + case "boolean": + return String(r) === "true"; + case "array": + return !t.value || !Array.isArray(r) ? Ke : r.reduce((o, n, a) => { + let l = en(n, { type: t.value }); + return l !== Ke && (o[a] = l), o; + }, new Array(r.length)); + case "object": + return typeof r == "string" || typeof r == "number" ? r : !t.value || typeof r != "object" ? Ke : Object.entries(r).reduce((o, [n, a]) => { + let l = en(a, { type: t.value[n] }); + return l === Ke ? o : Object.assign(o, { [n]: l }); + }, {}); + default: + return Ke; + } +}, "map"), ra = /* @__PURE__ */ s((r, e) => Object.entries(r).reduce((t, [o, n]) => { + if (!e[o]) + return t; + let a = en(n, e[o]); + return a === Ke ? t : Object.assign(t, { [o]: a }); +}, {}), "mapArgsToTypes"), Xe = /* @__PURE__ */ s((r, e) => Array.isArray(r) && Array.isArray(e) ? e.reduce( + (t, o, n) => (t[n] = Xe(r[n], e[n]), t), + [...r] +).filter((t) => t !== void 0) : !z(r) || !z(e) ? e : Object.keys({ ...r, ...e }).reduce((t, o) => { + if (o in e) { + let n = Xe(r[o], e[o]); + n !== void 0 && (t[o] = n); + } else + t[o] = r[o]; + return t; +}, {}), "combineArgs"), ta = /* @__PURE__ */ s((r, e) => Object.entries(e).reduce((t, [o, { options: n }]) => { + function a() { + return o in r && (t[o] = r[o]), t; + } + if (s(a, "allowArg"), !n) + return a(); + if (!Array.isArray(n)) + return L.error(w` + Invalid argType: '${o}.options' should be an array. + + More info: https://storybook.js.org/docs/api/arg-types + `), a(); + if (n.some((d) => d && ["object", "function"].includes(typeof d))) + return L.error(w` + Invalid argType: '${o}.options' should only contain primitives. Use a 'mapping' for complex values. + + More info: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values + `), a(); + let l = Array.isArray(r[o]), c = l && r[o].findIndex((d) => !n.includes(d)), i = l && c === -1; + if (r[o] === void 0 || n.includes(r[o]) || i) + return a(); + let p = l ? `${o}[${c}]` : o, u = n.map((d) => typeof d == "string" ? `'${d}'` : String(d)).join(", "); + return L.warn(`Received illegal value for '${p}'. Supported options: ${u}`), t; +}, {}), "validateOptions"), we = Symbol("Deeply equal"), Je = /* @__PURE__ */ s((r, e) => { + if (typeof r != typeof e) + return e; + if (Zo(r, e)) + return we; + if (Array.isArray(r) && Array.isArray(e)) { + let t = e.reduce((o, n, a) => { + let l = Je(r[a], n); + return l !== we && (o[a] = l), o; + }, new Array(e.length)); + return e.length >= r.length ? t : t.concat(new Array(r.length - e.length).fill(void 0)); + } + return z(r) && z(e) ? Object.keys({ ...r, ...e }).reduce((t, o) => { + let n = Je(r?.[o], e?.[o]); + return n === we ? t : Object.assign(t, { [o]: n }); + }, {}) : e; +}, "deepDiff"), rn = "UNTARGETED"; +function oa({ + args: r, + argTypes: e +}) { + let t = {}; + return Object.entries(r).forEach(([o, n]) => { + let { target: a = rn } = e[o] || {}; + t[a] = t[a] || {}, t[a][o] = n; + }), t; +} +s(oa, "groupArgsByTarget"); + +// src/preview-api/modules/store/ArgsStore.ts +function xd(r) { + return Object.keys(r).forEach((e) => r[e] === void 0 && delete r[e]), r; +} +s(xd, "deleteUndefined"); +var tn = class tn { + constructor() { + this.initialArgsByStoryId = {}; + this.argsByStoryId = {}; + } + get(e) { + if (!(e in this.argsByStoryId)) + throw new Error(`No args known for ${e} -- has it been rendered yet?`); + return this.argsByStoryId[e]; + } + setInitial(e) { + if (!this.initialArgsByStoryId[e.id]) + this.initialArgsByStoryId[e.id] = e.initialArgs, this.argsByStoryId[e.id] = e.initialArgs; + else if (this.initialArgsByStoryId[e.id] !== e.initialArgs) { + let t = Je(this.initialArgsByStoryId[e.id], this.argsByStoryId[e.id]); + this.initialArgsByStoryId[e.id] = e.initialArgs, this.argsByStoryId[e.id] = e.initialArgs, t !== we && this.updateFromDelta(e, t); + } + } + updateFromDelta(e, t) { + let o = ta(t, e.argTypes); + this.argsByStoryId[e.id] = Xe(this.argsByStoryId[e.id], o); + } + updateFromPersisted(e, t) { + let o = ra(t, e.argTypes); + return this.updateFromDelta(e, o); + } + update(e, t) { + if (!(e in this.argsByStoryId)) + throw new Error(`No args known for ${e} -- has it been rendered yet?`); + this.argsByStoryId[e] = xd({ + ...this.argsByStoryId[e], + ...t + }); + } +}; +s(tn, "ArgsStore"); +var it = tn; + +// src/preview-api/modules/store/csf/getValuesFromArgTypes.ts +var lt = /* @__PURE__ */ s((r = {}) => Object.entries(r).reduce((e, [t, { defaultValue: o }]) => (typeof o < "u" && (e[t] = o), e), {}), "ge\ +tValuesFromArgTypes"); + +// src/preview-api/modules/store/GlobalsStore.ts +var on = class on { + constructor({ + globals: e = {}, + globalTypes: t = {} + }) { + this.set({ globals: e, globalTypes: t }); + } + set({ globals: e = {}, globalTypes: t = {} }) { + let o = this.initialGlobals && Je(this.initialGlobals, this.globals); + this.allowedGlobalNames = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]); + let n = lt(t); + this.initialGlobals = { ...n, ...e }, this.globals = this.initialGlobals, o && o !== we && this.updateFromPersisted(o); + } + filterAllowedGlobals(e) { + return Object.entries(e).reduce((t, [o, n]) => (this.allowedGlobalNames.has(o) ? t[o] = n : C.warn( + `Attempted to set a global (${o}) that is not defined in initial globals or globalTypes` + ), t), {}); + } + updateFromPersisted(e) { + let t = this.filterAllowedGlobals(e); + this.globals = { ...this.globals, ...t }; + } + get() { + return this.globals; + } + update(e) { + this.globals = { ...this.globals, ...this.filterAllowedGlobals(e) }; + } +}; +s(on, "GlobalsStore"); +var ct = on; + +// src/preview-api/modules/store/StoryIndexStore.ts +var na = ue(Xr(), 1); +var Ad = (0, na.default)(1)( + (r) => Object.values(r).reduce( + (e, t) => (e[t.importPath] = e[t.importPath] || t, e), + {} + ) +), nn = class nn { + constructor({ entries: e } = { v: 5, entries: {} }) { + this.entries = e; + } + entryFromSpecifier(e) { + let t = Object.values(this.entries); + if (e === "*") + return t[0]; + if (typeof e == "string") + return this.entries[e] ? this.entries[e] : t.find((a) => a.id.startsWith(e)); + let { name: o, title: n } = e; + return t.find((a) => a.name === o && a.title === n); + } + storyIdToEntry(e) { + let t = this.entries[e]; + if (!t) + throw new hr({ storyId: e }); + return t; + } + importPathToEntry(e) { + return Ad(this.entries)[e]; + } +}; +s(nn, "StoryIndexStore"); +var pt = nn; + +// src/preview-api/modules/store/csf/normalizeInputTypes.ts +var _d = /* @__PURE__ */ s((r) => typeof r == "string" ? { name: r } : r, "normalizeType"), wd = /* @__PURE__ */ s((r) => typeof r == "strin\ +g" ? { type: r } : r, "normalizeControl"), vd = /* @__PURE__ */ s((r, e) => { + let { type: t, control: o, ...n } = r, a = { + name: e, + ...n + }; + return t && (a.type = _d(t)), o ? a.control = wd(o) : o === !1 && (a.control = { disable: !0 }), a; +}, "normalizeInputType"), ve = /* @__PURE__ */ s((r) => ee(r, vd), "normalizeInputTypes"); + +// ../node_modules/@storybook/csf/dist/index.mjs +var Pd = Object.create, la = Object.defineProperty, Cd = Object.getOwnPropertyDescriptor, Od = Object.getOwnPropertyNames, Id = Object.getPrototypeOf, +Fd = Object.prototype.hasOwnProperty, Dd = /* @__PURE__ */ s((r, e) => () => (e || r((e = { exports: {} }).exports, e), e.exports), "v"), kd = /* @__PURE__ */ s( +(r, e, t, o) => { + if (e && typeof e == "object" || typeof e == "function") for (let n of Od(e)) !Fd.call(r, n) && n !== t && la(r, n, { get: /* @__PURE__ */ s( + () => e[n], "get"), enumerable: !(o = Cd(e, n)) || o.enumerable }); + return r; +}, "E"), Nd = /* @__PURE__ */ s((r, e, t) => (t = r != null ? Pd(Id(r)) : {}, kd(e || !r || !r.__esModule ? la(t, "default", { value: r, enumerable: !0 }) : +t, r)), "I"), Ld = Dd((r) => { + Object.defineProperty(r, "__esModule", { value: !0 }), r.isEqual = /* @__PURE__ */ function() { + var e = Object.prototype.toString, t = Object.getPrototypeOf, o = Object.getOwnPropertySymbols ? function(n) { + return Object.keys(n).concat(Object.getOwnPropertySymbols(n)); + } : Object.keys; + return function(n, a) { + return (/* @__PURE__ */ s(function l(c, i, p) { + var u, d, y, g = e.call(c), m = e.call(i); + if (c === i) return !0; + if (c == null || i == null) return !1; + if (p.indexOf(c) > -1 && p.indexOf(i) > -1) return !0; + if (p.push(c, i), g != m || (u = o(c), d = o(i), u.length != d.length || u.some(function(S) { + return !l(c[S], i[S], p); + }))) return !1; + switch (g.slice(8, -1)) { + case "Symbol": + return c.valueOf() == i.valueOf(); + case "Date": + case "Number": + return +c == +i || +c != +c && +i != +i; + case "RegExp": + case "Function": + case "String": + case "Boolean": + return "" + c == "" + i; + case "Set": + case "Map": + u = c.entries(), d = i.entries(); + do + if (!l((y = u.next()).value, d.next().value, p)) return !1; + while (!y.done); + return !0; + case "ArrayBuffer": + c = new Uint8Array(c), i = new Uint8Array(i); + case "DataView": + c = new Uint8Array(c.buffer), i = new Uint8Array(i.buffer); + case "Float32Array": + case "Float64Array": + case "Int8Array": + case "Int16Array": + case "Int32Array": + case "Uint8Array": + case "Uint16Array": + case "Uint32Array": + case "Uint8ClampedArray": + case "Arguments": + case "Array": + if (c.length != i.length) return !1; + for (y = 0; y < c.length; y++) if ((y in c || y in i) && (y in c != y in i || !l(c[y], i[y], p))) return !1; + return !0; + case "Object": + return l(t(c), t(i), p); + default: + return !1; + } + }, "i"))(n, a, []); + }; + }(); +}); +function jd(r) { + return r.replace(/_/g, " ").replace(/-/g, " ").replace(/\./g, " ").replace(/([^\n])([A-Z])([a-z])/g, (e, t, o, n) => `${t} ${o}${n}`).replace( + /([a-z])([A-Z])/g, (e, t, o) => `${t} ${o}`).replace(/([a-z])([0-9])/gi, (e, t, o) => `${t} ${o}`).replace(/([0-9])([a-z])/gi, (e, t, o) => `${t}\ + ${o}`).replace(/(\s|^)(\w)/g, (e, t, o) => `${t}${o.toUpperCase()}`).replace(/ +/g, " ").trim(); +} +s(jd, "R"); +var sa = Nd(Ld()), ca = /* @__PURE__ */ s((r) => r.map((e) => typeof e < "u").filter(Boolean).length, "S"), Md = /* @__PURE__ */ s((r, e) => { + let { exists: t, eq: o, neq: n, truthy: a } = r; + if (ca([t, o, n, a]) > 1) throw new Error(`Invalid conditional test ${JSON.stringify({ exists: t, eq: o, neq: n })}`); + if (typeof o < "u") return (0, sa.isEqual)(e, o); + if (typeof n < "u") return !(0, sa.isEqual)(e, n); + if (typeof t < "u") { + let l = typeof e < "u"; + return t ? l : !l; + } + return typeof a > "u" || a ? !!e : !e; +}, "k"), pa = /* @__PURE__ */ s((r, e, t) => { + if (!r.if) return !0; + let { arg: o, global: n } = r.if; + if (ca([o, n]) !== 1) throw new Error(`Invalid conditional value ${JSON.stringify({ arg: o, global: n })}`); + let a = o ? e[o] : t[n]; + return Md(r.if, a); +}, "P"), sn = /* @__PURE__ */ s((r) => r.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace( +/-+/g, "-").replace(/^-+/, "").replace(/-+$/, ""), "O"), aa = /* @__PURE__ */ s((r, e) => { + let t = sn(r); + if (t === "") throw new Error(`Invalid ${e} '${r}', must include alphanumeric characters`); + return t; +}, "m"), da = /* @__PURE__ */ s((r, e) => `${aa(r, "kind")}${e ? `--${aa(e, "name")}` : ""}`, "G"), ua = /* @__PURE__ */ s((r) => jd(r), "N"); +function ia(r, e) { + return Array.isArray(e) ? e.includes(r) : r.match(e); +} +s(ia, "f"); +function dt(r, { includeStories: e, excludeStories: t }) { + return r !== "__esModule" && (!e || ia(r, e)) && (!t || !ia(r, t)); +} +s(dt, "M"); +var fa = /* @__PURE__ */ s((...r) => { + let e = r.reduce((t, o) => (o.startsWith("!") ? t.delete(o.slice(1)) : t.add(o), t), /* @__PURE__ */ new Set()); + return Array.from(e); +}, "z"); + +// src/preview-api/modules/store/csf/normalizeArrays.ts +var j = /* @__PURE__ */ s((r) => Array.isArray(r) ? r : r ? [r] : [], "normalizeArrays"); + +// src/preview-api/modules/store/csf/normalizeStory.ts +var qd = w` +CSF .story annotations deprecated; annotate story functions directly: +- StoryFn.story.name => StoryFn.storyName +- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators) +See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod. +`; +function Qe(r, e, t) { + let o = e, n = typeof e == "function" ? e : null, { story: a } = o; + a && (C.debug("deprecated story", a), te(qd)); + let l = ua(r), c = typeof o != "function" && o.name || o.storyName || a?.name || l, i = [ + ...j(o.decorators), + ...j(a?.decorators) + ], p = { ...a?.parameters, ...o.parameters }, u = { ...a?.args, ...o.args }, d = { ...a?.argTypes, ...o.argTypes }, y = [...j(o.loaders), ...j( + a?.loaders)], g = [ + ...j(o.beforeEach), + ...j(a?.beforeEach) + ], { render: m, play: S, tags: h = [], globals: A = {} } = o, b = p.__id || da(t.id, l); + return { + moduleExport: e, + id: b, + name: c, + tags: h, + decorators: i, + parameters: p, + args: u, + argTypes: ve(d), + loaders: y, + beforeEach: g, + globals: A, + ...m && { render: m }, + ...n && { userStoryFn: n }, + ...S && { play: S } + }; +} +s(Qe, "normalizeStory"); + +// src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts +function ut(r, e = r.title, t) { + let { id: o, argTypes: n } = r; + return { + id: sn(o || e), + ...r, + title: e, + ...n && { argTypes: ve(n) }, + parameters: { + fileName: t, + ...r.parameters + } + }; +} +s(ut, "normalizeComponentAnnotations"); + +// src/preview-api/modules/store/csf/processCSFFile.ts +var Ud = /* @__PURE__ */ s((r) => { + let { globals: e, globalTypes: t } = r; + (e || t) && C.error( + "Global args/argTypes can only be set globally", + JSON.stringify({ + globals: e, + globalTypes: t + }) + ); +}, "checkGlobals"), Bd = /* @__PURE__ */ s((r) => { + let { options: e } = r; + e?.storySort && C.error("The storySort option parameter can only be set globally"); +}, "checkStorySort"), ya = /* @__PURE__ */ s((r) => { + r && (Ud(r), Bd(r)); +}, "checkDisallowedParameters"); +function ma(r, e, t) { + let { default: o, __namedExportsOrder: n, ...a } = r, l = ut( + o, + t, + e + ); + ya(l.parameters); + let c = { meta: l, stories: {}, moduleExports: r }; + return Object.keys(a).forEach((i) => { + if (dt(i, l)) { + let p = Qe(i, a[i], l); + ya(p.parameters), c.stories[p.id] = p; + } + }), c; +} +s(ma, "processCSFFile"); + +// src/preview-api/modules/preview-web/render/mount-utils.ts +function ga(r) { + return r != null && Gd(r).includes("mount"); +} +s(ga, "mountDestructured"); +function Gd(r) { + let e = r.toString().match(/[^(]*\(([^)]*)/); + if (!e) + return []; + let t = ha(e[1]); + if (!t.length) + return []; + let o = t[0]; + return o.startsWith("{") && o.endsWith("}") ? ha(o.slice(1, -1).replace(/\s/g, "")).map((a) => a.replace(/:.*|=.*/g, "")) : []; +} +s(Gd, "getUsedProps"); +function ha(r) { + let e = [], t = [], o = 0; + for (let a = 0; a < r.length; a++) + if (r[a] === "{" || r[a] === "[") + t.push(r[a] === "{" ? "}" : "]"); + else if (r[a] === t[t.length - 1]) + t.pop(); + else if (!t.length && r[a] === ",") { + let l = r.substring(o, a).trim(); + l && e.push(l), o = a + 1; + } + let n = r.substring(o).trim(); + return n && e.push(n), e; +} +s(ha, "splitByComma"); + +// src/preview-api/modules/store/decorators.ts +function an(r, e, t) { + let o = t(r); + return (n) => e(o, n); +} +s(an, "decorateStory"); +function ln({ + componentId: r, + title: e, + kind: t, + id: o, + name: n, + story: a, + parameters: l, + initialArgs: c, + argTypes: i, + ...p +} = {}) { + return p; +} +s(ln, "sanitizeStoryContextUpdate"); +function ft(r, e) { + let t = {}, o = /* @__PURE__ */ s((a) => (l) => { + if (!t.value) + throw new Error("Decorated function called without init"); + return t.value = { + ...t.value, + ...ln(l) + }, a(t.value); + }, "bindWithContext"), n = e.reduce( + (a, l) => an(a, l, o), + r + ); + return (a) => (t.value = a, n(a)); +} +s(ft, "defaultDecorateStory"); + +// src/preview-api/modules/store/parameters.ts +var W = /* @__PURE__ */ s((...r) => { + let e = {}, t = r.filter(Boolean), o = t.reduce((n, a) => (Object.entries(a).forEach(([l, c]) => { + let i = n[l]; + Array.isArray(c) || typeof i > "u" ? n[l] = c : z(c) && z(i) ? e[l] = !0 : typeof c < "u" && (n[l] = c); + }), n), {}); + return Object.keys(e).forEach((n) => { + let a = t.filter(Boolean).map((l) => l[n]).filter((l) => typeof l < "u"); + a.every((l) => z(l)) ? o[n] = W(...a) : o[n] = a[a.length - 1]; + }), o; +}, "combineParameters"); + +// src/preview-api/modules/store/csf/prepareStory.ts +function Ze(r, e, t) { + let { moduleExport: o, id: n, name: a } = r || {}, l = Sa( + r, + e, + t + ), c = /* @__PURE__ */ s(async (_) => { + let P = {}; + for (let D of [ + ..."__STORYBOOK_TEST_LOADERS__" in R && Array.isArray(R.__STORYBOOK_TEST_LOADERS__) ? [R.__STORYBOOK_TEST_LOADERS__] : [], + j(t.loaders), + j(e.loaders), + j(r.loaders) + ]) { + if (_.abortSignal.aborted) + return P; + let O = await Promise.all(D.map((U) => U(_))); + Object.assign(P, ...O); + } + return P; + }, "applyLoaders"), i = /* @__PURE__ */ s(async (_) => { + let P = new Array(); + for (let D of [ + ...j(t.beforeEach), + ...j(e.beforeEach), + ...j(r.beforeEach) + ]) { + if (_.abortSignal.aborted) + return P; + let O = await D(_); + O && P.push(O); + } + return P; + }, "applyBeforeEach"), p = /* @__PURE__ */ s((_) => _.originalStoryFn(_.args, _), "undecoratedStoryFn"), { applyDecorators: u = ft, runStep: d } = t, + y = [ + ...j(r?.decorators), + ...j(e?.decorators), + ...j(t?.decorators) + ], g = r?.userStoryFn || r?.render || e.render || t.render, m = ot(u)(p, y), S = /* @__PURE__ */ s((_) => m(_), "unboundStoryFn"), h = r?. + play ?? e?.play, A = ga(h); + if (!g && !A) + throw new _r({ id: n }); + let b = /* @__PURE__ */ s((_) => async () => (await _.renderToCanvas(), _.canvas), "defaultMount"), E = r.mount ?? e.mount ?? t.mount ?? b, + T = t.testingLibraryRender; + return { + storyGlobals: {}, + ...l, + moduleExport: o, + id: n, + name: a, + story: a, + originalStoryFn: g, + undecoratedStoryFn: p, + unboundStoryFn: S, + applyLoaders: c, + applyBeforeEach: i, + playFunction: h, + runStep: d, + mount: E, + testingLibraryRender: T, + renderToCanvas: t.renderToCanvas, + usesMount: A + }; +} +s(Ze, "prepareStory"); +function yt(r, e, t) { + return { + ...Sa(void 0, r, e), + moduleExport: t + }; +} +s(yt, "prepareMeta"); +function Sa(r, e, t) { + let o = ["dev", "test"], n = R.DOCS_OPTIONS?.autodocs === !0 ? ["autodocs"] : [], a = fa( + ...o, + ...n, + ...t.tags ?? [], + ...e.tags ?? [], + ...r?.tags ?? [] + ), l = W( + t.parameters, + e.parameters, + r?.parameters + ), { argTypesEnhancers: c = [], argsEnhancers: i = [] } = t, p = W( + t.argTypes, + e.argTypes, + r?.argTypes + ); + if (r) { + let A = r?.userStoryFn || r?.render || e.render || t.render; + l.__isArgsStory = A && A.length > 0; + } + let u = { + ...t.args, + ...e.args, + ...r?.args + }, d = { + ...e.globals, + ...r?.globals + }, y = { + componentId: e.id, + title: e.title, + kind: e.title, + // Back compat + id: r?.id || e.id, + // if there's no story name, we create a fake one since enhancers expect a name + name: r?.name || "__meta", + story: r?.name || "__meta", + // Back compat + component: e.component, + subcomponents: e.subcomponents, + tags: a, + parameters: l, + initialArgs: u, + argTypes: p, + storyGlobals: d + }; + y.argTypes = c.reduce( + (A, b) => b({ ...y, argTypes: A }), + y.argTypes + ); + let g = { ...u }; + y.initialArgs = i.reduce( + (A, b) => ({ + ...A, + ...b({ + ...y, + initialArgs: A + }) + }), + g + ); + let { name: m, story: S, ...h } = y; + return h; +} +s(Sa, "preparePartialAnnotations"); +function mt(r) { + let { args: e } = r, t = { + ...r, + allArgs: void 0, + argsByTarget: void 0 + }; + if (R.FEATURES?.argTypeTargetsV7) { + let a = oa(r); + t = { + ...r, + allArgs: r.args, + argsByTarget: a, + args: a[rn] || {} + }; + } + let o = Object.entries(t.args).reduce((a, [l, c]) => { + if (!t.argTypes[l]?.mapping) + return a[l] = c, a; + let i = /* @__PURE__ */ s((p) => { + let u = t.argTypes[l].mapping; + return u && p in u ? u[p] : p; + }, "mappingFn"); + return a[l] = Array.isArray(c) ? c.map(i) : i(c), a; + }, {}), n = Object.entries(o).reduce((a, [l, c]) => { + let i = t.argTypes[l] || {}; + return pa(i, o, t.globals) && (a[l] = c), a; + }, {}); + return { ...t, unmappedArgs: e, args: n }; +} +s(mt, "prepareContext"); + +// src/preview-api/modules/store/inferArgTypes.ts +var cn = /* @__PURE__ */ s((r, e, t) => { + let o = typeof r; + switch (o) { + case "boolean": + case "string": + case "number": + case "function": + case "symbol": + return { name: o }; + default: + break; + } + return r ? t.has(r) ? (C.warn(w` + We've detected a cycle in arg '${e}'. Args should be JSON-serializable. + + Consider using the mapping feature or fully custom args: + - Mapping: https://storybook.js.org/docs/writing-stories/args#mapping-to-complex-arg-values + - Custom args: https://storybook.js.org/docs/essentials/controls#fully-custom-args + `), { name: "other", value: "cyclic object" }) : (t.add(r), Array.isArray(r) ? { name: "array", value: r.length > 0 ? cn(r[0], e, new Set( + t)) : { name: "other", value: "unknown" } } : { name: "object", value: ee(r, (a) => cn(a, e, new Set(t))) }) : { name: "object", value: {} }; +}, "inferType"), pn = /* @__PURE__ */ s((r) => { + let { id: e, argTypes: t = {}, initialArgs: o = {} } = r, n = ee(o, (l, c) => ({ + name: c, + type: cn(l, `${e}.${c}`, /* @__PURE__ */ new Set()) + })), a = ee(t, (l, c) => ({ + name: c + })); + return W(n, a, t); +}, "inferArgTypes"); +pn.secondPass = !0; + +// src/preview-api/modules/store/filterArgTypes.ts +var ba = /* @__PURE__ */ s((r, e) => Array.isArray(e) ? e.includes(r) : r.match(e), "matches"), Pr = /* @__PURE__ */ s((r, e, t) => !e && !t ? +r : r && Ko(r, (o, n) => { + let a = o.name || n.toString(); + return !!(!e || ba(a, e)) && (!t || !ba(a, t)); +}), "filterArgTypes"); + +// src/preview-api/modules/store/inferControls.ts +var Vd = /* @__PURE__ */ s((r, e, t) => { + let { type: o, options: n } = r; + if (o) { + if (t.color && t.color.test(e)) { + let a = o.name; + if (a === "string") + return { control: { type: "color" } }; + a !== "enum" && C.warn( + `Addon controls: Control of type color only supports string, received "${a}" instead` + ); + } + if (t.date && t.date.test(e)) + return { control: { type: "date" } }; + switch (o.name) { + case "array": + return { control: { type: "object" } }; + case "boolean": + return { control: { type: "boolean" } }; + case "string": + return { control: { type: "text" } }; + case "number": + return { control: { type: "number" } }; + case "enum": { + let { value: a } = o; + return { control: { type: a?.length <= 5 ? "radio" : "select" }, options: a }; + } + case "function": + case "symbol": + return null; + default: + return { control: { type: n ? "select" : "object" } }; + } + } +}, "inferControl"), er = /* @__PURE__ */ s((r) => { + let { + argTypes: e, + // eslint-disable-next-line @typescript-eslint/naming-convention + parameters: { __isArgsStory: t, controls: { include: o = null, exclude: n = null, matchers: a = {} } = {} } + } = r; + if (!t) + return e; + let l = Pr(e, o, n), c = ee(l, (i, p) => i?.type && Vd(i, p.toString(), a)); + return W(c, l); +}, "inferControls"); +er.secondPass = !0; + +// src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts +function Cr({ + argTypes: r, + globalTypes: e, + argTypesEnhancers: t, + decorators: o, + loaders: n, + beforeEach: a, + globals: l, + initialGlobals: c, + ...i +}) { + return l && Object.keys(l).length > 0 && te(w` + The preview.js 'globals' field is deprecated and will be removed in Storybook 9.0. + Please use 'initialGlobals' instead. Learn more: + + https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewjs-globals-renamed-to-initialglobals + `), { + ...r && { argTypes: ve(r) }, + ...e && { globalTypes: ve(e) }, + decorators: j(o), + loaders: j(n), + beforeEach: j(a), + argTypesEnhancers: [ + ...t || [], + pn, + // inferControls technically should only run if the user is using the controls addon, + // and so should be added by a preset there. However, as it seems some code relies on controls + // annotations (in particular the angular implementation's `cleanArgsDecorator`), for backwards + // compatibility reasons, we will leave this in the store until 7.0 + er + ], + initialGlobals: W(c, l), + ...i + }; +} +s(Cr, "normalizeProjectAnnotations"); + +// src/preview-api/modules/store/csf/beforeAll.ts +var Ta = /* @__PURE__ */ s((r) => async () => { + let e = []; + for (let t of r) { + let o = await t(); + o && e.unshift(o); + } + return async () => { + for (let t of e) + await t(); + }; +}, "composeBeforeAllHooks"); + +// src/preview-api/modules/store/csf/stepRunners.ts +function ht(r) { + return async (e, t, o) => { + await r.reduceRight( + (a, l) => async () => l(e, a, o), + async () => t(o) + )(); + }; +} +s(ht, "composeStepRunners"); + +// src/preview-api/modules/store/csf/composeConfigs.ts +function Ir(r, e) { + return r.map((t) => t.default?.[e] ?? t[e]).filter(Boolean); +} +s(Ir, "getField"); +function Pe(r, e, t = {}) { + return Ir(r, e).reduce((o, n) => { + let a = j(n); + return t.reverseFileOrder ? [...a, ...o] : [...o, ...a]; + }, []); +} +s(Pe, "getArrayField"); +function Or(r, e) { + return Object.assign({}, ...Ir(r, e)); +} +s(Or, "getObjectField"); +function rr(r, e) { + return Ir(r, e).pop(); +} +s(rr, "getSingletonField"); +function Ce(r) { + let e = Pe(r, "argTypesEnhancers"), t = Ir(r, "runStep"), o = Pe(r, "beforeAll"); + return { + parameters: W(...Ir(r, "parameters")), + decorators: Pe(r, "decorators", { + reverseFileOrder: !(R.FEATURES?.legacyDecoratorFileOrder ?? !1) + }), + args: Or(r, "args"), + argsEnhancers: Pe(r, "argsEnhancers"), + argTypes: Or(r, "argTypes"), + argTypesEnhancers: [ + ...e.filter((n) => !n.secondPass), + ...e.filter((n) => n.secondPass) + ], + globals: Or(r, "globals"), + initialGlobals: Or(r, "initialGlobals"), + globalTypes: Or(r, "globalTypes"), + loaders: Pe(r, "loaders"), + beforeAll: Ta(o), + beforeEach: Pe(r, "beforeEach"), + render: rr(r, "render"), + renderToCanvas: rr(r, "renderToCanvas"), + renderToDOM: rr(r, "renderToDOM"), + // deprecated + applyDecorators: rr(r, "applyDecorators"), + runStep: ht(t), + tags: Pe(r, "tags"), + mount: rr(r, "mount"), + testingLibraryRender: rr(r, "testingLibraryRender") + }; +} +s(Ce, "composeConfigs"); + +// src/preview-api/modules/store/csf/portable-stories.ts +function Ea(r) { + globalThis.defaultProjectAnnotations = r; +} +s(Ea, "setDefaultProjectAnnotations"); +var Hd = "ComposedStory", zd = "Unnamed Story"; +function Wd(r) { + return r ? Ce([r]) : {}; +} +s(Wd, "extractAnnotation"); +function Ra(r) { + let e = Array.isArray(r) ? r : [r]; + return globalThis.globalProjectAnnotations = Ce(e.map(Wd)), Ce([ + globalThis.defaultProjectAnnotations ?? {}, + globalThis.globalProjectAnnotations ?? {} + ]); +} +s(Ra, "setProjectAnnotations"); +var ge = []; +function dn(r, e, t, o, n) { + if (r === void 0) + throw new Error("Expected a story but received undefined."); + e.title = e.title ?? Hd; + let a = ut(e), l = n || r.storyName || r.story?.name || r.name || zd, c = Qe( + l, + r, + a + ), i = Cr( + Ce([ + o && Object.keys(o).length > 0 ? o : globalThis.defaultProjectAnnotations ?? {}, + globalThis.globalProjectAnnotations ?? {}, + t ?? {} + ]) + ), p = Ze( + c, + a, + i + ), d = { + // TODO: remove loading from globalTypes in 9.0 + ...lt(i.globalTypes), + ...i.initialGlobals, + ...p.storyGlobals + }, y = /* @__PURE__ */ s(() => { + let b = mt({ + hooks: new he(), + globals: d, + args: { ...p.initialArgs }, + viewMode: "story", + loaded: {}, + abortSignal: new AbortController().signal, + step: /* @__PURE__ */ s((E, T) => p.runStep(E, T, b), "step"), + canvasElement: null, + canvas: {}, + globalTypes: i.globalTypes, + ...p, + context: null, + mount: null + }); + return b.context = b, p.renderToCanvas && (b.renderToCanvas = async () => { + let E = await p.renderToCanvas?.( + { + componentId: p.componentId, + title: p.title, + id: p.id, + name: p.name, + tags: p.tags, + showMain: /* @__PURE__ */ s(() => { + }, "showMain"), + showError: /* @__PURE__ */ s((T) => { + throw new Error(`${T.title} +${T.description}`); + }, "showError"), + showException: /* @__PURE__ */ s((T) => { + throw T; + }, "showException"), + forceRemount: !0, + storyContext: b, + storyFn: /* @__PURE__ */ s(() => p.unboundStoryFn(b), "storyFn"), + unboundStoryFn: p.unboundStoryFn + }, + b.canvasElement + ); + E && ge.push(E); + }), b.mount = p.mount(b), b; + }, "initializeContext"), g, m = /* @__PURE__ */ s(async (b) => { + let E = y(); + return E.canvasElement ??= globalThis?.document?.body, g && (E.loaded = g.loaded), Object.assign(E, b), p.playFunction(E); + }, "play"), S = /* @__PURE__ */ s((b) => { + let E = y(); + return Object.assign(E, b), Yd(p, E); + }, "run"), h = p.playFunction ? m : void 0; + return Object.assign( + /* @__PURE__ */ s(function(E) { + let T = y(); + return g && (T.loaded = g.loaded), T.args = { + ...T.initialArgs, + ...E + }, p.unboundStoryFn(T); + }, "storyFn"), + { + id: p.id, + storyName: l, + load: /* @__PURE__ */ s(async () => { + for (let E of [...ge].reverse()) + await E(); + ge.length = 0; + let b = y(); + b.loaded = await p.applyLoaders(b), ge.push(...(await p.applyBeforeEach(b)).filter(Boolean)), g = b; + }, "load"), + globals: d, + args: p.initialArgs, + parameters: p.parameters, + argTypes: p.argTypes, + play: h, + run: S, + tags: p.tags + } + ); +} +s(dn, "composeStory"); +var $d = /* @__PURE__ */ s((r, e, t, o) => dn(r, e, t, {}, o), "defaultComposeStory"); +function xa(r, e, t = $d) { + let { default: o, __esModule: n, __namedExportsOrder: a, ...l } = r; + return Object.entries(l).reduce((i, [p, u]) => dt(p, o) ? Object.assign(i, { + [p]: t( + u, + o, + e, + p + ) + }) : i, {}); +} +s(xa, "composeStories"); +function Aa(r) { + return r.extend({ + mount: /* @__PURE__ */ s(async ({ mount: e, page: t }, o) => { + await o(async (n, ...a) => { + if (!("__pw_type" in n) || "__pw_type" in n && n.__pw_type !== "jsx") + throw new Error(w` + Portable stories in Playwright CT only work when referencing JSX elements. + Please use JSX format for your components such as: + + instead of: + await mount(MyComponent, { props: { foo: 'bar' } }) + + do: + await mount(<MyComponent foo="bar"/>) + + More info: https://storybook.js.org/docs/api/portable-stories-playwright + `); + await t.evaluate(async (c) => { + let i = await globalThis.__pwUnwrapObject?.(c); + return ("__pw_type" in i ? i.type : i)?.load?.(); + }, n); + let l = await e(n, ...a); + return await t.evaluate(async (c) => { + let i = await globalThis.__pwUnwrapObject?.(c), p = "__pw_type" in i ? i.type : i, u = document.querySelector("#root"); + return p?.play?.({ canvasElement: u }); + }, n), l; + }); + }, "mount") + }); +} +s(Aa, "createPlaywrightTest"); +async function Yd(r, e) { + for (let n of [...ge].reverse()) + await n(); + if (ge.length = 0, !e.canvasElement) { + let n = document.createElement("div"); + globalThis?.document?.body?.appendChild(n), e.canvasElement = n, ge.push(() => { + globalThis?.document?.body?.contains(n) && globalThis?.document?.body?.removeChild(n); + }); + } + if (e.loaded = await r.applyLoaders(e), e.abortSignal.aborted) + return; + ge.push(...(await r.applyBeforeEach(e)).filter(Boolean)); + let t = r.playFunction, o = r.usesMount; + o || await e.mount(), !e.abortSignal.aborted && t && (o || (e.mount = async () => { + throw new _e({ playFunction: t.toString() }); + }), await t(e)); +} +s(Yd, "runStory"); + +// src/preview-api/modules/store/StoryStore.ts +function _a(r, e) { + return $o(Yo(r, e), (t) => t === void 0); +} +s(_a, "picky"); +var wa = 1e3, Kd = 1e4, un = class un { + constructor(e, t, o) { + this.importFn = t; + // TODO: Remove in 9.0 + // NOTE: this is legacy `stories.json` data for the `extract` script. + // It is used to allow v7 Storybooks to be composed in v6 Storybooks, which expect a + // `stories.json` file with legacy fields (`kind` etc). + this.getStoriesJsonData = /* @__PURE__ */ s(() => { + let e = this.getSetStoriesPayload(), t = ["fileName", "docsOnly", "framework", "__id", "__isArgsStory"]; + return { + v: 3, + stories: ee(e.stories, (n) => { + let { importPath: a } = this.storyIndex.entries[n.id]; + return { + ..._a(n, ["id", "name", "title"]), + importPath: a, + // These 3 fields were going to be dropped in v7, but instead we will keep them for the + // 7.x cycle so that v7 Storybooks can be composed successfully in v6 Storybook. + // In v8 we will (likely) completely drop support for `extract` and `getStoriesJsonData` + kind: n.title, + story: n.name, + parameters: { + ..._a(n.parameters, t), + fileName: a + } + }; + }) + }; + }, "getStoriesJsonData"); + this.storyIndex = new pt(e), this.projectAnnotations = Cr(o); + let { initialGlobals: n, globalTypes: a } = this.projectAnnotations; + this.args = new it(), this.userGlobals = new ct({ globals: n, globalTypes: a }), this.hooks = {}, this.cleanupCallbacks = {}, this.processCSFFileWithCache = + (0, gt.default)(wa)(ma), this.prepareMetaWithCache = (0, gt.default)(wa)(yt), this.prepareStoryWithCache = (0, gt.default)(Kd)(Ze); + } + setProjectAnnotations(e) { + this.projectAnnotations = Cr(e); + let { initialGlobals: t, globalTypes: o } = e; + this.userGlobals.set({ globals: t, globalTypes: o }); + } + // This means that one of the CSF files has changed. + // If the `importFn` has changed, we will invalidate both caches. + // If the `storyIndex` data has changed, we may or may not invalidate the caches, depending + // on whether we've loaded the relevant files yet. + async onStoriesChanged({ + importFn: e, + storyIndex: t + }) { + e && (this.importFn = e), t && (this.storyIndex.entries = t.entries), this.cachedCSFFiles && await this.cacheAllCSFFiles(); + } + // Get an entry from the index, waiting on initialization if necessary + async storyIdToEntry(e) { + return this.storyIndex.storyIdToEntry(e); + } + // To load a single CSF file to service a story we need to look up the importPath in the index + async loadCSFFileByStoryId(e) { + let { importPath: t, title: o } = this.storyIndex.storyIdToEntry(e), n = await this.importFn(t); + return this.processCSFFileWithCache(n, t, o); + } + async loadAllCSFFiles() { + let e = {}; + return Object.entries(this.storyIndex.entries).forEach(([o, { importPath: n }]) => { + e[n] = o; + }), (await Promise.all( + Object.entries(e).map(async ([o, n]) => ({ + importPath: o, + csfFile: await this.loadCSFFileByStoryId(n) + })) + )).reduce( + (o, { importPath: n, csfFile: a }) => (o[n] = a, o), + {} + ); + } + async cacheAllCSFFiles() { + this.cachedCSFFiles = await this.loadAllCSFFiles(); + } + preparedMetaFromCSFFile({ csfFile: e }) { + let t = e.meta; + return this.prepareMetaWithCache( + t, + this.projectAnnotations, + e.moduleExports.default + ); + } + // Load the CSF file for a story and prepare the story from it and the project annotations. + async loadStory({ storyId: e }) { + let t = await this.loadCSFFileByStoryId(e); + return this.storyFromCSFFile({ storyId: e, csfFile: t }); + } + // This function is synchronous for convenience -- often times if you have a CSF file already + // it is easier not to have to await `loadStory`. + storyFromCSFFile({ + storyId: e, + csfFile: t + }) { + let o = t.stories[e]; + if (!o) + throw new xr({ storyId: e }); + let n = t.meta, a = this.prepareStoryWithCache( + o, + n, + this.projectAnnotations + ); + return this.args.setInitial(a), this.hooks[a.id] = this.hooks[a.id] || new he(), a; + } + // If we have a CSF file we can get all the stories from it synchronously + componentStoriesFromCSFFile({ + csfFile: e + }) { + return Object.keys(this.storyIndex.entries).filter((t) => !!e.stories[t]).map((t) => this.storyFromCSFFile({ storyId: t, csfFile: e })); + } + async loadEntry(e) { + let t = await this.storyIdToEntry(e), o = t.type === "docs" ? t.storiesImports : [], [n, ...a] = await Promise.all([ + this.importFn(t.importPath), + ...o.map((l) => { + let c = this.storyIndex.importPathToEntry(l); + return this.loadCSFFileByStoryId(c.id); + }) + ]); + return { entryExports: n, csfFiles: a }; + } + // A prepared story does not include args, globals or hooks. These are stored in the story store + // and updated separtely to the (immutable) story. + getStoryContext(e, { forceInitialArgs: t = !1 } = {}) { + let o = this.userGlobals.get(), { initialGlobals: n } = this.userGlobals; + return mt({ + ...e, + args: t ? e.initialArgs : this.args.get(e.id), + initialGlobals: n, + globalTypes: this.projectAnnotations.globalTypes, + userGlobals: o, + globals: { + ...o, + ...e.storyGlobals + }, + hooks: this.hooks[e.id] + }); + } + addCleanupCallbacks(e, t) { + this.cleanupCallbacks[e.id] = t; + } + async cleanupStory(e) { + this.hooks[e.id].clean(); + let t = this.cleanupCallbacks[e.id]; + if (t) + for (let o of [...t].reverse()) + await o(); + delete this.cleanupCallbacks[e.id]; + } + extract(e = { includeDocsOnly: !1 }) { + let { cachedCSFFiles: t } = this; + if (!t) + throw new gr(); + return Object.entries(this.storyIndex.entries).reduce( + (o, [n, { type: a, importPath: l }]) => { + if (a === "docs") + return o; + let c = t[l], i = this.storyFromCSFFile({ storyId: n, csfFile: c }); + return !e.includeDocsOnly && i.parameters.docsOnly || (o[n] = Object.entries(i).reduce( + (p, [u, d]) => u === "moduleExport" || typeof d == "function" ? p : Array.isArray(d) ? Object.assign(p, { [u]: d.slice().sort() }) : + Object.assign(p, { [u]: d }), + { args: i.initialArgs } + )), o; + }, + {} + ); + } + // TODO: Remove in 9.0 + getSetStoriesPayload() { + let e = this.extract({ includeDocsOnly: !0 }), t = Object.values(e).reduce( + (o, { title: n }) => (o[n] = {}, o), + {} + ); + return { + v: 2, + globals: this.userGlobals.get(), + globalParameters: {}, + kindParameters: t, + stories: e + }; + } + raw() { + return te( + "StoryStore.raw() is deprecated and will be removed in 9.0, please use extract() instead" + ), Object.values(this.extract()).map(({ id: e }) => this.fromId(e)).filter(Boolean); + } + fromId(e) { + if (te( + "StoryStore.fromId() is deprecated and will be removed in 9.0, please use loadStory() instead" + ), !this.cachedCSFFiles) + throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first."); + let t; + try { + ({ importPath: t } = this.storyIndex.storyIdToEntry(e)); + } catch { + return null; + } + let o = this.cachedCSFFiles[t], n = this.storyFromCSFFile({ storyId: e, csfFile: o }); + return { + ...n, + storyFn: /* @__PURE__ */ s((a) => { + let l = { + ...this.getStoryContext(n), + abortSignal: new AbortController().signal, + canvasElement: null, + loaded: {}, + step: /* @__PURE__ */ s((c, i) => n.runStep(c, i, l), "step"), + context: null, + mount: null, + canvas: {}, + viewMode: "story" + }; + return n.unboundStoryFn({ ...l, ...a }); + }, "storyFn") + }; + } +}; +s(un, "StoryStore"); +var Oe = un; + +// ../node_modules/slash/index.js +function fn(r) { + return r.startsWith("\\\\?\\") ? r : r.replace(/\\/g, "/"); +} +s(fn, "slash"); + +// src/preview-api/modules/store/autoTitle.ts +var Xd = /* @__PURE__ */ s((r) => { + if (r.length === 0) + return r; + let e = r[r.length - 1], t = e?.replace(/(?:[.](?:story|stories))?([.][^.]+)$/i, ""); + if (r.length === 1) + return [t]; + let o = r[r.length - 2]; + return t && o && t.toLowerCase() === o.toLowerCase() ? [...r.slice(0, -2), t] : t && (/^(story|stories)([.][^.]+)$/i.test(e) || /^index$/i. + test(t)) ? r.slice(0, -1) : [...r.slice(0, -1), t]; +}, "sanitize"); +function va(r) { + return r.flatMap((e) => e.split("/")).filter(Boolean).join("/"); +} +s(va, "pathJoin"); +var yn = /* @__PURE__ */ s((r, e, t) => { + let { directory: o, importPathMatcher: n, titlePrefix: a = "" } = e || {}; + typeof r == "number" && L.warn(w` + CSF Auto-title received a numeric fileName. This typically happens when + webpack is mis-configured in production mode. To force webpack to produce + filenames, set optimization.moduleIds = "named" in your webpack config. + `); + let l = fn(String(r)); + if (n.exec(l)) { + if (!t) { + let c = l.replace(o, ""), i = va([a, c]).split("/"); + return i = Xd(i), i.join("/"); + } + return a ? va([a, t]) : t; + } +}, "userOrAutoTitleFromSpecifier"), Pa = /* @__PURE__ */ s((r, e, t) => { + for (let o = 0; o < e.length; o += 1) { + let n = yn(r, e[o], t); + if (n) + return n; + } + return t || void 0; +}, "userOrAutoTitle"); + +// src/preview-api/modules/store/storySort.ts +var Ca = /\s*\/\s*/, Oa = /* @__PURE__ */ s((r = {}) => (e, t) => { + if (e.title === t.title && !r.includeNames) + return 0; + let o = r.method || "configure", n = r.order || [], a = e.title.trim().split(Ca), l = t.title.trim().split(Ca); + r.includeNames && (a.push(e.name), l.push(t.name)); + let c = 0; + for (; a[c] || l[c]; ) { + if (!a[c]) + return -1; + if (!l[c]) + return 1; + let i = a[c], p = l[c]; + if (i !== p) { + let d = n.indexOf(i), y = n.indexOf(p), g = n.indexOf("*"); + return d !== -1 || y !== -1 ? (d === -1 && (g !== -1 ? d = g : d = n.length), y === -1 && (g !== -1 ? y = g : y = n.length), d - y) : o === + "configure" ? 0 : i.localeCompare(p, r.locales ? r.locales : void 0, { + numeric: !0, + sensitivity: "accent" + }); + } + let u = n.indexOf(i); + u === -1 && (u = n.indexOf("*")), n = u !== -1 && Array.isArray(n[u + 1]) ? n[u + 1] : [], c += 1; + } + return 0; +}, "storySort"); + +// src/preview-api/modules/store/sortStories.ts +var Jd = /* @__PURE__ */ s((r, e, t) => { + if (e) { + let o; + typeof e == "function" ? o = e : o = Oa(e), r.sort(o); + } else + r.sort( + (o, n) => t.indexOf(o.importPath) - t.indexOf(n.importPath) + ); + return r; +}, "sortStoriesCommon"), Ia = /* @__PURE__ */ s((r, e, t) => { + try { + return Jd(r, e, t); + } catch (o) { + throw new Error(w` + Error sorting stories with sort parameter ${e}: + + > ${o.message} + + Are you using a V6-style sort function in V7 mode? + + More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort + `); + } +}, "sortStoriesV7"); + +// src/preview-api/modules/preview-web/render/Render.ts +var Se = new Error("prepareAborted"); + +// src/preview-api/modules/preview-web/render/StoryRender.ts +var { AbortController: Fa } = globalThis; +function Da(r) { + try { + let { name: e = "Error", message: t = String(r), stack: o } = r; + return { name: e, message: t, stack: o }; + } catch { + return { name: "Error", message: String(r) }; + } +} +s(Da, "serializeError"); +var mn = class mn { + constructor(e, t, o, n, a, l, c = { autoplay: !0, forceInitialArgs: !1 }, i) { + this.channel = e; + this.store = t; + this.renderToScreen = o; + this.callbacks = n; + this.id = a; + this.viewMode = l; + this.renderOptions = c; + this.type = "story"; + this.notYetRendered = !0; + this.rerenderEnqueued = !1; + this.disableKeyListeners = !1; + this.teardownRender = /* @__PURE__ */ s(() => { + }, "teardownRender"); + this.torndown = !1; + this.abortController = new Fa(), i && (this.story = i, this.phase = "preparing"); + } + async runPhase(e, t, o) { + this.phase = t, this.channel.emit(Ae, { newPhase: this.phase, storyId: this.id }), o && (await o(), this.checkIfAborted(e)); + } + checkIfAborted(e) { + return e.aborted ? (this.phase = "aborted", this.channel.emit(Ae, { newPhase: this.phase, storyId: this.id }), !0) : !1; + } + async prepare() { + if (await this.runPhase(this.abortController.signal, "preparing", async () => { + this.story = await this.store.loadStory({ storyId: this.id }); + }), this.abortController.signal.aborted) + throw await this.store.cleanupStory(this.story), Se; + } + // The two story "renders" are equal and have both loaded the same story + isEqual(e) { + return !!(this.id === e.id && this.story && this.story === e.story); + } + isPreparing() { + return ["preparing"].includes(this.phase); + } + isPending() { + return ["loading", "beforeEach", "rendering", "playing"].includes(this.phase); + } + async renderToElement(e) { + return this.canvasElement = e, this.render({ initial: !0, forceRemount: !0 }); + } + storyContext() { + if (!this.story) + throw new Error("Cannot call storyContext before preparing"); + let { forceInitialArgs: e } = this.renderOptions; + return this.store.getStoryContext(this.story, { forceInitialArgs: e }); + } + async render({ + initial: e = !1, + forceRemount: t = !1 + } = {}) { + let { canvasElement: o } = this; + if (!this.story) + throw new Error("cannot render when not prepared"); + let n = this.story; + if (!o) + throw new Error("cannot render when canvasElement is unset"); + let { + id: a, + componentId: l, + title: c, + name: i, + tags: p, + applyLoaders: u, + applyBeforeEach: d, + unboundStoryFn: y, + playFunction: g, + runStep: m + } = n; + t && !e && (this.cancelRender(), this.abortController = new Fa()); + let S = this.abortController.signal, h = !1, A = n.usesMount; + try { + let b = { + ...this.storyContext(), + viewMode: this.viewMode, + abortSignal: S, + canvasElement: o, + loaded: {}, + step: /* @__PURE__ */ s((O, U) => m(O, U, b), "step"), + context: null, + canvas: {}, + renderToCanvas: /* @__PURE__ */ s(async () => { + let O = await this.renderToScreen(E, o); + this.teardownRender = O || (() => { + }), h = !0; + }, "renderToCanvas"), + // The story provides (set in a renderer) a mount function that is a higher order function + // (context) => (...args) => Canvas + // + // Before assigning it to the context, we resolve the context dependency, + // so that a user can just call it as await mount(...args) in their play function. + mount: /* @__PURE__ */ s(async (...O) => { + this.callbacks.showStoryDuringRender?.(); + let U = null; + return await this.runPhase(S, "rendering", async () => { + U = await n.mount(b)(...O); + }), A && await this.runPhase(S, "playing"), U; + }, "mount") + }; + b.context = b; + let E = { + componentId: l, + title: c, + kind: c, + id: a, + name: i, + story: i, + tags: p, + ...this.callbacks, + showError: /* @__PURE__ */ s((O) => (this.phase = "errored", this.callbacks.showError(O)), "showError"), + showException: /* @__PURE__ */ s((O) => (this.phase = "errored", this.callbacks.showException(O)), "showException"), + forceRemount: t || this.notYetRendered, + storyContext: b, + storyFn: /* @__PURE__ */ s(() => y(b), "storyFn"), + unboundStoryFn: y + }; + if (await this.runPhase(S, "loading", async () => { + b.loaded = await u(b); + }), S.aborted) + return; + let T = await d(b); + if (this.store.addCleanupCallbacks(n, T), this.checkIfAborted(S) || (!h && !A && await b.mount(), this.notYetRendered = !1, S.aborted)) + return; + let _ = this.story.parameters?.test?.dangerouslyIgnoreUnhandledErrors === !0, P = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ s((O) => P. + add("error" in O ? O.error : O.reason), "onError"); + if (this.renderOptions.autoplay && t && g && this.phase !== "errored") { + window.addEventListener("error", D), window.addEventListener("unhandledrejection", D), this.disableKeyListeners = !0; + try { + if (A ? await g(b) : (b.mount = async () => { + throw new _e({ playFunction: g.toString() }); + }, await this.runPhase(S, "playing", async () => g(b))), !h) + throw new wr(); + this.checkIfAborted(S), !_ && P.size > 0 ? await this.runPhase(S, "errored") : await this.runPhase(S, "played"); + } catch (O) { + if (this.callbacks.showStoryDuringRender?.(), await this.runPhase(S, "errored", async () => { + this.channel.emit(jt, Da(O)); + }), this.story.parameters.throwPlayFunctionExceptions !== !1) + throw O; + console.error(O); + } + if (!_ && P.size > 0 && this.channel.emit( + Mt, + Array.from(P).map(Da) + ), this.disableKeyListeners = !1, window.removeEventListener("unhandledrejection", D), window.removeEventListener("error", D), S.aborted) + return; + } + await this.runPhase( + S, + "completed", + async () => this.channel.emit(Ue, a) + ); + } catch (b) { + this.phase = "errored", this.callbacks.showException(b); + } + this.rerenderEnqueued && (this.rerenderEnqueued = !1, this.render()); + } + /** + * Rerender the story. If the story is currently pending (loading/rendering), the rerender will be + * enqueued, and will be executed after the current render is completed. Rerendering while playing + * will not be enqueued, and will be executed immediately, to support rendering args changes while + * playing. + */ + async rerender() { + if (this.isPending() && this.phase !== "playing") + this.rerenderEnqueued = !0; + else + return this.render(); + } + async remount() { + return await this.teardown(), this.render({ forceRemount: !0 }); + } + // If the story is torn down (either a new story is rendered or the docs page removes it) + // we need to consider the fact that the initial render may not be finished + // (possibly the loaders or the play function are still running). We use the controller + // as a method to abort them, ASAP, but this is not foolproof as we cannot control what + // happens inside the user's code. + cancelRender() { + this.abortController?.abort(); + } + async teardown() { + this.torndown = !0, this.cancelRender(), this.story && await this.store.cleanupStory(this.story); + for (let e = 0; e < 3; e += 1) { + if (!this.isPending()) { + await this.teardownRender(); + return; + } + await new Promise((t) => setTimeout(t, 0)); + } + window.location.reload(), await new Promise(() => { + }); + } +}; +s(mn, "StoryRender"); +var Ie = mn; + +// src/preview-api/modules/preview-web/Preview.tsx +var { fetch: Qd } = R, Zd = "./index.json", hn = class hn { + constructor(e, t, o = Z.getChannel(), n = !0) { + this.importFn = e; + this.getProjectAnnotations = t; + this.channel = o; + this.storyRenders = []; + this.storeInitializationPromise = new Promise((a, l) => { + this.resolveStoreInitializationPromise = a, this.rejectStoreInitializationPromise = l; + }), n && this.initialize(); + } + // Create a proxy object for `__STORYBOOK_STORY_STORE__` and `__STORYBOOK_PREVIEW__.storyStore` + // That proxies through to the store once ready, and errors beforehand. This means we can set + // `__STORYBOOK_STORY_STORE__ = __STORYBOOK_PREVIEW__.storyStore` without having to wait, and + // similarly integrators can access the `storyStore` on the preview at any time, although + // it is considered deprecated and we will no longer allow access in 9.0 + get storyStore() { + return new Proxy( + {}, + { + get: /* @__PURE__ */ s((e, t) => { + if (this.storyStoreValue) + return te("Accessing the Story Store is deprecated and will be removed in 9.0"), this.storyStoreValue[t]; + throw new Ar(); + }, "get") + } + ); + } + // INITIALIZATION + async initialize() { + this.setupListeners(); + try { + let e = await this.getProjectAnnotationsOrRenderError(); + await this.runBeforeAllHook(e), await this.initializeWithProjectAnnotations(e); + } catch (e) { + this.rejectStoreInitializationPromise(e); + } + } + ready() { + return this.storeInitializationPromise; + } + setupListeners() { + this.channel.on(Wt, this.onStoryIndexChanged.bind(this)), this.channel.on(ir, this.onUpdateGlobals.bind(this)), this.channel.on(lr, this. + onUpdateArgs.bind(this)), this.channel.on(Zt, this.onRequestArgTypesInfo.bind(this)), this.channel.on(ar, this.onResetArgs.bind(this)), this. + channel.on(sr, this.onForceReRender.bind(this)), this.channel.on(Lt, this.onForceRemount.bind(this)); + } + async getProjectAnnotationsOrRenderError() { + try { + let e = await this.getProjectAnnotations(); + if (this.renderToCanvas = e.renderToCanvas, !this.renderToCanvas) + throw new Sr(); + return e; + } catch (e) { + throw this.renderPreviewEntryError("Error reading preview.js:", e), e; + } + } + // If initialization gets as far as project annotations, this function runs. + async initializeWithProjectAnnotations(e) { + this.projectAnnotationsBeforeInitialization = e; + try { + let t = await this.getStoryIndexFromServer(); + return this.initializeWithStoryIndex(t); + } catch (t) { + throw this.renderPreviewEntryError("Error loading story index:", t), t; + } + } + async runBeforeAllHook(e) { + try { + await this.beforeAllCleanup?.(), this.beforeAllCleanup = await e.beforeAll?.(); + } catch (t) { + throw this.renderPreviewEntryError("Error in beforeAll hook:", t), t; + } + } + async getStoryIndexFromServer() { + let e = await Qd(Zd); + if (e.status === 200) + return e.json(); + throw new br({ text: await e.text() }); + } + // If initialization gets as far as the story index, this function runs. + initializeWithStoryIndex(e) { + if (!this.projectAnnotationsBeforeInitialization) + throw new Error("Cannot call initializeWithStoryIndex until project annotations resolve"); + this.storyStoreValue = new Oe( + e, + this.importFn, + this.projectAnnotationsBeforeInitialization + ), delete this.projectAnnotationsBeforeInitialization, this.setInitialGlobals(), this.resolveStoreInitializationPromise(); + } + async setInitialGlobals() { + this.emitGlobals(); + } + emitGlobals() { + if (!this.storyStoreValue) + throw new G({ methodName: "emitGlobals" }); + let e = { + globals: this.storyStoreValue.userGlobals.get() || {}, + globalTypes: this.storyStoreValue.projectAnnotations.globalTypes || {} + }; + this.channel.emit(Gt, e); + } + // EVENT HANDLERS + // This happens when a config file gets reloaded + async onGetProjectAnnotationsChanged({ + getProjectAnnotations: e + }) { + delete this.previewEntryError, this.getProjectAnnotations = e; + let t = await this.getProjectAnnotationsOrRenderError(); + if (await this.runBeforeAllHook(t), !this.storyStoreValue) { + await this.initializeWithProjectAnnotations(t); + return; + } + this.storyStoreValue.setProjectAnnotations(t), this.emitGlobals(); + } + async onStoryIndexChanged() { + if (delete this.previewEntryError, !(!this.storyStoreValue && !this.projectAnnotationsBeforeInitialization)) + try { + let e = await this.getStoryIndexFromServer(); + if (this.projectAnnotationsBeforeInitialization) { + this.initializeWithStoryIndex(e); + return; + } + await this.onStoriesChanged({ storyIndex: e }); + } catch (e) { + throw this.renderPreviewEntryError("Error loading story index:", e), e; + } + } + // This happens when a glob gets HMR-ed + async onStoriesChanged({ + importFn: e, + storyIndex: t + }) { + if (!this.storyStoreValue) + throw new G({ methodName: "onStoriesChanged" }); + await this.storyStoreValue.onStoriesChanged({ importFn: e, storyIndex: t }); + } + async onUpdateGlobals({ + globals: e, + currentStory: t + }) { + if (this.storyStoreValue || await this.storeInitializationPromise, !this.storyStoreValue) + throw new G({ methodName: "onUpdateGlobals" }); + if (this.storyStoreValue.userGlobals.update(e), t) { + let { initialGlobals: o, storyGlobals: n, userGlobals: a, globals: l } = this.storyStoreValue.getStoryContext(t); + this.channel.emit(xe, { + initialGlobals: o, + userGlobals: a, + storyGlobals: n, + globals: l + }); + } else { + let { initialGlobals: o, globals: n } = this.storyStoreValue.userGlobals; + this.channel.emit(xe, { + initialGlobals: o, + userGlobals: n, + storyGlobals: {}, + globals: n + }); + } + await Promise.all(this.storyRenders.map((o) => o.rerender())); + } + async onUpdateArgs({ storyId: e, updatedArgs: t }) { + if (!this.storyStoreValue) + throw new G({ methodName: "onUpdateArgs" }); + this.storyStoreValue.args.update(e, t), await Promise.all( + this.storyRenders.filter((o) => o.id === e && !o.renderOptions.forceInitialArgs).map( + (o) => ( + // We only run the play function, with in a force remount. + // But when mount is destructured, the rendering happens inside of the play function. + o.story && o.story.usesMount ? o.remount() : o.rerender() + ) + ) + ), this.channel.emit(Vt, { + storyId: e, + args: this.storyStoreValue.args.get(e) + }); + } + async onRequestArgTypesInfo({ id: e, payload: t }) { + try { + await this.storeInitializationPromise; + let o = await this.storyStoreValue?.loadStory(t); + this.channel.emit(Yr, { + id: e, + success: !0, + payload: { argTypes: o?.argTypes || {} }, + error: null + }); + } catch (o) { + this.channel.emit(Yr, { + id: e, + success: !1, + error: o?.message + }); + } + } + async onResetArgs({ storyId: e, argNames: t }) { + if (!this.storyStoreValue) + throw new G({ methodName: "onResetArgs" }); + let n = this.storyRenders.find((c) => c.id === e)?.story || await this.storyStoreValue.loadStory({ storyId: e }), l = (t || [ + .../* @__PURE__ */ new Set([ + ...Object.keys(n.initialArgs), + ...Object.keys(this.storyStoreValue.args.get(e)) + ]) + ]).reduce((c, i) => (c[i] = n.initialArgs[i], c), {}); + await this.onUpdateArgs({ storyId: e, updatedArgs: l }); + } + // ForceReRender does not include a story id, so we simply must + // re-render all stories in case they are relevant + async onForceReRender() { + await Promise.all(this.storyRenders.map((e) => e.rerender())); + } + async onForceRemount({ storyId: e }) { + await Promise.all(this.storyRenders.filter((t) => t.id === e).map((t) => t.remount())); + } + // Used by docs to render a story to a given element + // Note this short-circuits the `prepare()` phase of the StoryRender, + // main to be consistent with the previous behaviour. In the future, + // we will change it to go ahead and load the story, which will end up being + // "instant", although async. + renderStoryToElement(e, t, o, n) { + if (!this.renderToCanvas || !this.storyStoreValue) + throw new G({ + methodName: "renderStoryToElement" + }); + let a = new Ie( + this.channel, + this.storyStoreValue, + this.renderToCanvas, + o, + e.id, + "docs", + n, + e + ); + return a.renderToElement(t), this.storyRenders.push(a), async () => { + await this.teardownRender(a); + }; + } + async teardownRender(e, { viewModeChanged: t } = {}) { + this.storyRenders = this.storyRenders.filter((o) => o !== e), await e?.teardown?.({ viewModeChanged: t }); + } + // API + async loadStory({ storyId: e }) { + if (!this.storyStoreValue) + throw new G({ methodName: "loadStory" }); + return this.storyStoreValue.loadStory({ storyId: e }); + } + getStoryContext(e, { forceInitialArgs: t = !1 } = {}) { + if (!this.storyStoreValue) + throw new G({ methodName: "getStoryContext" }); + return this.storyStoreValue.getStoryContext(e, { forceInitialArgs: t }); + } + async extract(e) { + if (!this.storyStoreValue) + throw new G({ methodName: "extract" }); + if (this.previewEntryError) + throw this.previewEntryError; + return await this.storyStoreValue.cacheAllCSFFiles(), this.storyStoreValue.extract(e); + } + // UTILITIES + renderPreviewEntryError(e, t) { + this.previewEntryError = t, C.error(e), C.error(t), this.channel.emit(kt, t); + } +}; +s(hn, "Preview"); +var Fe = hn; + +// src/preview-api/modules/preview-web/docs-context/DocsContext.ts +var gn = class gn { + constructor(e, t, o, n) { + this.channel = e; + this.store = t; + this.renderStoryToElement = o; + this.storyIdByName = /* @__PURE__ */ s((e) => { + let t = this.nameToStoryId.get(e); + if (t) + return t; + throw new Error(`No story found with that name: ${e}`); + }, "storyIdByName"); + this.componentStories = /* @__PURE__ */ s(() => this.componentStoriesValue, "componentStories"); + this.componentStoriesFromCSFFile = /* @__PURE__ */ s((e) => this.store.componentStoriesFromCSFFile({ csfFile: e }), "componentStoriesFro\ +mCSFFile"); + this.storyById = /* @__PURE__ */ s((e) => { + if (!e) { + if (!this.primaryStory) + throw new Error( + "No primary story defined for docs entry. Did you forget to use `<Meta>`?" + ); + return this.primaryStory; + } + let t = this.storyIdToCSFFile.get(e); + if (!t) + throw new Error(`Called \`storyById\` for story that was never loaded: ${e}`); + return this.store.storyFromCSFFile({ storyId: e, csfFile: t }); + }, "storyById"); + this.getStoryContext = /* @__PURE__ */ s((e) => ({ + ...this.store.getStoryContext(e), + loaded: {}, + viewMode: "docs" + }), "getStoryContext"); + this.loadStory = /* @__PURE__ */ s((e) => this.store.loadStory({ storyId: e }), "loadStory"); + this.componentStoriesValue = [], this.storyIdToCSFFile = /* @__PURE__ */ new Map(), this.exportToStory = /* @__PURE__ */ new Map(), this. + exportsToCSFFile = /* @__PURE__ */ new Map(), this.nameToStoryId = /* @__PURE__ */ new Map(), this.attachedCSFFiles = /* @__PURE__ */ new Set(), + n.forEach((a, l) => { + this.referenceCSFFile(a); + }); + } + // This docs entry references this CSF file and can synchronously load the stories, as well + // as reference them by module export. If the CSF is part of the "component" stories, they + // can also be referenced by name and are in the componentStories list. + referenceCSFFile(e) { + this.exportsToCSFFile.set(e.moduleExports, e), this.exportsToCSFFile.set(e.moduleExports.default, e), this.store.componentStoriesFromCSFFile( + { csfFile: e }).forEach((o) => { + let n = e.stories[o.id]; + this.storyIdToCSFFile.set(n.id, e), this.exportToStory.set(n.moduleExport, o); + }); + } + attachCSFFile(e) { + if (!this.exportsToCSFFile.has(e.moduleExports)) + throw new Error("Cannot attach a CSF file that has not been referenced"); + if (this.attachedCSFFiles.has(e)) + return; + this.attachedCSFFiles.add(e), this.store.componentStoriesFromCSFFile({ csfFile: e }).forEach((o) => { + this.nameToStoryId.set(o.name, o.id), this.componentStoriesValue.push(o), this.primaryStory || (this.primaryStory = o); + }); + } + referenceMeta(e, t) { + let o = this.resolveModuleExport(e); + if (o.type !== "meta") + throw new Error( + "<Meta of={} /> must reference a CSF file module export or meta export. Did you mistakenly reference your component instead of your \ +CSF file?" + ); + t && this.attachCSFFile(o.csfFile); + } + get projectAnnotations() { + let { projectAnnotations: e } = this.store; + if (!e) + throw new Error("Can't get projectAnnotations from DocsContext before they are initialized"); + return e; + } + resolveAttachedModuleExportType(e) { + if (e === "story") { + if (!this.primaryStory) + throw new Error( + "No primary story attached to this docs file, did you forget to use <Meta of={} />?" + ); + return { type: "story", story: this.primaryStory }; + } + if (this.attachedCSFFiles.size === 0) + throw new Error( + "No CSF file attached to this docs file, did you forget to use <Meta of={} />?" + ); + let t = Array.from(this.attachedCSFFiles)[0]; + if (e === "meta") + return { type: "meta", csfFile: t }; + let { component: o } = t.meta; + if (!o) + throw new Error( + "Attached CSF file does not defined a component, did you forget to export one?" + ); + return { type: "component", component: o }; + } + resolveModuleExport(e) { + let t = this.exportsToCSFFile.get(e); + if (t) + return { type: "meta", csfFile: t }; + let o = this.exportToStory.get(e); + return o ? { type: "story", story: o } : { type: "component", component: e }; + } + resolveOf(e, t = []) { + let o; + if (["component", "meta", "story"].includes(e)) { + let n = e; + o = this.resolveAttachedModuleExportType(n); + } else + o = this.resolveModuleExport(e); + if (t.length && !t.includes(o.type)) { + let n = o.type === "component" ? "component or unknown" : o.type; + throw new Error(w`Invalid value passed to the 'of' prop. The value was resolved to a '${n}' type but the only types for this block are: ${t. + join( + ", " + )}. + - Did you pass a component to the 'of' prop when the block only supports a story or a meta? + - ... or vice versa? + - Did you pass a story, CSF file or meta to the 'of' prop that is not indexed, ie. is not targeted by the 'stories' globs in the main configuration?`); + } + switch (o.type) { + case "component": + return { + ...o, + projectAnnotations: this.projectAnnotations + }; + case "meta": + return { + ...o, + preparedMeta: this.store.preparedMetaFromCSFFile({ csfFile: o.csfFile }) + }; + case "story": + default: + return o; + } + } +}; +s(gn, "DocsContext"); +var ce = gn; + +// src/preview-api/modules/preview-web/render/CsfDocsRender.ts +var Sn = class Sn { + constructor(e, t, o, n) { + this.channel = e; + this.store = t; + this.entry = o; + this.callbacks = n; + this.type = "docs"; + this.subtype = "csf"; + this.torndown = !1; + this.disableKeyListeners = !1; + this.preparing = !1; + this.id = o.id; + } + isPreparing() { + return this.preparing; + } + async prepare() { + this.preparing = !0; + let { entryExports: e, csfFiles: t = [] } = await this.store.loadEntry(this.id); + if (this.torndown) + throw Se; + let { importPath: o, title: n } = this.entry, a = this.store.processCSFFileWithCache( + e, + o, + n + ), l = Object.keys(a.stories)[0]; + this.story = this.store.storyFromCSFFile({ storyId: l, csfFile: a }), this.csfFiles = [a, ...t], this.preparing = !1; + } + isEqual(e) { + return !!(this.id === e.id && this.story && this.story === e.story); + } + docsContext(e) { + if (!this.csfFiles) + throw new Error("Cannot render docs before preparing"); + let t = new ce( + this.channel, + this.store, + e, + this.csfFiles + ); + return this.csfFiles.forEach((o) => t.attachCSFFile(o)), t; + } + async renderToElement(e, t) { + if (!this.story || !this.csfFiles) + throw new Error("Cannot render docs before preparing"); + let o = this.docsContext(t), { docs: n } = this.story.parameters || {}; + if (!n) + throw new Error( + "Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed" + ); + let a = await n.renderer(), { render: l } = a, c = /* @__PURE__ */ s(async () => { + try { + await l(o, n, e), this.channel.emit(nr, this.id); + } catch (i) { + this.callbacks.showException(i); + } + }, "renderDocs"); + return this.rerender = async () => c(), this.teardownRender = async ({ viewModeChanged: i }) => { + !i || !e || a.unmount(e); + }, c(); + } + async teardown({ viewModeChanged: e } = {}) { + this.teardownRender?.({ viewModeChanged: e }), this.torndown = !0; + } +}; +s(Sn, "CsfDocsRender"); +var Fr = Sn; + +// src/preview-api/modules/preview-web/render/MdxDocsRender.ts +var bn = class bn { + constructor(e, t, o, n) { + this.channel = e; + this.store = t; + this.entry = o; + this.callbacks = n; + this.type = "docs"; + this.subtype = "mdx"; + this.torndown = !1; + this.disableKeyListeners = !1; + this.preparing = !1; + this.id = o.id; + } + isPreparing() { + return this.preparing; + } + async prepare() { + this.preparing = !0; + let { entryExports: e, csfFiles: t = [] } = await this.store.loadEntry(this.id); + if (this.torndown) + throw Se; + this.csfFiles = t, this.exports = e, this.preparing = !1; + } + isEqual(e) { + return !!(this.id === e.id && this.exports && this.exports === e.exports); + } + docsContext(e) { + if (!this.csfFiles) + throw new Error("Cannot render docs before preparing"); + return new ce( + this.channel, + this.store, + e, + this.csfFiles + ); + } + async renderToElement(e, t) { + if (!this.exports || !this.csfFiles || !this.store.projectAnnotations) + throw new Error("Cannot render docs before preparing"); + let o = this.docsContext(t), { docs: n } = this.store.projectAnnotations.parameters || {}; + if (!n) + throw new Error( + "Cannot render a story in viewMode=docs if `@storybook/addon-docs` is not installed" + ); + let a = { ...n, page: this.exports.default }, l = await n.renderer(), { render: c } = l, i = /* @__PURE__ */ s(async () => { + try { + await c(o, a, e), this.channel.emit(nr, this.id); + } catch (p) { + this.callbacks.showException(p); + } + }, "renderDocs"); + return this.rerender = async () => i(), this.teardownRender = async ({ viewModeChanged: p } = {}) => { + !p || !e || (l.unmount(e), this.torndown = !0); + }, i(); + } + async teardown({ viewModeChanged: e } = {}) { + this.teardownRender?.({ viewModeChanged: e }), this.torndown = !0; + } +}; +s(bn, "MdxDocsRender"); +var Dr = bn; + +// src/preview-api/modules/preview-web/PreviewWithSelection.tsx +var eu = globalThis; +function ru(r) { + let e = r.composedPath && r.composedPath()[0] || r.target; + return /input|textarea/i.test(e.tagName) || e.getAttribute("contenteditable") !== null; +} +s(ru, "focusInInput"); +var ka = "attached-mdx", tu = "unattached-mdx"; +function ou({ tags: r }) { + return r?.includes(tu) || r?.includes(ka); +} +s(ou, "isMdxEntry"); +function Tn(r) { + return r.type === "story"; +} +s(Tn, "isStoryRender"); +function nu(r) { + return r.type === "docs"; +} +s(nu, "isDocsRender"); +function su(r) { + return nu(r) && r.subtype === "csf"; +} +s(su, "isCsfDocsRender"); +var En = class En extends Fe { + constructor(t, o, n, a) { + super(t, o, void 0, !1); + this.importFn = t; + this.getProjectAnnotations = o; + this.selectionStore = n; + this.view = a; + this.initialize(); + } + setupListeners() { + super.setupListeners(), eu.onkeydown = this.onKeydown.bind(this), this.channel.on(Bt, this.onSetCurrentStory.bind(this)), this.channel.on( + Jt, this.onUpdateQueryParams.bind(this)), this.channel.on(qt, this.onPreloadStories.bind(this)); + } + async setInitialGlobals() { + if (!this.storyStoreValue) + throw new G({ methodName: "setInitialGlobals" }); + let { globals: t } = this.selectionStore.selectionSpecifier || {}; + t && this.storyStoreValue.userGlobals.updateFromPersisted(t), this.emitGlobals(); + } + // If initialization gets as far as the story index, this function runs. + async initializeWithStoryIndex(t) { + return await super.initializeWithStoryIndex(t), this.selectSpecifiedStory(); + } + // Use the selection specifier to choose a story, then render it + async selectSpecifiedStory() { + if (!this.storyStoreValue) + throw new G({ + methodName: "selectSpecifiedStory" + }); + if (this.selectionStore.selection) { + await this.renderSelection(); + return; + } + if (!this.selectionStore.selectionSpecifier) { + this.renderMissingStory(); + return; + } + let { storySpecifier: t, args: o } = this.selectionStore.selectionSpecifier, n = this.storyStoreValue.storyIndex.entryFromSpecifier(t); + if (!n) { + t === "*" ? this.renderStoryLoadingException(t, new Er()) : this.renderStoryLoadingException( + t, + new Rr({ storySpecifier: t.toString() }) + ); + return; + } + let { id: a, type: l } = n; + this.selectionStore.setSelection({ storyId: a, viewMode: l }), this.channel.emit(Yt, this.selectionStore.selection), this.channel.emit(Wr, + this.selectionStore.selection), await this.renderSelection({ persistedArgs: o }); + } + // EVENT HANDLERS + // This happens when a config file gets reloaded + async onGetProjectAnnotationsChanged({ + getProjectAnnotations: t + }) { + await super.onGetProjectAnnotationsChanged({ getProjectAnnotations: t }), this.selectionStore.selection && this.renderSelection(); + } + // This happens when a glob gets HMR-ed + async onStoriesChanged({ + importFn: t, + storyIndex: o + }) { + await super.onStoriesChanged({ importFn: t, storyIndex: o }), this.selectionStore.selection ? await this.renderSelection() : await this. + selectSpecifiedStory(); + } + onKeydown(t) { + if (!this.storyRenders.find((o) => o.disableKeyListeners) && !ru(t)) { + let { altKey: o, ctrlKey: n, metaKey: a, shiftKey: l, key: c, code: i, keyCode: p } = t; + this.channel.emit(Ut, { + event: { altKey: o, ctrlKey: n, metaKey: a, shiftKey: l, key: c, code: i, keyCode: p } + }); + } + } + async onSetCurrentStory(t) { + this.selectionStore.setSelection({ viewMode: "story", ...t }), await this.storeInitializationPromise, this.channel.emit(Wr, this.selectionStore. + selection), this.renderSelection(); + } + onUpdateQueryParams(t) { + this.selectionStore.setQueryParams(t); + } + async onUpdateGlobals({ globals: t }) { + let o = this.currentRender instanceof Ie && this.currentRender.story || void 0; + super.onUpdateGlobals({ globals: t, currentStory: o }), (this.currentRender instanceof Dr || this.currentRender instanceof Fr) && await this. + currentRender.rerender?.(); + } + async onUpdateArgs({ storyId: t, updatedArgs: o }) { + super.onUpdateArgs({ storyId: t, updatedArgs: o }); + } + async onPreloadStories({ ids: t }) { + await this.storeInitializationPromise, this.storyStoreValue && await Promise.allSettled(t.map((o) => this.storyStoreValue?.loadEntry(o))); + } + // RENDERING + // We can either have: + // - a story selected in "story" viewMode, + // in which case we render it to the root element, OR + // - a story selected in "docs" viewMode, + // in which case we render the docsPage for that story + async renderSelection({ persistedArgs: t } = {}) { + let { renderToCanvas: o } = this; + if (!this.storyStoreValue || !o) + throw new G({ methodName: "renderSelection" }); + let { selection: n } = this.selectionStore; + if (!n) + throw new Error("Cannot call renderSelection as no selection was made"); + let { storyId: a } = n, l; + try { + l = await this.storyStoreValue.storyIdToEntry(a); + } catch (g) { + this.currentRender && await this.teardownRender(this.currentRender), this.renderStoryLoadingException(a, g); + return; + } + let c = this.currentSelection?.storyId !== a, i = this.currentRender?.type !== l.type; + l.type === "story" ? this.view.showPreparingStory({ immediate: i }) : this.view.showPreparingDocs({ immediate: i }), this.currentRender?. + isPreparing() && await this.teardownRender(this.currentRender); + let p; + l.type === "story" ? p = new Ie( + this.channel, + this.storyStoreValue, + o, + this.mainStoryCallbacks(a), + a, + "story" + ) : ou(l) ? p = new Dr( + this.channel, + this.storyStoreValue, + l, + this.mainStoryCallbacks(a) + ) : p = new Fr( + this.channel, + this.storyStoreValue, + l, + this.mainStoryCallbacks(a) + ); + let u = this.currentSelection; + this.currentSelection = n; + let d = this.currentRender; + this.currentRender = p; + try { + await p.prepare(); + } catch (g) { + d && await this.teardownRender(d), g !== Se && this.renderStoryLoadingException(a, g); + return; + } + let y = !c && d && !p.isEqual(d); + if (t && Tn(p) && (ie(!!p.story), this.storyStoreValue.args.updateFromPersisted(p.story, t)), d && !d.torndown && !c && !y && !i) { + this.currentRender = d, this.channel.emit(Xt, a), this.view.showMain(); + return; + } + if (d && await this.teardownRender(d, { viewModeChanged: i }), u && (c || i) && this.channel.emit(Ht, a), Tn(p)) { + ie(!!p.story); + let { + parameters: g, + initialArgs: m, + argTypes: S, + unmappedArgs: h, + initialGlobals: A, + userGlobals: b, + storyGlobals: E, + globals: T + } = this.storyStoreValue.getStoryContext(p.story); + this.channel.emit($t, { + id: a, + parameters: g, + initialArgs: m, + argTypes: S, + args: h + }), this.channel.emit(xe, { userGlobals: b, storyGlobals: E, globals: T, initialGlobals: A }); + } else { + let { parameters: g } = this.storyStoreValue.projectAnnotations, { initialGlobals: m, globals: S } = this.storyStoreValue.userGlobals; + if (this.channel.emit(xe, { + globals: S, + initialGlobals: m, + storyGlobals: {}, + userGlobals: S + }), su(p) || p.entry.tags?.includes(ka)) { + if (!p.csfFiles) + throw new Tr({ storyId: a }); + ({ parameters: g } = this.storyStoreValue.preparedMetaFromCSFFile({ + csfFile: p.csfFiles[0] + })); + } + this.channel.emit(Nt, { + id: a, + parameters: g + }); + } + Tn(p) ? (ie(!!p.story), this.storyRenders.push(p), this.currentRender.renderToElement( + this.view.prepareForStory(p.story) + )) : this.currentRender.renderToElement( + this.view.prepareForDocs(), + // This argument is used for docs, which is currently only compatible with HTMLElements + this.renderStoryToElement.bind(this) + ); + } + async teardownRender(t, { viewModeChanged: o = !1 } = {}) { + this.storyRenders = this.storyRenders.filter((n) => n !== t), await t?.teardown?.({ viewModeChanged: o }); + } + // UTILITIES + mainStoryCallbacks(t) { + return { + showStoryDuringRender: /* @__PURE__ */ s(() => this.view.showStoryDuringRender(), "showStoryDuringRender"), + showMain: /* @__PURE__ */ s(() => this.view.showMain(), "showMain"), + showError: /* @__PURE__ */ s((o) => this.renderError(t, o), "showError"), + showException: /* @__PURE__ */ s((o) => this.renderException(t, o), "showException") + }; + } + renderPreviewEntryError(t, o) { + super.renderPreviewEntryError(t, o), this.view.showErrorDisplay(o); + } + renderMissingStory() { + this.view.showNoPreview(), this.channel.emit($r); + } + renderStoryLoadingException(t, o) { + C.error(o), this.view.showErrorDisplay(o), this.channel.emit($r, t); + } + // renderException is used if we fail to render the story and it is uncaught by the app layer + renderException(t, o) { + let { name: n = "Error", message: a = String(o), stack: l } = o; + this.channel.emit(Kt, { name: n, message: a, stack: l }), this.channel.emit(Ae, { newPhase: "errored", storyId: t }), this.view.showErrorDisplay( + o), C.error(`Error rendering story '${t}':`), C.error(o); + } + // renderError is used by the various app layers to inform the user they have done something + // wrong -- for instance returned the wrong thing from a story + renderError(t, { title: o, description: n }) { + C.error(`Error rendering story ${o}: ${n}`), this.channel.emit(zt, { title: o, description: n }), this.channel.emit(Ae, { newPhase: "err\ +ored", storyId: t }), this.view.showErrorDisplay({ + message: o, + stack: n + }); + } +}; +s(En, "PreviewWithSelection"); +var De = En; + +// src/preview-api/modules/preview-web/UrlStore.ts +var Nr = ue(Rt(), 1); + +// src/preview-api/modules/preview-web/parseArgsParam.ts +var $a = ue(Rt(), 1); +var Wa = /^[a-zA-Z0-9 _-]*$/, Ya = /^-?[0-9]+(\.[0-9]+)?$/, Iu = /^#([a-f0-9]{3,4}|[a-f0-9]{6}|[a-f0-9]{8})$/i, Ka = /^(rgba?|hsla?)\(([0-9]{1,3}),\s?([0-9]{1,3})%?,\s?([0-9]{1,3})%?,?\s?([0-9](\.[0-9]{1,2})?)?\)$/i, +Pn = /* @__PURE__ */ s((r = "", e) => r === null || r === "" || !Wa.test(r) ? !1 : e == null || e instanceof Date || typeof e == "number" || +typeof e == "boolean" ? !0 : typeof e == "string" ? Wa.test(e) || Ya.test(e) || Iu.test(e) || Ka.test(e) : Array.isArray(e) ? e.every((t) => Pn( +r, t)) : z(e) ? Object.entries(e).every(([t, o]) => Pn(t, o)) : !1, "validateArgs"), Fu = { + delimiter: ";", + // we're parsing a single query param + nesting: !0, + arrayRepeat: !0, + arrayRepeatSyntax: "bracket", + nestingSyntax: "js", + // objects are encoded using dot notation + valueDeserializer(r) { + if (r.startsWith("!")) { + if (r === "!undefined") + return; + if (r === "!null") + return null; + if (r === "!true") + return !0; + if (r === "!false") + return !1; + if (r.startsWith("!date(") && r.endsWith(")")) + return new Date(r.replaceAll(" ", "+").slice(6, -1)); + if (r.startsWith("!hex(") && r.endsWith(")")) + return `#${r.slice(5, -1)}`; + let e = r.slice(1).match(Ka); + if (e) + return r.startsWith("!rgba") || r.startsWith("!RGBA") ? `${e[1]}(${e[2]}, ${e[3]}, ${e[4]}, ${e[5]})` : r.startsWith("!hsla") || r.startsWith( + "!HSLA") ? `${e[1]}(${e[2]}, ${e[3]}%, ${e[4]}%, ${e[5]})` : r.startsWith("!rgb") || r.startsWith("!RGB") ? `${e[1]}(${e[2]}, ${e[3]}\ +, ${e[4]})` : `${e[1]}(${e[2]}, ${e[3]}%, ${e[4]}%)`; + } + return Ya.test(r) ? Number(r) : r; + } +}, Cn = /* @__PURE__ */ s((r) => { + let e = r.split(";").map((t) => t.replace("=", "~").replace(":", "=")); + return Object.entries((0, $a.parse)(e.join(";"), Fu)).reduce((t, [o, n]) => Pn(o, n) ? Object.assign(t, { [o]: n }) : (L.warn(w` + Omitted potentially unsafe URL args. + + More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url + `), t), {}); +}, "parseArgsParam"); + +// src/preview-api/modules/preview-web/UrlStore.ts +var { history: Xa, document: be } = R; +function Du(r) { + let e = (r || "").match(/^\/story\/(.+)/); + if (!e) + throw new Error(`Invalid path '${r}', must start with '/story/'`); + return e[1]; +} +s(Du, "pathToId"); +var Ja = /* @__PURE__ */ s(({ + selection: r, + extraParams: e +}) => { + let t = be?.location.search.slice(1), { path: o, selectedKind: n, selectedStory: a, ...l } = (0, Nr.parse)(t); + return `?${(0, Nr.stringify)({ + ...l, + ...e, + ...r && { id: r.storyId, viewMode: r.viewMode } + })}`; +}, "getQueryString"), ku = /* @__PURE__ */ s((r) => { + if (!r) + return; + let e = Ja({ selection: r }), { hash: t = "" } = be.location; + be.title = r.storyId, Xa.replaceState({}, "", `${be.location.pathname}${e}${t}`); +}, "setPath"), Nu = /* @__PURE__ */ s((r) => r != null && typeof r == "object" && Array.isArray(r) === !1, "isObject"), kr = /* @__PURE__ */ s( +(r) => { + if (r !== void 0) { + if (typeof r == "string") + return r; + if (Array.isArray(r)) + return kr(r[0]); + if (Nu(r)) + return kr( + Object.values(r).filter(Boolean) + ); + } +}, "getFirstString"), Lu = /* @__PURE__ */ s(() => { + if (typeof be < "u") { + let r = be.location.search.slice(1), e = (0, Nr.parse)(r), t = typeof e.args == "string" ? Cn(e.args) : void 0, o = typeof e.globals == "\ +string" ? Cn(e.globals) : void 0, n = kr(e.viewMode); + (typeof n != "string" || !n.match(/docs|story/)) && (n = "story"); + let a = kr(e.path), l = a ? Du(a) : kr(e.id); + if (l) + return { storySpecifier: l, args: t, globals: o, viewMode: n }; + } + return null; +}, "getSelectionSpecifierFromPath"), On = class On { + constructor() { + this.selectionSpecifier = Lu(); + } + setSelection(e) { + this.selection = e, ku(this.selection); + } + setQueryParams(e) { + let t = Ja({ extraParams: e }), { hash: o = "" } = be.location; + Xa.replaceState({}, "", `${be.location.pathname}${t}${o}`); + } +}; +s(On, "UrlStore"); +var Le = On; + +// src/preview-api/modules/preview-web/WebView.ts +var Ci = ue(wi(), 1), Oi = ue(Rt(), 1); +var { document: H } = R, vi = 100, Ii = /* @__PURE__ */ ((a) => (a.MAIN = "MAIN", a.NOPREVIEW = "NOPREVIEW", a.PREPARING_STORY = "PREPARING_\ +STORY", a.PREPARING_DOCS = "PREPARING_DOCS", a.ERROR = "ERROR", a))(Ii || {}), jn = { + PREPARING_STORY: "sb-show-preparing-story", + PREPARING_DOCS: "sb-show-preparing-docs", + MAIN: "sb-show-main", + NOPREVIEW: "sb-show-nopreview", + ERROR: "sb-show-errordisplay" +}, Mn = { + centered: "sb-main-centered", + fullscreen: "sb-main-fullscreen", + padded: "sb-main-padded" +}, Pi = new Ci.default({ + escapeXML: !0 +}), qn = class qn { + constructor() { + this.testing = !1; + if (typeof H < "u") { + let { __SPECIAL_TEST_PARAMETER__: e } = (0, Oi.parse)(H.location.search.slice(1)); + switch (e) { + case "preparing-story": { + this.showPreparingStory(), this.testing = !0; + break; + } + case "preparing-docs": { + this.showPreparingDocs(), this.testing = !0; + break; + } + default: + } + } + } + // Get ready to render a story, returning the element to render to + prepareForStory(e) { + return this.showStory(), this.applyLayout(e.parameters.layout), H.documentElement.scrollTop = 0, H.documentElement.scrollLeft = 0, this. + storyRoot(); + } + storyRoot() { + return H.getElementById("storybook-root"); + } + prepareForDocs() { + return this.showMain(), this.showDocs(), this.applyLayout("fullscreen"), H.documentElement.scrollTop = 0, H.documentElement.scrollLeft = + 0, this.docsRoot(); + } + docsRoot() { + return H.getElementById("storybook-docs"); + } + applyLayout(e = "padded") { + if (e === "none") { + H.body.classList.remove(this.currentLayoutClass), this.currentLayoutClass = null; + return; + } + this.checkIfLayoutExists(e); + let t = Mn[e]; + H.body.classList.remove(this.currentLayoutClass), H.body.classList.add(t), this.currentLayoutClass = t; + } + checkIfLayoutExists(e) { + Mn[e] || C.warn( + w` + The desired layout: ${e} is not a valid option. + The possible options are: ${Object.keys(Mn).join(", ")}, none. + ` + ); + } + showMode(e) { + clearTimeout(this.preparingTimeout), Object.keys(Ii).forEach((t) => { + t === e ? H.body.classList.add(jn[t]) : H.body.classList.remove(jn[t]); + }); + } + showErrorDisplay({ message: e = "", stack: t = "" }) { + let o = e, n = t, a = e.split(` +`); + a.length > 1 && ([o] = a, n = a.slice(1).join(` +`).replace(/^\n/, "")), H.getElementById("error-message").innerHTML = Pi.toHtml(o), H.getElementById("error-stack").innerHTML = Pi.toHtml(n), + this.showMode("ERROR"); + } + showNoPreview() { + this.testing || (this.showMode("NOPREVIEW"), this.storyRoot()?.setAttribute("hidden", "true"), this.docsRoot()?.setAttribute("hidden", "\ +true")); + } + showPreparingStory({ immediate: e = !1 } = {}) { + clearTimeout(this.preparingTimeout), e ? this.showMode("PREPARING_STORY") : this.preparingTimeout = setTimeout( + () => this.showMode("PREPARING_STORY"), + vi + ); + } + showPreparingDocs({ immediate: e = !1 } = {}) { + clearTimeout(this.preparingTimeout), e ? this.showMode("PREPARING_DOCS") : this.preparingTimeout = setTimeout(() => this.showMode("PREPA\ +RING_DOCS"), vi); + } + showMain() { + this.showMode("MAIN"); + } + showDocs() { + this.storyRoot().setAttribute("hidden", "true"), this.docsRoot().removeAttribute("hidden"); + } + showStory() { + this.docsRoot().setAttribute("hidden", "true"), this.storyRoot().removeAttribute("hidden"); + } + showStoryDuringRender() { + H.body.classList.add(jn.MAIN); + } +}; +s(qn, "WebView"); +var Me = qn; + +// src/preview-api/modules/preview-web/PreviewWeb.tsx +var Un = class Un extends De { + constructor(t, o) { + super(t, o, new Le(), new Me()); + this.importFn = t; + this.getProjectAnnotations = o; + R.__STORYBOOK_PREVIEW__ = this; + } +}; +s(Un, "PreviewWeb"); +var jr = Un; + +// src/preview-api/modules/preview-web/simulate-pageload.ts +var { document: qe } = R, Sf = [ + "application/javascript", + "application/ecmascript", + "application/x-ecmascript", + "application/x-javascript", + "text/ecmascript", + "text/javascript", + "text/javascript1.0", + "text/javascript1.1", + "text/javascript1.2", + "text/javascript1.3", + "text/javascript1.4", + "text/javascript1.5", + "text/jscript", + "text/livescript", + "text/x-ecmascript", + "text/x-javascript", + // Support modern javascript + "module" +], bf = "script", Fi = "scripts-root"; +function Mr() { + let r = qe.createEvent("Event"); + r.initEvent("DOMContentLoaded", !0, !0), qe.dispatchEvent(r); +} +s(Mr, "simulateDOMContentLoaded"); +function Tf(r, e, t) { + let o = qe.createElement("script"); + o.type = r.type === "module" ? "module" : "text/javascript", r.src ? (o.onload = e, o.onerror = e, o.src = r.src) : o.textContent = r.innerText, + t ? t.appendChild(o) : qe.head.appendChild(o), r.parentNode.removeChild(r), r.src || e(); +} +s(Tf, "insertScript"); +function Di(r, e, t = 0) { + r[t](() => { + t++, t === r.length ? e() : Di(r, e, t); + }); +} +s(Di, "insertScriptsSequentially"); +function Bn(r) { + let e = qe.getElementById(Fi); + e ? e.innerHTML = "" : (e = qe.createElement("div"), e.id = Fi, qe.body.appendChild(e)); + let t = Array.from(r.querySelectorAll(bf)); + if (t.length) { + let o = []; + t.forEach((n) => { + let a = n.getAttribute("type"); + (!a || Sf.includes(a)) && o.push((l) => Tf(n, l, e)); + }), o.length && Di(o, Mr, void 0); + } else + Mr(); +} +s(Bn, "simulatePageLoad"); + +// src/preview/globals/runtime.ts +var ki = { + "@storybook/global": It, + "storybook/internal/channels": fr, + "@storybook/channels": fr, + "@storybook/core/channels": fr, + "storybook/internal/client-logger": cr, + "@storybook/client-logger": cr, + "@storybook/core/client-logger": cr, + "storybook/internal/core-events": fe, + "@storybook/core-events": fe, + "@storybook/core/core-events": fe, + "storybook/internal/preview-errors": vr, + "@storybook/core-events/preview-errors": vr, + "@storybook/core/preview-errors": vr, + "storybook/internal/preview-api": qr, + "@storybook/preview-api": qr, + "@storybook/core/preview-api": qr, + "storybook/internal/types": yr, + "@storybook/types": yr, + "@storybook/core/types": yr +}; + +// src/preview/utils.ts +var Li = ue(Ni(), 1); +var Hn; +function Ef() { + return Hn || (Hn = new Li.default(R.navigator?.userAgent).getBrowserInfo()), Hn; +} +s(Ef, "getBrowserInfo"); +function ji(r) { + return r.browserInfo = Ef(), r; +} +s(ji, "prepareForTelemetry"); + +// src/preview/runtime.ts +zn.forEach((r) => { + R[eo[r]] = ki[r]; +}); +R.sendTelemetryError = (r) => { + R.__STORYBOOK_ADDONS_CHANNEL__.emit(Qt, ji(r)); +}; +R.addEventListener("error", (r) => { + let e = r.error || r; + e.fromStorybook && R.sendTelemetryError(e); +}); +R.addEventListener("unhandledrejection", ({ reason: r }) => { + r.fromStorybook && R.sendTelemetryError(r); +}); diff --git a/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js b/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js new file mode 100644 index 00000000000000..9da234773e3656 --- /dev/null +++ b/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8251],{"./packages/components/src/scroll-lock/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/button/index.tsx"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/scroll-lock/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Utilities/ScrollLock",id:"components-scrolllock",parameters:{sourceLink:"packages/components/src/scroll-lock",badges:[],controls:{hideNoControlsWarning:!0},docs:{canvas:{sourceState:"shown"}}}};function StripedBackground(props){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{backgroundColor:"#fff",backgroundImage:"linear-gradient(transparent 50%, rgba(0, 0, 0, 0.05) 50%)",backgroundSize:"50px 50px",height:3e3,position:"relative"},...props})}function ToggleContainer(props){const{children}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{position:"sticky",top:0,padding:40,display:"flex",justifyContent:"center",textAlign:"center"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{children})})}const Default=()=>{const[isScrollLocked,setScrollLocked]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(!1);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{height:1e3},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{overflow:"auto",height:240,border:"1px solid lightgray"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(StripedBackground,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:["Start scrolling down. Once you scroll to the end of this container with the stripes, the rest of the page will continue scrolling. ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("code",{children:"ScrollLock"}),' prevents this "scroll bleed" from happening.']}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(ToggleContainer,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_3__.Ay,{variant:"primary",onClick:()=>setScrollLocked(!isScrollLocked),children:"Toggle Scroll Lock"}),isScrollLocked&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Scroll locked:"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("strong",{children:isScrollLocked?"Yes":"No"})]})]})]})})})};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"() => {\n const [isScrollLocked, setScrollLocked] = useState(false);\n const toggleLock = () => setScrollLocked(!isScrollLocked);\n return <div style={{\n height: 1000\n }}>\n <div style={{\n overflow: 'auto',\n height: 240,\n border: '1px solid lightgray'\n }}>\n <StripedBackground>\n <div>\n Start scrolling down. Once you scroll to the end of this\n container with the stripes, the rest of the page will\n continue scrolling. <code>ScrollLock</code> prevents\n this "scroll bleed" from happening.\n </div>\n <ToggleContainer>\n <Button variant=\"primary\" onClick={toggleLock}>\n Toggle Scroll Lock\n </Button>\n {isScrollLocked && <ScrollLock />}\n <p>\n Scroll locked:{' '}\n <strong>{isScrollLocked ? 'Yes' : 'No'}</strong>\n </p>\n </ToggleContainer>\n </StripedBackground>\n </div>\n </div>;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/scroll-lock/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");let previousScrollTop=0;function setLocked(locked){const scrollingElement=document.scrollingElement||document.body;locked&&(previousScrollTop=scrollingElement.scrollTop);const methodName=locked?"add":"remove";scrollingElement.classList[methodName]("lockscroll"),document.documentElement.classList[methodName]("lockscroll"),locked||(scrollingElement.scrollTop=previousScrollTop)}let lockCounter=0;function ScrollLock(){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>(0===lockCounter&&setLocked(!0),++lockCounter,()=>{1===lockCounter&&setLocked(!1),--lockCounter})),[]),null}const __WEBPACK_DEFAULT_EXPORT__=ScrollLock;try{ScrollLock.displayName="ScrollLock",ScrollLock.__docgenInfo={description:"ScrollLock is a content-free React component for declaratively preventing\nscroll bleed from modal UI to the page body. This component applies a\n`lockscroll` class to the `document.documentElement` and\n`document.scrollingElement` elements to stop the body from scrolling. When it\nis present, the lock is applied.\n\n```jsx\nimport { ScrollLock, Button } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyScrollLock = () => {\n const [ isScrollLocked, setIsScrollLocked ] = useState( false );\n\n const toggleLock = () => {\n setIsScrollLocked( ( locked ) => ! locked ) );\n };\n\n return (\n <div>\n <Button variant=\"secondary\" onClick={ toggleLock }>\n Toggle scroll lock\n </Button>\n { isScrollLocked && <ScrollLock /> }\n <p>\n Scroll locked:\n <strong>{ isScrollLocked ? 'Yes' : 'No' }</strong>\n </p>\n </div>\n );\n};\n```",displayName:"ScrollLock",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/scroll-lock/index.tsx#ScrollLock"]={docgenInfo:ScrollLock.__docgenInfo,name:"ScrollLock",path:"packages/components/src/scroll-lock/index.tsx#ScrollLock"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js.LICENSE.txt b/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/scroll-lock-stories-index-story.4b922f2c.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js b/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js new file mode 100644 index 00000000000000..6fb043a39f2caa --- /dev/null +++ b/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[5363],{"./packages/components/src/scrollable/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_view__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/view/component.tsx"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/scrollable/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components (Experimental)/Scrollable",argTypes:{as:{control:{type:"text"}},children:{control:!1}},parameters:{sourceLink:"packages/components/src/scrollable",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(({...args})=>{const targetRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{style:{height:400,width:300},...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_view__WEBPACK_IMPORTED_MODULE_3__.A,{style:{backgroundColor:"#eee",height:"x"===args.scrollDirection?400:1e3,width:"y"===args.scrollDirection?300:1e3,position:"relative"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button",{onClick:()=>{targetRef.current?.focus()},children:"Move focus to an element out of view"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input",{ref:targetRef,style:{position:"absolute",bottom:"x"===args.scrollDirection?"initial":0,right:0},type:"text",value:"Focus me",readOnly:!0})]})})}).bind({});Default.args={smoothScroll:!1,scrollDirection:"y"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n ...args\n}) => {\n const targetRef = useRef<HTMLInputElement>(null);\n const onButtonClick = () => {\n targetRef.current?.focus();\n };\n const containerWidth = 300;\n const containerHeight = 400;\n return <Scrollable style={{\n height: containerHeight,\n width: containerWidth\n }} {...args}>\n <View style={{\n backgroundColor: '#eee',\n height: args.scrollDirection === 'x' ? containerHeight : 1000,\n width: args.scrollDirection === 'y' ? containerWidth : 1000,\n position: 'relative'\n }}>\n <button onClick={onButtonClick}>\n Move focus to an element out of view\n </button>\n <input ref={targetRef} style={{\n position: 'absolute',\n bottom: args.scrollDirection === 'x' ? 'initial' : 0,\n right: 0\n }} type=\"text\" value=\"Focus me\" readOnly />\n </View>\n </Scrollable>;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/scrollable/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>scrollable_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),react=__webpack_require__("./node_modules/react/index.js"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js");const scrollableScrollbar=(0,emotion_react_browser_esm.AH)("@media only screen and ( min-device-width: 40em ){&::-webkit-scrollbar{height:12px;width:12px;}&::-webkit-scrollbar-track{background-color:transparent;}&::-webkit-scrollbar-track{background:",config_values.A.colorScrollbarTrack,";border-radius:8px;}&::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:",config_values.A.colorScrollbarThumb,";border:2px solid rgba( 0, 0, 0, 0 );border-radius:7px;}&:hover::-webkit-scrollbar-thumb{background-color:",config_values.A.colorScrollbarThumbHover,";}}",""),Scrollable={name:"13udsys",styles:"height:100%"},styles_smoothScroll={name:"7zq9w",styles:"scroll-behavior:smooth"},scrollX={name:"q33xhg",styles:"overflow-x:auto;overflow-y:hidden"},scrollY={name:"103x71s",styles:"overflow-x:hidden;overflow-y:auto"},scrollAuto={name:"umwchj",styles:"overflow-y:auto"};var use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const component_Scrollable=(0,context_connect.KZ)((function UnconnectedScrollable(props,forwardedRef){const scrollableProps=function useScrollable(props){const{className,scrollDirection="y",smoothScroll=!1,...otherProps}=(0,use_context_system.A)(props,"Scrollable"),cx=(0,use_cx.l)();return{...otherProps,className:(0,react.useMemo)((()=>cx(Scrollable,scrollableScrollbar,smoothScroll&&styles_smoothScroll,"x"===scrollDirection&&scrollX,"y"===scrollDirection&&scrollY,"auto"===scrollDirection&&scrollAuto,className)),[className,cx,scrollDirection,smoothScroll])}}(props);return(0,jsx_runtime.jsx)(component.A,{...scrollableProps,ref:forwardedRef})}),"Scrollable"),scrollable_component=component_Scrollable;try{component_Scrollable.displayName="Scrollable",component_Scrollable.__docgenInfo={description:"`Scrollable` is a layout component that content in a scrollable container.\n\n```jsx\nimport { __experimentalScrollable as Scrollable } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<Scrollable style={ { maxHeight: 200 } }>\n\t\t\t<div style={ { height: 500 } }>...</div>\n\t\t</Scrollable>\n\t);\n}\n```",displayName:"Scrollable",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},scrollDirection:{defaultValue:{value:"'y'"},description:"Renders a scrollbar for a specific axis when content overflows.",name:"scrollDirection",required:!1,type:{name:"enum",value:[{value:'"x"'},{value:'"y"'},{value:'"auto"'}]}},smoothScroll:{defaultValue:{value:"false"},description:"Enables (CSS) smooth scrolling.",name:"smoothScroll",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/scrollable/component.tsx#Scrollable"]={docgenInfo:component_Scrollable.__docgenInfo,name:"Scrollable",path:"packages/components/src/scrollable/component.tsx#Scrollable"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js.LICENSE.txt b/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/scrollable-stories-index-story.fdf1dd4b.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/search-control-stories-index-story.9f1462a8.iframe.bundle.js b/search-control-stories-index-story.9f1462a8.iframe.bundle.js new file mode 100644 index 00000000000000..54d3788e377870 --- /dev/null +++ b/search-control-stories-index-story.9f1462a8.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1864],{"./packages/components/src/search-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/search-control/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Selection & Input/Common/SearchControl",id:"components-searchcontrol",component:___WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{onChange:{action:"onChange"},value:{control:!1}},parameters:{sourceLink:"packages/components/src/search-control",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(({onChange,...props})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,value,onChange:(...changeArgs)=>{setValue(...changeArgs),onChange(...changeArgs)}})}).bind({});Default.args={help:"Help text to explain the input.",__nextHasNoMarginBottom:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [value, setValue] = useState<string>();\n return <SearchControl {...props} value={value} onChange={(...changeArgs) => {\n setValue(...changeArgs);\n onChange(...changeArgs);\n }} />;\n}",...Default.parameters?.docs?.source}}}}}]); \ No newline at end of file diff --git a/select-control-stories-index-story.a2f47c8f.iframe.bundle.js b/select-control-stories-index-story.a2f47c8f.iframe.bundle.js new file mode 100644 index 00000000000000..7ad5691ad8de7c --- /dev/null +++ b/select-control-stories-index-story.a2f47c8f.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see select-control-stories-index-story.a2f47c8f.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[5756],{"./packages/components/src/select-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Minimal:()=>Minimal,WithCustomChildren:()=>WithCustomChildren,WithLabelAndHelpText:()=>WithLabelAndHelpText,WithPrefix:()=>WithPrefix,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/select-control/index.tsx"),_input_control_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/input-control/input-prefix-wrapper.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Selection & Input/Common/SelectControl",id:"components-selectcontrol",component:___WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{help:{control:{type:"text"}},label:{control:{type:"text"}},prefix:{control:{type:"text"}},suffix:{control:{type:"text"}},value:{control:!1}},parameters:{sourceLink:"packages/components/src/select-control",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},SelectControlWithState=props=>{const[selection,setSelection]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)();return props.multiple?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,multiple:!0,value:selection,onChange:value=>{setSelection(value),props.onChange?.(value)}}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,multiple:!1,value:selection?.[0],onChange:value=>{setSelection([value]),props.onChange?.(value)}})},Default=SelectControlWithState.bind({});Default.args={__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:"Label",options:[{value:"",label:"Select an Option",disabled:!0},{value:"a",label:"Option A"},{value:"b",label:"Option B"},{value:"c",label:"Option C"}]};const WithLabelAndHelpText=SelectControlWithState.bind({});WithLabelAndHelpText.args={...Default.args,help:"Help text to explain the select control."};const WithCustomChildren=SelectControlWithState.bind({});WithCustomChildren.args={__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:"Label",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value:"option-1",children:"Option 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value:"option-2",disabled:!0,children:"Option 2 - Disabled"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("optgroup",{label:"Option Group 1",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value:"option-group-1-option-1",children:"Option Group 1 - Option 1"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value:"option-group-1-option-2",disabled:!0,children:"Option Group 1 - Option 2 - Disabled"})]})]})};const WithPrefix=SelectControlWithState.bind({});WithPrefix.args={...Default.args,prefix:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_input_control_input_prefix_wrapper__WEBPACK_IMPORTED_MODULE_3__.R,{children:"Prefix:"})};const Minimal=SelectControlWithState.bind({});Minimal.args={...Default.args,variant:"minimal",hideLabelFromVision:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<string[]>();\n if (props.multiple) {\n return <SelectControl {...props} multiple value={selection} onChange={value => {\n setSelection(value);\n props.onChange?.(value);\n }} />;\n }\n return <SelectControl {...props} multiple={false} value={selection?.[0]} onChange={value => {\n setSelection([value]);\n props.onChange?.(value);\n }} />;\n}",...Default.parameters?.docs?.source}}},WithLabelAndHelpText.parameters={...WithLabelAndHelpText.parameters,docs:{...WithLabelAndHelpText.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<string[]>();\n if (props.multiple) {\n return <SelectControl {...props} multiple value={selection} onChange={value => {\n setSelection(value);\n props.onChange?.(value);\n }} />;\n }\n return <SelectControl {...props} multiple={false} value={selection?.[0]} onChange={value => {\n setSelection([value]);\n props.onChange?.(value);\n }} />;\n}",...WithLabelAndHelpText.parameters?.docs?.source}}},WithCustomChildren.parameters={...WithCustomChildren.parameters,docs:{...WithCustomChildren.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<string[]>();\n if (props.multiple) {\n return <SelectControl {...props} multiple value={selection} onChange={value => {\n setSelection(value);\n props.onChange?.(value);\n }} />;\n }\n return <SelectControl {...props} multiple={false} value={selection?.[0]} onChange={value => {\n setSelection([value]);\n props.onChange?.(value);\n }} />;\n}",...WithCustomChildren.parameters?.docs?.source},description:{story:"As an alternative to the `options` prop, `optgroup`s and `options` can be\npassed in as `children` for more customizeability.",...WithCustomChildren.parameters?.docs?.description}}},WithPrefix.parameters={...WithPrefix.parameters,docs:{...WithPrefix.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<string[]>();\n if (props.multiple) {\n return <SelectControl {...props} multiple value={selection} onChange={value => {\n setSelection(value);\n props.onChange?.(value);\n }} />;\n }\n return <SelectControl {...props} multiple={false} value={selection?.[0]} onChange={value => {\n setSelection([value]);\n props.onChange?.(value);\n }} />;\n}",...WithPrefix.parameters?.docs?.source},description:{story:"By default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in the `<InputControlPrefixWrapper>` component.",...WithPrefix.parameters?.docs?.description}}},Minimal.parameters={...Minimal.parameters,docs:{...Minimal.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<string[]>();\n if (props.multiple) {\n return <SelectControl {...props} multiple value={selection} onChange={value => {\n setSelection(value);\n props.onChange?.(value);\n }} />;\n }\n return <SelectControl {...props} multiple={false} value={selection?.[0]} onChange={value => {\n setSelection([value]);\n props.onChange?.(value);\n }} />;\n}",...Minimal.parameters?.docs?.source}}};try{WithCustomChildren.displayName="WithCustomChildren",WithCustomChildren.__docgenInfo={description:"As an alternative to the `options` prop, `optgroup`s and `options` can be\npassed in as `children` for more customizeability.",displayName:"WithCustomChildren",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/select-control/stories/index.story.tsx#WithCustomChildren"]={docgenInfo:WithCustomChildren.__docgenInfo,name:"WithCustomChildren",path:"packages/components/src/select-control/stories/index.story.tsx#WithCustomChildren"})}catch(__react_docgen_typescript_loader_error){}try{WithPrefix.displayName="WithPrefix",WithPrefix.__docgenInfo={description:"By default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in the `<InputControlPrefixWrapper>` component.",displayName:"WithPrefix",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/select-control/stories/index.story.tsx#WithPrefix"]={docgenInfo:WithPrefix.__docgenInfo,name:"WithPrefix",path:"packages/components/src/select-control/stories/index.story.tsx#WithPrefix"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/compose/build-module/hooks/use-instance-id/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const instanceMap=new WeakMap;const __WEBPACK_DEFAULT_EXPORT__=function useInstanceId(object,prefix,preferredId){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(preferredId)return preferredId;const id=function createId(object){const instances=instanceMap.get(object)||0;return instanceMap.set(object,instances+1),instances}(object);return prefix?`${prefix}-${id}`:id}),[object,preferredId,prefix])}},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/primitives/build-module/svg/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>G,N1:()=>Line,jl:()=>Circle,rw:()=>Rect,t4:()=>SVG,wA:()=>Path});var clsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Circle=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("circle",props),G=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("g",props),Line=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("line",props),Path=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("path",props),Rect=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("rect",props),SVG=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({className,isPressed,...props},ref)=>{const appliedProps={...props,className:(0,clsx__WEBPACK_IMPORTED_MODULE_2__.A)(className,{"is-pressed":isPressed})||void 0,"aria-hidden":!0,focusable:!1};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{...appliedProps,ref})}));SVG.displayName="SVG"},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/input-control/input-prefix-wrapper.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,R:()=>InputControlPrefixWrapper});var _context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_styles_input_control_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/input-control/styles/input-control-styles.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const InputControlPrefixWrapper=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedInputControlPrefixWrapper(props,forwardedRef){const derivedProps=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"InputControlPrefixWrapper");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_input_control_styles__WEBPACK_IMPORTED_MODULE_2__.bC,{...derivedProps,isPrefix:!0,ref:forwardedRef})}),"InputControlPrefixWrapper"),__WEBPACK_DEFAULT_EXPORT__=InputControlPrefixWrapper;try{InputControlPrefixWrapper.displayName="InputControlPrefixWrapper",InputControlPrefixWrapper.__docgenInfo={description:"A convenience wrapper for the `prefix` when you want to apply\nstandard padding in accordance with the size variant.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",displayName:"InputControlPrefixWrapper",props:{children:{defaultValue:null,description:"The content to be inserted.",name:"children",required:!0,type:{name:"ReactNode"}},size:{defaultValue:null,description:"Internal prop used to control the padding size of the wrapper.\n@ignore",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},__next40pxDefaultSize:{defaultValue:null,description:"Internal prop used to control the padding size of the wrapper.\n@ignore",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"'default'"},description:"Adjust the wrapper based on the prefix or suffix content.\n\n- `'default'`: Standard padding for text content.\n- `'icon'`: For icons.\n- `'control'`: For controls, like buttons or selects.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"icon"'},{value:'"control"'}]}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/input-prefix-wrapper.tsx#InputControlPrefixWrapper"]={docgenInfo:InputControlPrefixWrapper.__docgenInfo,name:"InputControlPrefixWrapper",path:"packages/components/src/input-control/input-prefix-wrapper.tsx#InputControlPrefixWrapper"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/select-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,Y:()=>SelectControl});var clsx__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_base_control__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/base-control/index.tsx"),_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/select-control/styles/select-control-styles.ts"),_chevron_down__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/select-control/chevron-down.tsx"),_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts"),_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function SelectOptions({options}){return options.map((({id,label,value,...optionProps},index)=>{const key=id||`${label}-${value}-${index}`;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value,...optionProps,children:label},key)}))}const SelectControl=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_8__.forwardRef)((function UnforwardedSelectControl(props,ref){const{className,disabled=!1,help,hideLabelFromVision,id:idProp,label,multiple=!1,onChange,options=[],size="default",value:valueProp,labelPosition="top",children,prefix,suffix,variant="default",__next40pxDefaultSize=!1,__nextHasNoMarginBottom=!1,__shouldNotWarnDeprecated36pxSize,...restProps}=(0,_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__.R)(props),id=function useUniqueId(idProp){const instanceId=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.A)(SelectControl);return idProp||`inspector-select-control-${instanceId}`}(idProp),helpId=help?`${id}__help`:void 0;if(!options?.length&&!children)return null;const classes=(0,clsx__WEBPACK_IMPORTED_MODULE_3__.A)("components-select-control",className);return(0,_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__.M)({componentName:"SelectControl",__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_control__WEBPACK_IMPORTED_MODULE_5__.Ay,{help,id,__nextHasNoMarginBottom,__associatedWPComponentName:"SelectControl",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.Xg,{className:classes,disabled,hideLabelFromVision,id,isBorderless:"minimal"===variant,label,size,suffix:suffix||!multiple&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_chevron_down__WEBPACK_IMPORTED_MODULE_7__.A,{}),prefix,labelPosition,__unstableInputWidth:"minimal"===variant?"auto":void 0,variant,__next40pxDefaultSize,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.l6,{...restProps,__next40pxDefaultSize,"aria-describedby":helpId,className:"components-select-control__input",disabled,id,multiple,onChange:event=>{if(props.multiple){const newValues=Array.from(event.target.options).filter((({selected})=>selected)).map((({value})=>value));props.onChange?.(newValues,{event})}else props.onChange?.(event.target.value,{event})},ref,selectSize:size,value:valueProp,variant,children:children||(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SelectOptions,{options})})})})})),__WEBPACK_DEFAULT_EXPORT__=SelectControl;try{SelectControl.displayName="SelectControl",SelectControl.__docgenInfo={description:"`SelectControl` allows users to select from a single or multiple option menu.\nIt functions as a wrapper around the browser's native `<select>` element.\n\n```jsx\nimport { SelectControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MySelectControl = () => {\n const [ size, setSize ] = useState( '50%' );\n\n return (\n <SelectControl\n __next40pxDefaultSize\n __nextHasNoMarginBottom\n label=\"Size\"\n value={ size }\n options={ [\n { label: 'Big', value: '100%' },\n { label: 'Medium', value: '50%' },\n { label: 'Small', value: '25%' },\n ] }\n onChange={ setSize }\n />\n );\n};\n```",displayName:"SelectControl",props:{labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"An array of option property objects to be rendered,\neach with a `label` and `value` property, as well as any other\n`<option>` attributes.",name:"options",required:!1,type:{name:'readonly ({ label: string; value: V; } & Omit<OptionHTMLAttributes<HTMLOptionElement>, "label" | "value">)[]'}},children:{defaultValue:null,description:"As an alternative to the `options` prop, `optgroup`s and `options` can be\npassed in as `children` for more customizability.",name:"children",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"'default'"},description:"The style variant of the control.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"minimal"'}]}},multiple:{defaultValue:{value:"false\nfalse"},description:"If this property is added, multiple values can be selected. The `value` passed should be an array.\n\nIn most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.",name:"multiple",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The value of the selected option.\n\nIf `multiple` is true, the `value` should be an array with the values of the selected options.",name:"value",required:!1,type:{name:"string | NoInfer<V>[]"}},onChange:{defaultValue:null,description:"A function that receives the value of the new option that is being selected as input.\n\nIf `multiple` is `true`, the value received is an array of the selected value.\nOtherwise, the value received is a single value with the new selected value.",name:"onChange",required:!1,type:{name:"((value: NoInfer<V>, extra?: { event?: ChangeEvent<HTMLSelectElement>; }) => void) | ((value: NoInfer<V>[], extra?: { event?: ChangeEvent<HTMLSelectElement>; }) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLSelectElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/select-control/index.tsx#SelectControl"]={docgenInfo:SelectControl.__docgenInfo,name:"SelectControl",path:"packages/components/src/select-control/index.tsx#SelectControl"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/deprecated-36px-size.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>maybeWarnDeprecated36pxSize});var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/deprecated/build-module/index.js");function maybeWarnDeprecated36pxSize({componentName,__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}){__shouldNotWarnDeprecated36pxSize||__next40pxDefaultSize||void 0!==size&&"default"!==size||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__.A)(`36px default size for wp.components.${componentName}`,{since:"6.8",version:"7.1",hint:"Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."})}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{"use strict";var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/select-control-stories-index-story.a2f47c8f.iframe.bundle.js.LICENSE.txt b/select-control-stories-index-story.a2f47c8f.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/select-control-stories-index-story.a2f47c8f.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/shortcut-stories-index-story.ed8f21e3.iframe.bundle.js b/shortcut-stories-index-story.ed8f21e3.iframe.bundle.js new file mode 100644 index 00000000000000..7805ee8c7a0456 --- /dev/null +++ b/shortcut-stories-index-story.ed8f21e3.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3006],{"./packages/components/src/shortcut/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithAriaLabel:()=>WithAriaLabel,default:()=>__WEBPACK_DEFAULT_EXPORT__});var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/shortcut/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Utilities/Shortcut",id:"components-shortcut",parameters:{sourceLink:"packages/components/src/shortcut",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{shortcut:"Ctrl + S",...props}),Default=Template.bind({}),WithAriaLabel=Template.bind({});WithAriaLabel.args={...Default.args,shortcut:{display:"Ctrl + L",ariaLabel:"Load"}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'props => {\n return <Shortcut shortcut="Ctrl + S" {...props} />;\n}',...Default.parameters?.docs?.source}}},WithAriaLabel.parameters={...WithAriaLabel.parameters,docs:{...WithAriaLabel.parameters?.docs,source:{originalSource:'props => {\n return <Shortcut shortcut="Ctrl + S" {...props} />;\n}',...WithAriaLabel.parameters?.docs?.source}}}},"./packages/components/src/shortcut/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Shortcut(props){const{shortcut,className}=props;if(!shortcut)return null;let displayText,ariaLabel;return"string"==typeof shortcut&&(displayText=shortcut),null!==shortcut&&"object"==typeof shortcut&&(displayText=shortcut.display,ariaLabel=shortcut.ariaLabel),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className,"aria-label":ariaLabel,children:displayText})}const __WEBPACK_DEFAULT_EXPORT__=Shortcut;try{Shortcut.displayName="Shortcut",Shortcut.__docgenInfo={description:"Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n\n```jsx\nimport { Shortcut } from '@wordpress/components';\n\nconst MyShortcut = () => {\n\treturn (\n\t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n\t);\n};\n```",displayName:"Shortcut",props:{className:{defaultValue:null,description:"Classname to apply to the shortcut.",name:"className",required:!1,type:{name:"string"}},shortcut:{defaultValue:null,description:"Shortcut configuration",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/shortcut/index.tsx#Shortcut"]={docgenInfo:Shortcut.__docgenInfo,name:"Shortcut",path:"packages/components/src/shortcut/index.tsx#Shortcut"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/slot-fill-stories-index-story.c52f0ce5.iframe.bundle.js b/slot-fill-stories-index-story.c52f0ce5.iframe.bundle.js new file mode 100644 index 00000000000000..18aff85e184410 --- /dev/null +++ b/slot-fill-stories-index-story.c52f0ce5.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[532],{"./packages/components/src/slot-fill/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithContext:()=>WithContext,WithFillProps:()=>WithFillProps,WithSlotChildren:()=>WithSlotChildren,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/slot-fill/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.DX,title:"Components/Utilities/SlotFill",id:"components-slotfill",subcomponents:{Fill:___WEBPACK_IMPORTED_MODULE_1__.SQ,SlotFillProvider:___WEBPACK_IMPORTED_MODULE_1__.Kq},argTypes:{name:{control:!1},as:{control:{type:"text"}},fillProps:{control:!1}},parameters:{sourceLink:"packages/components/src/slot-fill",badges:[],controls:{expanded:!0},docs:{source:{state:"open"}}}},Default=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.Kq,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:"Profile"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Name: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Age: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"age"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"name",children:"Grace"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"age",children:"33"})]});Default.args={bubblesVirtually:!0,as:"span"};const WithFillProps=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.Kq,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:"Profile"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Name:"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"name",fillProps:{name:"Grace"}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Age: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"age",fillProps:{age:33}})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"name",children:fillProps=>fillProps.name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"age",children:fillProps=>fillProps.age})]});WithFillProps.args={...Default.args};const WithSlotChildren=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.Kq,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:"Profile"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Name:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"name",children:fills=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{style:{color:"red"},children:fills})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Age:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"age",children:fills=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{style:{color:"red"},children:fills})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"name",children:"Alice"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name:"age",children:"18"})]});WithSlotChildren.args={...Default.args};const WithContext=props=>{const Context=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createContext)(""),ContextFill=({name})=>{const value=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useContext)(Context);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.SQ,{name,children:value})};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.Kq,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:"Profile"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Name: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"name"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{children:["Age: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.DX,{...props,name:"age"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Context.Provider,{value:"Grace",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ContextFill,{name:"name"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Context.Provider,{value:33,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ContextFill,{name:"age"})})]})};WithContext.args={...Default.args},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'props => {\n return <SlotFillProvider>\n <h2>Profile</h2>\n <p>\n Name: <Slot {...props} name="name" />\n </p>\n <p>\n Age: <Slot {...props} name="age" />\n </p>\n <Fill name="name">Grace</Fill>\n <Fill name="age">33</Fill>\n </SlotFillProvider>;\n}',...Default.parameters?.docs?.source}}},WithFillProps.parameters={...WithFillProps.parameters,docs:{...WithFillProps.parameters?.docs,source:{originalSource:'props => {\n return <SlotFillProvider>\n <h2>Profile</h2>\n <p>\n Name:{\' \'}\n <Slot {...props} name="name" fillProps={{\n name: \'Grace\'\n }} />\n </p>\n <p>\n Age: <Slot {...props} name="age" fillProps={{\n age: 33\n }} />\n </p>\n\n <Fill name="name">{fillProps => fillProps.name}</Fill>\n <Fill name="age">{fillProps => fillProps.age}</Fill>\n </SlotFillProvider>;\n}',...WithFillProps.parameters?.docs?.source}}},WithSlotChildren.parameters={...WithSlotChildren.parameters,docs:{...WithSlotChildren.parameters?.docs,source:{originalSource:'props => {\n return <SlotFillProvider>\n <h2>Profile</h2>\n <p>\n Name:\n {/* @ts-expect-error Not supported children for `<Slot />` when `bubblesVirtually` is true. */}\n <Slot {...props} name="name">\n {fills => {\n return <span style={{\n color: \'red\'\n }}>{fills}</span>;\n }}\n </Slot>\n </p>\n <p>\n Age:\n {/* @ts-expect-error Not support children for `<Slot />` when `bubblesVirtually` is true. */}\n <Slot {...props} name="age">\n {fills => {\n return <span style={{\n color: \'red\'\n }}>{fills}</span>;\n }}\n </Slot>\n </p>\n <Fill name="name">Alice</Fill>\n <Fill name="age">18</Fill>\n </SlotFillProvider>;\n}',...WithSlotChildren.parameters?.docs?.source}}},WithContext.parameters={...WithContext.parameters,docs:{...WithContext.parameters?.docs,source:{originalSource:'props => {\n const Context = createContext<string | number>(\'\');\n const ContextFill = ({\n name\n }: {\n name: string;\n }) => {\n const value = useContext(Context);\n return <Fill name={name}>{value}</Fill>;\n };\n return <SlotFillProvider>\n <h2>Profile</h2>\n <p>\n Name: <Slot {...props} name="name" />\n </p>\n <p>\n Age: <Slot {...props} name="age" />\n </p>\n <Context.Provider value="Grace">\n <ContextFill name="name" />\n </Context.Provider>\n <Context.Provider value={33}>\n <ContextFill name="age" />\n </Context.Provider>\n </SlotFillProvider>;\n}',...WithContext.parameters?.docs?.source}}}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./packages/compose/build-module/hooks/use-observable-value/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useObservableValue});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useObservableValue(map,name){const[subscribe,getValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>[listener=>map.subscribe(name,listener),()=>map.get(name)]),[map,name]);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useSyncExternalStore)(subscribe,getValue,getValue)}},"./packages/compose/build-module/utils/observable-map/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function observableMap(){const map=new Map,listeners=new Map;function callListeners(name){const list=listeners.get(name);if(list)for(const listener of list)listener()}return{get:name=>map.get(name),set(name,value){map.set(name,value),callListeners(name)},delete(name){map.delete(name),callListeners(name)},subscribe(name,listener){let list=listeners.get(name);return list||(list=new Set,listeners.set(name,list)),list.add(listener),()=>{list.delete(listener),0===list.size&&listeners.delete(name)}}}}__webpack_require__.d(__webpack_exports__,{u:()=>observableMap})},"./packages/element/build-module/utils.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>isEmptyElement});const isEmptyElement=element=>"number"!=typeof element&&("string"==typeof element?.valueOf()||Array.isArray(element)?!element.length:!element)},"./packages/is-shallow-equal/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>isShallowEqual});var objects=__webpack_require__("./packages/is-shallow-equal/build-module/objects.js");function isShallowEqual(a,b){if(a&&b){if(a.constructor===Object&&b.constructor===Object)return(0,objects.A)(a,b);if(Array.isArray(a)&&Array.isArray(b))return function isShallowEqualArrays(a,b){if(a===b)return!0;if(a.length!==b.length)return!1;for(let i=0,len=a.length;i<len;i++)if(a[i]!==b[i])return!1;return!0}(a,b)}return a===b}},"./packages/is-shallow-equal/build-module/objects.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isShallowEqualObjects(a,b){if(a===b)return!0;const aKeys=Object.keys(a),bKeys=Object.keys(b);if(aKeys.length!==bKeys.length)return!1;let i=0;for(;i<aKeys.length;){const key=aKeys[i],aValue=a[key];if(void 0===aValue&&!b.hasOwnProperty(key)||aValue!==b[key])return!1;i++}return!0}__webpack_require__.d(__webpack_exports__,{A:()=>isShallowEqualObjects})},"./packages/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/compose/build-module/utils/observable-map/index.js");const initialContextValue={slots:(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_0__.u)(),fills:(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_0__.u)(),registerSlot:()=>{},updateSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},isDefault:!0},__WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createContext)(initialContextValue)},"./packages/components/src/slot-fill/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{SQ:()=>slot_fill_Fill,Kq:()=>Provider,DX:()=>slot_fill_Slot,QJ:()=>createSlotFill});var react=__webpack_require__("./node_modules/react/index.js"),observable_map=__webpack_require__("./packages/compose/build-module/utils/observable-map/index.js");const initialValue={slots:(0,observable_map.u)(),fills:(0,observable_map.u)(),registerSlot:()=>{},unregisterSlot:()=>{},registerFill:()=>{},unregisterFill:()=>{},updateFill:()=>{}},context=(0,react.createContext)(initialValue);function Fill({name,children}){const registry=(0,react.useContext)(context),instanceRef=(0,react.useRef)({}),childrenRef=(0,react.useRef)(children);return(0,react.useLayoutEffect)((()=>{childrenRef.current=children}),[children]),(0,react.useLayoutEffect)((()=>{const instance=instanceRef.current;return registry.registerFill(name,instance,childrenRef.current),()=>registry.unregisterFill(name,instance)}),[registry,name]),(0,react.useLayoutEffect)((()=>{registry.updateFill(name,instanceRef.current,childrenRef.current)})),null}var use_observable_value=__webpack_require__("./packages/compose/build-module/hooks/use-observable-value/index.js"),utils=__webpack_require__("./packages/element/build-module/utils.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function isFunction(maybeFunc){return"function"==typeof maybeFunc}function Slot(props){var _useObservableValue;const registry=(0,react.useContext)(context),instanceRef=(0,react.useRef)({}),{name,children,fillProps={}}=props;(0,react.useEffect)((()=>{const instance=instanceRef.current;return registry.registerSlot(name,instance),()=>registry.unregisterSlot(name,instance)}),[registry,name]);let fills=null!==(_useObservableValue=(0,use_observable_value.A)(registry.fills,name))&&void 0!==_useObservableValue?_useObservableValue:[];(0,use_observable_value.A)(registry.slots,name)!==instanceRef.current&&(fills=[]);const renderedFills=fills.map((fill=>function addKeysToChildren(children){return react.Children.map(children,((child,childIndex)=>{if(!child||"string"==typeof child)return child;let childKey=childIndex;return"object"==typeof child&&"key"in child&&child?.key&&(childKey=child.key),(0,react.cloneElement)(child,{key:childKey})}))}(isFunction(fill.children)?fill.children(fillProps):fill.children))).filter((element=>!(0,utils.s)(element)));return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:isFunction(children)?children(renderedFills):renderedFills})}const slot=Slot;try{Slot.displayName="Slot",Slot.__docgenInfo={description:"",displayName:"Slot",props:{style:{defaultValue:null,description:"Additional styles for the `Slot` component.\nSupported only when `bubblesVirtually` is `true`.",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"A function that returns nodes to be rendered.\nSupported only when `bubblesVirtually` is `false`.",name:"children",required:!1,type:{name:"(fills: ReactNode) => ReactNode"}},className:{defaultValue:null,description:"Additional className for the `Slot` component.\nSupported only when `bubblesVirtually` is `true`.",name:"className",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"Slot name.",name:"name",required:!0,type:{name:"SlotKey"}},fillProps:{defaultValue:{value:"{}"},description:"props to pass from `Slot` to `Fill`.",name:"fillProps",required:!1,type:{name:"FillProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/slot.tsx#Slot"]={docgenInfo:Slot.__docgenInfo,name:"Slot",path:"packages/components/src/slot-fill/slot.tsx#Slot"})}catch(__react_docgen_typescript_loader_error){}var react_dom=__webpack_require__("./node_modules/react-dom/index.js"),slot_fill_context=__webpack_require__("./packages/components/src/slot-fill/bubbles-virtually/slot-fill-context.ts"),style_provider=__webpack_require__("./packages/components/src/style-provider/index.tsx");function fill_Fill({name,children}){var _slot$fillProps;const registry=(0,react.useContext)(slot_fill_context.A),slot=(0,use_observable_value.A)(registry.slots,name),instanceRef=(0,react.useRef)({});if((0,react.useEffect)((()=>{const instance=instanceRef.current;return registry.registerFill(name,instance),()=>registry.unregisterFill(name,instance)}),[registry,name]),!slot||!slot.ref.current)return null;const wrappedChildren=(0,jsx_runtime.jsx)(style_provider.A,{document:slot.ref.current.ownerDocument,children:"function"==typeof children?children(null!==(_slot$fillProps=slot.fillProps)&&void 0!==_slot$fillProps?_slot$fillProps:{}):children});return(0,react_dom.createPortal)(wrappedChildren,slot.ref.current)}try{fill.displayName="fill",fill.__docgenInfo={description:"",displayName:"fill",props:{name:{defaultValue:null,description:"The name of the slot to fill into.",name:"name",required:!0,type:{name:"SlotKey"}},children:{defaultValue:null,description:"Children elements or render function.",name:"children",required:!1,type:{name:"FillChildren"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/bubbles-virtually/fill.tsx#fill"]={docgenInfo:fill.__docgenInfo,name:"fill",path:"packages/components/src/slot-fill/bubbles-virtually/fill.tsx#fill"})}catch(__react_docgen_typescript_loader_error){}var use_merge_refs=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),component=__webpack_require__("./packages/components/src/view/component.tsx");function slot_Slot(props,forwardedRef){const{name,fillProps={},as,children,...restProps}=props,registry=(0,react.useContext)(slot_fill_context.A),ref=(0,react.useRef)(null),fillPropsRef=(0,react.useRef)(fillProps);return(0,react.useLayoutEffect)((()=>{fillPropsRef.current=fillProps}),[fillProps]),(0,react.useLayoutEffect)((()=>(registry.registerSlot(name,ref,fillPropsRef.current),()=>registry.unregisterSlot(name,ref))),[registry,name]),(0,react.useLayoutEffect)((()=>{registry.updateSlot(name,ref,fillPropsRef.current)})),(0,jsx_runtime.jsx)(component.A,{as,ref:(0,use_merge_refs.A)([forwardedRef,ref]),...restProps})}const bubbles_virtually_slot=(0,react.forwardRef)(slot_Slot);try{slot_Slot.displayName="Slot",slot_Slot.__docgenInfo={description:"",displayName:"Slot",props:{style:{defaultValue:null,description:"Additional styles for the `Slot` component.\nSupported only when `bubblesVirtually` is `true`.",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"A function that returns nodes to be rendered.\nSupported only when `bubblesVirtually` is `false`.",name:"children",required:!1,type:{name:"(fills: ReactNode) => ReactNode"}},className:{defaultValue:null,description:"Additional className for the `Slot` component.\nSupported only when `bubblesVirtually` is `true`.",name:"className",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"Slot name.",name:"name",required:!0,type:{name:"SlotKey"}},fillProps:{defaultValue:{value:"{}"},description:"props to pass from `Slot` to `Fill`.",name:"fillProps",required:!1,type:{name:"FillProps"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/bubbles-virtually/slot.tsx#Slot"]={docgenInfo:slot_Slot.__docgenInfo,name:"Slot",path:"packages/components/src/slot-fill/bubbles-virtually/slot.tsx#Slot"})}catch(__react_docgen_typescript_loader_error){}var build_module=__webpack_require__("./packages/is-shallow-equal/build-module/index.js");function createSlotRegistry(){const slots=(0,observable_map.u)(),fills=(0,observable_map.u)();return{slots,fills,registerSlot:(name,ref,fillProps)=>{slots.set(name,{ref,fillProps})},updateSlot:(name,ref,fillProps)=>{const slot=slots.get(name);slot&&slot.ref===ref&&((0,build_module.Ay)(slot.fillProps,fillProps)||slots.set(name,{ref,fillProps}))},unregisterSlot:(name,ref)=>{const slot=slots.get(name);slot&&slot.ref===ref&&slots.delete(name)},registerFill:(name,ref)=>{fills.set(name,[...fills.get(name)||[],ref])},unregisterFill:(name,ref)=>{const fillsForName=fills.get(name);fillsForName&&fills.set(name,fillsForName.filter((fillRef=>fillRef!==ref)))}}}function slot_fill_provider_SlotFillProvider({children}){const[registry]=(0,react.useState)(createSlotRegistry);return(0,jsx_runtime.jsx)(slot_fill_context.A.Provider,{value:registry,children})}try{slotfillprovider.displayName="slotfillprovider",slotfillprovider.__docgenInfo={description:"",displayName:"slotfillprovider",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},passthrough:{defaultValue:null,description:"Whether to pass slots to the parent provider if existent.",name:"passthrough",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx#slotfillprovider"]={docgenInfo:slotfillprovider.__docgenInfo,name:"slotfillprovider",path:"packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx#slotfillprovider"})}catch(__react_docgen_typescript_loader_error){}function provider_createSlotRegistry(){const slots=(0,observable_map.u)(),fills=(0,observable_map.u)();return{slots,fills,registerSlot:function registerSlot(name,instance){slots.set(name,instance)},unregisterSlot:function unregisterSlot(name,instance){slots.get(name)===instance&&slots.delete(name)},registerFill:function registerFill(name,instance,children){fills.set(name,[...fills.get(name)||[],{instance,children}])},unregisterFill:function unregisterFill(name,instance){const fillsForName=fills.get(name);fillsForName&&fills.set(name,fillsForName.filter((fill=>fill.instance!==instance)))},updateFill:function updateFill(name,instance,children){const fillsForName=fills.get(name);if(!fillsForName)return;const fillForInstance=fillsForName.find((f=>f.instance===instance));fillForInstance&&fillForInstance.children!==children&&fills.set(name,fillsForName.map((f=>f.instance===instance?{instance,children}:f)))}}}function provider_SlotFillProvider({children}){const[contextValue]=(0,react.useState)(provider_createSlotRegistry);return(0,jsx_runtime.jsx)(context.Provider,{value:contextValue,children})}const provider=provider_SlotFillProvider;try{provider_SlotFillProvider.displayName="SlotFillProvider",provider_SlotFillProvider.__docgenInfo={description:"",displayName:"SlotFillProvider",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},passthrough:{defaultValue:null,description:"Whether to pass slots to the parent provider if existent.",name:"passthrough",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/provider.tsx#SlotFillProvider"]={docgenInfo:provider_SlotFillProvider.__docgenInfo,name:"SlotFillProvider",path:"packages/components/src/slot-fill/provider.tsx#SlotFillProvider"})}catch(__react_docgen_typescript_loader_error){}function slot_fill_Fill(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Fill,{...props}),(0,jsx_runtime.jsx)(fill_Fill,{...props})]})}const slot_fill_Slot=(0,react.forwardRef)((function UnforwardedSlot(props,ref){const{bubblesVirtually,...restProps}=props;return bubblesVirtually?(0,jsx_runtime.jsx)(bubbles_virtually_slot,{...restProps,ref}):(0,jsx_runtime.jsx)(slot,{...restProps})}));function Provider({children,passthrough=!1}){return!(0,react.useContext)(slot_fill_context.A).isDefault&&passthrough?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children}):(0,jsx_runtime.jsx)(provider,{children:(0,jsx_runtime.jsx)(slot_fill_provider_SlotFillProvider,{children})})}function createSlotFill(key){const baseName="symbol"==typeof key?key.description:key,FillComponent=props=>(0,jsx_runtime.jsx)(slot_fill_Fill,{name:key,...props});FillComponent.displayName=`${baseName}Fill`;const SlotComponent=props=>(0,jsx_runtime.jsx)(slot_fill_Slot,{name:key,...props});return SlotComponent.displayName=`${baseName}Slot`,SlotComponent.__unstableName=key,{name:key,Fill:FillComponent,Slot:SlotComponent}}Provider.displayName="SlotFillProvider";try{slot_fill_Fill.displayName="SlotFillProvider",slot_fill_Fill.__docgenInfo={description:"",displayName:"SlotFillProvider",props:{name:{defaultValue:null,description:"The name of the slot to fill into.",name:"name",required:!0,type:{name:"SlotKey"}},children:{defaultValue:null,description:"Children elements or render function.",name:"children",required:!1,type:{name:"FillChildren"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/slot-fill/index.tsx#SlotFillProvider"]={docgenInfo:SlotFillProvider.__docgenInfo,name:"SlotFillProvider",path:"packages/components/src/slot-fill/index.tsx#SlotFillProvider"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/style-provider/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,N:()=>StyleProvider});var _emotion_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-699e6908.browser.esm.js"),_emotion_cache__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js"),uuid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/node_modules/uuid/dist/esm-browser/v4.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const uuidCache=new Set,containerCacheMap=new WeakMap,memoizedCreateCacheWithContainer=container=>{if(containerCacheMap.has(container))return containerCacheMap.get(container);let key=uuid__WEBPACK_IMPORTED_MODULE_2__.A().replace(/[0-9]/g,"");for(;uuidCache.has(key);)key=uuid__WEBPACK_IMPORTED_MODULE_2__.A().replace(/[0-9]/g,"");uuidCache.add(key);const cache=(0,_emotion_cache__WEBPACK_IMPORTED_MODULE_0__.A)({container,key});return containerCacheMap.set(container,cache),cache};function StyleProvider(props){const{children,document}=props;if(!document)return null;const cache=memoizedCreateCacheWithContainer(document.head);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_emotion_react__WEBPACK_IMPORTED_MODULE_3__.C,{value:cache,children})}const __WEBPACK_DEFAULT_EXPORT__=StyleProvider;try{StyleProvider.displayName="StyleProvider",StyleProvider.__docgenInfo={description:"",displayName:"StyleProvider",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},document:{defaultValue:null,description:"Current document.",name:"document",required:!0,type:{name:"Document"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/style-provider/index.tsx#StyleProvider"]={docgenInfo:StyleProvider.__docgenInfo,name:"StyleProvider",path:"packages/components/src/style-provider/index.tsx#StyleProvider"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var getRandomValues;__webpack_require__.d(__webpack_exports__,{A:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]); \ No newline at end of file diff --git a/snackbar-stories-index-story.5818015c.iframe.bundle.js b/snackbar-stories-index-story.5818015c.iframe.bundle.js new file mode 100644 index 00000000000000..34db12287ebfde --- /dev/null +++ b/snackbar-stories-index-story.5818015c.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see snackbar-stories-index-story.5818015c.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6389],{"./packages/components/src/snackbar/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithActionAndExplicitDismiss:()=>WithActionAndExplicitDismiss,WithActions:()=>WithActions,WithExplicitDismiss:()=>WithExplicitDismiss,WithIcon:()=>WithIcon,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/icons/build-module/library/wordpress.js"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/icon/index.tsx"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/snackbar/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Feedback/Snackbar",id:"components-snackbar",component:___WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{as:{control:!1},onRemove:{action:"onRemove",control:!1},onDismiss:{action:"onDismiss",control:!1},listRef:{control:!1}},parameters:{sourceLink:"packages/components/src/snackbar",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},DefaultTemplate=({children,...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,children}),Default=DefaultTemplate.bind({});Default.args={children:"Use Snackbars to communicate low priority, non-interruptive messages to the user."};const WithActions=DefaultTemplate.bind({});WithActions.args={actions:[{label:"Open WP.org",url:"https://wordpress.org"}],children:"Use Snackbars with an action link to an external page."};const WithIcon=DefaultTemplate.bind({});WithIcon.args={children:"Add an icon to make your snackbar stand out",icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icon__WEBPACK_IMPORTED_MODULE_2__.A,{style:{fill:"currentcolor"},icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_3__.A})};const WithExplicitDismiss=DefaultTemplate.bind({});WithExplicitDismiss.args={children:"Add a cross to explicitly close the snackbar, and do not hide it automatically",explicitDismiss:!0};const WithActionAndExplicitDismiss=DefaultTemplate.bind({});WithActionAndExplicitDismiss.args={actions:[{label:"Open WP.org",url:"https://wordpress.org"}],children:"Add an action and a cross to explicitly close the snackbar, and do not hide it automatically",explicitDismiss:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n children,\n ...props\n}) => {\n return <Snackbar {...props}>{children}</Snackbar>;\n}",...Default.parameters?.docs?.source}}},WithActions.parameters={...WithActions.parameters,docs:{...WithActions.parameters?.docs,source:{originalSource:"({\n children,\n ...props\n}) => {\n return <Snackbar {...props}>{children}</Snackbar>;\n}",...WithActions.parameters?.docs?.source}}},WithIcon.parameters={...WithIcon.parameters,docs:{...WithIcon.parameters?.docs,source:{originalSource:"({\n children,\n ...props\n}) => {\n return <Snackbar {...props}>{children}</Snackbar>;\n}",...WithIcon.parameters?.docs?.source}}},WithExplicitDismiss.parameters={...WithExplicitDismiss.parameters,docs:{...WithExplicitDismiss.parameters?.docs,source:{originalSource:"({\n children,\n ...props\n}) => {\n return <Snackbar {...props}>{children}</Snackbar>;\n}",...WithExplicitDismiss.parameters?.docs?.source}}},WithActionAndExplicitDismiss.parameters={...WithActionAndExplicitDismiss.parameters,docs:{...WithActionAndExplicitDismiss.parameters?.docs,source:{originalSource:"({\n children,\n ...props\n}) => {\n return <Snackbar {...props}>{children}</Snackbar>;\n}",...WithActionAndExplicitDismiss.parameters?.docs?.source}}}},"./packages/a11y/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function addContainer(ariaLive="polite"){const container=document.createElement("div");container.id=`a11y-speak-${ariaLive}`,container.className="a11y-speak-region",container.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),container.setAttribute("aria-live",ariaLive),container.setAttribute("aria-relevant","additions text"),container.setAttribute("aria-atomic","true");const{body}=document;return body&&body.appendChild(container),container}__webpack_require__.d(__webpack_exports__,{L:()=>speak});var build_module=__webpack_require__("./packages/i18n/build-module/index.js");let previousMessage="";function speak(message,ariaLive){!function clear(){const regions=document.getElementsByClassName("a11y-speak-region"),introText=document.getElementById("a11y-speak-intro-text");for(let i=0;i<regions.length;i++)regions[i].textContent="";introText&&introText.setAttribute("hidden","hidden")}(),message=function filterMessage(message){return message=message.replace(/<[^<>]+>/g," "),previousMessage===message&&(message+=" "),previousMessage=message,message}(message);const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");containerAssertive&&"assertive"===ariaLive?containerAssertive.textContent=message:containerPolite&&(containerPolite.textContent=message),introText&&introText.removeAttribute("hidden")}!function domReady(callback){"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",callback):callback())}((function setup(){const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");null===introText&&function addIntroText(){const introText=document.createElement("p");introText.id="a11y-speak-intro-text",introText.className="a11y-speak-intro-text",introText.textContent=(0,build_module.__)("Notifications"),introText.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),introText.setAttribute("hidden","hidden");const{body}=document;return body&&body.appendChild(introText),introText}(),null===containerAssertive&&addContainer("assertive"),null===containerPolite&&addContainer("polite")}))},"./packages/icons/build-module/library/wordpress.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})})},"./packages/components/src/snackbar/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_a11y__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/a11y/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/element/build-module/serialize.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/i18n/build-module/index.js"),_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/button/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Snackbar=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.forwardRef)((function UnforwardedSnackbar({className,children,spokenMessage=children,politeness="polite",actions=[],onRemove,icon=null,explicitDismiss=!1,onDismiss,listRef},ref){function dismissMe(event){event&&event.preventDefault&&event.preventDefault(),listRef?.current?.focus(),onDismiss?.(),onRemove?.()}!function useSpokenMessage(message,politeness){const spokenMessage="string"==typeof message?message:(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.Ay)(message);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)((()=>{spokenMessage&&(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_0__.L)(spokenMessage,politeness)}),[spokenMessage,politeness])}(spokenMessage,politeness);const callbacksRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useRef)({onDismiss,onRemove});(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useLayoutEffect)((()=>{callbacksRef.current={onDismiss,onRemove}})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)((()=>{const timeoutHandle=setTimeout((()=>{explicitDismiss||(callbacksRef.current.onDismiss?.(),callbacksRef.current.onRemove?.())}),1e4);return()=>clearTimeout(timeoutHandle)}),[explicitDismiss]);const classes=(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)(className,"components-snackbar",{"components-snackbar-explicit-dismiss":!!explicitDismiss});actions&&actions.length>1&&(actions=[actions[0]]);const snackbarContentClassnames=(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-snackbar__content",{"components-snackbar__content-with-icon":!!icon});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{ref,className:classes,onClick:explicitDismiss?void 0:dismissMe,tabIndex:0,role:explicitDismiss?void 0:"button",onKeyPress:explicitDismiss?void 0:dismissMe,"aria-label":explicitDismiss?void 0:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Dismiss this notice"),"data-testid":"snackbar",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:snackbarContentClassnames,children:[icon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"components-snackbar__icon",children:icon}),children,actions.map((({label,onClick,url},index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{__next40pxDefaultSize:!0,href:url,variant:"link",onClick:event=>function onActionClick(event,onClick){event.stopPropagation(),onRemove?.(),onClick&&onClick(event)}(event,onClick),className:"components-snackbar__action",children:label},index))),explicitDismiss&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{role:"button","aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Dismiss this notice"),tabIndex:0,className:"components-snackbar__dismiss-button",onClick:dismissMe,onKeyPress:dismissMe,children:"✕"})]})})})),__WEBPACK_DEFAULT_EXPORT__=Snackbar;try{Snackbar.displayName="Snackbar",Snackbar.__docgenInfo={description:"A Snackbar displays a succinct message that is cleared out after a small delay.\n\nIt can also offer the user options, like viewing a published post.\nBut these options should also be available elsewhere in the UI.\n\n```jsx\nconst MySnackbarNotice = () => (\n <Snackbar>Post published successfully.</Snackbar>\n);\n```",displayName:"Snackbar",props:{children:{defaultValue:null,description:"The displayed message of a notice. Also used as the spoken message for\nassistive technology, unless `spokenMessage` is provided as an alternative message.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"A CSS `class` to give to the wrapper element.",name:"className",required:!1,type:{name:"string"}},onRemove:{defaultValue:{value:"noop"},description:"Function called when dismissing the notice",name:"onRemove",required:!1,type:{name:"() => void"}},spokenMessage:{defaultValue:{value:"`children`"},description:"Used to provide a custom spoken message in place of the `children` default.",name:"spokenMessage",required:!1,type:{name:"ReactNode"}},politeness:{defaultValue:{value:"'assertive' for 'error' status, 'polite' for all other statuses"},description:"A politeness level for the notice's spoken message. Should be provided as\none of the valid options for an `aria-live` attribute value.\n\nA value of `'assertive'` is to be used for important, and usually\ntime-sensitive, information. It will interrupt anything else the screen\nreader is announcing in that moment.\nA value of `'polite'` is to be used for advisory information. It should\nnot interrupt what the screen reader is announcing in that moment\n(the \"speech queue\") or interrupt the current task.\n\nNote that this value should be considered a suggestion; assistive\ntechnologies may override it based on internal heuristics.\n@see https://www.w3.org/TR/wai-aria-1.1/#aria-live",name:"politeness",required:!1,type:{name:"enum",value:[{value:'"assertive"'},{value:'"polite"'}]}},onDismiss:{defaultValue:{value:"noop"},description:"A deprecated alternative to `onRemove`. This prop is kept for\ncompatibilty reasons but should be avoided.",name:"onDismiss",required:!1,type:{name:"() => void"}},icon:{defaultValue:{value:"null"},description:"The icon to render in the snackbar.",name:"icon",required:!1,type:{name:"ReactNode"}},explicitDismiss:{defaultValue:{value:"false"},description:"Whether to require user action to dismiss the snackbar.\nBy default, this is dismissed on a timeout, without user interaction.",name:"explicitDismiss",required:!1,type:{name:"boolean"}},listRef:{defaultValue:null,description:"A ref to the list that contains the snackbar.",name:"listRef",required:!1,type:{name:"MutableRefObject<HTMLDivElement>"}},actions:{defaultValue:{value:"[]"},description:"An array of action objects. Each member object should contain:\n\n- `label`: `string` containing the text of the button/link\n- `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n what the action does.\n\nThe default appearance of an action button is inferred based on whether\n`url` or `onClick` are provided, rendering the button as a link if\nappropriate. If both props are provided, `url` takes precedence, and the\naction button will render as an anchor tag.",name:"actions",required:!1,type:{name:'Pick<NoticeAction, "label" | "onClick" | "url">[]'}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/snackbar/index.tsx#Snackbar"]={docgenInfo:Snackbar.__docgenInfo,name:"Snackbar",path:"packages/components/src/snackbar/index.tsx#Snackbar"})}catch(__react_docgen_typescript_loader_error){}try{snackbar.displayName="snackbar",snackbar.__docgenInfo={description:"A Snackbar displays a succinct message that is cleared out after a small delay.\n\nIt can also offer the user options, like viewing a published post.\nBut these options should also be available elsewhere in the UI.\n\n```jsx\nconst MySnackbarNotice = () => (\n <Snackbar>Post published successfully.</Snackbar>\n);\n```",displayName:"snackbar",props:{children:{defaultValue:null,description:"The displayed message of a notice. Also used as the spoken message for\nassistive technology, unless `spokenMessage` is provided as an alternative message.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"A CSS `class` to give to the wrapper element.",name:"className",required:!1,type:{name:"string"}},onRemove:{defaultValue:{value:"noop"},description:"Function called when dismissing the notice",name:"onRemove",required:!1,type:{name:"() => void"}},spokenMessage:{defaultValue:{value:"`children`"},description:"Used to provide a custom spoken message in place of the `children` default.",name:"spokenMessage",required:!1,type:{name:"ReactNode"}},politeness:{defaultValue:{value:"'assertive' for 'error' status, 'polite' for all other statuses"},description:"A politeness level for the notice's spoken message. Should be provided as\none of the valid options for an `aria-live` attribute value.\n\nA value of `'assertive'` is to be used for important, and usually\ntime-sensitive, information. It will interrupt anything else the screen\nreader is announcing in that moment.\nA value of `'polite'` is to be used for advisory information. It should\nnot interrupt what the screen reader is announcing in that moment\n(the \"speech queue\") or interrupt the current task.\n\nNote that this value should be considered a suggestion; assistive\ntechnologies may override it based on internal heuristics.\n@see https://www.w3.org/TR/wai-aria-1.1/#aria-live",name:"politeness",required:!1,type:{name:"enum",value:[{value:'"assertive"'},{value:'"polite"'}]}},onDismiss:{defaultValue:{value:"noop"},description:"A deprecated alternative to `onRemove`. This prop is kept for\ncompatibilty reasons but should be avoided.",name:"onDismiss",required:!1,type:{name:"() => void"}},icon:{defaultValue:{value:"null"},description:"The icon to render in the snackbar.",name:"icon",required:!1,type:{name:"ReactNode"}},explicitDismiss:{defaultValue:{value:"false"},description:"Whether to require user action to dismiss the snackbar.\nBy default, this is dismissed on a timeout, without user interaction.",name:"explicitDismiss",required:!1,type:{name:"boolean"}},listRef:{defaultValue:null,description:"A ref to the list that contains the snackbar.",name:"listRef",required:!1,type:{name:"MutableRefObject<HTMLDivElement>"}},actions:{defaultValue:{value:"[]"},description:"An array of action objects. Each member object should contain:\n\n- `label`: `string` containing the text of the button/link\n- `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n what the action does.\n\nThe default appearance of an action button is inferred based on whether\n`url` or `onClick` are provided, rendering the button as a link if\nappropriate. If both props are provided, `url` takes precedence, and the\naction button will render as an anchor tag.",name:"actions",required:!1,type:{name:'Pick<NoticeAction, "label" | "onClick" | "url">[]'}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/snackbar/index.tsx#snackbar"]={docgenInfo:snackbar.__docgenInfo,name:"snackbar",path:"packages/components/src/snackbar/index.tsx#snackbar"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/snackbar-stories-index-story.5818015c.iframe.bundle.js.LICENSE.txt b/snackbar-stories-index-story.5818015c.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/snackbar-stories-index-story.5818015c.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/snackbar-stories-list-story.9667e3a9.iframe.bundle.js b/snackbar-stories-list-story.9667e3a9.iframe.bundle.js new file mode 100644 index 00000000000000..77833b99df7347 --- /dev/null +++ b/snackbar-stories-list-story.9667e3a9.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8803],{"./packages/components/src/snackbar/stories/list.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>list_story});var react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),use_reduced_motion=__webpack_require__("./packages/compose/build-module/hooks/use-reduced-motion/index.js"),snackbar=__webpack_require__("./packages/components/src/snackbar/index.tsx"),AnimatePresence=__webpack_require__("./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"),motion=__webpack_require__("./node_modules/framer-motion/dist/es/render/dom/motion.mjs"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const SNACKBAR_VARIANTS={init:{height:0,opacity:0},open:{height:"auto",opacity:1,transition:{height:{type:"tween",duration:.3,ease:[0,0,.2,1]},opacity:{type:"tween",duration:.25,delay:.05,ease:[0,0,.2,1]}}},exit:{opacity:0,transition:{type:"tween",duration:.1,ease:[0,0,.2,1]}}};function SnackbarList({notices,className,children,onRemove}){const listRef=(0,react.useRef)(null),isReducedMotion=(0,use_reduced_motion.A)();className=(0,clsx.A)("components-snackbar-list",className);const removeNotice=notice=>()=>onRemove?.(notice.id);return(0,jsx_runtime.jsxs)("div",{className,tabIndex:-1,ref:listRef,"data-testid":"snackbar-list",children:[children,(0,jsx_runtime.jsx)(AnimatePresence.N,{children:notices.map((notice=>{const{content,...restNotice}=notice;return(0,jsx_runtime.jsx)(motion.P.div,{layout:!isReducedMotion,initial:"init",animate:"open",exit:"exit",variants:isReducedMotion?void 0:SNACKBAR_VARIANTS,children:(0,jsx_runtime.jsx)("div",{className:"components-snackbar-list__notice-container",children:(0,jsx_runtime.jsx)(snackbar.A,{...restNotice,onRemove:removeNotice(notice),listRef,children:notice.content})})},notice.id)}))})]})}const list=SnackbarList;try{SnackbarList.displayName="SnackbarList",SnackbarList.__docgenInfo={description:"Renders a list of notices.\n\n```jsx\nconst MySnackbarListNotice = () => (\n <SnackbarList\n notices={ notices }\n onRemove={ removeNotice }\n />\n);\n```",displayName:"SnackbarList",props:{notices:{defaultValue:null,description:"",name:"notices",required:!0,type:{name:'(Omit<SnackbarProps, "children"> & { id: string; content: string; })[]'}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(id: string) => void"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/snackbar/list.tsx#SnackbarList"]={docgenInfo:SnackbarList.__docgenInfo,name:"SnackbarList",path:"packages/components/src/snackbar/list.tsx#SnackbarList"})}catch(__react_docgen_typescript_loader_error){}const list_story={title:"Components/Feedback/SnackbarList",id:"components-snackbarlist",component:list,argTypes:{as:{control:!1},onRemove:{action:"onRemove",control:!1}},parameters:{sourceLink:"packages/components/src/snackbar",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=({children,notices:noticesProp,...props})=>{const[notices,setNotices]=(0,react.useState)(noticesProp);return(0,jsx_runtime.jsx)(list,{...props,notices,onRemove:id=>{const matchIndex=notices.findIndex((n=>n.id===id));matchIndex>-1&&setNotices([...notices.slice(0,matchIndex),...notices.slice(matchIndex+1)])},children})};Default.args={children:"Use SnackbarList to communicate multiple low priority, non-interruptive messages to the user.",notices:[{id:"SAVE_POST_NOTICE_ID_1",spokenMessage:"Post published.",actions:[{label:"View Post",url:"https://example.com/?p=522"}],content:"Post published.",explicitDismiss:!1},{id:"SAVE_POST_NOTICE_ID_2",spokenMessage:"Post updated",actions:[{label:"View Post",url:"https://example.com/?p=522"}],content:"Post updated.",explicitDismiss:!1},{id:"global1",spokenMessage:"All content copied.",actions:[],content:"All content copied.",explicitDismiss:!1}]},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n children,\n notices: noticesProp,\n ...props\n}) => {\n const [notices, setNotices] = useState(noticesProp);\n const onRemove = (id: string) => {\n const matchIndex = notices.findIndex(n => n.id === id);\n if (matchIndex > -1) {\n setNotices([...notices.slice(0, matchIndex), ...notices.slice(matchIndex + 1)]);\n }\n };\n return <SnackbarList {...props} notices={notices} onRemove={onRemove}>\n {children}\n </SnackbarList>;\n}",...Default.parameters?.docs?.source}}}},"./packages/a11y/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function addContainer(ariaLive="polite"){const container=document.createElement("div");container.id=`a11y-speak-${ariaLive}`,container.className="a11y-speak-region",container.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),container.setAttribute("aria-live",ariaLive),container.setAttribute("aria-relevant","additions text"),container.setAttribute("aria-atomic","true");const{body}=document;return body&&body.appendChild(container),container}__webpack_require__.d(__webpack_exports__,{L:()=>speak});var build_module=__webpack_require__("./packages/i18n/build-module/index.js");let previousMessage="";function speak(message,ariaLive){!function clear(){const regions=document.getElementsByClassName("a11y-speak-region"),introText=document.getElementById("a11y-speak-intro-text");for(let i=0;i<regions.length;i++)regions[i].textContent="";introText&&introText.setAttribute("hidden","hidden")}(),message=function filterMessage(message){return message=message.replace(/<[^<>]+>/g," "),previousMessage===message&&(message+=" "),previousMessage=message,message}(message);const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");containerAssertive&&"assertive"===ariaLive?containerAssertive.textContent=message:containerPolite&&(containerPolite.textContent=message),introText&&introText.removeAttribute("hidden")}!function domReady(callback){"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",callback):callback())}((function setup(){const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");null===introText&&function addIntroText(){const introText=document.createElement("p");introText.id="a11y-speak-intro-text",introText.className="a11y-speak-intro-text",introText.textContent=(0,build_module.__)("Notifications"),introText.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),introText.setAttribute("hidden","hidden");const{body}=document;return body&&body.appendChild(introText),introText}(),null===containerAssertive&&addContainer("assertive"),null===containerPolite&&addContainer("polite")}))},"./packages/compose/build-module/hooks/use-media-query/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMediaQuery});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const matchMediaCache=new Map;function useMediaQuery(query){const source=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{const mediaQueryList=function getMediaQueryList(query){if(!query)return null;let match=matchMediaCache.get(query);return match||("undefined"!=typeof window&&"function"==typeof window.matchMedia?(match=window.matchMedia(query),matchMediaCache.set(query,match),match):null)}(query);return{subscribe:onStoreChange=>mediaQueryList?(mediaQueryList.addEventListener?.("change",onStoreChange),()=>{mediaQueryList.removeEventListener?.("change",onStoreChange)}):()=>{},getValue(){var _mediaQueryList$match;return null!==(_mediaQueryList$match=mediaQueryList?.matches)&&void 0!==_mediaQueryList$match&&_mediaQueryList$match}}}),[query]);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useSyncExternalStore)(source.subscribe,source.getValue,(()=>!1))}},"./packages/compose/build-module/hooks/use-reduced-motion/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _use_media_query__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/compose/build-module/hooks/use-media-query/index.js");const __WEBPACK_DEFAULT_EXPORT__=()=>(0,_use_media_query__WEBPACK_IMPORTED_MODULE_0__.A)("(prefers-reduced-motion: reduce)")},"./packages/components/src/snackbar/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_a11y__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/a11y/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/element/build-module/serialize.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/i18n/build-module/index.js"),_button__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/button/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Snackbar=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.forwardRef)((function UnforwardedSnackbar({className,children,spokenMessage=children,politeness="polite",actions=[],onRemove,icon=null,explicitDismiss=!1,onDismiss,listRef},ref){function dismissMe(event){event&&event.preventDefault&&event.preventDefault(),listRef?.current?.focus(),onDismiss?.(),onRemove?.()}!function useSpokenMessage(message,politeness){const spokenMessage="string"==typeof message?message:(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.Ay)(message);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)((()=>{spokenMessage&&(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_0__.L)(spokenMessage,politeness)}),[spokenMessage,politeness])}(spokenMessage,politeness);const callbacksRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useRef)({onDismiss,onRemove});(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useLayoutEffect)((()=>{callbacksRef.current={onDismiss,onRemove}})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)((()=>{const timeoutHandle=setTimeout((()=>{explicitDismiss||(callbacksRef.current.onDismiss?.(),callbacksRef.current.onRemove?.())}),1e4);return()=>clearTimeout(timeoutHandle)}),[explicitDismiss]);const classes=(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)(className,"components-snackbar",{"components-snackbar-explicit-dismiss":!!explicitDismiss});actions&&actions.length>1&&(actions=[actions[0]]);const snackbarContentClassnames=(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-snackbar__content",{"components-snackbar__content-with-icon":!!icon});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{ref,className:classes,onClick:explicitDismiss?void 0:dismissMe,tabIndex:0,role:explicitDismiss?void 0:"button",onKeyPress:explicitDismiss?void 0:dismissMe,"aria-label":explicitDismiss?void 0:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Dismiss this notice"),"data-testid":"snackbar",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:snackbarContentClassnames,children:[icon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"components-snackbar__icon",children:icon}),children,actions.map((({label,onClick,url},index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_button__WEBPACK_IMPORTED_MODULE_6__.Ay,{__next40pxDefaultSize:!0,href:url,variant:"link",onClick:event=>function onActionClick(event,onClick){event.stopPropagation(),onRemove?.(),onClick&&onClick(event)}(event,onClick),className:"components-snackbar__action",children:label},index))),explicitDismiss&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{role:"button","aria-label":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Dismiss this notice"),tabIndex:0,className:"components-snackbar__dismiss-button",onClick:dismissMe,onKeyPress:dismissMe,children:"✕"})]})})})),__WEBPACK_DEFAULT_EXPORT__=Snackbar;try{Snackbar.displayName="Snackbar",Snackbar.__docgenInfo={description:"A Snackbar displays a succinct message that is cleared out after a small delay.\n\nIt can also offer the user options, like viewing a published post.\nBut these options should also be available elsewhere in the UI.\n\n```jsx\nconst MySnackbarNotice = () => (\n <Snackbar>Post published successfully.</Snackbar>\n);\n```",displayName:"Snackbar",props:{children:{defaultValue:null,description:"The displayed message of a notice. Also used as the spoken message for\nassistive technology, unless `spokenMessage` is provided as an alternative message.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"A CSS `class` to give to the wrapper element.",name:"className",required:!1,type:{name:"string"}},onRemove:{defaultValue:{value:"noop"},description:"Function called when dismissing the notice",name:"onRemove",required:!1,type:{name:"() => void"}},spokenMessage:{defaultValue:{value:"`children`"},description:"Used to provide a custom spoken message in place of the `children` default.",name:"spokenMessage",required:!1,type:{name:"ReactNode"}},politeness:{defaultValue:{value:"'assertive' for 'error' status, 'polite' for all other statuses"},description:"A politeness level for the notice's spoken message. Should be provided as\none of the valid options for an `aria-live` attribute value.\n\nA value of `'assertive'` is to be used for important, and usually\ntime-sensitive, information. It will interrupt anything else the screen\nreader is announcing in that moment.\nA value of `'polite'` is to be used for advisory information. It should\nnot interrupt what the screen reader is announcing in that moment\n(the \"speech queue\") or interrupt the current task.\n\nNote that this value should be considered a suggestion; assistive\ntechnologies may override it based on internal heuristics.\n@see https://www.w3.org/TR/wai-aria-1.1/#aria-live",name:"politeness",required:!1,type:{name:"enum",value:[{value:'"assertive"'},{value:'"polite"'}]}},onDismiss:{defaultValue:{value:"noop"},description:"A deprecated alternative to `onRemove`. This prop is kept for\ncompatibilty reasons but should be avoided.",name:"onDismiss",required:!1,type:{name:"() => void"}},icon:{defaultValue:{value:"null"},description:"The icon to render in the snackbar.",name:"icon",required:!1,type:{name:"ReactNode"}},explicitDismiss:{defaultValue:{value:"false"},description:"Whether to require user action to dismiss the snackbar.\nBy default, this is dismissed on a timeout, without user interaction.",name:"explicitDismiss",required:!1,type:{name:"boolean"}},listRef:{defaultValue:null,description:"A ref to the list that contains the snackbar.",name:"listRef",required:!1,type:{name:"MutableRefObject<HTMLDivElement>"}},actions:{defaultValue:{value:"[]"},description:"An array of action objects. Each member object should contain:\n\n- `label`: `string` containing the text of the button/link\n- `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n what the action does.\n\nThe default appearance of an action button is inferred based on whether\n`url` or `onClick` are provided, rendering the button as a link if\nappropriate. If both props are provided, `url` takes precedence, and the\naction button will render as an anchor tag.",name:"actions",required:!1,type:{name:'Pick<NoticeAction, "label" | "onClick" | "url">[]'}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/snackbar/index.tsx#Snackbar"]={docgenInfo:Snackbar.__docgenInfo,name:"Snackbar",path:"packages/components/src/snackbar/index.tsx#Snackbar"})}catch(__react_docgen_typescript_loader_error){}try{snackbar.displayName="snackbar",snackbar.__docgenInfo={description:"A Snackbar displays a succinct message that is cleared out after a small delay.\n\nIt can also offer the user options, like viewing a published post.\nBut these options should also be available elsewhere in the UI.\n\n```jsx\nconst MySnackbarNotice = () => (\n <Snackbar>Post published successfully.</Snackbar>\n);\n```",displayName:"snackbar",props:{children:{defaultValue:null,description:"The displayed message of a notice. Also used as the spoken message for\nassistive technology, unless `spokenMessage` is provided as an alternative message.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"A CSS `class` to give to the wrapper element.",name:"className",required:!1,type:{name:"string"}},onRemove:{defaultValue:{value:"noop"},description:"Function called when dismissing the notice",name:"onRemove",required:!1,type:{name:"() => void"}},spokenMessage:{defaultValue:{value:"`children`"},description:"Used to provide a custom spoken message in place of the `children` default.",name:"spokenMessage",required:!1,type:{name:"ReactNode"}},politeness:{defaultValue:{value:"'assertive' for 'error' status, 'polite' for all other statuses"},description:"A politeness level for the notice's spoken message. Should be provided as\none of the valid options for an `aria-live` attribute value.\n\nA value of `'assertive'` is to be used for important, and usually\ntime-sensitive, information. It will interrupt anything else the screen\nreader is announcing in that moment.\nA value of `'polite'` is to be used for advisory information. It should\nnot interrupt what the screen reader is announcing in that moment\n(the \"speech queue\") or interrupt the current task.\n\nNote that this value should be considered a suggestion; assistive\ntechnologies may override it based on internal heuristics.\n@see https://www.w3.org/TR/wai-aria-1.1/#aria-live",name:"politeness",required:!1,type:{name:"enum",value:[{value:'"assertive"'},{value:'"polite"'}]}},onDismiss:{defaultValue:{value:"noop"},description:"A deprecated alternative to `onRemove`. This prop is kept for\ncompatibilty reasons but should be avoided.",name:"onDismiss",required:!1,type:{name:"() => void"}},icon:{defaultValue:{value:"null"},description:"The icon to render in the snackbar.",name:"icon",required:!1,type:{name:"ReactNode"}},explicitDismiss:{defaultValue:{value:"false"},description:"Whether to require user action to dismiss the snackbar.\nBy default, this is dismissed on a timeout, without user interaction.",name:"explicitDismiss",required:!1,type:{name:"boolean"}},listRef:{defaultValue:null,description:"A ref to the list that contains the snackbar.",name:"listRef",required:!1,type:{name:"MutableRefObject<HTMLDivElement>"}},actions:{defaultValue:{value:"[]"},description:"An array of action objects. Each member object should contain:\n\n- `label`: `string` containing the text of the button/link\n- `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n what the action does.\n\nThe default appearance of an action button is inferred based on whether\n`url` or `onClick` are provided, rendering the button as a link if\nappropriate. If both props are provided, `url` takes precedence, and the\naction button will render as an anchor tag.",name:"actions",required:!1,type:{name:'Pick<NoticeAction, "label" | "onClick" | "url">[]'}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/snackbar/index.tsx#snackbar"]={docgenInfo:snackbar.__docgenInfo,name:"snackbar",path:"packages/components/src/snackbar/index.tsx#snackbar"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/spacer-stories-index-story.6b32821a.iframe.bundle.js b/spacer-stories-index-story.6b32821a.iframe.bundle.js new file mode 100644 index 00000000000000..07e1ba8540fbf0 --- /dev/null +++ b/spacer-stories-index-story.6b32821a.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see spacer-stories-index-story.6b32821a.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[492],{"./packages/components/src/spacer/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/spacer/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const controls=["margin","marginY","marginX","marginTop","marginBottom","marginLeft","marginRight","padding","paddingY","paddingX","paddingTop","paddingBottom","paddingLeft","paddingRight"].reduce(((acc,prop)=>({...acc,[prop]:{control:{type:"text"}}})),{}),__WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components (Experimental)/Spacer",argTypes:{as:{control:{type:"text"}},children:{control:{type:"text"}},...controls},parameters:{sourceLink:"packages/components/src/spacer",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},BlackBox=()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{backgroundColor:"black",width:"100px",height:"100px"}}),Default=(({onChange,...args})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(BlackBox,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...args}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(BlackBox,{})]})).bind({});Default.args={children:"This is the spacer"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n return <>\n <BlackBox />\n <Spacer {...args} />\n <BlackBox />\n </>;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/spacer-stories-index-story.6b32821a.iframe.bundle.js.LICENSE.txt b/spacer-stories-index-story.6b32821a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/spacer-stories-index-story.6b32821a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/spinner-stories-index-story.584b8942.iframe.bundle.js b/spinner-stories-index-story.584b8942.iframe.bundle.js new file mode 100644 index 00000000000000..3d42f43d0326bf --- /dev/null +++ b/spinner-stories-index-story.584b8942.iframe.bundle.js @@ -0,0 +1,9 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3017],{"./packages/components/src/spinner/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomSize:()=>CustomSize,Default:()=>Default,default:()=>index_story});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js");const spinAnimation=emotion_react_browser_esm.i7` + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } + `,StyledSpinner=(0,emotion_styled_base_browser_esm.A)("svg",{target:"ea4tfvq2"})("width:",config_values.A.spinnerSize,"px;height:",config_values.A.spinnerSize,"px;display:inline-block;margin:5px 11px 0;position:relative;color:",colors_values.l.theme.accent,";overflow:visible;opacity:1;background-color:transparent;"),commonPathProps={name:"9s4963",styles:"fill:transparent;stroke-width:1.5px"},SpinnerTrack=(0,emotion_styled_base_browser_esm.A)("circle",{target:"ea4tfvq1"})(commonPathProps,";stroke:",colors_values.l.gray[300],";"),SpinnerIndicator=(0,emotion_styled_base_browser_esm.A)("path",{target:"ea4tfvq0"})(commonPathProps,";stroke:currentColor;stroke-linecap:round;transform-origin:50% 50%;animation:1.4s linear infinite both ",spinAnimation,";");var react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Spinner=(0,react.forwardRef)((function UnforwardedSpinner({className,...props},forwardedRef){return(0,jsx_runtime.jsxs)(StyledSpinner,{className:(0,clsx.A)("components-spinner",className),viewBox:"0 0 100 100",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",role:"presentation",focusable:"false",...props,ref:forwardedRef,children:[(0,jsx_runtime.jsx)(SpinnerTrack,{cx:"50",cy:"50",r:"50",vectorEffect:"non-scaling-stroke"}),(0,jsx_runtime.jsx)(SpinnerIndicator,{d:"m 50 0 a 50 50 0 0 1 50 50",vectorEffect:"non-scaling-stroke"})]})})),src_spinner=Spinner;try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"`Spinner` is a component used to notify users that their action is being processed.\n\n```js\n import { Spinner } from '@wordpress/components';\n\n function Example() {\n return <Spinner />;\n }\n```",displayName:"Spinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/spinner/index.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"packages/components/src/spinner/index.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}try{spinner.displayName="spinner",spinner.__docgenInfo={description:"`Spinner` is a component used to notify users that their action is being processed.\n\n```js\n import { Spinner } from '@wordpress/components';\n\n function Example() {\n return <Spinner />;\n }\n```",displayName:"spinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/spinner/index.tsx#spinner"]={docgenInfo:spinner.__docgenInfo,name:"spinner",path:"packages/components/src/spinner/index.tsx#spinner"})}catch(__react_docgen_typescript_loader_error){}var space=__webpack_require__("./packages/components/src/utils/space.ts");const index_story={title:"Components/Feedback/Spinner",id:"components-spinner",component:src_spinner,parameters:{sourceLink:"packages/components/src/spinner",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=args=>(0,jsx_runtime.jsx)(src_spinner,{...args}),Default=Template.bind({}),CustomSize=Template.bind({});CustomSize.args={style:{width:(0,space.x)(20),height:(0,space.x)(20)}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <Spinner {...args} />;\n}",...Default.parameters?.docs?.source}}},CustomSize.parameters={...CustomSize.parameters,docs:{...CustomSize.parameters?.docs,source:{originalSource:"args => {\n return <Spinner {...args} />;\n}",...CustomSize.parameters?.docs?.source}}}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}}}]); +//# sourceMappingURL=spinner-stories-index-story.584b8942.iframe.bundle.js.map \ No newline at end of file diff --git a/spinner-stories-index-story.584b8942.iframe.bundle.js.map b/spinner-stories-index-story.584b8942.iframe.bundle.js.map new file mode 100644 index 00000000000000..53c994ffd368f9 --- /dev/null +++ b/spinner-stories-index-story.584b8942.iframe.bundle.js.map @@ -0,0 +1 @@ +{"version":3,"file":"spinner-stories-index-story.584b8942.iframe.bundle.js","mappings":";;;;;;;AAoBA","sources":["webpack://gutenberg/./packages/components/src/spinner/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\n\nconst spinAnimation = keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n `;\n\nexport const StyledSpinner = styled.svg`\n\twidth: ${ CONFIG.spinnerSize }px;\n\theight: ${ CONFIG.spinnerSize }px;\n\tdisplay: inline-block;\n\tmargin: 5px 11px 0;\n\tposition: relative;\n\tcolor: ${ COLORS.theme.accent };\n\toverflow: visible;\n\topacity: 1;\n\tbackground-color: transparent;\n`;\n\nconst commonPathProps = css`\n\tfill: transparent;\n\tstroke-width: 1.5px;\n`;\n\nexport const SpinnerTrack = styled.circle`\n\t${ commonPathProps };\n\tstroke: ${ COLORS.gray[ 300 ] };\n`;\n\nexport const SpinnerIndicator = styled.path`\n\t${ commonPathProps };\n\tstroke: currentColor;\n\tstroke-linecap: round;\n\ttransform-origin: 50% 50%;\n\tanimation: 1.4s linear infinite both ${ spinAnimation };\n`;\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/media/areas.314638bc.svg b/static/media/areas.314638bc.svg new file mode 100644 index 00000000000000..9bf535e182411b --- /dev/null +++ b/static/media/areas.314638bc.svg @@ -0,0 +1,78 @@ +<svg width="1728" height="1117" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path fill="#E0E0E0" d="M0 0h1728v1117H0z"/> + <rect x="112" y="513.5" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M133.923 527.864V539.5h-2.108v-9.585h-.068l-2.721 1.738v-1.931l2.892-1.858h2.005Z" fill="#fff"/> + <path d="M99.705 576.418v2.002a7.764 7.764 0 0 0-1.807-.869 5.806 5.806 0 0 0-1.816-.293c-.931 0-1.667.218-2.207.654-.54.43-.81 1.012-.81 1.748 0 .645.175 1.136.527 1.475.358.338 1.022.622 1.992.849l1.035.235c1.367.319 2.363.82 2.988 1.504.625.683.938 1.614.938 2.793 0 1.386-.43 2.444-1.29 3.173-.858.73-2.108 1.094-3.75 1.094-.683 0-1.37-.075-2.06-.224a11.333 11.333 0 0 1-2.08-.655v-2.099c.749.475 1.455.823 2.12 1.045.67.221 1.344.332 2.02.332.997 0 1.772-.222 2.325-.664.553-.45.83-1.075.83-1.875 0-.73-.192-1.286-.576-1.67-.378-.384-1.038-.681-1.982-.889l-1.055-.244c-1.354-.306-2.337-.768-2.95-1.387-.611-.618-.917-1.448-.917-2.49 0-1.302.436-2.344 1.308-3.125.88-.788 2.045-1.182 3.496-1.182.56 0 1.15.065 1.768.196.618.123 1.27.312 1.953.566Zm5.254 3.184h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm14.541 5.605v-5.654h1.797V590.5h-1.797v-1.377c-.3.54-.7.954-1.201 1.24-.495.28-1.068.42-1.719.42-1.322 0-2.363-.511-3.125-1.533-.755-1.029-1.133-2.445-1.133-4.248 0-1.777.381-3.171 1.143-4.18.761-1.015 1.8-1.523 3.115-1.523.657 0 1.237.143 1.738.43.501.279.895.69 1.182 1.23Zm-5.283 4.082c0 1.393.221 2.445.664 3.154.442.71 1.097 1.065 1.962 1.065.866 0 1.524-.358 1.973-1.074.456-.717.684-1.765.684-3.145 0-1.387-.228-2.435-.684-3.145-.449-.716-1.107-1.074-1.973-1.074-.865 0-1.52.355-1.962 1.065-.443.709-.664 1.761-.664 3.154Zm19.892-.908v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.503.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm11.875 1.436c0-1.393-.221-2.445-.664-3.154-.443-.71-1.097-1.065-1.963-1.065-.872 0-1.533.358-1.982 1.074-.449.71-.674 1.758-.674 3.145 0 1.38.225 2.428.674 3.145.449.716 1.11 1.074 1.982 1.074.866 0 1.52-.355 1.963-1.065.443-.709.664-1.761.664-3.154Zm-5.283-4.082c.286-.534.68-.944 1.182-1.23.507-.287 1.093-.43 1.757-.43 1.316 0 2.351.508 3.106 1.523.755 1.009 1.133 2.403 1.133 4.18 0 1.803-.381 3.219-1.143 4.248-.755 1.022-1.793 1.533-3.115 1.533-.651 0-1.227-.14-1.729-.42a3.177 3.177 0 0 1-1.191-1.24v1.377h-1.797v-15.195h1.797v5.654Zm15.225 4.043h-.596c-1.048 0-1.839.186-2.373.557-.527.364-.791.911-.791 1.64 0 .658.198 1.169.596 1.533.397.365.947.547 1.65.547.99 0 1.768-.341 2.334-1.025.566-.69.853-1.641.859-2.852v-.4h-1.679Zm3.486-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.579.306-1.286.459-2.119.459-1.113 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.407-2.142 1.221-2.773.82-.632 2.021-.947 3.603-.947h2.412v-.284c-.006-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.109 8.109 0 0 0-1.826.771v-1.796a12.214 12.214 0 0 1 1.904-.567 8.55 8.55 0 0 1 1.777-.195c.905 0 1.677.133 2.315.4a3.648 3.648 0 0 1 1.562 1.201c.248.326.424.73.528 1.211.104.476.156 1.192.156 2.149Zm12.988-2.442a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Z" fill="#1E1E1E"/> + <g filter="url(#a)"> + <path d="M264 20a8 8 0 0 1 8-8h344a8 8 0 0 1 8 8v1077a8 8 0 0 1-8 8H272a8 8 0 0 1-8-8V20Z" fill="#F0F0F0"/> + <path d="M264.5 20a7.5 7.5 0 0 1 7.5-7.5h344a7.5 7.5 0 0 1 7.5 7.5v1077c0 4.14-3.358 7.5-7.5 7.5H272c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <rect x="424" y="513.5" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M440.065 539.5v-1.523l4.04-3.96c.386-.39.708-.737.966-1.04.258-.303.451-.596.58-.88.128-.285.193-.588.193-.909 0-.368-.084-.682-.25-.944a1.664 1.664 0 0 0-.688-.613 2.214 2.214 0 0 0-.994-.216c-.383 0-.718.079-1.006.238a1.644 1.644 0 0 0-.67.665c-.156.288-.233.631-.233 1.029h-2.006c0-.739.169-1.381.506-1.927a3.42 3.42 0 0 1 1.392-1.267c.595-.299 1.276-.448 2.045-.448.781 0 1.466.145 2.057.437.591.292 1.049.691 1.375 1.199.33.507.494 1.087.494 1.739 0 .435-.083.863-.25 1.284-.166.42-.46.886-.88 1.397-.417.512-1.002 1.131-1.756 1.858l-2.006 2.04v.08h5.069v1.761h-7.978Z" fill="#fff"/> + <path d="M376.148 589.982a6.657 6.657 0 0 1-1.543.596 6.653 6.653 0 0 1-1.679.205c-1.869 0-3.321-.661-4.356-1.982-1.028-1.322-1.543-3.181-1.543-5.576 0-2.383.518-4.239 1.553-5.567 1.042-1.334 2.49-2.002 4.346-2.002.592 0 1.152.069 1.679.205a6.702 6.702 0 0 1 1.543.596v2.022a5.442 5.442 0 0 0-1.552-.909 4.718 4.718 0 0 0-1.67-.312c-1.283 0-2.243.495-2.881 1.484-.638.99-.957 2.484-.957 4.483 0 1.992.319 3.483.957 4.472.638.99 1.598 1.485 2.881 1.485.573 0 1.133-.105 1.679-.313a5.302 5.302 0 0 0 1.543-.908v2.021Zm7.588-9.16c-.911 0-1.601.355-2.07 1.065-.469.709-.703 1.761-.703 3.154 0 1.387.234 2.438.703 3.154.469.71 1.159 1.065 2.07 1.065.918 0 1.612-.355 2.08-1.065.469-.716.704-1.767.704-3.154 0-1.393-.235-2.445-.704-3.154-.468-.71-1.162-1.065-2.08-1.065Zm0-1.523c1.517 0 2.676.491 3.477 1.474.807.984 1.211 2.406 1.211 4.268 0 1.869-.401 3.294-1.201 4.277-.801.977-1.963 1.465-3.487 1.465-1.517 0-2.675-.488-3.476-1.465-.801-.983-1.201-2.408-1.201-4.277 0-1.862.4-3.284 1.201-4.268.801-.983 1.959-1.474 3.476-1.474Zm16.299 4.424v6.777h-1.806v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.488.3-1.944.899-.449.592-.673 1.445-.673 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.298-1.416.547-.325 1.195-.488 1.944-.488 1.113 0 1.943.368 2.49 1.103.553.73.83 1.836.83 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.602.478h2.021v1.436h-2.197c-1.348 0-2.298-.27-2.851-.811-.554-.54-.831-1.471-.831-2.793v-5.937h-2.919v-1.397h2.919v-3.105h1.797Zm16.993 7.676v.879h-7.784v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 10.983 10.983 0 0 0 2.001-.83v1.787a11.64 11.64 0 0 1-1.982.625 8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.394 0 2.491.472 3.291 1.416.808.944 1.237 2.083 1.29 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.032-.83-.866 0-1.578.287-2.138.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm13.174.118v6.777h-1.807v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.487.3-1.943.899-.449.592-.674 1.445-.674 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.299-1.416.547-.325 1.194-.488 1.943-.488 1.113 0 1.944.368 2.49 1.103.554.73.831 1.836.831 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.601.478h2.022v1.436h-2.198c-1.347 0-2.298-.27-2.851-.811-.553-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.797Zm20.381-.537h8.584v1.66h-6.602v3.906h5.986v1.66h-5.986v7.354h-1.982v-14.58Zm21.054 5.898a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Zm7.627 3.184h-.595c-1.049 0-1.84.186-2.374.557-.527.364-.791.911-.791 1.64 0 .658.199 1.169.596 1.533.397.365.947.547 1.651.547.989 0 1.767-.341 2.334-1.025.566-.69.852-1.641.859-2.852v-.4h-1.68Zm3.487-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.58.306-1.286.459-2.119.459-1.114 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.406-2.142 1.22-2.773.821-.632 2.022-.947 3.604-.947h2.412v-.284c-.007-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.136 8.136 0 0 0-1.827.771v-1.796a12.192 12.192 0 0 1 1.905-.567 8.543 8.543 0 0 1 1.777-.195c.905 0 1.676.133 2.314.4a3.645 3.645 0 0 1 1.563 1.201c.247.326.423.73.527 1.211.104.476.157 1.192.157 2.149Zm8.31-3.584c.221-.469.501-.814.84-1.035.345-.228.758-.342 1.24-.342.879 0 1.498.342 1.856 1.025.364.677.546 1.957.546 3.838v6.338h-1.64v-6.26c0-1.543-.088-2.5-.264-2.871-.169-.377-.482-.566-.937-.566-.521 0-.879.202-1.075.605-.188.397-.283 1.341-.283 2.832v6.26h-1.64v-6.26c0-1.562-.095-2.526-.284-2.89-.182-.365-.514-.547-.996-.547-.475 0-.807.202-.996.605-.182.397-.273 1.341-.273 2.832v6.26h-1.631v-10.938h1.631v.938c.215-.391.482-.687.801-.889a2.003 2.003 0 0 1 1.103-.312c.495 0 .905.114 1.231.342.332.227.589.573.771 1.035Zm16.387 3.457v.879h-7.783v.058c-.052 1.491.231 2.562.849 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.345.489-1.983.625a8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.407-4.18.937-1.041 2.187-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Z" fill="#1E1E1E"/> + </g> + <g filter="url(#b)"> + <path d="M636 20a8 8 0 0 1 8-8h1064c4.42 0 8 3.582 8 8v1077c0 4.42-3.58 8-8 8H644a8 8 0 0 1-8-8V20Z" fill="#fff"/> + <path d="M636.5 20a7.5 7.5 0 0 1 7.5-7.5h1064c4.14 0 7.5 3.358 7.5 7.5v1077c0 4.14-3.36 7.5-7.5 7.5H644c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <rect x="1156" y="513.5" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M1176 539.659c-.82 0-1.55-.14-2.18-.42-.64-.281-1.14-.671-1.5-1.171-.37-.5-.57-1.077-.59-1.733h2.14c.02.315.12.589.31.824.19.231.44.411.76.54.31.129.66.193 1.05.193.42 0 .79-.072 1.11-.216.32-.148.58-.352.76-.614.18-.261.27-.562.26-.903.01-.352-.08-.663-.27-.932-.18-.269-.45-.479-.81-.63-.34-.152-.76-.228-1.26-.228h-1.03v-1.625h1.03c.41 0 .76-.07 1.07-.21.3-.14.54-.337.72-.591.17-.257.26-.555.25-.892a1.514 1.514 0 0 0-.85-1.432 2.067 2.067 0 0 0-.95-.204c-.35 0-.68.064-.99.193-.3.129-.54.312-.73.551-.19.235-.28.515-.3.841h-2.02c.01-.652.2-1.223.56-1.716.36-.496.85-.882 1.45-1.159.61-.28 1.29-.42 2.04-.42.78 0 1.45.145 2.03.437.57.288 1.02.676 1.33 1.165.32.488.47 1.028.47 1.619.01.655-.19 1.205-.58 1.648-.38.443-.89.733-1.52.869v.091c.82.114 1.45.417 1.88.909.44.489.66 1.097.65 1.824a2.92 2.92 0 0 1-.55 1.75c-.37.511-.88.913-1.52 1.205-.65.291-1.39.437-2.22.437Z" fill="#fff"/> + <path d="M1101.57 577.541v5.479h2.28c.91 0 1.62-.241 2.13-.723.51-.482.77-1.156.77-2.022 0-.865-.25-1.536-.76-2.011-.51-.482-1.22-.723-2.14-.723h-2.28Zm-1.98-1.621h4.26c1.63 0 2.86.371 3.7 1.113.84.736 1.26 1.817 1.26 3.242 0 1.439-.42 2.526-1.26 3.262-.83.736-2.06 1.104-3.7 1.104h-2.28v5.859h-1.98v-14.58Zm21.41 5.898a3.985 3.985 0 0 0-1.17-.654c-.4-.137-.84-.205-1.31-.205-1.12 0-1.98.352-2.57 1.055-.59.703-.89 1.718-.89 3.047v5.439h-1.8v-10.938h1.8v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.22-.625.44 0 .85.055 1.24.166.38.111.75.283 1.1.517v1.836Zm11.71 2.315v.879h-7.78v.058c-.06 1.491.23 2.562.85 3.213.62.651 1.5.977 2.63.977a6.4 6.4 0 0 0 1.8-.274c.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.34.489-1.98.625a8.22 8.22 0 0 1-1.84.215c-1.7 0-3.02-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.94-1.041 2.19-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.24 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.14-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.86 1.217-.92 1.933l5.92-.01Zm3.89-4.043h1.86l3.18 9.18 3.18-9.18h1.87L1141 590.5h-2.31l-3.89-10.938Zm14.16.04h4.6v9.502h3.56v1.396h-8.92v-1.396h3.56v-8.106h-2.8v-1.396Zm2.8-4.248h1.8v2.265h-1.8v-2.265Zm17.1 8.779v.879h-7.78v.058c-.05 1.491.23 2.562.85 3.213.62.651 1.5.977 2.63.977.58 0 1.18-.091 1.8-.274.63-.182 1.29-.459 2-.83v1.787c-.68.28-1.34.489-1.98.625a8.22 8.22 0 0 1-1.84.215c-1.69 0-3.02-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.94-1.041 2.19-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.24 2.083 1.29 3.418Zm-1.8-.528a3.358 3.358 0 0 0-.83-1.953c-.46-.553-1.14-.83-2.03-.83-.86 0-1.58.287-2.14.86s-.86 1.217-.91 1.933l5.91-.01Zm2.91-4.043h1.78l1.91 8.838 1.56-5.644h1.53l1.58 5.644 1.91-8.838h1.78l-2.56 10.938h-1.72l-1.75-5.996-1.74 5.996h-1.72l-2.56-10.938Zm26.38-3.642h8.59v1.66h-6.61v3.906h5.99v1.66h-5.99v7.354h-1.98v-14.58Zm21.06 5.898a4.162 4.162 0 0 0-1.18-.654 3.93 3.93 0 0 0-1.3-.205c-1.12 0-1.98.352-2.57 1.055-.6.703-.89 1.718-.89 3.047v5.439h-1.81v-10.938h1.81v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.21-.625.45 0 .86.055 1.24.166.39.111.75.283 1.11.517v1.836Zm7.62 3.184h-.59c-1.05 0-1.84.186-2.38.557-.52.364-.79.911-.79 1.64 0 .658.2 1.169.6 1.533.4.365.95.547 1.65.547.99 0 1.77-.341 2.33-1.025.57-.69.86-1.641.86-2.852v-.4h-1.68Zm3.49-.742v6.24h-1.81v-1.621c-.38.651-.87 1.133-1.45 1.445-.58.306-1.29.459-2.12.459-1.11 0-2-.312-2.67-.937-.66-.632-.99-1.475-.99-2.53 0-1.217.4-2.142 1.22-2.773.82-.632 2.02-.947 3.6-.947h2.41v-.284c0-.872-.22-1.503-.66-1.894-.44-.397-1.13-.596-2.09-.596-.61 0-1.23.088-1.86.264-.62.176-1.23.433-1.82.771v-1.796c.66-.254 1.3-.443 1.9-.567.61-.13 1.21-.195 1.78-.195.9 0 1.68.133 2.31.4.65.267 1.17.668 1.57 1.201.24.326.42.73.52 1.211.11.476.16 1.192.16 2.149Zm8.31-3.584c.22-.469.5-.814.84-1.035.34-.228.76-.342 1.24-.342.88 0 1.5.342 1.86 1.025.36.677.54 1.957.54 3.838v6.338h-1.64v-6.26c0-1.543-.09-2.5-.26-2.871-.17-.377-.48-.566-.94-.566-.52 0-.88.202-1.07.605-.19.397-.29 1.341-.29 2.832v6.26h-1.64v-6.26c0-1.562-.09-2.526-.28-2.89-.18-.365-.51-.547-1-.547-.47 0-.8.202-.99.605-.19.397-.28 1.341-.28 2.832v6.26h-1.63v-10.938h1.63v.938c.22-.391.49-.687.8-.889.33-.208.7-.312 1.11-.312.49 0 .9.114 1.23.342.33.227.59.573.77 1.035Zm16.39 3.457v.879h-7.79v.058c-.05 1.491.23 2.562.85 3.213.63.651 1.51.977 2.64.977.57 0 1.17-.091 1.8-.274.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.35.489-1.98.625-.64.144-1.25.215-1.84.215-1.7 0-3.03-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.93-1.041 2.18-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.23 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.15-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.87 1.217-.92 1.933l5.92-.01Z" fill="#1E1E1E"/> + </g> + <defs> + <filter id="a" x="260" y="11" width="368" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31435" result="effect2_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31435" result="effect3_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31435" result="effect4_dropShadow_15996_31435"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31435" result="shape"/> + </filter> + <filter id="b" x="632" y="11" width="1088" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31435" result="effect2_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31435" result="effect3_dropShadow_15996_31435"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31435" result="effect4_dropShadow_15996_31435"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31435" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/elevation-examples.ebeea71f.svg b/static/media/elevation-examples.ebeea71f.svg new file mode 100644 index 00000000000000..516313cbca4df3 --- /dev/null +++ b/static/media/elevation-examples.ebeea71f.svg @@ -0,0 +1,170 @@ +<svg width="1123" height="736" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="1123" height="736" rx="8" fill="#E4E4E4"/> + <g filter="url(#a)"> + <path fill="#F1F1F1" d="M304 12h309v712H304z"/> + <rect x="565" y="20" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M586.923 34.364V46h-2.108v-9.585h-.068l-2.721 1.738v-1.931l2.892-1.858h2.005Z" fill="#fff"/> + </g> + <g filter="url(#b)"> + <path fill="#F1F1F1" d="M625 12h486v712H625z"/> + <rect x="1063" y="20" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M1084.92 34.364V46h-2.1v-9.585h-.07l-2.72 1.738v-1.931l2.89-1.858h2Z" fill="#fff"/> + </g> + <g filter="url(#c)"> + <path fill="#FAFAFA" d="M273 44h149v219H273z"/> + <rect x="374" y="52" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M393.999 78.16c-.818 0-1.545-.141-2.182-.421-.632-.28-1.132-.67-1.5-1.17a3.039 3.039 0 0 1-.585-1.734h2.137c.019.315.123.59.312.824.19.231.441.411.756.54.314.129.666.193 1.057.193.416 0 .786-.072 1.108-.216.322-.148.573-.352.755-.614a1.51 1.51 0 0 0 .267-.903 1.571 1.571 0 0 0-.272-.932c-.186-.269-.455-.479-.807-.63-.349-.152-.769-.228-1.262-.228h-1.028v-1.625h1.028c.406 0 .76-.07 1.063-.21.307-.14.547-.337.721-.59.175-.258.26-.556.256-.893.004-.33-.07-.615-.221-.858a1.497 1.497 0 0 0-.631-.574 2.074 2.074 0 0 0-.949-.204c-.356 0-.686.064-.989.193a1.801 1.801 0 0 0-.733.551 1.398 1.398 0 0 0-.295.841h-2.028c.015-.651.202-1.224.562-1.716a3.634 3.634 0 0 1 1.455-1.159c.606-.28 1.286-.42 2.039-.42.777 0 1.451.145 2.023.437.576.288 1.021.676 1.335 1.165.315.489.472 1.028.472 1.62.004.654-.189 1.204-.58 1.647-.386.443-.894.733-1.522.87v.09c.818.114 1.445.417 1.88.91.44.488.658 1.096.654 1.823a2.92 2.92 0 0 1-.557 1.75c-.367.511-.875.913-1.523 1.205-.644.291-1.382.437-2.216.437Z" fill="#fff"/> + </g> + <g filter="url(#d)"> + <path fill="#F6F6F6" d="M32 643h287v61H32z"/> + <rect x="271" y="651" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M287.065 677v-1.523l4.04-3.96c.386-.39.708-.737.966-1.04.258-.303.451-.596.58-.88.128-.285.193-.588.193-.909 0-.368-.084-.682-.25-.944a1.664 1.664 0 0 0-.688-.613 2.214 2.214 0 0 0-.994-.216c-.383 0-.718.079-1.006.238a1.644 1.644 0 0 0-.67.665c-.156.288-.233.631-.233 1.029h-2.006c0-.739.169-1.381.506-1.927a3.42 3.42 0 0 1 1.392-1.267c.595-.299 1.276-.448 2.045-.448.781 0 1.466.145 2.057.437.591.292 1.049.691 1.375 1.199.33.507.494 1.087.494 1.739 0 .435-.083.863-.25 1.284-.166.42-.46.886-.88 1.397-.417.512-1.002 1.131-1.756 1.858l-2.006 2.04v.08h5.069V677h-7.978Z" fill="#fff"/> + </g> + <g filter="url(#e)"> + <path fill="#fff" d="M349 205h425v327H349z"/> + <rect x="726" y="213" width="40" height="40" rx="20" fill="#1E1E1E"/> + <path d="M741.496 236.841v-1.676l4.937-7.801h1.398v2.386h-.852l-3.324 5.267v.091h6.892v1.733h-9.051Zm5.551 2.159v-2.67l.023-.75v-8.216h1.988V239h-2.011Z" fill="#fff"/> + </g> + <defs> + <filter id="a" x="300" y="11" width="317" height="721" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15809_7029" result="effect2_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15809_7029" result="effect3_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15809_7029" result="effect4_dropShadow_15809_7029"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15809_7029" result="shape"/> + </filter> + <filter id="b" x="621" y="11" width="494" height="721" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15809_7029" result="effect2_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15809_7029" result="effect3_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15809_7029" result="effect4_dropShadow_15809_7029"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15809_7029" result="shape"/> + </filter> + <filter id="c" x="257" y="43" width="181" height="252" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="16"/> + <feGaussianBlur stdDeviation="8"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect1_dropShadow_15809_7029" result="effect2_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect2_dropShadow_15809_7029" result="effect3_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="2"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="effect3_dropShadow_15809_7029" result="effect4_dropShadow_15809_7029"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15809_7029" result="shape"/> + </filter> + <filter id="d" x="24" y="642" width="303" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="8"/> + <feGaussianBlur stdDeviation="4"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="effect1_dropShadow_15809_7029" result="effect2_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="effect2_dropShadow_15809_7029" result="effect3_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="effect3_dropShadow_15809_7029" result="effect4_dropShadow_15809_7029"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15809_7029" result="shape"/> + </filter> + <filter id="e" x="306" y="193" width="511" height="432" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="50"/> + <feGaussianBlur stdDeviation="21.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="30"/> + <feGaussianBlur stdDeviation="18"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_dropShadow_15809_7029" result="effect2_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="15"/> + <feGaussianBlur stdDeviation="13.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"/> + <feBlend in2="effect2_dropShadow_15809_7029" result="effect3_dropShadow_15809_7029"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="5"/> + <feGaussianBlur stdDeviation="7.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/> + <feBlend in2="effect3_dropShadow_15809_7029" result="effect4_dropShadow_15809_7029"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15809_7029" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/elevation.4fa87517.svg b/static/media/elevation.4fa87517.svg new file mode 100644 index 00000000000000..737e7955ad9df6 --- /dev/null +++ b/static/media/elevation.4fa87517.svg @@ -0,0 +1,208 @@ +<svg width="1123" height="439" fill="none" xmlns="http://www.w3.org/2000/svg"> + <g clip-path="url(#a)"> + <rect width="1123" height="439" rx="8" fill="#3858E9"/> + <g filter="url(#b)"> + <rect width="705" height="924" rx="12" transform="matrix(.86603 -.5 .86603 .5 184.238 -6.64)" fill="#617CF4"/> + <rect width="705" height="924" rx="12" transform="matrix(.86603 -.5 .86603 .5 184.238 -6.64)" fill="url(#c)" fill-opacity=".4"/> + </g> + <g filter="url(#d)"> + <rect width="705" height="924" rx="12" transform="matrix(.86603 -.5 .86603 .5 -442.398 355.146)" fill="#617CF4"/> + <rect width="705" height="924" rx="12" transform="matrix(.86603 -.5 .86603 .5 -442.398 355.146)" fill="url(#e)" fill-opacity=".4"/> + </g> + <g filter="url(#f)"> + <rect width="397.5" height="88.5" rx="12" transform="matrix(.86603 -.5 .86603 .5 455 608.75)" fill="#A7B8FF" fill-opacity=".9"/> + <rect width="397.5" height="88.5" rx="12" transform="matrix(.86603 -.5 .86603 .5 455 608.75)" fill="url(#g)" fill-opacity=".8"/> + </g> + <g filter="url(#h)"> + <rect width="270.418" height="316.5" rx="24" transform="matrix(.86603 -.5 .86603 .5 102 363.209)" fill="#859BFB" fill-opacity=".9"/> + <rect width="270.418" height="316.5" rx="24" transform="matrix(.86603 -.5 .86603 .5 102 363.209)" fill="url(#i)" fill-opacity=".6"/> + </g> + <g filter="url(#j)"> + <rect width="270.418" height="316.5" rx="24" transform="matrix(.86603 -.5 .86603 .5 439 48.209)" fill="#859BFB" fill-opacity=".9"/> + <rect width="270.418" height="316.5" rx="24" transform="matrix(.86603 -.5 .86603 .5 439 48.209)" fill="url(#k)" fill-opacity=".6"/> + </g> + <g filter="url(#l)"> + <rect width="521.081" height="725.336" rx="36" transform="matrix(.86603 -.5 .86603 .5 20.979 165.499)" fill="#C2CCFF" fill-opacity=".9"/> + <rect width="521.081" height="725.336" rx="36" transform="matrix(.86603 -.5 .86603 .5 20.979 165.499)" fill="url(#m)" fill-opacity=".2"/> + </g> + </g> + <defs> + <linearGradient id="c" x1="352.5" y1="0" x2="352.5" y2="924" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <linearGradient id="e" x1="352.5" y1="0" x2="352.5" y2="924" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <linearGradient id="g" x1="198.75" y1="0" x2="198.75" y2="88.5" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <linearGradient id="i" x1="135.209" y1="0" x2="135.209" y2="316.5" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <linearGradient id="k" x1="135.209" y1="0" x2="135.209" y2="316.5" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <linearGradient id="m" x1="260.541" y1="0" x2="260.541" y2="725.336" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + </linearGradient> + <filter id="b" x="182.326" y="-363.626" width="1414.58" height="831.471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="6"/> + <feGaussianBlur stdDeviation="2"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="11"/> + <feGaussianBlur stdDeviation="2.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <filter id="d" x="-444.31" y="-1.839" width="1414.58" height="831.471" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="6"/> + <feGaussianBlur stdDeviation="2"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="11"/> + <feGaussianBlur stdDeviation="2.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <filter id="f" x="453.088" y="405.515" width="424.713" height="254.971" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset/> + <feGaussianBlur stdDeviation=".5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="2"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="8"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <filter id="h" x="105.175" y="227.029" width="501.936" height="318.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="5"/> + <feGaussianBlur stdDeviation="2.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="12"/> + <feGaussianBlur stdDeviation="3.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="22"/> + <feGaussianBlur stdDeviation="4.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <filter id="j" x="442.175" y="-87.971" width="501.936" height="318.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="5"/> + <feGaussianBlur stdDeviation="2.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="12"/> + <feGaussianBlur stdDeviation="3.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="22"/> + <feGaussianBlur stdDeviation="4.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <filter id="l" x="15.242" y="-92.498" width="1090.9" height="693.121" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="4"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_backgroundBlur_15773_6493" result="effect2_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="15"/> + <feGaussianBlur stdDeviation="7.5"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15773_6493" result="effect3_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="33"/> + <feGaussianBlur stdDeviation="10"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect3_dropShadow_15773_6493" result="effect4_dropShadow_15773_6493"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="59"/> + <feGaussianBlur stdDeviation="12"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect4_dropShadow_15773_6493" result="effect5_dropShadow_15773_6493"/> + <feBlend in="SourceGraphic" in2="effect5_dropShadow_15773_6493" result="shape"/> + </filter> + <clipPath id="a"> + <rect width="1123" height="439" rx="8" fill="#fff"/> + </clipPath> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/page-layout-example-1.0fa603b8.svg b/static/media/page-layout-example-1.0fa603b8.svg new file mode 100644 index 00000000000000..5d7ded14e9285c --- /dev/null +++ b/static/media/page-layout-example-1.0fa603b8.svg @@ -0,0 +1,72 @@ +<svg width="1728" height="1117" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path fill="#E0E0E0" d="M0 0h1728v1117H0z"/> + <path d="M99.705 551.418v2.002a7.764 7.764 0 0 0-1.807-.869 5.806 5.806 0 0 0-1.816-.293c-.931 0-1.667.218-2.207.654-.54.43-.81 1.012-.81 1.748 0 .645.175 1.136.527 1.475.358.338 1.022.622 1.992.849l1.035.235c1.367.319 2.363.82 2.988 1.504.625.683.938 1.614.938 2.793 0 1.386-.43 2.444-1.29 3.173-.858.73-2.108 1.094-3.75 1.094-.683 0-1.37-.075-2.06-.224a11.333 11.333 0 0 1-2.08-.655v-2.099c.749.475 1.455.823 2.12 1.045.67.221 1.344.332 2.02.332.997 0 1.772-.222 2.325-.664.553-.45.83-1.075.83-1.875 0-.73-.192-1.286-.576-1.67-.378-.384-1.038-.681-1.982-.889l-1.055-.244c-1.354-.306-2.337-.768-2.95-1.387-.611-.618-.917-1.448-.917-2.49 0-1.302.436-2.344 1.308-3.125.88-.788 2.045-1.182 3.496-1.182.56 0 1.15.065 1.768.196.618.123 1.27.312 1.953.566Zm5.254 3.184h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm14.541 5.605v-5.654h1.797V565.5h-1.797v-1.377c-.3.54-.7.954-1.201 1.24-.495.28-1.068.42-1.719.42-1.322 0-2.363-.511-3.125-1.533-.755-1.029-1.133-2.445-1.133-4.248 0-1.777.381-3.171 1.143-4.18.761-1.015 1.8-1.523 3.115-1.523.657 0 1.237.143 1.738.43.501.279.895.69 1.182 1.23Zm-5.283 4.082c0 1.393.221 2.445.664 3.154.442.71 1.097 1.065 1.962 1.065.866 0 1.524-.358 1.973-1.074.456-.717.684-1.765.684-3.145 0-1.387-.228-2.435-.684-3.145-.449-.716-1.107-1.074-1.973-1.074-.865 0-1.52.355-1.962 1.065-.443.709-.664 1.761-.664 3.154Zm19.892-.908v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.503.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm11.875 1.436c0-1.393-.221-2.445-.664-3.154-.443-.71-1.097-1.065-1.963-1.065-.872 0-1.533.358-1.982 1.074-.449.71-.674 1.758-.674 3.145 0 1.38.225 2.428.674 3.145.449.716 1.11 1.074 1.982 1.074.866 0 1.52-.355 1.963-1.065.443-.709.664-1.761.664-3.154Zm-5.283-4.082c.286-.534.68-.944 1.182-1.23.507-.287 1.093-.43 1.757-.43 1.316 0 2.351.508 3.106 1.523.755 1.009 1.133 2.403 1.133 4.18 0 1.803-.381 3.219-1.143 4.248-.755 1.022-1.793 1.533-3.115 1.533-.651 0-1.227-.14-1.729-.42a3.177 3.177 0 0 1-1.191-1.24v1.377h-1.797v-15.195h1.797v5.654Zm15.225 4.043h-.596c-1.048 0-1.839.186-2.373.557-.527.364-.791.911-.791 1.64 0 .658.198 1.169.596 1.533.397.365.947.547 1.65.547.99 0 1.768-.341 2.334-1.025.566-.69.853-1.641.859-2.852v-.4h-1.679Zm3.486-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.579.306-1.286.459-2.119.459-1.113 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.407-2.142 1.221-2.773.82-.632 2.021-.947 3.603-.947h2.412v-.284c-.006-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.109 8.109 0 0 0-1.826.771v-1.796a12.214 12.214 0 0 1 1.904-.567 8.55 8.55 0 0 1 1.777-.195c.905 0 1.677.133 2.315.4a3.648 3.648 0 0 1 1.562 1.201c.248.326.424.73.528 1.211.104.476.156 1.192.156 2.149Zm12.988-2.442a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Z" fill="#1E1E1E"/> + <g filter="url(#a)"> + <path d="M264 20a8 8 0 0 1 8-8h344a8 8 0 0 1 8 8v1077a8 8 0 0 1-8 8H272a8 8 0 0 1-8-8V20Z" fill="#F0F0F0"/> + <path d="M264.5 20a7.5 7.5 0 0 1 7.5-7.5h344a7.5 7.5 0 0 1 7.5 7.5v1077c0 4.14-3.358 7.5-7.5 7.5H272c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <path d="M376.148 564.982a6.657 6.657 0 0 1-1.543.596 6.653 6.653 0 0 1-1.679.205c-1.869 0-3.321-.661-4.356-1.982-1.028-1.322-1.543-3.181-1.543-5.576 0-2.383.518-4.239 1.553-5.567 1.042-1.334 2.49-2.002 4.346-2.002.592 0 1.152.069 1.679.205a6.702 6.702 0 0 1 1.543.596v2.022a5.442 5.442 0 0 0-1.552-.909 4.718 4.718 0 0 0-1.67-.312c-1.283 0-2.243.495-2.881 1.484-.638.99-.957 2.484-.957 4.483 0 1.992.319 3.483.957 4.472.638.99 1.598 1.485 2.881 1.485.573 0 1.133-.105 1.679-.313a5.302 5.302 0 0 0 1.543-.908v2.021Zm7.588-9.16c-.911 0-1.601.355-2.07 1.065-.469.709-.703 1.761-.703 3.154 0 1.387.234 2.438.703 3.154.469.71 1.159 1.065 2.07 1.065.918 0 1.612-.355 2.08-1.065.469-.716.704-1.767.704-3.154 0-1.393-.235-2.445-.704-3.154-.468-.71-1.162-1.065-2.08-1.065Zm0-1.523c1.517 0 2.676.491 3.477 1.474.807.984 1.211 2.406 1.211 4.268 0 1.869-.401 3.294-1.201 4.277-.801.977-1.963 1.465-3.487 1.465-1.517 0-2.675-.488-3.476-1.465-.801-.983-1.201-2.408-1.201-4.277 0-1.862.4-3.284 1.201-4.268.801-.983 1.959-1.474 3.476-1.474Zm16.299 4.424v6.777h-1.806v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.488.3-1.944.899-.449.592-.673 1.445-.673 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.298-1.416.547-.325 1.195-.488 1.944-.488 1.113 0 1.943.368 2.49 1.103.553.73.83 1.836.83 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.602.478h2.021v1.436h-2.197c-1.348 0-2.298-.27-2.851-.811-.554-.54-.831-1.471-.831-2.793v-5.937h-2.919v-1.397h2.919v-3.105h1.797Zm16.993 7.676v.879h-7.784v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 10.983 10.983 0 0 0 2.001-.83v1.787a11.64 11.64 0 0 1-1.982.625 8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.394 0 2.491.472 3.291 1.416.808.944 1.237 2.083 1.29 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.032-.83-.866 0-1.578.287-2.138.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm13.174.118v6.777h-1.807v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.487.3-1.943.899-.449.592-.674 1.445-.674 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.299-1.416.547-.325 1.194-.488 1.943-.488 1.113 0 1.944.368 2.49 1.103.554.73.831 1.836.831 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.601.478h2.022v1.436h-2.198c-1.347 0-2.298-.27-2.851-.811-.553-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.797Zm20.381-.537h8.584v1.66h-6.602v3.906h5.986v1.66h-5.986v7.354h-1.982v-14.58Zm21.054 5.898a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Zm7.627 3.184h-.595c-1.049 0-1.84.186-2.374.557-.527.364-.791.911-.791 1.64 0 .658.199 1.169.596 1.533.397.365.947.547 1.651.547.989 0 1.767-.341 2.334-1.025.566-.69.852-1.641.859-2.852v-.4h-1.68Zm3.487-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.58.306-1.286.459-2.119.459-1.114 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.406-2.142 1.22-2.773.821-.632 2.022-.947 3.604-.947h2.412v-.284c-.007-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.136 8.136 0 0 0-1.827.771v-1.796a12.192 12.192 0 0 1 1.905-.567 8.543 8.543 0 0 1 1.777-.195c.905 0 1.676.133 2.314.4a3.645 3.645 0 0 1 1.563 1.201c.247.326.423.73.527 1.211.104.476.157 1.192.157 2.149Zm8.31-3.584c.221-.469.501-.814.84-1.035.345-.228.758-.342 1.24-.342.879 0 1.498.342 1.856 1.025.364.677.546 1.957.546 3.838v6.338h-1.64v-6.26c0-1.543-.088-2.5-.264-2.871-.169-.377-.482-.566-.937-.566-.521 0-.879.202-1.075.605-.188.397-.283 1.341-.283 2.832v6.26h-1.64v-6.26c0-1.562-.095-2.526-.284-2.89-.182-.365-.514-.547-.996-.547-.475 0-.807.202-.996.605-.182.397-.273 1.341-.273 2.832v6.26h-1.631v-10.938h1.631v.938c.215-.391.482-.687.801-.889a2.003 2.003 0 0 1 1.103-.312c.495 0 .905.114 1.231.342.332.227.589.573.771 1.035Zm16.387 3.457v.879h-7.783v.058c-.052 1.491.231 2.562.849 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.345.489-1.983.625a8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.407-4.18.937-1.041 2.187-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Z" fill="#1E1E1E"/> + </g> + <g filter="url(#b)"> + <path d="M636 20a8 8 0 0 1 8-8h1064c4.42 0 8 3.582 8 8v1077c0 4.42-3.58 8-8 8H644a8 8 0 0 1-8-8V20Z" fill="#fff"/> + <path d="M636.5 20a7.5 7.5 0 0 1 7.5-7.5h1064c4.14 0 7.5 3.358 7.5 7.5v1077c0 4.14-3.36 7.5-7.5 7.5H644c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <path d="M1101.57 552.541v5.479h2.28c.91 0 1.62-.241 2.13-.723.51-.482.77-1.156.77-2.022 0-.865-.25-1.536-.76-2.011-.51-.482-1.22-.723-2.14-.723h-2.28Zm-1.98-1.621h4.26c1.63 0 2.86.371 3.7 1.113.84.736 1.26 1.817 1.26 3.242 0 1.439-.42 2.526-1.26 3.262-.83.736-2.06 1.104-3.7 1.104h-2.28v5.859h-1.98v-14.58Zm21.41 5.898a3.985 3.985 0 0 0-1.17-.654c-.4-.137-.84-.205-1.31-.205-1.12 0-1.98.352-2.57 1.055-.59.703-.89 1.718-.89 3.047v5.439h-1.8v-10.938h1.8v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.22-.625.44 0 .85.055 1.24.166.38.111.75.283 1.1.517v1.836Zm11.71 2.315v.879h-7.78v.058c-.06 1.491.23 2.562.85 3.213.62.651 1.5.977 2.63.977a6.4 6.4 0 0 0 1.8-.274c.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.34.489-1.98.625a8.22 8.22 0 0 1-1.84.215c-1.7 0-3.02-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.94-1.041 2.19-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.24 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.14-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.86 1.217-.92 1.933l5.92-.01Zm3.89-4.043h1.86l3.18 9.18 3.18-9.18h1.87L1141 565.5h-2.31l-3.89-10.938Zm14.16.04h4.6v9.502h3.56v1.396h-8.92v-1.396h3.56v-8.106h-2.8v-1.396Zm2.8-4.248h1.8v2.265h-1.8v-2.265Zm17.1 8.779v.879h-7.78v.058c-.05 1.491.23 2.562.85 3.213.62.651 1.5.977 2.63.977.58 0 1.18-.091 1.8-.274.63-.182 1.29-.459 2-.83v1.787c-.68.28-1.34.489-1.98.625a8.22 8.22 0 0 1-1.84.215c-1.69 0-3.02-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.94-1.041 2.19-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.24 2.083 1.29 3.418Zm-1.8-.528a3.358 3.358 0 0 0-.83-1.953c-.46-.553-1.14-.83-2.03-.83-.86 0-1.58.287-2.14.86s-.86 1.217-.91 1.933l5.91-.01Zm2.91-4.043h1.78l1.91 8.838 1.56-5.644h1.53l1.58 5.644 1.91-8.838h1.78l-2.56 10.938h-1.72l-1.75-5.996-1.74 5.996h-1.72l-2.56-10.938Zm26.38-3.642h8.59v1.66h-6.61v3.906h5.99v1.66h-5.99v7.354h-1.98v-14.58Zm21.06 5.898a4.162 4.162 0 0 0-1.18-.654 3.93 3.93 0 0 0-1.3-.205c-1.12 0-1.98.352-2.57 1.055-.6.703-.89 1.718-.89 3.047v5.439h-1.81v-10.938h1.81v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.21-.625.45 0 .86.055 1.24.166.39.111.75.283 1.11.517v1.836Zm7.62 3.184h-.59c-1.05 0-1.84.186-2.38.557-.52.364-.79.911-.79 1.64 0 .658.2 1.169.6 1.533.4.365.95.547 1.65.547.99 0 1.77-.341 2.33-1.025.57-.69.86-1.641.86-2.852v-.4h-1.68Zm3.49-.742v6.24h-1.81v-1.621c-.38.651-.87 1.133-1.45 1.445-.58.306-1.29.459-2.12.459-1.11 0-2-.312-2.67-.937-.66-.632-.99-1.475-.99-2.53 0-1.217.4-2.142 1.22-2.773.82-.632 2.02-.947 3.6-.947h2.41v-.284c0-.872-.22-1.503-.66-1.894-.44-.397-1.13-.596-2.09-.596-.61 0-1.23.088-1.86.264-.62.176-1.23.433-1.82.771v-1.796c.66-.254 1.3-.443 1.9-.567.61-.13 1.21-.195 1.78-.195.9 0 1.68.133 2.31.4.65.267 1.17.668 1.57 1.201.24.326.42.73.52 1.211.11.476.16 1.192.16 2.149Zm8.31-3.584c.22-.469.5-.814.84-1.035.34-.228.76-.342 1.24-.342.88 0 1.5.342 1.86 1.025.36.677.54 1.957.54 3.838v6.338h-1.64v-6.26c0-1.543-.09-2.5-.26-2.871-.17-.377-.48-.566-.94-.566-.52 0-.88.202-1.07.605-.19.397-.29 1.341-.29 2.832v6.26h-1.64v-6.26c0-1.562-.09-2.526-.28-2.89-.18-.365-.51-.547-1-.547-.47 0-.8.202-.99.605-.19.397-.28 1.341-.28 2.832v6.26h-1.63v-10.938h1.63v.938c.22-.391.49-.687.8-.889.33-.208.7-.312 1.11-.312.49 0 .9.114 1.23.342.33.227.59.573.77 1.035Zm16.39 3.457v.879h-7.79v.058c-.05 1.491.23 2.562.85 3.213.63.651 1.51.977 2.64.977.57 0 1.17-.091 1.8-.274.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.35.489-1.98.625-.64.144-1.25.215-1.84.215-1.7 0-3.03-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.93-1.041 2.18-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.23 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.15-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.87 1.217-.92 1.933l5.92-.01Z" fill="#1E1E1E"/> + </g> + <defs> + <filter id="a" x="260" y="11" width="368" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31447" result="effect2_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31447" result="effect3_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31447" result="effect4_dropShadow_15996_31447"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31447" result="shape"/> + </filter> + <filter id="b" x="632" y="11" width="1088" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31447" result="effect2_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31447" result="effect3_dropShadow_15996_31447"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31447" result="effect4_dropShadow_15996_31447"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31447" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/page-layout-example-2.33027003.svg b/static/media/page-layout-example-2.33027003.svg new file mode 100644 index 00000000000000..66fce86101d159 --- /dev/null +++ b/static/media/page-layout-example-2.33027003.svg @@ -0,0 +1,68 @@ +<svg width="1728" height="1117" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path fill="#E0E0E0" d="M0 0h1728v1117H0z"/> + <path d="M99.705 551.418v2.002a7.764 7.764 0 0 0-1.807-.869 5.806 5.806 0 0 0-1.816-.293c-.931 0-1.667.218-2.207.654-.54.43-.81 1.012-.81 1.748 0 .645.175 1.136.527 1.475.358.338 1.022.622 1.992.849l1.035.235c1.367.319 2.363.82 2.988 1.504.625.683.938 1.614.938 2.793 0 1.386-.43 2.444-1.29 3.173-.858.73-2.108 1.094-3.75 1.094-.683 0-1.37-.075-2.06-.224a11.333 11.333 0 0 1-2.08-.655v-2.099c.749.475 1.455.823 2.12 1.045.67.221 1.344.332 2.02.332.997 0 1.772-.222 2.325-.664.553-.45.83-1.075.83-1.875 0-.73-.192-1.286-.576-1.67-.378-.384-1.038-.681-1.982-.889l-1.055-.244c-1.354-.306-2.337-.768-2.95-1.387-.611-.618-.917-1.448-.917-2.49 0-1.302.436-2.344 1.308-3.125.88-.788 2.045-1.182 3.496-1.182.56 0 1.15.065 1.768.196.618.123 1.27.312 1.953.566Zm5.254 3.184h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm14.541 5.605v-5.654h1.797V565.5h-1.797v-1.377c-.3.54-.7.954-1.201 1.24-.495.28-1.068.42-1.719.42-1.322 0-2.363-.511-3.125-1.533-.755-1.029-1.133-2.445-1.133-4.248 0-1.777.381-3.171 1.143-4.18.761-1.015 1.8-1.523 3.115-1.523.657 0 1.237.143 1.738.43.501.279.895.69 1.182 1.23Zm-5.283 4.082c0 1.393.221 2.445.664 3.154.442.71 1.097 1.065 1.962 1.065.866 0 1.524-.358 1.973-1.074.456-.717.684-1.765.684-3.145 0-1.387-.228-2.435-.684-3.145-.449-.716-1.107-1.074-1.973-1.074-.865 0-1.52.355-1.962 1.065-.443.709-.664 1.761-.664 3.154Zm19.892-.908v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.503.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm11.875 1.436c0-1.393-.221-2.445-.664-3.154-.443-.71-1.097-1.065-1.963-1.065-.872 0-1.533.358-1.982 1.074-.449.71-.674 1.758-.674 3.145 0 1.38.225 2.428.674 3.145.449.716 1.11 1.074 1.982 1.074.866 0 1.52-.355 1.963-1.065.443-.709.664-1.761.664-3.154Zm-5.283-4.082c.286-.534.68-.944 1.182-1.23.507-.287 1.093-.43 1.757-.43 1.316 0 2.351.508 3.106 1.523.755 1.009 1.133 2.403 1.133 4.18 0 1.803-.381 3.219-1.143 4.248-.755 1.022-1.793 1.533-3.115 1.533-.651 0-1.227-.14-1.729-.42a3.177 3.177 0 0 1-1.191-1.24v1.377h-1.797v-15.195h1.797v5.654Zm15.225 4.043h-.596c-1.048 0-1.839.186-2.373.557-.527.364-.791.911-.791 1.64 0 .658.198 1.169.596 1.533.397.365.947.547 1.65.547.99 0 1.768-.341 2.334-1.025.566-.69.853-1.641.859-2.852v-.4h-1.679Zm3.486-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.579.306-1.286.459-2.119.459-1.113 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.407-2.142 1.221-2.773.82-.632 2.021-.947 3.603-.947h2.412v-.284c-.006-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.109 8.109 0 0 0-1.826.771v-1.796a12.214 12.214 0 0 1 1.904-.567 8.55 8.55 0 0 1 1.777-.195c.905 0 1.677.133 2.315.4a3.648 3.648 0 0 1 1.562 1.201c.248.326.424.73.528 1.211.104.476.156 1.192.156 2.149Zm12.988-2.442a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Z" fill="#1E1E1E"/> + <g opacity=".5" filter="url(#a)"> + <path d="M324 29.84a7.84 7.84 0 0 1 7.84-7.84h356.72a7.84 7.84 0 0 1 7.84 7.84v964.32a7.84 7.84 0 0 1-7.84 7.84H331.84a7.84 7.84 0 0 1-7.84-7.84V29.84Z" fill="#fff"/> + <path d="M395.391 495.387c-4.766 0-7.775-3.284-7.775-8.579v-.011c0-5.295 3.02-8.556 7.775-8.556 3.813 0 6.615 2.377 7.051 5.754l.012.114h-2.906l-.057-.218c-.483-1.895-1.941-3.078-4.1-3.078-2.894 0-4.743 2.309-4.743 5.984v.011c0 3.687 1.86 6.007 4.743 6.007 2.113 0 3.595-1.137 4.134-3.182l.035-.114h2.905l-.023.114c-.425 3.4-3.238 5.754-7.051 5.754Zm13.954-.046c-3.583 0-5.892-2.389-5.892-6.328v-.023c0-3.904 2.343-6.316 5.88-6.316 3.549 0 5.903 2.389 5.903 6.316v.023c0 3.951-2.319 6.328-5.891 6.328Zm.011-2.308c1.803 0 2.963-1.47 2.963-4.02v-.023c0-2.538-1.171-3.996-2.986-3.996-1.78 0-2.963 1.47-2.963 3.996v.023c0 2.561 1.16 4.02 2.986 4.02Zm7.247 2.067v-12.173h2.86v1.906h.058c.631-1.309 1.871-2.159 3.72-2.159 2.676 0 4.204 1.723 4.204 4.548v7.878h-2.86v-7.304c0-1.734-.804-2.71-2.435-2.71-1.642 0-2.687 1.194-2.687 2.951v7.063h-2.86Zm17.193.241c-2.549 0-3.755-1.033-3.755-3.537v-6.672h-1.723v-2.205h1.723v-3.09h2.905v3.09h2.263v2.205h-2.263v6.431c0 1.194.528 1.573 1.574 1.573.275 0 .493-.034.689-.046v2.148a10.4 10.4 0 0 1-1.413.103Zm8.028 0c-3.652 0-5.857-2.423-5.857-6.293v-.012c0-3.836 2.24-6.362 5.719-6.362 3.48 0 5.639 2.446 5.639 6.121v.919h-8.521c.046 2.136 1.217 3.399 3.078 3.399 1.424 0 2.354-.758 2.629-1.573l.023-.081h2.676l-.034.127c-.379 1.872-2.171 3.755-5.352 3.755Zm-.103-10.428c-1.516 0-2.653 1.022-2.883 2.894h5.708c-.207-1.929-1.309-2.894-2.825-2.894Zm6.983 10.187v-12.173h2.859v1.906h.058c.631-1.309 1.872-2.159 3.721-2.159 2.676 0 4.203 1.723 4.203 4.548v7.878h-2.86v-7.304c0-1.734-.804-2.71-2.434-2.71-1.643 0-2.688 1.194-2.688 2.951v7.063h-2.859Zm17.192.241c-2.549 0-3.755-1.033-3.755-3.537v-6.672h-1.723v-2.205h1.723v-3.09h2.905v3.09h2.263v2.205h-2.263v6.431c0 1.194.529 1.573 1.574 1.573.275 0 .494-.034.689-.046v2.148a10.4 10.4 0 0 1-1.413.103Zm10.739-.034c-2.435 0-4.077-1.505-4.077-3.675v-.023c0-2.159 1.677-3.457 4.628-3.641l3.181-.195v-.838c0-1.229-.803-1.976-2.25-1.976-1.356 0-2.182.632-2.366 1.528l-.023.103h-2.653l.011-.138c.173-2.159 2.045-3.778 5.134-3.778 3.043 0 5.007 1.608 5.007 4.054v8.372h-2.86v-1.872h-.068c-.701 1.275-2.056 2.079-3.664 2.079Zm-1.229-3.79c0 .999.827 1.608 2.079 1.608 1.642 0 2.882-1.091 2.882-2.538v-.919l-2.779.172c-1.412.092-2.182.701-2.182 1.665v.012Zm9.659 3.583v-12.173h2.86v2.101h.057c.379-1.47 1.39-2.354 2.791-2.354.356 0 .689.057.907.115v2.584c-.241-.092-.678-.161-1.16-.161-1.619 0-2.595 1.022-2.595 2.825v7.063h-2.86Zm12.507.241c-3.652 0-5.857-2.423-5.857-6.293v-.012c0-3.836 2.239-6.362 5.719-6.362 3.48 0 5.639 2.446 5.639 6.121v.919h-8.521c.046 2.136 1.217 3.399 3.077 3.399 1.424 0 2.355-.758 2.63-1.573l.023-.081h2.676l-.034.127c-.379 1.872-2.171 3.755-5.352 3.755Zm-.103-10.428c-1.516 0-2.653 1.022-2.883 2.894h5.708c-.207-1.929-1.309-2.894-2.825-2.894Zm10.577 10.394c-2.434 0-4.077-1.505-4.077-3.675v-.023c0-2.159 1.677-3.457 4.628-3.641l3.182-.195v-.838c0-1.229-.804-1.976-2.251-1.976-1.355 0-2.182.632-2.366 1.528l-.023.103h-2.653l.012-.138c.172-2.159 2.044-3.778 5.133-3.778 3.043 0 5.007 1.608 5.007 4.054v8.372h-2.859v-1.872h-.069c-.701 1.275-2.056 2.079-3.664 2.079Zm-1.229-3.79c0 .999.827 1.608 2.079 1.608 1.642 0 2.883-1.091 2.883-2.538v-.919l-2.78.172c-1.412.092-2.182.701-2.182 1.665v.012Z" fill="#1E1E1E"/> + <path d="M390.465 523.9v-8.582h-3.115v-1.085h7.436v1.085h-3.115v8.582h-1.206Zm6.103 0v-10.089h1.166v3.952h.107c.362-.763 1.038-1.212 2.103-1.212 1.622 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922s-1.882.777-1.882 2.043v4.274h-1.166Zm10.96.127c-2.063 0-3.309-1.447-3.309-3.711v-.007c0-2.231 1.272-3.758 3.235-3.758 1.963 0 3.156 1.46 3.156 3.617v.456h-5.199c.034 1.494.858 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.166l-.014.053c-.248.979-1.279 1.943-2.981 1.943Zm-.08-6.438c-1.072 0-1.89.731-2.017 2.104h3.993c-.121-1.427-.911-2.104-1.976-2.104Zm11.784 6.438c-2.024 0-3.317-1.467-3.317-3.758v-.013c0-2.245 1.287-3.705 3.31-3.705 1.755 0 2.807 1.012 3.021 2.298l.007.04h-1.159l-.007-.02c-.181-.71-.824-1.286-1.862-1.286-1.3 0-2.117 1.045-2.117 2.673v.013c0 1.661.831 2.727 2.117 2.727.971 0 1.588-.429 1.856-1.233l.013-.04 1.152-.007-.013.074c-.295 1.306-1.266 2.237-3.001 2.237Zm7.69 0c-2.056 0-3.329-1.42-3.329-3.731v-.014c0-2.318 1.273-3.731 3.329-3.731 2.057 0 3.33 1.413 3.33 3.731v.014c0 2.311-1.273 3.731-3.33 3.731Zm0-1.031c1.367 0 2.137-.999 2.137-2.7v-.014c0-1.708-.77-2.699-2.137-2.699-1.366 0-2.137.991-2.137 2.699v.014c0 1.701.771 2.7 2.137 2.7Zm5.139.904v-7.222h1.165v1.085h.107c.362-.763 1.039-1.212 2.104-1.212 1.621 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922-1.153 0-1.883.777-1.883 2.043v4.274h-1.165Zm10.578.054c-1.488 0-2.111-.55-2.111-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.295 1.193 1.045 1.193.208 0 .322-.007.536-.027v.992c-.228.04-.449.067-.676.067Zm5.258.073c-2.063 0-3.309-1.447-3.309-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.155 1.46 3.155 3.617v.456h-5.198c.033 1.494.857 2.365 2.143 2.365.978 0 1.581-.462 1.776-.898l.026-.06h1.166l-.013.053c-.248.979-1.28 1.943-2.982 1.943Zm-.08-6.438c-1.072 0-1.889.731-2.016 2.104h3.992c-.12-1.427-.911-2.104-1.976-2.104Zm4.971 6.311v-7.222h1.166v1.085h.107c.362-.763 1.038-1.212 2.103-1.212 1.622 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922s-1.882.777-1.882 2.043v4.274h-1.166Zm10.578.054c-1.487 0-2.11-.55-2.11-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.294 1.193 1.045 1.193.207 0 .321-.007.536-.027v.992c-.228.04-.449.067-.677.067Zm8.26.073c-1.373 0-2.412-.83-2.412-2.144v-.013c0-1.286.952-2.03 2.633-2.13l2.07-.128v-.656c0-.891-.542-1.373-1.621-1.373-.864 0-1.434.321-1.621.884l-.007.02h-1.166l.007-.04c.188-1.132 1.286-1.896 2.827-1.896 1.762 0 2.747.904 2.747 2.405v4.944h-1.166v-1.065h-.107c-.455.77-1.212 1.192-2.184 1.192Zm-1.219-2.17c0 .73.623 1.159 1.46 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.929.121c-1.099.067-1.581.455-1.581 1.172v.014Zm6.806 2.043v-7.222h1.166v1.072h.107c.275-.757.951-1.199 1.929-1.199.222 0 .469.027.583.047v1.132a4.208 4.208 0 0 0-.716-.067c-1.113 0-1.903.703-1.903 1.762v4.475h-1.166Zm7.972.127c-2.063 0-3.309-1.447-3.309-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.155 1.46 3.155 3.617v.456h-5.199c.034 1.494.858 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.166l-.014.053c-.247.979-1.279 1.943-2.981 1.943Zm-.08-6.438c-1.072 0-1.889.731-2.017 2.104h3.993c-.12-1.427-.911-2.104-1.976-2.104Zm6.954 6.438c-1.374 0-2.412-.83-2.412-2.144v-.013c0-1.286.951-2.03 2.633-2.13l2.07-.128v-.656c0-.891-.543-1.373-1.621-1.373-.865 0-1.434.321-1.622.884l-.006.02h-1.166l.007-.04c.187-1.132 1.286-1.896 2.827-1.896 1.762 0 2.747.904 2.747 2.405v4.944h-1.166v-1.065h-.107c-.456.77-1.213 1.192-2.184 1.192Zm-1.22-2.17c0 .73.624 1.159 1.461 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.93.121c-1.098.067-1.581.455-1.581 1.172v.014Zm11.282-6.572a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.59 8.615v-7.222h1.166v7.222h-1.166Zm5.842.127c-1.608 0-2.713-.777-2.847-1.969h1.192c.195.603.771.998 1.695.998.972 0 1.662-.462 1.662-1.119v-.013c0-.489-.369-.831-1.26-1.045l-1.118-.268c-1.354-.322-1.963-.911-1.963-1.95v-.007c0-1.199 1.152-2.103 2.686-2.103 1.514 0 2.566.757 2.727 1.936h-1.146c-.154-.569-.717-.965-1.588-.965-.857 0-1.487.442-1.487 1.079v.013c0 .489.362.797 1.213 1.005l1.112.268c1.36.328 2.016.918 2.016 1.95v.013c0 1.286-1.253 2.177-2.894 2.177Zm11.128-.073c-1.488 0-2.111-.55-2.111-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.295 1.193 1.045 1.193.208 0 .322-.007.536-.027v.992c-.228.04-.449.067-.676.067Zm2.485-.054v-10.089h1.166v3.952h.107c.362-.763 1.038-1.212 2.103-1.212 1.622 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922s-1.882.777-1.882 2.043v4.274h-1.166Zm10.96.127c-2.063 0-3.31-1.447-3.31-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.156 1.46 3.156 3.617v.456h-5.199c.033 1.494.857 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.165l-.013.053c-.248.979-1.28 1.943-2.981 1.943Zm-.081-6.438c-1.071 0-1.889.731-2.016 2.104h3.993c-.121-1.427-.911-2.104-1.977-2.104Zm8.83 8.723v-9.634h1.166v1.152h.107c.442-.803 1.246-1.279 2.251-1.279 1.829 0 3.028 1.48 3.028 3.731v.014c0 2.264-1.193 3.731-3.028 3.731-.992 0-1.856-.495-2.251-1.266h-.107v3.551h-1.166Zm3.256-3.316c1.32 0 2.103-1.019 2.103-2.7v-.014c0-1.681-.783-2.699-2.103-2.699-1.313 0-2.117 1.031-2.117 2.699v.014c0 1.668.804 2.7 2.117 2.7Zm5.118.904v-7.222h1.166v1.072h.107c.275-.757.951-1.199 1.929-1.199.221 0 .469.027.583.047v1.132a4.21 4.21 0 0 0-.717-.067c-1.112 0-1.902.703-1.902 1.762v4.475h-1.166Zm5.842-8.615a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.59 8.615v-7.222h1.166v7.222h-1.166Zm3.363 0v-7.222h1.166v1.099h.107c.322-.777 1.005-1.226 1.95-1.226.978 0 1.661.516 1.996 1.266h.107c.389-.764 1.213-1.266 2.211-1.266 1.474 0 2.298.844 2.298 2.358v4.991h-1.166v-4.723c0-1.065-.489-1.594-1.507-1.594-1.005 0-1.668.757-1.668 1.674v4.643h-1.166v-4.904c0-.857-.59-1.413-1.501-1.413-.944 0-1.661.824-1.661 1.842v4.475h-1.166Zm13.921.127c-1.373 0-2.411-.83-2.411-2.144v-.013c0-1.286.951-2.03 2.632-2.13l2.07-.128v-.656c0-.891-.542-1.373-1.621-1.373-.864 0-1.433.321-1.621.884l-.007.02h-1.165l.006-.04c.188-1.132 1.287-1.896 2.827-1.896 1.762 0 2.747.904 2.747 2.405v4.944h-1.166v-1.065h-.107c-.455.77-1.212 1.192-2.184 1.192Zm-1.219-2.17c0 .73.623 1.159 1.46 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.929.121c-1.099.067-1.581.455-1.581 1.172v.014Zm6.806 2.043v-7.222h1.166v1.072h.107c.275-.757.952-1.199 1.93-1.199.221 0 .469.027.582.047v1.132a4.208 4.208 0 0 0-.716-.067c-1.112 0-1.903.703-1.903 1.762v4.475h-1.166Zm5.842 2.532a3.39 3.39 0 0 1-.516-.04v-.958c.141.027.322.034.483.034.663 0 1.065-.302 1.326-1.133l.134-.428-2.673-7.229h1.246l1.983 5.942h.107l1.977-5.942h1.226l-2.821 7.664c-.596 1.621-1.192 2.09-2.472 2.09Zm13.171-2.405c-1.608 0-2.713-.777-2.847-1.969h1.192c.194.603.77.998 1.695.998.971 0 1.661-.462 1.661-1.119v-.013c0-.489-.368-.831-1.259-1.045l-1.119-.268c-1.353-.322-1.963-.911-1.963-1.95v-.007c0-1.199 1.153-2.103 2.687-2.103 1.514 0 2.565.757 2.726 1.936h-1.145c-.154-.569-.717-.965-1.588-.965-.858 0-1.487.442-1.487 1.079v.013c0 .489.362.797 1.212 1.005l1.112.268c1.36.328 2.017.918 2.017 1.95v.013c0 1.286-1.253 2.177-2.894 2.177Zm4.703 2.285v-9.634h1.165v1.152h.107c.443-.803 1.247-1.279 2.251-1.279 1.829 0 3.028 1.48 3.028 3.731v.014c0 2.264-1.192 3.731-3.028 3.731-.991 0-1.855-.495-2.251-1.266h-.107v3.551h-1.165Zm3.255-3.316c1.32 0 2.104-1.019 2.104-2.7v-.014c0-1.681-.784-2.699-2.104-2.699-1.313 0-2.116 1.031-2.116 2.699v.014c0 1.668.803 2.7 2.116 2.7Zm7.102 1.031c-1.374 0-2.412-.83-2.412-2.144v-.013c0-1.286.951-2.03 2.633-2.13l2.07-.128v-.656c0-.891-.543-1.373-1.621-1.373-.865 0-1.434.321-1.622.884l-.006.02h-1.166l.007-.04c.187-1.132 1.286-1.896 2.827-1.896 1.762 0 2.746.904 2.746 2.405v4.944h-1.165v-1.065h-.107c-.456.77-1.213 1.192-2.184 1.192Zm-1.22-2.17c0 .73.623 1.159 1.461 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.93.121c-1.098.067-1.581.455-1.581 1.172v.014Zm9.761 2.17c-2.023 0-3.316-1.467-3.316-3.758v-.013c0-2.245 1.286-3.705 3.309-3.705 1.756 0 2.807 1.012 3.022 2.298l.006.04h-1.158l-.007-.02c-.181-.71-.824-1.286-1.863-1.286-1.299 0-2.117 1.045-2.117 2.673v.013c0 1.661.831 2.727 2.117 2.727.972 0 1.588-.429 1.856-1.233l.014-.04 1.152-.007-.014.074c-.294 1.306-1.266 2.237-3.001 2.237Zm7.671 0c-2.064 0-3.31-1.447-3.31-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.155 1.46 3.155 3.617v.456h-5.198c.033 1.494.857 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.165l-.013.053c-.248.979-1.28 1.943-2.981 1.943Zm-.081-6.438c-1.072 0-1.889.731-2.016 2.104h3.993c-.121-1.427-.911-2.104-1.977-2.104ZM388.288 542.9v-6.257h-1.199v-.965h1.199v-.804c0-1.44.723-2.13 2.097-2.13.281 0 .536.02.777.067v.931a3.16 3.16 0 0 0-.543-.033c-.831 0-1.166.408-1.166 1.199v.77h1.642v.965h-1.642v6.257h-1.165Zm7.148.127c-2.057 0-3.33-1.42-3.33-3.731v-.014c0-2.318 1.273-3.731 3.33-3.731 2.057 0 3.329 1.413 3.329 3.731v.014c0 2.311-1.272 3.731-3.329 3.731Zm0-1.031c1.367 0 2.137-.999 2.137-2.7v-.014c0-1.708-.77-2.699-2.137-2.699s-2.137.991-2.137 2.699v.014c0 1.701.77 2.7 2.137 2.7Zm5.138.904v-7.222h1.166v1.072h.107c.275-.757.951-1.199 1.929-1.199.222 0 .469.027.583.047v1.132a4.21 4.21 0 0 0-.717-.067c-1.112 0-1.902.703-1.902 1.762v4.475h-1.166Zm9.701-8.615a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.59 8.615v-7.222h1.166v7.222h-1.166Zm3.363 0v-7.222h1.166v1.085h.107c.362-.763 1.038-1.212 2.104-1.212 1.621 0 2.525.958 2.525 2.673v4.676h-1.166v-4.395c0-1.299-.535-1.922-1.688-1.922-1.152 0-1.882.777-1.882 2.043v4.274h-1.166Zm10.679.127c-1.829 0-3.028-1.48-3.028-3.731v-.014c0-2.264 1.192-3.731 3.028-3.731.991 0 1.855.496 2.251 1.266h.107v-4.006h1.165V542.9h-1.165v-1.152h-.107c-.443.804-1.246 1.279-2.251 1.279Zm.268-1.031c1.313 0 2.117-1.032 2.117-2.7v-.014c0-1.668-.804-2.699-2.117-2.699-1.32 0-2.104 1.018-2.104 2.699v.014c0 1.681.784 2.7 2.104 2.7Zm8.441 1.031c-2.064 0-3.31-1.447-3.31-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.155 1.46 3.155 3.617v.456h-5.198c.033 1.494.857 2.365 2.143 2.365.979 0 1.581-.462 1.776-.898l.027-.06h1.165l-.013.053c-.248.979-1.28 1.943-2.981 1.943Zm-.081-6.438c-1.072 0-1.889.731-2.016 2.104h3.993c-.121-1.427-.912-2.104-1.977-2.104Zm4.127 6.311 2.472-3.611-2.499-3.611h1.374l1.715 2.687h.107l1.695-2.687h1.306l-2.452 3.564 2.485 3.658h-1.366l-1.708-2.727h-.108l-1.715 2.727h-1.306Zm7.476 2.459.583-3.812h1.333l-1.051 3.812h-.865Zm10.893-2.332c-1.829 0-3.028-1.48-3.028-3.731v-.014c0-2.264 1.193-3.731 3.028-3.731.992 0 1.856.496 2.251 1.266h.107v-4.006h1.166V542.9h-1.166v-1.152h-.107c-.442.804-1.246 1.279-2.251 1.279Zm.268-1.031c1.313 0 2.117-1.032 2.117-2.7v-.014c0-1.668-.804-2.699-2.117-2.699-1.32 0-2.103 1.018-2.103 2.699v.014c0 1.681.783 2.7 2.103 2.7Zm8.441 1.031c-2.063 0-3.309-1.447-3.309-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.962 0 3.155 1.46 3.155 3.617v.456h-5.199c.034 1.494.858 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.166l-.014.053c-.247.979-1.279 1.943-2.981 1.943Zm-.08-6.438c-1.072 0-1.889.731-2.017 2.104h3.993c-.12-1.427-.911-2.104-1.976-2.104Zm7.536 6.365c-1.487 0-2.11-.55-2.11-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.295 1.193 1.045 1.193.208 0 .322-.007.536-.027v.992c-.228.04-.449.067-.677.067Zm4.402.073c-1.373 0-2.412-.83-2.412-2.144v-.013c0-1.286.951-2.03 2.633-2.13l2.07-.128v-.656c0-.891-.543-1.373-1.621-1.373-.864 0-1.434.321-1.621.884l-.007.02h-1.166l.007-.04c.187-1.132 1.286-1.896 2.827-1.896 1.762 0 2.747.904 2.747 2.405v4.944h-1.166v-1.065h-.107c-.456.77-1.213 1.192-2.184 1.192Zm-1.219-2.17c0 .73.623 1.159 1.46 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.929.121c-1.099.067-1.581.455-1.581 1.172v.014Zm7.422-6.572a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.589 8.615v-7.222h1.165v7.222h-1.165Zm3.43 0v-10.089h1.165V542.9h-1.165Zm3.108 2.459.583-3.812h1.333l-1.052 3.812h-.864Zm10.21-2.332c-1.373 0-2.412-.83-2.412-2.144v-.013c0-1.286.951-2.03 2.633-2.13l2.07-.128v-.656c0-.891-.543-1.373-1.621-1.373-.864 0-1.434.321-1.621.884l-.007.02h-1.166l.007-.04c.187-1.132 1.286-1.896 2.827-1.896 1.762 0 2.747.904 2.747 2.405v4.944h-1.166v-1.065h-.107c-.456.77-1.213 1.192-2.184 1.192Zm-1.219-2.17c0 .73.623 1.159 1.46 1.159 1.186 0 2.05-.777 2.05-1.809v-.657l-1.929.121c-1.099.067-1.581.455-1.581 1.172v.014Zm6.806 2.043v-7.222h1.166v1.085h.107c.362-.763 1.038-1.212 2.103-1.212 1.622 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922s-1.882.777-1.882 2.043v4.274h-1.166Zm10.679.127c-1.829 0-3.028-1.48-3.028-3.731v-.014c0-2.264 1.192-3.731 3.028-3.731.991 0 1.855.496 2.251 1.266h.107v-4.006h1.165V542.9h-1.165v-1.152h-.107c-.443.804-1.247 1.279-2.251 1.279Zm.268-1.031c1.313 0 2.116-1.032 2.116-2.7v-.014c0-1.668-.803-2.699-2.116-2.699-1.32 0-2.104 1.018-2.104 2.699v.014c0 1.681.784 2.7 2.104 2.7Zm11.83 1.031c-1.607 0-2.713-.777-2.847-1.969h1.193c.194.603.77.998 1.695.998.971 0 1.661-.462 1.661-1.119v-.013c0-.489-.369-.831-1.259-1.045l-1.119-.268c-1.354-.322-1.963-.911-1.963-1.95v-.007c0-1.199 1.152-2.103 2.686-2.103 1.514 0 2.566.757 2.727 1.936h-1.146c-.154-.569-.717-.965-1.587-.965-.858 0-1.488.442-1.488 1.079v.013c0 .489.362.797 1.213 1.005l1.112.268c1.36.328 2.016.918 2.016 1.95v.013c0 1.286-1.252 2.177-2.894 2.177Zm7.651 0c-2.063 0-3.31-1.447-3.31-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.156 1.46 3.156 3.617v.456h-5.199c.033 1.494.857 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.165l-.013.053c-.248.979-1.28 1.943-2.981 1.943Zm-.081-6.438c-1.071 0-1.889.731-2.016 2.104h3.993c-.121-1.427-.911-2.104-1.977-2.104Zm7.537 6.365c-1.487 0-2.11-.55-2.11-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.294 1.193 1.045 1.193.207 0 .321-.007.536-.027v.992c-.228.04-.449.067-.677.067Zm4.984 0c-1.487 0-2.11-.55-2.11-1.93v-4.381h-1.139v-.965h1.139v-1.869h1.206v1.869h1.581v.965h-1.581v4.086c0 .851.295 1.193 1.045 1.193.208 0 .322-.007.536-.027v.992c-.228.04-.449.067-.677.067Zm3.035-8.669a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.589 8.615v-7.222h1.165v7.222h-1.165Zm3.363 0v-7.222h1.165v1.085h.107c.362-.763 1.039-1.212 2.104-1.212 1.621 0 2.526.958 2.526 2.673v4.676h-1.166v-4.395c0-1.299-.536-1.922-1.688-1.922-1.153 0-1.883.777-1.883 2.043v4.274h-1.165Zm10.986 2.546c-1.742 0-2.854-.784-3.034-1.97l.013-.007h1.206l.006.007c.128.549.771.938 1.809.938 1.293 0 2.064-.61 2.064-1.675v-1.46h-.108c-.455.797-1.272 1.246-2.264 1.246-1.869 0-3.028-1.447-3.028-3.47v-.014c0-2.023 1.166-3.49 3.055-3.49 1.018 0 1.809.502 2.251 1.32h.08v-1.193h1.166v7.121c0 1.615-1.246 2.647-3.216 2.647Zm-.053-3.953c1.34 0 2.143-1.005 2.143-2.438v-.014c0-1.433-.81-2.458-2.143-2.458-1.34 0-2.09 1.025-2.09 2.458v.014c0 1.433.75 2.438 2.09 2.438Zm7.918 1.534c-1.608 0-2.713-.777-2.847-1.969h1.192c.195.603.771.998 1.695.998.972 0 1.662-.462 1.662-1.119v-.013c0-.489-.369-.831-1.26-1.045l-1.118-.268c-1.354-.322-1.963-.911-1.963-1.95v-.007c0-1.199 1.152-2.103 2.686-2.103 1.514 0 2.566.757 2.727 1.936h-1.146c-.154-.569-.717-.965-1.588-.965-.857 0-1.487.442-1.487 1.079v.013c0 .489.362.797 1.213 1.005l1.112.268c1.36.328 2.016.918 2.016 1.95v.013c0 1.286-1.253 2.177-2.894 2.177Zm10.605-.127-2.673-7.222h1.233l1.976 5.949h.107l1.976-5.949h1.233l-2.673 7.222H581.5Zm6.009-8.615a.807.807 0 0 1-.804-.804c0-.442.362-.804.804-.804.442 0 .804.362.804.804a.807.807 0 0 1-.804.804Zm-.589 8.615v-7.222h1.165v7.222h-1.165Zm6.31.127c-2.063 0-3.309-1.447-3.309-3.711v-.007c0-2.231 1.273-3.758 3.236-3.758 1.963 0 3.155 1.46 3.155 3.617v.456h-5.199c.034 1.494.858 2.365 2.144 2.365.978 0 1.581-.462 1.775-.898l.027-.06h1.166l-.014.053c-.247.979-1.279 1.943-2.981 1.943Zm-.08-6.438c-1.072 0-1.889.731-2.017 2.104h3.993c-.12-1.427-.911-2.104-1.976-2.104Zm6.364 6.311-2.023-7.222h1.166l1.42 5.775h.107l1.615-5.775h1.105l1.615 5.775h.107l1.42-5.775h1.159l-2.023 7.222h-1.173l-1.614-5.587h-.107l-1.608 5.587h-1.166Zm11.509.127c-1.607 0-2.713-.777-2.847-1.969h1.193c.194.603.77.998 1.695.998.971 0 1.661-.462 1.661-1.119v-.013c0-.489-.368-.831-1.259-1.045l-1.119-.268c-1.353-.322-1.963-.911-1.963-1.95v-.007c0-1.199 1.152-2.103 2.686-2.103 1.514 0 2.566.757 2.727 1.936h-1.146c-.154-.569-.716-.965-1.587-.965-.858 0-1.488.442-1.488 1.079v.013c0 .489.362.797 1.213 1.005l1.112.268c1.36.328 2.017.918 2.017 1.95v.013c0 1.286-1.253 2.177-2.895 2.177Zm5.655-.06a.878.878 0 0 1-.871-.871c0-.482.395-.871.871-.871.482 0 .87.389.87.871a.873.873 0 0 1-.87.871Z" fill="#757575"/> + </g> + <g filter="url(#b)"> + <path d="M264 20a8 8 0 0 1 8-8h1436c4.42 0 8 3.582 8 8v1077c0 4.42-3.58 8-8 8H272a8 8 0 0 1-8-8V20Z" fill="#fff"/> + <path d="M264.5 20a7.5 7.5 0 0 1 7.5-7.5h1436c4.14 0 7.5 3.358 7.5 7.5v1077c0 4.14-3.36 7.5-7.5 7.5H272c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <path d="M915.566 552.541v5.479h2.286c.911 0 1.621-.241 2.128-.723.515-.482.772-1.156.772-2.022 0-.865-.254-1.536-.762-2.011-.508-.482-1.22-.723-2.138-.723h-2.286Zm-1.972-1.621h4.258c1.627 0 2.861.371 3.701 1.113.84.736 1.259 1.817 1.259 3.242 0 1.439-.419 2.526-1.259 3.262-.834.736-2.067 1.104-3.701 1.104h-2.286v5.859h-1.972v-14.58ZM935 556.818a4.084 4.084 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.889 1.718-.889 3.047v5.439h-1.806v-10.938h1.806v2.139c.3-.775.759-1.367 1.377-1.777.625-.417 1.364-.625 2.217-.625.443 0 .856.055 1.24.166.385.111.752.283 1.104.517v1.836Zm11.709 2.315v.879h-7.783v.058c-.052 1.491.231 2.562.849 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.468-3.138 1.406-4.18.937-1.041 2.187-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm3.887-4.043h1.865l3.174 9.18 3.183-9.18h1.866L955 565.5h-2.314l-3.887-10.938Zm14.16.04h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm17.099 8.779v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.504.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 10.99 10.99 0 0 0 2.002-.83v1.787a11.64 11.64 0 0 1-1.982.625 8.253 8.253 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.808.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.437 3.437 0 0 0-.83-1.953c-.468-.553-1.145-.83-2.031-.83-.866 0-1.579.287-2.139.86-.559.573-.865 1.217-.918 1.933l5.918-.01Zm2.911-4.043h1.777l1.904 8.838 1.563-5.644h1.533l1.582 5.644 1.904-8.838h1.778l-2.559 10.938h-1.719l-1.748-5.996-1.738 5.996h-1.719l-2.558-10.938Zm26.375-3.642h8.59v1.66h-6.61v3.906h5.99v1.66h-5.99v7.354h-1.98v-14.58Zm21.06 5.898a4.162 4.162 0 0 0-1.18-.654 3.93 3.93 0 0 0-1.3-.205c-1.12 0-1.98.352-2.57 1.055-.6.703-.89 1.718-.89 3.047v5.439h-1.81v-10.938h1.81v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.21-.625.45 0 .86.055 1.24.166.39.111.75.283 1.11.517v1.836Zm7.62 3.184h-.59c-1.05 0-1.84.186-2.38.557-.52.364-.79.911-.79 1.64 0 .658.2 1.169.6 1.533.4.365.95.547 1.65.547.99 0 1.77-.341 2.33-1.025.57-.69.86-1.641.86-2.852v-.4h-1.68Zm3.49-.742v6.24h-1.81v-1.621c-.38.651-.87 1.133-1.45 1.445-.58.306-1.29.459-2.12.459-1.11 0-2-.312-2.67-.937-.66-.632-.99-1.475-.99-2.53 0-1.217.4-2.142 1.22-2.773.82-.632 2.02-.947 3.6-.947h2.41v-.284c0-.872-.22-1.503-.66-1.894-.44-.397-1.13-.596-2.09-.596-.61 0-1.23.088-1.86.264-.62.176-1.23.433-1.82.771v-1.796c.66-.254 1.3-.443 1.9-.567.61-.13 1.21-.195 1.78-.195.9 0 1.68.133 2.31.4.65.267 1.17.668 1.57 1.201.24.326.42.73.52 1.211.11.476.16 1.192.16 2.149Zm8.31-3.584c.22-.469.5-.814.84-1.035.34-.228.76-.342 1.24-.342.88 0 1.5.342 1.86 1.025.36.677.54 1.957.54 3.838v6.338h-1.64v-6.26c0-1.543-.09-2.5-.26-2.871-.17-.377-.48-.566-.94-.566-.52 0-.88.202-1.07.605-.19.397-.29 1.341-.29 2.832v6.26h-1.64v-6.26c0-1.562-.09-2.526-.28-2.89-.18-.365-.51-.547-1-.547-.47 0-.8.202-.99.605-.19.397-.28 1.341-.28 2.832v6.26h-1.63v-10.938h1.63v.938c.22-.391.49-.687.8-.889.33-.208.7-.312 1.11-.312.49 0 .9.114 1.23.342.33.227.59.573.77 1.035Zm16.39 3.457v.879h-7.79v.058c-.05 1.491.23 2.562.85 3.213.63.651 1.51.977 2.64.977.57 0 1.17-.091 1.8-.274.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.35.489-1.98.625-.64.144-1.25.215-1.84.215-1.7 0-3.03-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.93-1.041 2.18-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.23 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.15-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.87 1.217-.92 1.933l5.92-.01Z" fill="#1E1E1E"/> + </g> + <defs> + <filter id="a" x="317.14" y="21.02" width="386.12" height="1004.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy=".98"/> + <feGaussianBlur stdDeviation=".98"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3.92"/> + <feGaussianBlur stdDeviation="1.96"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/> + <feBlend in2="effect1_dropShadow_15996_31458" result="effect2_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="8.82"/> + <feGaussianBlur stdDeviation="2.94"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect2_dropShadow_15996_31458" result="effect3_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="16.66"/> + <feGaussianBlur stdDeviation="3.43"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="effect3_dropShadow_15996_31458" result="effect4_dropShadow_15996_31458"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31458" result="shape"/> + </filter> + <filter id="b" x="260" y="11" width="1460" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31458" result="effect2_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31458" result="effect3_dropShadow_15996_31458"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31458" result="effect4_dropShadow_15996_31458"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31458" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/page-layout-example-3.f880fe79.svg b/static/media/page-layout-example-3.f880fe79.svg new file mode 100644 index 00000000000000..0eecead116e1a0 --- /dev/null +++ b/static/media/page-layout-example-3.f880fe79.svg @@ -0,0 +1,39 @@ +<svg width="1728" height="1117" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path fill="#E0E0E0" d="M0 0h1728v1117H0z"/> + <path d="M99.705 551.418v2.002a7.764 7.764 0 0 0-1.807-.869 5.806 5.806 0 0 0-1.816-.293c-.931 0-1.667.218-2.207.654-.54.43-.81 1.012-.81 1.748 0 .645.175 1.136.527 1.475.358.338 1.022.622 1.992.849l1.035.235c1.367.319 2.363.82 2.988 1.504.625.683.938 1.614.938 2.793 0 1.386-.43 2.444-1.29 3.173-.858.73-2.108 1.094-3.75 1.094-.683 0-1.37-.075-2.06-.224a11.333 11.333 0 0 1-2.08-.655v-2.099c.749.475 1.455.823 2.12 1.045.67.221 1.344.332 2.02.332.997 0 1.772-.222 2.325-.664.553-.45.83-1.075.83-1.875 0-.73-.192-1.286-.576-1.67-.378-.384-1.038-.681-1.982-.889l-1.055-.244c-1.354-.306-2.337-.768-2.95-1.387-.611-.618-.917-1.448-.917-2.49 0-1.302.436-2.344 1.308-3.125.88-.788 2.045-1.182 3.496-1.182.56 0 1.15.065 1.768.196.618.123 1.27.312 1.953.566Zm5.254 3.184h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm14.541 5.605v-5.654h1.797V565.5h-1.797v-1.377c-.3.54-.7.954-1.201 1.24-.495.28-1.068.42-1.719.42-1.322 0-2.363-.511-3.125-1.533-.755-1.029-1.133-2.445-1.133-4.248 0-1.777.381-3.171 1.143-4.18.761-1.015 1.8-1.523 3.115-1.523.657 0 1.237.143 1.738.43.501.279.895.69 1.182 1.23Zm-5.283 4.082c0 1.393.221 2.445.664 3.154.442.71 1.097 1.065 1.962 1.065.866 0 1.524-.358 1.973-1.074.456-.717.684-1.765.684-3.145 0-1.387-.228-2.435-.684-3.145-.449-.716-1.107-1.074-1.973-1.074-.865 0-1.52.355-1.962 1.065-.443.709-.664 1.761-.664 3.154Zm19.892-.908v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.503.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm11.875 1.436c0-1.393-.221-2.445-.664-3.154-.443-.71-1.097-1.065-1.963-1.065-.872 0-1.533.358-1.982 1.074-.449.71-.674 1.758-.674 3.145 0 1.38.225 2.428.674 3.145.449.716 1.11 1.074 1.982 1.074.866 0 1.52-.355 1.963-1.065.443-.709.664-1.761.664-3.154Zm-5.283-4.082c.286-.534.68-.944 1.182-1.23.507-.287 1.093-.43 1.757-.43 1.316 0 2.351.508 3.106 1.523.755 1.009 1.133 2.403 1.133 4.18 0 1.803-.381 3.219-1.143 4.248-.755 1.022-1.793 1.533-3.115 1.533-.651 0-1.227-.14-1.729-.42a3.177 3.177 0 0 1-1.191-1.24v1.377h-1.797v-15.195h1.797v5.654Zm15.225 4.043h-.596c-1.048 0-1.839.186-2.373.557-.527.364-.791.911-.791 1.64 0 .658.198 1.169.596 1.533.397.365.947.547 1.65.547.99 0 1.768-.341 2.334-1.025.566-.69.853-1.641.859-2.852v-.4h-1.679Zm3.486-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.579.306-1.286.459-2.119.459-1.113 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.407-2.142 1.221-2.773.82-.632 2.021-.947 3.603-.947h2.412v-.284c-.006-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.109 8.109 0 0 0-1.826.771v-1.796a12.214 12.214 0 0 1 1.904-.567 8.55 8.55 0 0 1 1.777-.195c.905 0 1.677.133 2.315.4a3.648 3.648 0 0 1 1.562 1.201c.248.326.424.73.528 1.211.104.476.156 1.192.156 2.149Zm12.988-2.442a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Z" fill="#1E1E1E"/> + <g filter="url(#a)"> + <path d="M264 20a8 8 0 0 1 8-8h1436c4.42 0 8 3.582 8 8v1077c0 4.42-3.58 8-8 8H272a8 8 0 0 1-8-8V20Z" fill="#F0F0F0"/> + <path d="M264.5 20a7.5 7.5 0 0 1 7.5-7.5h1436c4.14 0 7.5 3.358 7.5 7.5v1077c0 4.14-3.36 7.5-7.5 7.5H272c-4.142 0-7.5-3.36-7.5-7.5V20Z" stroke="#949494"/> + <path d="M922.148 564.982a6.657 6.657 0 0 1-1.543.596 6.653 6.653 0 0 1-1.679.205c-1.869 0-3.321-.661-4.356-1.982-1.028-1.322-1.543-3.181-1.543-5.576 0-2.383.518-4.239 1.553-5.567 1.042-1.334 2.49-2.002 4.346-2.002.592 0 1.152.069 1.679.205a6.702 6.702 0 0 1 1.543.596v2.022a5.442 5.442 0 0 0-1.552-.909 4.718 4.718 0 0 0-1.67-.312c-1.283 0-2.243.495-2.881 1.484-.638.99-.957 2.484-.957 4.483 0 1.992.319 3.483.957 4.472.638.99 1.598 1.485 2.881 1.485.573 0 1.133-.105 1.679-.313a5.302 5.302 0 0 0 1.543-.908v2.021Zm7.588-9.16c-.911 0-1.601.355-2.07 1.065-.469.709-.703 1.761-.703 3.154 0 1.387.234 2.438.703 3.154.469.71 1.159 1.065 2.07 1.065.918 0 1.612-.355 2.08-1.065.469-.716.704-1.767.704-3.154 0-1.393-.235-2.445-.704-3.154-.468-.71-1.162-1.065-2.08-1.065Zm0-1.523c1.517 0 2.676.491 3.477 1.474.807.984 1.211 2.406 1.211 4.268 0 1.869-.401 3.294-1.201 4.277-.801.977-1.963 1.465-3.487 1.465-1.517 0-2.675-.488-3.476-1.465-.801-.983-1.201-2.408-1.201-4.277 0-1.862.4-3.284 1.201-4.268.801-.983 1.959-1.474 3.476-1.474Zm16.299 4.424v6.777h-1.806v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.488.3-1.944.899-.449.592-.673 1.445-.673 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.298-1.416.547-.325 1.195-.488 1.944-.488 1.113 0 1.943.368 2.49 1.103.553.73.83 1.836.83 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.602.478h2.021v1.436h-2.197c-1.348 0-2.298-.27-2.851-.811-.554-.54-.831-1.471-.831-2.793v-5.937h-2.919v-1.397h2.919v-3.105h1.797Zm16.993 7.676v.879h-7.784v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 10.983 10.983 0 0 0 2.001-.83v1.787a11.64 11.64 0 0 1-1.982.625 8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.394 0 2.491.472 3.291 1.416.808.944 1.237 2.083 1.29 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.032-.83-.866 0-1.578.287-2.138.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm13.174.118v6.777h-1.807v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.487.3-1.943.899-.449.592-.674 1.445-.674 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.299-1.416.547-.325 1.194-.488 1.943-.488 1.113 0 1.944.368 2.49 1.103.554.73.831 1.836.831 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.601.478h2.022v1.436h-2.198c-1.347 0-2.298-.27-2.851-.811-.553-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.797Zm20.379-.537h8.59v1.66h-6.61v3.906h5.99v1.66h-5.99v7.354h-1.98v-14.58Zm21.06 5.898a4.162 4.162 0 0 0-1.18-.654 3.93 3.93 0 0 0-1.3-.205c-1.12 0-1.98.352-2.57 1.055-.6.703-.89 1.718-.89 3.047v5.439h-1.81v-10.938h1.81v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.21-.625.45 0 .86.055 1.24.166.39.111.75.283 1.11.517v1.836Zm7.62 3.184h-.59c-1.05 0-1.84.186-2.38.557-.52.364-.79.911-.79 1.64 0 .658.2 1.169.6 1.533.4.365.95.547 1.65.547.99 0 1.77-.341 2.33-1.025.57-.69.86-1.641.86-2.852v-.4h-1.68Zm3.49-.742v6.24h-1.81v-1.621c-.38.651-.87 1.133-1.45 1.445-.58.306-1.29.459-2.12.459-1.11 0-2-.312-2.67-.937-.66-.632-.99-1.475-.99-2.53 0-1.217.4-2.142 1.22-2.773.82-.632 2.02-.947 3.6-.947h2.41v-.284c0-.872-.22-1.503-.66-1.894-.44-.397-1.13-.596-2.09-.596-.61 0-1.23.088-1.86.264-.62.176-1.23.433-1.82.771v-1.796c.66-.254 1.3-.443 1.9-.567.61-.13 1.21-.195 1.78-.195.9 0 1.68.133 2.31.4.65.267 1.17.668 1.57 1.201.24.326.42.73.52 1.211.11.476.16 1.192.16 2.149Zm8.31-3.584c.22-.469.5-.814.84-1.035.34-.228.76-.342 1.24-.342.88 0 1.5.342 1.86 1.025.36.677.54 1.957.54 3.838v6.338h-1.64v-6.26c0-1.543-.09-2.5-.26-2.871-.17-.377-.48-.566-.94-.566-.52 0-.88.202-1.07.605-.19.397-.29 1.341-.29 2.832v6.26h-1.64v-6.26c0-1.562-.09-2.526-.28-2.89-.18-.365-.51-.547-1-.547-.47 0-.8.202-.99.605-.19.397-.28 1.341-.28 2.832v6.26h-1.63v-10.938h1.63v.938c.22-.391.49-.687.8-.889.33-.208.7-.312 1.11-.312.49 0 .9.114 1.23.342.33.227.59.573.77 1.035Zm16.39 3.457v.879h-7.79v.058c-.05 1.491.23 2.562.85 3.213.63.651 1.51.977 2.64.977.57 0 1.17-.091 1.8-.274.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.35.489-1.98.625-.64.144-1.25.215-1.84.215-1.7 0-3.03-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.93-1.041 2.18-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.23 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.15-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.87 1.217-.92 1.933l5.92-.01Z" fill="#1E1E1E"/> + </g> + <defs> + <filter id="a" x="260" y="11" width="1460" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15996_31469"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_15996_31469" result="effect2_dropShadow_15996_31469"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_15996_31469" result="effect3_dropShadow_15996_31469"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_15996_31469" result="effect4_dropShadow_15996_31469"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15996_31469" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/page-layout-example-4.64ab4440.svg b/static/media/page-layout-example-4.64ab4440.svg new file mode 100644 index 00000000000000..7d5ace28927bb0 --- /dev/null +++ b/static/media/page-layout-example-4.64ab4440.svg @@ -0,0 +1,72 @@ +<svg width="1728" height="1117" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path fill="#E0E0E0" d="M0 0h1728v1117H0z"/> + <path d="M99.705 551.418v2.002a7.764 7.764 0 0 0-1.807-.869 5.806 5.806 0 0 0-1.816-.293c-.931 0-1.667.218-2.207.654-.54.43-.81 1.012-.81 1.748 0 .645.175 1.136.527 1.475.358.338 1.022.622 1.992.849l1.035.235c1.367.319 2.363.82 2.988 1.504.625.683.938 1.614.938 2.793 0 1.386-.43 2.444-1.29 3.173-.858.73-2.108 1.094-3.75 1.094-.683 0-1.37-.075-2.06-.224a11.333 11.333 0 0 1-2.08-.655v-2.099c.749.475 1.455.823 2.12 1.045.67.221 1.344.332 2.02.332.997 0 1.772-.222 2.325-.664.553-.45.83-1.075.83-1.875 0-.73-.192-1.286-.576-1.67-.378-.384-1.038-.681-1.982-.889l-1.055-.244c-1.354-.306-2.337-.768-2.95-1.387-.611-.618-.917-1.448-.917-2.49 0-1.302.436-2.344 1.308-3.125.88-.788 2.045-1.182 3.496-1.182.56 0 1.15.065 1.768.196.618.123 1.27.312 1.953.566Zm5.254 3.184h4.6v9.502h3.564v1.396h-8.926v-1.396h3.565v-8.106h-2.803v-1.396Zm2.803-4.248h1.797v2.265h-1.797v-2.265Zm14.541 5.605v-5.654h1.797V565.5h-1.797v-1.377c-.3.54-.7.954-1.201 1.24-.495.28-1.068.42-1.719.42-1.322 0-2.363-.511-3.125-1.533-.755-1.029-1.133-2.445-1.133-4.248 0-1.777.381-3.171 1.143-4.18.761-1.015 1.8-1.523 3.115-1.523.657 0 1.237.143 1.738.43.501.279.895.69 1.182 1.23Zm-5.283 4.082c0 1.393.221 2.445.664 3.154.442.71 1.097 1.065 1.962 1.065.866 0 1.524-.358 1.973-1.074.456-.717.684-1.765.684-3.145 0-1.387-.228-2.435-.684-3.145-.449-.716-1.107-1.074-1.973-1.074-.865 0-1.52.355-1.962 1.065-.443.709-.664 1.761-.664 3.154Zm19.892-.908v.879h-7.783v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.503.977 2.636.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.344.489-1.982.625a8.253 8.253 0 0 1-1.836.215c-1.7 0-3.028-.508-3.985-1.523-.957-1.022-1.435-2.429-1.435-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm11.875 1.436c0-1.393-.221-2.445-.664-3.154-.443-.71-1.097-1.065-1.963-1.065-.872 0-1.533.358-1.982 1.074-.449.71-.674 1.758-.674 3.145 0 1.38.225 2.428.674 3.145.449.716 1.11 1.074 1.982 1.074.866 0 1.52-.355 1.963-1.065.443-.709.664-1.761.664-3.154Zm-5.283-4.082c.286-.534.68-.944 1.182-1.23.507-.287 1.093-.43 1.757-.43 1.316 0 2.351.508 3.106 1.523.755 1.009 1.133 2.403 1.133 4.18 0 1.803-.381 3.219-1.143 4.248-.755 1.022-1.793 1.533-3.115 1.533-.651 0-1.227-.14-1.729-.42a3.177 3.177 0 0 1-1.191-1.24v1.377h-1.797v-15.195h1.797v5.654Zm15.225 4.043h-.596c-1.048 0-1.839.186-2.373.557-.527.364-.791.911-.791 1.64 0 .658.198 1.169.596 1.533.397.365.947.547 1.65.547.99 0 1.768-.341 2.334-1.025.566-.69.853-1.641.859-2.852v-.4h-1.679Zm3.486-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.579.306-1.286.459-2.119.459-1.113 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.407-2.142 1.221-2.773.82-.632 2.021-.947 3.603-.947h2.412v-.284c-.006-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.109 8.109 0 0 0-1.826.771v-1.796a12.214 12.214 0 0 1 1.904-.567 8.55 8.55 0 0 1 1.777-.195c.905 0 1.677.133 2.315.4a3.648 3.648 0 0 1 1.562 1.201c.248.326.424.73.528 1.211.104.476.156 1.192.156 2.149Zm12.988-2.442a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Z" fill="#1E1E1E"/> + <g filter="url(#a)"> + <path d="M264 20a8 8 0 0 1 8-8h344a8 8 0 0 1 8 8v1077a8 8 0 0 1-8 8H272a8 8 0 0 1-8-8V20Z" fill="#F0F0F0"/> + <path d="M272 12.5h344a7.5 7.5 0 0 1 7.5 7.5v1077c0 4.14-3.358 7.5-7.5 7.5H272c-4.142 0-7.5-3.36-7.5-7.5V20a7.5 7.5 0 0 1 7.5-7.5Z" stroke="#949494"/> + <path d="M376.148 564.982a6.657 6.657 0 0 1-1.543.596 6.653 6.653 0 0 1-1.679.205c-1.869 0-3.321-.661-4.356-1.982-1.028-1.322-1.543-3.181-1.543-5.576 0-2.383.518-4.239 1.553-5.567 1.042-1.334 2.49-2.002 4.346-2.002.592 0 1.152.069 1.679.205a6.702 6.702 0 0 1 1.543.596v2.022a5.442 5.442 0 0 0-1.552-.909 4.718 4.718 0 0 0-1.67-.312c-1.283 0-2.243.495-2.881 1.484-.638.99-.957 2.484-.957 4.483 0 1.992.319 3.483.957 4.472.638.99 1.598 1.485 2.881 1.485.573 0 1.133-.105 1.679-.313a5.302 5.302 0 0 0 1.543-.908v2.021Zm7.588-9.16c-.911 0-1.601.355-2.07 1.065-.469.709-.703 1.761-.703 3.154 0 1.387.234 2.438.703 3.154.469.71 1.159 1.065 2.07 1.065.918 0 1.612-.355 2.08-1.065.469-.716.704-1.767.704-3.154 0-1.393-.235-2.445-.704-3.154-.468-.71-1.162-1.065-2.08-1.065Zm0-1.523c1.517 0 2.676.491 3.477 1.474.807.984 1.211 2.406 1.211 4.268 0 1.869-.401 3.294-1.201 4.277-.801.977-1.963 1.465-3.487 1.465-1.517 0-2.675-.488-3.476-1.465-.801-.983-1.201-2.408-1.201-4.277 0-1.862.4-3.284 1.201-4.268.801-.983 1.959-1.474 3.476-1.474Zm16.299 4.424v6.777h-1.806v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.488.3-1.944.899-.449.592-.673 1.445-.673 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.298-1.416.547-.325 1.195-.488 1.944-.488 1.113 0 1.943.368 2.49 1.103.553.73.83 1.836.83 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.602.478h2.021v1.436h-2.197c-1.348 0-2.298-.27-2.851-.811-.554-.54-.831-1.471-.831-2.793v-5.937h-2.919v-1.397h2.919v-3.105h1.797Zm16.993 7.676v.879h-7.784v.058c-.052 1.491.231 2.562.85 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 10.983 10.983 0 0 0 2.001-.83v1.787a11.64 11.64 0 0 1-1.982.625 8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.406-4.18.938-1.041 2.188-1.562 3.75-1.562 1.394 0 2.491.472 3.291 1.416.808.944 1.237 2.083 1.29 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.032-.83-.866 0-1.578.287-2.138.86-.56.573-.866 1.217-.918 1.933l5.918-.01Zm13.174.118v6.777h-1.807v-6.777c0-.983-.173-1.706-.518-2.168-.345-.463-.885-.694-1.621-.694-.84 0-1.487.3-1.943.899-.449.592-.674 1.445-.674 2.558v6.182h-1.797v-10.938h1.797v1.641c.319-.625.752-1.097 1.299-1.416.547-.325 1.194-.488 1.943-.488 1.113 0 1.944.368 2.49 1.103.554.73.831 1.836.831 3.321Zm7.783-7.266v3.105h4.082v1.397h-4.082v5.937c0 .808.153 1.371.459 1.69.306.319.84.478 1.601.478h2.022v1.436h-2.198c-1.347 0-2.298-.27-2.851-.811-.553-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.797Zm20.381-.537h8.584v1.66h-6.602v3.906h5.986v1.66h-5.986v7.354h-1.982v-14.58Zm21.054 5.898a4.071 4.071 0 0 0-1.172-.654 3.987 3.987 0 0 0-1.308-.205c-1.12 0-1.976.352-2.569 1.055-.592.703-.888 1.718-.888 3.047v5.439h-1.807v-10.938h1.807v2.139c.299-.775.758-1.367 1.377-1.777.625-.417 1.364-.625 2.216-.625.443 0 .857.055 1.241.166.384.111.752.283 1.103.517v1.836Zm7.627 3.184h-.595c-1.049 0-1.84.186-2.374.557-.527.364-.791.911-.791 1.64 0 .658.199 1.169.596 1.533.397.365.947.547 1.651.547.989 0 1.767-.341 2.334-1.025.566-.69.852-1.641.859-2.852v-.4h-1.68Zm3.487-.742v6.24h-1.807v-1.621c-.384.651-.869 1.133-1.455 1.445-.58.306-1.286.459-2.119.459-1.114 0-2.002-.312-2.666-.937-.664-.632-.996-1.475-.996-2.53 0-1.217.406-2.142 1.22-2.773.821-.632 2.022-.947 3.604-.947h2.412v-.284c-.007-.872-.228-1.503-.664-1.894-.436-.397-1.133-.596-2.09-.596-.612 0-1.23.088-1.855.264a8.136 8.136 0 0 0-1.827.771v-1.796a12.192 12.192 0 0 1 1.905-.567 8.543 8.543 0 0 1 1.777-.195c.905 0 1.676.133 2.314.4a3.645 3.645 0 0 1 1.563 1.201c.247.326.423.73.527 1.211.104.476.157 1.192.157 2.149Zm8.31-3.584c.221-.469.501-.814.84-1.035.345-.228.758-.342 1.24-.342.879 0 1.498.342 1.856 1.025.364.677.546 1.957.546 3.838v6.338h-1.64v-6.26c0-1.543-.088-2.5-.264-2.871-.169-.377-.482-.566-.937-.566-.521 0-.879.202-1.075.605-.188.397-.283 1.341-.283 2.832v6.26h-1.64v-6.26c0-1.562-.095-2.526-.284-2.89-.182-.365-.514-.547-.996-.547-.475 0-.807.202-.996.605-.182.397-.273 1.341-.273 2.832v6.26h-1.631v-10.938h1.631v.938c.215-.391.482-.687.801-.889a2.003 2.003 0 0 1 1.103-.312c.495 0 .905.114 1.231.342.332.227.589.573.771 1.035Zm16.387 3.457v.879h-7.783v.058c-.052 1.491.231 2.562.849 3.213.625.651 1.504.977 2.637.977a6.39 6.39 0 0 0 1.797-.274 11.02 11.02 0 0 0 2.002-.83v1.787c-.684.28-1.345.489-1.983.625a8.24 8.24 0 0 1-1.836.215c-1.699 0-3.027-.508-3.984-1.523-.957-1.022-1.436-2.429-1.436-4.219 0-1.745.469-3.138 1.407-4.18.937-1.041 2.187-1.562 3.75-1.562 1.393 0 2.49.472 3.291 1.416.807.944 1.237 2.083 1.289 3.418Zm-1.797-.528a3.443 3.443 0 0 0-.83-1.953c-.469-.553-1.146-.83-2.031-.83-.866 0-1.579.287-2.139.86-.56.573-.866 1.217-.918 1.933l5.918-.01Z" fill="#1E1E1E"/> + </g> + <g filter="url(#b)"> + <path d="M636 20a8 8 0 0 1 8-8h1064c4.42 0 8 3.582 8 8v1077c0 4.42-3.58 8-8 8H644a8 8 0 0 1-8-8V20Z" fill="#F0F0F0"/> + <path d="M644 12.5h1064c4.14 0 7.5 3.358 7.5 7.5v1077c0 4.14-3.36 7.5-7.5 7.5H644c-4.142 0-7.5-3.36-7.5-7.5V20a7.5 7.5 0 0 1 7.5-7.5Z" stroke="#949494"/> + <path d="M1108.15 564.982a6.758 6.758 0 0 1-3.22.801c-1.87 0-3.32-.661-4.36-1.982-1.03-1.322-1.54-3.181-1.54-5.576 0-2.383.51-4.239 1.55-5.567 1.04-1.334 2.49-2.002 4.35-2.002a6.736 6.736 0 0 1 3.22.801v2.022c-.48-.398-1-.7-1.55-.909a4.742 4.742 0 0 0-1.67-.312c-1.29 0-2.25.495-2.89 1.484-.63.99-.95 2.484-.95 4.483 0 1.992.32 3.483.95 4.472.64.99 1.6 1.485 2.89 1.485.57 0 1.13-.105 1.68-.313a5.407 5.407 0 0 0 1.54-.908v2.021Zm7.59-9.16c-.92 0-1.61.355-2.07 1.065-.47.709-.71 1.761-.71 3.154 0 1.387.24 2.438.71 3.154.46.71 1.15 1.065 2.07 1.065.91 0 1.61-.355 2.08-1.065.47-.716.7-1.767.7-3.154 0-1.393-.23-2.445-.7-3.154-.47-.71-1.17-1.065-2.08-1.065Zm0-1.523c1.51 0 2.67.491 3.47 1.474.81.984 1.21 2.406 1.21 4.268 0 1.869-.4 3.294-1.2 4.277-.8.977-1.96 1.465-3.48 1.465s-2.68-.488-3.48-1.465c-.8-.983-1.2-2.408-1.2-4.277 0-1.862.4-3.284 1.2-4.268.8-.983 1.96-1.474 3.48-1.474Zm16.3 4.424v6.777h-1.81v-6.777c0-.983-.17-1.706-.52-2.168-.34-.463-.88-.694-1.62-.694-.84 0-1.49.3-1.94.899-.45.592-.68 1.445-.68 2.558v6.182h-1.79v-10.938h1.79v1.641c.32-.625.75-1.097 1.3-1.416.55-.325 1.2-.488 1.94-.488 1.12 0 1.95.368 2.5 1.103.55.73.83 1.836.83 3.321Zm7.78-7.266v3.105h4.08v1.397h-4.08v5.937c0 .808.15 1.371.46 1.69.3.319.84.478 1.6.478h2.02v1.436h-2.2c-1.34 0-2.3-.27-2.85-.811-.55-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.8Zm16.99 7.676v.879h-7.78v.058c-.05 1.491.23 2.562.85 3.213.62.651 1.5.977 2.63.977.58 0 1.18-.091 1.8-.274.63-.182 1.29-.459 2-.83v1.787c-.68.28-1.34.489-1.98.625a8.22 8.22 0 0 1-1.84.215c-1.7 0-3.02-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.94-1.041 2.19-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.24 2.083 1.29 3.418Zm-1.8-.528a3.358 3.358 0 0 0-.83-1.953c-.47-.553-1.14-.83-2.03-.83-.86 0-1.58.287-2.14.86s-.86 1.217-.91 1.933l5.91-.01Zm13.18.118v6.777h-1.81v-6.777c0-.983-.17-1.706-.52-2.168-.34-.463-.88-.694-1.62-.694-.84 0-1.49.3-1.94.899-.45.592-.68 1.445-.68 2.558v6.182h-1.79v-10.938h1.79v1.641c.32-.625.76-1.097 1.3-1.416.55-.325 1.2-.488 1.95-.488 1.11 0 1.94.368 2.49 1.103.55.73.83 1.836.83 3.321Zm7.78-7.266v3.105h4.08v1.397h-4.08v5.937c0 .808.15 1.371.46 1.69.31.319.84.478 1.6.478h2.02v1.436h-2.19c-1.35 0-2.3-.27-2.86-.811-.55-.54-.83-1.471-.83-2.793v-5.937h-2.92v-1.397h2.92v-3.105h1.8Zm20.38-.537h8.59v1.66h-6.61v3.906h5.99v1.66h-5.99v7.354h-1.98v-14.58Zm21.06 5.898a4.162 4.162 0 0 0-1.18-.654 3.93 3.93 0 0 0-1.3-.205c-1.12 0-1.98.352-2.57 1.055-.6.703-.89 1.718-.89 3.047v5.439h-1.81v-10.938h1.81v2.139c.3-.775.76-1.367 1.38-1.777.62-.417 1.36-.625 2.21-.625.45 0 .86.055 1.24.166.39.111.75.283 1.11.517v1.836Zm7.62 3.184h-.59c-1.05 0-1.84.186-2.38.557-.52.364-.79.911-.79 1.64 0 .658.2 1.169.6 1.533.4.365.95.547 1.65.547.99 0 1.77-.341 2.33-1.025.57-.69.86-1.641.86-2.852v-.4h-1.68Zm3.49-.742v6.24h-1.81v-1.621c-.38.651-.87 1.133-1.45 1.445-.58.306-1.29.459-2.12.459-1.11 0-2-.312-2.67-.937-.66-.632-.99-1.475-.99-2.53 0-1.217.4-2.142 1.22-2.773.82-.632 2.02-.947 3.6-.947h2.41v-.284c0-.872-.22-1.503-.66-1.894-.44-.397-1.13-.596-2.09-.596-.61 0-1.23.088-1.86.264-.62.176-1.23.433-1.82.771v-1.796c.66-.254 1.3-.443 1.9-.567.61-.13 1.21-.195 1.78-.195.9 0 1.68.133 2.31.4.65.267 1.17.668 1.57 1.201.24.326.42.73.52 1.211.11.476.16 1.192.16 2.149Zm8.31-3.584c.22-.469.5-.814.84-1.035.34-.228.76-.342 1.24-.342.88 0 1.5.342 1.86 1.025.36.677.54 1.957.54 3.838v6.338h-1.64v-6.26c0-1.543-.09-2.5-.26-2.871-.17-.377-.48-.566-.94-.566-.52 0-.88.202-1.07.605-.19.397-.29 1.341-.29 2.832v6.26h-1.64v-6.26c0-1.562-.09-2.526-.28-2.89-.18-.365-.51-.547-1-.547-.47 0-.8.202-.99.605-.19.397-.28 1.341-.28 2.832v6.26h-1.63v-10.938h1.63v.938c.22-.391.49-.687.8-.889.33-.208.7-.312 1.11-.312.49 0 .9.114 1.23.342.33.227.59.573.77 1.035Zm16.39 3.457v.879h-7.79v.058c-.05 1.491.23 2.562.85 3.213.63.651 1.51.977 2.64.977.57 0 1.17-.091 1.8-.274.62-.182 1.29-.459 2-.83v1.787c-.68.28-1.35.489-1.98.625-.64.144-1.25.215-1.84.215-1.7 0-3.03-.508-3.98-1.523-.96-1.022-1.44-2.429-1.44-4.219 0-1.745.47-3.138 1.41-4.18.93-1.041 2.18-1.562 3.75-1.562 1.39 0 2.49.472 3.29 1.416.81.944 1.23 2.083 1.29 3.418Zm-1.8-.528c-.08-.755-.35-1.406-.83-1.953-.47-.553-1.15-.83-2.03-.83-.87 0-1.58.287-2.14.86s-.87 1.217-.92 1.933l5.92-.01Z" fill="#1E1E1E"/> + </g> + <defs> + <filter id="a" x="260" y="11" width="368" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_18808_33283" result="effect2_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_18808_33283" result="effect3_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_18808_33283" result="effect4_dropShadow_18808_33283"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_18808_33283" result="shape"/> + </filter> + <filter id="b" x="632" y="11" width="1088" height="1102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="4"/> + <feGaussianBlur stdDeviation="2"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.01 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="3"/> + <feGaussianBlur stdDeviation="1.5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect1_dropShadow_18808_33283" result="effect2_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/> + <feBlend in2="effect2_dropShadow_18808_33283" result="effect3_dropShadow_18808_33283"/> + <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation=".5"/> + <feComposite in2="hardAlpha" operator="out"/> + <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/> + <feBlend in2="effect3_dropShadow_18808_33283" result="effect4_dropShadow_18808_33283"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_18808_33283" result="shape"/> + </filter> + </defs> +</svg> \ No newline at end of file diff --git a/static/media/radius-do.89925613.svg b/static/media/radius-do.89925613.svg new file mode 100644 index 00000000000000..baec81e98456a4 --- /dev/null +++ b/static/media/radius-do.89925613.svg @@ -0,0 +1,58 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="821" height="400" fill="none"> + <g clip-path="url(#a)"> + <rect width="821" height="400" fill="#3858E9" rx="8"/> + <rect width="835" height="662" x="-211" y="60" fill="#607AEE" rx="48"/> + <rect width="834" height="661" x="-210.5" y="60.5" stroke="#fff" stroke-opacity=".2" rx="47.5"/> + <rect width="111" height="40" x="-34" y="107" fill="#7D92F1" rx="20"/> + <rect width="110" height="39" x="-33.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="111" height="40" x="93" y="107" fill="#7D92F1" rx="20"/> + <rect width="110" height="39" x="93.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="111" height="40" x="220" y="107" fill="#7D92F1" rx="20"/> + <rect width="110" height="39" x="220.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="40" height="40" x="537" y="107" fill="#7D92F1" rx="12"/> + <rect width="39" height="39" x="537.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <g filter="url(#b)"> + <rect width="335" height="502" x="242" y="163" fill="#93A4F4" rx="24"/> + <rect width="334" height="501" x="242.5" y="163.5" stroke="#fff" stroke-opacity=".2" rx="23.5"/> + </g> + <rect width="287" height="62" x="266" y="187" fill="#ADBBFB" rx="12"/> + <rect width="286" height="61" x="266.5" y="187.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <rect width="40" height="40" x="266" y="281" fill="#ADBBFB" rx="20"/> + <rect width="39" height="39" x="266.5" y="281.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="40" height="40" x="266" y="337" fill="#ADBBFB" rx="20"/> + <rect width="39" height="39" x="266.5" y="337.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="40" height="40" x="266" y="393" fill="#ADBBFB" rx="20"/> + <rect width="39" height="39" x="266.5" y="393.5" stroke="#fff" stroke-opacity=".2" rx="19.5"/> + <rect width="40" height="40" x="502" y="198" fill="#CCD4FF" rx="6"/> + <rect width="39" height="39" x="502.5" y="198.5" stroke="#fff" stroke-opacity=".2" rx="5.5"/> + </g> + <defs> + <clipPath id="a"> + <rect width="821" height="400" fill="#fff" rx="8"/> + </clipPath> + <filter id="b" width="533" height="867" x="143" y="144" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="15"/> + <feGaussianBlur stdDeviation="17"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.1 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15778_6552"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="62"/> + <feGaussianBlur stdDeviation="31"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.09 0"/> + <feBlend in2="effect1_dropShadow_15778_6552" result="effect2_dropShadow_15778_6552"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="139"/> + <feGaussianBlur stdDeviation="41.5"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.05 0"/> + <feBlend in2="effect2_dropShadow_15778_6552" result="effect3_dropShadow_15778_6552"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="247"/> + <feGaussianBlur stdDeviation="49.5"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.01 0"/> + <feBlend in2="effect3_dropShadow_15778_6552" result="effect4_dropShadow_15778_6552"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15778_6552" result="shape"/> + </filter> + </defs> +</svg> diff --git a/static/media/radius-dont.ac31f88a.svg b/static/media/radius-dont.ac31f88a.svg new file mode 100644 index 00000000000000..b4426b2fdd9199 --- /dev/null +++ b/static/media/radius-dont.ac31f88a.svg @@ -0,0 +1,58 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="821" height="400" fill="none"> + <g clip-path="url(#a)"> + <rect width="821" height="400" fill="#3858E9" rx="8"/> + <rect width="835" height="662" x="-211" y="60" fill="#607AEE" rx="6"/> + <rect width="834" height="661" x="-210.5" y="60.5" stroke="#fff" stroke-opacity=".2" rx="5.5"/> + <rect width="111" height="40" x="-34" y="107" fill="#7D92F1" rx="12"/> + <rect width="110" height="39" x="-33.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <rect width="111" height="40" x="93" y="107" fill="#7D92F1" rx="12"/> + <rect width="110" height="39" x="93.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <rect width="111" height="40" x="220" y="107" fill="#7D92F1" rx="12"/> + <rect width="110" height="39" x="220.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <rect width="40" height="40" x="537" y="107" fill="#7D92F1" rx="12"/> + <rect width="39" height="39" x="537.5" y="107.5" stroke="#fff" stroke-opacity=".2" rx="11.5"/> + <g filter="url(#b)"> + <rect width="335" height="502" x="242" y="163" fill="#93A4F4" rx="6"/> + <rect width="334" height="501" x="242.5" y="163.5" stroke="#fff" stroke-opacity=".2" rx="5.5"/> + </g> + <rect width="40" height="40" x="266" y="281" fill="#ADBBFB" rx="16"/> + <rect width="39" height="39" x="266.5" y="281.5" stroke="#fff" stroke-opacity=".2" rx="15.5"/> + <rect width="40" height="40" x="266" y="337" fill="#ADBBFB" rx="16"/> + <rect width="39" height="39" x="266.5" y="337.5" stroke="#fff" stroke-opacity=".2" rx="15.5"/> + <rect width="40" height="40" x="266" y="393" fill="#ADBBFB" rx="16"/> + <rect width="39" height="39" x="266.5" y="393.5" stroke="#fff" stroke-opacity=".2" rx="15.5"/> + <rect width="287" height="62" x="266" y="187" fill="#ADBBFB" rx="6"/> + <rect width="286" height="61" x="266.5" y="187.5" stroke="#fff" stroke-opacity=".2" rx="5.5"/> + <rect width="40" height="40" x="502" y="198" fill="#CCD4FF" rx="9"/> + <rect width="39" height="39" x="502.5" y="198.5" stroke="#fff" stroke-opacity=".2" rx="8.5"/> + </g> + <defs> + <clipPath id="a"> + <rect width="821" height="400" fill="#fff" rx="8"/> + </clipPath> + <filter id="b" width="533" height="867" x="143" y="144" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="15"/> + <feGaussianBlur stdDeviation="17"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.1 0"/> + <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_15779_6567"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="62"/> + <feGaussianBlur stdDeviation="31"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.09 0"/> + <feBlend in2="effect1_dropShadow_15779_6567" result="effect2_dropShadow_15779_6567"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="139"/> + <feGaussianBlur stdDeviation="41.5"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.05 0"/> + <feBlend in2="effect2_dropShadow_15779_6567" result="effect3_dropShadow_15779_6567"/> + <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="247"/> + <feGaussianBlur stdDeviation="49.5"/> + <feColorMatrix values="0 0 0 0 0.0117647 0 0 0 0 0.0627451 0 0 0 0 0.329412 0 0 0 0.01 0"/> + <feBlend in2="effect3_dropShadow_15779_6567" result="effect4_dropShadow_15779_6567"/> + <feBlend in="SourceGraphic" in2="effect4_dropShadow_15779_6567" result="shape"/> + </filter> + </defs> +</svg> diff --git a/static/media/radius.e32f9e0c.svg b/static/media/radius.e32f9e0c.svg new file mode 100644 index 00000000000000..a5d81ef7ca0535 --- /dev/null +++ b/static/media/radius.e32f9e0c.svg @@ -0,0 +1,62 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1091" height="395" fill="none"> + <g clip-path="url(#a)"> + <rect width="1091" height="395" fill="#3858E9" rx="8"/> + <g filter="url(#b)"> + <path fill="url(#c)" fill-opacity=".8" d="M73.06 344.57c-31.45-117.36 38.2-238 155.56-269.44L1091.2-156l166.69 622.08L182.8 754.14 73.07 344.57Z"/> + </g> + <g filter="url(#d)"> + <path fill="url(#e)" fill-opacity=".8" d="M130.76 328.07c-22.73-84.82 27.6-172 112.43-194.73l863.53-231.38 145.37 542.51L234.97 717.02 130.76 328.07Z"/> + </g> + <g filter="url(#f)"> + <path fill="url(#g)" fill-opacity=".8" d="M188.71 312.55c-14.15-52.82 17.2-107.1 70-121.25l863.55-231.4 127.94 477.48-959.16 257-102.32-381.84Z"/> + </g> + <g filter="url(#h)"> + <path fill="url(#i)" fill-opacity=".8" d="M246.93 297.98A40 40 0 0 1 275.2 249l862.57-231.12 103.79 387.33-901.2 241.48-93.44-348.7Z"/> + </g> + </g> + <defs> + <linearGradient id="c" x1="553.66" x2="720.34" y1="-11.97" y2="610.11" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + <stop offset="1" stop-color="#fff" stop-opacity=".1"/> + </linearGradient> + <linearGradient id="e" x1="598.16" x2="743.53" y1="38.22" y2="580.74" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + <stop offset="1" stop-color="#fff" stop-opacity=".1"/> + </linearGradient> + <linearGradient id="g" x1="642.67" x2="770.61" y1="88.42" y2="565.89" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + <stop offset="1" stop-color="#fff" stop-opacity=".1"/> + </linearGradient> + <linearGradient id="i" x1="687.18" x2="790.97" y1="138.61" y2="525.94" gradientUnits="userSpaceOnUse"> + <stop stop-color="#fff" stop-opacity=".25"/> + <stop offset="1" stop-color="#fff" stop-opacity=".1"/> + </linearGradient> + <filter id="b" width="1208.37" height="926.14" x="57.51" y="-164" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6502"/> + <feBlend in="SourceGraphic" in2="effect1_backgroundBlur_15773_6502" result="shape"/> + </filter> + <filter id="d" width="1142.79" height="831.06" x="117.3" y="-106.05" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6502"/> + <feBlend in="SourceGraphic" in2="effect1_backgroundBlur_15773_6502" result="shape"/> + </filter> + <filter id="f" width="1080.88" height="750.49" x="177.31" y="-48.09" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6502"/> + <feBlend in="SourceGraphic" in2="effect1_backgroundBlur_15773_6502" result="shape"/> + </filter> + <filter id="h" width="1012.02" height="644.81" x="237.55" y="9.87" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/> + <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_15773_6502"/> + <feBlend in="SourceGraphic" in2="effect1_backgroundBlur_15773_6502" result="shape"/> + </filter> + <clipPath id="a"> + <rect width="1091" height="395" fill="#fff" rx="8"/> + </clipPath> + </defs> +</svg> diff --git a/surface-stories-index-story.04fb0ea4.iframe.bundle.js b/surface-stories-index-story.04fb0ea4.iframe.bundle.js new file mode 100644 index 00000000000000..aab0eaa6f1b589 --- /dev/null +++ b/surface-stories-index-story.04fb0ea4.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see surface-stories-index-story.04fb0ea4.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9035],{"./packages/components/src/surface/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),hook=__webpack_require__("./packages/components/src/surface/hook.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Surface=(0,context_connect.KZ)((function UnconnectedSurface(props,forwardedRef){const surfaceProps=(0,hook.f)(props);return(0,jsx_runtime.jsx)(component.A,{...surfaceProps,ref:forwardedRef})}),"Surface"),surface_component=Surface;try{Surface.displayName="Surface",Surface.__docgenInfo={description:"`Surface` is a core component that renders a primary background color.\n\nIn the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).\n\n```jsx\nimport {\n__experimentalSurface as Surface,\n__experimentalText as Text,\n} from '@wordpress/components';\n\nfunction Example() {\n\treturn (\n\t\t<Surface>\n\t\t\t<Text>Code is Poetry</Text>\n\t\t</Surface>\n\t);\n}\n```",displayName:"Surface",props:{backgroundSize:{defaultValue:{value:"12"},description:'Determines the grid size for "dotted" and "grid" variants.',name:"backgroundSize",required:!1,type:{name:"number"}},borderBottom:{defaultValue:{value:"false"},description:"Renders a bottom border.",name:"borderBottom",required:!1,type:{name:"boolean"}},borderLeft:{defaultValue:{value:"false"},description:"Renders a left border.",name:"borderLeft",required:!1,type:{name:"boolean"}},borderRight:{defaultValue:{value:"false"},description:"Renders a right border.",name:"borderRight",required:!1,type:{name:"boolean"}},borderTop:{defaultValue:{value:"false"},description:"Renders a top border.",name:"borderTop",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"'primary'"},description:"Modifies the background color of `Surface`.\n\n* `primary`: Used for almost all cases.\n* `secondary`: Used as a secondary background for inner `Surface` components.\n* `tertiary`: Used as the app/site wide background. Visible in **dark mode** only. Use case is rare.\n* `grid`: Used to show a grid.\n* `dotted`: Used to show a dots grid.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"grid"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"dotted"'}]}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/surface/component.tsx#Surface"]={docgenInfo:Surface.__docgenInfo,name:"Surface",path:"packages/components/src/surface/component.tsx#Surface"})}catch(__react_docgen_typescript_loader_error){}var text_component=__webpack_require__("./packages/components/src/text/component.tsx");const index_story={component:surface_component,title:"Components (Experimental)/Surface",argTypes:{children:{control:!1},as:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/surface",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,jsx_runtime.jsx)(surface_component,{...args,style:{padding:20,maxWidth:400,margin:"20vh auto"},children:(0,jsx_runtime.jsx)(text_component.A,{children:"Code is Poetry"})})).bind({});Default.args={},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <Surface {...args} style={{\n padding: 20,\n maxWidth: 400,\n margin: '20vh auto'\n }}>\n <Text>Code is Poetry</Text>\n </Surface>;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/surface-stories-index-story.04fb0ea4.iframe.bundle.js.LICENSE.txt b/surface-stories-index-story.04fb0ea4.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/surface-stories-index-story.04fb0ea4.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/tab-panel-stories-index-story.c8afe08a.iframe.bundle.js b/tab-panel-stories-index-story.c8afe08a.iframe.bundle.js new file mode 100644 index 00000000000000..8e09b98e4329f6 --- /dev/null +++ b/tab-panel-stories-index-story.c8afe08a.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[5830],{"./packages/components/src/tab-panel/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,DisabledTab:()=>DisabledTab,ManualActivation:()=>ManualActivation,WithTabIconsAndTooltips:()=>WithTabIconsAndTooltips,default:()=>index_story});var dist=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs"),wordpress=__webpack_require__("./packages/icons/build-module/library/wordpress.js"),library_link=__webpack_require__("./packages/icons/build-module/library/link.js"),more=__webpack_require__("./packages/icons/build-module/library/more.js"),PY4NZ6HS=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/PY4NZ6HS.js"),YV4JVR4I=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),tab_list=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab-list.js"),tab_tab=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab.js"),tab_panel=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab-panel.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),react=__webpack_require__("./node_modules/react/index.js"),use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),use_previous=__webpack_require__("./packages/compose/build-module/hooks/use-previous/index.js"),build_module=__webpack_require__("./packages/i18n/build-module/index.js"),src_button=__webpack_require__("./packages/components/src/button/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const extractTabName=id=>{if(null!=id)return id.match(/^tab-panel-[0-9]*-(.*)/)?.[1]},TabPanel=(0,react.forwardRef)((({className,children,tabs,selectOnMove=!0,initialTabName,orientation="horizontal",activeClass="is-active",onSelect},ref)=>{const instanceId=(0,use_instance_id.A)(TabPanel,"tab-panel"),prependInstanceId=(0,react.useCallback)((tabName=>{if(void 0!==tabName)return`${instanceId}-${tabName}`}),[instanceId]),tabStore=PY4NZ6HS.W({setSelectedId:newTabValue=>{if(null==newTabValue)return;const newTab=tabs.find((t=>prependInstanceId(t.name)===newTabValue));if(newTab?.disabled||newTab===selectedTab)return;const simplifiedTabName=extractTabName(newTabValue);void 0!==simplifiedTabName&&onSelect?.(simplifiedTabName)},orientation,selectOnMove,defaultSelectedId:prependInstanceId(initialTabName),rtl:(0,build_module.V8)()}),selectedTabName=extractTabName(YV4JVR4I.O$(tabStore,"selectedId")),setTabStoreSelectedId=(0,react.useCallback)((tabName=>{tabStore.setState("selectedId",prependInstanceId(tabName))}),[prependInstanceId,tabStore]),selectedTab=tabs.find((({name})=>name===selectedTabName)),previousSelectedTabName=(0,use_previous.A)(selectedTabName);return(0,react.useEffect)((()=>{previousSelectedTabName!==selectedTabName&&selectedTabName===initialTabName&&selectedTabName&&onSelect?.(selectedTabName)}),[selectedTabName,initialTabName,onSelect,previousSelectedTabName]),(0,react.useLayoutEffect)((()=>{if(selectedTab)return;const initialTab=tabs.find((tab=>tab.name===initialTabName));if(!initialTabName||initialTab)if(initialTab&&!initialTab.disabled)setTabStoreSelectedId(initialTab.name);else{const firstEnabledTab=tabs.find((tab=>!tab.disabled));firstEnabledTab&&setTabStoreSelectedId(firstEnabledTab.name)}}),[tabs,selectedTab,initialTabName,instanceId,setTabStoreSelectedId]),(0,react.useEffect)((()=>{if(!selectedTab?.disabled)return;const firstEnabledTab=tabs.find((tab=>!tab.disabled));firstEnabledTab&&setTabStoreSelectedId(firstEnabledTab.name)}),[tabs,selectedTab?.disabled,setTabStoreSelectedId,instanceId]),(0,jsx_runtime.jsxs)("div",{className,ref,children:[(0,jsx_runtime.jsx)(tab_list.w,{store:tabStore,className:"components-tab-panel__tabs",children:tabs.map((tab=>(0,jsx_runtime.jsx)(tab_tab.o,{id:prependInstanceId(tab.name),className:(0,clsx.A)("components-tab-panel__tabs-item",tab.className,{[activeClass]:tab.name===selectedTabName}),disabled:tab.disabled,"aria-controls":`${prependInstanceId(tab.name)}-view`,render:(0,jsx_runtime.jsx)(src_button.Ay,{__next40pxDefaultSize:!0,icon:tab.icon,label:tab.icon&&tab.title,showTooltip:!!tab.icon}),children:!tab.icon&&tab.title},tab.name)))}),selectedTab&&(0,jsx_runtime.jsx)(tab_panel.K,{id:`${prependInstanceId(selectedTab.name)}-view`,store:tabStore,tabId:prependInstanceId(selectedTab.name),className:"components-tab-panel__tab-content",children:children(selectedTab)})]})})),src_tab_panel=TabPanel;try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"",displayName:"TabPanel",props:{activeClass:{defaultValue:{value:"is-active"},description:"The class name to add to the active tab.",name:"activeClass",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"A function which renders the tabviews given the selected tab.\nThe function is passed the active tab object as an argument as defined by the tabs prop.",name:"children",required:!0,type:{name:"(tab: Tab) => ReactNode"}},className:{defaultValue:null,description:"The class name to give to the outer container for the TabPanel.",name:"className",required:!1,type:{name:"string"}},initialTabName:{defaultValue:null,description:"The name of the tab to be selected upon mounting of component.\nIf this prop is not set, the first tab will be selected by default.",name:"initialTabName",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:"The function called when a tab has been selected.\nIt is passed the `tabName` as an argument.",name:"onSelect",required:!1,type:{name:"(tabName: string) => void"}},orientation:{defaultValue:{value:"horizontal"},description:"The orientation of the tablist.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},tabs:{defaultValue:null,description:"Array of tab objects. Each tab object should contain at least a `name` and a `title`.",name:"tabs",required:!0,type:{name:"Tab[]"}},selectOnMove:{defaultValue:{value:"true"},description:"When `true`, the tab will be selected when receiving focus (automatic tab\nactivation). When `false`, the tab will be selected only when clicked\n(manual tab activation). See the official W3C docs for more info.\n.\n@see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/",name:"selectOnMove",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tab-panel/index.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"packages/components/src/tab-panel/index.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}try{tabpanel.displayName="tabpanel",tabpanel.__docgenInfo={description:"",displayName:"tabpanel",props:{activeClass:{defaultValue:{value:"is-active"},description:"The class name to add to the active tab.",name:"activeClass",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"A function which renders the tabviews given the selected tab.\nThe function is passed the active tab object as an argument as defined by the tabs prop.",name:"children",required:!0,type:{name:"(tab: Tab) => ReactNode"}},className:{defaultValue:null,description:"The class name to give to the outer container for the TabPanel.",name:"className",required:!1,type:{name:"string"}},initialTabName:{defaultValue:null,description:"The name of the tab to be selected upon mounting of component.\nIf this prop is not set, the first tab will be selected by default.",name:"initialTabName",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:"The function called when a tab has been selected.\nIt is passed the `tabName` as an argument.",name:"onSelect",required:!1,type:{name:"(tabName: string) => void"}},orientation:{defaultValue:{value:"horizontal"},description:"The orientation of the tablist.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},tabs:{defaultValue:null,description:"Array of tab objects. Each tab object should contain at least a `name` and a `title`.",name:"tabs",required:!0,type:{name:"Tab[]"}},selectOnMove:{defaultValue:{value:"true"},description:"When `true`, the tab will be selected when receiving focus (automatic tab\nactivation). When `false`, the tab will be selected only when clicked\n(manual tab activation). See the official W3C docs for more info.\n.\n@see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/",name:"selectOnMove",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tab-panel/index.tsx#tabpanel"]={docgenInfo:tabpanel.__docgenInfo,name:"tabpanel",path:"packages/components/src/tab-panel/index.tsx#tabpanel"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components/Containers/TabPanel",id:"components-tabpanel",component:src_tab_panel,parameters:{sourceLink:"packages/components/src/tab-panel",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}},args:{onSelect:(0,dist.fn)()}},Template=props=>(0,jsx_runtime.jsx)(src_tab_panel,{...props}),Default=Template.bind({});Default.args={children:tab=>(0,jsx_runtime.jsxs)("p",{children:["Selected tab: ",tab.title]}),tabs:[{name:"tab1",title:"Tab 1"},{name:"tab2",title:"Tab 2"}]};const DisabledTab=Template.bind({});DisabledTab.args={children:tab=>(0,jsx_runtime.jsxs)("p",{children:["Selected tab: ",tab.title]}),tabs:[{name:"tab1",title:"Tab 1",disabled:!0},{name:"tab2",title:"Tab 2"},{name:"tab3",title:"Tab 3"}]};const WithTabIconsAndTooltips=(props=>(0,jsx_runtime.jsx)(src_tab_panel,{...props})).bind({});WithTabIconsAndTooltips.args={children:tab=>(0,jsx_runtime.jsxs)("p",{children:["Selected tab: ",tab.title]}),tabs:[{name:"tab1",title:"Tab 1",icon:wordpress.A},{name:"tab2",title:"Tab 2",icon:library_link.A},{name:"tab3",title:"Tab 3",icon:more.A}]};const ManualActivation=Template.bind({});ManualActivation.args={...Default.args,selectOnMove:!1},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n return <TabPanel {...props} />;\n}",...Default.parameters?.docs?.source}}},DisabledTab.parameters={...DisabledTab.parameters,docs:{...DisabledTab.parameters?.docs,source:{originalSource:"props => {\n return <TabPanel {...props} />;\n}",...DisabledTab.parameters?.docs?.source}}},WithTabIconsAndTooltips.parameters={...WithTabIconsAndTooltips.parameters,docs:{...WithTabIconsAndTooltips.parameters?.docs,source:{originalSource:"props => {\n return <TabPanel {...props} />;\n}",...WithTabIconsAndTooltips.parameters?.docs?.source}}},ManualActivation.parameters={...ManualActivation.parameters,docs:{...ManualActivation.parameters?.docs,source:{originalSource:"props => {\n return <TabPanel {...props} />;\n}",...ManualActivation.parameters?.docs?.source}}}},"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./packages/compose/build-module/hooks/use-previous/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>usePrevious});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){const ref=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)();return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{ref.current=value}),[value]),ref.current}},"./packages/icons/build-module/library/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})})},"./packages/icons/build-module/library/more.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M4 9v1.5h16V9H4zm12 5.5h4V13h-4v1.5zm-6 0h4V13h-4v1.5zm-6 0h4V13H4v1.5z"})})},"./packages/icons/build-module/library/wordpress.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})})}}]); \ No newline at end of file diff --git a/tabs-stories-index-story.552a000f.iframe.bundle.js b/tabs-stories-index-story.552a000f.iframe.bundle.js new file mode 100644 index 00000000000000..d619f557f70f1f --- /dev/null +++ b/tabs-stories-index-story.552a000f.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[7748],{"./packages/components/src/tabs/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ControlledMode:()=>ControlledMode,Default:()=>Default,DisabledTab:()=>DisabledTab,InsertCustomElements:()=>InsertCustomElements,ManualActivation:()=>ManualActivation,SizeAndOverflowPlayground:()=>SizeAndOverflowPlayground,TabBecomesDisabled:()=>TabBecomesDisabled,TabGetsRemoved:()=>TabGetsRemoved,UsingSlotFill:()=>UsingSlotFill,Vertical:()=>Vertical,WithTabIconsAndTooltips:()=>WithTabIconsAndTooltips,default:()=>index_story});var dist=__webpack_require__("./node_modules/@storybook/test/dist/index.mjs"),wordpress=__webpack_require__("./packages/icons/build-module/library/wordpress.js"),library_link=__webpack_require__("./packages/icons/build-module/library/link.js"),more=__webpack_require__("./packages/icons/build-module/library/more.js"),react=__webpack_require__("./node_modules/react/index.js"),PY4NZ6HS=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/PY4NZ6HS.js"),YV4JVR4I=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),build_module=__webpack_require__("./packages/i18n/build-module/index.js");const TabsContext=(0,react.createContext)(void 0),useTabsContext=()=>(0,react.useContext)(TabsContext);var emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),tab_list=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab-list.js"),tab=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab.js"),tab_panel=__webpack_require__("./node_modules/@ariakit/react-core/esm/tab/tab-panel.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),space=__webpack_require__("./packages/components/src/utils/space.ts"),src_icon=__webpack_require__("./packages/components/src/icon/index.tsx");const StyledTabList=(0,emotion_styled_base_browser_esm.A)(tab_list.w,{target:"enfox0g4"})("display:flex;align-items:stretch;overflow-x:auto;&[aria-orientation='vertical']{flex-direction:column;}:where( [aria-orientation='horizontal'] ){width:fit-content;}--direction-factor:1;--direction-start:left;--direction-end:right;--selected-start:var( --selected-left, 0 );&:dir( rtl ){--direction-factor:-1;--direction-start:right;--direction-end:left;--selected-start:var( --selected-right, 0 );}@media not ( prefers-reduced-motion ){&[data-indicator-animated]::before{transition-property:transform,border-radius,border-block;transition-duration:0.2s;transition-timing-function:ease-out;}}position:relative;&::before{content:'';position:absolute;pointer-events:none;transform-origin:var( --direction-start ) top;outline:2px solid transparent;outline-offset:-1px;}--antialiasing-factor:100;&[aria-orientation='horizontal']{--fade-width:4rem;--fade-gradient-base:transparent 0%,black var( --fade-width );--fade-gradient-composed:var( --fade-gradient-base ),black 60%,transparent 50%;&.is-overflowing-first{mask-image:linear-gradient(\n\t\t\t\tto var( --direction-end ),\n\t\t\t\tvar( --fade-gradient-base )\n\t\t\t);}&.is-overflowing-last{mask-image:linear-gradient(\n\t\t\t\tto var( --direction-start ),\n\t\t\t\tvar( --fade-gradient-base )\n\t\t\t);}&.is-overflowing-first.is-overflowing-last{mask-image:linear-gradient(\n\t\t\t\t\tto right,\n\t\t\t\t\tvar( --fade-gradient-composed )\n\t\t\t\t),linear-gradient( to left, var( --fade-gradient-composed ) );}&::before{bottom:0;height:0;width:calc( var( --antialiasing-factor ) * 1px );transform:translateX(\n\t\t\t\t\tcalc(\n\t\t\t\t\t\tvar( --selected-start ) * var( --direction-factor ) *\n\t\t\t\t\t\t\t1px\n\t\t\t\t\t)\n\t\t\t\t) scaleX(\n\t\t\t\t\tcalc(\n\t\t\t\t\t\tvar( --selected-width, 0 ) /\n\t\t\t\t\t\t\tvar( --antialiasing-factor )\n\t\t\t\t\t)\n\t\t\t\t);border-bottom:var( --wp-admin-border-width-focus ) solid ",colors_values.l.theme.accent,";}}&[aria-orientation='vertical']{&::before{border-radius:",config_values.A.radiusSmall,"/calc(\n\t\t\t\t\t",config_values.A.radiusSmall," /\n\t\t\t\t\t\t(\n\t\t\t\t\t\t\tvar( --selected-height, 0 ) /\n\t\t\t\t\t\t\t\tvar( --antialiasing-factor )\n\t\t\t\t\t\t)\n\t\t\t\t);top:0;left:0;width:100%;height:calc( var( --antialiasing-factor ) * 1px );transform:translateY( calc( var( --selected-top, 0 ) * 1px ) ) scaleY(\n\t\t\t\t\tcalc(\n\t\t\t\t\t\tvar( --selected-height, 0 ) /\n\t\t\t\t\t\t\tvar( --antialiasing-factor )\n\t\t\t\t\t)\n\t\t\t\t);background-color:color-mix(\n\t\t\t\tin srgb,\n\t\t\t\t",colors_values.l.theme.accent,",\n\t\t\t\ttransparent 96%\n\t\t\t);}&[data-select-on-move='true']:has(\n\t\t\t\t:is( :focus-visible, [data-focus-visible] )\n\t\t\t)::before{box-sizing:border-box;border:var( --wp-admin-border-width-focus ) solid ",colors_values.l.theme.accent,";border-block-width:calc(\n\t\t\t\tvar( --wp-admin-border-width-focus, 1px ) /\n\t\t\t\t\t(\n\t\t\t\t\t\tvar( --selected-height, 0 ) /\n\t\t\t\t\t\t\tvar( --antialiasing-factor )\n\t\t\t\t\t)\n\t\t\t);}}"),styles_Tab=(0,emotion_styled_base_browser_esm.A)(tab.o,{target:"enfox0g3"})("&{border-radius:0;background:transparent;border:none;box-shadow:none;flex:1 0 auto;white-space:nowrap;display:flex;align-items:center;cursor:pointer;line-height:1.2;font-weight:400;color:",colors_values.l.theme.foreground,";position:relative;&[aria-disabled='true']{cursor:default;color:",colors_values.l.ui.textDisabled,";}&:not( [aria-disabled='true'] ):is( :hover, [data-focus-visible] ){color:",colors_values.l.theme.accent,";}&:focus:not( :disabled ){box-shadow:none;outline:none;}&::after{position:absolute;pointer-events:none;outline:var( --wp-admin-border-width-focus ) solid ",colors_values.l.theme.accent,";border-radius:",config_values.A.radiusSmall,";opacity:0;@media not ( prefers-reduced-motion ){transition:opacity 0.1s linear;}}&[data-focus-visible]::after{opacity:1;}}[aria-orientation='horizontal'] &{padding-inline:",(0,space.x)(4),";height:",(0,space.x)(12),";scroll-margin:24px;&::after{content:'';inset:",(0,space.x)(3),";}}[aria-orientation='vertical'] &{padding:",(0,space.x)(2)," ",(0,space.x)(3),";min-height:",(0,space.x)(10),";&[aria-selected='true']{color:",colors_values.l.theme.accent,";fill:currentColor;}}[aria-orientation='vertical'][data-select-on-move='false'] &::after{content:'';inset:var( --wp-admin-border-width-focus );}"),TabChildren=(0,emotion_styled_base_browser_esm.A)("span",{target:"enfox0g2"})({name:"9at4z3",styles:"flex-grow:1;display:flex;align-items:center;[aria-orientation='horizontal'] &{justify-content:center;}[aria-orientation='vertical'] &{justify-content:start;}"}),TabChevron=(0,emotion_styled_base_browser_esm.A)(src_icon.A,{target:"enfox0g1"})("flex-shrink:0;margin-inline-end:",(0,space.x)(-1),";[aria-orientation='horizontal'] &{display:none;}opacity:0;[role='tab']:is( [aria-selected='true'], [data-focus-visible], :hover ) &{opacity:1;}@media not ( prefers-reduced-motion ){[data-select-on-move='true'] [role='tab']:is( [aria-selected='true'], ) &{transition:opacity 0.15s 0.15s linear;}}&:dir( rtl ){rotate:180deg;}"),styles_TabPanel=(0,emotion_styled_base_browser_esm.A)(tab_panel.K,{target:"enfox0g0"})("&:focus{box-shadow:none;outline:none;}&[data-focus-visible]{box-shadow:0 0 0 var( --wp-admin-border-width-focus ) ",colors_values.l.theme.accent,";outline:2px solid transparent;outline-offset:0;}");var chevron_right=__webpack_require__("./packages/icons/build-module/library/chevron-right.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Tab=(0,react.forwardRef)((function Tab({children,tabId,disabled,render,...otherProps},ref){var _useTabsContext;const{store,instanceId}=null!==(_useTabsContext=useTabsContext())&&void 0!==_useTabsContext?_useTabsContext:{};if(!store)return null;const instancedTabId=`${instanceId}-${tabId}`;return(0,jsx_runtime.jsxs)(styles_Tab,{ref,store,id:instancedTabId,disabled,render,...otherProps,children:[(0,jsx_runtime.jsx)(TabChildren,{children}),(0,jsx_runtime.jsx)(TabChevron,{icon:chevron_right.A})]})}));try{Tab.displayName="Tab",Tab.__docgenInfo={description:"",displayName:"Tab",props:{children:{defaultValue:null,description:"The contents of the tab.",name:"children",required:!1,type:{name:"ReactNode"}},render:{defaultValue:null,description:"Allows the component to be rendered as a different HTML element or React\ncomponent. The value can be a React element or a function that takes in the\noriginal component props and gives back a React element with the props\nmerged.\n\nBy default, the tab will be rendered as a `button` element.",name:"render",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | RenderProp<HTMLAttributes<any> & { ref?: Ref<any>; }>"}},disabled:{defaultValue:{value:"false"},description:"Determines if the tab should be disabled. Note that disabled tabs can\nstill be accessed via the keyboard when navigating through the tablist.",name:"disabled",required:!1,type:{name:"boolean"}},tabId:{defaultValue:null,description:"The unique ID of the tab. It will be used to register the tab and match\nit to a corresponding `Tabs.TabPanel` component.",name:"tabId",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tabs/tab.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"packages/components/src/tabs/tab.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),use_merge_refs=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),element_rect=__webpack_require__("./packages/components/src/utils/element-rect.ts"),use_event=__webpack_require__("./packages/compose/build-module/hooks/use-event/index.js");var use_animated_offset_rect=__webpack_require__("./packages/components/src/utils/hooks/use-animated-offset-rect.ts");const TabList=(0,react.forwardRef)((function TabList({children,...otherProps},ref){var _useTabsContext;const{store}=null!==(_useTabsContext=useTabsContext())&&void 0!==_useTabsContext?_useTabsContext:{},selectedId=YV4JVR4I.O$(store,"selectedId"),activeId=YV4JVR4I.O$(store,"activeId"),selectOnMove=YV4JVR4I.O$(store,"selectOnMove"),items=YV4JVR4I.O$(store,"items"),[parent,setParent]=(0,react.useState)(),refs=(0,use_merge_refs.A)([ref,setParent]),selectedItem=store?.item(selectedId),renderedItems=YV4JVR4I.O$(store,"renderedItems"),selectedItemIndex=renderedItems&&selectedItem?renderedItems.indexOf(selectedItem):-1,selectedRect=(0,element_rect.ec)(selectedItem?.element,[selectedItemIndex]),overflow=function useTrackOverflow(parent,children){const[first,setFirst]=(0,react.useState)(!1),[last,setLast]=(0,react.useState)(!1),[observer,setObserver]=(0,react.useState)(),callback=(0,use_event.A)((entries=>{for(const entry of entries)entry.target===children.first&&setFirst(!entry.isIntersecting),entry.target===children.last&&setLast(!entry.isIntersecting)}));return(0,react.useEffect)((()=>{if(!parent||!window.IntersectionObserver)return;const newObserver=new IntersectionObserver(callback,{root:parent,threshold:.9});return setObserver(newObserver),()=>newObserver.disconnect()}),[callback,parent]),(0,react.useEffect)((()=>{if(observer)return children.first&&observer.observe(children.first),children.last&&observer.observe(children.last),()=>{children.first&&observer.unobserve(children.first),children.last&&observer.unobserve(children.last)}}),[children.first,children.last,observer]),{first,last}}(parent,{first:items?.at(0)?.element,last:items?.at(-1)?.element});(0,use_animated_offset_rect.M)(parent,selectedRect,{prefix:"selected",dataAttribute:"indicator-animated",transitionEndFilter:event=>"::before"===event.pseudoElement,roundRect:!0}),function useScrollRectIntoView(parent,rect,{margin=24}={}){(0,react.useLayoutEffect)((()=>{if(!parent||!rect)return;const{scrollLeft:parentScroll}=parent,parentWidth=parent.getBoundingClientRect().width,{left:childLeft,width:childWidth}=rect,rightOverflow=childLeft+childWidth+margin-(parentScroll+parentWidth),leftOverflow=parentScroll-(childLeft-margin);let scrollLeft=null;leftOverflow>0?scrollLeft=parentScroll-leftOverflow:rightOverflow>0&&(scrollLeft=parentScroll+rightOverflow),null!==scrollLeft&&parent.scroll?.({left:scrollLeft})}),[margin,parent,rect])}(parent,selectedRect);return store?(0,jsx_runtime.jsx)(StyledTabList,{ref:refs,store,render:props=>{var _props$tabIndex;return(0,jsx_runtime.jsx)("div",{...props,tabIndex:null!==(_props$tabIndex=props.tabIndex)&&void 0!==_props$tabIndex?_props$tabIndex:-1})},onBlur:()=>{selectOnMove&&selectedId!==activeId&&store?.setActiveId(selectedId)},"data-select-on-move":selectOnMove?"true":"false",...otherProps,className:(0,clsx.A)(overflow.first&&"is-overflowing-first",overflow.last&&"is-overflowing-last",otherProps.className),children}):null}));try{TabList.displayName="TabList",TabList.__docgenInfo={description:"",displayName:"TabList",props:{children:{defaultValue:null,description:"The children elements, which should include one or more instances of the\n`Tabs.Tab` component.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tabs/tablist.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"packages/components/src/tabs/tablist.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}const TabPanel=(0,react.forwardRef)((function TabPanel({children,tabId,focusable=!0,...otherProps},ref){const context=useTabsContext(),selectedId=(0,YV4JVR4I.O$)(context?.store,"selectedId");if(!context)return null;const{store,instanceId}=context,instancedTabId=`${instanceId}-${tabId}`;return(0,jsx_runtime.jsx)(styles_TabPanel,{ref,store,id:`${instancedTabId}-view`,tabId:instancedTabId,focusable,...otherProps,children:selectedId===instancedTabId&&children})}));try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"",displayName:"TabPanel",props:{children:{defaultValue:null,description:"The contents of the tab panel.",name:"children",required:!1,type:{name:"ReactNode"}},focusable:{defaultValue:{value:"true"},description:"Determines whether or not the tabpanel element should be focusable.\nIf `false`, pressing the tab key will skip over the tabpanel, and instead\nfocus on the first focusable element in the panel (if there is one).",name:"focusable",required:!1,type:{name:"boolean"}},tabId:{defaultValue:null,description:"The unique `id` of the `Tabs.Tab` component controlling this panel. This\nconnection is used to assign the `aria-labelledby` attribute to the tab\npanel and to determine if the tab panel should be visible.\n\nIf not provided, this link is automatically established by matching the\norder of `Tabs.Tab` and `Tabs.TabPanel` elements in the DOM.",name:"tabId",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tabs/tabpanel.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"packages/components/src/tabs/tabpanel.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}function externalToInternalTabId(externalId,instanceId){return externalId&&`${instanceId}-${externalId}`}function internalToExternalTabId(internalId,instanceId){return"string"==typeof internalId?internalId.replace(`${instanceId}-`,""):internalId}const Tabs=Object.assign((function Tabs({selectOnMove=!0,defaultTabId,orientation="horizontal",onSelect,children,selectedTabId,activeTabId,defaultActiveTabId,onActiveTabIdChange}){const instanceId=(0,use_instance_id.A)(Tabs,"tabs"),store=PY4NZ6HS.W({selectOnMove,orientation,defaultSelectedId:externalToInternalTabId(defaultTabId,instanceId),setSelectedId:newSelectedId=>{onSelect?.(internalToExternalTabId(newSelectedId,instanceId))},selectedId:externalToInternalTabId(selectedTabId,instanceId),defaultActiveId:externalToInternalTabId(defaultActiveTabId,instanceId),setActiveId:newActiveId=>{onActiveTabIdChange?.(internalToExternalTabId(newActiveId,instanceId))},activeId:externalToInternalTabId(activeTabId,instanceId),rtl:(0,build_module.V8)()}),{items,activeId}=YV4JVR4I.O$(store),{setActiveId}=store;(0,react.useEffect)((()=>{requestAnimationFrame((()=>{const focusedElement=items?.[0]?.element?.ownerDocument.activeElement;focusedElement&&items.some((item=>focusedElement===item.element))&&activeId!==focusedElement.id&&setActiveId(focusedElement.id)}))}),[activeId,items,setActiveId]);const contextValue=(0,react.useMemo)((()=>({store,instanceId})),[store,instanceId]);return(0,jsx_runtime.jsx)(TabsContext.Provider,{value:contextValue,children})}),{Tab:Object.assign(Tab,{displayName:"Tabs.Tab"}),TabList:Object.assign(TabList,{displayName:"Tabs.TabList"}),TabPanel:Object.assign(TabPanel,{displayName:"Tabs.TabPanel"}),Context:Object.assign(TabsContext,{displayName:"Tabs.Context"})});try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"Display one panel of content at a time with a tabbed interface, based on the\nWAI-ARIA Tabs Pattern⁠.",displayName:"Tabs",props:{children:{defaultValue:null,description:"The children elements, which should include one instance of the\n`Tabs.Tablist` component and as many instances of the `Tabs.TabPanel`\ncomponents as there are `Tabs.Tab` components.",name:"children",required:!0,type:{name:"ReactNode"}},selectOnMove:{defaultValue:{value:"true"},description:"Determines if the tab should be selected when it receives focus. If set to\n`false`, the tab will only be selected upon clicking, not when using arrow\nkeys to shift focus (manual tab activation). See the official W3C docs\nfor more info.\n@see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/",name:"selectOnMove",required:!1,type:{name:"boolean"}},selectedTabId:{defaultValue:null,description:'The id of the tab whose panel is currently visible.\n\nIf left `undefined`, it will be automatically set to the first enabled\ntab, and the component assumes it is being used in "uncontrolled" mode.\n\nConsequently, any value different than `undefined` will set the component\nin "controlled" mode. When in "controlled" mode, the `null` value will\nresult in no tabs being selected, and the tablist becoming tabbable.',name:"selectedTabId",required:!1,type:{name:"string"}},defaultTabId:{defaultValue:null,description:'The id of the tab whose panel is currently visible.\n\nIf left `undefined`, it will be automatically set to the first enabled\ntab. If set to `null`, no tab will be selected, and the tablist will be\ntabbable.\n\nNote: this prop will be overridden by the `selectedTabId` prop if it is\nprovided (meaning the component will be used in "controlled" mode).',name:"defaultTabId",required:!1,type:{name:"string"}},onSelect:{defaultValue:null,description:"The function called when the `selectedTabId` changes.",name:"onSelect",required:!1,type:{name:"(selectedId: string) => void"}},activeTabId:{defaultValue:null,description:"The current active tab `id`. The active tab is the tab element within the\ntablist widget that has DOM focus.\n- `null` represents the tablist (ie. the base composite element). Users\n will be able to navigate out of it using arrow keys.\n- If `activeTabId` is initially set to `null`, the base composite element\n itself will have focus and users will be able to navigate to it using\n arrow keys.activeTabId",name:"activeTabId",required:!1,type:{name:"string"}},defaultActiveTabId:{defaultValue:null,description:"The tab id that should be active by default when the composite widget is\nrendered. If `null`, the tablist element itself will have focus\nand users will be able to navigate to it using arrow keys. If `undefined`,\nthe first enabled item will be focused.\n\nNote: this prop will be overridden by the `activeTabId` prop if it is\nprovided.",name:"defaultActiveTabId",required:!1,type:{name:"string"}},onActiveTabIdChange:{defaultValue:null,description:"A callback that gets called when the `activeTabId` state changes.",name:"onActiveTabIdChange",required:!1,type:{name:"(activeId: string) => void"}},orientation:{defaultValue:{value:'"horizontal"'},description:"Defines the orientation of the tablist and determines which arrow keys\ncan be used to move focus:\n- `both`: all arrow keys work.\n- `horizontal`: only left and right arrow keys work.\n- `vertical`: only up and down arrow keys work.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tabs/index.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"packages/components/src/tabs/index.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}var slot_fill=__webpack_require__("./packages/components/src/slot-fill/index.tsx"),dropdown_menu=__webpack_require__("./packages/components/src/dropdown-menu/index.tsx"),src_button=__webpack_require__("./packages/components/src/button/index.tsx"),tooltip=__webpack_require__("./packages/components/src/tooltip/index.tsx");const index_story={title:"Components/Containers/Tabs",id:"components-tabs",component:Tabs,subcomponents:{"Tabs.TabList":Tabs.TabList,"Tabs.Tab":Tabs.Tab,"Tabs.TabPanel":Tabs.TabPanel,"Tabs.Context":Tabs.Context},tags:["status-private"],parameters:{sourceLink:"packages/components/src/tabs",badges:["private"],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}},args:{onActiveTabIdChange:(0,dist.fn)(),onSelect:(0,dist.fn)()}},Template=props=>(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsxs)(Tabs.TabPanel,{tabId:"tab3",focusable:!1,children:[(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"}),(0,jsx_runtime.jsxs)("p",{children:["This tabpanel has its ",(0,jsx_runtime.jsx)("code",{children:"focusable"})," prop set to",(0,jsx_runtime.jsx)("code",{children:" false"}),", so it won't get a tab stop.",(0,jsx_runtime.jsx)("br",{}),"Instead, the [Tab] key will move focus to the first focusable element within the panel."]}),(0,jsx_runtime.jsx)(src_button.Ay,{variant:"primary",children:"I'm a button!"})]})]}),Default=Template.bind({}),SizeAndOverflowPlayground=props=>{const[fullWidth,setFullWidth]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsxs)("div",{style:{maxWidth:"40rem",marginBottom:"1rem"},children:[(0,jsx_runtime.jsx)("p",{children:"This story helps understand how the TabList component behaves under different conditions. The container below (with the dotted red border) can be horizontally resized, and it has a bit of padding to be out of the way of the TabList."}),(0,jsx_runtime.jsxs)("p",{children:["The button will toggle between full width (adding"," ",(0,jsx_runtime.jsx)("code",{children:"width: 100%"}),") and the default width."]}),(0,jsx_runtime.jsx)("p",{children:"Try the following:"}),(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("strong",{children:"Small container"})," that causes tabs to overflow with scroll."]}),(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("strong",{children:"Large container"})," that exceeds the normal width of the tabs.",(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsxs)("strong",{children:["With ",(0,jsx_runtime.jsx)("code",{children:"width: 100%"})]})," ","set on the TabList (tabs fill up the space)."]}),(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsxs)("strong",{children:["Without ",(0,jsx_runtime.jsx)("code",{children:"width: 100%"})]})," ","(defaults to ",(0,jsx_runtime.jsx)("code",{children:"auto"}),") set on the TabList (tabs take up space proportional to their content)."]})]})]})]})]}),(0,jsx_runtime.jsx)(src_button.Ay,{style:{marginBottom:"1rem"},variant:"primary",onClick:()=>setFullWidth(!fullWidth),children:fullWidth?"Remove width: 100% from TabList":"Set width: 100% in TabList"}),(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsx)("div",{style:{width:"20rem",border:"2px dotted red",padding:"1rem",resize:"horizontal",overflow:"auto"},children:(0,jsx_runtime.jsxs)(Tabs.TabList,{style:{maxWidth:"100%",width:fullWidth?"100%":void 0},children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Label with multiple words"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Short"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Hippopotomonstrosesquippedaliophobia"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab4",children:"Tab 4"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab5",children:"Tab 5"})]})}),(0,jsx_runtime.jsxs)(Tabs.TabPanel,{tabId:"tab1",children:[(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"}),(0,jsx_runtime.jsx)("p",{children:"(Label with multiple words)"})]}),(0,jsx_runtime.jsxs)(Tabs.TabPanel,{tabId:"tab2",children:[(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"}),(0,jsx_runtime.jsx)("p",{children:"(Short)"})]}),(0,jsx_runtime.jsxs)(Tabs.TabPanel,{tabId:"tab3",children:[(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"}),(0,jsx_runtime.jsx)("p",{children:"(Hippopotomonstrosesquippedaliophobia)"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab4",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 4"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab5",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 5"})})]})]})};SizeAndOverflowPlayground.args={defaultTabId:"tab4"};const Vertical=(props=>(0,jsx_runtime.jsx)(Tabs,{orientation:"vertical",...props,children:(0,jsx_runtime.jsxs)(Tabs.TabList,{style:{maxWidth:"10rem"},children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]})})).bind({}),DisabledTab=(props=>(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",disabled:!0,children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})).bind({}),WithTabIconsAndTooltips=(props=>(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsx)(Tabs.TabList,{children:[{id:"tab1",label:"Tab one",icon:wordpress.A},{id:"tab2",label:"Tab two",icon:library_link.A},{id:"tab3",label:"Tab three",icon:more.A}].map((({id,label,icon})=>(0,jsx_runtime.jsx)(tooltip.Ay,{text:label,children:(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:id,"aria-label":label,children:(0,jsx_runtime.jsx)(src_icon.A,{icon})})},id)))}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})).bind({}),ManualActivation=Template.bind({});ManualActivation.args={selectOnMove:!1};const UsingSlotFill=(props=>(0,jsx_runtime.jsxs)(slot_fill.Kq,{children:[(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsxs)(slot_fill.SQ,{name:"tabs-are-fun",children:[(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})]}),(0,jsx_runtime.jsxs)("div",{style:{border:"2px solid #999",width:"300px",margin:"20px auto"},children:[(0,jsx_runtime.jsx)("p",{children:"other stuff"}),(0,jsx_runtime.jsx)("p",{children:"other stuff"}),(0,jsx_runtime.jsx)("p",{children:"this is fun!"}),(0,jsx_runtime.jsx)("p",{children:"other stuff"}),(0,jsx_runtime.jsx)(slot_fill.DX,{bubblesVirtually:!0,as:"div",name:"tabs-are-fun"})]})]})).bind({});UsingSlotFill.storyName="Using SlotFill";const InsertCustomElements=(props=>{const[isOpen,setIsOpen]=(0,react.useState)(!0);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:isOpen?(0,jsx_runtime.jsx)("div",{style:{width:"400px",height:"100vh",borderRight:"1px solid #333"},children:(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)("div",{style:{display:"flex",borderBottom:"1px solid #333"},children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(src_button.Ay,{variant:"tertiary",style:{marginLeft:"auto",alignSelf:"center"},onClick:()=>setIsOpen(!1),children:"Close Tabs"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})}):(0,jsx_runtime.jsx)(src_button.Ay,{variant:"tertiary",onClick:()=>setIsOpen(!0),children:"Open Tabs"})})}).bind({}),ControlledMode=(props=>{const[selectedTabId,setSelectedTabId]=(0,react.useState)(props.selectedTabId);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(Tabs,{...props,selectedTabId,onSelect:selectedId=>{setSelectedTabId(selectedId),props.onSelect?.(selectedId)},children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]}),(0,jsx_runtime.jsxs)("div",{style:{marginTop:"200px"},children:[(0,jsx_runtime.jsx)("p",{children:"Select a tab:"}),(0,jsx_runtime.jsx)(dropdown_menu.A,{controls:[{onClick:()=>setSelectedTabId("tab1"),title:"Tab 1",isActive:"tab1"===selectedTabId},{onClick:()=>setSelectedTabId("tab2"),title:"Tab 2",isActive:"tab2"===selectedTabId},{onClick:()=>setSelectedTabId("tab3"),title:"Tab 3",isActive:"tab3"===selectedTabId}],label:"Choose a tab. The power is yours."})]})]})}).bind({});ControlledMode.args={selectedTabId:"tab3"};const TabBecomesDisabled=(props=>{const[disableTab2,setDisableTab2]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(src_button.Ay,{variant:"primary",onClick:()=>setDisableTab2(!disableTab2),children:[disableTab2?"Enable":"Disable"," Tab 2"]}),(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",disabled:disableTab2,children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})]})}).bind({}),TabGetsRemoved=(props=>{const[removeTab1,setRemoveTab1]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(src_button.Ay,{variant:"primary",onClick:()=>setRemoveTab1(!removeTab1),children:[removeTab1?"Restore":"Remove"," Tab 1"]}),(0,jsx_runtime.jsxs)(Tabs,{...props,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{children:[!removeTab1&&(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab1",children:"Tab 1"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab2",children:"Tab 2"}),(0,jsx_runtime.jsx)(Tabs.Tab,{tabId:"tab3",children:"Tab 3"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab1",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 1"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab2",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 2"})}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{tabId:"tab3",children:(0,jsx_runtime.jsx)("p",{children:"Selected tab: Tab 3"})})]})]})}).bind({});Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'props => {\n return <Tabs {...props}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3" focusable={false}>\n <p>Selected tab: Tab 3</p>\n <p>\n This tabpanel has its <code>focusable</code> prop set to\n <code> false</code>, so it won't get a tab stop.\n <br />\n Instead, the [Tab] key will move focus to the first\n focusable element within the panel.\n </p>\n <Button variant="primary">I'm a button!</Button>\n </Tabs.TabPanel>\n </Tabs>;\n}',...Default.parameters?.docs?.source}}},SizeAndOverflowPlayground.parameters={...SizeAndOverflowPlayground.parameters,docs:{...SizeAndOverflowPlayground.parameters?.docs,source:{originalSource:"props => {\n const [fullWidth, setFullWidth] = useState(false);\n return <div>\n <div style={{\n maxWidth: '40rem',\n marginBottom: '1rem'\n }}>\n <p>\n This story helps understand how the TabList component\n behaves under different conditions. The container below\n (with the dotted red border) can be horizontally resized,\n and it has a bit of padding to be out of the way of the\n TabList.\n </p>\n <p>\n The button will toggle between full width (adding{' '}\n <code>width: 100%</code>) and the default width.\n </p>\n <p>Try the following:</p>\n <ul>\n <li>\n <strong>Small container</strong> that causes tabs to\n overflow with scroll.\n </li>\n <li>\n <strong>Large container</strong> that exceeds the normal\n width of the tabs.\n <ul>\n <li>\n <strong>\n With <code>width: 100%</code>\n </strong>{' '}\n set on the TabList (tabs fill up the space).\n </li>\n <li>\n <strong>\n Without <code>width: 100%</code>\n </strong>{' '}\n (defaults to <code>auto</code>) set on the\n TabList (tabs take up space proportional to\n their content).\n </li>\n </ul>\n </li>\n </ul>\n </div>\n <Button style={{\n marginBottom: '1rem'\n }} variant=\"primary\" onClick={() => setFullWidth(!fullWidth)}>\n {fullWidth ? 'Remove width: 100% from TabList' : 'Set width: 100% in TabList'}\n </Button>\n <Tabs {...props}>\n <div style={{\n width: '20rem',\n border: '2px dotted red',\n padding: '1rem',\n resize: 'horizontal',\n overflow: 'auto'\n }}>\n <Tabs.TabList style={{\n maxWidth: '100%',\n width: fullWidth ? '100%' : undefined\n }}>\n <Tabs.Tab tabId=\"tab1\">\n Label with multiple words\n </Tabs.Tab>\n <Tabs.Tab tabId=\"tab2\">Short</Tabs.Tab>\n <Tabs.Tab tabId=\"tab3\">\n Hippopotomonstrosesquippedaliophobia\n </Tabs.Tab>\n <Tabs.Tab tabId=\"tab4\">Tab 4</Tabs.Tab>\n <Tabs.Tab tabId=\"tab5\">Tab 5</Tabs.Tab>\n </Tabs.TabList>\n </div>\n <Tabs.TabPanel tabId=\"tab1\">\n <p>Selected tab: Tab 1</p>\n <p>(Label with multiple words)</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab2\">\n <p>Selected tab: Tab 2</p>\n <p>(Short)</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab3\">\n <p>Selected tab: Tab 3</p>\n <p>(Hippopotomonstrosesquippedaliophobia)</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab4\">\n <p>Selected tab: Tab 4</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab5\">\n <p>Selected tab: Tab 5</p>\n </Tabs.TabPanel>\n </Tabs>\n </div>;\n}",...SizeAndOverflowPlayground.parameters?.docs?.source}}},Vertical.parameters={...Vertical.parameters,docs:{...Vertical.parameters?.docs,source:{originalSource:'props => {\n return <Tabs orientation="vertical" {...props}>\n <Tabs.TabList style={{\n maxWidth: \'10rem\'\n }}>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n </Tabs>;\n}',...Vertical.parameters?.docs?.source}}},DisabledTab.parameters={...DisabledTab.parameters,docs:{...DisabledTab.parameters?.docs,source:{originalSource:'props => {\n return <Tabs {...props}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1" disabled>\n Tab 1\n </Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>;\n}',...DisabledTab.parameters?.docs?.source}}},WithTabIconsAndTooltips.parameters={...WithTabIconsAndTooltips.parameters,docs:{...WithTabIconsAndTooltips.parameters?.docs,source:{originalSource:"props => {\n return <Tabs {...props}>\n <Tabs.TabList>\n {[{\n id: 'tab1',\n label: 'Tab one',\n icon: wordpress\n }, {\n id: 'tab2',\n label: 'Tab two',\n icon: link\n }, {\n id: 'tab3',\n label: 'Tab three',\n icon: more\n }].map(({\n id,\n label,\n icon\n }) => <Tooltip text={label} key={id}>\n <Tabs.Tab tabId={id} aria-label={label}>\n <Icon icon={icon} />\n </Tabs.Tab>\n </Tooltip>)}\n </Tabs.TabList>\n <Tabs.TabPanel tabId=\"tab1\">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab2\">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab3\">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>;\n}",...WithTabIconsAndTooltips.parameters?.docs?.source}}},ManualActivation.parameters={...ManualActivation.parameters,docs:{...ManualActivation.parameters?.docs,source:{originalSource:'props => {\n return <Tabs {...props}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3" focusable={false}>\n <p>Selected tab: Tab 3</p>\n <p>\n This tabpanel has its <code>focusable</code> prop set to\n <code> false</code>, so it won't get a tab stop.\n <br />\n Instead, the [Tab] key will move focus to the first\n focusable element within the panel.\n </p>\n <Button variant="primary">I'm a button!</Button>\n </Tabs.TabPanel>\n </Tabs>;\n}',...ManualActivation.parameters?.docs?.source}}},UsingSlotFill.parameters={...UsingSlotFill.parameters,docs:{...UsingSlotFill.parameters?.docs,source:{originalSource:'props => {\n return <SlotFillProvider>\n <Tabs {...props}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Fill name="tabs-are-fun">\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Fill>\n </Tabs>\n <div style={{\n border: \'2px solid #999\',\n width: \'300px\',\n margin: \'20px auto\'\n }}>\n <p>other stuff</p>\n <p>other stuff</p>\n <p>this is fun!</p>\n <p>other stuff</p>\n <Slot bubblesVirtually as="div" name="tabs-are-fun" />\n </div>\n </SlotFillProvider>;\n}',...UsingSlotFill.parameters?.docs?.source}}},InsertCustomElements.parameters={...InsertCustomElements.parameters,docs:{...InsertCustomElements.parameters?.docs,source:{originalSource:'props => {\n const [isOpen, setIsOpen] = useState(true);\n return <>\n {isOpen ? <div style={{\n width: \'400px\',\n height: \'100vh\',\n borderRight: \'1px solid #333\'\n }}>\n <Tabs {...props}>\n <div style={{\n display: \'flex\',\n borderBottom: \'1px solid #333\'\n }}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Button variant="tertiary" style={{\n marginLeft: \'auto\',\n alignSelf: \'center\'\n }} onClick={() => setIsOpen(false)}>\n Close Tabs\n </Button>\n </div>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>\n </div> : <Button variant="tertiary" onClick={() => setIsOpen(true)}>\n Open Tabs\n </Button>}\n </>;\n}',...InsertCustomElements.parameters?.docs?.source}}},ControlledMode.parameters={...ControlledMode.parameters,docs:{...ControlledMode.parameters?.docs,source:{originalSource:"props => {\n const [selectedTabId, setSelectedTabId] = useState<string | undefined | null>(props.selectedTabId);\n return <>\n <Tabs {...props} selectedTabId={selectedTabId} onSelect={selectedId => {\n setSelectedTabId(selectedId);\n props.onSelect?.(selectedId);\n }}>\n <Tabs.TabList>\n <Tabs.Tab tabId=\"tab1\">Tab 1</Tabs.Tab>\n\n <Tabs.Tab tabId=\"tab2\">Tab 2</Tabs.Tab>\n\n <Tabs.Tab tabId=\"tab3\">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId=\"tab1\">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab2\">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId=\"tab3\">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>\n <div style={{\n marginTop: '200px'\n }}>\n <p>Select a tab:</p>\n <DropdownMenu controls={[{\n onClick: () => setSelectedTabId('tab1'),\n title: 'Tab 1',\n isActive: selectedTabId === 'tab1'\n }, {\n onClick: () => setSelectedTabId('tab2'),\n title: 'Tab 2',\n isActive: selectedTabId === 'tab2'\n }, {\n onClick: () => setSelectedTabId('tab3'),\n title: 'Tab 3',\n isActive: selectedTabId === 'tab3'\n }]} label=\"Choose a tab. The power is yours.\" />\n </div>\n </>;\n}",...ControlledMode.parameters?.docs?.source}}},TabBecomesDisabled.parameters={...TabBecomesDisabled.parameters,docs:{...TabBecomesDisabled.parameters?.docs,source:{originalSource:'props => {\n const [disableTab2, setDisableTab2] = useState(false);\n return <>\n <Button variant="primary" onClick={() => setDisableTab2(!disableTab2)}>\n {disableTab2 ? \'Enable\' : \'Disable\'} Tab 2\n </Button>\n <Tabs {...props}>\n <Tabs.TabList>\n <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>\n <Tabs.Tab tabId="tab2" disabled={disableTab2}>\n Tab 2\n </Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>\n </>;\n}',...TabBecomesDisabled.parameters?.docs?.source}}},TabGetsRemoved.parameters={...TabGetsRemoved.parameters,docs:{...TabGetsRemoved.parameters?.docs,source:{originalSource:'props => {\n const [removeTab1, setRemoveTab1] = useState(false);\n return <>\n <Button variant="primary" onClick={() => setRemoveTab1(!removeTab1)}>\n {removeTab1 ? \'Restore\' : \'Remove\'} Tab 1\n </Button>\n <Tabs {...props}>\n <Tabs.TabList>\n {!removeTab1 && <Tabs.Tab tabId="tab1">Tab 1</Tabs.Tab>}\n <Tabs.Tab tabId="tab2">Tab 2</Tabs.Tab>\n <Tabs.Tab tabId="tab3">Tab 3</Tabs.Tab>\n </Tabs.TabList>\n <Tabs.TabPanel tabId="tab1">\n <p>Selected tab: Tab 1</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab2">\n <p>Selected tab: Tab 2</p>\n </Tabs.TabPanel>\n <Tabs.TabPanel tabId="tab3">\n <p>Selected tab: Tab 3</p>\n </Tabs.TabPanel>\n </Tabs>\n </>;\n}',...TabGetsRemoved.parameters?.docs?.source}}}},"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/compose/build-module/hooks/use-event/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useEvent});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useEvent(callback){const ref=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)((()=>{throw new Error("Callbacks created with `useEvent` cannot be called during rendering.")}));return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useInsertionEffect)((()=>{ref.current=callback})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)(((...args)=>ref.current?.(...args)),[])}},"./packages/compose/build-module/hooks/use-resize-observer/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>use_resize_observer_useResizeObserver});var react=__webpack_require__("./node_modules/react/index.js"),use_event=__webpack_require__("./packages/compose/build-module/hooks/use-event/index.js");function useResizeObserver(callback,resizeObserverOptions={}){const callbackEvent=(0,use_event.A)(callback),observedElementRef=(0,react.useRef)(),resizeObserverRef=(0,react.useRef)();return(0,use_event.A)((element=>{var _resizeObserverRef$cu;if(element===observedElementRef.current)return;null!==(_resizeObserverRef$cu=resizeObserverRef.current)&&void 0!==_resizeObserverRef$cu||(resizeObserverRef.current=new ResizeObserver(callbackEvent));const{current:resizeObserver}=resizeObserverRef;observedElementRef.current&&resizeObserver.unobserve(observedElementRef.current),observedElementRef.current=element,element&&resizeObserver.observe(element,resizeObserverOptions)}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const extractSize=entry=>{let entrySize;if(entry.contentBoxSize)if(entry.contentBoxSize[0]){const contentBoxSize=entry.contentBoxSize[0];entrySize=[contentBoxSize.inlineSize,contentBoxSize.blockSize]}else{const contentBoxSize=entry.contentBoxSize;entrySize=[contentBoxSize.inlineSize,contentBoxSize.blockSize]}else entrySize=[entry.contentRect.width,entry.contentRect.height];const[width,height]=entrySize.map((d=>Math.round(d)));return{width,height}},RESIZE_ELEMENT_STYLES={position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",opacity:0,overflow:"hidden",zIndex:-1};function ResizeElement({onResize}){const resizeElementRef=useResizeObserver((entries=>{const newSize=extractSize(entries.at(-1));onResize(newSize)}));return(0,jsx_runtime.jsx)("div",{ref:resizeElementRef,style:RESIZE_ELEMENT_STYLES,"aria-hidden":"true"})}const NULL_SIZE={width:null,height:null};function use_resize_observer_useResizeObserver(callback,options={}){return callback?useResizeObserver(callback,options):function useLegacyResizeObserver(){const[size,setSize]=(0,react.useState)(NULL_SIZE),previousSizeRef=(0,react.useRef)(NULL_SIZE),handleResize=(0,react.useCallback)((newSize=>{(function sizeEquals(a,b){return a.width===b.width&&a.height===b.height})(previousSizeRef.current,newSize)||(previousSizeRef.current=newSize,setSize(newSize))}),[]);return[(0,jsx_runtime.jsx)(ResizeElement,{onResize:handleResize}),size]}()}},"./packages/icons/build-module/library/chevron-right.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})})},"./packages/icons/build-module/library/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})})},"./packages/icons/build-module/library/menu.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"})})},"./packages/icons/build-module/library/more.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M4 9v1.5h16V9H4zm12 5.5h4V13h-4v1.5zm-6 0h4V13h-4v1.5zm-6 0h4V13H4v1.5z"})})},"./packages/icons/build-module/library/wordpress.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})})},"./packages/components/src/dropdown-menu/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,r:()=>DropdownMenu});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/icons/build-module/library/menu.js"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/button/index.tsx"),_dropdown__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/dropdown/index.tsx"),_navigable_container__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/navigable-container/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mergeProps(defaultProps={},props={}){const mergedProps={...defaultProps,...props};return props.className&&defaultProps.className&&(mergedProps.className=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)(props.className,defaultProps.className)),mergedProps}function isFunction(maybeFunc){return"function"==typeof maybeFunc}const DropdownMenu=(0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((function UnconnectedDropdownMenu(dropdownMenuProps){const{children,className,controls,icon=_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__.A,label,popoverProps,toggleProps,menuProps,disableOpenOnArrowDown=!1,text,noIcons,open,defaultOpen,onToggle:onToggleProp,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_3__.A)(dropdownMenuProps,"DropdownMenu");if(!controls?.length&&!isFunction(children))return null;let controlSets;controls?.length&&(controlSets=controls,Array.isArray(controlSets[0])||(controlSets=[controls]));const mergedPopoverProps=mergeProps({className:"components-dropdown-menu__popover",variant},popoverProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_4__.A,{className,popoverProps:mergedPopoverProps,renderToggle:({isOpen,onToggle})=>{var _toggleProps$showTool;const{as:Toggle=_button__WEBPACK_IMPORTED_MODULE_5__.Ay,...restToggleProps}=null!=toggleProps?toggleProps:{},mergedToggleProps=mergeProps({className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__toggle",{"is-opened":isOpen})},restToggleProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Toggle,{...mergedToggleProps,icon,onClick:event=>{onToggle(),mergedToggleProps.onClick&&mergedToggleProps.onClick(event)},onKeyDown:event=>{(event=>{disableOpenOnArrowDown||isOpen||"ArrowDown"!==event.code||(event.preventDefault(),onToggle())})(event),mergedToggleProps.onKeyDown&&mergedToggleProps.onKeyDown(event)},"aria-haspopup":"true","aria-expanded":isOpen,label,text,showTooltip:null===(_toggleProps$showTool=toggleProps?.showTooltip)||void 0===_toggleProps$showTool||_toggleProps$showTool,children:mergedToggleProps.children})},renderContent:props=>{const mergedMenuProps=mergeProps({"aria-label":label,className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu",{"no-icons":noIcons})},menuProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_navigable_container__WEBPACK_IMPORTED_MODULE_6__.Ay,{...mergedMenuProps,role:"menu",children:[isFunction(children)?children(props):null,controlSets?.flatMap(((controlSet,indexOfSet)=>controlSet.map(((control,indexOfControl)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{__next40pxDefaultSize:!0,onClick:event=>{event.stopPropagation(),props.onClose(),control.onClick&&control.onClick()},className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu-item",{"has-separator":indexOfSet>0&&0===indexOfControl,"is-active":control.isActive,"is-icon-only":!control.title}),icon:control.icon,label:control.label,"aria-checked":"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.isActive:void 0,role:"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.role:"menuitem",accessibleWhenDisabled:!0,disabled:control.isDisabled,children:control.title},[indexOfSet,indexOfControl].join())))))]})},open,defaultOpen,onToggle:onToggleProp})}),"DropdownMenu"),__WEBPACK_DEFAULT_EXPORT__=DropdownMenu;try{DropdownMenu.displayName="DropdownMenu",DropdownMenu.__docgenInfo={description:"\nThe DropdownMenu displays a list of actions (each contained in a MenuItem,\nMenuItemsChoice, or MenuGroup) in a compact way. It appears in a Popover\nafter the user has interacted with an element (a button or icon) or when\nthey perform a specific action.\n\nRender a Dropdown Menu with a set of controls:\n\n```jsx\nimport { DropdownMenu } from '@wordpress/components';\nimport {\n\tmore,\n\tarrowLeft,\n\tarrowRight,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu\n\t\ticon={ more }\n\t\tlabel=\"Select a direction\"\n\t\tcontrols={ [\n\t\t\t{\n\t\t\t\ttitle: 'Up',\n\t\t\t\ticon: arrowUp,\n\t\t\t\tonClick: () => console.log( 'up' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Right',\n\t\t\t\ticon: arrowRight,\n\t\t\t\tonClick: () => console.log( 'right' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Down',\n\t\t\t\ticon: arrowDown,\n\t\t\t\tonClick: () => console.log( 'down' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Left',\n\t\t\t\ticon: arrowLeft,\n\t\t\t\tonClick: () => console.log( 'left' ),\n\t\t\t},\n\t\t] }\n\t/>\n);\n```\n\nAlternatively, specify a `children` function which returns elements valid for\nuse in a DropdownMenu: `MenuItem`, `MenuItemsChoice`, or `MenuGroup`.\n\n```jsx\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { more, arrowUp, arrowDown, trash } from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu icon={ more } label=\"Select a direction\">\n\t\t{ ( { onClose } ) => (\n\t\t\t<>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ arrowUp } onClick={ onClose }>\n\t\t\t\t\t\tMove Up\n\t\t\t\t\t</MenuItem>\n\t\t\t\t\t<MenuItem icon={ arrowDown } onClick={ onClose }>\n\t\t\t\t\t\tMove Down\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ trash } onClick={ onClose }>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t</>\n\t\t) }\n\t</DropdownMenu>\n);\n```",displayName:"DropdownMenu",props:{icon:{defaultValue:{value:'"menu"'},description:"The icon to be shown in the collapsed menu button.",name:"icon",required:!1,type:{name:"IconType"}},label:{defaultValue:null,description:"A human-readable label to present as accessibility text on the focused\ncollapsed menu button.",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"A class name to apply to the dropdown menu's toggle element wrapper.",name:"className",required:!1,type:{name:"string"}},popoverProps:{defaultValue:null,description:"Properties of `popoverProps` object will be passed as props to the nested\n`Popover` component.\nUse this object to modify props available for the `Popover` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the\ndirection in which the popover should open relative to its parent node\nset with `position` prop.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},toggleProps:{defaultValue:null,description:"Properties of `toggleProps` object will be passed as props to the nested\n`Button` component in the `renderToggle` implementation of the `Dropdown`\ncomponent used internally.\nUse this object to modify props available for the `Button` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the tooltip\ntext displayed on hover set with `tooltip` prop.",name:"toggleProps",required:!1,type:{name:"ToggleProps"}},menuProps:{defaultValue:null,description:"Properties of `menuProps` object will be passed as props to the nested\n`NavigableMenu` component in the `renderContent` implementation of the\n`Dropdown` component used internally.\nUse this object to modify props available for the `NavigableMenu`\ncomponent that are not already exposed in the `DropdownMenu` component,\ne.g.: the orientation of the menu set with `orientation` prop.",name:"menuProps",required:!1,type:{name:'Omit<Partial<NavigableMenuProps>, "children">'}},disableOpenOnArrowDown:{defaultValue:{value:"false"},description:"In some contexts, the arrow down key used to open the dropdown menu might\nneed to be disabled—for example when that key is used to perform another\naction.",name:"disableOpenOnArrowDown",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display on the nested `Button` component in the `renderToggle`\nimplementation of the `Dropdown` component used internally.",name:"text",required:!1,type:{name:"string"}},noIcons:{defaultValue:null,description:"Whether or not `no-icons` should be added to the menu's `className`.",name:"noIcons",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)\nwhich should return an element or elements valid for use in a DropdownMenu:\n`MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a\nprops object including the same values as given to a `Dropdown`'s\n`renderContent` (`isOpen`, `onToggle`, `onClose`).\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"children",required:!1,type:{name:"(callbackProps: DropdownCallbackProps) => ReactNode"}},controls:{defaultValue:null,description:"An array or nested array of objects describing the options to be shown in\nthe expanded menu. Each object should include an `icon` Dashicon slug\nstring, a human-readable `title` string, `isDisabled` boolean flag, and\nan `onClick` function callback to invoke when the option is selected.\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"controls",required:!1,type:{name:"DropdownOption[] | DropdownOption[][]"}},open:{defaultValue:null,description:"The controlled open state of the dropdown menu.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown menu when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown menu changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown-menu/index.tsx#DropdownMenu"]={docgenInfo:DropdownMenu.__docgenInfo,name:"DropdownMenu",path:"packages/components/src/dropdown-menu/index.tsx#DropdownMenu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_utils_hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-controlled-value.ts"),_popover__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/popover/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Dropdown=(0,_context__WEBPACK_IMPORTED_MODULE_8__.KZ)(((props,forwardedRef)=>{const{renderContent,renderToggle,className,contentClassName,expandOnMobile,headerTitle,focusOnMount,popoverProps,onClose,onToggle,style,open,defaultOpen,position,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"Dropdown");void 0!==position&&(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)("`position` prop in wp.components.Dropdown",{since:"6.2",alternative:"`popoverProps.placement` prop",hint:"Note that the `position` prop will override any values passed through the `popoverProps.placement` prop."});const[fallbackPopoverAnchor,setFallbackPopoverAnchor]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useState)(null),containerRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(),[isOpen,setIsOpen]=(0,_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.j)({defaultValue:defaultOpen,value:open,onChange:onToggle});function close(){onClose?.(),setIsOpen(!1)}const args={isOpen:!!isOpen,onToggle:()=>setIsOpen(!isOpen),onClose:close},popoverPropsHaveAnchor=!!(popoverProps?.anchor||popoverProps?.anchorRef||popoverProps?.getAnchorRect||popoverProps?.anchorRect);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className,ref:(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.A)([containerRef,forwardedRef,setFallbackPopoverAnchor]),tabIndex:-1,style,children:[renderToggle(args),isOpen&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_popover__WEBPACK_IMPORTED_MODULE_6__.Ay,{position,onClose:close,onFocusOutside:function closeIfFocusOutside(){if(!containerRef.current)return;const{ownerDocument}=containerRef.current,dialog=ownerDocument?.activeElement?.closest('[role="dialog"]');containerRef.current.contains(ownerDocument.activeElement)||dialog&&!dialog.contains(containerRef.current)||close()},expandOnMobile,headerTitle,focusOnMount,offset:13,anchor:popoverPropsHaveAnchor?void 0:fallbackPopoverAnchor,variant,...popoverProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_7__.A)("components-dropdown__content",popoverProps?.className,contentClassName),children:renderContent(args)})]})}),"Dropdown"),__WEBPACK_DEFAULT_EXPORT__=Dropdown;try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:'Renders a button that opens a floating content modal when clicked.\n\n```jsx\nimport { Button, Dropdown } from \'@wordpress/components\';\n\nconst MyDropdown = () => (\n <Dropdown\n className="my-container-class-name"\n contentClassName="my-dropdown-content-classname"\n popoverProps={ { placement: \'bottom-start\' } }\n renderToggle={ ( { isOpen, onToggle } ) => (\n <Button\n variant="primary"\n onClick={ onToggle }\n aria-expanded={ isOpen }\n >\n Toggle Dropdown!\n </Button>\n ) }\n renderContent={ () => <div>This is the content of the dropdown.</div> }\n />\n);\n```',displayName:"Dropdown",props:{className:{defaultValue:null,description:"The className of the global container.",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"If you want to target the dropdown menu for styling purposes,\nyou need to provide a contentClassName because it's not being rendered\nas a child of the container node.",name:"contentClassName",required:!1,type:{name:"string"}},expandOnMobile:{defaultValue:{value:"false"},description:"Opt-in prop to show popovers fullscreen on mobile.",name:"expandOnMobile",required:!1,type:{name:"boolean"}},focusOnMount:{defaultValue:{value:"'firstElement'"},description:'By default, the first tabbable element in the popover will receive focus\nwhen it mounts. This is the same as setting this prop to "firstElement".\nSpecifying a true value will focus the container instead.\nSpecifying a false value disables the focus handling entirely\n(this should only be done when an appropriately accessible\nsubstitute behavior exists).',name:"focusOnMount",required:!1,type:{name:'boolean | "firstElement"'}},headerTitle:{defaultValue:null,description:"Set this to customize the text that is shown in the dropdown's header\nwhen it is fullscreen on mobile.",name:"headerTitle",required:!1,type:{name:"string"}},onClose:{defaultValue:null,description:"A callback invoked when the popover should be closed.",name:"onClose",required:!1,type:{name:"() => void"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},popoverProps:{defaultValue:null,description:"Properties of popoverProps object will be passed as props\nto the Popover component.\nUse this object to access properties/features\nof the Popover component that are not already exposed\nin the Dropdown component,\ne.g.: the ability to have the popover without an arrow.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},renderContent:{defaultValue:null,description:"A callback invoked to render the content of the dropdown menu.\nIts first argument is the same as the renderToggle prop.",name:"renderContent",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},renderToggle:{defaultValue:null,description:"A callback invoked to render the Dropdown Toggle Button.\n\nThe first argument of the callback is an object\ncontaining the following properties:\n\n- isOpen: whether the dropdown menu is opened or not\n- onToggle: A function switching the dropdown menu's state\nfrom open to closed and vice versa\n- onClose: A function that closes the menu if invoked",name:"renderToggle",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},style:{defaultValue:null,description:"The style of the global container.",name:"style",required:!1,type:{name:"CSSProperties"}},position:{defaultValue:null,description:"Legacy way to specify the popover's position with respect to its anchor.\nFor details about the possible values, see the `Popover` component's docs.\n_Note: this prop is deprecated. Use the `popoverProps.placement` prop\ninstead._\n@deprecated",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},open:{defaultValue:null,description:"The controlled open state of the dropdown.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown/index.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"packages/components/src/dropdown/index.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/container.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/dom/build-module/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const noop=()=>{},MENU_ITEM_ROLES=["menuitem","menuitemradio","menuitemcheckbox"];class NavigableContainer extends _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Component{constructor(args){super(args),this.onKeyDown=this.onKeyDown.bind(this),this.bindContainer=this.bindContainer.bind(this),this.getFocusableContext=this.getFocusableContext.bind(this),this.getFocusableIndex=this.getFocusableIndex.bind(this)}componentDidMount(){this.container&&this.container.addEventListener("keydown",this.onKeyDown)}componentWillUnmount(){this.container&&this.container.removeEventListener("keydown",this.onKeyDown)}bindContainer(ref){const{forwardedRef}=this.props;this.container=ref,"function"==typeof forwardedRef?forwardedRef(ref):forwardedRef&&"current"in forwardedRef&&(forwardedRef.current=ref)}getFocusableContext(target){if(!this.container)return null;const{onlyBrowserTabstops}=this.props,focusables=(onlyBrowserTabstops?_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.tabbable:_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.focusable).find(this.container),index=this.getFocusableIndex(focusables,target);return index>-1&&target?{index,target,focusables}:null}getFocusableIndex(focusables,target){return focusables.indexOf(target)}onKeyDown(event){this.props.onKeyDown&&this.props.onKeyDown(event);const{getFocusableContext}=this,{cycle=!0,eventToOffset,onNavigate=noop,stopNavigationEvents}=this.props,offset=eventToOffset(event);if(void 0!==offset&&stopNavigationEvents){event.stopImmediatePropagation();const targetRole=event.target?.getAttribute("role");!!targetRole&&MENU_ITEM_ROLES.includes(targetRole)&&event.preventDefault()}if(!offset)return;const activeElement=event.target?.ownerDocument?.activeElement;if(!activeElement)return;const context=getFocusableContext(activeElement);if(!context)return;const{index,focusables}=context,nextIndex=cycle?function cycleValue(value,total,offset){const nextValue=value+offset;return nextValue<0?total+nextValue:nextValue>=total?nextValue-total:nextValue}(index,focusables.length,offset):index+offset;nextIndex>=0&&nextIndex<focusables.length&&(focusables[nextIndex].focus(),onNavigate(nextIndex,focusables[nextIndex]),"Tab"===event.code&&event.preventDefault())}render(){const{children,stopNavigationEvents,eventToOffset,onNavigate,onKeyDown,cycle,onlyBrowserTabstops,forwardedRef,...restProps}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref:this.bindContainer,...restProps,children})}}const forwardedNavigableContainer=(props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(NavigableContainer,{...props,forwardedRef:ref});forwardedNavigableContainer.displayName="NavigableContainer";const __WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(forwardedNavigableContainer);try{forwardedNavigableContainer.displayName="NavigableContainer",forwardedNavigableContainer.__docgenInfo={description:"",displayName:"NavigableContainer",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},eventToOffset:{defaultValue:null,description:"Gets an offset, given an event.",name:"eventToOffset",required:!0,type:{name:"(event: KeyboardEvent) => 0 | 1 | -1"}},forwardedRef:{defaultValue:null,description:"The forwarded ref.",name:"forwardedRef",required:!1,type:{name:"ForwardedRef<any>"}},onlyBrowserTabstops:{defaultValue:{value:"false"},description:"Whether to only consider browser tab stops.",name:"onlyBrowserTabstops",required:!0,type:{name:"boolean"}},stopNavigationEvents:{defaultValue:{value:"false"},description:"Whether to stop navigation events.",name:"stopNavigationEvents",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/container.tsx#NavigableContainer"]={docgenInfo:NavigableContainer.__docgenInfo,name:"NavigableContainer",path:"packages/components/src/navigable-container/container.tsx#NavigableContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_container__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/navigable-container/container.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const NavigableMenu=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedNavigableMenu({role="menu",orientation="vertical",...rest},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_container__WEBPACK_IMPORTED_MODULE_1__.A,{ref,stopNavigationEvents:!0,onlyBrowserTabstops:!1,role,"aria-orientation":"presentation"===role||"vertical"!==orientation&&"horizontal"!==orientation?void 0:orientation,eventToOffset:evt=>{const{code}=evt;let next=["ArrowDown"],previous=["ArrowUp"];return"horizontal"===orientation&&(next=["ArrowRight"],previous=["ArrowLeft"]),"both"===orientation&&(next=["ArrowRight","ArrowDown"],previous=["ArrowLeft","ArrowUp"]),next.includes(code)?1:previous.includes(code)?-1:["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(code)?0:void 0},...rest})})),__WEBPACK_DEFAULT_EXPORT__=NavigableMenu;try{NavigableMenu.displayName="NavigableMenu",NavigableMenu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"NavigableMenu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#NavigableMenu"]={docgenInfo:NavigableMenu.__docgenInfo,name:"NavigableMenu",path:"packages/components/src/navigable-container/menu.tsx#NavigableMenu"})}catch(__react_docgen_typescript_loader_error){}try{menu.displayName="menu",menu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"menu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#menu"]={docgenInfo:menu.__docgenInfo,name:"menu",path:"packages/components/src/navigable-container/menu.tsx#menu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/element-rect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{ec:()=>useTrackElementOffsetRect});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/compose/build-module/hooks/use-event/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/compose/build-module/hooks/use-resize-observer/index.js");const NULL_ELEMENT_OFFSET_RECT={element:void 0,top:0,right:0,bottom:0,left:0,width:0,height:0};const POLL_RATE=100;function useTrackElementOffsetRect(targetElement,deps=[]){const[indicatorPosition,setIndicatorPosition]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(NULL_ELEMENT_OFFSET_RECT),intervalRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),measure=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.A)((()=>{if(targetElement&&targetElement.isConnected){const elementOffsetRect=function getElementOffsetRect(element){var _offsetParent$getBoun,_offsetParent$scrollL,_offsetParent$scrollT;const rect=element.getBoundingClientRect();if(0===rect.width||0===rect.height)return;const offsetParent=element.offsetParent,offsetParentRect=null!==(_offsetParent$getBoun=offsetParent?.getBoundingClientRect())&&void 0!==_offsetParent$getBoun?_offsetParent$getBoun:NULL_ELEMENT_OFFSET_RECT,offsetParentScrollX=null!==(_offsetParent$scrollL=offsetParent?.scrollLeft)&&void 0!==_offsetParent$scrollL?_offsetParent$scrollL:0,offsetParentScrollY=null!==(_offsetParent$scrollT=offsetParent?.scrollTop)&&void 0!==_offsetParent$scrollT?_offsetParent$scrollT:0,computedWidth=parseFloat(getComputedStyle(element).width),computedHeight=parseFloat(getComputedStyle(element).height),scaleX=computedWidth/rect.width,scaleY=computedHeight/rect.height;return{element,top:(rect.top-offsetParentRect?.top)*scaleY+offsetParentScrollY,right:(offsetParentRect?.right-rect.right)*scaleX-offsetParentScrollX,bottom:(offsetParentRect?.bottom-rect.bottom)*scaleY-offsetParentScrollY,left:(rect.left-offsetParentRect?.left)*scaleX+offsetParentScrollX,width:computedWidth,height:computedHeight}}(targetElement);if(elementOffsetRect)return setIndicatorPosition(elementOffsetRect),clearInterval(intervalRef.current),!0}else clearInterval(intervalRef.current);return!1})),setElement=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.A)((()=>{measure()||requestAnimationFrame((()=>{measure()||(intervalRef.current=setInterval(measure,POLL_RATE))}))}));return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{setElement(targetElement),targetElement||setIndicatorPosition(NULL_ELEMENT_OFFSET_RECT)}),[setElement,targetElement]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{measure()}),deps),indicatorPosition}},"./packages/components/src/utils/hooks/use-animated-offset-rect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>useAnimatedOffsetRect});var use_event=__webpack_require__("./packages/compose/build-module/hooks/use-event/index.js"),react=__webpack_require__("./node_modules/react/index.js");function useAnimatedOffsetRect(container,rect,{prefix="subelement",dataAttribute=`${prefix}-animated`,transitionEndFilter=()=>!0,roundRect=!1}={}){const setProperties=(0,use_event.A)((()=>{Object.keys(rect).forEach((property=>"element"!==property&&container?.style.setProperty(`--${prefix}-${property}`,String(roundRect?Math.floor(rect[property]):rect[property]))))}));(0,react.useLayoutEffect)((()=>{setProperties()}),[rect,setProperties]),function useOnValueUpdate(value,onUpdate){const previousValueRef=(0,react.useRef)(value),updateCallbackEvent=(0,use_event.A)(onUpdate);(0,react.useLayoutEffect)((()=>{previousValueRef.current!==value&&(updateCallbackEvent({previousValue:previousValueRef.current}),previousValueRef.current=value)}),[updateCallbackEvent,value])}(rect.element,(({previousValue})=>{rect.element&&previousValue&&container?.setAttribute(`data-${dataAttribute}`,"")})),(0,react.useLayoutEffect)((()=>{function onTransitionEnd(event){transitionEndFilter(event)&&container?.removeAttribute(`data-${dataAttribute}`)}return container?.addEventListener("transitionend",onTransitionEnd),()=>container?.removeEventListener("transitionend",onTransitionEnd)}),[dataAttribute,container,transitionEndFilter])}},"./packages/components/src/utils/hooks/use-controlled-value.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>useControlledValue});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useControlledValue({defaultValue,onChange,value:valueProp}){const hasValue=void 0!==valueProp,initialValue=hasValue?valueProp:defaultValue,[state,setState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);let setValue;return setValue=hasValue&&"function"==typeof onChange?onChange:hasValue||"function"!=typeof onChange?setState:nextValue=>{onChange(nextValue),setState(nextValue)},[hasValue?valueProp:state,setValue]}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{UE:()=>arrow,we:()=>useFloating});var _floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react-dom/index.js");const arrow=options=>({name:"arrow",options,fn(state){const{element,padding}="function"==typeof options?options(state):options;return element&&function isRef(value){return{}.hasOwnProperty.call(value,"current")}(element)?null!=element.current?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element:element.current,padding}).fn(state):{}:element?(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.UE)({element,padding}).fn(state):{}}});var index="undefined"!=typeof document?react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_0__.useEffect;function deepEqual(a,b){if(a===b)return!0;if(typeof a!=typeof b)return!1;if("function"==typeof a&&a.toString()===b.toString())return!0;let length,i,keys;if(a&&b&&"object"==typeof a){if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;0!=i--;)if(!deepEqual(a[i],b[i]))return!1;return!0}if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!{}.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){const key=keys[i];if(("_owner"!==key||!a.$$typeof)&&!deepEqual(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}function getDPR(element){if("undefined"==typeof window)return 1;return(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value){const dpr=getDPR(element);return Math.round(value*dpr)/dpr}function useLatestRef(value){const ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(value);return index((()=>{ref.current=value})),ref}function useFloating(options){void 0===options&&(options={});const{placement="bottom",strategy="absolute",middleware=[],platform,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options,[data,setData]=react__WEBPACK_IMPORTED_MODULE_0__.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=react__WEBPACK_IMPORTED_MODULE_0__.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);const[_reference,_setReference]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),[_floating,_setFloating]=react__WEBPACK_IMPORTED_MODULE_0__.useState(null),setReference=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!=referenceRef.current&&(referenceRef.current=node,_setReference(node))}),[_setReference]),setFloating=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))}),[_setFloating]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),floatingRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),dataRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(data),whileElementsMountedRef=useLatestRef(whileElementsMounted),platformRef=useLatestRef(platform),update=react__WEBPACK_IMPORTED_MODULE_0__.useCallback((()=>{if(!referenceRef.current||!floatingRef.current)return;const config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),(0,_floating_ui_dom__WEBPACK_IMPORTED_MODULE_2__.rD)(referenceRef.current,floatingRef.current,config).then((data=>{const fullData={...data,isPositioned:!0};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,react_dom__WEBPACK_IMPORTED_MODULE_1__.flushSync((()=>{setData(fullData)})))}))}),[latestMiddleware,placement,strategy,platformRef]);index((()=>{!1===open&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData((data=>({...data,isPositioned:!1}))))}),[open]);const isMountedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);index((()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1})),[]),index((()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update);update()}}),[referenceEl,floatingEl,update,whileElementsMountedRef]);const refs=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating})),[setReference,setFloating]),elements=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({reference:referenceEl,floating:floatingEl})),[referenceEl,floatingEl]),floatingStyles=react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>{const initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;const x=roundByDPR(elements.floating,data.x),y=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x+"px, "+y+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x,top:y}}),[strategy,transform,elements.floating,data.x,data.y]);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((()=>({...data,update,refs,elements,floatingStyles})),[data,update,refs,elements,floatingStyles])}},"./packages/components/node_modules/uuid/dist/esm-browser/v4.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";var getRandomValues;__webpack_require__.d(__webpack_exports__,{A:()=>esm_browser_v4});var rnds8=new Uint8Array(16);function rng(){if(!getRandomValues&&!(getRandomValues="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return getRandomValues(rnds8)}const regex=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;const esm_browser_validate=function validate(uuid){return"string"==typeof uuid&®ex.test(uuid)};for(var byteToHex=[],i=0;i<256;++i)byteToHex.push((i+256).toString(16).substr(1));const esm_browser_stringify=function stringify(arr){var offset=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,uuid=(byteToHex[arr[offset+0]]+byteToHex[arr[offset+1]]+byteToHex[arr[offset+2]]+byteToHex[arr[offset+3]]+"-"+byteToHex[arr[offset+4]]+byteToHex[arr[offset+5]]+"-"+byteToHex[arr[offset+6]]+byteToHex[arr[offset+7]]+"-"+byteToHex[arr[offset+8]]+byteToHex[arr[offset+9]]+"-"+byteToHex[arr[offset+10]]+byteToHex[arr[offset+11]]+byteToHex[arr[offset+12]]+byteToHex[arr[offset+13]]+byteToHex[arr[offset+14]]+byteToHex[arr[offset+15]]).toLowerCase();if(!esm_browser_validate(uuid))throw TypeError("Stringified UUID is invalid");return uuid};const esm_browser_v4=function v4(options,buf,offset){var rnds=(options=options||{}).random||(options.rng||rng)();if(rnds[6]=15&rnds[6]|64,rnds[8]=63&rnds[8]|128,buf){offset=offset||0;for(var i=0;i<16;++i)buf[offset+i]=rnds[i];return buf}return esm_browser_stringify(rnds)}}}]); \ No newline at end of file diff --git a/text-control-stories-index-story.460897ca.iframe.bundle.js b/text-control-stories-index-story.460897ca.iframe.bundle.js new file mode 100644 index 00000000000000..12e5f0f0124e92 --- /dev/null +++ b/text-control-stories-index-story.460897ca.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8037],{"./packages/components/src/text-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithLabelAndHelpText:()=>WithLabelAndHelpText,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/text-control/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Selection & Input/Common/TextControl",id:"components-textcontrol",argTypes:{help:{control:{type:"text"}},label:{control:{type:"text"}},onChange:{action:"onChange"},value:{control:!1}},parameters:{sourceLink:"packages/components/src/text-control",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},DefaultTemplate=({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...args,value,onChange:v=>{setValue(v),onChange(v)}})},Default=DefaultTemplate.bind({});Default.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0};const WithLabelAndHelpText=DefaultTemplate.bind({});WithLabelAndHelpText.args={...Default.args,label:"Label Text",help:"Help text to explain the input."},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState('');\n return <TextControl {...args} value={value} onChange={v => {\n setValue(v);\n onChange(v);\n }} />;\n}",...Default.parameters?.docs?.source}}},WithLabelAndHelpText.parameters={...WithLabelAndHelpText.parameters,docs:{...WithLabelAndHelpText.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState('');\n return <TextControl {...args} value={value} onChange={v => {\n setValue(v);\n onChange(v);\n }} />;\n}",...WithLabelAndHelpText.parameters?.docs?.source}}}},"./packages/components/src/base-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,pu:()=>BaseControl});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_visually_hidden__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/base-control/styles/base-control-styles.ts"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisualLabel=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.forwardRef)(((props,ref)=>{const{className,children,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Om,{ref,...restProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-base-control__label",className),children})})),BaseControl=Object.assign((0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((props=>{const{__nextHasNoMarginBottom=!1,__associatedWPComponentName="BaseControl",id,label,hideLabelFromVision=!1,help,className,children}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"BaseControl");return __nextHasNoMarginBottom||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`,{since:"6.7",version:"7.0",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mO,{className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mh,{className:"components-base-control__field",__nextHasNoMarginBottom,children:[label&&id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",htmlFor:id,children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Gw,{className:"components-base-control__label",htmlFor:id,children:label})),label&&!id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(VisualLabel,{children:label})),children]}),!!help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.te,{id:id?id+"__help":void 0,className:"components-base-control__help",__nextHasNoMarginBottom,children:help})]})}),"BaseControl"),{VisualLabel}),__WEBPACK_DEFAULT_EXPORT__=BaseControl;try{useBaseControlProps.displayName="useBaseControlProps",useBaseControlProps.__docgenInfo={description:"Generate props for the `BaseControl` and the inner control itself.\n\nNamely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.",displayName:"useBaseControlProps",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#useBaseControlProps"]={docgenInfo:useBaseControlProps.__docgenInfo,name:"useBaseControlProps",path:"packages/components/src/base-control/index.tsx#useBaseControlProps"})}catch(__react_docgen_typescript_loader_error){}try{VisualLabel.displayName="VisualLabel",VisualLabel.__docgenInfo={description:"",displayName:"VisualLabel",props:{children:{defaultValue:null,description:"The content to be displayed within the `BaseControl.VisualLabel`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#VisualLabel"]={docgenInfo:VisualLabel.__docgenInfo,name:"VisualLabel",path:"packages/components/src/base-control/index.tsx#VisualLabel"})}catch(__react_docgen_typescript_loader_error){}try{BaseControl.displayName="BaseControl",BaseControl.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/text-highlight-stories-index-story.9e2c8bb5.iframe.bundle.js b/text-highlight-stories-index-story.9e2c8bb5.iframe.bundle.js new file mode 100644 index 00000000000000..734026d1b04865 --- /dev/null +++ b/text-highlight-stories-index-story.9e2c8bb5.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9662],{"./packages/components/src/text-highlight/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var create_interpolate_element=__webpack_require__("./packages/element/build-module/create-interpolate-element.js"),strings=__webpack_require__("./packages/components/src/utils/strings.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const TextHighlight=props=>{const{text="",highlight=""}=props,trimmedHighlightText=highlight.trim();if(!trimmedHighlightText)return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:text});const regex=new RegExp(`(${(0,strings.Nt)(trimmedHighlightText)})`,"gi");return(0,create_interpolate_element.A)(text.replace(regex,"<mark>$&</mark>"),{mark:(0,jsx_runtime.jsx)("mark",{})})},text_highlight=TextHighlight;try{TextHighlight.displayName="TextHighlight",TextHighlight.__docgenInfo={description:'Highlights occurrences of a given string within another string of text. Wraps\neach match with a `<mark>` tag which provides browser default styling.\n\n```jsx\nimport { TextHighlight } from \'@wordpress/components\';\n\nconst MyTextHighlight = () => (\n <TextHighlight\n text="Why do we like Gutenberg? Because Gutenberg is the best!"\n highlight="Gutenberg"\n />\n);\n```',displayName:"TextHighlight",props:{highlight:{defaultValue:{value:"''"},description:"The string to search for and highlight within the `text`. Case\ninsensitive. Multiple matches.",name:"highlight",required:!0,type:{name:"string"}},text:{defaultValue:{value:"''"},description:"The string of text to be tested for occurrences of then given\n`highlight`.",name:"text",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text-highlight/index.tsx#TextHighlight"]={docgenInfo:TextHighlight.__docgenInfo,name:"TextHighlight",path:"packages/components/src/text-highlight/index.tsx#TextHighlight"})}catch(__react_docgen_typescript_loader_error){}try{texthighlight.displayName="texthighlight",texthighlight.__docgenInfo={description:'Highlights occurrences of a given string within another string of text. Wraps\neach match with a `<mark>` tag which provides browser default styling.\n\n```jsx\nimport { TextHighlight } from \'@wordpress/components\';\n\nconst MyTextHighlight = () => (\n <TextHighlight\n text="Why do we like Gutenberg? Because Gutenberg is the best!"\n highlight="Gutenberg"\n />\n);\n```',displayName:"texthighlight",props:{highlight:{defaultValue:{value:"''"},description:"The string to search for and highlight within the `text`. Case\ninsensitive. Multiple matches.",name:"highlight",required:!0,type:{name:"string"}},text:{defaultValue:{value:"''"},description:"The string of text to be tested for occurrences of then given\n`highlight`.",name:"text",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text-highlight/index.tsx#texthighlight"]={docgenInfo:texthighlight.__docgenInfo,name:"texthighlight",path:"packages/components/src/text-highlight/index.tsx#texthighlight"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:text_highlight,title:"Components/Typography/TextHighlight",id:"components-texthighlight",parameters:{sourceLink:"packages/components/src/text-highlight",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,jsx_runtime.jsx)(text_highlight,{...args})).bind({});Default.args={text:"We call the new editor Gutenberg. The entire editing experience has been rebuilt for media rich pages and posts.",highlight:"Gutenberg"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <TextHighlight {...args} />;\n}",...Default.parameters?.docs?.source}}}},"./packages/element/build-module/create-interpolate-element.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");let indoc,offset,output,stack;const tokenizer=/<(\/)?(\w+)\s*(\/)?>/g;function createFrame(element,tokenStart,tokenLength,prevOffset,leadingTextStart){return{element,tokenStart,tokenLength,prevOffset,leadingTextStart,children:[]}}const isValidConversionMap=conversionMap=>{const isObject="object"==typeof conversionMap,values=isObject&&Object.values(conversionMap);return isObject&&values.length&&values.every((element=>(0,_react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(element)))};function proceed(conversionMap){const next=function nextToken(){const matches=tokenizer.exec(indoc);if(null===matches)return["no-more-tokens"];const startedAt=matches.index,[match,isClosing,name,isSelfClosed]=matches,length=match.length;if(isSelfClosed)return["self-closed",name,startedAt,length];if(isClosing)return["closer",name,startedAt,length];return["opener",name,startedAt,length]}(),[tokenType,name,startOffset,tokenLength]=next,stackDepth=stack.length,leadingTextStart=startOffset>offset?offset:null;if(!conversionMap[name])return addText(),!1;switch(tokenType){case"no-more-tokens":if(0!==stackDepth){const{leadingTextStart:stackLeadingText,tokenStart}=stack.pop();output.push(indoc.substr(stackLeadingText,tokenStart))}return addText(),!1;case"self-closed":return 0===stackDepth?(null!==leadingTextStart&&output.push(indoc.substr(leadingTextStart,startOffset-leadingTextStart)),output.push(conversionMap[name]),offset=startOffset+tokenLength,!0):(addChild(createFrame(conversionMap[name],startOffset,tokenLength)),offset=startOffset+tokenLength,!0);case"opener":return stack.push(createFrame(conversionMap[name],startOffset,tokenLength,startOffset+tokenLength,leadingTextStart)),offset=startOffset+tokenLength,!0;case"closer":if(1===stackDepth)return function closeOuterElement(endOffset){const{element,leadingTextStart,prevOffset,tokenStart,children}=stack.pop(),text=endOffset?indoc.substr(prevOffset,endOffset-prevOffset):indoc.substr(prevOffset);text&&children.push(text);null!==leadingTextStart&&output.push(indoc.substr(leadingTextStart,tokenStart-leadingTextStart));output.push((0,_react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element,null,...children))}(startOffset),offset=startOffset+tokenLength,!0;const stackTop=stack.pop(),text=indoc.substr(stackTop.prevOffset,startOffset-stackTop.prevOffset);stackTop.children.push(text),stackTop.prevOffset=startOffset+tokenLength;const frame=createFrame(stackTop.element,stackTop.tokenStart,stackTop.tokenLength,startOffset+tokenLength);return frame.children=stackTop.children,addChild(frame),offset=startOffset+tokenLength,!0;default:return addText(),!1}}function addText(){const length=indoc.length-offset;0!==length&&output.push(indoc.substr(offset,length))}function addChild(frame){const{element,tokenStart,tokenLength,prevOffset,children}=frame,parent=stack[stack.length-1],text=indoc.substr(parent.prevOffset,tokenStart-parent.prevOffset);text&&parent.children.push(text),parent.children.push((0,_react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element,null,...children)),parent.prevOffset=prevOffset||tokenStart+tokenLength}const __WEBPACK_DEFAULT_EXPORT__=(interpolatedString,conversionMap)=>{if(indoc=interpolatedString,offset=0,output=[],stack=[],tokenizer.lastIndex=0,!isValidConversionMap(conversionMap))throw new TypeError("The conversionMap provided is not valid. It must be an object with values that are React Elements");do{}while(proceed(conversionMap));return(0,_react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,...output)}},"./packages/components/src/utils/strings.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Aq:()=>normalizeTextString,Nt:()=>escapeRegExp,kW:()=>kebabCase});var remove_accents__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/remove-accents/index.js"),remove_accents__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(remove_accents__WEBPACK_IMPORTED_MODULE_0__),change_case__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const ALL_UNICODE_DASH_CHARACTERS=new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu),normalizeTextString=value=>remove_accents__WEBPACK_IMPORTED_MODULE_0___default()(value).toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS,"-");function kebabCase(str){var _str$toString;let input=null!==(_str$toString=str?.toString?.())&&void 0!==_str$toString?_str$toString:"";return input=input.replace(/['\u2019]/,""),(0,change_case__WEBPACK_IMPORTED_MODULE_1__.c)(input,{splitRegexp:[/(?!(?:1ST|2ND|3RD|[4-9]TH)(?![a-z]))([a-z0-9])([A-Z])/g,/(?!(?:1st|2nd|3rd|[4-9]th)(?![a-z]))([0-9])([a-z])/g,/([A-Za-z])([0-9])/g,/([A-Z])([A-Z][a-z])/g]})}function escapeRegExp(string){return string.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")}},"./node_modules/remove-accents/index.js":module=>{var characterMap={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},chars=Object.keys(characterMap).join("|"),allAccents=new RegExp(chars,"g"),firstAccent=new RegExp(chars,"");function matcher(match){return characterMap[match]}var removeAccents=function(string){return string.replace(allAccents,matcher)};module.exports=removeAccents,module.exports.has=function(string){return!!string.match(firstAccent)},module.exports.remove=removeAccents}}]); \ No newline at end of file diff --git a/text-stories-index-story.b1f0242b.iframe.bundle.js b/text-stories-index-story.b1f0242b.iframe.bundle.js new file mode 100644 index 00000000000000..a8b93a13db97d2 --- /dev/null +++ b/text-stories-index-story.b1f0242b.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see text-stories-index-story.b1f0242b.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6577],{"./packages/components/src/text/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Highlight:()=>Highlight,Truncate:()=>Truncate,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _component__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/text/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_component__WEBPACK_IMPORTED_MODULE_1__.E,title:"Components (Experimental)/Typography/Text",id:"components-experimental-text",argTypes:{as:{control:{type:"text"}},color:{control:{type:"color"}},display:{control:{type:"text"}},lineHeight:{control:{type:"text"}},letterSpacing:{control:{type:"text"}},optimizeReadabilityFor:{control:{type:"color"}},size:{control:{type:"text"}},variant:{options:[void 0,"muted"],control:{type:"select"}},weight:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/text",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_component__WEBPACK_IMPORTED_MODULE_1__.E,{...props}),Default=Template.bind({});Default.args={children:"Code is poetry"};const Truncate=Template.bind({});Truncate.args={children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut\nfacilisis dictum tortor, eu tincidunt justo scelerisque tincidunt.\nDuis semper dui id augue malesuada, ut feugiat nisi aliquam.\nVestibulum venenatis diam sem, finibus dictum massa semper in. Nulla\nfacilisi. Nunc vulputate faucibus diam, in lobortis arcu ornare vel.\nIn dignissim nunc sed facilisis finibus. Etiam imperdiet mattis\narcu, sed rutrum sapien blandit gravida. Aenean sollicitudin neque\neget enim blandit, sit amet rutrum leo vehicula. Nunc malesuada\nultricies eros ut faucibus. Aliquam erat volutpat. Nulla nec feugiat\nrisus. Vivamus iaculis dui aliquet ante ultricies feugiat.\nVestibulum ante ipsum primis in faucibus orci luctus et ultrices\nposuere cubilia curae; Vivamus nec pretium velit, sit amet\nconsectetur ante. Praesent porttitor ex eget fermentum mattis.",numberOfLines:2,truncate:!0};const Highlight=Template.bind({});Highlight.args={children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut\nfacilisis dictum tortor, eu tincidunt justo scelerisque tincidunt.\nDuis semper dui id augue malesuada, ut feugiat nisi aliquam.\nVestibulum venenatis diam sem, finibus dictum massa semper in. Nulla\nfacilisi. Nunc vulputate faucibus diam, in lobortis arcu ornare vel.\nIn dignissim nunc sed facilisis finibus. Etiam imperdiet mattis\narcu, sed rutrum sapien blandit gravida. Aenean sollicitudin neque\neget enim blandit, sit amet rutrum leo vehicula. Nunc malesuada\nultricies eros ut faucibus. Aliquam erat volutpat. Nulla nec feugiat\nrisus. Vivamus iaculis dui aliquet ante ultricies feugiat.\nVestibulum ante ipsum primis in faucibus orci luctus et ultrices\nposuere cubilia curae; Vivamus nec pretium velit, sit amet\nconsectetur ante. Praesent porttitor ex eget fermentum mattis.",highlightWords:["con"]},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n return <Text {...props} />;\n}",...Default.parameters?.docs?.source}}},Truncate.parameters={...Truncate.parameters,docs:{...Truncate.parameters?.docs,source:{originalSource:"props => {\n return <Text {...props} />;\n}",...Truncate.parameters?.docs?.source}}},Highlight.parameters={...Highlight.parameters,docs:{...Highlight.parameters?.docs,source:{originalSource:"props => {\n return <Text {...props} />;\n}",...Highlight.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/text/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,E:()=>Text});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/text/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Text=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedText(props,forwardedRef){const textProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{as:"span",...textProps,ref:forwardedRef})}),"Text"),__WEBPACK_DEFAULT_EXPORT__=Text;try{Text.displayName="Text",Text.__docgenInfo={description:"`Text` is a core component that renders text in the library, using the\nlibrary's typography system.\n\n`Text` can be used to render any text-content, like an HTML `p` or `span`.",displayName:"Text",props:{align:{defaultValue:null,description:"Adjusts the text alignment.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"inherit"'},{value:'"end"'},{value:'"start"'},{value:'"initial"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"match-parent"'}]}},adjustLineHeightForInnerControls:{defaultValue:null,description:"Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).",name:"adjustLineHeightForInnerControls",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'},{value:'"xSmall"'}]}},color:{defaultValue:null,description:"Adjusts the text color.",name:"color",required:!1,type:{name:"Color"}},display:{defaultValue:null,description:"Adjusts the CSS display.",name:"display",required:!1,type:{name:"Display"}},isDestructive:{defaultValue:{value:"false"},description:"Renders a destructive color.",name:"isDestructive",required:!1,type:{name:"boolean"}},highlightEscape:{defaultValue:{value:"false"},description:"Escape characters in `highlightWords` which are meaningful in regular expressions.",name:"highlightEscape",required:!1,type:{name:"boolean"}},highlightCaseSensitive:{defaultValue:{value:"false"},description:"Determines if `highlightWords` should be case sensitive.",name:"highlightCaseSensitive",required:!1,type:{name:"boolean"}},highlightSanitize:{defaultValue:null,description:"Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.",name:"highlightSanitize",required:!1,type:{name:"(text: string) => string"}},isBlock:{defaultValue:{value:"false"},description:"Sets `Text` to have `display: block`. Note: text truncation only works\nwhen `isBlock` is `false`.",name:"isBlock",required:!1,type:{name:"boolean"}},lineHeight:{defaultValue:null,description:"Adjusts all text line-height based on the typography system.",name:"lineHeight",required:!1,type:{name:"LineHeight<string | number>"}},optimizeReadabilityFor:{defaultValue:null,description:"The `Text` color can be adapted to a background color for optimal readability. `optimizeReadabilityFor` can accept CSS variables, in addition to standard CSS color values (e.g. Hex, RGB, HSL, etc...).",name:"optimizeReadabilityFor",required:!1,type:{name:"Color"}},size:{defaultValue:null,description:"Adjusts text size based on the typography system. `Text` can render a wide range of font sizes, which are automatically calculated and adapted to the typography system. The `size` value can be a system preset, a `number`, or a custom unit value (`string`) such as `30em`.",name:"size",required:!1,type:{name:"string | number | (string & {})"}},truncate:{defaultValue:{value:"false"},description:"Enables text truncation. When `truncate` is set, we are able to truncate the long text in a variety of ways. Note: text truncation won't work if the `isBlock` property is set to `true`",name:"truncate",required:!1,type:{name:"boolean"}},upperCase:{defaultValue:{value:"false"},description:"Uppercases the text content.",name:"upperCase",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Adjusts style variation of the text.",name:"variant",required:!1,type:{name:'"muted"'}},weight:{defaultValue:{value:"'normal'"},description:"Adjusts font-weight of the text.",name:"weight",required:!1,type:{name:"FontWeight | TextWeight"}},letterSpacing:{defaultValue:null,description:"Adjusts letter-spacing of the text.",name:"letterSpacing",required:!1,type:{name:"LetterSpacing<string | number>"}},highlightWords:{defaultValue:null,description:"Letters or words within `Text` can be highlighted using `highlightWords`.",name:"highlightWords",required:!1,type:{name:"string[]"}},ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"head"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/text/component.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"packages/components/src/text/component.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{"use strict";var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/text-stories-index-story.b1f0242b.iframe.bundle.js.LICENSE.txt b/text-stories-index-story.b1f0242b.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/text-stories-index-story.b1f0242b.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/textarea-control-stories-index-story.67a22566.iframe.bundle.js b/textarea-control-stories-index-story.67a22566.iframe.bundle.js new file mode 100644 index 00000000000000..9d33388669f72b --- /dev/null +++ b/textarea-control-stories-index-story.67a22566.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see textarea-control-stories-index-story.67a22566.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[642],{"./packages/components/src/textarea-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/textarea-control/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Selection & Input/Common/TextareaControl",id:"components-textareacontrol",argTypes:{onChange:{action:"onChange"},label:{control:{type:"text"}},help:{control:{type:"text"}},value:{control:!1}},parameters:{sourceLink:"packages/components/src/textarea-control",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...args,value,onChange:v=>{setValue(v),onChange(v)}})}).bind({});Default.args={__nextHasNoMarginBottom:!0,label:"Text",help:"Enter some text",placeholder:"Placeholder"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState('');\n return <TextareaControl {...args} value={value} onChange={v => {\n setValue(v);\n onChange(v);\n }} />;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/compose/build-module/hooks/use-instance-id/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const instanceMap=new WeakMap;const __WEBPACK_DEFAULT_EXPORT__=function useInstanceId(object,prefix,preferredId){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(preferredId)return preferredId;const id=function createId(object){const instances=instanceMap.get(object)||0;return instanceMap.set(object,instances+1),instances}(object);return prefix?`${prefix}-${id}`:id}),[object,preferredId,prefix])}},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/components/src/base-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,pu:()=>BaseControl});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_visually_hidden__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/base-control/styles/base-control-styles.ts"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisualLabel=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.forwardRef)(((props,ref)=>{const{className,children,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Om,{ref,...restProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-base-control__label",className),children})})),BaseControl=Object.assign((0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((props=>{const{__nextHasNoMarginBottom=!1,__associatedWPComponentName="BaseControl",id,label,hideLabelFromVision=!1,help,className,children}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"BaseControl");return __nextHasNoMarginBottom||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`,{since:"6.7",version:"7.0",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mO,{className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mh,{className:"components-base-control__field",__nextHasNoMarginBottom,children:[label&&id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",htmlFor:id,children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Gw,{className:"components-base-control__label",htmlFor:id,children:label})),label&&!id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(VisualLabel,{children:label})),children]}),!!help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.te,{id:id?id+"__help":void 0,className:"components-base-control__help",__nextHasNoMarginBottom,children:help})]})}),"BaseControl"),{VisualLabel}),__WEBPACK_DEFAULT_EXPORT__=BaseControl;try{useBaseControlProps.displayName="useBaseControlProps",useBaseControlProps.__docgenInfo={description:"Generate props for the `BaseControl` and the inner control itself.\n\nNamely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.",displayName:"useBaseControlProps",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#useBaseControlProps"]={docgenInfo:useBaseControlProps.__docgenInfo,name:"useBaseControlProps",path:"packages/components/src/base-control/index.tsx#useBaseControlProps"})}catch(__react_docgen_typescript_loader_error){}try{VisualLabel.displayName="VisualLabel",VisualLabel.__docgenInfo={description:"",displayName:"VisualLabel",props:{children:{defaultValue:null,description:"The content to be displayed within the `BaseControl.VisualLabel`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#VisualLabel"]={docgenInfo:VisualLabel.__docgenInfo,name:"VisualLabel",path:"packages/components/src/base-control/index.tsx#VisualLabel"})}catch(__react_docgen_typescript_loader_error){}try{BaseControl.displayName="BaseControl",BaseControl.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/textarea-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>textarea_control});var use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),react=__webpack_require__("./node_modules/react/index.js"),base_control=__webpack_require__("./packages/components/src/base-control/index.tsx"),emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),font=__webpack_require__("./packages/components/src/utils/font.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js");const breakpoint_values={huge:"1440px",wide:"1280px","x-large":"1080px",large:"960px",medium:"782px",small:"600px",mobile:"480px","zoomed-in":"280px"},inputStyleNeutral=(0,emotion_react_browser_esm.AH)("box-shadow:0 0 0 transparent;border-radius:",config_values.A.radiusSmall,";border:",config_values.A.borderWidth," solid ",colors_values.l.ui.border,";@media not ( prefers-reduced-motion ){transition:box-shadow 0.1s linear;}",""),inputStyleFocus=(0,emotion_react_browser_esm.AH)("border-color:",colors_values.l.theme.accent,";box-shadow:0 0 0 calc( ",config_values.A.borderWidthFocus," - ",config_values.A.borderWidth," ) ",colors_values.l.theme.accent,";outline:2px solid transparent;",""),StyledTextarea=(0,emotion_styled_base_browser_esm.A)("textarea",{target:"e1w5nnrk0"})("width:100%;display:block;font-family:",(0,font.g)("default.fontFamily"),";line-height:20px;padding:9px 11px;",inputStyleNeutral,";font-size:",(0,font.g)("mobileTextMinFontSize"),";",`@media (min-width: ${breakpoint_values["small"]})`,"{font-size:",(0,font.g)("default.fontSize"),";}&:focus{",inputStyleFocus,";}&::-webkit-input-placeholder{color:",colors_values.l.ui.darkGrayPlaceholder,";}&::-moz-placeholder{opacity:1;color:",colors_values.l.ui.darkGrayPlaceholder,";}&:-ms-input-placeholder{color:",colors_values.l.ui.darkGrayPlaceholder,";}.is-dark-theme &{&::-webkit-input-placeholder{color:",colors_values.l.ui.lightGrayPlaceholder,";}&::-moz-placeholder{opacity:1;color:",colors_values.l.ui.lightGrayPlaceholder,";}&:-ms-input-placeholder{color:",colors_values.l.ui.lightGrayPlaceholder,";}}");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const TextareaControl=(0,react.forwardRef)((function UnforwardedTextareaControl(props,ref){const{__nextHasNoMarginBottom,label,hideLabelFromVision,value,help,onChange,rows=4,className,...additionalProps}=props,id=`inspector-textarea-control-${(0,use_instance_id.A)(TextareaControl)}`;return(0,jsx_runtime.jsx)(base_control.Ay,{__nextHasNoMarginBottom,__associatedWPComponentName:"TextareaControl",label,hideLabelFromVision,id,help,className,children:(0,jsx_runtime.jsx)(StyledTextarea,{className:"components-textarea-control__input",id,rows,onChange:event=>onChange(event.target.value),"aria-describedby":help?id+"__help":void 0,value,ref,...additionalProps})})})),textarea_control=TextareaControl;try{TextareaControl.displayName="TextareaControl",TextareaControl.__docgenInfo={description:"TextareaControls are TextControls that allow for multiple lines of text, and\nwrap overflow text onto a new line. They are a fixed height and scroll\nvertically when the cursor reaches the bottom of the field.\n\n```jsx\nimport { TextareaControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyTextareaControl = () => {\n const [ text, setText ] = useState( '' );\n\n return (\n <TextareaControl\n __nextHasNoMarginBottom\n label=\"Text\"\n help=\"Enter some text\"\n value={ text }\n onChange={ ( value ) => setText( value ) }\n />\n );\n};\n```",displayName:"TextareaControl",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A function that receives the new value of the textarea each time it\nchanges.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"The current value of the textarea.",name:"value",required:!0,type:{name:"string"}},rows:{defaultValue:{value:"4"},description:"The number of rows the textarea should contain.",name:"rows",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/textarea-control/index.tsx#TextareaControl"]={docgenInfo:TextareaControl.__docgenInfo,name:"TextareaControl",path:"packages/components/src/textarea-control/index.tsx#TextareaControl"})}catch(__react_docgen_typescript_loader_error){}try{textareacontrol.displayName="textareacontrol",textareacontrol.__docgenInfo={description:"TextareaControls are TextControls that allow for multiple lines of text, and\nwrap overflow text onto a new line. They are a fixed height and scroll\nvertically when the cursor reaches the bottom of the field.\n\n```jsx\nimport { TextareaControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyTextareaControl = () => {\n const [ text, setText ] = useState( '' );\n\n return (\n <TextareaControl\n __nextHasNoMarginBottom\n label=\"Text\"\n help=\"Enter some text\"\n value={ text }\n onChange={ ( value ) => setText( value ) }\n />\n );\n};\n```",displayName:"textareacontrol",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A function that receives the new value of the textarea each time it\nchanges.",name:"onChange",required:!0,type:{name:"(value: string) => void"}},value:{defaultValue:null,description:"The current value of the textarea.",name:"value",required:!0,type:{name:"string"}},rows:{defaultValue:{value:"4"},description:"The number of rows the textarea should contain.",name:"rows",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/textarea-control/index.tsx#textareacontrol"]={docgenInfo:textareacontrol.__docgenInfo,name:"textareacontrol",path:"packages/components/src/textarea-control/index.tsx#textareacontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/textarea-control-stories-index-story.67a22566.iframe.bundle.js.LICENSE.txt b/textarea-control-stories-index-story.67a22566.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/textarea-control-stories-index-story.67a22566.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/theme-stories-index-story.4f84a64a.iframe.bundle.js b/theme-stories-index-story.4f84a64a.iframe.bundle.js new file mode 100644 index 00000000000000..2c8ed11336b146 --- /dev/null +++ b/theme-stories-index-story.4f84a64a.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see theme-stories-index-story.4f84a64a.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6261],{"./packages/components/src/theme/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorScheme:()=>ColorScheme,Default:()=>Default,Nested:()=>Nested,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/theme/index.tsx"),_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/button/index.tsx"),_color_algorithms__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/theme/color-algorithms.ts"),_h_stack__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/h-stack/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_index__WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Utilities/Theme",id:"components-theme",argTypes:{accent:{control:{type:"color"}},background:{control:{type:"color"}}},tags:["status-private"],parameters:{sourceLink:"packages/components/src/theme",badges:["private"],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"primary",children:"Hello"})})).bind({});Default.args={};const Nested=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{accent:"crimson",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"primary",children:"Outer theme (hardcoded)"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{...args,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"primary",children:"Inner theme (set via Storybook controls)"})})]});Nested.args={accent:"blue"};const ColorScheme=({accent,background})=>{const{colors}=(0,_color_algorithms__WEBPACK_IMPORTED_MODULE_3__.cV)({accent,background}),{gray,...otherColors}=colors,contrastIssues=Object.entries((0,_color_algorithms__WEBPACK_IMPORTED_MODULE_3__.ws)({accent,background},colors)).filter((([_,error])=>!!error)),Chip=({color,name})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_h_stack__WEBPACK_IMPORTED_MODULE_4__.A,{justify:"flex-start",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{backgroundColor:color,height:"1.25em",width:40}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{style:{fontSize:14},children:name})]});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[Object.entries(otherColors).map((([key,value])=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Chip,{color:value,name:key},key))),Object.entries(gray).map((([key,value])=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Chip,{color:value,name:`gray ${key}`},key))),!!contrastIssues.length&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h2",{children:"Contrast issues"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("ul",{children:contrastIssues.map((([key,error])=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("li",{children:error},key)))})]})]})};ColorScheme.args={accent:"#3858e9",background:"#fff"},ColorScheme.argTypes={children:{table:{disable:!0}}},ColorScheme.parameters={docs:{canvas:{sourceState:"hidden"}}},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'args => <Theme {...args}>\n <Button variant="primary">Hello</Button>\n </Theme>',...Default.parameters?.docs?.source}}},Nested.parameters={...Nested.parameters,docs:{...Nested.parameters?.docs,source:{originalSource:'args => <Theme accent="crimson">\n <Button variant="primary">Outer theme (hardcoded)</Button>\n\n <Theme {...args}>\n <Button variant="primary">\n Inner theme (set via Storybook controls)\n </Button>\n </Theme>\n </Theme>',...Nested.parameters?.docs?.source}}},ColorScheme.parameters={...ColorScheme.parameters,docs:{...ColorScheme.parameters?.docs,source:{originalSource:"({\n accent,\n background\n}) => {\n const {\n colors\n } = generateThemeVariables({\n accent,\n background\n });\n const {\n gray,\n ...otherColors\n } = colors;\n /* eslint-disable @typescript-eslint/no-unused-vars */\n const contrastIssues = Object.entries(checkContrasts({\n accent,\n background\n }, colors)).filter(([_, error]) => !!error);\n /* eslint-enable @typescript-eslint/no-unused-vars */\n\n const Chip = ({\n color,\n name\n }: {\n color: string;\n name: string;\n }) => <HStack justify=\"flex-start\">\n <div style={{\n backgroundColor: color,\n height: '1.25em',\n width: 40\n }} />\n <div style={{\n fontSize: 14\n }}>{name}</div>\n </HStack>;\n return <>\n {Object.entries(otherColors).map(([key, value]) => <Chip color={value} name={key} key={key} />)}\n {Object.entries(gray as NonNullable<typeof gray>).map(([key, value]) => <Chip color={value} name={`gray ${key}`} key={key} />)}\n {!!contrastIssues.length && <>\n <h2>Contrast issues</h2>\n <ul>\n {contrastIssues.map(([key, error]) => <li key={key}>{error}</li>)}\n </ul>\n </>}\n </>;\n}",...ColorScheme.parameters?.docs?.source},description:{story:"The rest of the required colors are generated based on the given accent and background colors.",...ColorScheme.parameters?.docs?.description}}};try{ColorScheme.displayName="ColorScheme",ColorScheme.__docgenInfo={description:"The rest of the required colors are generated based on the given accent and background colors.",displayName:"ColorScheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/theme/stories/index.story.tsx#ColorScheme"]={docgenInfo:ColorScheme.__docgenInfo,name:"ColorScheme",path:"packages/components/src/theme/stories/index.story.tsx#ColorScheme"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isValueDefined(value){return null!=value}function isValueEmpty(value){const isEmptyString=""===value;return!isValueDefined(value)||isEmptyString}function getDefinedValue(values=[],fallbackValue){var _values$find;return null!==(_values$find=values.find(isValueDefined))&&void 0!==_values$find?_values$find:fallbackValue}__webpack_require__.d(__webpack_exports__,{GB:()=>ensureNumber,J5:()=>isValueDefined,r6:()=>isValueEmpty,vD:()=>getDefinedValue});const ensureNumber=value=>"string"==typeof value?(value=>parseFloat(value))(value):value},"./packages/components/src/flex/flex-item/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/flex/flex-item/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FlexItem=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedFlexItem(props,forwardedRef){const flexItemProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.K)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...flexItemProps,ref:forwardedRef})}),"FlexItem"),__WEBPACK_DEFAULT_EXPORT__=FlexItem;try{FlexItem.displayName="FlexItem",FlexItem.__docgenInfo={description:"`FlexItem` is a primitive layout component that aligns content within layout\ncontainers like `Flex`.\n\n```jsx\nimport { Flex, FlexItem } from '@wordpress/components';\n\nfunction Example() {\n return (\n <Flex>\n <FlexItem>...</FlexItem>\n </Flex>\n );\n}\n```",displayName:"FlexItem",props:{display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},isBlock:{defaultValue:{value:"true"},description:"Determines if `FlexItem` should render as an adaptive full-width block.",name:"isBlock",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex-item/component.tsx#FlexItem"]={docgenInfo:FlexItem.__docgenInfo,name:"FlexItem",path:"packages/components/src/flex/flex-item/component.tsx#FlexItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/h-stack/hook.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const HStack=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedHStack(props,forwardedRef){const hStackProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...hStackProps,ref:forwardedRef})}),"HStack"),__WEBPACK_DEFAULT_EXPORT__=HStack;try{HStack.displayName="HStack",HStack.__docgenInfo={description:"`HStack` (Horizontal Stack) arranges child elements in a horizontal line.\n\n`HStack` can render anything inside.\n\n```jsx\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<HStack>\n\t\t\t<Text>Code</Text>\n\t\t\t<Text>is</Text>\n\t\t\t<Text>Poetry</Text>\n\t\t</HStack>\n\t);\n}\n```",displayName:"HStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/component.tsx#HStack"]={docgenInfo:HStack.__docgenInfo,name:"HStack",path:"packages/components/src/h-stack/component.tsx#HStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/hook.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useHStack});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/flex/flex-item/component.tsx"),hook=__webpack_require__("./packages/components/src/flex/flex/hook.ts"),values=__webpack_require__("./packages/components/src/utils/values.js");const H_ALIGNMENTS={bottom:{align:"flex-end",justify:"center"},bottomLeft:{align:"flex-end",justify:"flex-start"},bottomRight:{align:"flex-end",justify:"flex-end"},center:{align:"center",justify:"center"},edge:{align:"center",justify:"space-between"},left:{align:"center",justify:"flex-start"},right:{align:"center",justify:"flex-end"},stretch:{align:"stretch"},top:{align:"flex-start",justify:"center"},topLeft:{align:"flex-start",justify:"flex-start"},topRight:{align:"flex-start",justify:"flex-end"}},V_ALIGNMENTS={bottom:{justify:"flex-end",align:"center"},bottomLeft:{justify:"flex-end",align:"flex-start"},bottomRight:{justify:"flex-end",align:"flex-end"},center:{justify:"center",align:"center"},edge:{justify:"space-between",align:"center"},left:{justify:"center",align:"flex-start"},right:{justify:"center",align:"flex-end"},stretch:{align:"stretch"},top:{justify:"flex-start",align:"center"},topLeft:{justify:"flex-start",align:"flex-start"},topRight:{justify:"flex-start",align:"flex-end"}};var get_valid_children=__webpack_require__("./packages/components/src/utils/get-valid-children.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function useHStack(props){const{alignment="edge",children,direction,spacing=2,...otherProps}=(0,use_context_system.A)(props,"HStack"),align=function getAlignmentProps(alignment,direction="row"){if(!(0,values.J5)(alignment))return{};const props="column"===direction?V_ALIGNMENTS:H_ALIGNMENTS;return alignment in props?props[alignment]:{align:alignment}}(alignment,direction),propsForFlex={children:(0,get_valid_children.a)(children).map(((child,index)=>{if((0,context_connect.SZ)(child,["Spacer"])){const childElement=child,_key=childElement.key||`hstack-${index}`;return(0,jsx_runtime.jsx)(component.A,{isBlock:!0,...childElement.props},_key)}return child})),direction,justify:"center",...align,...otherProps,gap:spacing},{isColumn,...flexProps}=(0,hook.v)(propsForFlex);return flexProps}try{useHStack.displayName="useHStack",useHStack.__docgenInfo={description:"",displayName:"useHStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/hook.tsx#useHStack"]={docgenInfo:useHStack.__docgenInfo,name:"useHStack",path:"packages/components/src/h-stack/hook.tsx#useHStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/get-valid-children.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>getValidChildren});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function getValidChildren(children){return"string"==typeof children?[children]:_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter((child=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child)))}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/theme-stories-index-story.4f84a64a.iframe.bundle.js.LICENSE.txt b/theme-stories-index-story.4f84a64a.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/theme-stories-index-story.4f84a64a.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/tip-stories-index-story.38e29caa.iframe.bundle.js b/tip-stories-index-story.38e29caa.iframe.bundle.js new file mode 100644 index 00000000000000..684431410f154b --- /dev/null +++ b/tip-stories-index-story.38e29caa.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[4989],{"./packages/components/src/tip/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var icon=__webpack_require__("./packages/icons/build-module/icon/index.js"),tip=__webpack_require__("./packages/icons/build-module/library/tip.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Tip(props){const{children}=props;return(0,jsx_runtime.jsxs)("div",{className:"components-tip",children:[(0,jsx_runtime.jsx)(icon.A,{icon:tip.A}),(0,jsx_runtime.jsx)("p",{children})]})}const src_tip=Tip;try{Tip.displayName="Tip",Tip.__docgenInfo={description:"",displayName:"Tip",props:{children:{defaultValue:null,description:"Children to render in the tip.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tip/index.tsx#Tip"]={docgenInfo:Tip.__docgenInfo,name:"Tip",path:"packages/components/src/tip/index.tsx#Tip"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:src_tip,title:"Components/Feedback/Tip",id:"components-tip",argTypes:{children:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/tip",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,jsx_runtime.jsx)(src_tip,{...args})).bind({});Default.args={children:"An example tip"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <Tip {...args} />;\n}",...Default.parameters?.docs?.source}}}},"./packages/icons/build-module/icon/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function Icon({icon,size=24,...props},ref){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(icon,{width:size,height:size,...props,ref})}))},"./packages/icons/build-module/library/tip.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M12 15.8c-3.7 0-6.8-3-6.8-6.8s3-6.8 6.8-6.8c3.7 0 6.8 3 6.8 6.8s-3.1 6.8-6.8 6.8zm0-12C9.1 3.8 6.8 6.1 6.8 9s2.4 5.2 5.2 5.2c2.9 0 5.2-2.4 5.2-5.2S14.9 3.8 12 3.8zM8 17.5h8V19H8zM10 20.5h4V22h-4z"})})},"./packages/primitives/build-module/svg/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>G,N1:()=>Line,jl:()=>Circle,rw:()=>Rect,t4:()=>SVG,wA:()=>Path});var clsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Circle=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("circle",props),G=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("g",props),Line=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("line",props),Path=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("path",props),Rect=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("rect",props),SVG=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({className,isPressed,...props},ref)=>{const appliedProps={...props,className:(0,clsx__WEBPACK_IMPORTED_MODULE_2__.A)(className,{"is-pressed":isPressed})||void 0,"aria-hidden":!0,focusable:!1};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{...appliedProps,ref})}));SVG.displayName="SVG"}}]); \ No newline at end of file diff --git a/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js b/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js new file mode 100644 index 00000000000000..7d77c3356a3414 --- /dev/null +++ b/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see toggle-control-stories-index-story.bcca5e42.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[4356],{"./packages/components/src/toggle-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithHelpText:()=>WithHelpText,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),component=__webpack_require__("./packages/components/src/flex/flex-block/component.tsx"),form_toggle=__webpack_require__("./packages/components/src/form-toggle/index.tsx"),base_control=__webpack_require__("./packages/components/src/base-control/index.tsx"),h_stack_component=__webpack_require__("./packages/components/src/h-stack/component.tsx"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts"),space=__webpack_require__("./packages/components/src/utils/space.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ToggleControl=(0,react.forwardRef)((function UnforwardedToggleControl({__nextHasNoMarginBottom,label,checked,help,className,onChange,disabled},ref){const id=`inspector-toggle-control-${(0,use_instance_id.A)(ToggleControl)}`,classes=(0,use_cx.l)()("components-toggle-control",className,!__nextHasNoMarginBottom&&(0,emotion_react_browser_esm.AH)({marginBottom:(0,space.x)(3)},"",""));let describedBy,helpLabel;return __nextHasNoMarginBottom||(0,build_module.A)("Bottom margin styles for wp.components.ToggleControl",{since:"6.7",version:"7.0",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."}),help&&("function"==typeof help?void 0!==checked&&(helpLabel=help(checked)):helpLabel=help,helpLabel&&(describedBy=id+"__help")),(0,jsx_runtime.jsx)(base_control.Ay,{id,help:helpLabel&&(0,jsx_runtime.jsx)("span",{className:"components-toggle-control__help",children:helpLabel}),className:classes,__nextHasNoMarginBottom:!0,children:(0,jsx_runtime.jsxs)(h_stack_component.A,{justify:"flex-start",spacing:2,children:[(0,jsx_runtime.jsx)(form_toggle.Ay,{id,checked,onChange:function onChangeToggle(event){onChange(event.target.checked)},"aria-describedby":describedBy,disabled,ref}),(0,jsx_runtime.jsx)(component.A,{as:"label",htmlFor:id,className:(0,clsx.A)("components-toggle-control__label",{"is-disabled":disabled}),children:label})]})})})),toggle_control=ToggleControl;try{ToggleControl.displayName="ToggleControl",ToggleControl.__docgenInfo={description:"ToggleControl is used to generate a toggle user interface.\n\n```jsx\nimport { ToggleControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyToggleControl = () => {\n const [ value, setValue ] = useState( false );\n\n return (\n <ToggleControl\n __nextHasNoMarginBottom\n label=\"Fixed Background\"\n checked={ value }\n onChange={ () => setValue( ( state ) => ! state ) }\n />\n );\n};\n```",displayName:"ToggleControl",props:{disabled:{defaultValue:null,description:"If disabled is true the toggle will be disabled and apply the appropriate\nstyles.",name:"disabled",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"If checked is true the toggle will be checked. If checked is false the\ntoggle will be unchecked. If no value is passed the toggle will be\nunchecked.",name:"checked",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"",name:"help",required:!1,type:{name:"ReactNode | ((checked: boolean) => ReactNode)"}},label:{defaultValue:null,description:"The label for the toggle.",name:"label",required:!0,type:{name:"ReactNode"}},onChange:{defaultValue:null,description:"A callback function invoked when the toggle is clicked.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-control/index.tsx#ToggleControl"]={docgenInfo:ToggleControl.__docgenInfo,name:"ToggleControl",path:"packages/components/src/toggle-control/index.tsx#ToggleControl"})}catch(__react_docgen_typescript_loader_error){}try{togglecontrol.displayName="togglecontrol",togglecontrol.__docgenInfo={description:"ToggleControl is used to generate a toggle user interface.\n\n```jsx\nimport { ToggleControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyToggleControl = () => {\n const [ value, setValue ] = useState( false );\n\n return (\n <ToggleControl\n __nextHasNoMarginBottom\n label=\"Fixed Background\"\n checked={ value }\n onChange={ () => setValue( ( state ) => ! state ) }\n />\n );\n};\n```",displayName:"togglecontrol",props:{disabled:{defaultValue:null,description:"If disabled is true the toggle will be disabled and apply the appropriate\nstyles.",name:"disabled",required:!1,type:{name:"boolean"}},checked:{defaultValue:null,description:"If checked is true the toggle will be checked. If checked is false the\ntoggle will be unchecked. If no value is passed the toggle will be\nunchecked.",name:"checked",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"",name:"help",required:!1,type:{name:"ReactNode | ((checked: boolean) => ReactNode)"}},label:{defaultValue:null,description:"The label for the toggle.",name:"label",required:!0,type:{name:"ReactNode"}},onChange:{defaultValue:null,description:"A callback function invoked when the toggle is clicked.",name:"onChange",required:!0,type:{name:"(value: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-control/index.tsx#togglecontrol"]={docgenInfo:togglecontrol.__docgenInfo,name:"togglecontrol",path:"packages/components/src/toggle-control/index.tsx#togglecontrol"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components/Selection & Input/Common/ToggleControl",id:"components-togglecontrol",component:toggle_control,argTypes:{checked:{control:!1},help:{control:{type:"text"}},label:{control:{type:"text"}},onChange:{action:"onChange"}},parameters:{sourceLink:"packages/components/src/toggle-control",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=({onChange,...props})=>{const[checked,setChecked]=(0,react.useState)(!0);return(0,jsx_runtime.jsx)(toggle_control,{...props,checked,onChange:(...changeArgs)=>{setChecked(...changeArgs),onChange(...changeArgs)}})},Default=Template.bind({});Default.args={__nextHasNoMarginBottom:!0,label:"Enable something"};const WithHelpText=Template.bind({});WithHelpText.args={...Default.args,help:"This is some help text."},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [checked, setChecked] = useState(true);\n return <ToggleControl {...props} checked={checked} onChange={(...changeArgs) => {\n setChecked(...changeArgs);\n onChange(...changeArgs);\n }} />;\n}",...Default.parameters?.docs?.source}}},WithHelpText.parameters={...WithHelpText.parameters,docs:{...WithHelpText.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [checked, setChecked] = useState(true);\n return <ToggleControl {...props} checked={checked} onChange={(...changeArgs) => {\n setChecked(...changeArgs);\n onChange(...changeArgs);\n }} />;\n}",...WithHelpText.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/utils/values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isValueDefined(value){return null!=value}function isValueEmpty(value){const isEmptyString=""===value;return!isValueDefined(value)||isEmptyString}function getDefinedValue(values=[],fallbackValue){var _values$find;return null!==(_values$find=values.find(isValueDefined))&&void 0!==_values$find?_values$find:fallbackValue}__webpack_require__.d(__webpack_exports__,{GB:()=>ensureNumber,J5:()=>isValueDefined,r6:()=>isValueEmpty,vD:()=>getDefinedValue});const ensureNumber=value=>"string"==typeof value?(value=>parseFloat(value))(value):value},"./packages/compose/build-module/hooks/use-instance-id/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const instanceMap=new WeakMap;const __WEBPACK_DEFAULT_EXPORT__=function useInstanceId(object,prefix,preferredId){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(preferredId)return preferredId;const id=function createId(object){const instances=instanceMap.get(object)||0;return instanceMap.set(object,instances+1),instances}(object);return prefix?`${prefix}-${id}`:id}),[object,preferredId,prefix])}},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/components/src/base-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,pu:()=>BaseControl});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_visually_hidden__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/base-control/styles/base-control-styles.ts"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisualLabel=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.forwardRef)(((props,ref)=>{const{className,children,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Om,{ref,...restProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-base-control__label",className),children})})),BaseControl=Object.assign((0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((props=>{const{__nextHasNoMarginBottom=!1,__associatedWPComponentName="BaseControl",id,label,hideLabelFromVision=!1,help,className,children}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"BaseControl");return __nextHasNoMarginBottom||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`,{since:"6.7",version:"7.0",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mO,{className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mh,{className:"components-base-control__field",__nextHasNoMarginBottom,children:[label&&id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",htmlFor:id,children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Gw,{className:"components-base-control__label",htmlFor:id,children:label})),label&&!id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(VisualLabel,{children:label})),children]}),!!help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.te,{id:id?id+"__help":void 0,className:"components-base-control__help",__nextHasNoMarginBottom,children:help})]})}),"BaseControl"),{VisualLabel}),__WEBPACK_DEFAULT_EXPORT__=BaseControl;try{useBaseControlProps.displayName="useBaseControlProps",useBaseControlProps.__docgenInfo={description:"Generate props for the `BaseControl` and the inner control itself.\n\nNamely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.",displayName:"useBaseControlProps",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#useBaseControlProps"]={docgenInfo:useBaseControlProps.__docgenInfo,name:"useBaseControlProps",path:"packages/components/src/base-control/index.tsx#useBaseControlProps"})}catch(__react_docgen_typescript_loader_error){}try{VisualLabel.displayName="VisualLabel",VisualLabel.__docgenInfo={description:"",displayName:"VisualLabel",props:{children:{defaultValue:null,description:"The content to be displayed within the `BaseControl.VisualLabel`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#VisualLabel"]={docgenInfo:VisualLabel.__docgenInfo,name:"VisualLabel",path:"packages/components/src/base-control/index.tsx#VisualLabel"})}catch(__react_docgen_typescript_loader_error){}try{BaseControl.displayName="BaseControl",BaseControl.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/flex/flex-block/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>flex_block_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),hook=__webpack_require__("./packages/components/src/flex/flex-item/hook.ts");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const FlexBlock=(0,context_connect.KZ)((function UnconnectedFlexBlock(props,forwardedRef){const flexBlockProps=function useFlexBlock(props){const otherProps=(0,use_context_system.A)(props,"FlexBlock");return(0,hook.K)({isBlock:!0,...otherProps})}(props);return(0,jsx_runtime.jsx)(component.A,{...flexBlockProps,ref:forwardedRef})}),"FlexBlock"),flex_block_component=FlexBlock;try{FlexBlock.displayName="FlexBlock",FlexBlock.__docgenInfo={description:"`FlexBlock` is a primitive layout component that adaptively resizes content\nwithin layout containers like `Flex`.\n\n```jsx\nimport { Flex, FlexBlock } from '@wordpress/components';\n\nfunction Example() {\n return (\n <Flex>\n <FlexBlock>...</FlexBlock>\n </Flex>\n );\n}\n```",displayName:"FlexBlock",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex-block/component.tsx#FlexBlock"]={docgenInfo:FlexBlock.__docgenInfo,name:"FlexBlock",path:"packages/components/src/flex/flex-block/component.tsx#FlexBlock"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/flex/flex-item/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/flex/flex-item/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FlexItem=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedFlexItem(props,forwardedRef){const flexItemProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.K)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...flexItemProps,ref:forwardedRef})}),"FlexItem"),__WEBPACK_DEFAULT_EXPORT__=FlexItem;try{FlexItem.displayName="FlexItem",FlexItem.__docgenInfo={description:"`FlexItem` is a primitive layout component that aligns content within layout\ncontainers like `Flex`.\n\n```jsx\nimport { Flex, FlexItem } from '@wordpress/components';\n\nfunction Example() {\n return (\n <Flex>\n <FlexItem>...</FlexItem>\n </Flex>\n );\n}\n```",displayName:"FlexItem",props:{display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},isBlock:{defaultValue:{value:"true"},description:"Determines if `FlexItem` should render as an adaptive full-width block.",name:"isBlock",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex-item/component.tsx#FlexItem"]={docgenInfo:FlexItem.__docgenInfo,name:"FlexItem",path:"packages/components/src/flex/flex-item/component.tsx#FlexItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/form-toggle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const noop=()=>{};const FormToggle=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedFormToggle(props,ref){const{className,checked,id,disabled,onChange=noop,...additionalProps}=props,wrapperClasses=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-form-toggle",className,{"is-checked":checked,"is-disabled":disabled});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span",{className:wrapperClasses,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input",{className:"components-form-toggle__input",id,type:"checkbox",checked,onChange,disabled,...additionalProps,ref}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"components-form-toggle__track"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"components-form-toggle__thumb"})]})})),__WEBPACK_DEFAULT_EXPORT__=FormToggle;try{FormToggle.displayName="FormToggle",FormToggle.__docgenInfo={description:"FormToggle switches a single setting on or off.\n\n```jsx\nimport { FormToggle } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyFormToggle = () => {\n const [ isChecked, setChecked ] = useState( true );\n\n return (\n <FormToggle\n checked={ isChecked }\n onChange={ () => setChecked( ( state ) => ! state ) }\n />\n );\n};\n```",displayName:"FormToggle",props:{checked:{defaultValue:null,description:"If checked is true the toggle will be checked. If checked is false the\ntoggle will be unchecked. If no value is passed the toggle will be\nunchecked.",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"If disabled is true the toggle will be disabled and apply the appropriate\nstyles.",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A callback function invoked when the toggle is clicked.",name:"onChange",required:!0,type:{name:"(event: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/form-toggle/index.tsx#FormToggle"]={docgenInfo:FormToggle.__docgenInfo,name:"FormToggle",path:"packages/components/src/form-toggle/index.tsx#FormToggle"})}catch(__react_docgen_typescript_loader_error){}try{formtoggle.displayName="formtoggle",formtoggle.__docgenInfo={description:"FormToggle switches a single setting on or off.\n\n```jsx\nimport { FormToggle } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyFormToggle = () => {\n const [ isChecked, setChecked ] = useState( true );\n\n return (\n <FormToggle\n checked={ isChecked }\n onChange={ () => setChecked( ( state ) => ! state ) }\n />\n );\n};\n```",displayName:"formtoggle",props:{checked:{defaultValue:null,description:"If checked is true the toggle will be checked. If checked is false the\ntoggle will be unchecked. If no value is passed the toggle will be\nunchecked.",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"If disabled is true the toggle will be disabled and apply the appropriate\nstyles.",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A callback function invoked when the toggle is clicked.",name:"onChange",required:!0,type:{name:"(event: ChangeEvent<HTMLInputElement>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/form-toggle/index.tsx#formtoggle"]={docgenInfo:formtoggle.__docgenInfo,name:"formtoggle",path:"packages/components/src/form-toggle/index.tsx#formtoggle"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/h-stack/hook.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const HStack=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedHStack(props,forwardedRef){const hStackProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...hStackProps,ref:forwardedRef})}),"HStack"),__WEBPACK_DEFAULT_EXPORT__=HStack;try{HStack.displayName="HStack",HStack.__docgenInfo={description:"`HStack` (Horizontal Stack) arranges child elements in a horizontal line.\n\n`HStack` can render anything inside.\n\n```jsx\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<HStack>\n\t\t\t<Text>Code</Text>\n\t\t\t<Text>is</Text>\n\t\t\t<Text>Poetry</Text>\n\t\t</HStack>\n\t);\n}\n```",displayName:"HStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/component.tsx#HStack"]={docgenInfo:HStack.__docgenInfo,name:"HStack",path:"packages/components/src/h-stack/component.tsx#HStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/hook.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useHStack});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/flex/flex-item/component.tsx"),hook=__webpack_require__("./packages/components/src/flex/flex/hook.ts"),values=__webpack_require__("./packages/components/src/utils/values.js");const H_ALIGNMENTS={bottom:{align:"flex-end",justify:"center"},bottomLeft:{align:"flex-end",justify:"flex-start"},bottomRight:{align:"flex-end",justify:"flex-end"},center:{align:"center",justify:"center"},edge:{align:"center",justify:"space-between"},left:{align:"center",justify:"flex-start"},right:{align:"center",justify:"flex-end"},stretch:{align:"stretch"},top:{align:"flex-start",justify:"center"},topLeft:{align:"flex-start",justify:"flex-start"},topRight:{align:"flex-start",justify:"flex-end"}},V_ALIGNMENTS={bottom:{justify:"flex-end",align:"center"},bottomLeft:{justify:"flex-end",align:"flex-start"},bottomRight:{justify:"flex-end",align:"flex-end"},center:{justify:"center",align:"center"},edge:{justify:"space-between",align:"center"},left:{justify:"center",align:"flex-start"},right:{justify:"center",align:"flex-end"},stretch:{align:"stretch"},top:{justify:"flex-start",align:"center"},topLeft:{justify:"flex-start",align:"flex-start"},topRight:{justify:"flex-start",align:"flex-end"}};var get_valid_children=__webpack_require__("./packages/components/src/utils/get-valid-children.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function useHStack(props){const{alignment="edge",children,direction,spacing=2,...otherProps}=(0,use_context_system.A)(props,"HStack"),align=function getAlignmentProps(alignment,direction="row"){if(!(0,values.J5)(alignment))return{};const props="column"===direction?V_ALIGNMENTS:H_ALIGNMENTS;return alignment in props?props[alignment]:{align:alignment}}(alignment,direction),propsForFlex={children:(0,get_valid_children.a)(children).map(((child,index)=>{if((0,context_connect.SZ)(child,["Spacer"])){const childElement=child,_key=childElement.key||`hstack-${index}`;return(0,jsx_runtime.jsx)(component.A,{isBlock:!0,...childElement.props},_key)}return child})),direction,justify:"center",...align,...otherProps,gap:spacing},{isColumn,...flexProps}=(0,hook.v)(propsForFlex);return flexProps}try{useHStack.displayName="useHStack",useHStack.__docgenInfo={description:"",displayName:"useHStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/hook.tsx#useHStack"]={docgenInfo:useHStack.__docgenInfo,name:"useHStack",path:"packages/components/src/h-stack/hook.tsx#useHStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/get-valid-children.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>getValidChildren});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function getValidChildren(children){return"string"==typeof children?[children]:_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter((child=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child)))}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js.LICENSE.txt b/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/toggle-control-stories-index-story.bcca5e42.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js b/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js new file mode 100644 index 00000000000000..6d56540bf214c4 --- /dev/null +++ b/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[7906],{"./node_modules/@ariakit/react-core/esm/__chunks/4BXJGRNH.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>useRadioStore});var _4CMBR7SL=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/4CMBR7SL.js"),YV4JVR4I=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),AJZ4BYF3=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/AJZ4BYF3.js"),BCALMBPZ=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/BCALMBPZ.js"),PBFD2E7P=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),_3YLGPPWQ=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/3YLGPPWQ.js");function createRadioStore(_a={}){var _a2,props=(0,_3YLGPPWQ.YG)(_a,[]);const syncState=null==(_a2=props.store)?void 0:_a2.getState(),composite=(0,AJZ4BYF3.z)((0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)({},props),{focusLoop:(0,PBFD2E7P.Jh)(props.focusLoop,null==syncState?void 0:syncState.focusLoop,!0)})),initialState=(0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)({},composite.getState()),{value:(0,PBFD2E7P.Jh)(props.value,null==syncState?void 0:syncState.value,props.defaultValue,null)}),radio=(0,BCALMBPZ.y$)(initialState,composite,props.store);return(0,_3YLGPPWQ.ko)((0,_3YLGPPWQ.IA)((0,_3YLGPPWQ.IA)({},composite),radio),{setValue:value=>radio.setState("value",value)})}function useRadioStore(props={}){const[store,update]=(0,YV4JVR4I.Pj)(createRadioStore,props);return function useRadioStoreProps(store,update,props){return store=(0,_4CMBR7SL.YO)(store,update,props),(0,YV4JVR4I.Tz)(store,props,"value","setValue"),store}(store,update,props)}},"./node_modules/@ariakit/react-core/esm/__chunks/NLEBE274.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{s:()=>Radio,z:()=>useRadio});var _UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js"),_P2CTZE2T_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/P2CTZE2T.js"),_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js"),_YV4JVR4I_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");var useRadio=(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ab)((function useRadio2(_a){var _b=_a,{store,name,value,checked}=_b,props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.YG)(_b,["store","name","value","checked"]);const context=(0,_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.c4)();store=store||context;const id=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.Bi)(props.id),ref=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),isChecked=(0,_YV4JVR4I_js__WEBPACK_IMPORTED_MODULE_5__.O$)(store,(state=>null!=checked?checked:function getIsChecked(value,storeValue){if(void 0!==storeValue)return null!=value&&null!=storeValue?storeValue===value:!!storeValue}(value,null==state?void 0:state.value)));(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(!id)return;if(!isChecked)return;(null==store?void 0:store.getState().activeId)===id||null==store||store.setActiveId(id)}),[store,isChecked,id]);const onChangeProp=props.onChange,nativeRadio=function isNativeRadio(tagName,type){return"input"===tagName&&(!type||"radio"===type)}((0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.vO)(ref,"input"),props.type),disabled=(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.$f)(props),[propertyUpdated,schedulePropertyUpdate]=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.CH)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{const element=ref.current;element&&(nativeRadio||(void 0!==isChecked&&(element.checked=isChecked),void 0!==name&&(element.name=name),void 0!==value&&(element.value=`${value}`)))}),[propertyUpdated,nativeRadio,isChecked,name,value]);const onChange=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{if(disabled)return event.preventDefault(),void event.stopPropagation();(null==store?void 0:store.getState().value)!==value&&(nativeRadio||(event.currentTarget.checked=!0,schedulePropertyUpdate()),null==onChangeProp||onChangeProp(event),event.defaultPrevented||null==store||store.setValue(value))})),onClickProp=props.onClick,onClick=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{null==onClickProp||onClickProp(event),event.defaultPrevented||nativeRadio||onChange(event)})),onFocusProp=props.onFocus,onFocus=(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__._q)((event=>{if(null==onFocusProp||onFocusProp(event),event.defaultPrevented)return;if(!nativeRadio)return;if(!store)return;const{moves,activeId}=store.getState();moves&&(id&&activeId!==id||onChange(event))}));return props=(0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.ko)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({id,role:nativeRadio?void 0:"radio",type:nativeRadio?"radio":void 0,"aria-checked":isChecked},props),{ref:(0,_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_4__.SV)(ref,props.ref),onChange,onClick,onFocus}),props=(0,_P2CTZE2T_js__WEBPACK_IMPORTED_MODULE_7__.k)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({store,clickOnEnter:!nativeRadio},props)),(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_6__.HR)((0,_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({name:nativeRadio?name:void 0,value:nativeRadio?value:void 0,checked:isChecked},props))})),Radio=(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ph)((0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.Rf)((function Radio2(props){const htmlProps=useRadio(props);return(0,_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.n)("input",htmlProps)})))},"./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XF:()=>useRadioProviderContext,aN:()=>RadioScopedContextProvider,c4:()=>useRadioContext});var _P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/P7GR5CS5.js"),ctx=(0,__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js").B0)([_P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__.ws],[_P7GR5CS5_js__WEBPACK_IMPORTED_MODULE_1__.aN]),useRadioContext=ctx.useContext,useRadioProviderContext=(ctx.useScopedContext,ctx.useProviderContext),RadioScopedContextProvider=(ctx.ContextProvider,ctx.ScopedContextProvider)},"./node_modules/@ariakit/react-core/esm/radio/radio-group.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>RadioGroup});var _chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/UVUMR3WP.js"),_chunks_ITI7HKP4_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ITI7HKP4.js"),_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/LMDWO4NN.js"),_chunks_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/ABQUS43J.js"),_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/3YLGPPWQ.js"),_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@ariakit/core/esm/__chunks/PBFD2E7P.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),useRadioGroup=(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.ab)((function useRadioGroup2(_a){var _b=_a,{store}=_b,props=(0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.YG)(_b,["store"]);const context=(0,_chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.XF)();return store=store||context,(0,_ariakit_core_utils_misc__WEBPACK_IMPORTED_MODULE_4__.V1)(store,!1),props=(0,_chunks_ABQUS43J_js__WEBPACK_IMPORTED_MODULE_5__.w7)(props,(element=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_chunks_UVUMR3WP_js__WEBPACK_IMPORTED_MODULE_3__.aN,{value:store,children:element})),[store]),props=(0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({role:"radiogroup"},props),props=(0,_chunks_ITI7HKP4_js__WEBPACK_IMPORTED_MODULE_6__.T)((0,_chunks_3YLGPPWQ_js__WEBPACK_IMPORTED_MODULE_2__.IA)({store},props))})),RadioGroup=(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.Rf)((function RadioGroup2(props){const htmlProps=useRadioGroup(props);return(0,_chunks_LMDWO4NN_js__WEBPACK_IMPORTED_MODULE_1__.n)("div",htmlProps)}))},"./packages/components/src/toggle-group-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Deselectable:()=>Deselectable,WithIcons:()=>WithIcons,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/icons/build-module/library/format-uppercase.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/icons/build-module/library/format-lowercase.js"),_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control/component.tsx"),_index__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx"),_index__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_index__WEBPACK_IMPORTED_MODULE_1__.A,subcomponents:{ToggleGroupControlOption:_index__WEBPACK_IMPORTED_MODULE_2__.A,ToggleGroupControlOptionIcon:_index__WEBPACK_IMPORTED_MODULE_3__.A},title:"Components (Experimental)/Selection & Input/ToggleGroupControl",id:"components-experimental-togglegroupcontrol",argTypes:{help:{control:{type:"text"}},onChange:{action:"onChange"},value:{control:!1}},parameters:{sourceLink:"packages/components/src/toggle-group-control",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=({onChange,...props})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_1__.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,...props,onChange:(...changeArgs)=>{setValue(...changeArgs),onChange?.(...changeArgs)},value})},mapPropsToOptionComponent=({value,...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_2__.A,{value,...props},value),Default=Template.bind({});Default.args={children:[{value:"left",label:"Left"},{value:"center",label:"Center"},{value:"right",label:"Right"},{value:"justify",label:"Justify"}].map(mapPropsToOptionComponent),isBlock:!0,label:"Label"};const WithTooltip=Template.bind({});WithTooltip.args={...Default.args,children:[{value:"asc",label:"A→Z","aria-label":"Ascending",showTooltip:!0},{value:"desc",label:"Z→A","aria-label":"Descending",showTooltip:!0}].map(mapPropsToOptionComponent)};const WithIcons=Template.bind({});WithIcons.args={...Default.args,children:[{value:"uppercase",label:"Uppercase",icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__.A},{value:"lowercase",label:"Lowercase",icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__.A}].map((({value,...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_index__WEBPACK_IMPORTED_MODULE_3__.A,{value,...props},value))),isBlock:!1};const Deselectable=Template.bind({});Deselectable.args={...WithIcons.args,isDeselectable:!0},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [value, setValue] = useState<ToggleGroupControlProps['value']>();\n return <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize {...props} onChange={(...changeArgs) => {\n setValue(...changeArgs);\n onChange?.(...changeArgs);\n }} value={value} />;\n}",...Default.parameters?.docs?.source}}},WithTooltip.parameters={...WithTooltip.parameters,docs:{...WithTooltip.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [value, setValue] = useState<ToggleGroupControlProps['value']>();\n return <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize {...props} onChange={(...changeArgs) => {\n setValue(...changeArgs);\n onChange?.(...changeArgs);\n }} value={value} />;\n}",...WithTooltip.parameters?.docs?.source},description:{story:"A tooltip can be shown for each option by enabling the `showTooltip` prop.\nThe `aria-label` will be used in the tooltip if provided. Otherwise, the\n`label` will be used.",...WithTooltip.parameters?.docs?.description}}},WithIcons.parameters={...WithIcons.parameters,docs:{...WithIcons.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [value, setValue] = useState<ToggleGroupControlProps['value']>();\n return <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize {...props} onChange={(...changeArgs) => {\n setValue(...changeArgs);\n onChange?.(...changeArgs);\n }} value={value} />;\n}",...WithIcons.parameters?.docs?.source},description:{story:"The `ToggleGroupControlOptionIcon` component can be used for icon options. A `label` is required\non each option for accessibility, which will be shown in a tooltip.",...WithIcons.parameters?.docs?.description}}},Deselectable.parameters={...Deselectable.parameters,docs:{...Deselectable.parameters?.docs,source:{originalSource:"({\n onChange,\n ...props\n}) => {\n const [value, setValue] = useState<ToggleGroupControlProps['value']>();\n return <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize {...props} onChange={(...changeArgs) => {\n setValue(...changeArgs);\n onChange?.(...changeArgs);\n }} value={value} />;\n}",...Deselectable.parameters?.docs?.source},description:{story:"When the `isDeselectable` prop is true, the option can be deselected by clicking on it again.",...Deselectable.parameters?.docs?.description}}};try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"A tooltip can be shown for each option by enabling the `showTooltip` prop.\nThe `aria-label` will be used in the tooltip if provided. Otherwise, the\n`label` will be used.",displayName:"WithTooltip",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/stories/index.story.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"packages/components/src/toggle-group-control/stories/index.story.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{WithIcons.displayName="WithIcons",WithIcons.__docgenInfo={description:"The `ToggleGroupControlOptionIcon` component can be used for icon options. A `label` is required\non each option for accessibility, which will be shown in a tooltip.",displayName:"WithIcons",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/stories/index.story.tsx#WithIcons"]={docgenInfo:WithIcons.__docgenInfo,name:"WithIcons",path:"packages/components/src/toggle-group-control/stories/index.story.tsx#WithIcons"})}catch(__react_docgen_typescript_loader_error){}try{Deselectable.displayName="Deselectable",Deselectable.__docgenInfo={description:"When the `isDeselectable` prop is true, the option can be deselected by clicking on it again.",displayName:"Deselectable",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/stories/index.story.tsx#Deselectable"]={docgenInfo:Deselectable.__docgenInfo,name:"Deselectable",path:"packages/components/src/toggle-group-control/stories/index.story.tsx#Deselectable"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/compose/build-module/hooks/use-instance-id/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const instanceMap=new WeakMap;const __WEBPACK_DEFAULT_EXPORT__=function useInstanceId(object,prefix,preferredId){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(preferredId)return preferredId;const id=function createId(object){const instances=instanceMap.get(object)||0;return instanceMap.set(object,instances+1),instances}(object);return prefix?`${prefix}-${id}`:id}),[object,preferredId,prefix])}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/icons/build-module/library/format-lowercase.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})})},"./packages/icons/build-module/library/format-uppercase.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})})},"./packages/primitives/build-module/svg/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>G,N1:()=>Line,jl:()=>Circle,rw:()=>Rect,t4:()=>SVG,wA:()=>Path});var clsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Circle=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("circle",props),G=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("g",props),Line=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("line",props),Path=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("path",props),Rect=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("rect",props),SVG=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({className,isPressed,...props},ref)=>{const appliedProps={...props,className:(0,clsx__WEBPACK_IMPORTED_MODULE_2__.A)(className,{"is-pressed":isPressed})||void 0,"aria-hidden":!0,focusable:!1};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{...appliedProps,ref})}));SVG.displayName="SVG"},"./packages/components/src/base-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,pu:()=>BaseControl});var clsx__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_visually_hidden__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/base-control/styles/base-control-styles.ts"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisualLabel=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_6__.forwardRef)(((props,ref)=>{const{className,children,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Om,{ref,...restProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_5__.A)("components-base-control__label",className),children})})),BaseControl=Object.assign((0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((props=>{const{__nextHasNoMarginBottom=!1,__associatedWPComponentName="BaseControl",id,label,hideLabelFromVision=!1,help,className,children}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"BaseControl");return __nextHasNoMarginBottom||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)(`Bottom margin styles for wp.components.${__associatedWPComponentName}`,{since:"6.7",version:"7.0",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mO,{className,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.mh,{className:"components-base-control__field",__nextHasNoMarginBottom,children:[label&&id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",htmlFor:id,children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.Gw,{className:"components-base-control__label",htmlFor:id,children:label})),label&&!id&&(hideLabelFromVision?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_visually_hidden__WEBPACK_IMPORTED_MODULE_4__.A,{as:"label",children:label}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(VisualLabel,{children:label})),children]}),!!help&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_base_control_styles__WEBPACK_IMPORTED_MODULE_3__.te,{id:id?id+"__help":void 0,className:"components-base-control__help",__nextHasNoMarginBottom,children:help})]})}),"BaseControl"),{VisualLabel}),__WEBPACK_DEFAULT_EXPORT__=BaseControl;try{useBaseControlProps.displayName="useBaseControlProps",useBaseControlProps.__docgenInfo={description:"Generate props for the `BaseControl` and the inner control itself.\n\nNamely, it takes care of generating a unique `id`, properly associating it with the `label` and `help` elements.",displayName:"useBaseControlProps",props:{label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#useBaseControlProps"]={docgenInfo:useBaseControlProps.__docgenInfo,name:"useBaseControlProps",path:"packages/components/src/base-control/index.tsx#useBaseControlProps"})}catch(__react_docgen_typescript_loader_error){}try{VisualLabel.displayName="VisualLabel",VisualLabel.__docgenInfo={description:"",displayName:"VisualLabel",props:{children:{defaultValue:null,description:"The content to be displayed within the `BaseControl.VisualLabel`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#VisualLabel"]={docgenInfo:VisualLabel.__docgenInfo,name:"VisualLabel",path:"packages/components/src/base-control/index.tsx#VisualLabel"})}catch(__react_docgen_typescript_loader_error){}try{BaseControl.displayName="BaseControl",BaseControl.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"BaseControl",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#BaseControl"]={docgenInfo:BaseControl.__docgenInfo,name:"BaseControl",path:"packages/components/src/base-control/index.tsx#BaseControl"})}catch(__react_docgen_typescript_loader_error){}try{basecontrol.displayName="basecontrol",basecontrol.__docgenInfo={description:"`BaseControl` is a component used to generate labels and help text for components handling user inputs.\n\n```jsx\nimport { BaseControl, useBaseControlProps } from '@wordpress/components';\n\n// Render a `BaseControl` for a textarea input\nconst MyCustomTextareaControl = ({ children, ...baseProps }) => (\n\t// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`\n\t// and the inner control itself. Namely, it takes care of generating a unique `id`,\n\t// properly associating it with the `label` and `help` elements.\n\tconst { baseControlProps, controlProps } = useBaseControlProps( baseProps );\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<textarea { ...controlProps }>\n\t\t\t { children }\n\t\t\t</textarea>\n\t\t</BaseControl>\n\t);\n);\n```",displayName:"basecontrol",props:{__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},__associatedWPComponentName:{defaultValue:null,description:"Temporary private prop for showing better deprecation messages,\ne.g. `Some feature from wp.components.${ __associatedWPControl } is deprecated`.\n@ignore",name:"__associatedWPComponentName",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The HTML `id` of the control element (passed in as a child to `BaseControl`) to which labels and help text are being generated.\nThis is necessary to accessibly associate the label with that element.\n\nThe recommended way is to use the `useBaseControlProps` hook, which takes care of generating a unique `id` for you.\nOtherwise, if you choose to pass an explicit `id` to this prop, you are responsible for ensuring the uniqueness of the `id`.",name:"id",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to be displayed within the `BaseControl`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/base-control/index.tsx#basecontrol"]={docgenInfo:basecontrol.__docgenInfo,name:"basecontrol",path:"packages/components/src/base-control/index.tsx#basecontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/icon/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>icon});var react=__webpack_require__("./node_modules/react/index.js"),svg=__webpack_require__("./packages/primitives/build-module/svg/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Dashicon({icon,className,size=20,style={},...extraProps}){const iconClass=["dashicon","dashicons","dashicons-"+icon,className].filter(Boolean).join(" "),styles={...20!=size?{fontSize:`${size}px`,width:`${size}px`,height:`${size}px`}:{},...style};return(0,jsx_runtime.jsx)("span",{className:iconClass,style:styles,...extraProps})}const dashicon=Dashicon;try{Dashicon.displayName="Dashicon",Dashicon.__docgenInfo={description:"",displayName:"Dashicon",props:{icon:{defaultValue:null,description:"The icon name",name:"icon",required:!0,type:{name:"enum",value:[{value:'"button"'},{value:'"html"'},{value:'"menu"'},{value:'"search"'},{value:'"filter"'},{value:'"marker"'},{value:'"text"'},{value:'"hidden"'},{value:'"id"'},{value:'"yes"'},{value:'"no"'},{value:'"heading"'},{value:'"email"'},{value:'"location"'},{value:'"move"'},{value:'"visibility"'},{value:'"download"'},{value:'"groups"'},{value:'"columns"'},{value:'"ellipsis"'},{value:'"store"'},{value:'"sort"'},{value:'"admin-appearance"'},{value:'"admin-collapse"'},{value:'"admin-comments"'},{value:'"admin-customizer"'},{value:'"admin-generic"'},{value:'"admin-home"'},{value:'"admin-links"'},{value:'"admin-media"'},{value:'"admin-multisite"'},{value:'"admin-network"'},{value:'"admin-page"'},{value:'"admin-plugins"'},{value:'"admin-post"'},{value:'"admin-settings"'},{value:'"admin-site-alt"'},{value:'"admin-site-alt2"'},{value:'"admin-site-alt3"'},{value:'"admin-site"'},{value:'"admin-tools"'},{value:'"admin-users"'},{value:'"airplane"'},{value:'"album"'},{value:'"align-center"'},{value:'"align-full-width"'},{value:'"align-left"'},{value:'"align-none"'},{value:'"align-pull-left"'},{value:'"align-pull-right"'},{value:'"align-right"'},{value:'"align-wide"'},{value:'"amazon"'},{value:'"analytics"'},{value:'"archive"'},{value:'"arrow-down-alt"'},{value:'"arrow-down-alt2"'},{value:'"arrow-down"'},{value:'"arrow-left-alt"'},{value:'"arrow-left-alt2"'},{value:'"arrow-left"'},{value:'"arrow-right-alt"'},{value:'"arrow-right-alt2"'},{value:'"arrow-right"'},{value:'"arrow-up-alt"'},{value:'"arrow-up-alt2"'},{value:'"arrow-up"'},{value:'"arrow-up-duplicate"'},{value:'"art"'},{value:'"awards"'},{value:'"backup"'},{value:'"bank"'},{value:'"beer"'},{value:'"bell"'},{value:'"block-default"'},{value:'"book-alt"'},{value:'"book"'},{value:'"buddicons-activity"'},{value:'"buddicons-bbpress-logo"'},{value:'"buddicons-buddypress-logo"'},{value:'"buddicons-community"'},{value:'"buddicons-forums"'},{value:'"buddicons-friends"'},{value:'"buddicons-groups"'},{value:'"buddicons-pm"'},{value:'"buddicons-replies"'},{value:'"buddicons-topics"'},{value:'"buddicons-tracking"'},{value:'"building"'},{value:'"businessman"'},{value:'"businessperson"'},{value:'"businesswoman"'},{value:'"calculator"'},{value:'"camera-alt"'},{value:'"car"'},{value:'"calendar-alt"'},{value:'"calendar"'},{value:'"camera"'},{value:'"carrot"'},{value:'"cart"'},{value:'"category"'},{value:'"chart-area"'},{value:'"chart-bar"'},{value:'"chart-line"'},{value:'"chart-pie"'},{value:'"clipboard"'},{value:'"clock"'},{value:'"cloud-saved"'},{value:'"cloud-upload"'},{value:'"cloud"'},{value:'"code-standards"'},{value:'"coffee"'},{value:'"color-picker"'},{value:'"controls-back"'},{value:'"controls-forward"'},{value:'"controls-pause"'},{value:'"controls-play"'},{value:'"controls-repeat"'},{value:'"controls-skipback"'},{value:'"controls-skipforward"'},{value:'"controls-volumeoff"'},{value:'"controls-volumeon"'},{value:'"cover-image"'},{value:'"dashboard"'},{value:'"database"'},{value:'"database-add"'},{value:'"database-export"'},{value:'"database-import"'},{value:'"database-remove"'},{value:'"database-view"'},{value:'"desktop"'},{value:'"dismiss"'},{value:'"drumstick"'},{value:'"edit"'},{value:'"edit-large"'},{value:'"edit-page"'},{value:'"editor-aligncenter"'},{value:'"editor-alignleft"'},{value:'"editor-alignright"'},{value:'"editor-bold"'},{value:'"editor-break"'},{value:'"editor-code"'},{value:'"editor-code-duplicate"'},{value:'"editor-contract"'},{value:'"editor-customchar"'},{value:'"editor-expand"'},{value:'"editor-help"'},{value:'"editor-indent"'},{value:'"editor-insertmore"'},{value:'"editor-italic"'},{value:'"editor-justify"'},{value:'"editor-kitchensink"'},{value:'"editor-ltr"'},{value:'"editor-ol-rtl"'},{value:'"editor-ol"'},{value:'"editor-outdent"'},{value:'"editor-paragraph"'},{value:'"editor-paste-text"'},{value:'"editor-paste-word"'},{value:'"editor-quote"'},{value:'"editor-removeformatting"'},{value:'"editor-rtl"'},{value:'"editor-spellcheck"'},{value:'"editor-strikethrough"'},{value:'"editor-table"'},{value:'"editor-textcolor"'},{value:'"editor-ul"'},{value:'"editor-underline"'},{value:'"editor-unlink"'},{value:'"editor-video"'},{value:'"email-alt"'},{value:'"email-alt2"'},{value:'"embed-audio"'},{value:'"embed-generic"'},{value:'"embed-photo"'},{value:'"embed-post"'},{value:'"embed-video"'},{value:'"excerpt-view"'},{value:'"exit"'},{value:'"external"'},{value:'"facebook-alt"'},{value:'"facebook"'},{value:'"feedback"'},{value:'"flag"'},{value:'"food"'},{value:'"format-aside"'},{value:'"format-audio"'},{value:'"format-chat"'},{value:'"format-gallery"'},{value:'"format-image"'},{value:'"format-quote"'},{value:'"format-status"'},{value:'"format-video"'},{value:'"forms"'},{value:'"fullscreen-alt"'},{value:'"fullscreen-exit-alt"'},{value:'"games"'},{value:'"google"'},{value:'"googleplus"'},{value:'"grid-view"'},{value:'"hammer"'},{value:'"heart"'},{value:'"hourglass"'},{value:'"id-alt"'},{value:'"image-crop"'},{value:'"image-filter"'},{value:'"image-flip-horizontal"'},{value:'"image-flip-vertical"'},{value:'"image-rotate-left"'},{value:'"image-rotate-right"'},{value:'"image-rotate"'},{value:'"images-alt"'},{value:'"images-alt2"'},{value:'"index-card"'},{value:'"info-outline"'},{value:'"info"'},{value:'"insert-after"'},{value:'"insert-before"'},{value:'"insert"'},{value:'"instagram"'},{value:'"laptop"'},{value:'"layout"'},{value:'"leftright"'},{value:'"lightbulb"'},{value:'"list-view"'},{value:'"linkedin"'},{value:'"location-alt"'},{value:'"lock-duplicate"'},{value:'"lock"'},{value:'"media-archive"'},{value:'"media-audio"'},{value:'"media-code"'},{value:'"media-default"'},{value:'"media-document"'},{value:'"media-interactive"'},{value:'"media-spreadsheet"'},{value:'"media-text"'},{value:'"media-video"'},{value:'"megaphone"'},{value:'"menu-alt"'},{value:'"menu-alt2"'},{value:'"menu-alt3"'},{value:'"money-alt"'},{value:'"microphone"'},{value:'"migrate"'},{value:'"minus"'},{value:'"money"'},{value:'"nametag"'},{value:'"networking"'},{value:'"no-alt"'},{value:'"open-folder"'},{value:'"palmtree"'},{value:'"paperclip"'},{value:'"performance"'},{value:'"pets"'},{value:'"pdf"'},{value:'"phone"'},{value:'"pinterest"'},{value:'"playlist-audio"'},{value:'"playlist-video"'},{value:'"plus-alt"'},{value:'"plus"'},{value:'"portfolio"'},{value:'"post-status"'},{value:'"pressthis"'},{value:'"products"'},{value:'"plugins-checked"'},{value:'"plus-alt2"'},{value:'"podio"'},{value:'"printer"'},{value:'"privacy"'},{value:'"randomize"'},{value:'"reddit"'},{value:'"redo"'},{value:'"remove"'},{value:'"rest-api"'},{value:'"rss"'},{value:'"saved"'},{value:'"schedule"'},{value:'"screenoptions"'},{value:'"share-alt"'},{value:'"share-alt2"'},{value:'"share"'},{value:'"shield-alt"'},{value:'"shield"'},{value:'"shortcode"'},{value:'"slides"'},{value:'"smartphone"'},{value:'"smiley"'},{value:'"sos"'},{value:'"star-empty"'},{value:'"star-filled"'},{value:'"star-half"'},{value:'"sticky"'},{value:'"spotify"'},{value:'"superhero"'},{value:'"superhero-alt"'},{value:'"table-col-after"'},{value:'"table-col-before"'},{value:'"table-col-delete"'},{value:'"table-row-after"'},{value:'"table-row-before"'},{value:'"table-row-delete"'},{value:'"tablet"'},{value:'"tag"'},{value:'"tagcloud"'},{value:'"testimonial"'},{value:'"text-page"'},{value:'"thumbs-down"'},{value:'"thumbs-up"'},{value:'"tickets-alt"'},{value:'"tickets"'},{value:'"tide"'},{value:'"translation"'},{value:'"trash"'},{value:'"twitch"'},{value:'"twitter"'},{value:'"twitter-alt"'},{value:'"undo"'},{value:'"universal-access-alt"'},{value:'"universal-access"'},{value:'"unlock"'},{value:'"update-alt"'},{value:'"update"'},{value:'"upload"'},{value:'"vault"'},{value:'"video-alt"'},{value:'"video-alt2"'},{value:'"video-alt3"'},{value:'"warning"'},{value:'"welcome-add-page"'},{value:'"welcome-comments"'},{value:'"welcome-learn-more"'},{value:'"welcome-view-site"'},{value:'"welcome-widgets-menus"'},{value:'"welcome-write-blog"'},{value:'"whatsapp"'},{value:'"wordpress-alt"'},{value:'"wordpress"'},{value:'"xing"'},{value:'"yes-alt"'},{value:'"youtube"'}]}},size:{defaultValue:{value:"20"},description:"Size of the icon",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dashicon/index.tsx#Dashicon"]={docgenInfo:Dashicon.__docgenInfo,name:"Dashicon",path:"packages/components/src/dashicon/index.tsx#Dashicon"})}catch(__react_docgen_typescript_loader_error){}function Icon({icon=null,size="string"==typeof icon?20:24,...additionalProps}){if("string"==typeof icon)return(0,jsx_runtime.jsx)(dashicon,{icon,size,...additionalProps});if((0,react.isValidElement)(icon)&&dashicon===icon.type)return(0,react.cloneElement)(icon,{...additionalProps});if("function"==typeof icon)return(0,react.createElement)(icon,{size,...additionalProps});if(icon&&("svg"===icon.type||icon.type===svg.t4)){const appliedProps={...icon.props,width:size,height:size,...additionalProps};return(0,jsx_runtime.jsx)(svg.t4,{...appliedProps})}return(0,react.isValidElement)(icon)?(0,react.cloneElement)(icon,{size,...additionalProps}):icon}const icon=Icon;try{Icon.displayName="Icon",Icon.__docgenInfo={description:"Renders a raw icon without any initial styling or wrappers.\n\n```jsx\nimport { wordpress } from '@wordpress/icons';\n\n<Icon icon={ wordpress } />\n```",displayName:"Icon",props:{icon:{defaultValue:{value:"null"},description:"The icon to render. In most cases, you should use an icon from\n[the `@wordpress/icons` package](https://wordpress.github.io/gutenberg/?path=/story/icons-icon--library).\n\nOther supported values are: component instances, functions,\n[Dashicons](https://developer.wordpress.org/resource/dashicons/)\n(specified as strings), and `null`.\n\nThe `size` value, as well as any other additional props, will be passed through.",name:"icon",required:!1,type:{name:"IconType"}},size:{defaultValue:{value:"'string' === typeof icon ? 20 : 24"},description:"The size (width and height) of the icon.\n\nDefaults to `20` when `icon` is a string (i.e. a Dashicon id), otherwise `24`.",name:"size",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/icon/index.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"packages/components/src/icon/index.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/popover/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Vn:()=>placementToMotionAnimationProps,WS:()=>computePopoverPosition,YK:()=>positionToPlacement,_G:()=>getReferenceElement});const POSITION_TO_PLACEMENT={bottom:"bottom",top:"top","middle left":"left","middle right":"right","bottom left":"bottom-end","bottom center":"bottom","bottom right":"bottom-start","top left":"top-end","top center":"top","top right":"top-start","middle left left":"left","middle left right":"left","middle left bottom":"left-end","middle left top":"left-start","middle right left":"right","middle right right":"right","middle right bottom":"right-end","middle right top":"right-start","bottom left left":"bottom-end","bottom left right":"bottom-end","bottom left bottom":"bottom-end","bottom left top":"bottom-end","bottom center left":"bottom","bottom center right":"bottom","bottom center bottom":"bottom","bottom center top":"bottom","bottom right left":"bottom-start","bottom right right":"bottom-start","bottom right bottom":"bottom-start","bottom right top":"bottom-start","top left left":"top-end","top left right":"top-end","top left bottom":"top-end","top left top":"top-end","top center left":"top","top center right":"top","top center bottom":"top","top center top":"top","top right left":"top-start","top right right":"top-start","top right bottom":"top-start","top right top":"top-start",middle:"bottom","middle center":"bottom","middle center bottom":"bottom","middle center left":"bottom","middle center right":"bottom","middle center top":"bottom"},positionToPlacement=position=>{var _POSITION_TO_PLACEMEN;return null!==(_POSITION_TO_PLACEMEN=POSITION_TO_PLACEMENT[position])&&void 0!==_POSITION_TO_PLACEMEN?_POSITION_TO_PLACEMEN:"bottom"},PLACEMENT_TO_ANIMATION_ORIGIN={top:{originX:.5,originY:1},"top-start":{originX:0,originY:1},"top-end":{originX:1,originY:1},right:{originX:0,originY:.5},"right-start":{originX:0,originY:0},"right-end":{originX:0,originY:1},bottom:{originX:.5,originY:0},"bottom-start":{originX:0,originY:0},"bottom-end":{originX:1,originY:0},left:{originX:1,originY:.5},"left-start":{originX:1,originY:0},"left-end":{originX:1,originY:1},overlay:{originX:.5,originY:.5}},placementToMotionAnimationProps=placement=>{const translateProp=placement.startsWith("top")||placement.startsWith("bottom")?"translateY":"translateX",translateDirection=placement.startsWith("top")||placement.startsWith("left")?1:-1;return{style:PLACEMENT_TO_ANIMATION_ORIGIN[placement],initial:{opacity:0,scale:0,[translateProp]:2*translateDirection+"em"},animate:{opacity:1,scale:1,[translateProp]:0},transition:{duration:.1,ease:[0,0,.2,1]}}};const getReferenceElement=({anchor,anchorRef,anchorRect,getAnchorRect,fallbackReferenceElement})=>{var _referenceElement;let referenceElement=null;return anchor?referenceElement=anchor:!function isTopBottom(anchorRef){return!!anchorRef?.top}(anchorRef)?!function isRef(anchorRef){return!!anchorRef?.current}(anchorRef)?anchorRef?referenceElement=anchorRef:anchorRect?referenceElement={getBoundingClientRect:()=>anchorRect}:getAnchorRect?referenceElement={getBoundingClientRect(){var _rect$x,_rect$y,_rect$width,_rect$height;const rect=getAnchorRect(fallbackReferenceElement);return new window.DOMRect(null!==(_rect$x=rect.x)&&void 0!==_rect$x?_rect$x:rect.left,null!==(_rect$y=rect.y)&&void 0!==_rect$y?_rect$y:rect.top,null!==(_rect$width=rect.width)&&void 0!==_rect$width?_rect$width:rect.right-rect.left,null!==(_rect$height=rect.height)&&void 0!==_rect$height?_rect$height:rect.bottom-rect.top)}}:fallbackReferenceElement&&(referenceElement=fallbackReferenceElement.parentElement):referenceElement=anchorRef.current:referenceElement={getBoundingClientRect(){const topRect=anchorRef.top.getBoundingClientRect(),bottomRect=anchorRef.bottom.getBoundingClientRect();return new window.DOMRect(topRect.x,topRect.y,topRect.width,bottomRect.bottom-topRect.top)}},null!==(_referenceElement=referenceElement)&&void 0!==_referenceElement?_referenceElement:null},computePopoverPosition=c=>null===c||Number.isNaN(c)?void 0:Math.round(c)},"./packages/components/src/shortcut/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Shortcut(props){const{shortcut,className}=props;if(!shortcut)return null;let displayText,ariaLabel;return"string"==typeof shortcut&&(displayText=shortcut),null!==shortcut&&"object"==typeof shortcut&&(displayText=shortcut.display,ariaLabel=shortcut.ariaLabel),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className,"aria-label":ariaLabel,children:displayText})}const __WEBPACK_DEFAULT_EXPORT__=Shortcut;try{Shortcut.displayName="Shortcut",Shortcut.__docgenInfo={description:"Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n\n```jsx\nimport { Shortcut } from '@wordpress/components';\n\nconst MyShortcut = () => {\n\treturn (\n\t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n\t);\n};\n```",displayName:"Shortcut",props:{className:{defaultValue:null,description:"Classname to apply to the shortcut.",name:"className",required:!1,type:{name:"string"}},shortcut:{defaultValue:null,description:"Shortcut configuration",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/shortcut/index.tsx#Shortcut"]={docgenInfo:Shortcut.__docgenInfo,name:"Shortcut",path:"packages/components/src/shortcut/index.tsx#Shortcut"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"),_icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/icon/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ToggleGroupControlOptionIcon=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.forwardRef)((function UnforwardedToggleGroupControlOptionIcon(props,ref){const{icon,label,...restProps}=props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__.A,{...restProps,isIcon:!0,"aria-label":label,showTooltip:!0,ref,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icon__WEBPACK_IMPORTED_MODULE_2__.A,{icon})})})),__WEBPACK_DEFAULT_EXPORT__=ToggleGroupControlOptionIcon;try{ToggleGroupControlOptionIcon.displayName="ToggleGroupControlOptionIcon",ToggleGroupControlOptionIcon.__docgenInfo={description:'`ToggleGroupControlOptionIcon` is a form component which is meant to be used as a\nchild of `ToggleGroupControl` and displays an icon.\n\n```jsx\n\nimport {\n__experimentalToggleGroupControl as ToggleGroupControl,\n__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\nfrom \'@wordpress/components\';\nimport { formatLowercase, formatUppercase } from \'@wordpress/icons\';\n\nfunction Example() {\n return (\n <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize>\n <ToggleGroupControlOptionIcon\n value="uppercase"\n label="Uppercase"\n icon={ formatUppercase }\n />\n <ToggleGroupControlOptionIcon\n value="lowercase"\n label="Lowercase"\n icon={ formatLowercase }\n />\n </ToggleGroupControl>\n );\n}\n```',displayName:"ToggleGroupControlOptionIcon",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},icon:{defaultValue:null,description:"Icon displayed as the content of the option. Usually one of the icons from\nthe `@wordpress/icons` package, or a custom React `<svg>` icon.",name:"icon",required:!0,type:{name:"Element"}},label:{defaultValue:null,description:"The text to accessibly label the icon option. Will also be shown in a tooltip.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx#ToggleGroupControlOptionIcon"]={docgenInfo:ToggleGroupControlOptionIcon.__docgenInfo,name:"ToggleGroupControlOptionIcon",path:"packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx#ToggleGroupControlOptionIcon"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:'`ToggleGroupControlOptionIcon` is a form component which is meant to be used as a\nchild of `ToggleGroupControl` and displays an icon.\n\n```jsx\n\nimport {\n__experimentalToggleGroupControl as ToggleGroupControl,\n__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\nfrom \'@wordpress/components\';\nimport { formatLowercase, formatUppercase } from \'@wordpress/icons\';\n\nfunction Example() {\n return (\n <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize>\n <ToggleGroupControlOptionIcon\n value="uppercase"\n label="Uppercase"\n icon={ formatUppercase }\n />\n <ToggleGroupControlOptionIcon\n value="lowercase"\n label="Lowercase"\n icon={ formatLowercase }\n />\n </ToggleGroupControl>\n );\n}\n```',displayName:"component",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},icon:{defaultValue:null,description:"Icon displayed as the content of the option. Usually one of the icons from\nthe `@wordpress/icons` package, or a custom React `<svg>` icon.",name:"icon",required:!0,type:{name:"Element"}},label:{defaultValue:null,description:"The text to accessibly label the icon option. Will also be shown in a tooltip.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ToggleGroupControlOption=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedToggleGroupControlOption(props,ref){const{label,...restProps}=props,optionLabel=restProps["aria-label"]||label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__.A,{...restProps,"aria-label":optionLabel,ref,children:label})})),__WEBPACK_DEFAULT_EXPORT__=ToggleGroupControlOption;try{ToggleGroupControlOption.displayName="ToggleGroupControlOption",ToggleGroupControlOption.__docgenInfo={description:'`ToggleGroupControlOption` is a form component and is meant to be used as a\nchild of `ToggleGroupControl`.\n\n```jsx\nimport {\n __experimentalToggleGroupControl as ToggleGroupControl,\n __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from \'@wordpress/components\';\n\nfunction Example() {\n return (\n <ToggleGroupControl\n label="my label"\n value="vertical"\n isBlock\n __nextHasNoMarginBottom\n __next40pxDefaultSize\n >\n <ToggleGroupControlOption value="horizontal" label="Horizontal" />\n <ToggleGroupControlOption value="vertical" label="Vertical" />\n </ToggleGroupControl>\n );\n}\n```',displayName:"ToggleGroupControlOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},showTooltip:{defaultValue:{value:"false"},description:"Whether to display a Tooltip for the control option. If set to `true`, the tooltip will\nshow the aria-label or the label prop text.",name:"showTooltip",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Label for the option. If needed, the `aria-label` prop can be used in addition\nto specify a different label for assistive technologies.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#ToggleGroupControlOption"]={docgenInfo:ToggleGroupControlOption.__docgenInfo,name:"ToggleGroupControlOption",path:"packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#ToggleGroupControlOption"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:'`ToggleGroupControlOption` is a form component and is meant to be used as a\nchild of `ToggleGroupControl`.\n\n```jsx\nimport {\n __experimentalToggleGroupControl as ToggleGroupControl,\n __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from \'@wordpress/components\';\n\nfunction Example() {\n return (\n <ToggleGroupControl\n label="my label"\n value="vertical"\n isBlock\n __nextHasNoMarginBottom\n __next40pxDefaultSize\n >\n <ToggleGroupControlOption value="horizontal" label="Horizontal" />\n <ToggleGroupControlOption value="vertical" label="Vertical" />\n </ToggleGroupControl>\n );\n}\n```',displayName:"component",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},showTooltip:{defaultValue:{value:"false"},description:"Whether to display a Tooltip for the control option. If set to `true`, the tooltip will\nshow the aria-label or the label prop text.",name:"showTooltip",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Label for the option. If needed, the `aria-label` prop can be used in addition\nto specify a different label for assistive technologies.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/tooltip/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,m_:()=>Tooltip});var _ariakit_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YTDK2NGG.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/YV4JVR4I.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/XL7CSKGW.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@ariakit/react-core/esm/tooltip/tooltip-anchor.js"),_ariakit_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@ariakit/react-core/esm/tooltip/tooltip.js"),clsx__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/deprecated/build-module/index.js"),_shortcut__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./packages/components/src/shortcut/index.tsx"),_popover_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/popover/utils.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TooltipInternalContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createContext)({isNestedInTooltip:!1}),TOOLTIP_DELAY=700,CONTEXT_VALUE={isNestedInTooltip:!0};const Tooltip=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((function UnforwardedTooltip(props,ref){const{children,className,delay=TOOLTIP_DELAY,hideOnClick=!0,placement,position,shortcut,text,...restProps}=props,{isNestedInTooltip}=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useContext)(TooltipInternalContext),baseId=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_2__.A)(Tooltip,"tooltip"),describedById=text||shortcut?baseId:void 0,isOnlyChild=1===_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Children.count(children);let computedPlacement;void 0!==placement?computedPlacement=placement:void 0!==position&&(computedPlacement=(0,_popover_utils__WEBPACK_IMPORTED_MODULE_3__.YK)(position),(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_4__.A)("`position` prop in wp.components.tooltip",{since:"6.4",alternative:"`placement` prop"})),computedPlacement=computedPlacement||"bottom";const tooltipStore=_ariakit_react__WEBPACK_IMPORTED_MODULE_5__._({placement:computedPlacement,showTimeout:delay}),mounted=_ariakit_react__WEBPACK_IMPORTED_MODULE_6__.O$(tooltipStore,"mounted");return isNestedInTooltip?isOnlyChild?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ariakit_react__WEBPACK_IMPORTED_MODULE_7__.X,{...restProps,render:children}):children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(TooltipInternalContext.Provider,{value:CONTEXT_VALUE,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ariakit_react__WEBPACK_IMPORTED_MODULE_8__.f,{onClick:hideOnClick?tooltipStore.hide:void 0,store:tooltipStore,render:isOnlyChild?function addDescribedById(element){return describedById&&mounted&&void 0===element.props["aria-describedby"]&&element.props["aria-label"]!==text?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.cloneElement)(element,{"aria-describedby":describedById}):element}(children):void 0,ref,children:isOnlyChild?void 0:children}),isOnlyChild&&(text||shortcut)&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_ariakit_react__WEBPACK_IMPORTED_MODULE_9__.m,{...restProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_10__.A)("components-tooltip",className),unmountOnHide:!0,gutter:4,id:describedById,overflowPadding:.5,store:tooltipStore,children:[text,shortcut&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_shortcut__WEBPACK_IMPORTED_MODULE_11__.A,{className:text?"components-tooltip__shortcut":"",shortcut})]})]})})),__WEBPACK_DEFAULT_EXPORT__=Tooltip;try{TOOLTIP_DELAY.displayName="TOOLTIP_DELAY",TOOLTIP_DELAY.__docgenInfo={description:"Time over anchor to wait before showing tooltip",displayName:"TOOLTIP_DELAY",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tooltip/index.tsx#TOOLTIP_DELAY"]={docgenInfo:TOOLTIP_DELAY.__docgenInfo,name:"TOOLTIP_DELAY",path:"packages/components/src/tooltip/index.tsx#TOOLTIP_DELAY"})}catch(__react_docgen_typescript_loader_error){}try{Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",displayName:"Tooltip",props:{children:{defaultValue:null,description:"The anchor for the tooltip.\n\n**Note**: Accepts only one child element.",name:"children",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"Custom class name for the tooltip.",name:"className",required:!1,type:{name:"string"}},hideOnClick:{defaultValue:{value:"true"},description:"Option to hide the tooltip when the anchor is clicked.",name:"hideOnClick",required:!1,type:{name:"boolean"}},delay:{defaultValue:{value:"700"},description:"The amount of time in milliseconds to wait before showing the tooltip.",name:"delay",required:!1,type:{name:"number"}},placement:{defaultValue:{value:"bottom"},description:"Where the tooltip should be positioned relative to its parent.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top-end"'},{value:'"top-start"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'}]}},position:{defaultValue:{value:"bottom"},description:'_Note: this prop is deprecated. Please use the `placement` prop instead._\n\nLegacy way of specifying the tooltip\'s position relative to its parent.\n\nSpecify y- and x-axis as a space-separated string. Supports `"top"`,\n`"bottom"` y axis, and `"left"`, `"center"`, `"right"` x axis.\n@deprecated',name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},shortcut:{defaultValue:null,description:"An option for adding accessible keyboard shortcuts.\n\nIf shortcut is a string, it is expecting the display text. If shortcut is an\nobject, it will accept the properties of `display` (string) and `ariaLabel`\n(string).",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},text:{defaultValue:null,description:"The text shown in the tooltip when anchor element is focused or hovered.",name:"text",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tooltip/index.tsx#Tooltip"]={docgenInfo:Tooltip.__docgenInfo,name:"Tooltip",path:"packages/components/src/tooltip/index.tsx#Tooltip"})}catch(__react_docgen_typescript_loader_error){}try{tooltip.displayName="tooltip",tooltip.__docgenInfo={description:"",displayName:"tooltip",props:{children:{defaultValue:null,description:"The anchor for the tooltip.\n\n**Note**: Accepts only one child element.",name:"children",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"Custom class name for the tooltip.",name:"className",required:!1,type:{name:"string"}},hideOnClick:{defaultValue:{value:"true"},description:"Option to hide the tooltip when the anchor is clicked.",name:"hideOnClick",required:!1,type:{name:"boolean"}},delay:{defaultValue:{value:"700"},description:"The amount of time in milliseconds to wait before showing the tooltip.",name:"delay",required:!1,type:{name:"number"}},placement:{defaultValue:{value:"bottom"},description:"Where the tooltip should be positioned relative to its parent.",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"top-end"'},{value:'"top-start"'},{value:'"left-end"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-start"'},{value:'"bottom-end"'},{value:'"bottom-start"'}]}},position:{defaultValue:{value:"bottom"},description:'_Note: this prop is deprecated. Please use the `placement` prop instead._\n\nLegacy way of specifying the tooltip\'s position relative to its parent.\n\nSpecify y- and x-axis as a space-separated string. Supports `"top"`,\n`"bottom"` y axis, and `"left"`, `"center"`, `"right"` x axis.\n@deprecated',name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},shortcut:{defaultValue:null,description:"An option for adding accessible keyboard shortcuts.\n\nIf shortcut is a string, it is expecting the display text. If shortcut is an\nobject, it will accept the properties of `display` (string) and `ariaLabel`\n(string).",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},text:{defaultValue:null,description:"The text shown in the tooltip when anchor element is focused or hovered.",name:"text",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tooltip/index.tsx#tooltip"]={docgenInfo:tooltip.__docgenInfo,name:"tooltip",path:"packages/components/src/tooltip/index.tsx#tooltip"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/deprecated-36px-size.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>maybeWarnDeprecated36pxSize});var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/deprecated/build-module/index.js");function maybeWarnDeprecated36pxSize({componentName,__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}){__shouldNotWarnDeprecated36pxSize||__next40pxDefaultSize||void 0!==size&&"default"!==size||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__.A)(`36px default size for wp.components.${componentName}`,{since:"6.8",version:"7.1",hint:"Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."})}},"./packages/components/src/utils/hooks/use-controlled-value.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>useControlledValue});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useControlledValue({defaultValue,onChange,value:valueProp}){const hasValue=void 0!==valueProp,initialValue=hasValue?valueProp:defaultValue,[state,setState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);let setValue;return setValue=hasValue&&"function"==typeof onChange?onChange:hasValue||"function"!=typeof onChange?setState:nextValue=>{onChange(nextValue),setState(nextValue)},[hasValue?valueProp:state,setValue]}},"./packages/components/src/utils/space.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>space});const GRID_BASE="4px";function space(value){if(void 0===value)return;if(!value)return"0";const asInt="number"==typeof value?value:Number(value);return"undefined"!=typeof window&&window.CSS?.supports?.("margin",value.toString())||Number.isNaN(asInt)?value.toString():`calc(${GRID_BASE} * ${value})`}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js.LICENSE.txt b/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/toggle-group-control-stories-index-story.16b7d8ea.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/tokens-color-mdx.ed0335f5.iframe.bundle.js b/tokens-color-mdx.ed0335f5.iframe.bundle.js new file mode 100644 index 00000000000000..fcef47146d7d7c --- /dev/null +++ b/tokens-color-mdx.ed0335f5.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3673],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./storybook/stories/tokens/color.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");function _createMdxContent(props){const _components={br:"br",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"Tokens/Color",name:"page"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"color",children:"Color"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"This document outlines the default color set of the WordPress component system as it ships. The page is a work in progress."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"colors",children:"Colors"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.rE,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.Jl,{title:"Black & White",subtitle:"",colors:{$black:"#000",$white:"#fff"}})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.rE,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.Jl,{title:"Gray Tones",subtitle:"",colors:{"$gray-900":"#1e1e1e","$gray-800":"#2f2f2f","$gray-700":"#757575","$gray-600":"#949494","$gray-400":"#ccc","$gray-300":"#ddd","$gray-200":"#e0e0e0","$gray-100":"#f0f0f0"}})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.rE,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.Jl,{title:"Alert colors",subtitle:"",colors:{"$alert-yellow":"#f0b849","$alert-red":"#cc1818","$alert-green":"#4ab866"}})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"contrast",children:"Contrast"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Ensure proper contrast is met between text, icons, UI, and backgrounds. Text needs to meet a 4.5:1 ratio to meet AA standards, while large text (16px+) and UI elements (borders, etc.) need to meet a 3:1 ratio. In this section is a list of tokens you can use to meet these criteria."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Against a white background:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.li,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Gray 700"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.br,{}),"\n","Meets 4.6:1, lightest gray you can use and meet 4.5:1 text contrast."]}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.li,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.strong,{children:"Gray 600"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.br,{}),"\n","Lightest gray you can use and meet 3:1 UI contrast."]}),"\n"]}),"\n"]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}]); \ No newline at end of file diff --git a/tokens-elevation-mdx.583232d2.iframe.bundle.js b/tokens-elevation-mdx.583232d2.iframe.bundle.js new file mode 100644 index 00000000000000..5fd102258bb7f5 --- /dev/null +++ b/tokens-elevation-mdx.583232d2.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[3061],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./storybook/stories/tokens/elevation.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),_components_tsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./storybook/stories/tokens/components.tsx");function _createMdxContent(props){const _components={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.W8,{title:"Tokens/Elevation",name:"page"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"elevation-tokens",children:"Elevation tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["This document outlines the various tokens relating to ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"?path=/docs/foundations-design-language-elevation--page",children:"elevation"})," in the WordPress design system."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"values",children:"Values"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["Tokens can be used in different ways, but regardless of which method is used, each one is meant to be used as the value of the CSS ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"box-shadow"})," property, and references the following values:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components_tsx__WEBPACK_IMPORTED_MODULE_2__.j,{tokenCategory:"elevation",tokens:[{name:"Extra small",valueShow:"0 1px 1px rgba($black, 0.03), 0 1px 2px rgba($black, 0.02), 0 3px 3px rgba($black, 0.02), 0 4px 4px rgba($black, 0.01)",valueCode:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)"},{name:"Small",valueShow:"0 1px 2px rgba($black, 0.05), 0 2px 3px rgba($black, 0.04), 0 6px 6px rgba($black, 0.03), 0 8px 8px rgba($black, 0.02)",valueCode:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)"},{name:"Medium",valueShow:"0 2px 3px rgba($black, 0.05), 0 4px 5px rgba($black, 0.04), 0 12px 12px rgba($black, 0.03), 0 16px 16px rgba($black, 0.02)",valueCode:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)"},{name:"Large",valueShow:"0 5px 15px rgba($black, 0.08), 0 15px 27px rgba($black, 0.07), 0 30px 36px rgba($black, 0.04), 0 50px 43px rgba($black, 0.02)",valueCode:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)"}],applyTokenStyle:valueCode=>({boxShadow:valueCode})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"css-tokens",children:"CSS tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Elevation tokens are defined as SASS variables:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$elevation-x-small"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$elevation-small"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$elevation-medium"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$elevation-large"})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"They can be used like so:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:".elevation-extra-small {\n\tbox-shadow: $elevation-x-small;\n}\n.elevation-small {\n\tbox-shadow: $elevation-small;\n}\n.elevation-medium {\n\tbox-shadow: $elevation-medium;\n}\n.elevation-large {\n\tbox-shadow: $elevation-large;\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"js-tokens",children:"JS tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["When working in the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"@wordpress/components"})," package, the elevation tokens can also be consumed as JavaScript variables via the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG"})," object found in the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"packages/components/src/utils/index.js"})," file:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.elevationXSmall"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.elevationSmall"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.elevationMedium"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.elevationLarge"})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-js",children:"// Note: the `CONFIG` object is only available within the `@wordpress/components` package.\nimport { CONFIG } from '../utils';\n\n// Later in the code:\nbox-shadow: ${ CONFIG.elevationXSmall };\n"})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}},"./storybook/stories/tokens/components.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>TokensTable});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TokensTable=({tokenCategory,tokens,applyTokenStyle})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("table",{style:{width:"100%"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Token"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Example"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("tbody",{children:tokens.map((({name,valueShow,valueCode})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{style:{whiteSpace:"nowrap"},children:name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("code",{style:{lineHeight:1,margin:"0 2px",padding:"3px 5px",borderRadius:"3px",fontSize:"13px",border:"1px solid #ECF4F9",color:"rgba(46, 52, 56, 0.9)",backgroundColor:"#F7FAFC"},children:valueShow})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{style:{padding:"24px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{"aria-label":`A shape showing an example of the '${name}' ${tokenCategory} token`,style:{width:"100px",height:"100px",background:"white",...applyTokenStyle(valueCode)}})})]},name)))})]});try{TokensTable.displayName="TokensTable",TokensTable.__docgenInfo={description:"",displayName:"TokensTable",props:{tokenCategory:{defaultValue:null,description:"",name:"tokenCategory",required:!0,type:{name:"any"}},tokens:{defaultValue:null,description:"",name:"tokens",required:!0,type:{name:"any"}},applyTokenStyle:{defaultValue:null,description:"",name:"applyTokenStyle",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["storybook/stories/tokens/components.tsx#TokensTable"]={docgenInfo:TokensTable.__docgenInfo,name:"TokensTable",path:"storybook/stories/tokens/components.tsx#TokensTable"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/tokens-radius-mdx.28fa32a9.iframe.bundle.js b/tokens-radius-mdx.28fa32a9.iframe.bundle.js new file mode 100644 index 00000000000000..516bbba7e3a6f5 --- /dev/null +++ b/tokens-radius-mdx.28fa32a9.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9582],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./storybook/stories/tokens/radius.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),_components_tsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./storybook/stories/tokens/components.tsx");function _createMdxContent(props){const _components={code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_4__.W8,{title:"Tokens/Radius",name:"page"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"radius",children:"Radius"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"This document outlines the various tokens relating to radius in the WordPress design system."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"values",children:"Values"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["Tokens can be used in different ways, but regardless of which method is used, each one is meant to be used as the value of the CSS ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"border-radius"})," property, and references the following values:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components_tsx__WEBPACK_IMPORTED_MODULE_2__.j,{tokenCategory:"radius",tokens:[{name:"Extra small",valueShow:"1px",valueCode:"1px"},{name:"Small",valueShow:"2px",valueCode:"2px"},{name:"Medium",valueShow:"4px",valueCode:"4px"},{name:"Large",valueShow:"8px",valueCode:"8px"},{name:"Full",valueShow:"9999px",valueCode:"9999px"},{name:"Round",valueShow:"100%",valueCode:"100%"}],applyTokenStyle:valueCode=>({borderRadius:valueCode,border:"1px solid #1e1e1e"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"css-tokens",children:"CSS tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Radius tokens are defined as SASS variables:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-x-small"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-small"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-medium"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-large"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-full"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$radius-round"})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"They can be used like so:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:".radius-extra-small {\n\tborder-radius: $radius-x-small;\n}\n.radius-small {\n\tborder-radius: $radius-small;\n}\n.radius-medium {\n\tborder-radius: $radius-medium;\n}\n.radius-large {\n\tborder-radius: $radius-large;\n}\n.radius-full {\n\tborder-radius: $radius-full;\n}\n.radius-round {\n\tborder-radius: $radius-round;\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"js-tokens",children:"JS tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["When working in the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"@wordpress/components"})," package, the radius tokens can also be consumed as JavaScript variables via the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG"})," object found in the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"packages/components/src/utils/index.js"})," file:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.ul,{children:["\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusXSmall"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusSmall"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusMedium"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusLarge"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusFull"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.li,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"CONFIG.radiusRound"})}),"\n"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-js",children:"// Note: the `CONFIG` object is only available within the `@wordpress/components` package.\nimport { CONFIG } from '../utils';\n\n// Later in the code:\nborder-radius: ${ CONFIG.radiusXSmall };\n"})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_3__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}},"./storybook/stories/tokens/components.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>TokensTable});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TokensTable=({tokenCategory,tokens,applyTokenStyle})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("table",{style:{width:"100%"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Token"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Value"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Example"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("tbody",{children:tokens.map((({name,valueShow,valueCode})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{style:{whiteSpace:"nowrap"},children:name}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("code",{style:{lineHeight:1,margin:"0 2px",padding:"3px 5px",borderRadius:"3px",fontSize:"13px",border:"1px solid #ECF4F9",color:"rgba(46, 52, 56, 0.9)",backgroundColor:"#F7FAFC"},children:valueShow})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{style:{padding:"24px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{"aria-label":`A shape showing an example of the '${name}' ${tokenCategory} token`,style:{width:"100px",height:"100px",background:"white",...applyTokenStyle(valueCode)}})})]},name)))})]});try{TokensTable.displayName="TokensTable",TokensTable.__docgenInfo={description:"",displayName:"TokensTable",props:{tokenCategory:{defaultValue:null,description:"",name:"tokenCategory",required:!0,type:{name:"any"}},tokens:{defaultValue:null,description:"",name:"tokens",required:!0,type:{name:"any"}},applyTokenStyle:{defaultValue:null,description:"",name:"applyTokenStyle",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["storybook/stories/tokens/components.tsx#TokensTable"]={docgenInfo:TokensTable.__docgenInfo,name:"TokensTable",path:"storybook/stories/tokens/components.tsx#TokensTable"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/tokens-typography-mdx.a0721415.iframe.bundle.js b/tokens-typography-mdx.a0721415.iframe.bundle.js new file mode 100644 index 00000000000000..8a3bf543edd89f --- /dev/null +++ b/tokens-typography-mdx.a0721415.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[971],{"./node_modules/@mdx-js/react/lib/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>useMDXComponents,x:()=>MDXProvider});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const emptyComponents={},MDXContext=react__WEBPACK_IMPORTED_MODULE_0__.createContext(emptyComponents);function useMDXComponents(components){const contextComponents=react__WEBPACK_IMPORTED_MODULE_0__.useContext(MDXContext);return react__WEBPACK_IMPORTED_MODULE_0__.useMemo((function(){return"function"==typeof components?components(contextComponents):{...contextComponents,...components}}),[contextComponents,components])}function MDXProvider(properties){let allComponents;return allComponents=properties.disableParentContext?"function"==typeof properties.components?properties.components(emptyComponents):properties.components||emptyComponents:useMDXComponents(properties.components),react__WEBPACK_IMPORTED_MODULE_0__.createElement(MDXContext.Provider,{value:allComponents},properties.children)}},"./storybook/stories/tokens/typography.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SampleTextHeading:()=>SampleTextHeading,SampleTextParagraph:()=>SampleTextParagraph,default:()=>MDXContent,typography:()=>typography});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const typography={type:{primary:'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif'},weight:{regular:"400",medium:"500"},size:{s1:11,s2:12,s3:13,s4:15,s5:20,s6:32}},SampleTextHeading="Code is Poetry.",SampleTextParagraph="WordPress grows when people like you tell their friends about it, and the thousands of businesses and services that are built on and around WordPress share that fact with their users.";function _createMdxContent(props){const _components={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.W8,{title:"Tokens/Typography",name:"page"}),"\n","\n","\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h1,{id:"typography-tokens",children:"Typography tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"This document outlines the various tokens relating to typography in the WordPress components system."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"semantic-tokens",children:"Semantic tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Semantic tokens compose primitive tokens to create reusable type styles enhancing consistency across the software."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"They are defined as SASS mixins and can be used like so:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:".my-component {\n\t@include heading-large();\n}\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"headings",children:"Headings"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.F7,{fontSizes:[Number(typography.size.s6),Number(typography.size.s5),Number(typography.size.s4),Number(typography.size.s3),Number(typography.size.s2),Number(typography.size.s1)],fontWeight:typography.weight.medium,sampleText:SampleTextHeading,fontFamily:typography.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Style"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Primitives"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"heading-2x-large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-headings"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-2x-large"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-2x-large"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"heading-x-large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-headings"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-x-large"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-medium"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"heading-large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-headings"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-large"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-small"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"heading-medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-headings"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-small"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"heading-small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-headings"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-x-small"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-x-small"})]})]})]})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"body",children:"Body"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.F7,{fontSizes:[Number(typography.size.s5),Number(typography.size.s4),Number(typography.size.s3),Number(typography.size.s2)],fontWeight:typography.weight.regular,sampleText:SampleTextParagraph,fontFamily:typography.type.primary}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("table",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("thead",{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Style"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("th",{children:"Primitives"})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tbody",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"body-x-large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-body"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-regular"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-x-large"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-x-large"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"body-large"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-body"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-regular"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-large"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-medium"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"body-medium"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-body"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-regular"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-medium"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-small"})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("tr",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("td",{children:"body-small"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("td",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"$font-family-body"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-weight-regular"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"font-size-small"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height-x-small"})]})]})]})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"primitive-tokens",children:"Primitive tokens"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["Primitive tokens are organized into 4 sets relating to ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"size"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"line-height"}),", ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"weight"}),", and ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"family"}),", defined as SASS variables."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"size",children:"Size"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:"$font-size-x-small: 11px;\n$font-size-small: 12px;\n$font-size-medium: 13px;\n$font-size-large: 15px;\n$font-size-x-large: 20px;\n$font-size-2x-large: 32px;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"line-height",children:"Line-height"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:"$font-line-height-x-small: 16px;\n$font-line-height-small: 20px;\n$font-line-height-medium: 24px;\n$font-line-height-large: 28px;\n$font-line-height-x-large: 32px;\n$font-line-height-2x-large: 40px;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"weight",children:"Weight"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:"$font-weight-regular: 400;\n$font-weight-medium: 500;\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"families",children:"Families"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:'$font-family-headings: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n$font-family-body: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n$font-family-mono: Menlo, Consolas, monaco, monospace;\n'})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Generally use of semantic tokens is encouraged, but it is possible to create ad hoc styles by referencing primitives, for example:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-css",children:".my-type-style {\n\tfont-family: $font-family-headings;\n\tline-height: $font-line-height-x-small;\n\tfont-weight: $font-weight-regular;\n}\n"})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,_home_runner_work_gutenberg_gutenberg_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim_mjs__WEBPACK_IMPORTED_MODULE_2__.R)(),...props.components};return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}}}]); \ No newline at end of file diff --git a/toolbar-stories-index-story.c2188819.iframe.bundle.js b/toolbar-stories-index-story.c2188819.iframe.bundle.js new file mode 100644 index 00000000000000..4f4ddea473fcf5 --- /dev/null +++ b/toolbar-stories-index-story.c2188819.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6887],{"./packages/components/src/toolbar/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Unstyled:()=>Unstyled,WithoutGroup:()=>WithoutGroup,default:()=>index_story});var paragraph=__webpack_require__("./packages/icons/build-module/library/paragraph.js"),align_left=__webpack_require__("./packages/icons/build-module/library/align-left.js"),align_center=__webpack_require__("./packages/icons/build-module/library/align-center.js"),align_right=__webpack_require__("./packages/icons/build-module/library/align-right.js"),format_bold=__webpack_require__("./packages/icons/build-module/library/format-bold.js"),format_italic=__webpack_require__("./packages/icons/build-module/library/format-italic.js"),library_link=__webpack_require__("./packages/icons/build-module/library/link.js"),code=__webpack_require__("./packages/icons/build-module/library/code.js"),format_strikethrough=__webpack_require__("./packages/icons/build-module/library/format-strikethrough.js"),more=__webpack_require__("./packages/icons/build-module/library/more.js"),chevron_down=__webpack_require__("./packages/icons/build-module/library/chevron-down.js"),arrow_up=__webpack_require__("./packages/icons/build-module/library/arrow-up.js"),arrow_right=__webpack_require__("./packages/icons/build-module/library/arrow-right.js"),arrow_down=__webpack_require__("./packages/icons/build-module/library/arrow-down.js"),arrow_left=__webpack_require__("./packages/icons/build-module/library/arrow-left.js"),svg=__webpack_require__("./packages/primitives/build-module/svg/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/deprecated/build-module/index.js"),src_button=__webpack_require__("./packages/components/src/button/index.tsx"),BOLVLGVE=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/BOLVLGVE.js");const toolbar_context=(0,react.createContext)(void 0);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const toolbar_item=(0,react.forwardRef)((function ToolbarItem({children,as:Component,...props},ref){const accessibleToolbarStore=(0,react.useContext)(toolbar_context),isRenderProp="function"==typeof children;if(!isRenderProp&&!Component)return null;const allProps={...props,ref,"data-toolbar-item":!0};if(!accessibleToolbarStore)return Component?(0,jsx_runtime.jsx)(Component,{...allProps,children}):isRenderProp?children(allProps):null;const render=isRenderProp?children:Component&&(0,jsx_runtime.jsx)(Component,{children});return(0,jsx_runtime.jsx)(BOLVLGVE.T,{accessibleWhenDisabled:!0,...allProps,store:accessibleToolbarStore,render})})),toolbar_button_container=({children,className})=>(0,jsx_runtime.jsx)("div",{className,children});try{toolbarbuttoncontainer.displayName="toolbarbuttoncontainer",toolbarbuttoncontainer.__docgenInfo={description:"",displayName:"toolbarbuttoncontainer",props:{children:{defaultValue:null,description:"Children to be rendered inside the button container.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class name for the button container.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-button/toolbar-button-container.tsx#toolbarbuttoncontainer"]={docgenInfo:toolbarbuttoncontainer.__docgenInfo,name:"toolbarbuttoncontainer",path:"packages/components/src/toolbar/toolbar-button/toolbar-button-container.tsx#toolbarbuttoncontainer"})}catch(__react_docgen_typescript_loader_error){}const ToolbarButton=(0,react.forwardRef)((function UnforwardedToolbarButton(props,ref){const{children,className,containerClassName,extraProps,isActive,title,...restProps}=function useDeprecatedProps({isDisabled,...otherProps}){return{disabled:isDisabled,...otherProps}}(props);return(0,react.useContext)(toolbar_context)?(0,jsx_runtime.jsx)(toolbar_item,{className:(0,clsx.A)("components-toolbar-button",className),...extraProps,...restProps,ref,children:toolbarItemProps=>(0,jsx_runtime.jsx)(src_button.Ay,{size:"compact",label:title,isPressed:isActive,...toolbarItemProps,children})}):(0,jsx_runtime.jsx)(toolbar_button_container,{className:containerClassName,children:(0,jsx_runtime.jsx)(src_button.Ay,{ref,icon:restProps.icon,size:"compact",label:title,shortcut:restProps.shortcut,"data-subscript":restProps.subscript,onClick:event=>{event.stopPropagation(),restProps.onClick&&restProps.onClick(event)},className:(0,clsx.A)("components-toolbar__control",className),isPressed:isActive,accessibleWhenDisabled:!0,"data-toolbar-item":!0,...extraProps,...restProps,children})})})),toolbar_button=ToolbarButton;try{ToolbarButton.displayName="ToolbarButton",ToolbarButton.__docgenInfo={description:"ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\nor ToolbarGroup when used to create general interfaces.\n\n```jsx\nimport { Toolbar, ToolbarButton } from '@wordpress/components';\nimport { edit } from '@wordpress/icons';\n\nfunction MyToolbar() {\n return (\n\t<Toolbar label=\"Options\">\n\t\t<ToolbarButton\n\t\t\ticon={ edit }\n\t\t\tlabel=\"Edit\"\n\t\t\tonClick={ () => alert( 'Editing' ) }\n\t\t/>\n\t</Toolbar>\n );\n}\n```",displayName:"ToolbarButton",props:{label:{defaultValue:null,description:"Sets the `aria-label` of the component, if none is provided.\nSets the Tooltip content if `showTooltip` is provided.",name:"label",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"An optional title/label for the button.",name:"title",required:!1,type:{name:"string"}},text:{defaultValue:null,description:"If provided, displays the given text inside the button. If the button contains children elements, the text is displayed before them.",name:"text",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children to be rendered inside the button.",name:"children",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"Whether the button is disabled. If `true`, this will force a `button` element\nto be rendered, even when an `href` is given.\n\nIn most cases, it is recommended to also set the `accessibleWhenDisabled` prop to `true`.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"The size of the button.\n\n- `'default'`: For normal text-label buttons, unless it is a toggle button.\n- `'compact'`: For toggle buttons, icon buttons, and buttons when used in context of either.\n- `'small'`: For icon buttons associated with more advanced or auxiliary features.\n\nIf the deprecated `isSmall` prop is also defined, this prop will take precedence.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'}]}},description:{defaultValue:null,description:"A visually hidden accessible description for the button.",name:"description",required:!1,type:{name:"string"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the\ndefault size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Specifies the button's style.\n\nThe accepted values are:\n\n1. `'primary'` (the primary button styles)\n2. `'secondary'` (the default button styles)\n3. `'tertiary'` (the text-based button styles)\n4. `'link'` (the link button styles)",name:"variant",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},shortcut:{defaultValue:null,description:"If provided with `showTooltip`, appends the Shortcut label to the tooltip content.\nIf an object is provided, it should contain `display` and `ariaLabel` keys.",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},icon:{defaultValue:null,description:"If provided, renders an Icon component inside the button.",name:"icon",required:!1,type:{name:"IconType"}},isDestructive:{defaultValue:null,description:"Renders a red text-based button style to indicate destructive behavior.",name:"isDestructive",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:null,description:"If provided, renders a Tooltip component for the button.",name:"showTooltip",required:!1,type:{name:"boolean"}},iconPosition:{defaultValue:{value:"'left'"},description:"If provided with `icon`, sets the position of icon relative to the `text`.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},iconSize:{defaultValue:null,description:"If provided with `icon`, sets the icon size.\nPlease refer to the Icon component for more details regarding\nthe default value of its `size` prop.",name:"iconSize",required:!1,type:{name:"number"}},isBusy:{defaultValue:null,description:"Indicates activity while a action is being performed.",name:"isBusy",required:!1,type:{name:"boolean"}},isPressed:{defaultValue:null,description:"Renders a pressed button style.",name:"isPressed",required:!1,type:{name:"boolean"}},tooltipPosition:{defaultValue:null,description:"If provided with `showTooltip`, sets the position of the tooltip.\nPlease refer to the Tooltip component for more details regarding the defaults.",name:"tooltipPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},isDisabled:{defaultValue:null,description:"Indicates if the button is disabled.\n@deprecated Use `disabled` instead.\n@ignore",name:"isDisabled",required:!1,type:{name:"boolean"}},describedBy:{defaultValue:null,description:"A visually hidden accessible description for the button.\n@deprecated Use the `description` prop instead.\n@ignore",name:"describedBy",required:!1,type:{name:"string"}},__experimentalIsFocusable:{defaultValue:{value:"false"},description:"Whether to keep the button focusable when disabled.\n@deprecated Use the `accessibleWhenDisabled` prop instead.\n@ignore",name:"__experimentalIsFocusable",required:!1,type:{name:"boolean"}},isDefault:{defaultValue:null,description:"Gives the button a default style.\n@deprecated Use the `'secondary'` value on the `variant` prop instead.\n@ignore",name:"isDefault",required:!1,type:{name:"boolean"}},isLink:{defaultValue:null,description:"Gives the button a link style.\n@deprecated Use the `'link'` value on the `variant` prop instead.\n@ignore",name:"isLink",required:!1,type:{name:"boolean"}},isPrimary:{defaultValue:null,description:"Gives the button a primary style.\n@deprecated Use the `'primary'` value on the `variant` prop instead.\n@ignore",name:"isPrimary",required:!1,type:{name:"boolean"}},isSecondary:{defaultValue:null,description:"Gives the button a default style.\n@deprecated Use the `'secondary'` value on the `variant` prop instead.\n@ignore",name:"isSecondary",required:!1,type:{name:"boolean"}},isTertiary:{defaultValue:null,description:"Gives the button a text-based style.\n@deprecated Use the `'tertiary'` value on the `variant` prop instead.\n@ignore",name:"isTertiary",required:!1,type:{name:"boolean"}},isSmall:{defaultValue:null,description:"Decreases the size of the button.\n@deprecated Use the `'small'` value on the `size` prop instead.\n@ignore",name:"isSmall",required:!1,type:{name:"boolean"}},containerClassName:{defaultValue:null,description:"An optional class name for the button container.",name:"containerClassName",required:!1,type:{name:"string"}},extraProps:{defaultValue:null,description:"Additional props to be passed alongside props.",name:"extraProps",required:!1,type:{name:"any"}},isActive:{defaultValue:null,description:"Indicates if the button is active.",name:"isActive",required:!1,type:{name:"boolean"}},subscript:{defaultValue:null,description:"An optional subscript for the button.",name:"subscript",required:!1,type:{name:"string"}},accessibleWhenDisabled:{defaultValue:{value:"true"},description:"Whether to keep the button focusable when disabled.\n\nIn most cases, it is recommended to set this to `true`. Disabling a control without maintaining focusability\ncan cause accessibility issues, by hiding their presence from screen reader users,\nor by preventing focus from returning to a trigger element.\n\nLearn more about the [focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols)\nin the WAI-ARIA Authoring Practices Guide.",name:"accessibleWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-button/index.tsx#ToolbarButton"]={docgenInfo:ToolbarButton.__docgenInfo,name:"ToolbarButton",path:"packages/components/src/toolbar/toolbar-button/index.tsx#ToolbarButton"})}catch(__react_docgen_typescript_loader_error){}try{toolbarbutton.displayName="toolbarbutton",toolbarbutton.__docgenInfo={description:"ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\nor ToolbarGroup when used to create general interfaces.\n\n```jsx\nimport { Toolbar, ToolbarButton } from '@wordpress/components';\nimport { edit } from '@wordpress/icons';\n\nfunction MyToolbar() {\n return (\n\t<Toolbar label=\"Options\">\n\t\t<ToolbarButton\n\t\t\ticon={ edit }\n\t\t\tlabel=\"Edit\"\n\t\t\tonClick={ () => alert( 'Editing' ) }\n\t\t/>\n\t</Toolbar>\n );\n}\n```",displayName:"toolbarbutton",props:{label:{defaultValue:null,description:"Sets the `aria-label` of the component, if none is provided.\nSets the Tooltip content if `showTooltip` is provided.",name:"label",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"An optional title/label for the button.",name:"title",required:!1,type:{name:"string"}},text:{defaultValue:null,description:"If provided, displays the given text inside the button. If the button contains children elements, the text is displayed before them.",name:"text",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children to be rendered inside the button.",name:"children",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"Whether the button is disabled. If `true`, this will force a `button` element\nto be rendered, even when an `href` is given.\n\nIn most cases, it is recommended to also set the `accessibleWhenDisabled` prop to `true`.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"The size of the button.\n\n- `'default'`: For normal text-label buttons, unless it is a toggle button.\n- `'compact'`: For toggle buttons, icon buttons, and buttons when used in context of either.\n- `'small'`: For icon buttons associated with more advanced or auxiliary features.\n\nIf the deprecated `isSmall` prop is also defined, this prop will take precedence.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'}]}},description:{defaultValue:null,description:"A visually hidden accessible description for the button.",name:"description",required:!1,type:{name:"string"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the\ndefault size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},variant:{defaultValue:null,description:"Specifies the button's style.\n\nThe accepted values are:\n\n1. `'primary'` (the primary button styles)\n2. `'secondary'` (the default button styles)\n3. `'tertiary'` (the text-based button styles)\n4. `'link'` (the link button styles)",name:"variant",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},shortcut:{defaultValue:null,description:"If provided with `showTooltip`, appends the Shortcut label to the tooltip content.\nIf an object is provided, it should contain `display` and `ariaLabel` keys.",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},icon:{defaultValue:null,description:"If provided, renders an Icon component inside the button.",name:"icon",required:!1,type:{name:"IconType"}},isDestructive:{defaultValue:null,description:"Renders a red text-based button style to indicate destructive behavior.",name:"isDestructive",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:null,description:"If provided, renders a Tooltip component for the button.",name:"showTooltip",required:!1,type:{name:"boolean"}},iconPosition:{defaultValue:{value:"'left'"},description:"If provided with `icon`, sets the position of icon relative to the `text`.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},iconSize:{defaultValue:null,description:"If provided with `icon`, sets the icon size.\nPlease refer to the Icon component for more details regarding\nthe default value of its `size` prop.",name:"iconSize",required:!1,type:{name:"number"}},isBusy:{defaultValue:null,description:"Indicates activity while a action is being performed.",name:"isBusy",required:!1,type:{name:"boolean"}},isPressed:{defaultValue:null,description:"Renders a pressed button style.",name:"isPressed",required:!1,type:{name:"boolean"}},tooltipPosition:{defaultValue:null,description:"If provided with `showTooltip`, sets the position of the tooltip.\nPlease refer to the Tooltip component for more details regarding the defaults.",name:"tooltipPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},isDisabled:{defaultValue:null,description:"Indicates if the button is disabled.\n@deprecated Use `disabled` instead.\n@ignore",name:"isDisabled",required:!1,type:{name:"boolean"}},describedBy:{defaultValue:null,description:"A visually hidden accessible description for the button.\n@deprecated Use the `description` prop instead.\n@ignore",name:"describedBy",required:!1,type:{name:"string"}},__experimentalIsFocusable:{defaultValue:{value:"false"},description:"Whether to keep the button focusable when disabled.\n@deprecated Use the `accessibleWhenDisabled` prop instead.\n@ignore",name:"__experimentalIsFocusable",required:!1,type:{name:"boolean"}},isDefault:{defaultValue:null,description:"Gives the button a default style.\n@deprecated Use the `'secondary'` value on the `variant` prop instead.\n@ignore",name:"isDefault",required:!1,type:{name:"boolean"}},isLink:{defaultValue:null,description:"Gives the button a link style.\n@deprecated Use the `'link'` value on the `variant` prop instead.\n@ignore",name:"isLink",required:!1,type:{name:"boolean"}},isPrimary:{defaultValue:null,description:"Gives the button a primary style.\n@deprecated Use the `'primary'` value on the `variant` prop instead.\n@ignore",name:"isPrimary",required:!1,type:{name:"boolean"}},isSecondary:{defaultValue:null,description:"Gives the button a default style.\n@deprecated Use the `'secondary'` value on the `variant` prop instead.\n@ignore",name:"isSecondary",required:!1,type:{name:"boolean"}},isTertiary:{defaultValue:null,description:"Gives the button a text-based style.\n@deprecated Use the `'tertiary'` value on the `variant` prop instead.\n@ignore",name:"isTertiary",required:!1,type:{name:"boolean"}},isSmall:{defaultValue:null,description:"Decreases the size of the button.\n@deprecated Use the `'small'` value on the `size` prop instead.\n@ignore",name:"isSmall",required:!1,type:{name:"boolean"}},containerClassName:{defaultValue:null,description:"An optional class name for the button container.",name:"containerClassName",required:!1,type:{name:"string"}},extraProps:{defaultValue:null,description:"Additional props to be passed alongside props.",name:"extraProps",required:!1,type:{name:"any"}},isActive:{defaultValue:null,description:"Indicates if the button is active.",name:"isActive",required:!1,type:{name:"boolean"}},subscript:{defaultValue:null,description:"An optional subscript for the button.",name:"subscript",required:!1,type:{name:"string"}},accessibleWhenDisabled:{defaultValue:{value:"true"},description:"Whether to keep the button focusable when disabled.\n\nIn most cases, it is recommended to set this to `true`. Disabling a control without maintaining focusability\ncan cause accessibility issues, by hiding their presence from screen reader users,\nor by preventing focus from returning to a trigger element.\n\nLearn more about the [focusability of disabled controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols)\nin the WAI-ARIA Authoring Practices Guide.",name:"accessibleWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-button/index.tsx#toolbarbutton"]={docgenInfo:toolbarbutton.__docgenInfo,name:"toolbarbutton",path:"packages/components/src/toolbar/toolbar-button/index.tsx#toolbarbutton"})}catch(__react_docgen_typescript_loader_error){}const toolbar_group_container=({className,children,...props})=>(0,jsx_runtime.jsx)("div",{className,...props,children});try{toolbargroupcontainer.displayName="toolbargroupcontainer",toolbargroupcontainer.__docgenInfo={description:"",displayName:"toolbargroupcontainer",props:{children:{defaultValue:null,description:"Children to be rendered inside the toolbar.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Class to set on the container div.",name:"className",required:!1,type:{name:"string"}},props:{defaultValue:null,description:"Props to be passed.",name:"props",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-group/toolbar-group-container.tsx#toolbargroupcontainer"]={docgenInfo:toolbargroupcontainer.__docgenInfo,name:"toolbargroupcontainer",path:"packages/components/src/toolbar/toolbar-group/toolbar-group-container.tsx#toolbargroupcontainer"})}catch(__react_docgen_typescript_loader_error){}var dropdown_menu=__webpack_require__("./packages/components/src/dropdown-menu/index.tsx");function ToolbarGroupCollapsed({controls=[],toggleProps,...props}){const renderDropdownMenu=internalToggleProps=>(0,jsx_runtime.jsx)(dropdown_menu.A,{controls,toggleProps:{...internalToggleProps,"data-toolbar-item":!0},...props});return(0,react.useContext)(toolbar_context)?(0,jsx_runtime.jsx)(toolbar_item,{...toggleProps,children:renderDropdownMenu}):renderDropdownMenu(toggleProps)}const toolbar_group_collapsed=ToolbarGroupCollapsed;try{ToolbarGroupCollapsed.displayName="ToolbarGroupCollapsed",ToolbarGroupCollapsed.__docgenInfo={description:"",displayName:"ToolbarGroupCollapsed",props:{icon:{defaultValue:{value:'"menu"'},description:"The icon to be shown in the collapsed menu button.",name:"icon",required:!1,type:{name:"IconType"}},label:{defaultValue:null,description:"A human-readable label to present as accessibility text on the focused\ncollapsed menu button.",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"A class name to apply to the dropdown menu's toggle element wrapper.",name:"className",required:!1,type:{name:"string"}},popoverProps:{defaultValue:null,description:"Properties of `popoverProps` object will be passed as props to the nested\n`Popover` component.\nUse this object to modify props available for the `Popover` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the\ndirection in which the popover should open relative to its parent node\nset with `position` prop.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},toggleProps:{defaultValue:null,description:"Properties of `toggleProps` object will be passed as props to the nested\n`Button` component in the `renderToggle` implementation of the `Dropdown`\ncomponent used internally.\nUse this object to modify props available for the `Button` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the tooltip\ntext displayed on hover set with `tooltip` prop.",name:"toggleProps",required:!1,type:{name:"ToggleProps"}},menuProps:{defaultValue:null,description:"Properties of `menuProps` object will be passed as props to the nested\n`NavigableMenu` component in the `renderContent` implementation of the\n`Dropdown` component used internally.\nUse this object to modify props available for the `NavigableMenu`\ncomponent that are not already exposed in the `DropdownMenu` component,\ne.g.: the orientation of the menu set with `orientation` prop.",name:"menuProps",required:!1,type:{name:'Omit<Partial<NavigableMenuProps>, "children">'}},disableOpenOnArrowDown:{defaultValue:{value:"false"},description:"In some contexts, the arrow down key used to open the dropdown menu might\nneed to be disabled—for example when that key is used to perform another\naction.",name:"disableOpenOnArrowDown",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display on the nested `Button` component in the `renderToggle`\nimplementation of the `Dropdown` component used internally.",name:"text",required:!1,type:{name:"string"}},noIcons:{defaultValue:null,description:"Whether or not `no-icons` should be added to the menu's `className`.",name:"noIcons",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)\nwhich should return an element or elements valid for use in a DropdownMenu:\n`MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a\nprops object including the same values as given to a `Dropdown`'s\n`renderContent` (`isOpen`, `onToggle`, `onClose`).\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"children",required:!1,type:{name:"(callbackProps: DropdownCallbackProps) => ReactNode"}},controls:{defaultValue:{value:"[]"},description:"An array or nested array of objects describing the options to be shown in\nthe expanded menu. Each object should include an `icon` Dashicon slug\nstring, a human-readable `title` string, `isDisabled` boolean flag, and\nan `onClick` function callback to invoke when the option is selected.\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"controls",required:!1,type:{name:"DropdownOption[] | DropdownOption[][]"}},open:{defaultValue:null,description:"The controlled open state of the dropdown menu.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown menu when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown menu changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx#ToolbarGroupCollapsed"]={docgenInfo:ToolbarGroupCollapsed.__docgenInfo,name:"ToolbarGroupCollapsed",path:"packages/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx#ToolbarGroupCollapsed"})}catch(__react_docgen_typescript_loader_error){}function ToolbarGroup({controls=[],children,className,isCollapsed,title,...props}){const accessibleToolbarState=(0,react.useContext)(toolbar_context);if(!(controls&&controls.length||children))return null;const finalClassName=(0,clsx.A)(accessibleToolbarState?"components-toolbar-group":"components-toolbar",className);let controlSets;return controlSets=function isNestedArray(arr){return Array.isArray(arr)&&Array.isArray(arr[0])}(controls)?controls:[controls],isCollapsed?(0,jsx_runtime.jsx)(toolbar_group_collapsed,{label:title,controls:controlSets,className:finalClassName,children,...props}):(0,jsx_runtime.jsxs)(toolbar_group_container,{className:finalClassName,...props,children:[controlSets?.flatMap(((controlSet,indexOfSet)=>controlSet.map(((control,indexOfControl)=>(0,jsx_runtime.jsx)(toolbar_button,{containerClassName:indexOfSet>0&&0===indexOfControl?"has-left-divider":void 0,...control},[indexOfSet,indexOfControl].join()))))),children]})}const toolbar_group=ToolbarGroup;try{ToolbarGroup.displayName="ToolbarGroup",ToolbarGroup.__docgenInfo={description:"Renders a collapsible group of controls\n\nThe `controls` prop accepts an array of sets. A set is an array of controls.\nControls have the following shape:\n\n```\n{\n icon: string,\n title: string,\n subscript: string,\n onClick: Function,\n isActive: boolean,\n isDisabled: boolean\n}\n```\n\nFor convenience it is also possible to pass only an array of controls. It is\nthen assumed this is the only set.\n\nEither `controls` or `children` is required, otherwise this components\nrenders nothing.",displayName:"ToolbarGroup",props:{controls:{defaultValue:{value:"[]"},description:"The controls to render in this toolbar.",name:"controls",required:!1,type:{name:"ToolbarGroupControls[] | ToolbarGroupControls[][]"}},className:{defaultValue:null,description:"Class to set on the container div.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Any other things to render inside the toolbar besides the controls.",name:"children",required:!1,type:{name:"ReactNode | (ReactNode & ((callbackProps: DropdownCallbackProps) => ReactNode))"}},icon:{defaultValue:null,description:"The Dashicon icon slug to be shown for the option.",name:"icon",required:!1,type:{name:"IconType"}},isCollapsed:{defaultValue:null,description:"When true, turns `ToolbarGroup` into a dropdown menu.",name:"isCollapsed",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"ARIA label for dropdown menu if is collapsed.",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-group/index.tsx#ToolbarGroup"]={docgenInfo:ToolbarGroup.__docgenInfo,name:"ToolbarGroup",path:"packages/components/src/toolbar/toolbar-group/index.tsx#ToolbarGroup"})}catch(__react_docgen_typescript_loader_error){}var _7M5THDKH=__webpack_require__("./node_modules/@ariakit/react-core/esm/__chunks/7M5THDKH.js"),toolbar_toolbar=__webpack_require__("./node_modules/@ariakit/react-core/esm/toolbar/toolbar.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js");const ToolbarContainer=(0,react.forwardRef)((function UnforwardedToolbarContainer({label,...props},ref){const toolbarStore=_7M5THDKH.W({focusLoop:!0,rtl:(0,i18n_build_module.V8)()});return(0,jsx_runtime.jsx)(toolbar_context.Provider,{value:toolbarStore,children:(0,jsx_runtime.jsx)(toolbar_toolbar.M,{ref,"aria-label":label,store:toolbarStore,...props})})})),toolbar_container=ToolbarContainer;try{ToolbarContainer.displayName="ToolbarContainer",ToolbarContainer.__docgenInfo={description:"",displayName:"ToolbarContainer",props:{children:{defaultValue:null,description:"Children to be rendered inside the toolbar.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"An accessible label for the toolbar.",name:"label",required:!0,type:{name:"string"}},variant:{defaultValue:{value:"undefined"},description:"Specifies the toolbar's style.\n\nLeave undefined for the default style. Or `'unstyled'` which\nremoves the border from the toolbar, but keeps the default\npopover style.",name:"variant",required:!1,type:{name:'"unstyled"'}},orientation:{defaultValue:{value:"'horizontal'"},description:"Orientation of the toolbar keyboard interactions.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar/toolbar-container.tsx#ToolbarContainer"]={docgenInfo:ToolbarContainer.__docgenInfo,name:"ToolbarContainer",path:"packages/components/src/toolbar/toolbar/toolbar-container.tsx#ToolbarContainer"})}catch(__react_docgen_typescript_loader_error){}try{toolbarcontainer.displayName="toolbarcontainer",toolbarcontainer.__docgenInfo={description:"",displayName:"toolbarcontainer",props:{children:{defaultValue:null,description:"Children to be rendered inside the toolbar.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"An accessible label for the toolbar.",name:"label",required:!0,type:{name:"string"}},variant:{defaultValue:{value:"undefined"},description:"Specifies the toolbar's style.\n\nLeave undefined for the default style. Or `'unstyled'` which\nremoves the border from the toolbar, but keeps the default\npopover style.",name:"variant",required:!1,type:{name:'"unstyled"'}},orientation:{defaultValue:{value:"'horizontal'"},description:"Orientation of the toolbar keyboard interactions.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar/toolbar-container.tsx#toolbarcontainer"]={docgenInfo:toolbarcontainer.__docgenInfo,name:"toolbarcontainer",path:"packages/components/src/toolbar/toolbar/toolbar-container.tsx#toolbarcontainer"})}catch(__react_docgen_typescript_loader_error){}var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js");const Toolbar=(0,react.forwardRef)((function UnforwardedToolbar({className,label,variant,...props},ref){const isVariantDefined=void 0!==variant,contextSystemValue=(0,react.useMemo)((()=>isVariantDefined?{}:{DropdownMenu:{variant:"toolbar"},Dropdown:{variant:"toolbar"},Menu:{variant:"toolbar"}}),[isVariantDefined]);if(!label){(0,build_module.A)("Using Toolbar without label prop",{since:"5.6",alternative:"ToolbarGroup component",link:"https://developer.wordpress.org/block-editor/components/toolbar/"});const{title:_title,...restProps}=props;return(0,jsx_runtime.jsx)(toolbar_group,{isCollapsed:!1,...restProps,className})}const finalClassName=(0,clsx.A)("components-accessible-toolbar",className,variant&&`is-${variant}`);return(0,jsx_runtime.jsx)(context_system_provider.c7,{value:contextSystemValue,children:(0,jsx_runtime.jsx)(toolbar_container,{className:finalClassName,label,ref,...props})})})),src_toolbar_toolbar=Toolbar;try{Toolbar.displayName="Toolbar",Toolbar.__docgenInfo={description:'Renders a toolbar.\n\nTo add controls, simply pass `ToolbarButton` components as children.\n\n```jsx\nimport { Toolbar, ToolbarButton } from \'@wordpress/components\';\nimport { formatBold, formatItalic, link } from \'@wordpress/icons\';\n\nfunction MyToolbar() {\n return (\n <Toolbar label="Options">\n <ToolbarButton icon={ formatBold } label="Bold" />\n <ToolbarButton icon={ formatItalic } label="Italic" />\n <ToolbarButton icon={ link } label="Link" />\n </Toolbar>\n );\n}\n```',displayName:"Toolbar",props:{children:{defaultValue:null,description:"Children to be rendered inside the toolbar.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"An accessible label for the toolbar.",name:"label",required:!0,type:{name:"string"}},variant:{defaultValue:{value:"undefined"},description:"Specifies the toolbar's style.\n\nLeave undefined for the default style. Or `'unstyled'` which\nremoves the border from the toolbar, but keeps the default\npopover style.",name:"variant",required:!1,type:{name:'"unstyled"'}},orientation:{defaultValue:{value:"'horizontal'"},description:"Orientation of the toolbar keyboard interactions.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar/index.tsx#Toolbar"]={docgenInfo:Toolbar.__docgenInfo,name:"Toolbar",path:"packages/components/src/toolbar/toolbar/index.tsx#Toolbar"})}catch(__react_docgen_typescript_loader_error){}try{toolbar.displayName="toolbar",toolbar.__docgenInfo={description:'Renders a toolbar.\n\nTo add controls, simply pass `ToolbarButton` components as children.\n\n```jsx\nimport { Toolbar, ToolbarButton } from \'@wordpress/components\';\nimport { formatBold, formatItalic, link } from \'@wordpress/icons\';\n\nfunction MyToolbar() {\n return (\n <Toolbar label="Options">\n <ToolbarButton icon={ formatBold } label="Bold" />\n <ToolbarButton icon={ formatItalic } label="Italic" />\n <ToolbarButton icon={ link } label="Link" />\n </Toolbar>\n );\n}\n```',displayName:"toolbar",props:{children:{defaultValue:null,description:"Children to be rendered inside the toolbar.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"An accessible label for the toolbar.",name:"label",required:!0,type:{name:"string"}},variant:{defaultValue:{value:"undefined"},description:"Specifies the toolbar's style.\n\nLeave undefined for the default style. Or `'unstyled'` which\nremoves the border from the toolbar, but keeps the default\npopover style.",name:"variant",required:!1,type:{name:'"unstyled"'}},orientation:{defaultValue:{value:"'horizontal'"},description:"Orientation of the toolbar keyboard interactions.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar/index.tsx#toolbar"]={docgenInfo:toolbar.__docgenInfo,name:"toolbar",path:"packages/components/src/toolbar/toolbar/index.tsx#toolbar"})}catch(__react_docgen_typescript_loader_error){}function ToolbarDropdownMenu(props,ref){return(0,react.useContext)(toolbar_context)?(0,jsx_runtime.jsx)(toolbar_item,{ref,...props.toggleProps,children:toolbarItemProps=>(0,jsx_runtime.jsx)(dropdown_menu.A,{...props,popoverProps:{...props.popoverProps},toggleProps:toolbarItemProps})}):(0,jsx_runtime.jsx)(dropdown_menu.A,{...props})}const toolbar_dropdown_menu=(0,react.forwardRef)(ToolbarDropdownMenu);try{ToolbarDropdownMenu.displayName="ToolbarDropdownMenu",ToolbarDropdownMenu.__docgenInfo={description:"",displayName:"ToolbarDropdownMenu",props:{icon:{defaultValue:{value:'"menu"'},description:"The icon to be shown in the collapsed menu button.",name:"icon",required:!1,type:{name:"IconType"}},label:{defaultValue:null,description:"A human-readable label to present as accessibility text on the focused\ncollapsed menu button.",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"A class name to apply to the dropdown menu's toggle element wrapper.",name:"className",required:!1,type:{name:"string"}},popoverProps:{defaultValue:null,description:"Properties of `popoverProps` object will be passed as props to the nested\n`Popover` component.\nUse this object to modify props available for the `Popover` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the\ndirection in which the popover should open relative to its parent node\nset with `position` prop.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},toggleProps:{defaultValue:null,description:"Properties of `toggleProps` object will be passed as props to the nested\n`Button` component in the `renderToggle` implementation of the `Dropdown`\ncomponent used internally.\nUse this object to modify props available for the `Button` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the tooltip\ntext displayed on hover set with `tooltip` prop.",name:"toggleProps",required:!1,type:{name:"ToggleProps"}},menuProps:{defaultValue:null,description:"Properties of `menuProps` object will be passed as props to the nested\n`NavigableMenu` component in the `renderContent` implementation of the\n`Dropdown` component used internally.\nUse this object to modify props available for the `NavigableMenu`\ncomponent that are not already exposed in the `DropdownMenu` component,\ne.g.: the orientation of the menu set with `orientation` prop.",name:"menuProps",required:!1,type:{name:'Omit<Partial<NavigableMenuProps>, "children">'}},disableOpenOnArrowDown:{defaultValue:{value:"false"},description:"In some contexts, the arrow down key used to open the dropdown menu might\nneed to be disabled—for example when that key is used to perform another\naction.",name:"disableOpenOnArrowDown",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display on the nested `Button` component in the `renderToggle`\nimplementation of the `Dropdown` component used internally.",name:"text",required:!1,type:{name:"string"}},noIcons:{defaultValue:null,description:"Whether or not `no-icons` should be added to the menu's `className`.",name:"noIcons",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)\nwhich should return an element or elements valid for use in a DropdownMenu:\n`MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a\nprops object including the same values as given to a `Dropdown`'s\n`renderContent` (`isOpen`, `onToggle`, `onClose`).\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"children",required:!1,type:{name:"(callbackProps: DropdownCallbackProps) => ReactNode"}},controls:{defaultValue:null,description:"An array or nested array of objects describing the options to be shown in\nthe expanded menu. Each object should include an `icon` Dashicon slug\nstring, a human-readable `title` string, `isDisabled` boolean flag, and\nan `onClick` function callback to invoke when the option is selected.\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"controls",required:!1,type:{name:"DropdownOption[] | DropdownOption[][]"}},open:{defaultValue:null,description:"The controlled open state of the dropdown menu.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown menu when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown menu changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/toolbar-dropdown-menu/index.tsx#ToolbarDropdownMenu"]={docgenInfo:ToolbarDropdownMenu.__docgenInfo,name:"ToolbarDropdownMenu",path:"packages/components/src/toolbar/toolbar-dropdown-menu/index.tsx#ToolbarDropdownMenu"})}catch(__react_docgen_typescript_loader_error){}const index_story={title:"Components/Toolbar",component:src_toolbar_toolbar,subcomponents:{ToolbarButton:toolbar_button,ToolbarGroup:toolbar_group,ToolbarItem:toolbar_item,ToolbarDropdownMenu:toolbar_dropdown_menu},argTypes:{children:{control:!1},variant:{options:[void 0,"unstyled"],control:{type:"radio"}}},parameters:{sourceLink:"packages/components/src/toolbar",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}};function InlineImageIcon(){return(0,jsx_runtime.jsx)(svg.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,jsx_runtime.jsx)(svg.wA,{d:"M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z"})})}const Template=props=>(0,jsx_runtime.jsx)("div",{style:{height:280},children:(0,jsx_runtime.jsx)(src_toolbar_toolbar,{...props})}),Default=Template.bind({});Default.args={label:"Options",id:"options-toolbar",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(toolbar_group,{children:(0,jsx_runtime.jsx)(toolbar_button,{icon:paragraph.A,text:"Paragraph"})}),(0,jsx_runtime.jsx)(toolbar_group,{children:(0,jsx_runtime.jsx)(toolbar_item,{children:toggleProps=>(0,jsx_runtime.jsx)(dropdown_menu.A,{icon:align_left.A,label:"Align",controls:[{icon:align_left.A,title:"Align left",isActive:!0},{icon:align_center.A,title:"Align center"},{icon:align_right.A,title:"Align right"}],toggleProps})})}),(0,jsx_runtime.jsxs)(toolbar_group,{children:[(0,jsx_runtime.jsx)(toolbar_button,{children:"Text"}),(0,jsx_runtime.jsx)(toolbar_button,{icon:format_bold.A,label:"Bold",isPressed:!0}),(0,jsx_runtime.jsx)(toolbar_button,{icon:format_italic.A,label:"Italic"}),(0,jsx_runtime.jsx)(toolbar_button,{icon:library_link.A,label:"Link"}),(0,jsx_runtime.jsx)(toolbar_group,{isCollapsed:!0,icon:null,title:"More rich text controls",controls:[{icon:code.A,title:"Inline code"},{icon:(0,jsx_runtime.jsx)(InlineImageIcon,{}),title:"Inline image"},{icon:format_strikethrough.A,title:"Strikethrough"}]})]}),(0,jsx_runtime.jsx)(toolbar_group,{icon:more.A,title:"Align",isCollapsed:!0,controls:[{icon:align_left.A,title:"Align left",isActive:!0},{icon:align_center.A,title:"Align center"},{icon:align_right.A,title:"Align right"}]}),(0,jsx_runtime.jsx)(toolbar_dropdown_menu,{icon:chevron_down.A,label:"Select a direction",controls:[{title:"Up",icon:arrow_up.A},{title:"Right",icon:arrow_right.A},{title:"Down",icon:arrow_down.A},{title:"Left",icon:arrow_left.A}]})]})};const WithoutGroup=Template.bind({});WithoutGroup.args={label:"Options",id:"options-toolbar-without-group",children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(toolbar_button,{icon:format_bold.A,label:"Bold",isPressed:!0}),(0,jsx_runtime.jsx)(toolbar_button,{icon:format_italic.A,label:"Italic"}),(0,jsx_runtime.jsx)(toolbar_button,{icon:library_link.A,label:"Link"})]})};const Unstyled=Template.bind({});Unstyled.args={...Default.args,variant:"unstyled"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => <div style={{\n height: 280\n}}>\n <Toolbar {...props} />\n </div>",...Default.parameters?.docs?.source}}},WithoutGroup.parameters={...WithoutGroup.parameters,docs:{...WithoutGroup.parameters?.docs,source:{originalSource:"props => <div style={{\n height: 280\n}}>\n <Toolbar {...props} />\n </div>",...WithoutGroup.parameters?.docs?.source}}},Unstyled.parameters={...Unstyled.parameters,docs:{...Unstyled.parameters?.docs,source:{originalSource:"props => <div style={{\n height: 280\n}}>\n <Toolbar {...props} />\n </div>",...Unstyled.parameters?.docs?.source},description:{story:"Set the variant to `unstyled` to remove default border styles.\nOtherwise, leave it as `undefined` for default styles.",...Unstyled.parameters?.docs?.description}}};try{Unstyled.displayName="Unstyled",Unstyled.__docgenInfo={description:"Set the variant to `unstyled` to remove default border styles.\nOtherwise, leave it as `undefined` for default styles.",displayName:"Unstyled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toolbar/stories/index.story.tsx#Unstyled"]={docgenInfo:Unstyled.__docgenInfo,name:"Unstyled",path:"packages/components/src/toolbar/stories/index.story.tsx#Unstyled"})}catch(__react_docgen_typescript_loader_error){}},"./packages/icons/build-module/library/align-center.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})})},"./packages/icons/build-module/library/align-left.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})})},"./packages/icons/build-module/library/align-right.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})})},"./packages/icons/build-module/library/arrow-down.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})})},"./packages/icons/build-module/library/arrow-left.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})})},"./packages/icons/build-module/library/arrow-right.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})})},"./packages/icons/build-module/library/arrow-up.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})})},"./packages/icons/build-module/library/chevron-down.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})})},"./packages/icons/build-module/library/code.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"})})},"./packages/icons/build-module/library/format-bold.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M14.7 11.3c1-.6 1.5-1.6 1.5-3 0-2.3-1.3-3.4-4-3.4H7v14h5.8c1.4 0 2.5-.3 3.3-1 .8-.7 1.2-1.7 1.2-2.9.1-1.9-.8-3.1-2.6-3.7zm-5.1-4h2.3c.6 0 1.1.1 1.4.4.3.3.5.7.5 1.2s-.2 1-.5 1.2c-.3.3-.8.4-1.4.4H9.6V7.3zm4.6 9c-.4.3-1 .4-1.7.4H9.6v-3.9h2.9c.7 0 1.3.2 1.7.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5z"})})},"./packages/icons/build-module/library/format-italic.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M12.5 5L10 19h1.9l2.5-14z"})})},"./packages/icons/build-module/library/format-strikethrough.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"})})},"./packages/icons/build-module/library/link.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})})},"./packages/icons/build-module/library/menu.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"})})},"./packages/icons/build-module/library/more.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M4 9v1.5h16V9H4zm12 5.5h4V13h-4v1.5zm-6 0h4V13h-4v1.5zm-6 0h4V13H4v1.5z"})})},"./packages/icons/build-module/library/paragraph.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"m9.99609 14v-.2251l.00391.0001v6.225h1.5v-14.5h2.5v14.5h1.5v-14.5h3v-1.5h-8.50391c-2.76142 0-5 2.23858-5 5 0 2.7614 2.23858 5 5 5z"})})},"./packages/components/src/dropdown-menu/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,r:()=>DropdownMenu});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/icons/build-module/library/menu.js"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/button/index.tsx"),_dropdown__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/dropdown/index.tsx"),_navigable_container__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/navigable-container/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mergeProps(defaultProps={},props={}){const mergedProps={...defaultProps,...props};return props.className&&defaultProps.className&&(mergedProps.className=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)(props.className,defaultProps.className)),mergedProps}function isFunction(maybeFunc){return"function"==typeof maybeFunc}const DropdownMenu=(0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((function UnconnectedDropdownMenu(dropdownMenuProps){const{children,className,controls,icon=_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__.A,label,popoverProps,toggleProps,menuProps,disableOpenOnArrowDown=!1,text,noIcons,open,defaultOpen,onToggle:onToggleProp,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_3__.A)(dropdownMenuProps,"DropdownMenu");if(!controls?.length&&!isFunction(children))return null;let controlSets;controls?.length&&(controlSets=controls,Array.isArray(controlSets[0])||(controlSets=[controls]));const mergedPopoverProps=mergeProps({className:"components-dropdown-menu__popover",variant},popoverProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_4__.A,{className,popoverProps:mergedPopoverProps,renderToggle:({isOpen,onToggle})=>{var _toggleProps$showTool;const{as:Toggle=_button__WEBPACK_IMPORTED_MODULE_5__.Ay,...restToggleProps}=null!=toggleProps?toggleProps:{},mergedToggleProps=mergeProps({className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__toggle",{"is-opened":isOpen})},restToggleProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Toggle,{...mergedToggleProps,icon,onClick:event=>{onToggle(),mergedToggleProps.onClick&&mergedToggleProps.onClick(event)},onKeyDown:event=>{(event=>{disableOpenOnArrowDown||isOpen||"ArrowDown"!==event.code||(event.preventDefault(),onToggle())})(event),mergedToggleProps.onKeyDown&&mergedToggleProps.onKeyDown(event)},"aria-haspopup":"true","aria-expanded":isOpen,label,text,showTooltip:null===(_toggleProps$showTool=toggleProps?.showTooltip)||void 0===_toggleProps$showTool||_toggleProps$showTool,children:mergedToggleProps.children})},renderContent:props=>{const mergedMenuProps=mergeProps({"aria-label":label,className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu",{"no-icons":noIcons})},menuProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_navigable_container__WEBPACK_IMPORTED_MODULE_6__.Ay,{...mergedMenuProps,role:"menu",children:[isFunction(children)?children(props):null,controlSets?.flatMap(((controlSet,indexOfSet)=>controlSet.map(((control,indexOfControl)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{__next40pxDefaultSize:!0,onClick:event=>{event.stopPropagation(),props.onClose(),control.onClick&&control.onClick()},className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu-item",{"has-separator":indexOfSet>0&&0===indexOfControl,"is-active":control.isActive,"is-icon-only":!control.title}),icon:control.icon,label:control.label,"aria-checked":"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.isActive:void 0,role:"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.role:"menuitem",accessibleWhenDisabled:!0,disabled:control.isDisabled,children:control.title},[indexOfSet,indexOfControl].join())))))]})},open,defaultOpen,onToggle:onToggleProp})}),"DropdownMenu"),__WEBPACK_DEFAULT_EXPORT__=DropdownMenu;try{DropdownMenu.displayName="DropdownMenu",DropdownMenu.__docgenInfo={description:"\nThe DropdownMenu displays a list of actions (each contained in a MenuItem,\nMenuItemsChoice, or MenuGroup) in a compact way. It appears in a Popover\nafter the user has interacted with an element (a button or icon) or when\nthey perform a specific action.\n\nRender a Dropdown Menu with a set of controls:\n\n```jsx\nimport { DropdownMenu } from '@wordpress/components';\nimport {\n\tmore,\n\tarrowLeft,\n\tarrowRight,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu\n\t\ticon={ more }\n\t\tlabel=\"Select a direction\"\n\t\tcontrols={ [\n\t\t\t{\n\t\t\t\ttitle: 'Up',\n\t\t\t\ticon: arrowUp,\n\t\t\t\tonClick: () => console.log( 'up' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Right',\n\t\t\t\ticon: arrowRight,\n\t\t\t\tonClick: () => console.log( 'right' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Down',\n\t\t\t\ticon: arrowDown,\n\t\t\t\tonClick: () => console.log( 'down' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Left',\n\t\t\t\ticon: arrowLeft,\n\t\t\t\tonClick: () => console.log( 'left' ),\n\t\t\t},\n\t\t] }\n\t/>\n);\n```\n\nAlternatively, specify a `children` function which returns elements valid for\nuse in a DropdownMenu: `MenuItem`, `MenuItemsChoice`, or `MenuGroup`.\n\n```jsx\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { more, arrowUp, arrowDown, trash } from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu icon={ more } label=\"Select a direction\">\n\t\t{ ( { onClose } ) => (\n\t\t\t<>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ arrowUp } onClick={ onClose }>\n\t\t\t\t\t\tMove Up\n\t\t\t\t\t</MenuItem>\n\t\t\t\t\t<MenuItem icon={ arrowDown } onClick={ onClose }>\n\t\t\t\t\t\tMove Down\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ trash } onClick={ onClose }>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t</>\n\t\t) }\n\t</DropdownMenu>\n);\n```",displayName:"DropdownMenu",props:{icon:{defaultValue:{value:'"menu"'},description:"The icon to be shown in the collapsed menu button.",name:"icon",required:!1,type:{name:"IconType"}},label:{defaultValue:null,description:"A human-readable label to present as accessibility text on the focused\ncollapsed menu button.",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"A class name to apply to the dropdown menu's toggle element wrapper.",name:"className",required:!1,type:{name:"string"}},popoverProps:{defaultValue:null,description:"Properties of `popoverProps` object will be passed as props to the nested\n`Popover` component.\nUse this object to modify props available for the `Popover` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the\ndirection in which the popover should open relative to its parent node\nset with `position` prop.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},toggleProps:{defaultValue:null,description:"Properties of `toggleProps` object will be passed as props to the nested\n`Button` component in the `renderToggle` implementation of the `Dropdown`\ncomponent used internally.\nUse this object to modify props available for the `Button` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the tooltip\ntext displayed on hover set with `tooltip` prop.",name:"toggleProps",required:!1,type:{name:"ToggleProps"}},menuProps:{defaultValue:null,description:"Properties of `menuProps` object will be passed as props to the nested\n`NavigableMenu` component in the `renderContent` implementation of the\n`Dropdown` component used internally.\nUse this object to modify props available for the `NavigableMenu`\ncomponent that are not already exposed in the `DropdownMenu` component,\ne.g.: the orientation of the menu set with `orientation` prop.",name:"menuProps",required:!1,type:{name:'Omit<Partial<NavigableMenuProps>, "children">'}},disableOpenOnArrowDown:{defaultValue:{value:"false"},description:"In some contexts, the arrow down key used to open the dropdown menu might\nneed to be disabled—for example when that key is used to perform another\naction.",name:"disableOpenOnArrowDown",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display on the nested `Button` component in the `renderToggle`\nimplementation of the `Dropdown` component used internally.",name:"text",required:!1,type:{name:"string"}},noIcons:{defaultValue:null,description:"Whether or not `no-icons` should be added to the menu's `className`.",name:"noIcons",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)\nwhich should return an element or elements valid for use in a DropdownMenu:\n`MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a\nprops object including the same values as given to a `Dropdown`'s\n`renderContent` (`isOpen`, `onToggle`, `onClose`).\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"children",required:!1,type:{name:"(callbackProps: DropdownCallbackProps) => ReactNode"}},controls:{defaultValue:null,description:"An array or nested array of objects describing the options to be shown in\nthe expanded menu. Each object should include an `icon` Dashicon slug\nstring, a human-readable `title` string, `isDisabled` boolean flag, and\nan `onClick` function callback to invoke when the option is selected.\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"controls",required:!1,type:{name:"DropdownOption[] | DropdownOption[][]"}},open:{defaultValue:null,description:"The controlled open state of the dropdown menu.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown menu when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown menu changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown-menu/index.tsx#DropdownMenu"]={docgenInfo:DropdownMenu.__docgenInfo,name:"DropdownMenu",path:"packages/components/src/dropdown-menu/index.tsx#DropdownMenu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_utils_hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-controlled-value.ts"),_popover__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/popover/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Dropdown=(0,_context__WEBPACK_IMPORTED_MODULE_8__.KZ)(((props,forwardedRef)=>{const{renderContent,renderToggle,className,contentClassName,expandOnMobile,headerTitle,focusOnMount,popoverProps,onClose,onToggle,style,open,defaultOpen,position,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"Dropdown");void 0!==position&&(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)("`position` prop in wp.components.Dropdown",{since:"6.2",alternative:"`popoverProps.placement` prop",hint:"Note that the `position` prop will override any values passed through the `popoverProps.placement` prop."});const[fallbackPopoverAnchor,setFallbackPopoverAnchor]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useState)(null),containerRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(),[isOpen,setIsOpen]=(0,_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.j)({defaultValue:defaultOpen,value:open,onChange:onToggle});function close(){onClose?.(),setIsOpen(!1)}const args={isOpen:!!isOpen,onToggle:()=>setIsOpen(!isOpen),onClose:close},popoverPropsHaveAnchor=!!(popoverProps?.anchor||popoverProps?.anchorRef||popoverProps?.getAnchorRect||popoverProps?.anchorRect);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className,ref:(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.A)([containerRef,forwardedRef,setFallbackPopoverAnchor]),tabIndex:-1,style,children:[renderToggle(args),isOpen&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_popover__WEBPACK_IMPORTED_MODULE_6__.Ay,{position,onClose:close,onFocusOutside:function closeIfFocusOutside(){if(!containerRef.current)return;const{ownerDocument}=containerRef.current,dialog=ownerDocument?.activeElement?.closest('[role="dialog"]');containerRef.current.contains(ownerDocument.activeElement)||dialog&&!dialog.contains(containerRef.current)||close()},expandOnMobile,headerTitle,focusOnMount,offset:13,anchor:popoverPropsHaveAnchor?void 0:fallbackPopoverAnchor,variant,...popoverProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_7__.A)("components-dropdown__content",popoverProps?.className,contentClassName),children:renderContent(args)})]})}),"Dropdown"),__WEBPACK_DEFAULT_EXPORT__=Dropdown;try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:'Renders a button that opens a floating content modal when clicked.\n\n```jsx\nimport { Button, Dropdown } from \'@wordpress/components\';\n\nconst MyDropdown = () => (\n <Dropdown\n className="my-container-class-name"\n contentClassName="my-dropdown-content-classname"\n popoverProps={ { placement: \'bottom-start\' } }\n renderToggle={ ( { isOpen, onToggle } ) => (\n <Button\n variant="primary"\n onClick={ onToggle }\n aria-expanded={ isOpen }\n >\n Toggle Dropdown!\n </Button>\n ) }\n renderContent={ () => <div>This is the content of the dropdown.</div> }\n />\n);\n```',displayName:"Dropdown",props:{className:{defaultValue:null,description:"The className of the global container.",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"If you want to target the dropdown menu for styling purposes,\nyou need to provide a contentClassName because it's not being rendered\nas a child of the container node.",name:"contentClassName",required:!1,type:{name:"string"}},expandOnMobile:{defaultValue:{value:"false"},description:"Opt-in prop to show popovers fullscreen on mobile.",name:"expandOnMobile",required:!1,type:{name:"boolean"}},focusOnMount:{defaultValue:{value:"'firstElement'"},description:'By default, the first tabbable element in the popover will receive focus\nwhen it mounts. This is the same as setting this prop to "firstElement".\nSpecifying a true value will focus the container instead.\nSpecifying a false value disables the focus handling entirely\n(this should only be done when an appropriately accessible\nsubstitute behavior exists).',name:"focusOnMount",required:!1,type:{name:'boolean | "firstElement"'}},headerTitle:{defaultValue:null,description:"Set this to customize the text that is shown in the dropdown's header\nwhen it is fullscreen on mobile.",name:"headerTitle",required:!1,type:{name:"string"}},onClose:{defaultValue:null,description:"A callback invoked when the popover should be closed.",name:"onClose",required:!1,type:{name:"() => void"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},popoverProps:{defaultValue:null,description:"Properties of popoverProps object will be passed as props\nto the Popover component.\nUse this object to access properties/features\nof the Popover component that are not already exposed\nin the Dropdown component,\ne.g.: the ability to have the popover without an arrow.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},renderContent:{defaultValue:null,description:"A callback invoked to render the content of the dropdown menu.\nIts first argument is the same as the renderToggle prop.",name:"renderContent",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},renderToggle:{defaultValue:null,description:"A callback invoked to render the Dropdown Toggle Button.\n\nThe first argument of the callback is an object\ncontaining the following properties:\n\n- isOpen: whether the dropdown menu is opened or not\n- onToggle: A function switching the dropdown menu's state\nfrom open to closed and vice versa\n- onClose: A function that closes the menu if invoked",name:"renderToggle",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},style:{defaultValue:null,description:"The style of the global container.",name:"style",required:!1,type:{name:"CSSProperties"}},position:{defaultValue:null,description:"Legacy way to specify the popover's position with respect to its anchor.\nFor details about the possible values, see the `Popover` component's docs.\n_Note: this prop is deprecated. Use the `popoverProps.placement` prop\ninstead._\n@deprecated",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},open:{defaultValue:null,description:"The controlled open state of the dropdown.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown/index.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"packages/components/src/dropdown/index.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/container.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/dom/build-module/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const noop=()=>{},MENU_ITEM_ROLES=["menuitem","menuitemradio","menuitemcheckbox"];class NavigableContainer extends _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Component{constructor(args){super(args),this.onKeyDown=this.onKeyDown.bind(this),this.bindContainer=this.bindContainer.bind(this),this.getFocusableContext=this.getFocusableContext.bind(this),this.getFocusableIndex=this.getFocusableIndex.bind(this)}componentDidMount(){this.container&&this.container.addEventListener("keydown",this.onKeyDown)}componentWillUnmount(){this.container&&this.container.removeEventListener("keydown",this.onKeyDown)}bindContainer(ref){const{forwardedRef}=this.props;this.container=ref,"function"==typeof forwardedRef?forwardedRef(ref):forwardedRef&&"current"in forwardedRef&&(forwardedRef.current=ref)}getFocusableContext(target){if(!this.container)return null;const{onlyBrowserTabstops}=this.props,focusables=(onlyBrowserTabstops?_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.tabbable:_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.focusable).find(this.container),index=this.getFocusableIndex(focusables,target);return index>-1&&target?{index,target,focusables}:null}getFocusableIndex(focusables,target){return focusables.indexOf(target)}onKeyDown(event){this.props.onKeyDown&&this.props.onKeyDown(event);const{getFocusableContext}=this,{cycle=!0,eventToOffset,onNavigate=noop,stopNavigationEvents}=this.props,offset=eventToOffset(event);if(void 0!==offset&&stopNavigationEvents){event.stopImmediatePropagation();const targetRole=event.target?.getAttribute("role");!!targetRole&&MENU_ITEM_ROLES.includes(targetRole)&&event.preventDefault()}if(!offset)return;const activeElement=event.target?.ownerDocument?.activeElement;if(!activeElement)return;const context=getFocusableContext(activeElement);if(!context)return;const{index,focusables}=context,nextIndex=cycle?function cycleValue(value,total,offset){const nextValue=value+offset;return nextValue<0?total+nextValue:nextValue>=total?nextValue-total:nextValue}(index,focusables.length,offset):index+offset;nextIndex>=0&&nextIndex<focusables.length&&(focusables[nextIndex].focus(),onNavigate(nextIndex,focusables[nextIndex]),"Tab"===event.code&&event.preventDefault())}render(){const{children,stopNavigationEvents,eventToOffset,onNavigate,onKeyDown,cycle,onlyBrowserTabstops,forwardedRef,...restProps}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref:this.bindContainer,...restProps,children})}}const forwardedNavigableContainer=(props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(NavigableContainer,{...props,forwardedRef:ref});forwardedNavigableContainer.displayName="NavigableContainer";const __WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(forwardedNavigableContainer);try{forwardedNavigableContainer.displayName="NavigableContainer",forwardedNavigableContainer.__docgenInfo={description:"",displayName:"NavigableContainer",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},eventToOffset:{defaultValue:null,description:"Gets an offset, given an event.",name:"eventToOffset",required:!0,type:{name:"(event: KeyboardEvent) => 0 | 1 | -1"}},forwardedRef:{defaultValue:null,description:"The forwarded ref.",name:"forwardedRef",required:!1,type:{name:"ForwardedRef<any>"}},onlyBrowserTabstops:{defaultValue:{value:"false"},description:"Whether to only consider browser tab stops.",name:"onlyBrowserTabstops",required:!0,type:{name:"boolean"}},stopNavigationEvents:{defaultValue:{value:"false"},description:"Whether to stop navigation events.",name:"stopNavigationEvents",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/container.tsx#NavigableContainer"]={docgenInfo:NavigableContainer.__docgenInfo,name:"NavigableContainer",path:"packages/components/src/navigable-container/container.tsx#NavigableContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_container__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/navigable-container/container.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const NavigableMenu=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedNavigableMenu({role="menu",orientation="vertical",...rest},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_container__WEBPACK_IMPORTED_MODULE_1__.A,{ref,stopNavigationEvents:!0,onlyBrowserTabstops:!1,role,"aria-orientation":"presentation"===role||"vertical"!==orientation&&"horizontal"!==orientation?void 0:orientation,eventToOffset:evt=>{const{code}=evt;let next=["ArrowDown"],previous=["ArrowUp"];return"horizontal"===orientation&&(next=["ArrowRight"],previous=["ArrowLeft"]),"both"===orientation&&(next=["ArrowRight","ArrowDown"],previous=["ArrowLeft","ArrowUp"]),next.includes(code)?1:previous.includes(code)?-1:["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(code)?0:void 0},...rest})})),__WEBPACK_DEFAULT_EXPORT__=NavigableMenu;try{NavigableMenu.displayName="NavigableMenu",NavigableMenu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"NavigableMenu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#NavigableMenu"]={docgenInfo:NavigableMenu.__docgenInfo,name:"NavigableMenu",path:"packages/components/src/navigable-container/menu.tsx#NavigableMenu"})}catch(__react_docgen_typescript_loader_error){}try{menu.displayName="menu",menu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"menu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#menu"]={docgenInfo:menu.__docgenInfo,name:"menu",path:"packages/components/src/navigable-container/menu.tsx#menu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/hooks/use-controlled-value.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>useControlledValue});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useControlledValue({defaultValue,onChange,value:valueProp}){const hasValue=void 0!==valueProp,initialValue=hasValue?valueProp:defaultValue,[state,setState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);let setValue;return setValue=hasValue&&"function"==typeof onChange?onChange:hasValue||"function"!=typeof onChange?setState:nextValue=>{onChange(nextValue),setState(nextValue)},[hasValue?valueProp:state,setValue]}}}]); \ No newline at end of file diff --git a/tools-panel-stories-index-story.a9fbeca2.iframe.bundle.js b/tools-panel-stories-index-story.a9fbeca2.iframe.bundle.js new file mode 100644 index 00000000000000..1b06a6e7633dc8 --- /dev/null +++ b/tools-panel-stories-index-story.a9fbeca2.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[9974],{"./packages/components/src/tools-panel/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithConditionalDefaultControl:()=>WithConditionalDefaultControl,WithConditionallyRenderedControl:()=>WithConditionallyRenderedControl,WithNonToolsPanelItems:()=>WithNonToolsPanelItems,WithOptionalItemsPlusIcon:()=>WithOptionalItemsPlusIcon,WithSlotFillItems:()=>WithSlotFillItems,default:()=>index_story});var emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),component=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control/component.tsx"),toggle_group_control_option_component=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx"),build_module=__webpack_require__("./packages/a11y/build-module/index.js"),check=__webpack_require__("./packages/icons/build-module/library/check.js"),plus=__webpack_require__("./packages/icons/build-module/library/plus.js"),more_vertical=__webpack_require__("./packages/icons/build-module/library/more-vertical.js"),i18n_build_module=__webpack_require__("./packages/i18n/build-module/index.js"),dropdown_menu=__webpack_require__("./packages/components/src/dropdown-menu/index.tsx"),menu_group=__webpack_require__("./packages/components/src/menu-group/index.tsx"),menu_item=__webpack_require__("./packages/components/src/menu-item/index.tsx"),h_stack_component=__webpack_require__("./packages/components/src/h-stack/component.tsx"),heading_component=__webpack_require__("./packages/components/src/heading/component.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),base_control_styles=__webpack_require__("./packages/components/src/base-control/styles/base-control-styles.ts"),input_control_styles=__webpack_require__("./packages/components/src/input-control/styles/input-control-styles.tsx"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js"),rtl=__webpack_require__("./packages/components/src/utils/rtl.js"),space=__webpack_require__("./packages/components/src/utils/space.ts");const toolsPanelGrid={columns:columns=>(0,emotion_react_browser_esm.AH)("grid-template-columns:",`repeat( ${columns}, minmax(0, 1fr) )`,";",""),spacing:(0,emotion_react_browser_esm.AH)("column-gap:",(0,space.x)(4),";row-gap:",(0,space.x)(4),";",""),item:{fullWidth:{name:"18iuzk9",styles:"grid-column:1/-1"}}},ToolsPanelHiddenInnerWrapper={name:"huufmu",styles:">div:not( :first-of-type ){display:none;}"},ToolsPanelHeader=(0,emotion_react_browser_esm.AH)(toolsPanelGrid.item.fullWidth," gap:",(0,space.x)(2),";.components-dropdown-menu{margin:",(0,space.x)(-1)," 0;line-height:0;}&&&& .components-dropdown-menu__toggle{padding:0;min-width:",(0,space.x)(6),";}",""),ToolsPanelHeading={name:"1pmxm02",styles:"font-size:inherit;font-weight:500;line-height:normal;&&{margin:0;}"},ToolsPanelItem=(0,emotion_react_browser_esm.AH)(toolsPanelGrid.item.fullWidth,"&>div,&>fieldset{padding-bottom:0;margin-bottom:0;max-width:100%;}&& ",base_control_styles.mO,"{margin-bottom:0;",base_control_styles.mh,":last-child{margin-bottom:0;}}",base_control_styles.te,"{margin-bottom:0;}&& ",input_control_styles.cR,"{label{line-height:1.4em;}}",""),ToolsPanelItemPlaceholder={name:"eivff4",styles:"display:none"},DropdownMenu={name:"16gsvie",styles:"min-width:200px"},ResetLabel=(0,emotion_styled_base_browser_esm.A)("span",{target:"ews648u0"})("color:",colors_values.l.theme.accentDarker10,";font-size:11px;font-weight:500;line-height:1.4;",(0,rtl.h)({marginLeft:(0,space.x)(3)})," text-transform:uppercase;"),DefaultControlsItem=(0,emotion_react_browser_esm.AH)("color:",colors_values.l.gray[900],";&&[aria-disabled='true']{color:",colors_values.l.gray[700],";opacity:1;&:hover{color:",colors_values.l.gray[700],";}",ResetLabel,"{opacity:0.3;}}",""),noop=()=>{},ToolsPanelContext=(0,react.createContext)({menuItems:{default:{},optional:{}},hasMenuItems:!1,isResetting:!1,shouldRenderPlaceholderItems:!1,registerPanelItem:noop,deregisterPanelItem:noop,flagItemCustomization:noop,registerResetAllFilter:noop,deregisterResetAllFilter:noop,areAllOptionalControlsHidden:!0}),useToolsPanelContext=()=>(0,react.useContext)(ToolsPanelContext);var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const DefaultControlsGroup=({itemClassName,items,toggleItem})=>{if(!items.length)return null;const resetSuffix=(0,jsx_runtime.jsx)(ResetLabel,{"aria-hidden":!0,children:(0,i18n_build_module.__)("Reset")});return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:items.map((([label,hasValue])=>hasValue?(0,jsx_runtime.jsx)(menu_item.A,{className:itemClassName,role:"menuitem",label:(0,i18n_build_module.nv)((0,i18n_build_module.__)("Reset %s"),label),onClick:()=>{toggleItem(label),(0,build_module.L)((0,i18n_build_module.nv)((0,i18n_build_module.__)("%s reset to default"),label),"assertive")},suffix:resetSuffix,children:label},label):(0,jsx_runtime.jsx)(menu_item.A,{icon:check.A,className:itemClassName,role:"menuitemcheckbox",isSelected:!0,"aria-disabled":!0,children:label},label)))})},OptionalControlsGroup=({items,toggleItem})=>items.length?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:items.map((([label,isSelected])=>{const itemLabel=isSelected?(0,i18n_build_module.nv)((0,i18n_build_module.__)("Hide and reset %s"),label):(0,i18n_build_module.nv)((0,i18n_build_module._x)("Show %s","input control"),label);return(0,jsx_runtime.jsx)(menu_item.A,{icon:isSelected?check.A:null,isSelected,label:itemLabel,onClick:()=>{isSelected?(0,build_module.L)((0,i18n_build_module.nv)((0,i18n_build_module.__)("%s hidden and reset to default"),label),"assertive"):(0,build_module.L)((0,i18n_build_module.nv)((0,i18n_build_module.__)("%s is now visible"),label),"assertive"),toggleItem(label)},role:"menuitemcheckbox",children:label},label)}))}):null,tools_panel_header_component=(0,context_connect.KZ)(((props,forwardedRef)=>{const{areAllOptionalControlsHidden,defaultControlsItemClassName,dropdownMenuClassName,hasMenuItems,headingClassName,headingLevel=2,label:labelText,menuItems,resetAll,toggleItem,dropdownMenuProps,...headerProps}=function useToolsPanelHeader(props){const{className,headingLevel=2,...otherProps}=(0,use_context_system.A)(props,"ToolsPanelHeader"),cx=(0,use_cx.l)(),classes=(0,react.useMemo)((()=>cx(ToolsPanelHeader,className)),[className,cx]),dropdownMenuClassName=(0,react.useMemo)((()=>cx(DropdownMenu)),[cx]),headingClassName=(0,react.useMemo)((()=>cx(ToolsPanelHeading)),[cx]),defaultControlsItemClassName=(0,react.useMemo)((()=>cx(DefaultControlsItem)),[cx]),{menuItems,hasMenuItems,areAllOptionalControlsHidden}=useToolsPanelContext();return{...otherProps,areAllOptionalControlsHidden,defaultControlsItemClassName,dropdownMenuClassName,hasMenuItems,headingClassName,headingLevel,menuItems,className:classes}}(props);if(!labelText)return null;const defaultItems=Object.entries(menuItems?.default||{}),optionalItems=Object.entries(menuItems?.optional||{}),dropDownMenuIcon=areAllOptionalControlsHidden?plus.A:more_vertical.A,dropDownMenuLabelText=(0,i18n_build_module.nv)((0,i18n_build_module._x)("%s options","Button label to reveal tool panel options"),labelText),dropdownMenuDescriptionText=areAllOptionalControlsHidden?(0,i18n_build_module.__)("All options are currently hidden"):void 0,canResetAll=[...defaultItems,...optionalItems].some((([,isSelected])=>isSelected));return(0,jsx_runtime.jsxs)(h_stack_component.A,{...headerProps,ref:forwardedRef,children:[(0,jsx_runtime.jsx)(heading_component.A,{level:headingLevel,className:headingClassName,children:labelText}),hasMenuItems&&(0,jsx_runtime.jsx)(dropdown_menu.A,{...dropdownMenuProps,icon:dropDownMenuIcon,label:dropDownMenuLabelText,menuProps:{className:dropdownMenuClassName},toggleProps:{size:"small",description:dropdownMenuDescriptionText},children:()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(menu_group.A,{label:labelText,children:[(0,jsx_runtime.jsx)(DefaultControlsGroup,{items:defaultItems,toggleItem,itemClassName:defaultControlsItemClassName}),(0,jsx_runtime.jsx)(OptionalControlsGroup,{items:optionalItems,toggleItem})]}),(0,jsx_runtime.jsx)(menu_group.A,{children:(0,jsx_runtime.jsx)(menu_item.A,{"aria-disabled":!canResetAll,variant:"tertiary",onClick:()=>{canResetAll&&(resetAll(),(0,build_module.L)((0,i18n_build_module.__)("All options reset"),"assertive"))},children:(0,i18n_build_module.__)("Reset all")})})]})})]})}),"ToolsPanelHeader");function emptyState(){return{panelItems:[],menuItemOrder:[],menuItems:{default:{},optional:{}}}}const generateMenuItems=({panelItems,shouldReset,currentMenuItems,menuItemOrder})=>{const newMenuItems={default:{},optional:{}},menuItems={default:{},optional:{}};return panelItems.forEach((({hasValue,isShownByDefault,label})=>{const group=isShownByDefault?"default":"optional",existingItemValue=currentMenuItems?.[group]?.[label],value=existingItemValue||hasValue();newMenuItems[group][label]=!shouldReset&&value})),menuItemOrder.forEach((key=>{newMenuItems.default.hasOwnProperty(key)&&(menuItems.default[key]=newMenuItems.default[key]),newMenuItems.optional.hasOwnProperty(key)&&(menuItems.optional[key]=newMenuItems.optional[key])})),Object.keys(newMenuItems.default).forEach((key=>{menuItems.default.hasOwnProperty(key)||(menuItems.default[key]=newMenuItems.default[key])})),Object.keys(newMenuItems.optional).forEach((key=>{menuItems.optional.hasOwnProperty(key)||(menuItems.optional[key]=newMenuItems.optional[key])})),menuItems};function panelReducer(state,action){const panelItems=function panelItemsReducer(panelItems,action){switch(action.type){case"REGISTER_PANEL":{const newItems=[...panelItems],existingIndex=newItems.findIndex((oldItem=>oldItem.label===action.item.label));return-1!==existingIndex&&newItems.splice(existingIndex,1),newItems.push(action.item),newItems}case"UNREGISTER_PANEL":{const index=panelItems.findIndex((item=>item.label===action.label));if(-1!==index){const newItems=[...panelItems];return newItems.splice(index,1),newItems}return panelItems}default:return panelItems}}(state.panelItems,action),menuItemOrder=function menuItemOrderReducer(menuItemOrder,action){return"REGISTER_PANEL"===action.type?menuItemOrder.includes(action.item.label)?menuItemOrder:[...menuItemOrder,action.item.label]:menuItemOrder}(state.menuItemOrder,action),menuItems=function menuItemsReducer(state,action){switch(action.type){case"REGISTER_PANEL":case"UNREGISTER_PANEL":return generateMenuItems({currentMenuItems:state.menuItems,panelItems:state.panelItems,menuItemOrder:state.menuItemOrder,shouldReset:!1});case"RESET_ALL":return generateMenuItems({panelItems:state.panelItems,menuItemOrder:state.menuItemOrder,shouldReset:!0});case"UPDATE_VALUE":{const oldValue=state.menuItems[action.group][action.label];return action.value===oldValue?state.menuItems:{...state.menuItems,[action.group]:{...state.menuItems[action.group],[action.label]:action.value}}}case"TOGGLE_VALUE":{const currentItem=state.panelItems.find((item=>item.label===action.label));if(!currentItem)return state.menuItems;const menuGroup=currentItem.isShownByDefault?"default":"optional";return{...state.menuItems,[menuGroup]:{...state.menuItems[menuGroup],[action.label]:!state.menuItems[menuGroup][action.label]}}}default:return state.menuItems}}({panelItems,menuItemOrder,menuItems:state.menuItems},action);return{panelItems,menuItemOrder,menuItems}}function resetAllFiltersReducer(filters,action){switch(action.type){case"REGISTER":return[...filters,action.filter];case"UNREGISTER":return filters.filter((f=>f!==action.filter));default:return filters}}const isMenuItemTypeEmpty=obj=>0===Object.keys(obj).length;function useToolsPanel(props){const{className,headingLevel=2,resetAll,panelId,hasInnerWrapper=!1,shouldRenderPlaceholderItems=!1,__experimentalFirstVisibleItemClass,__experimentalLastVisibleItemClass,...otherProps}=(0,use_context_system.A)(props,"ToolsPanel"),isResettingRef=(0,react.useRef)(!1),wasResetting=isResettingRef.current;(0,react.useEffect)((()=>{wasResetting&&(isResettingRef.current=!1)}),[wasResetting]);const[{panelItems,menuItems},panelDispatch]=(0,react.useReducer)(panelReducer,void 0,emptyState),[resetAllFilters,dispatchResetAllFilters]=(0,react.useReducer)(resetAllFiltersReducer,[]),registerPanelItem=(0,react.useCallback)((item=>{panelDispatch({type:"REGISTER_PANEL",item})}),[]),deregisterPanelItem=(0,react.useCallback)((label=>{panelDispatch({type:"UNREGISTER_PANEL",label})}),[]),registerResetAllFilter=(0,react.useCallback)((filter=>{dispatchResetAllFilters({type:"REGISTER",filter})}),[]),deregisterResetAllFilter=(0,react.useCallback)((filter=>{dispatchResetAllFilters({type:"UNREGISTER",filter})}),[]),flagItemCustomization=(0,react.useCallback)(((value,label,group="default")=>{panelDispatch({type:"UPDATE_VALUE",group,label,value})}),[]),areAllOptionalControlsHidden=(0,react.useMemo)((()=>isMenuItemTypeEmpty(menuItems.default)&&!isMenuItemTypeEmpty(menuItems.optional)&&Object.values(menuItems.optional).every((isSelected=>!isSelected))),[menuItems]),cx=(0,use_cx.l)(),classes=(0,react.useMemo)((()=>{const wrapperStyle=hasInnerWrapper&&(columns=2,(0,emotion_react_browser_esm.AH)(">div:not( :first-of-type ){display:grid;",toolsPanelGrid.columns(columns)," ",toolsPanelGrid.spacing," ",toolsPanelGrid.item.fullWidth,";}",""));var columns;const emptyStyle=areAllOptionalControlsHidden&&ToolsPanelHiddenInnerWrapper;return cx((columns=>(0,emotion_react_browser_esm.AH)(toolsPanelGrid.columns(columns)," ",toolsPanelGrid.spacing," border-top:",config_values.A.borderWidth," solid ",colors_values.l.gray[300],";margin-top:-1px;padding:",(0,space.x)(4),";",""))(2),wrapperStyle,emptyStyle,className)}),[areAllOptionalControlsHidden,className,cx,hasInnerWrapper]),toggleItem=(0,react.useCallback)((label=>{panelDispatch({type:"TOGGLE_VALUE",label})}),[]),resetAllItems=(0,react.useCallback)((()=>{"function"==typeof resetAll&&(isResettingRef.current=!0,resetAll(resetAllFilters)),panelDispatch({type:"RESET_ALL"})}),[resetAllFilters,resetAll]),getFirstVisibleItemLabel=items=>{const optionalItems=menuItems.optional||{},firstItem=items.find((item=>item.isShownByDefault||optionalItems[item.label]));return firstItem?.label},firstDisplayedItem=getFirstVisibleItemLabel(panelItems),lastDisplayedItem=getFirstVisibleItemLabel([...panelItems].reverse()),hasMenuItems=panelItems.length>0;return{...otherProps,headingLevel,panelContext:(0,react.useMemo)((()=>({areAllOptionalControlsHidden,deregisterPanelItem,deregisterResetAllFilter,firstDisplayedItem,flagItemCustomization,hasMenuItems,isResetting:isResettingRef.current,lastDisplayedItem,menuItems,panelId,registerPanelItem,registerResetAllFilter,shouldRenderPlaceholderItems,__experimentalFirstVisibleItemClass,__experimentalLastVisibleItemClass})),[areAllOptionalControlsHidden,deregisterPanelItem,deregisterResetAllFilter,firstDisplayedItem,flagItemCustomization,lastDisplayedItem,menuItems,panelId,hasMenuItems,registerResetAllFilter,registerPanelItem,shouldRenderPlaceholderItems,__experimentalFirstVisibleItemClass,__experimentalLastVisibleItemClass]),resetAllItems,toggleItem,className:classes}}var grid_component=__webpack_require__("./packages/components/src/grid/component.tsx");const component_ToolsPanel=(0,context_connect.KZ)(((props,forwardedRef)=>{const{children,label,panelContext,resetAllItems,toggleItem,headingLevel,dropdownMenuProps,...toolsPanelProps}=useToolsPanel(props);return(0,jsx_runtime.jsx)(grid_component.A,{...toolsPanelProps,columns:2,ref:forwardedRef,children:(0,jsx_runtime.jsxs)(ToolsPanelContext.Provider,{value:panelContext,children:[(0,jsx_runtime.jsx)(tools_panel_header_component,{label,resetAll:resetAllItems,toggleItem,headingLevel,dropdownMenuProps}),children]})})}),"ToolsPanel"),tools_panel_component=component_ToolsPanel;try{component_ToolsPanel.displayName="ToolsPanel",component_ToolsPanel.__docgenInfo={description:"The `ToolsPanel` is a container component that displays its children preceded\nby a header. The header includes a dropdown menu which is automatically\ngenerated from the panel's inner `ToolsPanelItems`.\n\n```jsx\nimport { __ } from '@wordpress/i18n';\nimport {\n __experimentalToolsPanel as ToolsPanel,\n __experimentalToolsPanelItem as ToolsPanelItem,\n __experimentalUnitControl as UnitControl\n} from '@wordpress/components';\n\nfunction Example() {\n const [ height, setHeight ] = useState();\n const [ width, setWidth ] = useState();\n\n const resetAll = () => {\n setHeight();\n setWidth();\n }\n\n return (\n <ToolsPanel label={ __( 'Dimensions' ) } resetAll={ resetAll }>\n <ToolsPanelItem\n hasValue={ () => !! height }\n label={ __( 'Height' ) }\n onDeselect={ () => setHeight() }\n >\n <UnitControl\n __next40pxDefaultSize\n label={ __( 'Height' ) }\n onChange={ setHeight }\n value={ height }\n />\n </ToolsPanelItem>\n <ToolsPanelItem\n hasValue={ () => !! width }\n label={ __( 'Width' ) }\n onDeselect={ () => setWidth() }\n >\n <UnitControl\n __next40pxDefaultSize\n label={ __( 'Width' ) }\n onChange={ setWidth }\n value={ width }\n />\n </ToolsPanelItem>\n </ToolsPanel>\n );\n}\n```",displayName:"ToolsPanel",props:{children:{defaultValue:null,description:"The child elements.",name:"children",required:!0,type:{name:"ReactNode"}},dropdownMenuProps:{defaultValue:null,description:"The dropdown menu props to configure the panel's `DropdownMenu`.",name:"dropdownMenuProps",required:!1,type:{name:"WordPressComponentProps<DropdownMenuProps, ElementType<any, keyof IntrinsicElements>, boolean>"}},hasInnerWrapper:{defaultValue:{value:"false"},description:"Flags that the items in this ToolsPanel will be contained within an inner\nwrapper element allowing the panel to lay them out accordingly.",name:"hasInnerWrapper",required:!1,type:{name:"boolean"}},headingLevel:{defaultValue:{value:"2"},description:"The heading level of the panel's header.",name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:'"1"'},{value:"3"},{value:"4"},{value:"5"},{value:"6"},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:'"5"'},{value:'"6"'}]}},label:{defaultValue:null,description:"Text to be displayed within the panel's header and as the `aria-label`\nfor the panel's dropdown menu.",name:"label",required:!0,type:{name:"string"}},panelId:{defaultValue:null,description:"If a `panelId` is set, it is passed through the `ToolsPanelContext` and\nused to restrict panel items. When a `panelId` is set, items can only\nregister themselves if the `panelId` is explicitly `null` or the item's\n`panelId` matches exactly.",name:"panelId",required:!1,type:{name:"string"}},resetAll:{defaultValue:null,description:"A function to call when the `Reset all` menu option is selected. As an\nargument, it receives an array containing the `resetAllFilter` callbacks\nof all the valid registered `ToolsPanelItems`.",name:"resetAll",required:!0,type:{name:"ResetAll"}},shouldRenderPlaceholderItems:{defaultValue:{value:"false"},description:"Advises the `ToolsPanel` that its child `ToolsPanelItem`s should render\nplaceholder content instead of null when they are toggled off and hidden.\nNote that placeholder items won't apply the `className` that would be\nnormally applied to a visible `ToolsPanelItem` via the `className` prop.",name:"shouldRenderPlaceholderItems",required:!1,type:{name:"boolean"}},__experimentalFirstVisibleItemClass:{defaultValue:null,description:"Experimental prop allowing for a custom CSS class to be applied to the\nfirst visible `ToolsPanelItem` within the `ToolsPanel`.",name:"__experimentalFirstVisibleItemClass",required:!1,type:{name:"string"}},__experimentalLastVisibleItemClass:{defaultValue:null,description:"Experimental prop allowing for a custom CSS class to be applied to the\nlast visible `ToolsPanelItem` within the `ToolsPanel`.",name:"__experimentalLastVisibleItemClass",required:!1,type:{name:"string"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tools-panel/tools-panel/component.tsx#ToolsPanel"]={docgenInfo:component_ToolsPanel.__docgenInfo,name:"ToolsPanel",path:"packages/components/src/tools-panel/tools-panel/component.tsx#ToolsPanel"})}catch(__react_docgen_typescript_loader_error){}var use_previous=__webpack_require__("./packages/compose/build-module/hooks/use-previous/index.js");const hook_noop=()=>{};var view_component=__webpack_require__("./packages/components/src/view/component.tsx");const component_ToolsPanelItem=(0,context_connect.KZ)(((props,forwardedRef)=>{const{children,isShown,shouldRenderPlaceholder,...toolsPanelItemProps}=function useToolsPanelItem(props){const{className,hasValue,isShownByDefault=!1,label,panelId,resetAllFilter=hook_noop,onDeselect,onSelect,...otherProps}=(0,use_context_system.A)(props,"ToolsPanelItem"),{panelId:currentPanelId,menuItems,registerResetAllFilter,deregisterResetAllFilter,registerPanelItem,deregisterPanelItem,flagItemCustomization,isResetting,shouldRenderPlaceholderItems:shouldRenderPlaceholder,firstDisplayedItem,lastDisplayedItem,__experimentalFirstVisibleItemClass,__experimentalLastVisibleItemClass}=useToolsPanelContext(),hasValueCallback=(0,react.useCallback)(hasValue,[panelId]),resetAllFilterCallback=(0,react.useCallback)(resetAllFilter,[panelId]),previousPanelId=(0,use_previous.A)(currentPanelId),hasMatchingPanel=currentPanelId===panelId||null===currentPanelId;(0,react.useLayoutEffect)((()=>(hasMatchingPanel&&null!==previousPanelId&®isterPanelItem({hasValue:hasValueCallback,isShownByDefault,label,panelId}),()=>{(null===previousPanelId&¤tPanelId||currentPanelId===panelId)&&deregisterPanelItem(label)})),[currentPanelId,hasMatchingPanel,isShownByDefault,label,hasValueCallback,panelId,previousPanelId,registerPanelItem,deregisterPanelItem]),(0,react.useEffect)((()=>(hasMatchingPanel&®isterResetAllFilter(resetAllFilterCallback),()=>{hasMatchingPanel&&deregisterResetAllFilter(resetAllFilterCallback)})),[registerResetAllFilter,deregisterResetAllFilter,resetAllFilterCallback,hasMatchingPanel]);const menuGroup=isShownByDefault?"default":"optional",isMenuItemChecked=menuItems?.[menuGroup]?.[label],wasMenuItemChecked=(0,use_previous.A)(isMenuItemChecked),isRegistered=void 0!==menuItems?.[menuGroup]?.[label],isValueSet=hasValue();(0,react.useEffect)((()=>{(isShownByDefault||isValueSet)&&flagItemCustomization(isValueSet,label,menuGroup)}),[isValueSet,menuGroup,label,flagItemCustomization,isShownByDefault]),(0,react.useEffect)((()=>{isRegistered&&!isResetting&&hasMatchingPanel&&(!isMenuItemChecked||isValueSet||wasMenuItemChecked||onSelect?.(),!isMenuItemChecked&&isValueSet&&wasMenuItemChecked&&onDeselect?.())}),[hasMatchingPanel,isMenuItemChecked,isRegistered,isResetting,isValueSet,wasMenuItemChecked,onSelect,onDeselect]);const isShown=isShownByDefault?void 0!==menuItems?.[menuGroup]?.[label]:isMenuItemChecked,cx=(0,use_cx.l)(),classes=(0,react.useMemo)((()=>{const shouldApplyPlaceholderStyles=shouldRenderPlaceholder&&!isShown;return cx(ToolsPanelItem,shouldApplyPlaceholderStyles&&ToolsPanelItemPlaceholder,!shouldApplyPlaceholderStyles&&className,firstDisplayedItem===label&&__experimentalFirstVisibleItemClass,lastDisplayedItem===label&&__experimentalLastVisibleItemClass)}),[isShown,shouldRenderPlaceholder,className,cx,firstDisplayedItem,lastDisplayedItem,__experimentalFirstVisibleItemClass,__experimentalLastVisibleItemClass,label]);return{...otherProps,isShown,shouldRenderPlaceholder,className:classes}}(props);return isShown?(0,jsx_runtime.jsx)(view_component.A,{...toolsPanelItemProps,ref:forwardedRef,children}):shouldRenderPlaceholder?(0,jsx_runtime.jsx)(view_component.A,{...toolsPanelItemProps,ref:forwardedRef}):null}),"ToolsPanelItem"),tools_panel_item_component=component_ToolsPanelItem;try{component_ToolsPanelItem.displayName="ToolsPanelItem",component_ToolsPanelItem.__docgenInfo={description:"",displayName:"ToolsPanelItem",props:{hasValue:{defaultValue:null,description:"This is called when building the `ToolsPanel` menu to determine the\nitem's initial checked state.",name:"hasValue",required:!0,type:{name:"() => boolean"}},isShownByDefault:{defaultValue:{value:"false"},description:"This prop identifies the current item as being displayed by default. This\nmeans it will show regardless of whether it has a value set or is toggled\non in the panel's menu.",name:"isShownByDefault",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The supplied label is dual purpose. It is used as:\n1. the human-readable label for the panel's dropdown menu\n2. a key to locate the corresponding item in the panel's menu context to\ndetermine if the panel item should be displayed.\nA panel item's `label` should be unique among all items within a single\npanel.",name:"label",required:!0,type:{name:"string"}},panelId:{defaultValue:null,description:"Panel items will ensure they are only registering with their intended panel\nby comparing the `panelId` props set on both the item and the panel itself,\nor if the `panelId` is explicitly `null`. This allows items to be injected\nfrom a shared source.",name:"panelId",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The child elements.",name:"children",required:!1,type:{name:"ReactNode"}},onDeselect:{defaultValue:null,description:"Called when this item is deselected in the `ToolsPanel` menu. This is\nnormally used to reset the panel item control's value.",name:"onDeselect",required:!1,type:{name:"() => void"}},onSelect:{defaultValue:null,description:"A callback to take action when this item is selected in the `ToolsPanel`\nmenu.",name:"onSelect",required:!1,type:{name:"() => void"}},resetAllFilter:{defaultValue:{value:"noop"},description:"A `ToolsPanel` will collect each item's `resetAllFilter` and pass an\narray of these functions through to the panel's `resetAll` callback. They\ncan then be iterated over to perform additional tasks.",name:"resetAllFilter",required:!1,type:{name:"ResetAllFilter"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tools-panel/tools-panel-item/component.tsx#ToolsPanelItem"]={docgenInfo:component_ToolsPanelItem.__docgenInfo,name:"ToolsPanelItem",path:"packages/components/src/tools-panel/tools-panel-item/component.tsx#ToolsPanelItem"})}catch(__react_docgen_typescript_loader_error){}var panel=__webpack_require__("./packages/components/src/panel/index.tsx"),unit_control=__webpack_require__("./packages/components/src/unit-control/index.tsx"),slot_fill=__webpack_require__("./packages/components/src/slot-fill/index.tsx");const index_story={title:"Components (Experimental)/ToolsPanel",component:tools_panel_component,subcomponents:{ToolsPanelItem:tools_panel_item_component},argTypes:{as:{control:!1},children:{control:!1},panelId:{control:!1},resetAll:{action:"resetAll"}},parameters:{sourceLink:"packages/components/src/tools-panel",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=({resetAll:resetAllProp,...props})=>{const[height,setHeight]=(0,react.useState)(),[minHeight,setMinHeight]=(0,react.useState)(),[width,setWidth]=(0,react.useState)(),[scale,setScale]=(0,react.useState)();return(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsxs)(tools_panel_component,{...props,resetAll:filters=>{setHeight(void 0),setWidth(void 0),setMinHeight(void 0),setScale(void 0),resetAllProp(filters)},children:[(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!width,label:"Width",onDeselect:()=>setWidth(void 0),isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Width",value:width,onChange:next=>setWidth(next)})}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Height",onDeselect:()=>setHeight(void 0),isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Height",value:height,onChange:next=>setHeight(next)})}),(0,jsx_runtime.jsx)(tools_panel_item_component,{hasValue:()=>!!minHeight,label:"Minimum height",onDeselect:()=>setMinHeight(void 0),isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Minimum height",value:minHeight,onChange:next=>setMinHeight(next)})}),(0,jsx_runtime.jsx)(tools_panel_item_component,{hasValue:()=>!!scale,label:"Scale",onDeselect:()=>setScale(void 0),children:(0,jsx_runtime.jsxs)(component.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Scale",value:scale,onChange:next=>setScale(next),isBlock:!0,children:[(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"cover",label:"Cover"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"contain",label:"Contain"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"fill",label:"Fill"})]})})]})})})};Default.args={label:"Tools Panel (default example)"};const WithNonToolsPanelItems=({resetAll:resetAllProp,...props})=>{const[height,setHeight]=(0,react.useState)(),[width,setWidth]=(0,react.useState)();return(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsxs)(tools_panel_component,{...props,resetAll:filters=>{setHeight(void 0),setWidth(void 0),resetAllProp(filters)},children:[(0,jsx_runtime.jsx)(IntroText,{children:"This text illustrates not all items must be wrapped in a ToolsPanelItem and represented in the panel menu."}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!width,label:"Width",onDeselect:()=>setWidth(void 0),isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Width",value:width,onChange:next=>setWidth(next)})}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Height",onDeselect:()=>setHeight(void 0),isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Height",value:height,onChange:next=>setHeight(next)})})]})})})};WithNonToolsPanelItems.args={...Default.args,label:"ToolsPanel (with non-menu items)"};const WithOptionalItemsPlusIcon=({resetAll:resetAllProp,...props})=>{const[isFirstToolsPanelItemShownByDefault,setIsFirstToolsPanelItemShownByDefault]=(0,react.useState)(!1),[height,setHeight]=(0,react.useState)(),[width,setWidth]=(0,react.useState)(),[minWidth,setMinWidth]=(0,react.useState)();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,react.createElement)(tools_panel_component,{...props,resetAll:filters=>{setHeight(void 0),setWidth(void 0),setMinWidth(void 0),resetAllProp(filters)},key:isFirstToolsPanelItemShownByDefault?"true":"false"},(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!minWidth,label:"Minimum width",onDeselect:()=>setMinWidth(void 0),isShownByDefault:isFirstToolsPanelItemShownByDefault,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Minimum width",value:minWidth,onChange:next=>setMinWidth(next)})}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!width,label:"Width",onDeselect:()=>setWidth(void 0),isShownByDefault:!1,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Width",value:width,onChange:next=>setWidth(next)})}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Height",onDeselect:()=>setHeight(void 0),isShownByDefault:!1,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Height",value:height,onChange:next=>setHeight(next)})}))})}),(0,jsx_runtime.jsx)("button",{onClick:()=>setIsFirstToolsPanelItemShownByDefault(!isFirstToolsPanelItemShownByDefault),"aria-pressed":isFirstToolsPanelItemShownByDefault?"true":"false",style:{marginTop:"2rem"},children:isFirstToolsPanelItemShownByDefault?"Make first PanelItem hidden by default":"Make first PanelItem shown by default"})]})};WithOptionalItemsPlusIcon.args={...Default.args,label:"Tools Panel (optional items only)"};const{Fill:ToolsPanelItems,Slot}=(0,slot_fill.QJ)("ToolsPanelSlot"),WithSlotFillItems=({resetAll:resetAllProp,panelId,...props})=>{const[attributes,setAttributes]=(0,react.useState)({}),{width,height}=attributes,updateAttribute=(name,value)=>{setAttributes({...attributes,[name]:value})};return(0,jsx_runtime.jsxs)(slot_fill.Kq,{children:[(0,jsx_runtime.jsxs)(ToolsPanelItems,{children:[(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!width,label:"Injected Width",onDeselect:()=>updateAttribute("width",void 0),resetAllFilter:()=>({width:void 0}),panelId,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Injected Width",value:width,onChange:next=>updateAttribute("width",next)})}),(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Injected Height",onDeselect:()=>updateAttribute("height",void 0),resetAllFilter:()=>({height:void 0}),panelId,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Injected Height",value:height,onChange:next=>updateAttribute("height",next)})}),(0,jsx_runtime.jsx)(tools_panel_item_component,{hasValue:()=>!0,label:"Item for alternate panel",onDeselect:()=>{},resetAllFilter:()=>{},panelId:"intended-for-another-panel-via-shared-slot",children:(0,jsx_runtime.jsx)("p",{children:"This panel item will not be displayed in the demo as its panelId does not match the panel being rendered."})})]}),(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsx)(tools_panel_component,{...props,resetAll:(resetFilters=[])=>{let newAttributes={};resetFilters.forEach((resetFilter=>{newAttributes={...newAttributes,...resetFilter(newAttributes)}})),setAttributes(newAttributes),resetAllProp(resetFilters)},panelId,children:(0,jsx_runtime.jsx)(Slot,{})})})})]})};WithSlotFillItems.args={...Default.args,label:"Tools Panel With SlotFill Items",panelId:"unique-tools-panel-id"};const WithConditionalDefaultControl=({resetAll:resetAllProp,panelId,...props})=>{const[attributes,setAttributes]=(0,react.useState)({}),{height,scale}=attributes,updateAttribute=(name,value)=>{setAttributes({...attributes,[name]:value})};return(0,jsx_runtime.jsxs)(slot_fill.Kq,{children:[(0,jsx_runtime.jsxs)(ToolsPanelItems,{children:[(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Injected Height",onDeselect:()=>updateAttribute("height",void 0),resetAllFilter:()=>({height:void 0}),panelId,isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Injected Height",value:height,onChange:next=>updateAttribute("height",next)})}),(0,jsx_runtime.jsx)(tools_panel_item_component,{hasValue:()=>!!scale,label:"Scale",onDeselect:()=>updateAttribute("scale",void 0),resetAllFilter:()=>({scale:void 0}),panelId,isShownByDefault:!!height,children:(0,jsx_runtime.jsxs)(component.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Scale",value:scale,onChange:next=>updateAttribute("scale",next),isBlock:!0,children:[(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"cover",label:"Cover"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"contain",label:"Contain"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"fill",label:"Fill"})]})})]}),(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsx)(tools_panel_component,{...props,resetAll:(resetFilters=[])=>{let newAttributes={};resetFilters.forEach((resetFilter=>{newAttributes={...newAttributes,...resetFilter(newAttributes)}})),setAttributes(newAttributes),resetAllProp(resetFilters)},panelId,children:(0,jsx_runtime.jsx)(Slot,{})})})})]})};WithConditionalDefaultControl.args={...Default.args,label:"Tools Panel With Conditional Default via SlotFill",panelId:"unique-tools-panel-id"};const WithConditionallyRenderedControl=({resetAll:resetAllProp,panelId,...props})=>{const[attributes,setAttributes]=(0,react.useState)({}),{height,scale}=attributes,updateAttribute=(name,value)=>{setAttributes({...attributes,[name]:value})};return(0,jsx_runtime.jsxs)(slot_fill.Kq,{children:[(0,jsx_runtime.jsxs)(ToolsPanelItems,{children:[(0,jsx_runtime.jsx)(SingleColumnItem,{hasValue:()=>!!height,label:"Injected Height",onDeselect:()=>{updateAttribute("scale",void 0),updateAttribute("height",void 0)},resetAllFilter:()=>({height:void 0}),panelId,isShownByDefault:!0,children:(0,jsx_runtime.jsx)(unit_control.Ay,{__next40pxDefaultSize:!0,label:"Injected Height",value:height,onChange:next=>updateAttribute("height",next)})}),!!height&&(0,jsx_runtime.jsx)(tools_panel_item_component,{hasValue:()=>!!scale,label:"Scale",onDeselect:()=>updateAttribute("scale",void 0),resetAllFilter:()=>({scale:void 0}),panelId,isShownByDefault:!0,children:(0,jsx_runtime.jsxs)(component.A,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Scale",value:scale,onChange:next=>updateAttribute("scale",next),isBlock:!0,children:[(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"cover",label:"Cover"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"contain",label:"Contain"}),(0,jsx_runtime.jsx)(toggle_group_control_option_component.A,{value:"fill",label:"Fill"})]})})]}),(0,jsx_runtime.jsx)(PanelWrapperView,{children:(0,jsx_runtime.jsx)(panel.A,{children:(0,jsx_runtime.jsx)(tools_panel_component,{...props,resetAll:(resetFilters=[])=>{let newAttributes={};resetFilters.forEach((resetFilter=>{newAttributes={...newAttributes,...resetFilter(newAttributes)}})),setAttributes(newAttributes),resetAllProp(resetFilters)},panelId,children:(0,jsx_runtime.jsx)(Slot,{})})})})]})};WithConditionallyRenderedControl.args={...Default.args,label:"Tools Panel With Conditionally Rendered Item via SlotFill",panelId:"unique-tools-panel-id"};const PanelWrapperView=(0,emotion_styled_base_browser_esm.A)("div",{target:"ej9vgij2"})({name:"1gwq18j",styles:"font-size:13px;.components-dropdown-menu__menu{max-width:220px;}"}),SingleColumnItem=(0,emotion_styled_base_browser_esm.A)(tools_panel_item_component,{target:"ej9vgij1"})({name:"957xgf",styles:"grid-column:span 1"}),IntroText=(0,emotion_styled_base_browser_esm.A)("div",{target:"ej9vgij0"})({name:"1kmi7xh",styles:"grid-column:span 2"});Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'({\n resetAll: resetAllProp,\n ...props\n}) => {\n const [height, setHeight] = useState<string | undefined>();\n const [minHeight, setMinHeight] = useState<string | undefined>();\n const [width, setWidth] = useState<string | undefined>();\n const [scale, setScale] = useState<React.ReactText | undefined>();\n const resetAll: typeof resetAllProp = filters => {\n setHeight(undefined);\n setWidth(undefined);\n setMinHeight(undefined);\n setScale(undefined);\n resetAllProp(filters);\n };\n return <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll}>\n <SingleColumnItem hasValue={() => !!width} label="Width" onDeselect={() => setWidth(undefined)} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Width" value={width} onChange={next => setWidth(next)} />\n </SingleColumnItem>\n <SingleColumnItem hasValue={() => !!height} label="Height" onDeselect={() => setHeight(undefined)} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Height" value={height} onChange={next => setHeight(next)} />\n </SingleColumnItem>\n <ToolsPanelItem hasValue={() => !!minHeight} label="Minimum height" onDeselect={() => setMinHeight(undefined)} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Minimum height" value={minHeight} onChange={next => setMinHeight(next)} />\n </ToolsPanelItem>\n <ToolsPanelItem hasValue={() => !!scale} label="Scale" onDeselect={() => setScale(undefined)}>\n <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize label="Scale" value={scale} onChange={next => setScale(next)} isBlock>\n <ToggleGroupControlOption value="cover" label="Cover" />\n <ToggleGroupControlOption value="contain" label="Contain" />\n <ToggleGroupControlOption value="fill" label="Fill" />\n </ToggleGroupControl>\n </ToolsPanelItem>\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>;\n}',...Default.parameters?.docs?.source}}},WithNonToolsPanelItems.parameters={...WithNonToolsPanelItems.parameters,docs:{...WithNonToolsPanelItems.parameters?.docs,source:{originalSource:'({\n resetAll: resetAllProp,\n ...props\n}) => {\n const [height, setHeight] = useState<string | undefined>();\n const [width, setWidth] = useState<string | undefined>();\n const resetAll: typeof resetAllProp = filters => {\n setHeight(undefined);\n setWidth(undefined);\n resetAllProp(filters);\n };\n return <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll}>\n <IntroText>\n This text illustrates not all items must be wrapped in a\n ToolsPanelItem and represented in the panel menu.\n </IntroText>\n <SingleColumnItem hasValue={() => !!width} label="Width" onDeselect={() => setWidth(undefined)} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Width" value={width} onChange={next => setWidth(next)} />\n </SingleColumnItem>\n <SingleColumnItem hasValue={() => !!height} label="Height" onDeselect={() => setHeight(undefined)} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Height" value={height} onChange={next => setHeight(next)} />\n </SingleColumnItem>\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>;\n}',...WithNonToolsPanelItems.parameters?.docs?.source}}},WithOptionalItemsPlusIcon.parameters={...WithOptionalItemsPlusIcon.parameters,docs:{...WithOptionalItemsPlusIcon.parameters?.docs,source:{originalSource:"({\n resetAll: resetAllProp,\n ...props\n}) => {\n const [isFirstToolsPanelItemShownByDefault, setIsFirstToolsPanelItemShownByDefault] = useState(false);\n const [height, setHeight] = useState<string | undefined>();\n const [width, setWidth] = useState<string | undefined>();\n const [minWidth, setMinWidth] = useState<string | undefined>();\n const resetAll: typeof resetAllProp = filters => {\n setHeight(undefined);\n setWidth(undefined);\n setMinWidth(undefined);\n resetAllProp(filters);\n };\n return <>\n <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll}\n // `key` property here is used as a hack to force `ToolsPanel` to re-render\n // See https://github.com/WordPress/gutenberg/pull/38262/files#r793422991\n key={isFirstToolsPanelItemShownByDefault ? 'true' : 'false'}>\n <SingleColumnItem hasValue={() => !!minWidth} label=\"Minimum width\" onDeselect={() => setMinWidth(undefined)} isShownByDefault={isFirstToolsPanelItemShownByDefault}>\n <UnitControl __next40pxDefaultSize label=\"Minimum width\" value={minWidth} onChange={next => setMinWidth(next)} />\n </SingleColumnItem>\n <SingleColumnItem hasValue={() => !!width} label=\"Width\" onDeselect={() => setWidth(undefined)} isShownByDefault={false}>\n <UnitControl __next40pxDefaultSize label=\"Width\" value={width} onChange={next => setWidth(next)} />\n </SingleColumnItem>\n <SingleColumnItem hasValue={() => !!height} label=\"Height\" onDeselect={() => setHeight(undefined)} isShownByDefault={false}>\n <UnitControl __next40pxDefaultSize label=\"Height\" value={height} onChange={next => setHeight(next)} />\n </SingleColumnItem>\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>\n\n <button onClick={() => setIsFirstToolsPanelItemShownByDefault(!isFirstToolsPanelItemShownByDefault)} aria-pressed={isFirstToolsPanelItemShownByDefault ? 'true' : 'false'} style={{\n marginTop: '2rem'\n }}>\n {isFirstToolsPanelItemShownByDefault ? 'Make first PanelItem hidden by default' : 'Make first PanelItem shown by default'}\n </button>\n </>;\n}",...WithOptionalItemsPlusIcon.parameters?.docs?.source}}},WithSlotFillItems.parameters={...WithSlotFillItems.parameters,docs:{...WithSlotFillItems.parameters?.docs,source:{originalSource:'({\n resetAll: resetAllProp,\n panelId,\n ...props\n}) => {\n const [attributes, setAttributes] = useState<{\n width?: string;\n height?: string;\n }>({});\n const {\n width,\n height\n } = attributes;\n const resetAll: typeof resetAllProp = (resetFilters = []) => {\n let newAttributes: typeof attributes = {};\n resetFilters.forEach(resetFilter => {\n newAttributes = {\n ...newAttributes,\n ...resetFilter(newAttributes)\n };\n });\n setAttributes(newAttributes);\n resetAllProp(resetFilters);\n };\n const updateAttribute = (name: string, value?: any) => {\n setAttributes({\n ...attributes,\n [name]: value\n });\n };\n return <SlotFillProvider>\n <ToolsPanelItems>\n <SingleColumnItem hasValue={() => !!width} label="Injected Width" onDeselect={() => updateAttribute(\'width\', undefined)} resetAllFilter={() => ({\n width: undefined\n })} panelId={panelId}>\n <UnitControl __next40pxDefaultSize label="Injected Width" value={width} onChange={next => updateAttribute(\'width\', next)} />\n </SingleColumnItem>\n <SingleColumnItem hasValue={() => !!height} label="Injected Height" onDeselect={() => updateAttribute(\'height\', undefined)} resetAllFilter={() => ({\n height: undefined\n })} panelId={panelId}>\n <UnitControl __next40pxDefaultSize label="Injected Height" value={height} onChange={next => updateAttribute(\'height\', next)} />\n </SingleColumnItem>\n <ToolsPanelItem hasValue={() => true} label="Item for alternate panel" onDeselect={() => undefined} resetAllFilter={() => undefined} panelId="intended-for-another-panel-via-shared-slot">\n <p>\n This panel item will not be displayed in the demo as its\n panelId does not match the panel being rendered.\n </p>\n </ToolsPanelItem>\n </ToolsPanelItems>\n <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll} panelId={panelId}>\n <Slot />\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>\n </SlotFillProvider>;\n}',...WithSlotFillItems.parameters?.docs?.source}}},WithConditionalDefaultControl.parameters={...WithConditionalDefaultControl.parameters,docs:{...WithConditionalDefaultControl.parameters?.docs,source:{originalSource:'({\n resetAll: resetAllProp,\n panelId,\n ...props\n}) => {\n const [attributes, setAttributes] = useState<{\n height?: string;\n scale?: React.ReactText;\n }>({});\n const {\n height,\n scale\n } = attributes;\n const resetAll: typeof resetAllProp = (resetFilters = []) => {\n let newAttributes: typeof attributes = {};\n resetFilters.forEach(resetFilter => {\n newAttributes = {\n ...newAttributes,\n ...resetFilter(newAttributes)\n };\n });\n setAttributes(newAttributes);\n resetAllProp(resetFilters);\n };\n const updateAttribute = (name: string, value?: any) => {\n setAttributes({\n ...attributes,\n [name]: value\n });\n };\n return <SlotFillProvider>\n <ToolsPanelItems>\n <SingleColumnItem hasValue={() => !!height} label="Injected Height" onDeselect={() => updateAttribute(\'height\', undefined)} resetAllFilter={() => ({\n height: undefined\n })} panelId={panelId} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Injected Height" value={height} onChange={next => updateAttribute(\'height\', next)} />\n </SingleColumnItem>\n <ToolsPanelItem hasValue={() => !!scale} label="Scale" onDeselect={() => updateAttribute(\'scale\', undefined)} resetAllFilter={() => ({\n scale: undefined\n })} panelId={panelId} isShownByDefault={!!height}>\n <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize label="Scale" value={scale} onChange={next => updateAttribute(\'scale\', next)} isBlock>\n <ToggleGroupControlOption value="cover" label="Cover" />\n <ToggleGroupControlOption value="contain" label="Contain" />\n <ToggleGroupControlOption value="fill" label="Fill" />\n </ToggleGroupControl>\n </ToolsPanelItem>\n </ToolsPanelItems>\n <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll} panelId={panelId}>\n <Slot />\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>\n </SlotFillProvider>;\n}',...WithConditionalDefaultControl.parameters?.docs?.source}}},WithConditionallyRenderedControl.parameters={...WithConditionallyRenderedControl.parameters,docs:{...WithConditionallyRenderedControl.parameters?.docs,source:{originalSource:'({\n resetAll: resetAllProp,\n panelId,\n ...props\n}) => {\n const [attributes, setAttributes] = useState<{\n height?: string;\n scale?: React.ReactText;\n }>({});\n const {\n height,\n scale\n } = attributes;\n const resetAll: typeof resetAllProp = (resetFilters = []) => {\n let newAttributes: typeof attributes = {};\n resetFilters.forEach(resetFilter => {\n newAttributes = {\n ...newAttributes,\n ...resetFilter(newAttributes)\n };\n });\n setAttributes(newAttributes);\n resetAllProp(resetFilters);\n };\n const updateAttribute = (name: string, value?: any) => {\n setAttributes({\n ...attributes,\n [name]: value\n });\n };\n return <SlotFillProvider>\n <ToolsPanelItems>\n <SingleColumnItem hasValue={() => !!height} label="Injected Height" onDeselect={() => {\n updateAttribute(\'scale\', undefined);\n updateAttribute(\'height\', undefined);\n }} resetAllFilter={() => ({\n height: undefined\n })} panelId={panelId} isShownByDefault>\n <UnitControl __next40pxDefaultSize label="Injected Height" value={height} onChange={next => updateAttribute(\'height\', next)} />\n </SingleColumnItem>\n {!!height && <ToolsPanelItem hasValue={() => !!scale} label="Scale" onDeselect={() => updateAttribute(\'scale\', undefined)} resetAllFilter={() => ({\n scale: undefined\n })} panelId={panelId} isShownByDefault>\n <ToggleGroupControl __nextHasNoMarginBottom __next40pxDefaultSize label="Scale" value={scale} onChange={next => updateAttribute(\'scale\', next)} isBlock>\n <ToggleGroupControlOption value="cover" label="Cover" />\n <ToggleGroupControlOption value="contain" label="Contain" />\n <ToggleGroupControlOption value="fill" label="Fill" />\n </ToggleGroupControl>\n </ToolsPanelItem>}\n </ToolsPanelItems>\n <PanelWrapperView>\n <Panel>\n <ToolsPanel {...props} resetAll={resetAll} panelId={panelId}>\n <Slot />\n </ToolsPanel>\n </Panel>\n </PanelWrapperView>\n </SlotFillProvider>;\n}',...WithConditionallyRenderedControl.parameters?.docs?.source}}}},"./packages/a11y/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function addContainer(ariaLive="polite"){const container=document.createElement("div");container.id=`a11y-speak-${ariaLive}`,container.className="a11y-speak-region",container.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),container.setAttribute("aria-live",ariaLive),container.setAttribute("aria-relevant","additions text"),container.setAttribute("aria-atomic","true");const{body}=document;return body&&body.appendChild(container),container}__webpack_require__.d(__webpack_exports__,{L:()=>speak});var build_module=__webpack_require__("./packages/i18n/build-module/index.js");let previousMessage="";function speak(message,ariaLive){!function clear(){const regions=document.getElementsByClassName("a11y-speak-region"),introText=document.getElementById("a11y-speak-intro-text");for(let i=0;i<regions.length;i++)regions[i].textContent="";introText&&introText.setAttribute("hidden","hidden")}(),message=function filterMessage(message){return message=message.replace(/<[^<>]+>/g," "),previousMessage===message&&(message+=" "),previousMessage=message,message}(message);const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");containerAssertive&&"assertive"===ariaLive?containerAssertive.textContent=message:containerPolite&&(containerPolite.textContent=message),introText&&introText.removeAttribute("hidden")}!function domReady(callback){"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",callback):callback())}((function setup(){const introText=document.getElementById("a11y-speak-intro-text"),containerAssertive=document.getElementById("a11y-speak-assertive"),containerPolite=document.getElementById("a11y-speak-polite");null===introText&&function addIntroText(){const introText=document.createElement("p");introText.id="a11y-speak-intro-text",introText.className="a11y-speak-intro-text",introText.textContent=(0,build_module.__)("Notifications"),introText.setAttribute("style","position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"),introText.setAttribute("hidden","hidden");const{body}=document;return body&&body.appendChild(introText),introText}(),null===containerAssertive&&addContainer("assertive"),null===containerPolite&&addContainer("polite")}))},"./packages/components/src/utils/hooks/use-controlled-state.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_values__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/values.js");const defaultOptions={initial:void 0,fallback:""};const __WEBPACK_DEFAULT_EXPORT__=function useControlledState(currentState,options=defaultOptions){const{initial,fallback}={...defaultOptions,...options},[internalState,setInternalState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(currentState),hasCurrentState=(0,_values__WEBPACK_IMPORTED_MODULE_1__.J5)(currentState);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{hasCurrentState&&internalState&&setInternalState(void 0)}),[hasCurrentState,internalState]),[(0,_values__WEBPACK_IMPORTED_MODULE_1__.vD)([currentState,internalState,initial],fallback),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextState=>{hasCurrentState||setInternalState(nextState)}),[hasCurrentState])]}},"./packages/icons/build-module/library/check.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})})},"./packages/icons/build-module/library/menu.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"})})},"./packages/icons/build-module/library/more-vertical.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/primitives/build-module/svg/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.t4,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.wA,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})})},"./packages/components/src/dropdown-menu/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,r:()=>DropdownMenu});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/icons/build-module/library/menu.js"),_context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/button/index.tsx"),_dropdown__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/dropdown/index.tsx"),_navigable_container__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/navigable-container/menu.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mergeProps(defaultProps={},props={}){const mergedProps={...defaultProps,...props};return props.className&&defaultProps.className&&(mergedProps.className=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)(props.className,defaultProps.className)),mergedProps}function isFunction(maybeFunc){return"function"==typeof maybeFunc}const DropdownMenu=(0,_context__WEBPACK_IMPORTED_MODULE_7__.zS)((function UnconnectedDropdownMenu(dropdownMenuProps){const{children,className,controls,icon=_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__.A,label,popoverProps,toggleProps,menuProps,disableOpenOnArrowDown=!1,text,noIcons,open,defaultOpen,onToggle:onToggleProp,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_3__.A)(dropdownMenuProps,"DropdownMenu");if(!controls?.length&&!isFunction(children))return null;let controlSets;controls?.length&&(controlSets=controls,Array.isArray(controlSets[0])||(controlSets=[controls]));const mergedPopoverProps=mergeProps({className:"components-dropdown-menu__popover",variant},popoverProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_4__.A,{className,popoverProps:mergedPopoverProps,renderToggle:({isOpen,onToggle})=>{var _toggleProps$showTool;const{as:Toggle=_button__WEBPACK_IMPORTED_MODULE_5__.Ay,...restToggleProps}=null!=toggleProps?toggleProps:{},mergedToggleProps=mergeProps({className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__toggle",{"is-opened":isOpen})},restToggleProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Toggle,{...mergedToggleProps,icon,onClick:event=>{onToggle(),mergedToggleProps.onClick&&mergedToggleProps.onClick(event)},onKeyDown:event=>{(event=>{disableOpenOnArrowDown||isOpen||"ArrowDown"!==event.code||(event.preventDefault(),onToggle())})(event),mergedToggleProps.onKeyDown&&mergedToggleProps.onKeyDown(event)},"aria-haspopup":"true","aria-expanded":isOpen,label,text,showTooltip:null===(_toggleProps$showTool=toggleProps?.showTooltip)||void 0===_toggleProps$showTool||_toggleProps$showTool,children:mergedToggleProps.children})},renderContent:props=>{const mergedMenuProps=mergeProps({"aria-label":label,className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu",{"no-icons":noIcons})},menuProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_navigable_container__WEBPACK_IMPORTED_MODULE_6__.Ay,{...mergedMenuProps,role:"menu",children:[isFunction(children)?children(props):null,controlSets?.flatMap(((controlSet,indexOfSet)=>controlSet.map(((control,indexOfControl)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.Ay,{__next40pxDefaultSize:!0,onClick:event=>{event.stopPropagation(),props.onClose(),control.onClick&&control.onClick()},className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-dropdown-menu__menu-item",{"has-separator":indexOfSet>0&&0===indexOfControl,"is-active":control.isActive,"is-icon-only":!control.title}),icon:control.icon,label:control.label,"aria-checked":"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.isActive:void 0,role:"menuitemcheckbox"===control.role||"menuitemradio"===control.role?control.role:"menuitem",accessibleWhenDisabled:!0,disabled:control.isDisabled,children:control.title},[indexOfSet,indexOfControl].join())))))]})},open,defaultOpen,onToggle:onToggleProp})}),"DropdownMenu"),__WEBPACK_DEFAULT_EXPORT__=DropdownMenu;try{DropdownMenu.displayName="DropdownMenu",DropdownMenu.__docgenInfo={description:"\nThe DropdownMenu displays a list of actions (each contained in a MenuItem,\nMenuItemsChoice, or MenuGroup) in a compact way. It appears in a Popover\nafter the user has interacted with an element (a button or icon) or when\nthey perform a specific action.\n\nRender a Dropdown Menu with a set of controls:\n\n```jsx\nimport { DropdownMenu } from '@wordpress/components';\nimport {\n\tmore,\n\tarrowLeft,\n\tarrowRight,\n\tarrowUp,\n\tarrowDown,\n} from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu\n\t\ticon={ more }\n\t\tlabel=\"Select a direction\"\n\t\tcontrols={ [\n\t\t\t{\n\t\t\t\ttitle: 'Up',\n\t\t\t\ticon: arrowUp,\n\t\t\t\tonClick: () => console.log( 'up' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Right',\n\t\t\t\ticon: arrowRight,\n\t\t\t\tonClick: () => console.log( 'right' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Down',\n\t\t\t\ticon: arrowDown,\n\t\t\t\tonClick: () => console.log( 'down' ),\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Left',\n\t\t\t\ticon: arrowLeft,\n\t\t\t\tonClick: () => console.log( 'left' ),\n\t\t\t},\n\t\t] }\n\t/>\n);\n```\n\nAlternatively, specify a `children` function which returns elements valid for\nuse in a DropdownMenu: `MenuItem`, `MenuItemsChoice`, or `MenuGroup`.\n\n```jsx\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { more, arrowUp, arrowDown, trash } from '@wordpress/icons';\n\nconst MyDropdownMenu = () => (\n\t<DropdownMenu icon={ more } label=\"Select a direction\">\n\t\t{ ( { onClose } ) => (\n\t\t\t<>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ arrowUp } onClick={ onClose }>\n\t\t\t\t\t\tMove Up\n\t\t\t\t\t</MenuItem>\n\t\t\t\t\t<MenuItem icon={ arrowDown } onClick={ onClose }>\n\t\t\t\t\t\tMove Down\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t<MenuItem icon={ trash } onClick={ onClose }>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</MenuItem>\n\t\t\t\t</MenuGroup>\n\t\t\t</>\n\t\t) }\n\t</DropdownMenu>\n);\n```",displayName:"DropdownMenu",props:{icon:{defaultValue:{value:'"menu"'},description:"The icon to be shown in the collapsed menu button.",name:"icon",required:!1,type:{name:"IconType"}},label:{defaultValue:null,description:"A human-readable label to present as accessibility text on the focused\ncollapsed menu button.",name:"label",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"A class name to apply to the dropdown menu's toggle element wrapper.",name:"className",required:!1,type:{name:"string"}},popoverProps:{defaultValue:null,description:"Properties of `popoverProps` object will be passed as props to the nested\n`Popover` component.\nUse this object to modify props available for the `Popover` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the\ndirection in which the popover should open relative to its parent node\nset with `position` prop.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},toggleProps:{defaultValue:null,description:"Properties of `toggleProps` object will be passed as props to the nested\n`Button` component in the `renderToggle` implementation of the `Dropdown`\ncomponent used internally.\nUse this object to modify props available for the `Button` component that\nare not already exposed in the `DropdownMenu` component, e.g.: the tooltip\ntext displayed on hover set with `tooltip` prop.",name:"toggleProps",required:!1,type:{name:"ToggleProps"}},menuProps:{defaultValue:null,description:"Properties of `menuProps` object will be passed as props to the nested\n`NavigableMenu` component in the `renderContent` implementation of the\n`Dropdown` component used internally.\nUse this object to modify props available for the `NavigableMenu`\ncomponent that are not already exposed in the `DropdownMenu` component,\ne.g.: the orientation of the menu set with `orientation` prop.",name:"menuProps",required:!1,type:{name:'Omit<Partial<NavigableMenuProps>, "children">'}},disableOpenOnArrowDown:{defaultValue:{value:"false"},description:"In some contexts, the arrow down key used to open the dropdown menu might\nneed to be disabled—for example when that key is used to perform another\naction.",name:"disableOpenOnArrowDown",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display on the nested `Button` component in the `renderToggle`\nimplementation of the `Dropdown` component used internally.",name:"text",required:!1,type:{name:"string"}},noIcons:{defaultValue:null,description:"Whether or not `no-icons` should be added to the menu's `className`.",name:"noIcons",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A [function render prop](https://reactjs.org/docs/render-props.html#using-props-other-than-render)\nwhich should return an element or elements valid for use in a DropdownMenu:\n`MenuItem`, `MenuItemsChoice`, or `MenuGroup`. Its first argument is a\nprops object including the same values as given to a `Dropdown`'s\n`renderContent` (`isOpen`, `onToggle`, `onClose`).\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"children",required:!1,type:{name:"(callbackProps: DropdownCallbackProps) => ReactNode"}},controls:{defaultValue:null,description:"An array or nested array of objects describing the options to be shown in\nthe expanded menu. Each object should include an `icon` Dashicon slug\nstring, a human-readable `title` string, `isDisabled` boolean flag, and\nan `onClick` function callback to invoke when the option is selected.\n\nA valid DropdownMenu must specify a `controls` or `children` prop, or both.",name:"controls",required:!1,type:{name:"DropdownOption[] | DropdownOption[][]"}},open:{defaultValue:null,description:"The controlled open state of the dropdown menu.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown menu when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown menu changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown-menu/index.tsx#DropdownMenu"]={docgenInfo:DropdownMenu.__docgenInfo,name:"DropdownMenu",path:"packages/components/src/dropdown-menu/index.tsx#DropdownMenu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/compose/build-module/hooks/use-merge-refs/index.js"),_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/deprecated/build-module/index.js"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/use-context-system.js"),_context__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_utils_hooks__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-controlled-value.ts"),_popover__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/popover/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Dropdown=(0,_context__WEBPACK_IMPORTED_MODULE_8__.KZ)(((props,forwardedRef)=>{const{renderContent,renderToggle,className,contentClassName,expandOnMobile,headerTitle,focusOnMount,popoverProps,onClose,onToggle,style,open,defaultOpen,position,variant}=(0,_context__WEBPACK_IMPORTED_MODULE_1__.A)(props,"Dropdown");void 0!==position&&(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_2__.A)("`position` prop in wp.components.Dropdown",{since:"6.2",alternative:"`popoverProps.placement` prop",hint:"Note that the `position` prop will override any values passed through the `popoverProps.placement` prop."});const[fallbackPopoverAnchor,setFallbackPopoverAnchor]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useState)(null),containerRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(),[isOpen,setIsOpen]=(0,_utils_hooks__WEBPACK_IMPORTED_MODULE_4__.j)({defaultValue:defaultOpen,value:open,onChange:onToggle});function close(){onClose?.(),setIsOpen(!1)}const args={isOpen:!!isOpen,onToggle:()=>setIsOpen(!isOpen),onClose:close},popoverPropsHaveAnchor=!!(popoverProps?.anchor||popoverProps?.anchorRef||popoverProps?.getAnchorRect||popoverProps?.anchorRect);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className,ref:(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_5__.A)([containerRef,forwardedRef,setFallbackPopoverAnchor]),tabIndex:-1,style,children:[renderToggle(args),isOpen&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_popover__WEBPACK_IMPORTED_MODULE_6__.Ay,{position,onClose:close,onFocusOutside:function closeIfFocusOutside(){if(!containerRef.current)return;const{ownerDocument}=containerRef.current,dialog=ownerDocument?.activeElement?.closest('[role="dialog"]');containerRef.current.contains(ownerDocument.activeElement)||dialog&&!dialog.contains(containerRef.current)||close()},expandOnMobile,headerTitle,focusOnMount,offset:13,anchor:popoverPropsHaveAnchor?void 0:fallbackPopoverAnchor,variant,...popoverProps,className:(0,clsx__WEBPACK_IMPORTED_MODULE_7__.A)("components-dropdown__content",popoverProps?.className,contentClassName),children:renderContent(args)})]})}),"Dropdown"),__WEBPACK_DEFAULT_EXPORT__=Dropdown;try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:'Renders a button that opens a floating content modal when clicked.\n\n```jsx\nimport { Button, Dropdown } from \'@wordpress/components\';\n\nconst MyDropdown = () => (\n <Dropdown\n className="my-container-class-name"\n contentClassName="my-dropdown-content-classname"\n popoverProps={ { placement: \'bottom-start\' } }\n renderToggle={ ( { isOpen, onToggle } ) => (\n <Button\n variant="primary"\n onClick={ onToggle }\n aria-expanded={ isOpen }\n >\n Toggle Dropdown!\n </Button>\n ) }\n renderContent={ () => <div>This is the content of the dropdown.</div> }\n />\n);\n```',displayName:"Dropdown",props:{className:{defaultValue:null,description:"The className of the global container.",name:"className",required:!1,type:{name:"string"}},contentClassName:{defaultValue:null,description:"If you want to target the dropdown menu for styling purposes,\nyou need to provide a contentClassName because it's not being rendered\nas a child of the container node.",name:"contentClassName",required:!1,type:{name:"string"}},expandOnMobile:{defaultValue:{value:"false"},description:"Opt-in prop to show popovers fullscreen on mobile.",name:"expandOnMobile",required:!1,type:{name:"boolean"}},focusOnMount:{defaultValue:{value:"'firstElement'"},description:'By default, the first tabbable element in the popover will receive focus\nwhen it mounts. This is the same as setting this prop to "firstElement".\nSpecifying a true value will focus the container instead.\nSpecifying a false value disables the focus handling entirely\n(this should only be done when an appropriately accessible\nsubstitute behavior exists).',name:"focusOnMount",required:!1,type:{name:'boolean | "firstElement"'}},headerTitle:{defaultValue:null,description:"Set this to customize the text that is shown in the dropdown's header\nwhen it is fullscreen on mobile.",name:"headerTitle",required:!1,type:{name:"string"}},onClose:{defaultValue:null,description:"A callback invoked when the popover should be closed.",name:"onClose",required:!1,type:{name:"() => void"}},onToggle:{defaultValue:null,description:"A callback invoked when the state of the dropdown changes\nfrom open to closed and vice versa.",name:"onToggle",required:!1,type:{name:"(willOpen: boolean) => void"}},popoverProps:{defaultValue:null,description:"Properties of popoverProps object will be passed as props\nto the Popover component.\nUse this object to access properties/features\nof the Popover component that are not already exposed\nin the Dropdown component,\ne.g.: the ability to have the popover without an arrow.",name:"popoverProps",required:!1,type:{name:'Omit<ComponentPropsWithoutRef<WordPressComponent<ElementType<any, keyof IntrinsicElements>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "onDrag" | ... 55 more ... | "ignoreStrict"> & RefAttributes<...>, boolean>>, "children">'}},renderContent:{defaultValue:null,description:"A callback invoked to render the content of the dropdown menu.\nIts first argument is the same as the renderToggle prop.",name:"renderContent",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},renderToggle:{defaultValue:null,description:"A callback invoked to render the Dropdown Toggle Button.\n\nThe first argument of the callback is an object\ncontaining the following properties:\n\n- isOpen: whether the dropdown menu is opened or not\n- onToggle: A function switching the dropdown menu's state\nfrom open to closed and vice versa\n- onClose: A function that closes the menu if invoked",name:"renderToggle",required:!0,type:{name:"(props: CallbackProps) => ReactNode"}},style:{defaultValue:null,description:"The style of the global container.",name:"style",required:!1,type:{name:"CSSProperties"}},position:{defaultValue:null,description:"Legacy way to specify the popover's position with respect to its anchor.\nFor details about the possible values, see the `Popover` component's docs.\n_Note: this prop is deprecated. Use the `popoverProps.placement` prop\ninstead._\n@deprecated",name:"position",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"middle"'},{value:'"bottom"'},{value:'"top center"'},{value:'"top left"'},{value:'"top right"'},{value:'"middle center"'},{value:'"middle left"'},{value:'"middle right"'},{value:'"bottom center"'},{value:'"bottom left"'},{value:'"bottom right"'},{value:'"top center top"'},{value:'"top center left"'},{value:'"top center right"'},{value:'"top center bottom"'},{value:'"top left top"'},{value:'"top left left"'},{value:'"top left right"'},{value:'"top left bottom"'},{value:'"top right top"'},{value:'"top right left"'},{value:'"top right right"'},{value:'"top right bottom"'},{value:'"middle center top"'},{value:'"middle center left"'},{value:'"middle center right"'},{value:'"middle center bottom"'},{value:'"middle left top"'},{value:'"middle left left"'},{value:'"middle left right"'},{value:'"middle left bottom"'},{value:'"middle right top"'},{value:'"middle right left"'},{value:'"middle right right"'},{value:'"middle right bottom"'},{value:'"bottom center top"'},{value:'"bottom center left"'},{value:'"bottom center right"'},{value:'"bottom center bottom"'},{value:'"bottom left top"'},{value:'"bottom left left"'},{value:'"bottom left right"'},{value:'"bottom left bottom"'},{value:'"bottom right top"'},{value:'"bottom right left"'},{value:'"bottom right right"'},{value:'"bottom right bottom"'}]}},open:{defaultValue:null,description:"The controlled open state of the dropdown.\nMust be used in conjunction with `onToggle`.",name:"open",required:!1,type:{name:"boolean"}},defaultOpen:{defaultValue:null,description:"The open state of the dropdown when initially rendered.\nUse when you do not need to control its open state. It will be overridden\nby the `open` prop if it is specified on the component's first render.",name:"defaultOpen",required:!1,type:{name:"boolean"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/dropdown/index.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"packages/components/src/dropdown/index.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/grid/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>grid_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js");const ALIGNMENTS={bottom:{alignItems:"flex-end",justifyContent:"center"},bottomLeft:{alignItems:"flex-start",justifyContent:"flex-end"},bottomRight:{alignItems:"flex-end",justifyContent:"flex-end"},center:{alignItems:"center",justifyContent:"center"},spaced:{alignItems:"center",justifyContent:"space-between"},left:{alignItems:"center",justifyContent:"flex-start"},right:{alignItems:"center",justifyContent:"flex-end"},stretch:{alignItems:"stretch"},top:{alignItems:"flex-start",justifyContent:"center"},topLeft:{alignItems:"flex-start",justifyContent:"flex-start"},topRight:{alignItems:"flex-start",justifyContent:"flex-end"}};var use_responsive_value=__webpack_require__("./packages/components/src/utils/use-responsive-value.ts"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useGrid(props){const{align,alignment,className,columnGap,columns=2,gap=3,isInline=!1,justify,rowGap,rows,templateColumns,templateRows,...otherProps}=(0,use_context_system.A)(props,"Grid"),columnsAsArray=Array.isArray(columns)?columns:[columns],column=(0,use_responsive_value.t)(columnsAsArray),rowsAsArray=Array.isArray(rows)?rows:[rows],row=(0,use_responsive_value.t)(rowsAsArray),gridTemplateColumns=templateColumns||!!columns&&`repeat( ${column}, 1fr )`,gridTemplateRows=templateRows||!!rows&&`repeat( ${row}, 1fr )`,cx=(0,use_cx.l)();return{...otherProps,className:(0,react.useMemo)((()=>{const alignmentProps=function getAlignmentProps(alignment){return alignment?ALIGNMENTS[alignment]:{}}(alignment),gridClasses=(0,emotion_react_browser_esm.AH)({alignItems:align,display:isInline?"inline-grid":"grid",gap:`calc( ${config_values.A.gridBase} * ${gap} )`,gridTemplateColumns:gridTemplateColumns||void 0,gridTemplateRows:gridTemplateRows||void 0,gridRowGap:rowGap,gridColumnGap:columnGap,justifyContent:justify,verticalAlign:isInline?"middle":void 0,...alignmentProps},"","");return cx(gridClasses,className)}),[align,alignment,className,columnGap,cx,gap,gridTemplateColumns,gridTemplateRows,isInline,justify,rowGap])}}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Grid=(0,context_connect.KZ)((function UnconnectedGrid(props,forwardedRef){const gridProps=useGrid(props);return(0,jsx_runtime.jsx)(component.A,{...gridProps,ref:forwardedRef})}),"Grid"),grid_component=Grid;try{Grid.displayName="Grid",Grid.__docgenInfo={description:"`Grid` is a primitive layout component that can arrange content in a grid configuration.\n\n```jsx\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalText as Text\n} from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<Grid columns={ 3 }>\n\t\t\t<Text>Code</Text>\n\t\t\t<Text>is</Text>\n\t\t\t<Text>Poetry</Text>\n\t\t</Grid>\n\t);\n}\n```",displayName:"Grid",props:{align:{defaultValue:null,description:"Adjusts the block alignment of children.",name:"align",required:!1,type:{name:"AlignItems"}},alignment:{defaultValue:null,description:"Adjusts the horizontal and vertical alignment of children.",name:"alignment",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"center"'},{value:'"left"'},{value:'"right"'},{value:'"bottom"'},{value:'"stretch"'},{value:'"bottomLeft"'},{value:'"bottomRight"'},{value:'"topLeft"'},{value:'"topRight"'},{value:'"spaced"'}]}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},columns:{defaultValue:{value:"2"},description:"Adjusts the number of columns of the `Grid`.",name:"columns",required:!1,type:{name:"ResponsiveCSSValue<number>"}},columnGap:{defaultValue:null,description:"Adjusts the `grid-column-gap`.",name:"columnGap",required:!1,type:{name:"GridColumnGap<string | number>"}},gap:{defaultValue:{value:"3"},description:"Gap between each child.",name:"gap",required:!1,type:{name:"number"}},isInline:{defaultValue:null,description:"Changes the CSS display from `grid` to `inline-grid`.",name:"isInline",required:!1,type:{name:"boolean"}},justify:{defaultValue:null,description:"Adjusts the inline alignment of children.",name:"justify",required:!1,type:{name:"JustifyContent"}},rowGap:{defaultValue:null,description:"Adjusts the `grid-row-gap`.",name:"rowGap",required:!1,type:{name:"GridRowGap<string | number>"}},rows:{defaultValue:null,description:"Adjusts the number of rows of the `Grid`.",name:"rows",required:!1,type:{name:"ResponsiveCSSValue<number>"}},templateColumns:{defaultValue:null,description:"Adjusts the CSS grid `template-columns`.",name:"templateColumns",required:!1,type:{name:"GridTemplateColumns<string | number>"}},templateRows:{defaultValue:null,description:"Adjusts the CSS grid `template-rows`.",name:"templateRows",required:!1,type:{name:"GridTemplateRows<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/grid/component.tsx#Grid"]={docgenInfo:Grid.__docgenInfo,name:"Grid",path:"packages/components/src/grid/component.tsx#Grid"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/heading/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>heading_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),hook=__webpack_require__("./packages/components/src/text/hook.ts"),font_size=__webpack_require__("./packages/components/src/utils/font-size.ts"),colors_values=__webpack_require__("./packages/components/src/utils/colors-values.js"),config_values=__webpack_require__("./packages/components/src/utils/config-values.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Heading=(0,context_connect.KZ)((function UnconnectedHeading(props,forwardedRef){const headerProps=function useHeading(props){const{as:asProp,level=2,color=colors_values.l.gray[900],isBlock=!0,weight=config_values.A.fontWeightHeading,...otherProps}=(0,use_context_system.A)(props,"Heading"),as=asProp||`h${level}`,a11yProps={};return"string"==typeof as&&"h"!==as[0]&&(a11yProps.role="heading",a11yProps["aria-level"]="string"==typeof level?parseInt(level):level),{...(0,hook.A)({color,isBlock,weight,size:(0,font_size.fM)(level),...otherProps}),...a11yProps,as}}(props);return(0,jsx_runtime.jsx)(component.A,{...headerProps,ref:forwardedRef})}),"Heading"),heading_component=Heading;try{Heading.displayName="Heading",Heading.__docgenInfo={description:'`Heading` renders headings and titles using the library\'s typography system.\n\n```jsx\nimport { __experimentalHeading as Heading } from "@wordpress/components";\n\nfunction Example() {\n return <Heading>Code is Poetry</Heading>;\n}\n```',displayName:"Heading",props:{children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},display:{defaultValue:null,description:"Adjusts the CSS display.",name:"display",required:!1,type:{name:"Display"}},letterSpacing:{defaultValue:null,description:"Adjusts letter-spacing of the text.",name:"letterSpacing",required:!1,type:{name:"LetterSpacing<string | number>"}},size:{defaultValue:null,description:"Adjusts text size based on the typography system. `Text` can render a wide range of font sizes, which are automatically calculated and adapted to the typography system. The `size` value can be a system preset, a `number`, or a custom unit value (`string`) such as `30em`.",name:"size",required:!1,type:{name:"string | number | (string & {})"}},align:{defaultValue:null,description:"Adjusts the text alignment.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"inherit"'},{value:'"end"'},{value:'"start"'},{value:'"initial"'},{value:'"left"'},{value:'"right"'},{value:'"justify"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"match-parent"'}]}},ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"head"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},variant:{defaultValue:null,description:"Adjusts style variation of the text.",name:"variant",required:!1,type:{name:'"muted"'}},adjustLineHeightForInnerControls:{defaultValue:null,description:"Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).",name:"adjustLineHeightForInnerControls",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'},{value:'"xSmall"'}]}},isDestructive:{defaultValue:{value:"false"},description:"Renders a destructive color.",name:"isDestructive",required:!1,type:{name:"boolean"}},highlightEscape:{defaultValue:{value:"false"},description:"Escape characters in `highlightWords` which are meaningful in regular expressions.",name:"highlightEscape",required:!1,type:{name:"boolean"}},highlightCaseSensitive:{defaultValue:{value:"false"},description:"Determines if `highlightWords` should be case sensitive.",name:"highlightCaseSensitive",required:!1,type:{name:"boolean"}},highlightSanitize:{defaultValue:null,description:"Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.",name:"highlightSanitize",required:!1,type:{name:"(text: string) => string"}},lineHeight:{defaultValue:null,description:"Adjusts all text line-height based on the typography system.",name:"lineHeight",required:!1,type:{name:"LineHeight<string | number>"}},optimizeReadabilityFor:{defaultValue:null,description:"The `Text` color can be adapted to a background color for optimal readability. `optimizeReadabilityFor` can accept CSS variables, in addition to standard CSS color values (e.g. Hex, RGB, HSL, etc...).",name:"optimizeReadabilityFor",required:!1,type:{name:"Color"}},truncate:{defaultValue:{value:"false"},description:"Enables text truncation. When `truncate` is set, we are able to truncate the long text in a variety of ways. Note: text truncation won't work if the `isBlock` property is set to `true`",name:"truncate",required:!1,type:{name:"boolean"}},upperCase:{defaultValue:{value:"false"},description:"Uppercases the text content.",name:"upperCase",required:!1,type:{name:"boolean"}},highlightWords:{defaultValue:null,description:"Letters or words within `Text` can be highlighted using `highlightWords`.",name:"highlightWords",required:!1,type:{name:"string[]"}},level:{defaultValue:{value:"2"},description:"Passing any of the heading levels to `level` will both render the correct\ntypographic text size as well as the semantic element corresponding to\nthe level (`h1` for `1` for example).",name:"level",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:'"1"'},{value:"3"},{value:"4"},{value:"5"},{value:"6"},{value:'"2"'},{value:'"3"'},{value:'"4"'},{value:'"5"'},{value:'"6"'}]}},isBlock:{defaultValue:{value:"true"},description:"Sets `Heading` to have `display: block`. Note: text truncation only works\nwhen `isBlock` is `false`.",name:"isBlock",required:!1,type:{name:"boolean"}},color:{defaultValue:{value:"'#1e1e1e'"},description:"Adjusts the text color.",name:"color",required:!1,type:{name:"Color"}},weight:{defaultValue:{value:"'600'"},description:"Adjusts font-weight of the text.",name:"weight",required:!1,type:{name:"FontWeight | TextWeight"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/heading/component.tsx#Heading"]={docgenInfo:Heading.__docgenInfo,name:"Heading",path:"packages/components/src/heading/component.tsx#Heading"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/menu-group/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function MenuGroup(props){const{children,className="",label,hideSeparator}=props,instanceId=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.A)(MenuGroup);if(!_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.Children.count(children))return null;const labelId=`components-menu-group-label-${instanceId}`,classNames=(0,clsx__WEBPACK_IMPORTED_MODULE_3__.A)(className,"components-menu-group",{"has-hidden-separator":hideSeparator});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:classNames,children:[label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"components-menu-group__label",id:labelId,"aria-hidden":"true",children:label}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{role:"group","aria-labelledby":label?labelId:void 0,children})]})}const __WEBPACK_DEFAULT_EXPORT__=MenuGroup;try{MenuGroup.displayName="MenuGroup",MenuGroup.__docgenInfo={description:"`MenuGroup` wraps a series of related `MenuItem` components into a common\nsection.\n\n```jsx\nimport { MenuGroup, MenuItem } from '@wordpress/components';\n\nconst MyMenuGroup = () => (\n <MenuGroup label=\"Settings\">\n <MenuItem>Setting 1</MenuItem>\n <MenuItem>Setting 2</MenuItem>\n </MenuGroup>\n);\n```",displayName:"MenuGroup",props:{className:{defaultValue:null,description:"A CSS `class` to give to the container element.",name:"className",required:!1,type:{name:"string"}},hideSeparator:{defaultValue:null,description:"Hide the top border on the container.",name:"hideSeparator",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Text to be displayed as the menu group header.",name:"label",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/menu-group/index.tsx#MenuGroup"]={docgenInfo:MenuGroup.__docgenInfo,name:"MenuGroup",path:"packages/components/src/menu-group/index.tsx#MenuGroup"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/menu-item/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var clsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_shortcut__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/shortcut/index.tsx"),_button__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/button/index.tsx"),_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/icon/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const MenuItem=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedMenuItem(props,ref){let{children,info,className,icon,iconPosition="right",shortcut,isSelected,role="menuitem",suffix,...buttonProps}=props;return className=(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-menu-item__button",className),info&&(children=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span",{className:"components-menu-item__info-wrapper",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"components-menu-item__item",children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"components-menu-item__info",children:info})]})),icon&&"string"!=typeof icon&&(icon=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.cloneElement)(icon,{className:(0,clsx__WEBPACK_IMPORTED_MODULE_1__.A)("components-menu-items__item-icon",{"has-icon-right":"right"===iconPosition})})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_button__WEBPACK_IMPORTED_MODULE_3__.Ay,{__next40pxDefaultSize:!0,ref,"aria-checked":"menuitemcheckbox"===role||"menuitemradio"===role?isSelected:void 0,role,icon:"left"===iconPosition?icon:void 0,className,...buttonProps,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"components-menu-item__item",children}),!suffix&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_shortcut__WEBPACK_IMPORTED_MODULE_4__.A,{className:"components-menu-item__shortcut",shortcut}),!suffix&&icon&&"right"===iconPosition&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icon__WEBPACK_IMPORTED_MODULE_5__.A,{icon}),suffix]})})),__WEBPACK_DEFAULT_EXPORT__=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n\n```jsx\nimport { MenuItem } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyMenuItem = () => {\n\tconst [ isActive, setIsActive ] = useState( true );\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive ? 'yes' : 'no' }\n\t\t\tisSelected={ isActive }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n\t\t>\n\t\t\tToggle\n\t\t</MenuItem>\n\t);\n};\n```",displayName:"MenuItem",props:{isDestructive:{defaultValue:null,description:"Renders a red text-based button style to indicate destructive behavior.",name:"isDestructive",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"A CSS `class` to give to the container element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},info:{defaultValue:null,description:"Text to use as description for button text.",name:"info",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"null"},description:"The icon to render. Supported values are: Dashicons (specified as\nstrings), functions, Component instances and `null`.",name:"icon",required:!1,type:{name:"Element"}},iconPosition:{defaultValue:null,description:"Determines where to display the provided `icon`.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},isSelected:{defaultValue:null,description:'Whether or not the menu item is currently selected, `isSelected` is only taken into\naccount when the `role` prop is either `"menuitemcheckbox"` or `"menuitemradio"`.',name:"isSelected",required:!1,type:{name:"boolean"}},shortcut:{defaultValue:null,description:"If shortcut is a string, it is expecting the display text. If shortcut is an object,\nit will accept the properties of `display` (string) and `ariaLabel` (string).",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},role:{defaultValue:{value:"'menuitem'"},description:"If you need to have selectable menu items use menuitemradio for single select,\nand menuitemcheckbox for multiselect.",name:"role",required:!1,type:{name:"string"}},suffix:{defaultValue:null,description:"Allows for markup other than icons or shortcuts to be added to the menu item.",name:"suffix",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Human-readable label for item.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/menu-item/index.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"packages/components/src/menu-item/index.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}try{menuitem.displayName="menuitem",menuitem.__docgenInfo={description:"MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n\n```jsx\nimport { MenuItem } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MyMenuItem = () => {\n\tconst [ isActive, setIsActive ] = useState( true );\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive ? 'yes' : 'no' }\n\t\t\tisSelected={ isActive }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n\t\t>\n\t\t\tToggle\n\t\t</MenuItem>\n\t);\n};\n```",displayName:"menuitem",props:{isDestructive:{defaultValue:null,description:"Renders a red text-based button style to indicate destructive behavior.",name:"isDestructive",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"A CSS `class` to give to the container element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},info:{defaultValue:null,description:"Text to use as description for button text.",name:"info",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"null"},description:"The icon to render. Supported values are: Dashicons (specified as\nstrings), functions, Component instances and `null`.",name:"icon",required:!1,type:{name:"Element"}},iconPosition:{defaultValue:null,description:"Determines where to display the provided `icon`.",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},isSelected:{defaultValue:null,description:'Whether or not the menu item is currently selected, `isSelected` is only taken into\naccount when the `role` prop is either `"menuitemcheckbox"` or `"menuitemradio"`.',name:"isSelected",required:!1,type:{name:"boolean"}},shortcut:{defaultValue:null,description:"If shortcut is a string, it is expecting the display text. If shortcut is an object,\nit will accept the properties of `display` (string) and `ariaLabel` (string).",name:"shortcut",required:!1,type:{name:"string | { display: string; ariaLabel: string; }"}},role:{defaultValue:{value:"'menuitem'"},description:"If you need to have selectable menu items use menuitemradio for single select,\nand menuitemcheckbox for multiselect.",name:"role",required:!1,type:{name:"string"}},suffix:{defaultValue:null,description:"Allows for markup other than icons or shortcuts to be added to the menu item.",name:"suffix",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"Human-readable label for item.",name:"label",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/menu-item/index.tsx#menuitem"]={docgenInfo:menuitem.__docgenInfo,name:"menuitem",path:"packages/components/src/menu-item/index.tsx#menuitem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/container.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/dom/build-module/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const noop=()=>{},MENU_ITEM_ROLES=["menuitem","menuitemradio","menuitemcheckbox"];class NavigableContainer extends _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Component{constructor(args){super(args),this.onKeyDown=this.onKeyDown.bind(this),this.bindContainer=this.bindContainer.bind(this),this.getFocusableContext=this.getFocusableContext.bind(this),this.getFocusableIndex=this.getFocusableIndex.bind(this)}componentDidMount(){this.container&&this.container.addEventListener("keydown",this.onKeyDown)}componentWillUnmount(){this.container&&this.container.removeEventListener("keydown",this.onKeyDown)}bindContainer(ref){const{forwardedRef}=this.props;this.container=ref,"function"==typeof forwardedRef?forwardedRef(ref):forwardedRef&&"current"in forwardedRef&&(forwardedRef.current=ref)}getFocusableContext(target){if(!this.container)return null;const{onlyBrowserTabstops}=this.props,focusables=(onlyBrowserTabstops?_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.tabbable:_wordpress_dom__WEBPACK_IMPORTED_MODULE_2__.XC.focusable).find(this.container),index=this.getFocusableIndex(focusables,target);return index>-1&&target?{index,target,focusables}:null}getFocusableIndex(focusables,target){return focusables.indexOf(target)}onKeyDown(event){this.props.onKeyDown&&this.props.onKeyDown(event);const{getFocusableContext}=this,{cycle=!0,eventToOffset,onNavigate=noop,stopNavigationEvents}=this.props,offset=eventToOffset(event);if(void 0!==offset&&stopNavigationEvents){event.stopImmediatePropagation();const targetRole=event.target?.getAttribute("role");!!targetRole&&MENU_ITEM_ROLES.includes(targetRole)&&event.preventDefault()}if(!offset)return;const activeElement=event.target?.ownerDocument?.activeElement;if(!activeElement)return;const context=getFocusableContext(activeElement);if(!context)return;const{index,focusables}=context,nextIndex=cycle?function cycleValue(value,total,offset){const nextValue=value+offset;return nextValue<0?total+nextValue:nextValue>=total?nextValue-total:nextValue}(index,focusables.length,offset):index+offset;nextIndex>=0&&nextIndex<focusables.length&&(focusables[nextIndex].focus(),onNavigate(nextIndex,focusables[nextIndex]),"Tab"===event.code&&event.preventDefault())}render(){const{children,stopNavigationEvents,eventToOffset,onNavigate,onKeyDown,cycle,onlyBrowserTabstops,forwardedRef,...restProps}=this.props;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref:this.bindContainer,...restProps,children})}}const forwardedNavigableContainer=(props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(NavigableContainer,{...props,forwardedRef:ref});forwardedNavigableContainer.displayName="NavigableContainer";const __WEBPACK_DEFAULT_EXPORT__=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(forwardedNavigableContainer);try{forwardedNavigableContainer.displayName="NavigableContainer",forwardedNavigableContainer.__docgenInfo={description:"",displayName:"NavigableContainer",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},eventToOffset:{defaultValue:null,description:"Gets an offset, given an event.",name:"eventToOffset",required:!0,type:{name:"(event: KeyboardEvent) => 0 | 1 | -1"}},forwardedRef:{defaultValue:null,description:"The forwarded ref.",name:"forwardedRef",required:!1,type:{name:"ForwardedRef<any>"}},onlyBrowserTabstops:{defaultValue:{value:"false"},description:"Whether to only consider browser tab stops.",name:"onlyBrowserTabstops",required:!0,type:{name:"boolean"}},stopNavigationEvents:{defaultValue:{value:"false"},description:"Whether to stop navigation events.",name:"stopNavigationEvents",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/container.tsx#NavigableContainer"]={docgenInfo:NavigableContainer.__docgenInfo,name:"NavigableContainer",path:"packages/components/src/navigable-container/container.tsx#NavigableContainer"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/navigable-container/menu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_container__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/navigable-container/container.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const NavigableMenu=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedNavigableMenu({role="menu",orientation="vertical",...rest},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_container__WEBPACK_IMPORTED_MODULE_1__.A,{ref,stopNavigationEvents:!0,onlyBrowserTabstops:!1,role,"aria-orientation":"presentation"===role||"vertical"!==orientation&&"horizontal"!==orientation?void 0:orientation,eventToOffset:evt=>{const{code}=evt;let next=["ArrowDown"],previous=["ArrowUp"];return"horizontal"===orientation&&(next=["ArrowRight"],previous=["ArrowLeft"]),"both"===orientation&&(next=["ArrowRight","ArrowDown"],previous=["ArrowLeft","ArrowUp"]),next.includes(code)?1:previous.includes(code)?-1:["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(code)?0:void 0},...rest})})),__WEBPACK_DEFAULT_EXPORT__=NavigableMenu;try{NavigableMenu.displayName="NavigableMenu",NavigableMenu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"NavigableMenu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#NavigableMenu"]={docgenInfo:NavigableMenu.__docgenInfo,name:"NavigableMenu",path:"packages/components/src/navigable-container/menu.tsx#NavigableMenu"})}catch(__react_docgen_typescript_loader_error){}try{menu.displayName="menu",menu.__docgenInfo={description:'A container for a navigable menu.\n\n ```jsx\n import {\n NavigableMenu,\n Button,\n } from \'@wordpress/components\';\n\n function onNavigate( index, target ) {\n console.log( `Navigates to ${ index }`, target );\n }\n\n const MyNavigableContainer = () => (\n <div>\n <span>Navigable Menu:</span>\n <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">\n <Button variant="secondary">Item 1</Button>\n <Button variant="secondary">Item 2</Button>\n <Button variant="secondary">Item 3</Button>\n </NavigableMenu>\n </div>\n );\n ```',displayName:"menu",props:{children:{defaultValue:null,description:"The component children.",name:"children",required:!1,type:{name:"ReactNode"}},cycle:{defaultValue:{value:"true"},description:"A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.",name:"cycle",required:!1,type:{name:"boolean"}},onKeyDown:{defaultValue:null,description:"A callback invoked on the keydown event.",name:"onKeyDown",required:!1,type:{name:"(event: KeyboardEvent) => void"}},onNavigate:{defaultValue:null,description:"A callback invoked when the menu navigates to one of its children passing the index and child as an argument",name:"onNavigate",required:!1,type:{name:"(index: number, focusable: HTMLElement) => void"}},orientation:{defaultValue:{value:"'vertical'"},description:"The orientation of the menu.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/navigable-container/menu.tsx#menu"]={docgenInfo:menu.__docgenInfo,name:"menu",path:"packages/components/src/navigable-container/menu.tsx#menu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/panel/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>src_panel});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function PanelHeader({label,children}){return(0,jsx_runtime.jsxs)("div",{className:"components-panel__header",children:[label&&(0,jsx_runtime.jsx)("h2",{children:label}),children]})}const panel_header=PanelHeader;try{PanelHeader.displayName="PanelHeader",PanelHeader.__docgenInfo={description:"`PanelHeader` renders the header for the `Panel`.\nThis is used by the `Panel` component under the hood,\nso it does not typically need to be used.",displayName:"PanelHeader",props:{label:{defaultValue:null,description:"The text that will be rendered as the title of the panel.\nWill be rendered in an `<h2>` tag.",name:"label",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to display within the panel header.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/panel/header.tsx#PanelHeader"]={docgenInfo:PanelHeader.__docgenInfo,name:"PanelHeader",path:"packages/components/src/panel/header.tsx#PanelHeader"})}catch(__react_docgen_typescript_loader_error){}const Panel=(0,react.forwardRef)((function UnforwardedPanel({header,className,children},ref){const classNames=(0,clsx.A)(className,"components-panel");return(0,jsx_runtime.jsxs)("div",{className:classNames,ref,children:[header&&(0,jsx_runtime.jsx)(panel_header,{label:header}),children]})})),src_panel=Panel;try{Panel.displayName="Panel",Panel.__docgenInfo={description:"`Panel` expands and collapses multiple sections of content.\n\n```jsx\nimport { Panel, PanelBody, PanelRow } from '@wordpress/components';\nimport { more } from '@wordpress/icons';\n\nconst MyPanel = () => (\n\t<Panel header=\"My Panel\">\n\t\t<PanelBody title=\"My Block Settings\" icon={ more } initialOpen={ true }>\n\t\t\t<PanelRow>My Panel Inputs and Labels</PanelRow>\n\t\t</PanelBody>\n\t</Panel>\n);\n```",displayName:"Panel",props:{header:{defaultValue:null,description:"The text that will be rendered as the title of the panel.\nText will be rendered inside an `<h2>` tag.",name:"header",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class to apply to the wrapper element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to display within the panel.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/panel/index.tsx#Panel"]={docgenInfo:Panel.__docgenInfo,name:"Panel",path:"packages/components/src/panel/index.tsx#Panel"})}catch(__react_docgen_typescript_loader_error){}try{panel.displayName="panel",panel.__docgenInfo={description:"`Panel` expands and collapses multiple sections of content.\n\n```jsx\nimport { Panel, PanelBody, PanelRow } from '@wordpress/components';\nimport { more } from '@wordpress/icons';\n\nconst MyPanel = () => (\n\t<Panel header=\"My Panel\">\n\t\t<PanelBody title=\"My Block Settings\" icon={ more } initialOpen={ true }>\n\t\t\t<PanelRow>My Panel Inputs and Labels</PanelRow>\n\t\t</PanelBody>\n\t</Panel>\n);\n```",displayName:"panel",props:{header:{defaultValue:null,description:"The text that will be rendered as the title of the panel.\nText will be rendered inside an `<h2>` tag.",name:"header",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"The CSS class to apply to the wrapper element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content to display within the panel.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/panel/index.tsx#panel"]={docgenInfo:panel.__docgenInfo,name:"panel",path:"packages/components/src/panel/index.tsx#panel"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ToggleGroupControlOption=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedToggleGroupControlOption(props,ref){const{label,...restProps}=props,optionLabel=restProps["aria-label"]||label;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_toggle_group_control_option_base__WEBPACK_IMPORTED_MODULE_1__.A,{...restProps,"aria-label":optionLabel,ref,children:label})})),__WEBPACK_DEFAULT_EXPORT__=ToggleGroupControlOption;try{ToggleGroupControlOption.displayName="ToggleGroupControlOption",ToggleGroupControlOption.__docgenInfo={description:'`ToggleGroupControlOption` is a form component and is meant to be used as a\nchild of `ToggleGroupControl`.\n\n```jsx\nimport {\n __experimentalToggleGroupControl as ToggleGroupControl,\n __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from \'@wordpress/components\';\n\nfunction Example() {\n return (\n <ToggleGroupControl\n label="my label"\n value="vertical"\n isBlock\n __nextHasNoMarginBottom\n __next40pxDefaultSize\n >\n <ToggleGroupControlOption value="horizontal" label="Horizontal" />\n <ToggleGroupControlOption value="vertical" label="Vertical" />\n </ToggleGroupControl>\n );\n}\n```',displayName:"ToggleGroupControlOption",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},showTooltip:{defaultValue:{value:"false"},description:"Whether to display a Tooltip for the control option. If set to `true`, the tooltip will\nshow the aria-label or the label prop text.",name:"showTooltip",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Label for the option. If needed, the `aria-label` prop can be used in addition\nto specify a different label for assistive technologies.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#ToggleGroupControlOption"]={docgenInfo:ToggleGroupControlOption.__docgenInfo,name:"ToggleGroupControlOption",path:"packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#ToggleGroupControlOption"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:'`ToggleGroupControlOption` is a form component and is meant to be used as a\nchild of `ToggleGroupControl`.\n\n```jsx\nimport {\n __experimentalToggleGroupControl as ToggleGroupControl,\n __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from \'@wordpress/components\';\n\nfunction Example() {\n return (\n <ToggleGroupControl\n label="my label"\n value="vertical"\n isBlock\n __nextHasNoMarginBottom\n __next40pxDefaultSize\n >\n <ToggleGroupControlOption value="horizontal" label="Horizontal" />\n <ToggleGroupControlOption value="vertical" label="Vertical" />\n </ToggleGroupControl>\n );\n}\n```',displayName:"component",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | number"}},showTooltip:{defaultValue:{value:"false"},description:"Whether to display a Tooltip for the control option. If set to `true`, the tooltip will\nshow the aria-label or the label prop text.",name:"showTooltip",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Label for the option. If needed, the `aria-label` prop can be used in addition\nto specify a different label for assistive technologies.",name:"label",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/toggle-group-control/toggle-group-control-option/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/hooks/use-controlled-value.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>useControlledValue});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function useControlledValue({defaultValue,onChange,value:valueProp}){const hasValue=void 0!==valueProp,initialValue=hasValue?valueProp:defaultValue,[state,setState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);let setValue;return setValue=hasValue&&"function"==typeof onChange?onChange:hasValue||"function"!=typeof onChange?setState:nextValue=>{onChange(nextValue),setState(nextValue)},[hasValue?valueProp:state,setValue]}}}]); \ No newline at end of file diff --git a/tooltip-stories-index-story.1d10b67d.iframe.bundle.js b/tooltip-stories-index-story.1d10b67d.iframe.bundle.js new file mode 100644 index 00000000000000..2a6ce3645f6a70 --- /dev/null +++ b/tooltip-stories-index-story.1d10b67d.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see tooltip-stories-index-story.1d10b67d.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[2735],{"./packages/components/src/tooltip/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,KeyboardShortcut:()=>KeyboardShortcut,Nested:()=>Nested,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/keycodes/build-module/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/tooltip/index.tsx"),_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/button/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Overlays/Tooltip",id:"components-tooltip",component:___WEBPACK_IMPORTED_MODULE_1__.Ay,argTypes:{children:{control:!1},position:{control:{type:"select"},options:["top left","top center","top right","bottom left","bottom center","bottom right"]},shortcut:{control:{type:"object"}}},parameters:{sourceLink:"packages/components/src/tooltip",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Template=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Ay,{...props}),Default=Template.bind({});Default.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"primary",children:"Tooltip Anchor"}),text:"Tooltip Text"};const KeyboardShortcut=Template.bind({});KeyboardShortcut.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"secondary",children:"Keyboard Shortcut"}),shortcut:{display:"⇧⌘,",ariaLabel:_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_3__._A.primaryShift(",")}};const Nested=Template.bind({});Nested.args={children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Ay,{text:"Nested tooltip text (that will never show)",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.Ay,{variant:"primary",children:"Tooltip Anchor"})}),text:"Outer tooltip text"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => <Tooltip {...props} />",...Default.parameters?.docs?.source}}},KeyboardShortcut.parameters={...KeyboardShortcut.parameters,docs:{...KeyboardShortcut.parameters?.docs,source:{originalSource:"props => <Tooltip {...props} />",...KeyboardShortcut.parameters?.docs?.source}}},Nested.parameters={...Nested.parameters,docs:{...Nested.parameters?.docs,source:{originalSource:"props => <Tooltip {...props} />",...Nested.parameters?.docs?.source},description:{story:"In case one or more `Tooltip` components are rendered inside another\n`Tooltip` component, only the tooltip associated to the outermost `Tooltip`\ncomponent will be rendered in the browser and shown to the user\nappropriately. The rest of the nested `Tooltip` components will simply no-op\nand pass-through their anchor.",...Nested.parameters?.docs?.description}}};try{Nested.displayName="Nested",Nested.__docgenInfo={description:"In case one or more `Tooltip` components are rendered inside another\n`Tooltip` component, only the tooltip associated to the outermost `Tooltip`\ncomponent will be rendered in the browser and shown to the user\nappropriately. The rest of the nested `Tooltip` components will simply no-op\nand pass-through their anchor.",displayName:"Nested",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tooltip/stories/index.story.tsx#Nested"]={docgenInfo:Nested.__docgenInfo,name:"Nested",path:"packages/components/src/tooltip/stories/index.story.tsx#Nested"})}catch(__react_docgen_typescript_loader_error){}},"./packages/keycodes/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{EN:()=>F10,Fm:()=>ENTER,G_:()=>BACKSPACE,JF:()=>rawShortcut,Kp:()=>END,M3:()=>LEFT,NS:()=>RIGHT,Nx:()=>PAGEUP,PX:()=>DOWN,SJ:()=>DELETE,UP:()=>UP,W3:()=>PAGEDOWN,_A:()=>shortcutAriaLabel,_f:()=>ESCAPE,b:()=>displayShortcutList,dz:()=>displayShortcut,kx:()=>isKeyboardEvent,t6:()=>SPACE,wn:()=>TAB,yZ:()=>HOME});var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/i18n/build-module/index.js"),_platform__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/keycodes/build-module/platform.js");const BACKSPACE=8,TAB=9,ENTER=13,ESCAPE=27,SPACE=32,PAGEUP=33,PAGEDOWN=34,END=35,HOME=36,LEFT=37,UP=38,RIGHT=39,DOWN=40,DELETE=46,F10=121,ALT="alt",CTRL="ctrl",COMMAND="meta",SHIFT="shift";function capitaliseFirstCharacter(string){return string.length<2?string.toUpperCase():string.charAt(0).toUpperCase()+string.slice(1)}function mapValues(object,mapFn){return Object.fromEntries(Object.entries(object).map((([key,value])=>[key,mapFn(value)])))}const modifiers={primary:_isApple=>_isApple()?[COMMAND]:[CTRL],primaryShift:_isApple=>_isApple()?[SHIFT,COMMAND]:[CTRL,SHIFT],primaryAlt:_isApple=>_isApple()?[ALT,COMMAND]:[CTRL,ALT],secondary:_isApple=>_isApple()?[SHIFT,ALT,COMMAND]:[CTRL,SHIFT,ALT],access:_isApple=>_isApple()?[CTRL,ALT]:[SHIFT,ALT],ctrl:()=>[CTRL],alt:()=>[ALT],ctrlShift:()=>[CTRL,SHIFT],shift:()=>[SHIFT],shiftAlt:()=>[SHIFT,ALT],undefined:()=>[]},rawShortcut=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>[...modifier(_isApple),character.toLowerCase()].join("+"))),displayShortcutList=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const isApple=_isApple(),replacementKeyMap={[ALT]:isApple?"⌥":"Alt",[CTRL]:isApple?"⌃":"Ctrl",[COMMAND]:"⌘",[SHIFT]:isApple?"⇧":"Shift"};return[...modifier(_isApple).reduce(((accumulator,key)=>{var _replacementKeyMap$ke;const replacementKey=null!==(_replacementKeyMap$ke=replacementKeyMap[key])&&void 0!==_replacementKeyMap$ke?_replacementKeyMap$ke:key;return isApple?[...accumulator,replacementKey]:[...accumulator,replacementKey,"+"]}),[]),capitaliseFirstCharacter(character)]})),displayShortcut=mapValues(displayShortcutList,(shortcutList=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>shortcutList(character,_isApple).join(""))),shortcutAriaLabel=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const isApple=_isApple(),replacementKeyMap={[SHIFT]:"Shift",[COMMAND]:isApple?"Command":"Control",[CTRL]:"Control",[ALT]:isApple?"Option":"Alt",",":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Comma"),".":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Period"),"`":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Backtick"),"~":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Tilde")};return[...modifier(_isApple),character].map((key=>{var _replacementKeyMap$ke2;return capitaliseFirstCharacter(null!==(_replacementKeyMap$ke2=replacementKeyMap[key])&&void 0!==_replacementKeyMap$ke2?_replacementKeyMap$ke2:key)})).join(isApple?" ":" + ")}));const isKeyboardEvent=mapValues(modifiers,(getModifiers=>(event,character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const mods=getModifiers(_isApple),eventMods=function getEventModifiers(event){return[ALT,CTRL,COMMAND,SHIFT].filter((key=>event[`${key}Key`]))}(event),replacementWithShiftKeyMap={Comma:",",Backslash:"\\",IntlRo:"\\",IntlYen:"\\"},modsDiff=mods.filter((mod=>!eventMods.includes(mod))),eventModsDiff=eventMods.filter((mod=>!mods.includes(mod)));if(modsDiff.length>0||eventModsDiff.length>0)return!1;let key=event.key.toLowerCase();return character?(event.altKey&&1===character.length&&(key=String.fromCharCode(event.keyCode).toLowerCase()),event.shiftKey&&1===character.length&&replacementWithShiftKeyMap[event.code]&&(key=replacementWithShiftKeyMap[event.code]),"del"===character&&(character="delete"),key===character.toLowerCase()):mods.includes(key)}))},"./packages/keycodes/build-module/platform.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isAppleOS(_window=null){if(!_window){if("undefined"==typeof window)return!1;_window=window}const{platform}=_window.navigator;return-1!==platform.indexOf("Mac")||["iPad","iPhone"].includes(platform)}__webpack_require__.d(__webpack_exports__,{H:()=>isAppleOS})},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/tooltip-stories-index-story.1d10b67d.iframe.bundle.js.LICENSE.txt b/tooltip-stories-index-story.1d10b67d.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/tooltip-stories-index-story.1d10b67d.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/tree-grid-stories-index-story.4829e8f1.iframe.bundle.js b/tree-grid-stories-index-story.4829e8f1.iframe.bundle.js new file mode 100644 index 00000000000000..9cfb83a0a22089 --- /dev/null +++ b/tree-grid-stories-index-story.4829e8f1.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6471],{"./packages/components/src/tree-grid/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var react=__webpack_require__("./node_modules/react/index.js"),build_module=__webpack_require__("./packages/dom/build-module/index.js"),keycodes_build_module=__webpack_require__("./packages/keycodes/build-module/index.js");const RovingTabIndexContext=(0,react.createContext)(void 0),RovingTabIndexProvider=RovingTabIndexContext.Provider;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function RovingTabIndex({children}){const[lastFocusedElement,setLastFocusedElement]=(0,react.useState)(),providerValue=(0,react.useMemo)((()=>({lastFocusedElement,setLastFocusedElement})),[lastFocusedElement]);return(0,jsx_runtime.jsx)(RovingTabIndexProvider,{value:providerValue,children})}try{rovingtabindex.displayName="rovingtabindex",rovingtabindex.__docgenInfo={description:"Provider for adding roving tab index behaviors to tree grid structures.",displayName:"rovingtabindex",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/roving-tab-index.tsx#rovingtabindex"]={docgenInfo:rovingtabindex.__docgenInfo,name:"rovingtabindex",path:"packages/components/src/tree-grid/roving-tab-index.tsx#rovingtabindex"})}catch(__react_docgen_typescript_loader_error){}function getRowFocusables(rowElement){return build_module.XC.focusable.find(rowElement,{sequential:!0}).filter((focusable=>focusable.closest('[role="row"]')===rowElement))}const TreeGrid=(0,react.forwardRef)((function UnforwardedTreeGrid({children,onExpandRow=()=>{},onCollapseRow=()=>{},onFocusRow=()=>{},applicationAriaLabel,...props},ref){const onKeyDown=(0,react.useCallback)((event=>{const{keyCode,metaKey,ctrlKey,altKey}=event;if(metaKey||ctrlKey||altKey||![keycodes_build_module.UP,keycodes_build_module.PX,keycodes_build_module.M3,keycodes_build_module.NS,keycodes_build_module.yZ,keycodes_build_module.Kp].includes(keyCode))return;event.stopPropagation();const{activeElement}=document,{currentTarget:treeGridElement}=event;if(!activeElement||!treeGridElement.contains(activeElement))return;const activeRow=activeElement.closest('[role="row"]');if(!activeRow)return;const focusablesInRow=getRowFocusables(activeRow),currentColumnIndex=focusablesInRow.indexOf(activeElement),canExpandCollapse=0===currentColumnIndex,cannotFocusNextColumn=canExpandCollapse&&("false"===activeRow.getAttribute("data-expanded")||"false"===activeRow.getAttribute("aria-expanded"))&&keyCode===keycodes_build_module.NS;if([keycodes_build_module.M3,keycodes_build_module.NS].includes(keyCode)){let nextIndex;if(nextIndex=keyCode===keycodes_build_module.M3?Math.max(0,currentColumnIndex-1):Math.min(currentColumnIndex+1,focusablesInRow.length-1),canExpandCollapse){if(keyCode===keycodes_build_module.M3){var _activeRow$getAttribu;if("true"===activeRow.getAttribute("data-expanded")||"true"===activeRow.getAttribute("aria-expanded"))return onCollapseRow(activeRow),void event.preventDefault();const level=Math.max(parseInt(null!==(_activeRow$getAttribu=activeRow?.getAttribute("aria-level"))&&void 0!==_activeRow$getAttribu?_activeRow$getAttribu:"1",10)-1,1),rows=Array.from(treeGridElement.querySelectorAll('[role="row"]'));let parentRow=activeRow;for(let i=rows.indexOf(activeRow);i>=0;i--){const ariaLevel=rows[i].getAttribute("aria-level");if(null!==ariaLevel&&parseInt(ariaLevel,10)===level){parentRow=rows[i];break}}getRowFocusables(parentRow)?.[0]?.focus()}if(keyCode===keycodes_build_module.NS){if("false"===activeRow.getAttribute("data-expanded")||"false"===activeRow.getAttribute("aria-expanded"))return onExpandRow(activeRow),void event.preventDefault();const focusableItems=getRowFocusables(activeRow);focusableItems.length>0&&focusableItems[nextIndex]?.focus()}return void event.preventDefault()}if(cannotFocusNextColumn)return;focusablesInRow[nextIndex].focus(),event.preventDefault()}else if([keycodes_build_module.UP,keycodes_build_module.PX].includes(keyCode)){const rows=Array.from(treeGridElement.querySelectorAll('[role="row"]')),currentRowIndex=rows.indexOf(activeRow);let nextRowIndex;if(nextRowIndex=keyCode===keycodes_build_module.UP?Math.max(0,currentRowIndex-1):Math.min(currentRowIndex+1,rows.length-1),nextRowIndex===currentRowIndex)return void event.preventDefault();const focusablesInNextRow=getRowFocusables(rows[nextRowIndex]);if(!focusablesInNextRow||!focusablesInNextRow.length)return void event.preventDefault();focusablesInNextRow[Math.min(currentColumnIndex,focusablesInNextRow.length-1)].focus(),onFocusRow(event,activeRow,rows[nextRowIndex]),event.preventDefault()}else if([keycodes_build_module.yZ,keycodes_build_module.Kp].includes(keyCode)){const rows=Array.from(treeGridElement.querySelectorAll('[role="row"]')),currentRowIndex=rows.indexOf(activeRow);let nextRowIndex;if(nextRowIndex=keyCode===keycodes_build_module.yZ?0:rows.length-1,nextRowIndex===currentRowIndex)return void event.preventDefault();const focusablesInNextRow=getRowFocusables(rows[nextRowIndex]);if(!focusablesInNextRow||!focusablesInNextRow.length)return void event.preventDefault();focusablesInNextRow[Math.min(currentColumnIndex,focusablesInNextRow.length-1)].focus(),onFocusRow(event,activeRow,rows[nextRowIndex]),event.preventDefault()}}),[onExpandRow,onCollapseRow,onFocusRow]);return(0,jsx_runtime.jsx)(RovingTabIndex,{children:(0,jsx_runtime.jsx)("div",{role:"application","aria-label":applicationAriaLabel,children:(0,jsx_runtime.jsx)("table",{...props,role:"treegrid",onKeyDown,ref,children:(0,jsx_runtime.jsx)("tbody",{children})})})})})),tree_grid=TreeGrid;try{TreeGrid.displayName="TreeGrid",TreeGrid.__docgenInfo={description:"`TreeGrid` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.\n\nA tree grid is a hierarchical 2 dimensional UI component, for example it could be\nused to implement a file system browser.\n\nA tree grid allows the user to navigate using arrow keys.\nUp/down to navigate vertically across rows, and left/right to navigate horizontally\nbetween focusables in a row.\n\nThe `TreeGrid` renders both a `table` and `tbody` element, and is intended to be used\nwith `TreeGridRow` (`tr`) and `TreeGridCell` (`td`) to build out a grid.\n\n```jsx\nfunction TreeMenu() {\n\treturn (\n\t\t<TreeGrid>\n\t\t\t<TreeGridRow level={ 1 } positionInSet={ 1 } setSize={ 2 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t\t<TreeGridRow level={ 1 } positionInSet={ 2 } setSize={ 2 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t\t<TreeGridRow level={ 2 } positionInSet={ 1 } setSize={ 1 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t</TreeGrid>\n\t);\n}\n```",displayName:"TreeGrid",props:{applicationAriaLabel:{defaultValue:null,description:"Label to use for the element with the `application` role.",name:"applicationAriaLabel",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children to be rendered in the tree grid.",name:"children",required:!0,type:{name:"ReactNode"}},onExpandRow:{defaultValue:{value:"noop"},description:"Callback to fire when row is expanded.",name:"onExpandRow",required:!1,type:{name:"(row: HTMLElement) => void"}},onCollapseRow:{defaultValue:{value:"noop"},description:"Callback to fire when row is collapsed.",name:"onCollapseRow",required:!1,type:{name:"(row: HTMLElement) => void"}},onFocusRow:{defaultValue:{value:"noop"},description:"Callback that fires when focus is shifted from one row to another via\nthe Up and Down keys. Callback is also fired on Home and End keys which\nmove focus from the beginning row to the end row.\n\nThe callback is passed the event, the start row element that the focus was on\noriginally, and the destination row element after the focus has moved.",name:"onFocusRow",required:!1,type:{name:"(event: KeyboardEvent<HTMLTableElement>, startRow: HTMLElement, destinationRow: HTMLElement) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/index.tsx#TreeGrid"]={docgenInfo:TreeGrid.__docgenInfo,name:"TreeGrid",path:"packages/components/src/tree-grid/index.tsx#TreeGrid"})}catch(__react_docgen_typescript_loader_error){}try{treegrid.displayName="treegrid",treegrid.__docgenInfo={description:"`TreeGrid` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.\n\nA tree grid is a hierarchical 2 dimensional UI component, for example it could be\nused to implement a file system browser.\n\nA tree grid allows the user to navigate using arrow keys.\nUp/down to navigate vertically across rows, and left/right to navigate horizontally\nbetween focusables in a row.\n\nThe `TreeGrid` renders both a `table` and `tbody` element, and is intended to be used\nwith `TreeGridRow` (`tr`) and `TreeGridCell` (`td`) to build out a grid.\n\n```jsx\nfunction TreeMenu() {\n\treturn (\n\t\t<TreeGrid>\n\t\t\t<TreeGridRow level={ 1 } positionInSet={ 1 } setSize={ 2 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t\t<TreeGridRow level={ 1 } positionInSet={ 2 } setSize={ 2 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t\t<TreeGridRow level={ 2 } positionInSet={ 1 } setSize={ 1 }>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t\t<TreeGridCell>\n\t\t\t\t\t{ ( props ) => (\n\t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n\t\t\t\t\t) }\n\t\t\t\t</TreeGridCell>\n\t\t\t</TreeGridRow>\n\t\t</TreeGrid>\n\t);\n}\n```",displayName:"treegrid",props:{applicationAriaLabel:{defaultValue:null,description:"Label to use for the element with the `application` role.",name:"applicationAriaLabel",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children to be rendered in the tree grid.",name:"children",required:!0,type:{name:"ReactNode"}},onExpandRow:{defaultValue:{value:"noop"},description:"Callback to fire when row is expanded.",name:"onExpandRow",required:!1,type:{name:"(row: HTMLElement) => void"}},onCollapseRow:{defaultValue:{value:"noop"},description:"Callback to fire when row is collapsed.",name:"onCollapseRow",required:!1,type:{name:"(row: HTMLElement) => void"}},onFocusRow:{defaultValue:{value:"noop"},description:"Callback that fires when focus is shifted from one row to another via\nthe Up and Down keys. Callback is also fired on Home and End keys which\nmove focus from the beginning row to the end row.\n\nThe callback is passed the event, the start row element that the focus was on\noriginally, and the destination row element after the focus has moved.",name:"onFocusRow",required:!1,type:{name:"(event: KeyboardEvent<HTMLTableElement>, startRow: HTMLElement, destinationRow: HTMLElement) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/index.tsx#treegrid"]={docgenInfo:treegrid.__docgenInfo,name:"treegrid",path:"packages/components/src/tree-grid/index.tsx#treegrid"})}catch(__react_docgen_typescript_loader_error){}try{TreeGridRow.displayName="TreeGridRow",TreeGridRow.__docgenInfo={description:"`TreeGridRow` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridRow",props:{children:{defaultValue:null,description:"The children to be rendered in the row.",name:"children",required:!0,type:{name:"ReactNode"}},level:{defaultValue:null,description:"An integer value designating the level in the hierarchical tree structure.\nCounting starts at 1. A value of `1` indicates the root level of the structure.",name:"level",required:!0,type:{name:"number"}},positionInSet:{defaultValue:null,description:"An integer value that represents the position in the set.\nA set is the count of elements at a specific level. Counting starts at 1.",name:"positionInSet",required:!0,type:{name:"number"}},setSize:{defaultValue:null,description:"An integer value that represents the total number of items in the set,\nat this specific level of the hierarchy.",name:"setSize",required:!0,type:{name:"number"}},isExpanded:{defaultValue:null,description:"An optional value that designates whether a row is expanded or collapsed.\nCurrently this value only sets the correct aria-expanded property on a row,\nit has no other built-in behavior.\n\nIf there is a need to implement `aria-expanded` elsewhere in the row, cell,\nor element within a cell, you may pass `isExpanded={ undefined }`.\nIn order for keyboard navigation to continue working, add the\n`data-expanded` attribute with either `true`/`false`. This allows the\n`TreeGrid` component to still manage keyboard interactions while allowing\nthe `aria-expanded` attribute to be placed elsewhere.",name:"isExpanded",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/index.tsx#TreeGridRow"]={docgenInfo:TreeGridRow.__docgenInfo,name:"TreeGridRow",path:"packages/components/src/tree-grid/index.tsx#TreeGridRow"})}catch(__react_docgen_typescript_loader_error){}try{TreeGridCell.displayName="TreeGridCell",TreeGridCell.__docgenInfo={description:"`TreeGridCell` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridCell",props:{withoutGridItem:{defaultValue:{value:"false"},description:"Render `children` without wrapping it in a `TreeGridItem` component.\nThis means that `children` will not participate in the roving tabindex.",name:"withoutGridItem",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A render function that receives the props necessary to make it participate in the\nroving tabindex. Any extra props will also be passed through to this function.\n\nProps passed as an argument to the render prop must be passed to the child\nfocusable component/element within the cell. If a component is used, it must\ncorrectly handle the `onFocus`, `tabIndex`, and `ref` props, passing these to the\nelement it renders. These props are used to handle the roving tabindex functionality\nof the tree grid.\n\n```jsx\n<TreeGridCell>\n\t{ ( props ) => (\n\t\t<Button onClick={ doSomething } { ...props }>\n\t\t\tDo something\n\t\t</Button>\n\t) }\n</TreeGridCell>\n```",name:"children",required:!1,type:{name:"ReactNode | ((props: RovingTabIndexItemPassThruProps) => Element)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/index.tsx#TreeGridCell"]={docgenInfo:TreeGridCell.__docgenInfo,name:"TreeGridCell",path:"packages/components/src/tree-grid/index.tsx#TreeGridCell"})}catch(__react_docgen_typescript_loader_error){}try{TreeGridItem.displayName="TreeGridItem",TreeGridItem.__docgenInfo={description:"`TreeGridItem` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/index.tsx#TreeGridItem"]={docgenInfo:TreeGridItem.__docgenInfo,name:"TreeGridItem",path:"packages/components/src/tree-grid/index.tsx#TreeGridItem"})}catch(__react_docgen_typescript_loader_error){}const row_TreeGridRow=(0,react.forwardRef)((function UnforwardedTreeGridRow({children,level,positionInSet,setSize,isExpanded,...props},ref){return(0,jsx_runtime.jsx)("tr",{...props,ref,role:"row","aria-level":level,"aria-posinset":positionInSet,"aria-setsize":setSize,"aria-expanded":isExpanded,children})})),tree_grid_row=row_TreeGridRow;try{row_TreeGridRow.displayName="TreeGridRow",row_TreeGridRow.__docgenInfo={description:"`TreeGridRow` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridRow",props:{children:{defaultValue:null,description:"The children to be rendered in the row.",name:"children",required:!0,type:{name:"ReactNode"}},level:{defaultValue:null,description:"An integer value designating the level in the hierarchical tree structure.\nCounting starts at 1. A value of `1` indicates the root level of the structure.",name:"level",required:!0,type:{name:"number"}},positionInSet:{defaultValue:null,description:"An integer value that represents the position in the set.\nA set is the count of elements at a specific level. Counting starts at 1.",name:"positionInSet",required:!0,type:{name:"number"}},setSize:{defaultValue:null,description:"An integer value that represents the total number of items in the set,\nat this specific level of the hierarchy.",name:"setSize",required:!0,type:{name:"number"}},isExpanded:{defaultValue:null,description:"An optional value that designates whether a row is expanded or collapsed.\nCurrently this value only sets the correct aria-expanded property on a row,\nit has no other built-in behavior.\n\nIf there is a need to implement `aria-expanded` elsewhere in the row, cell,\nor element within a cell, you may pass `isExpanded={ undefined }`.\nIn order for keyboard navigation to continue working, add the\n`data-expanded` attribute with either `true`/`false`. This allows the\n`TreeGrid` component to still manage keyboard interactions while allowing\nthe `aria-expanded` attribute to be placed elsewhere.",name:"isExpanded",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/row.tsx#TreeGridRow"]={docgenInfo:row_TreeGridRow.__docgenInfo,name:"TreeGridRow",path:"packages/components/src/tree-grid/row.tsx#TreeGridRow"})}catch(__react_docgen_typescript_loader_error){}try{row.displayName="row",row.__docgenInfo={description:"`TreeGridRow` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"row",props:{children:{defaultValue:null,description:"The children to be rendered in the row.",name:"children",required:!0,type:{name:"ReactNode"}},level:{defaultValue:null,description:"An integer value designating the level in the hierarchical tree structure.\nCounting starts at 1. A value of `1` indicates the root level of the structure.",name:"level",required:!0,type:{name:"number"}},positionInSet:{defaultValue:null,description:"An integer value that represents the position in the set.\nA set is the count of elements at a specific level. Counting starts at 1.",name:"positionInSet",required:!0,type:{name:"number"}},setSize:{defaultValue:null,description:"An integer value that represents the total number of items in the set,\nat this specific level of the hierarchy.",name:"setSize",required:!0,type:{name:"number"}},isExpanded:{defaultValue:null,description:"An optional value that designates whether a row is expanded or collapsed.\nCurrently this value only sets the correct aria-expanded property on a row,\nit has no other built-in behavior.\n\nIf there is a need to implement `aria-expanded` elsewhere in the row, cell,\nor element within a cell, you may pass `isExpanded={ undefined }`.\nIn order for keyboard navigation to continue working, add the\n`data-expanded` attribute with either `true`/`false`. This allows the\n`TreeGrid` component to still manage keyboard interactions while allowing\nthe `aria-expanded` attribute to be placed elsewhere.",name:"isExpanded",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/row.tsx#row"]={docgenInfo:row.__docgenInfo,name:"row",path:"packages/components/src/tree-grid/row.tsx#row"})}catch(__react_docgen_typescript_loader_error){}const RovingTabIndexItem=(0,react.forwardRef)((function UnforwardedRovingTabIndexItem({children,as:Component,...props},forwardedRef){const localRef=(0,react.useRef)(),ref=forwardedRef||localRef,{lastFocusedElement,setLastFocusedElement}=(0,react.useContext)(RovingTabIndexContext);let tabIndex;lastFocusedElement&&(tabIndex=lastFocusedElement===("current"in ref?ref.current:void 0)?0:-1);const allProps={ref,tabIndex,onFocus:event=>setLastFocusedElement?.(event.target),...props};return"function"==typeof children?children(allProps):Component?(0,jsx_runtime.jsx)(Component,{...allProps,children}):null})),roving_tab_index_item=RovingTabIndexItem;try{RovingTabIndexItem.displayName="RovingTabIndexItem",RovingTabIndexItem.__docgenInfo={description:"",displayName:"RovingTabIndexItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/roving-tab-index-item.tsx#RovingTabIndexItem"]={docgenInfo:RovingTabIndexItem.__docgenInfo,name:"RovingTabIndexItem",path:"packages/components/src/tree-grid/roving-tab-index-item.tsx#RovingTabIndexItem"})}catch(__react_docgen_typescript_loader_error){}try{rovingtabindexitem.displayName="rovingtabindexitem",rovingtabindexitem.__docgenInfo={description:"",displayName:"rovingtabindexitem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/roving-tab-index-item.tsx#rovingtabindexitem"]={docgenInfo:rovingtabindexitem.__docgenInfo,name:"rovingtabindexitem",path:"packages/components/src/tree-grid/roving-tab-index-item.tsx#rovingtabindexitem"})}catch(__react_docgen_typescript_loader_error){}const item_TreeGridItem=(0,react.forwardRef)((function UnforwardedTreeGridItem({children,...props},ref){return(0,jsx_runtime.jsx)(roving_tab_index_item,{ref,...props,children})})),tree_grid_item=item_TreeGridItem;try{item_TreeGridItem.displayName="TreeGridItem",item_TreeGridItem.__docgenInfo={description:"`TreeGridItem` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/item.tsx#TreeGridItem"]={docgenInfo:item_TreeGridItem.__docgenInfo,name:"TreeGridItem",path:"packages/components/src/tree-grid/item.tsx#TreeGridItem"})}catch(__react_docgen_typescript_loader_error){}try{item.displayName="item",item.__docgenInfo={description:"`TreeGridItem` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"item",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/item.tsx#item"]={docgenInfo:item.__docgenInfo,name:"item",path:"packages/components/src/tree-grid/item.tsx#item"})}catch(__react_docgen_typescript_loader_error){}const cell_TreeGridCell=(0,react.forwardRef)((function UnforwardedTreeGridCell({children,withoutGridItem=!1,...props},ref){return(0,jsx_runtime.jsx)("td",{...props,role:"gridcell",children:withoutGridItem?(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"function"==typeof children?children({...props,ref}):children}):(0,jsx_runtime.jsx)(tree_grid_item,{ref,children})})})),tree_grid_cell=cell_TreeGridCell;try{cell_TreeGridCell.displayName="TreeGridCell",cell_TreeGridCell.__docgenInfo={description:"`TreeGridCell` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"TreeGridCell",props:{withoutGridItem:{defaultValue:{value:"false"},description:"Render `children` without wrapping it in a `TreeGridItem` component.\nThis means that `children` will not participate in the roving tabindex.",name:"withoutGridItem",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A render function that receives the props necessary to make it participate in the\nroving tabindex. Any extra props will also be passed through to this function.\n\nProps passed as an argument to the render prop must be passed to the child\nfocusable component/element within the cell. If a component is used, it must\ncorrectly handle the `onFocus`, `tabIndex`, and `ref` props, passing these to the\nelement it renders. These props are used to handle the roving tabindex functionality\nof the tree grid.\n\n```jsx\n<TreeGridCell>\n\t{ ( props ) => (\n\t\t<Button onClick={ doSomething } { ...props }>\n\t\t\tDo something\n\t\t</Button>\n\t) }\n</TreeGridCell>\n```",name:"children",required:!1,type:{name:"ReactNode | ((props: RovingTabIndexItemPassThruProps) => Element)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/cell.tsx#TreeGridCell"]={docgenInfo:cell_TreeGridCell.__docgenInfo,name:"TreeGridCell",path:"packages/components/src/tree-grid/cell.tsx#TreeGridCell"})}catch(__react_docgen_typescript_loader_error){}try{cell.displayName="cell",cell.__docgenInfo={description:"`TreeGridCell` is used to create a tree hierarchy.\nIt is not a visually styled component, but instead helps with adding\nkeyboard navigation and roving tab index behaviors to tree grid structures.",displayName:"cell",props:{withoutGridItem:{defaultValue:{value:"false"},description:"Render `children` without wrapping it in a `TreeGridItem` component.\nThis means that `children` will not participate in the roving tabindex.",name:"withoutGridItem",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"A render function that receives the props necessary to make it participate in the\nroving tabindex. Any extra props will also be passed through to this function.\n\nProps passed as an argument to the render prop must be passed to the child\nfocusable component/element within the cell. If a component is used, it must\ncorrectly handle the `onFocus`, `tabIndex`, and `ref` props, passing these to the\nelement it renders. These props are used to handle the roving tabindex functionality\nof the tree grid.\n\n```jsx\n<TreeGridCell>\n\t{ ( props ) => (\n\t\t<Button onClick={ doSomething } { ...props }>\n\t\t\tDo something\n\t\t</Button>\n\t) }\n</TreeGridCell>\n```",name:"children",required:!1,type:{name:"ReactNode | ((props: RovingTabIndexItemPassThruProps) => Element)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-grid/cell.tsx#cell"]={docgenInfo:cell.__docgenInfo,name:"cell",path:"packages/components/src/tree-grid/cell.tsx#cell"})}catch(__react_docgen_typescript_loader_error){}var src_button=__webpack_require__("./packages/components/src/button/index.tsx"),input_control=__webpack_require__("./packages/components/src/input-control/index.tsx");const index_story={title:"Components (Experimental)/Navigation/TreeGrid",id:"components-experimental-treegrid",component:tree_grid,subcomponents:{TreeGridRow:tree_grid_row,TreeGridCell:tree_grid_cell},argTypes:{children:{control:!1}},parameters:{sourceLink:"packages/components/src/tree-grid",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0}}},Descender=({level})=>{if(1===level)return null;const indentation=" ".repeat(4*(level-1));return(0,jsx_runtime.jsx)("span",{"aria-hidden":"true",children:indentation+"├ "})},Rows=({items=[],level=1})=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:items.map(((item,index)=>{const hasChildren=!!item.types&&!!item.types.length;return(0,jsx_runtime.jsxs)(react.Fragment,{children:[(0,jsx_runtime.jsxs)(tree_grid_row,{positionInSet:index+1,setSize:items.length,level,isExpanded:!0,children:[(0,jsx_runtime.jsx)(tree_grid_cell,{children:props=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Descender,{level}),(0,jsx_runtime.jsx)(src_button.$n,{variant:"primary",...props,children:item.name})]})}),(0,jsx_runtime.jsx)(tree_grid_cell,{children:props=>(0,jsx_runtime.jsx)(input_control.Ay,{label:"Description",hideLabelFromVision:!0,placeholder:"Description",__next40pxDefaultSize:!0,...props})}),(0,jsx_runtime.jsx)(tree_grid_cell,{children:props=>(0,jsx_runtime.jsx)(input_control.Ay,{label:"Notes",hideLabelFromVision:!0,placeholder:"Notes",__next40pxDefaultSize:!0,...props})})]}),hasChildren&&(0,jsx_runtime.jsx)(Rows,{items:item.types,level:level+1})]},item.name)}))}),Default=(args=>(0,jsx_runtime.jsx)(tree_grid,{...args})).bind({});Default.args={children:(0,jsx_runtime.jsx)(Rows,{items:[{name:"Fruit",types:[{name:"Apple"},{name:"Orange"},{name:"Pear"}]},{name:"Vegetable",types:[{name:"Cucumber"},{name:"Parsnip"},{name:"Pumpkin"}]}]})},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <TreeGrid {...args} />",...Default.parameters?.docs?.source}}}},"./packages/dom/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{XC:()=>build_module_focus});var focusable_namespaceObject={};__webpack_require__.r(focusable_namespaceObject),__webpack_require__.d(focusable_namespaceObject,{find:()=>find});var tabbable_namespaceObject={};function isVisible(element){return element.offsetWidth>0||element.offsetHeight>0||element.getClientRects().length>0}function find(context,{sequential=!1}={}){const elements=context.querySelectorAll(function buildSelector(sequential){return[sequential?'[tabindex]:not([tabindex^="-"])':"[tabindex]","a[href]","button:not([disabled])",'input:not([type="hidden"]):not([disabled])',"select:not([disabled])","textarea:not([disabled])",'iframe:not([tabindex^="-"])',"object","embed","area[href]","[contenteditable]:not([contenteditable=false])"].join(",")}(sequential));return Array.from(elements).filter((element=>{if(!isVisible(element))return!1;const{nodeName}=element;return"AREA"!==nodeName||function isValidFocusableArea(element){const map=element.closest("map[name]");if(!map)return!1;const img=element.ownerDocument.querySelector('img[usemap="#'+map.name+'"]');return!!img&&isVisible(img)}(element)}))}function getTabIndex(element){const tabIndex=element.getAttribute("tabindex");return null===tabIndex?0:parseInt(tabIndex,10)}function isTabbableIndex(element){return-1!==getTabIndex(element)}function mapElementToObjectTabbable(element,index){return{element,index}}function mapObjectTabbableToElement(object){return object.element}function compareObjectTabbables(a,b){const aTabIndex=getTabIndex(a.element),bTabIndex=getTabIndex(b.element);return aTabIndex===bTabIndex?a.index-b.index:aTabIndex-bTabIndex}function filterTabbable(focusables){return focusables.filter(isTabbableIndex).map(mapElementToObjectTabbable).sort(compareObjectTabbables).map(mapObjectTabbableToElement).reduce(function createStatefulCollapseRadioGroup(){const CHOSEN_RADIO_BY_NAME={};return function collapseRadioGroup(result,element){const{nodeName,type,checked,name}=element;if("INPUT"!==nodeName||"radio"!==type||!name)return result.concat(element);const hasChosen=CHOSEN_RADIO_BY_NAME.hasOwnProperty(name);if(!checked&&hasChosen)return result;if(hasChosen){const hadChosenElement=CHOSEN_RADIO_BY_NAME[name];result=result.filter((e=>e!==hadChosenElement))}return CHOSEN_RADIO_BY_NAME[name]=element,result.concat(element)}}(),[])}function tabbable_find(context){return filterTabbable(find(context))}function findPrevious(element){return filterTabbable(find(element.ownerDocument.body)).reverse().find((focusable=>element.compareDocumentPosition(focusable)&element.DOCUMENT_POSITION_PRECEDING))}function findNext(element){return filterTabbable(find(element.ownerDocument.body)).find((focusable=>element.compareDocumentPosition(focusable)&element.DOCUMENT_POSITION_FOLLOWING))}__webpack_require__.r(tabbable_namespaceObject),__webpack_require__.d(tabbable_namespaceObject,{find:()=>tabbable_find,findNext:()=>findNext,findPrevious:()=>findPrevious,isTabbableIndex:()=>isTabbableIndex});const build_module_focus={focusable:focusable_namespaceObject,tabbable:tabbable_namespaceObject}},"./packages/keycodes/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{EN:()=>F10,Fm:()=>ENTER,G_:()=>BACKSPACE,JF:()=>rawShortcut,Kp:()=>END,M3:()=>LEFT,NS:()=>RIGHT,Nx:()=>PAGEUP,PX:()=>DOWN,SJ:()=>DELETE,UP:()=>UP,W3:()=>PAGEDOWN,_A:()=>shortcutAriaLabel,_f:()=>ESCAPE,b:()=>displayShortcutList,dz:()=>displayShortcut,kx:()=>isKeyboardEvent,t6:()=>SPACE,wn:()=>TAB,yZ:()=>HOME});var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/i18n/build-module/index.js"),_platform__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/keycodes/build-module/platform.js");const BACKSPACE=8,TAB=9,ENTER=13,ESCAPE=27,SPACE=32,PAGEUP=33,PAGEDOWN=34,END=35,HOME=36,LEFT=37,UP=38,RIGHT=39,DOWN=40,DELETE=46,F10=121,ALT="alt",CTRL="ctrl",COMMAND="meta",SHIFT="shift";function capitaliseFirstCharacter(string){return string.length<2?string.toUpperCase():string.charAt(0).toUpperCase()+string.slice(1)}function mapValues(object,mapFn){return Object.fromEntries(Object.entries(object).map((([key,value])=>[key,mapFn(value)])))}const modifiers={primary:_isApple=>_isApple()?[COMMAND]:[CTRL],primaryShift:_isApple=>_isApple()?[SHIFT,COMMAND]:[CTRL,SHIFT],primaryAlt:_isApple=>_isApple()?[ALT,COMMAND]:[CTRL,ALT],secondary:_isApple=>_isApple()?[SHIFT,ALT,COMMAND]:[CTRL,SHIFT,ALT],access:_isApple=>_isApple()?[CTRL,ALT]:[SHIFT,ALT],ctrl:()=>[CTRL],alt:()=>[ALT],ctrlShift:()=>[CTRL,SHIFT],shift:()=>[SHIFT],shiftAlt:()=>[SHIFT,ALT],undefined:()=>[]},rawShortcut=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>[...modifier(_isApple),character.toLowerCase()].join("+"))),displayShortcutList=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const isApple=_isApple(),replacementKeyMap={[ALT]:isApple?"⌥":"Alt",[CTRL]:isApple?"⌃":"Ctrl",[COMMAND]:"⌘",[SHIFT]:isApple?"⇧":"Shift"};return[...modifier(_isApple).reduce(((accumulator,key)=>{var _replacementKeyMap$ke;const replacementKey=null!==(_replacementKeyMap$ke=replacementKeyMap[key])&&void 0!==_replacementKeyMap$ke?_replacementKeyMap$ke:key;return isApple?[...accumulator,replacementKey]:[...accumulator,replacementKey,"+"]}),[]),capitaliseFirstCharacter(character)]})),displayShortcut=mapValues(displayShortcutList,(shortcutList=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>shortcutList(character,_isApple).join(""))),shortcutAriaLabel=mapValues(modifiers,(modifier=>(character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const isApple=_isApple(),replacementKeyMap={[SHIFT]:"Shift",[COMMAND]:isApple?"Command":"Control",[CTRL]:"Control",[ALT]:isApple?"Option":"Alt",",":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Comma"),".":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Period"),"`":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Backtick"),"~":(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Tilde")};return[...modifier(_isApple),character].map((key=>{var _replacementKeyMap$ke2;return capitaliseFirstCharacter(null!==(_replacementKeyMap$ke2=replacementKeyMap[key])&&void 0!==_replacementKeyMap$ke2?_replacementKeyMap$ke2:key)})).join(isApple?" ":" + ")}));const isKeyboardEvent=mapValues(modifiers,(getModifiers=>(event,character,_isApple=_platform__WEBPACK_IMPORTED_MODULE_1__.H)=>{const mods=getModifiers(_isApple),eventMods=function getEventModifiers(event){return[ALT,CTRL,COMMAND,SHIFT].filter((key=>event[`${key}Key`]))}(event),replacementWithShiftKeyMap={Comma:",",Backslash:"\\",IntlRo:"\\",IntlYen:"\\"},modsDiff=mods.filter((mod=>!eventMods.includes(mod))),eventModsDiff=eventMods.filter((mod=>!mods.includes(mod)));if(modsDiff.length>0||eventModsDiff.length>0)return!1;let key=event.key.toLowerCase();return character?(event.altKey&&1===character.length&&(key=String.fromCharCode(event.keyCode).toLowerCase()),event.shiftKey&&1===character.length&&replacementWithShiftKeyMap[event.code]&&(key=replacementWithShiftKeyMap[event.code]),"del"===character&&(character="delete"),key===character.toLowerCase()):mods.includes(key)}))},"./packages/keycodes/build-module/platform.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isAppleOS(_window=null){if(!_window){if("undefined"==typeof window)return!1;_window=window}const{platform}=_window.navigator;return-1!==platform.indexOf("Mac")||["iPad","iPhone"].includes(platform)}__webpack_require__.d(__webpack_exports__,{H:()=>isAppleOS})},"./packages/components/src/input-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ey:()=>InputControl,Ay:()=>input_control});var clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),use_instance_id=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),react=__webpack_require__("./node_modules/react/index.js"),input_base=__webpack_require__("./packages/components/src/input-control/input-base.tsx"),use_gesture_react_esm=__webpack_require__("./node_modules/@use-gesture/react/dist/use-gesture-react.esm.js");var input_control_styles=__webpack_require__("./packages/components/src/input-control/styles/input-control-styles.tsx");const initialStateReducer=state=>state,initialInputControlState={error:null,initialValue:"",isDirty:!1,isDragEnabled:!1,isDragging:!1,isPressEnterToChange:!1,value:""};var actions=__webpack_require__("./packages/components/src/input-control/reducer/actions.ts");function useInputControlStateReducer(stateReducer=initialStateReducer,initialState=initialInputControlState,onChangeHandler){const[state,dispatch]=(0,react.useReducer)(function inputControlStateReducer(composedStateReducers){return(state,action)=>{const nextState={...state};switch(action.type){case actions.W3:return nextState.value=action.payload.value,nextState.isDirty=!1,nextState._event=void 0,nextState;case actions.wX:case actions.r7:nextState.isDirty=!1;break;case actions.Qf:nextState.isDragging=!0;break;case actions.Ry:nextState.isDragging=!1;break;case actions.PL:nextState.error=null,nextState.value=action.payload.value,state.isPressEnterToChange&&(nextState.isDirty=!0);break;case actions.cJ:nextState.value=action.payload.value,nextState.isDirty=!1;break;case actions.Ut:nextState.error=null,nextState.isDirty=!1,nextState.value=action.payload.value||state.initialValue;break;case actions.uY:nextState.error=action.payload.error}return nextState._event=action.payload.event,composedStateReducers(nextState,action)}}(stateReducer),function mergeInitialState(initialState=initialInputControlState){const{value}=initialState;return{...initialInputControlState,...initialState,initialValue:value}}(initialState)),createChangeEvent=type=>(nextValue,event)=>{dispatch({type,payload:{value:nextValue,event}})},createKeyEvent=type=>event=>{dispatch({type,payload:{event}})},createDragEvent=type=>payload=>{dispatch({type,payload})},change=createChangeEvent(actions.PL),reset=createChangeEvent(actions.Ut),commit=createChangeEvent(actions.cJ),dragStart=createDragEvent(actions.Qf),drag=createDragEvent(actions.j),dragEnd=createDragEvent(actions.Ry),pressUp=createKeyEvent(actions.wX),pressDown=createKeyEvent(actions.r7),pressEnter=createKeyEvent(actions.bR),currentStateRef=(0,react.useRef)(state),refPropsRef=(0,react.useRef)({value:initialState.value,onChangeHandler});return(0,react.useLayoutEffect)((()=>{currentStateRef.current=state,refPropsRef.current={value:initialState.value,onChangeHandler}})),(0,react.useLayoutEffect)((()=>{var _state$value;void 0===currentStateRef.current._event||state.value===refPropsRef.current.value||state.isDirty||refPropsRef.current.onChangeHandler(null!==(_state$value=state.value)&&void 0!==_state$value?_state$value:"",{event:currentStateRef.current._event})}),[state.value,state.isDirty]),(0,react.useLayoutEffect)((()=>{var _initialState$value;initialState.value===currentStateRef.current.value||currentStateRef.current.isDirty||dispatch({type:actions.W3,payload:{value:null!==(_initialState$value=initialState.value)&&void 0!==_initialState$value?_initialState$value:""}})}),[initialState.value]),{change,commit,dispatch,drag,dragEnd,dragStart,invalidate:(error,event)=>dispatch({type:actions.uY,payload:{error,event}}),pressDown,pressEnter,pressUp,reset,state}}var with_ignore_ime_events=__webpack_require__("./packages/components/src/utils/with-ignore-ime-events.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const noop=()=>{};const input_field=(0,react.forwardRef)((function InputField({disabled=!1,dragDirection="n",dragThreshold=10,id,isDragEnabled=!1,isPressEnterToChange=!1,onBlur=noop,onChange=noop,onDrag=noop,onDragEnd=noop,onDragStart=noop,onKeyDown=noop,onValidate=noop,size="default",stateReducer=state=>state,value:valueProp,type,...props},ref){const{state,change,commit,drag,dragEnd,dragStart,invalidate,pressDown,pressEnter,pressUp,reset}=useInputControlStateReducer(stateReducer,{isDragEnabled,value:valueProp,isPressEnterToChange},onChange),{value,isDragging,isDirty}=state,wasDirtyOnBlur=(0,react.useRef)(!1),dragCursor=function useDragCursor(isDragging,dragDirection){const dragCursor=function getDragCursor(dragDirection){let dragCursor="ns-resize";switch(dragDirection){case"n":case"s":dragCursor="ns-resize";break;case"e":case"w":dragCursor="ew-resize"}return dragCursor}(dragDirection);return(0,react.useEffect)((()=>{document.documentElement.style.cursor=isDragging?dragCursor:null}),[isDragging,dragCursor]),dragCursor}(isDragging,dragDirection),handleOnCommit=event=>{const nextValue=event.currentTarget.value;try{onValidate(nextValue),commit(nextValue,event)}catch(err){invalidate(err,event)}},dragGestureProps=(0,use_gesture_react_esm.useDrag)((dragProps=>{const{distance,dragging,event,target}=dragProps;if(dragProps.event={...dragProps.event,target},distance){if(event.stopPropagation(),!dragging)return onDragEnd(dragProps),void dragEnd(dragProps);onDrag(dragProps),drag(dragProps),isDragging||(onDragStart(dragProps),dragStart(dragProps))}}),{axis:"e"===dragDirection||"w"===dragDirection?"x":"y",threshold:dragThreshold,enabled:isDragEnabled,pointer:{capture:!1}}),dragProps=isDragEnabled?dragGestureProps():{};let handleOnMouseDown;return"number"===type&&(handleOnMouseDown=event=>{props.onMouseDown?.(event),event.currentTarget!==event.currentTarget.ownerDocument.activeElement&&event.currentTarget.focus()}),(0,jsx_runtime.jsx)(input_control_styles.pd,{...props,...dragProps,className:"components-input-control__input",disabled,dragCursor,isDragging,id,onBlur:event=>{onBlur(event),!isDirty&&event.target.validity.valid||(wasDirtyOnBlur.current=!0,handleOnCommit(event))},onChange:event=>{const nextValue=event.target.value;change(nextValue,event)},onKeyDown:(0,with_ignore_ime_events.n)((event=>{const{key}=event;switch(onKeyDown(event),key){case"ArrowUp":pressUp(event);break;case"ArrowDown":pressDown(event);break;case"Enter":pressEnter(event),isPressEnterToChange&&(event.preventDefault(),handleOnCommit(event));break;case"Escape":isPressEnterToChange&&isDirty&&(event.preventDefault(),reset(valueProp,event))}})),onMouseDown:handleOnMouseDown,ref,inputSize:size,value:null!=value?value:"",type})}));try{inputfield.displayName="inputfield",inputfield.__docgenInfo={description:"",displayName:"inputfield",props:{dragDirection:{defaultValue:{value:"'n'"},description:"Determines the drag axis.",name:"dragDirection",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"n"'},{value:'"e"'},{value:'"w"'}]}},dragThreshold:{defaultValue:{value:"10"},description:"If `isDragEnabled` is true, this controls the amount of `px` to have been dragged before\nthe drag gesture is actually triggered.",name:"dragThreshold",required:!1,type:{name:"number"}},isDragEnabled:{defaultValue:{value:"false"},description:"If true, enables mouse drag gestures.",name:"isDragEnabled",required:!1,type:{name:"boolean"}},isPressEnterToChange:{defaultValue:{value:"false"},description:"If true, the `ENTER` key press is required in order to trigger an `onChange`.\nIf enabled, a change is also triggered when tabbing away (`onBlur`).",name:"isPressEnterToChange",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A function that receives the value of the input.",name:"onChange",required:!1,type:{name:"InputChangeCallback<{}>"}},onValidate:{defaultValue:null,description:"",name:"onValidate",required:!1,type:{name:"(nextValue: string, event?: SyntheticEvent<HTMLInputElement, Event>) => void"}},paddingInlineStart:{defaultValue:null,description:"",name:"paddingInlineStart",required:!1,type:{name:"PaddingInlineStart<string | number>"}},paddingInlineEnd:{defaultValue:null,description:"",name:"paddingInlineEnd",required:!1,type:{name:"PaddingInlineEnd<string | number>"}},stateReducer:{defaultValue:null,description:"",name:"stateReducer",required:!1,type:{name:"StateReducer"}},value:{defaultValue:null,description:"The current value of the input.",name:"value",required:!1,type:{name:"string"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},type:{defaultValue:{value:"'text'"},description:"Type of the input element to render.",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width<string | number>"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/input-field.tsx#inputfield"]={docgenInfo:inputfield.__docgenInfo,name:"inputfield",path:"packages/components/src/input-control/input-field.tsx#inputfield"})}catch(__react_docgen_typescript_loader_error){}var space=__webpack_require__("./packages/components/src/utils/space.ts"),base_control=__webpack_require__("./packages/components/src/base-control/index.tsx"),use_deprecated_props=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts"),deprecated_36px_size=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts");const input_control_noop=()=>{};function UnforwardedInputControl(props,ref){const{__next40pxDefaultSize,__shouldNotWarnDeprecated36pxSize,__unstableStateReducer:stateReducer=state=>state,__unstableInputWidth,className,disabled=!1,help,hideLabelFromVision=!1,id:idProp,isPressEnterToChange=!1,label,labelPosition="top",onChange=input_control_noop,onValidate=input_control_noop,onKeyDown=input_control_noop,prefix,size="default",style,suffix,value,...restProps}=(0,use_deprecated_props.R)(props),id=function useUniqueId(idProp){const instanceId=(0,use_instance_id.A)(InputControl);return idProp||`inspector-input-control-${instanceId}`}(idProp),classes=(0,clsx.A)("components-input-control",className),draftHookProps=function useDraft(props){const previousValueRef=(0,react.useRef)(props.value),[draft,setDraft]=(0,react.useState)({}),value=void 0!==draft.value?draft.value:props.value;return(0,react.useLayoutEffect)((()=>{const{current:previousValue}=previousValueRef;previousValueRef.current=props.value,void 0===draft.value||draft.isStale?draft.isStale&&props.value!==previousValue&&setDraft({}):setDraft({...draft,isStale:!0})}),[props.value,draft]),{value,onBlur:event=>{setDraft({}),props.onBlur?.(event)},onChange:(nextValue,extra)=>{setDraft((current=>Object.assign(current,{value:nextValue,isStale:!1}))),props.onChange(nextValue,extra)}}}({value,onBlur:restProps.onBlur,onChange}),helpProp=help?{"aria-describedby":`${id}__help`}:{};return(0,deprecated_36px_size.M)({componentName:"InputControl",__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}),(0,jsx_runtime.jsx)(base_control.Ay,{className:classes,help,id,__nextHasNoMarginBottom:!0,children:(0,jsx_runtime.jsx)(input_base.A,{__next40pxDefaultSize,__unstableInputWidth,disabled,gap:3,hideLabelFromVision,id,justify:"left",label,labelPosition,prefix,size,style,suffix,children:(0,jsx_runtime.jsx)(input_field,{...restProps,...helpProp,__next40pxDefaultSize,className:"components-input-control__input",disabled,id,isPressEnterToChange,onKeyDown,onValidate,paddingInlineStart:prefix?(0,space.x)(1):void 0,paddingInlineEnd:suffix?(0,space.x)(1):void 0,ref,size,stateReducer,...draftHookProps})})})}const InputControl=(0,react.forwardRef)(UnforwardedInputControl),input_control=InputControl;try{UnforwardedInputControl.displayName="UnforwardedInputControl",UnforwardedInputControl.__docgenInfo={description:"",displayName:"UnforwardedInputControl",props:{__unstableStateReducer:{defaultValue:null,description:"",name:"__unstableStateReducer",required:!1,type:{name:"StateReducer"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width<string | number>"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},type:{defaultValue:{value:"'text'"},description:"Type of the input element to render.",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},onChange:{defaultValue:null,description:"A function that receives the value of the input.",name:"onChange",required:!1,type:{name:"InputChangeCallback<{}>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},value:{defaultValue:null,description:"The current value of the input.",name:"value",required:!1,type:{name:"string"}},isDragEnabled:{defaultValue:{value:"false"},description:"If true, enables mouse drag gestures.",name:"isDragEnabled",required:!1,type:{name:"boolean"}},dragDirection:{defaultValue:{value:"'n'"},description:"Determines the drag axis.",name:"dragDirection",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"n"'},{value:'"e"'},{value:'"w"'}]}},dragThreshold:{defaultValue:{value:"10"},description:"If `isDragEnabled` is true, this controls the amount of `px` to have been dragged before\nthe drag gesture is actually triggered.",name:"dragThreshold",required:!1,type:{name:"number"}},isPressEnterToChange:{defaultValue:{value:"false"},description:"If true, the `ENTER` key press is required in order to trigger an `onChange`.\nIf enabled, a change is also triggered when tabbing away (`onBlur`).",name:"isPressEnterToChange",required:!1,type:{name:"boolean"}},onValidate:{defaultValue:null,description:"",name:"onValidate",required:!1,type:{name:"(nextValue: string, event?: SyntheticEvent<HTMLInputElement, Event>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/index.tsx#UnforwardedInputControl"]={docgenInfo:UnforwardedInputControl.__docgenInfo,name:"UnforwardedInputControl",path:"packages/components/src/input-control/index.tsx#UnforwardedInputControl"})}catch(__react_docgen_typescript_loader_error){}try{InputControl.displayName="InputControl",InputControl.__docgenInfo={description:"InputControl components let users enter and edit text. This is an experimental component\nintended to (in time) merge with or replace `TextControl`.\n\n```jsx\nimport { __experimentalInputControl as InputControl } from '@wordpress/components';\nimport { useState } from 'react';\n\nconst Example = () => {\n const [ value, setValue ] = useState( '' );\n\n return (\n \t<InputControl\n\t\t\t__next40pxDefaultSize\n \t\tvalue={ value }\n \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n \t/>\n );\n};\n```",displayName:"InputControl",props:{__unstableStateReducer:{defaultValue:null,description:"",name:"__unstableStateReducer",required:!1,type:{name:"StateReducer"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width<string | number>"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},type:{defaultValue:{value:"'text'"},description:"Type of the input element to render.",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},onChange:{defaultValue:null,description:"A function that receives the value of the input.",name:"onChange",required:!1,type:{name:"InputChangeCallback<{}>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},value:{defaultValue:null,description:"The current value of the input.",name:"value",required:!1,type:{name:"string"}},isDragEnabled:{defaultValue:{value:"false"},description:"If true, enables mouse drag gestures.",name:"isDragEnabled",required:!1,type:{name:"boolean"}},dragDirection:{defaultValue:{value:"'n'"},description:"Determines the drag axis.",name:"dragDirection",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"n"'},{value:'"e"'},{value:'"w"'}]}},dragThreshold:{defaultValue:{value:"10"},description:"If `isDragEnabled` is true, this controls the amount of `px` to have been dragged before\nthe drag gesture is actually triggered.",name:"dragThreshold",required:!1,type:{name:"number"}},isPressEnterToChange:{defaultValue:{value:"false"},description:"If true, the `ENTER` key press is required in order to trigger an `onChange`.\nIf enabled, a change is also triggered when tabbing away (`onBlur`).",name:"isPressEnterToChange",required:!1,type:{name:"boolean"}},onValidate:{defaultValue:null,description:"",name:"onValidate",required:!1,type:{name:"(nextValue: string, event?: SyntheticEvent<HTMLInputElement, Event>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/index.tsx#InputControl"]={docgenInfo:InputControl.__docgenInfo,name:"InputControl",path:"packages/components/src/input-control/index.tsx#InputControl"})}catch(__react_docgen_typescript_loader_error){}try{inputcontrol.displayName="inputcontrol",inputcontrol.__docgenInfo={description:"InputControl components let users enter and edit text. This is an experimental component\nintended to (in time) merge with or replace `TextControl`.\n\n```jsx\nimport { __experimentalInputControl as InputControl } from '@wordpress/components';\nimport { useState } from 'react';\n\nconst Example = () => {\n const [ value, setValue ] = useState( '' );\n\n return (\n \t<InputControl\n\t\t\t__next40pxDefaultSize\n \t\tvalue={ value }\n \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n \t/>\n );\n};\n```",displayName:"inputcontrol",props:{__unstableStateReducer:{defaultValue:null,description:"",name:"__unstableStateReducer",required:!1,type:{name:"StateReducer"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},__unstableInputWidth:{defaultValue:null,description:"",name:"__unstableInputWidth",required:!1,type:{name:"Width<string | number>"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},type:{defaultValue:{value:"'text'"},description:"Type of the input element to render.",name:"type",required:!1,type:{name:"HTMLInputTypeAttribute"}},onChange:{defaultValue:null,description:"A function that receives the value of the input.",name:"onChange",required:!1,type:{name:"InputChangeCallback<{}>"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:'(dragProps: Omit<FullGestureState<"drag">, "event"> & { event: unknown; }) => void'}},value:{defaultValue:null,description:"The current value of the input.",name:"value",required:!1,type:{name:"string"}},isDragEnabled:{defaultValue:{value:"false"},description:"If true, enables mouse drag gestures.",name:"isDragEnabled",required:!1,type:{name:"boolean"}},dragDirection:{defaultValue:{value:"'n'"},description:"Determines the drag axis.",name:"dragDirection",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"n"'},{value:'"e"'},{value:'"w"'}]}},dragThreshold:{defaultValue:{value:"10"},description:"If `isDragEnabled` is true, this controls the amount of `px` to have been dragged before\nthe drag gesture is actually triggered.",name:"dragThreshold",required:!1,type:{name:"number"}},isPressEnterToChange:{defaultValue:{value:"false"},description:"If true, the `ENTER` key press is required in order to trigger an `onChange`.\nIf enabled, a change is also triggered when tabbing away (`onBlur`).",name:"isPressEnterToChange",required:!1,type:{name:"boolean"}},onValidate:{defaultValue:null,description:"",name:"onValidate",required:!1,type:{name:"(nextValue: string, event?: SyntheticEvent<HTMLInputElement, Event>) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/input-control/index.tsx#inputcontrol"]={docgenInfo:inputcontrol.__docgenInfo,name:"inputcontrol",path:"packages/components/src/input-control/index.tsx#inputcontrol"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/input-control/reducer/actions.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{PL:()=>CHANGE,Qf:()=>DRAG_START,Ry:()=>DRAG_END,Ut:()=>RESET,W3:()=>CONTROL,bR:()=>PRESS_ENTER,cJ:()=>COMMIT,j:()=>DRAG,r7:()=>PRESS_DOWN,uY:()=>INVALIDATE,wX:()=>PRESS_UP});const CHANGE="CHANGE",COMMIT="COMMIT",CONTROL="CONTROL",DRAG_END="DRAG_END",DRAG_START="DRAG_START",DRAG="DRAG",INVALIDATE="INVALIDATE",PRESS_DOWN="PRESS_DOWN",PRESS_ENTER="PRESS_ENTER",PRESS_UP="PRESS_UP",RESET="RESET"},"./packages/components/src/utils/deprecated-36px-size.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>maybeWarnDeprecated36pxSize});var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/deprecated/build-module/index.js");function maybeWarnDeprecated36pxSize({componentName,__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}){__shouldNotWarnDeprecated36pxSize||__next40pxDefaultSize||void 0!==size&&"default"!==size||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__.A)(`36px default size for wp.components.${componentName}`,{since:"6.8",version:"7.1",hint:"Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."})}},"./packages/components/src/utils/with-ignore-ime-events.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function withIgnoreIMEEvents(keydownHandler){return event=>{const{isComposing}="nativeEvent"in event?event.nativeEvent:event;isComposing||229===event.keyCode||keydownHandler(event)}}__webpack_require__.d(__webpack_exports__,{n:()=>withIgnoreIMEEvents})}}]); \ No newline at end of file diff --git a/tree-select-stories-index-story.02eb0282.iframe.bundle.js b/tree-select-stories-index-story.02eb0282.iframe.bundle.js new file mode 100644 index 00000000000000..1e1160c2d5e19b --- /dev/null +++ b/tree-select-stories-index-story.02eb0282.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see tree-select-stories-index-story.02eb0282.iframe.bundle.js.LICENSE.txt */ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[7183],{"./packages/components/src/tree-select/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/tree-select/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components/Selection & Input/Common/TreeSelect",id:"components-treeselect",component:___WEBPACK_IMPORTED_MODULE_1__.A,argTypes:{help:{control:{type:"text"}},label:{control:{type:"text"}},prefix:{control:{type:"text"}},suffix:{control:{type:"text"}},selectedId:{control:!1}},parameters:{sourceLink:"packages/components/src/tree-select",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(props=>{const[selection,setSelection]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,onChange:setSelection,selectedId:selection})}).bind({});Default.args={__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,label:"Label Text",noOptionLabel:"No parent page",help:"Help text to explain the select control.",tree:[{name:"Page 1",id:"p1",children:[{name:"Descend 1 of page 1",id:"p11"},{name:"Descend 2 of page 1",id:"p12"}]},{name:"Page 2",id:"p2",children:[{name:"Descend 1 of page 2",id:"p21",children:[{name:"Descend 1 of Descend 1 of page 2",id:"p211"}]}]}]},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n const [selection, setSelection] = useState<ComponentProps<typeof TreeSelect>['selectedId']>();\n return <TreeSelect {...props} onChange={setSelection} selectedId={selection} />;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/compose/build-module/hooks/use-instance-id/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const instanceMap=new WeakMap;const __WEBPACK_DEFAULT_EXPORT__=function useInstanceId(object,prefix,preferredId){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{if(preferredId)return preferredId;const id=function createId(object){const instances=instanceMap.get(object)||0;return instanceMap.set(object,instances+1),instances}(object);return prefix?`${prefix}-${id}`:id}),[object,preferredId,prefix])}},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/html-entities/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";let _decodeTextArea;function decodeEntities(html){if("string"!=typeof html||-1===html.indexOf("&"))return html;void 0===_decodeTextArea&&(_decodeTextArea=document.implementation&&document.implementation.createHTMLDocument?document.implementation.createHTMLDocument("").createElement("textarea"):document.createElement("textarea")),_decodeTextArea.innerHTML=html;const decoded=_decodeTextArea.textContent;return _decodeTextArea.innerHTML="",decoded}__webpack_require__.d(__webpack_exports__,{S:()=>decodeEntities})},"./packages/primitives/build-module/svg/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{G:()=>G,N1:()=>Line,jl:()=>Circle,rw:()=>Rect,t4:()=>SVG,wA:()=>Path});var clsx__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Circle=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("circle",props),G=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("g",props),Line=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("line",props),Path=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("path",props),Rect=props=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)("rect",props),SVG=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({className,isPressed,...props},ref)=>{const appliedProps={...props,className:(0,clsx__WEBPACK_IMPORTED_MODULE_2__.A)(className,{"is-pressed":isPressed})||void 0,"aria-hidden":!0,focusable:!1};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{...appliedProps,ref})}));SVG.displayName="SVG"},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/select-control/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__,Y:()=>SelectControl});var clsx__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/compose/build-module/hooks/use-instance-id/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),_base_control__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/base-control/index.tsx"),_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/select-control/styles/select-control-styles.ts"),_chevron_down__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/select-control/chevron-down.tsx"),_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts"),_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");function SelectOptions({options}){return options.map((({id,label,value,...optionProps},index)=>{const key=id||`${label}-${value}-${index}`;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option",{value,...optionProps,children:label},key)}))}const SelectControl=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_8__.forwardRef)((function UnforwardedSelectControl(props,ref){const{className,disabled=!1,help,hideLabelFromVision,id:idProp,label,multiple=!1,onChange,options=[],size="default",value:valueProp,labelPosition="top",children,prefix,suffix,variant="default",__next40pxDefaultSize=!1,__nextHasNoMarginBottom=!1,__shouldNotWarnDeprecated36pxSize,...restProps}=(0,_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__.R)(props),id=function useUniqueId(idProp){const instanceId=(0,_wordpress_compose__WEBPACK_IMPORTED_MODULE_1__.A)(SelectControl);return idProp||`inspector-select-control-${instanceId}`}(idProp),helpId=help?`${id}__help`:void 0;if(!options?.length&&!children)return null;const classes=(0,clsx__WEBPACK_IMPORTED_MODULE_3__.A)("components-select-control",className);return(0,_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__.M)({componentName:"SelectControl",__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_control__WEBPACK_IMPORTED_MODULE_5__.Ay,{help,id,__nextHasNoMarginBottom,__associatedWPComponentName:"SelectControl",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.Xg,{className:classes,disabled,hideLabelFromVision,id,isBorderless:"minimal"===variant,label,size,suffix:suffix||!multiple&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_chevron_down__WEBPACK_IMPORTED_MODULE_7__.A,{}),prefix,labelPosition,__unstableInputWidth:"minimal"===variant?"auto":void 0,variant,__next40pxDefaultSize,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_styles_select_control_styles__WEBPACK_IMPORTED_MODULE_6__.l6,{...restProps,__next40pxDefaultSize,"aria-describedby":helpId,className:"components-select-control__input",disabled,id,multiple,onChange:event=>{if(props.multiple){const newValues=Array.from(event.target.options).filter((({selected})=>selected)).map((({value})=>value));props.onChange?.(newValues,{event})}else props.onChange?.(event.target.value,{event})},ref,selectSize:size,value:valueProp,variant,children:children||(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SelectOptions,{options})})})})})),__WEBPACK_DEFAULT_EXPORT__=SelectControl;try{SelectControl.displayName="SelectControl",SelectControl.__docgenInfo={description:"`SelectControl` allows users to select from a single or multiple option menu.\nIt functions as a wrapper around the browser's native `<select>` element.\n\n```jsx\nimport { SelectControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\nconst MySelectControl = () => {\n const [ size, setSize ] = useState( '50%' );\n\n return (\n <SelectControl\n __next40pxDefaultSize\n __nextHasNoMarginBottom\n label=\"Size\"\n value={ size }\n options={ [\n { label: 'Big', value: '100%' },\n { label: 'Medium', value: '50%' },\n { label: 'Small', value: '25%' },\n ] }\n onChange={ setSize }\n />\n );\n};\n```",displayName:"SelectControl",props:{labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"An array of option property objects to be rendered,\neach with a `label` and `value` property, as well as any other\n`<option>` attributes.",name:"options",required:!1,type:{name:'readonly ({ label: string; value: V; } & Omit<OptionHTMLAttributes<HTMLOptionElement>, "label" | "value">)[]'}},children:{defaultValue:null,description:"As an alternative to the `options` prop, `optgroup`s and `options` can be\npassed in as `children` for more customizability.",name:"children",required:!1,type:{name:"ReactNode"}},variant:{defaultValue:{value:"'default'"},description:"The style variant of the control.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"minimal"'}]}},multiple:{defaultValue:{value:"false\nfalse"},description:"If this property is added, multiple values can be selected. The `value` passed should be an array.\n\nIn most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.",name:"multiple",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The value of the selected option.\n\nIf `multiple` is true, the `value` should be an array with the values of the selected options.",name:"value",required:!1,type:{name:"string | NoInfer<V>[]"}},onChange:{defaultValue:null,description:"A function that receives the value of the new option that is being selected as input.\n\nIf `multiple` is `true`, the value received is an array of the selected value.\nOtherwise, the value received is a single value with the new selected value.",name:"onChange",required:!1,type:{name:"((value: NoInfer<V>, extra?: { event?: ChangeEvent<HTMLSelectElement>; }) => void) | ((value: NoInfer<V>[], extra?: { event?: ChangeEvent<HTMLSelectElement>; }) => void)"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLSelectElement>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/select-control/index.tsx#SelectControl"]={docgenInfo:SelectControl.__docgenInfo,name:"SelectControl",path:"packages/components/src/select-control/index.tsx#SelectControl"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/tree-select/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/html-entities/build-module/index.js"),_select_control__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./packages/components/src/select-control/index.tsx"),_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/utils/use-deprecated-props.ts"),_context__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/context/context-system-provider.js"),_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/deprecated-36px-size.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const CONTEXT_VALUE={BaseControl:{_overrides:{__associatedWPComponentName:"TreeSelect"}}};function getSelectOptions(tree,level=0){return tree.flatMap((treeNode=>[{value:treeNode.id,label:" ".repeat(3*level)+(0,_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_1__.S)(treeNode.name)},...getSelectOptions(treeNode.children||[],level+1)]))}function TreeSelect(props){const{label,noOptionLabel,onChange,selectedId,tree=[],...restProps}=(0,_utils_use_deprecated_props__WEBPACK_IMPORTED_MODULE_2__.R)(props),options=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>[noOptionLabel&&{value:"",label:noOptionLabel},...getSelectOptions(tree)].filter((option=>!!option))),[noOptionLabel,tree]);return(0,_utils_deprecated_36px_size__WEBPACK_IMPORTED_MODULE_4__.M)({componentName:"TreeSelect",size:restProps.size,__next40pxDefaultSize:restProps.__next40pxDefaultSize}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_context__WEBPACK_IMPORTED_MODULE_5__.c7,{value:CONTEXT_VALUE,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_select_control__WEBPACK_IMPORTED_MODULE_6__.Y,{__shouldNotWarnDeprecated36pxSize:!0,label,options,onChange,value:selectedId,...restProps})})}const __WEBPACK_DEFAULT_EXPORT__=TreeSelect;try{TreeSelect.displayName="TreeSelect",TreeSelect.__docgenInfo={description:"Generates a hierarchical select input.\n\n```jsx\nimport { useState } from 'react';\nimport { TreeSelect } from '@wordpress/components';\n\nconst MyTreeSelect = () => {\n\tconst [ page, setPage ] = useState( 'p21' );\n\n\treturn (\n\t\t<TreeSelect\n\t\t\t__nextHasNoMarginBottom\n\t\t\t__next40pxDefaultSize\n\t\t\tlabel=\"Parent page\"\n\t\t\tnoOptionLabel=\"No parent page\"\n\t\t\tonChange={ ( newPage ) => setPage( newPage ) }\n\t\t\tselectedId={ page }\n\t\t\ttree={ [\n\t\t\t\t{\n\t\t\t\t\tname: 'Page 1',\n\t\t\t\t\tid: 'p1',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{ name: 'Descend 1 of page 1', id: 'p11' },\n\t\t\t\t\t\t{ name: 'Descend 2 of page 1', id: 'p12' },\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'Page 2',\n\t\t\t\t\tid: 'p2',\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'Descend 1 of page 2',\n\t\t\t\t\t\t\tid: 'p21',\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tname: 'Descend 1 of Descend 1 of page 2',\n\t\t\t\t\t\t\t\t\tid: 'p211',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t],\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n```",displayName:"TreeSelect",props:{noOptionLabel:{defaultValue:null,description:"If this property is added, an option will be added with this label to represent empty selection.",name:"noOptionLabel",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"A function that receives the value of the new option that is being selected as input.",name:"onChange",required:!1,type:{name:"(value: string, extra?: { event?: ChangeEvent<HTMLSelectElement>; }) => void"}},tree:{defaultValue:null,description:"An array containing the tree objects with the possible nodes the user can select.",name:"tree",required:!1,type:{name:"Tree[]"}},selectedId:{defaultValue:null,description:"The id of the currently selected node.",name:"selectedId",required:!1,type:{name:"string"}},labelPosition:{defaultValue:{value:"'top'"},description:"The position of the label.",name:"labelPosition",required:!1,type:{name:"enum",value:[{value:'"top"'},{value:'"side"'},{value:'"bottom"'},{value:'"edge"'}]}},label:{defaultValue:null,description:"If this property is added, a label will be generated using label property as the content.",name:"label",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"As an alternative to the `options` prop, `optgroup`s and `options` can be\npassed in as `children` for more customizability.",name:"children",required:!1,type:{name:"ReactNode"}},prefix:{defaultValue:null,description:"Renders an element on the left side of the input.\n\nBy default, the prefix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlPrefixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n/>\n```",name:"prefix",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If true, the `input` will be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"'default'"},description:"Adjusts the size of the input.",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"small"'},{value:'"compact"'},{value:'"__unstable-large"'}]}},suffix:{defaultValue:null,description:"Renders an element on the right side of the input.\n\nBy default, the suffix is aligned with the edge of the input border, with no padding.\nIf you want to apply standard padding in accordance with the size variant, wrap the element in\nthe provided `<InputControlSuffixWrapper>` component.\n\n```jsx\nimport {\n __experimentalInputControl as InputControl,\n __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n} from '@wordpress/components';\n\n<InputControl\n suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n/>\n```",name:"suffix",required:!1,type:{name:"ReactNode"}},__next36pxDefaultSize:{defaultValue:{value:"false"},description:"Deprecated. Use `__next40pxDefaultSize` instead.\n@deprecated\n@ignore",name:"__next36pxDefaultSize",required:!1,type:{name:"boolean"}},__next40pxDefaultSize:{defaultValue:{value:"false"},description:"Start opting into the larger default height that will become the default size in a future version.",name:"__next40pxDefaultSize",required:!1,type:{name:"boolean"}},__shouldNotWarnDeprecated36pxSize:{defaultValue:null,description:"Do not throw a warning for the deprecated 36px default size.\nFor internal components of other components that already throw the warning.\n@ignore",name:"__shouldNotWarnDeprecated36pxSize",required:!1,type:{name:"boolean"}},hideLabelFromVision:{defaultValue:{value:"false"},description:"If true, the label will only be visible to screen readers.",name:"hideLabelFromVision",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Additional description for the control.\n\nOnly use for meaningful description or instructions for the control. An element containing the description will be programmatically associated to the BaseControl by the means of an `aria-describedby` attribute.",name:"help",required:!1,type:{name:"ReactNode"}},__nextHasNoMarginBottom:{defaultValue:{value:"false"},description:"Start opting into the new margin-free styles that will become the default in a future version.",name:"__nextHasNoMarginBottom",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"An array of option property objects to be rendered,\neach with a `label` and `value` property, as well as any other\n`<option>` attributes.",name:"options",required:!1,type:{name:'readonly ({ label: string; value: string; } & Omit<OptionHTMLAttributes<HTMLOptionElement>, "label" | "value">)[]'}},variant:{defaultValue:{value:"'default'"},description:"The style variant of the control.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"minimal"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/tree-select/index.tsx#TreeSelect"]={docgenInfo:TreeSelect.__docgenInfo,name:"TreeSelect",path:"packages/components/src/tree-select/index.tsx#TreeSelect"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/deprecated-36px-size.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>maybeWarnDeprecated36pxSize});var _wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/deprecated/build-module/index.js");function maybeWarnDeprecated36pxSize({componentName,__next40pxDefaultSize,size,__shouldNotWarnDeprecated36pxSize}){__shouldNotWarnDeprecated36pxSize||__next40pxDefaultSize||void 0!==size&&"default"!==size||(0,_wordpress_deprecated__WEBPACK_IMPORTED_MODULE_0__.A)(`36px default size for wp.components.${componentName}`,{since:"6.8",version:"7.1",hint:"Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version."})}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{"use strict";var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{"use strict";module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/highlight-words-core/dist/index.js":module=>{module.exports=function(modules){var installedModules={};function __nested_webpack_require_187__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={exports:{},id:moduleId,loaded:!1};return modules[moduleId].call(module.exports,module,module.exports,__nested_webpack_require_187__),module.loaded=!0,module.exports}return __nested_webpack_require_187__.m=modules,__nested_webpack_require_187__.c=installedModules,__nested_webpack_require_187__.p="",__nested_webpack_require_187__(0)}([function(module,exports,__nested_webpack_require_1468__){module.exports=__nested_webpack_require_1468__(1)},function(module,exports,__nested_webpack_require_1587__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _utils=__nested_webpack_require_1587__(2);Object.defineProperty(exports,"combineChunks",{enumerable:!0,get:function get(){return _utils.combineChunks}}),Object.defineProperty(exports,"fillInChunks",{enumerable:!0,get:function get(){return _utils.fillInChunks}}),Object.defineProperty(exports,"findAll",{enumerable:!0,get:function get(){return _utils.findAll}}),Object.defineProperty(exports,"findChunks",{enumerable:!0,get:function get(){return _utils.findChunks}})},function(module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.findAll=function findAll(_ref){var autoEscape=_ref.autoEscape,_ref$caseSensitive=_ref.caseSensitive,caseSensitive=void 0!==_ref$caseSensitive&&_ref$caseSensitive,_ref$findChunks=_ref.findChunks,findChunks=void 0===_ref$findChunks?defaultFindChunks:_ref$findChunks,sanitize=_ref.sanitize,searchWords=_ref.searchWords,textToHighlight=_ref.textToHighlight;return fillInChunks({chunksToHighlight:combineChunks({chunks:findChunks({autoEscape,caseSensitive,sanitize,searchWords,textToHighlight})}),totalLength:textToHighlight?textToHighlight.length:0})};var combineChunks=exports.combineChunks=function combineChunks(_ref2){var chunks=_ref2.chunks;return chunks=chunks.sort((function(first,second){return first.start-second.start})).reduce((function(processedChunks,nextChunk){if(0===processedChunks.length)return[nextChunk];var prevChunk=processedChunks.pop();if(nextChunk.start<=prevChunk.end){var endIndex=Math.max(prevChunk.end,nextChunk.end);processedChunks.push({highlight:!1,start:prevChunk.start,end:endIndex})}else processedChunks.push(prevChunk,nextChunk);return processedChunks}),[])},defaultFindChunks=function defaultFindChunks(_ref3){var autoEscape=_ref3.autoEscape,caseSensitive=_ref3.caseSensitive,_ref3$sanitize=_ref3.sanitize,sanitize=void 0===_ref3$sanitize?defaultSanitize:_ref3$sanitize,searchWords=_ref3.searchWords,textToHighlight=_ref3.textToHighlight;return textToHighlight=sanitize(textToHighlight),searchWords.filter((function(searchWord){return searchWord})).reduce((function(chunks,searchWord){searchWord=sanitize(searchWord),autoEscape&&(searchWord=function escapeRegExpFn(string){return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}(searchWord));for(var regex=new RegExp(searchWord,caseSensitive?"g":"gi"),match=void 0;match=regex.exec(textToHighlight);){var _start=match.index,_end=regex.lastIndex;_end>_start&&chunks.push({highlight:!1,start:_start,end:_end}),match.index===regex.lastIndex&®ex.lastIndex++}return chunks}),[])};exports.findChunks=defaultFindChunks;var fillInChunks=exports.fillInChunks=function fillInChunks(_ref4){var chunksToHighlight=_ref4.chunksToHighlight,totalLength=_ref4.totalLength,allChunks=[],append=function append(start,end,highlight){end-start>0&&allChunks.push({start,end,highlight})};if(0===chunksToHighlight.length)append(0,totalLength,!1);else{var lastIndex=0;chunksToHighlight.forEach((function(chunk){append(lastIndex,chunk.start,!1),append(chunk.start,chunk.end,!0),lastIndex=chunk.end})),append(lastIndex,totalLength,!1)}return allChunks};function defaultSanitize(string){return string}}])},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})}}]); \ No newline at end of file diff --git a/tree-select-stories-index-story.02eb0282.iframe.bundle.js.LICENSE.txt b/tree-select-stories-index-story.02eb0282.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/tree-select-stories-index-story.02eb0282.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/truncate-stories-index-story.62399814.iframe.bundle.js b/truncate-stories-index-story.62399814.iframe.bundle.js new file mode 100644 index 00000000000000..b64c9086763a7a --- /dev/null +++ b/truncate-stories-index-story.62399814.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see truncate-stories-index-story.62399814.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[1874],{"./packages/components/src/truncate/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CharacterCount:()=>CharacterCount,Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/truncate/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components (Experimental)/Typography/Truncate",id:"components-experimental-truncate",argTypes:{children:{control:{type:"text"}},as:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/truncate",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},defaultText="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis dictum tortor, eu tincidunt justo scelerisque tincidunt. Duis semper dui id augue malesuada, ut feugiat nisi aliquam. Vestibulum venenatis diam sem, finibus dictum massa semper in. Nulla facilisi. Nunc vulputate faucibus diam, in lobortis arcu ornare vel. In dignissim nunc sed facilisis finibus. Etiam imperdiet mattis arcu, sed rutrum sapien blandit gravida. Aenean sollicitudin neque eget enim blandit, sit amet rutrum leo vehicula. Nunc malesuada ultricies eros ut faucibus. Aliquam erat volutpat. Nulla nec feugiat risus. Vivamus iaculis dui aliquet ante ultricies feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus nec pretium velit, sit amet consectetur ante. Praesent porttitor ex eget fermentum mattis.",Template=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...args}),Default=Template.bind({});Default.args={numberOfLines:2,children:defaultText};const CharacterCount=Template.bind({});CharacterCount.args={limit:23,children:defaultText,ellipsizeMode:"tail",ellipsis:"[---]"},CharacterCount.storyName="Truncate by character count",Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <Truncate {...args} />;\n}",...Default.parameters?.docs?.source}}},CharacterCount.parameters={...CharacterCount.parameters,docs:{...CharacterCount.parameters?.docs,source:{originalSource:"args => {\n return <Truncate {...args} />;\n}",...CharacterCount.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/utils/values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isValueDefined(value){return null!=value}function isValueEmpty(value){const isEmptyString=""===value;return!isValueDefined(value)||isEmptyString}function getDefinedValue(values=[],fallbackValue){var _values$find;return null!==(_values$find=values.find(isValueDefined))&&void 0!==_values$find?_values$find:fallbackValue}__webpack_require__.d(__webpack_exports__,{GB:()=>ensureNumber,J5:()=>isValueDefined,r6:()=>isValueEmpty,vD:()=>getDefinedValue});const ensureNumber=value=>"string"==typeof value?(value=>parseFloat(value))(value):value},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/truncate/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/truncate/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Truncate=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedTruncate(props,forwardedRef){const truncateProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.A)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{as:"span",...truncateProps,ref:forwardedRef})}),"Truncate"),__WEBPACK_DEFAULT_EXPORT__=Truncate;try{Truncate.displayName="Truncate",Truncate.__docgenInfo={description:"`Truncate` is a typography primitive that trims text content.\nFor almost all cases, it is recommended that `Text`, `Heading`, or\n`Subheading` is used to render text content. However,`Truncate` is\navailable for custom implementations.\n\n```jsx\nimport { __experimentalTruncate as Truncate } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<Truncate>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex\n\t\t\tneque, vulputate a diam et, luctus convallis lacus. Vestibulum ac\n\t\t\tmollis mi. Morbi id elementum massa.\n\t\t</Truncate>\n\t);\n}\n```",displayName:"Truncate",props:{ellipsis:{defaultValue:{value:"'…'"},description:"The ellipsis string when truncating the text by the `limit` prop's value.",name:"ellipsis",required:!1,type:{name:"string"}},ellipsizeMode:{defaultValue:{value:"'auto'"},description:"Determines where to truncate. For example, we can truncate text right in\nthe middle. To do this, we need to set `ellipsizeMode` to `middle` and a\ntext `limit`.\n\n* `auto`: Trims content at the end automatically without a `limit`.\n* `head`: Trims content at the beginning. Requires a `limit`.\n* `middle`: Trims content in the middle. Requires a `limit`.\n* `tail`: Trims content at the end. Requires a `limit`.",name:"ellipsizeMode",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"head"'},{value:'"auto"'},{value:'"middle"'},{value:'"tail"'}]}},limit:{defaultValue:{value:"0"},description:"Determines the max number of characters to be displayed before the rest\nof the text gets truncated. Requires `ellipsizeMode` to assume values\ndifferent from `auto` and `none`.",name:"limit",required:!1,type:{name:"number"}},numberOfLines:{defaultValue:{value:"0"},description:"Clamps the text content to the specified `numberOfLines`, adding an\nellipsis at the end. Note: this feature ignores the value of the\n`ellipsis` prop and always displays the default `…` ellipsis.",name:"numberOfLines",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children elements.\n\nNote: text truncation will be attempted only if the `children` are either\nof type `string` or `number`. In any other scenarios, the component will\nnot attempt to truncate the text, and will pass through the `children`.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/truncate/component.tsx#Truncate"]={docgenInfo:Truncate.__docgenInfo,name:"Truncate",path:"packages/components/src/truncate/component.tsx#Truncate"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/truncate/hook.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useTruncate});var emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),react=__webpack_require__("./node_modules/react/index.js"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js");const Truncate={name:"hdknak",styles:"display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"};var values=__webpack_require__("./packages/components/src/utils/values.js");const TRUNCATE_ELLIPSIS="…",TRUNCATE_TYPE={auto:"auto",head:"head",middle:"middle",tail:"tail",none:"none"},TRUNCATE_DEFAULT_PROPS={ellipsis:TRUNCATE_ELLIPSIS,ellipsizeMode:TRUNCATE_TYPE.auto,limit:0,numberOfLines:0};function truncateContent(words="",props){const mergedProps={...TRUNCATE_DEFAULT_PROPS,...props},{ellipsis,ellipsizeMode,limit}=mergedProps;if(ellipsizeMode===TRUNCATE_TYPE.none)return words;let truncateHead,truncateTail;switch(ellipsizeMode){case TRUNCATE_TYPE.head:truncateHead=0,truncateTail=limit;break;case TRUNCATE_TYPE.middle:truncateHead=Math.floor(limit/2),truncateTail=Math.floor(limit/2);break;default:truncateHead=limit,truncateTail=0}const truncatedContent=ellipsizeMode!==TRUNCATE_TYPE.auto?function truncateMiddle(word,headLength,tailLength,ellipsis){if("string"!=typeof word)return"";const wordLength=word.length,frontLength=~~headLength,backLength=~~tailLength,truncateStr=(0,values.J5)(ellipsis)?ellipsis:TRUNCATE_ELLIPSIS;return 0===frontLength&&0===backLength||frontLength>=wordLength||backLength>=wordLength||frontLength+backLength>=wordLength?word:0===backLength?word.slice(0,frontLength)+truncateStr:word.slice(0,frontLength)+truncateStr+word.slice(wordLength-backLength)}(words,truncateHead,truncateTail,ellipsis):words;return truncatedContent}var use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useTruncate(props){const{className,children,ellipsis=TRUNCATE_ELLIPSIS,ellipsizeMode=TRUNCATE_TYPE.auto,limit=0,numberOfLines=0,...otherProps}=(0,use_context_system.A)(props,"Truncate"),cx=(0,use_cx.l)();let childrenAsText;"string"==typeof children?childrenAsText=children:"number"==typeof children&&(childrenAsText=children.toString());const truncatedContent=childrenAsText?truncateContent(childrenAsText,{ellipsis,ellipsizeMode,limit,numberOfLines}):children,shouldTruncate=!!childrenAsText&&ellipsizeMode===TRUNCATE_TYPE.auto;return{...otherProps,className:(0,react.useMemo)((()=>cx(shouldTruncate&&!numberOfLines&&Truncate,shouldTruncate&&!!numberOfLines&&(0,emotion_react_browser_esm.AH)(1===numberOfLines?"word-break: break-all;":""," -webkit-box-orient:vertical;-webkit-line-clamp:",numberOfLines,";display:-webkit-box;overflow:hidden;",""),className)),[className,cx,numberOfLines,shouldTruncate]),children:truncatedContent}}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/truncate-stories-index-story.62399814.iframe.bundle.js.LICENSE.txt b/truncate-stories-index-story.62399814.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/truncate-stories-index-story.62399814.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/unit-control-stories-index-story.1691cb35.iframe.bundle.js b/unit-control-stories-index-story.1691cb35.iframe.bundle.js new file mode 100644 index 00000000000000..8e6b4e2b2a0d61 --- /dev/null +++ b/unit-control-stories-index-story.1691cb35.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[7262],{"./packages/components/src/unit-control/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,PressEnterToChange:()=>PressEnterToChange,TweakingTheNumberInput:()=>TweakingTheNumberInput,WithCustomUnits:()=>WithCustomUnits,WithSingleUnit:()=>WithSingleUnit,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/unit-control/index.tsx"),_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/unit-control/utils.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.gZ,title:"Components (Experimental)/Selection & Input/UnitControl",id:"components-experimental-unitcontrol",argTypes:{__unstableInputWidth:{control:{type:"text"}},__unstableStateReducer:{control:!1},onChange:{control:!1},onUnitChange:{control:!1},prefix:{control:{type:"text"}},value:{control:!1}},parameters:{sourceLink:"packages/components/src/unit-control",badges:[],actions:{argTypesRegex:"^on.*"},controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},DefaultTemplate=({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("10px");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.gZ,{...args,value,onChange:(v,extra)=>{setValue(v),onChange?.(v,extra)}})},Default=DefaultTemplate.bind({});Default.args={label:"Label",__next40pxDefaultSize:!0};const PressEnterToChange=DefaultTemplate.bind({});PressEnterToChange.args={...Default.args,isPressEnterToChange:!0};const TweakingTheNumberInput=DefaultTemplate.bind({});TweakingTheNumberInput.args={...Default.args,min:0,max:100,step:"any",label:"Custom label"};const WithSingleUnit=DefaultTemplate.bind({});WithSingleUnit.args={...Default.args,units:_utils__WEBPACK_IMPORTED_MODULE_3__.Cy.slice(0,1)};const WithCustomUnits=({onChange,...args})=>{const[value,setValue]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("80km");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.gZ,{...args,value,onChange:(v,extra)=>{setValue(v),onChange?.(v,extra)}})};WithCustomUnits.args={...Default.args,isResetValueOnUnitChange:!0,min:0,units:[{value:"km",label:"km",default:1},{value:"mi",label:"mi",default:1},{value:"m",label:"m",default:1e3},{value:"yd",label:"yd",default:1760}]},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState<string | undefined>('10px');\n return <UnitControl {...args} value={value} onChange={(v, extra) => {\n setValue(v);\n onChange?.(v, extra);\n }} />;\n}",...Default.parameters?.docs?.source}}},PressEnterToChange.parameters={...PressEnterToChange.parameters,docs:{...PressEnterToChange.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState<string | undefined>('10px');\n return <UnitControl {...args} value={value} onChange={(v, extra) => {\n setValue(v);\n onChange?.(v, extra);\n }} />;\n}",...PressEnterToChange.parameters?.docs?.source},description:{story:"If the `isPressEnterToChange` prop is set to `true`, the `onChange` callback\nwill not fire while a new value is typed in the input field (you can verify this\nbehavior by inspecting the console's output).",...PressEnterToChange.parameters?.docs?.description}}},TweakingTheNumberInput.parameters={...TweakingTheNumberInput.parameters,docs:{...TweakingTheNumberInput.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState<string | undefined>('10px');\n return <UnitControl {...args} value={value} onChange={(v, extra) => {\n setValue(v);\n onChange?.(v, extra);\n }} />;\n}",...TweakingTheNumberInput.parameters?.docs?.source},description:{story:"Most of `NumberControl`'s props can be passed to `UnitControl`, and they will\naffect its numeric input field.",...TweakingTheNumberInput.parameters?.docs?.description}}},WithSingleUnit.parameters={...WithSingleUnit.parameters,docs:{...WithSingleUnit.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState<string | undefined>('10px');\n return <UnitControl {...args} value={value} onChange={(v, extra) => {\n setValue(v);\n onChange?.(v, extra);\n }} />;\n}",...WithSingleUnit.parameters?.docs?.source},description:{story:"When only one unit is available, the unit selection dropdown becomes static text.",...WithSingleUnit.parameters?.docs?.description}}},WithCustomUnits.parameters={...WithCustomUnits.parameters,docs:{...WithCustomUnits.parameters?.docs,source:{originalSource:"({\n onChange,\n ...args\n}) => {\n const [value, setValue] = useState<string | undefined>('80km');\n return <UnitControl {...args} value={value} onChange={(v, extra) => {\n setValue(v);\n onChange?.(v, extra);\n }} />;\n}",...WithCustomUnits.parameters?.docs?.source},description:{story:"It is possible to pass a custom list of units. Every time the unit changes,\nif the `isResetValueOnUnitChange` is set to `true`, the input's quantity is\nreset to the new unit's default value.",...WithCustomUnits.parameters?.docs?.description}}};try{PressEnterToChange.displayName="PressEnterToChange",PressEnterToChange.__docgenInfo={description:"If the `isPressEnterToChange` prop is set to `true`, the `onChange` callback\nwill not fire while a new value is typed in the input field (you can verify this\nbehavior by inspecting the console's output).",displayName:"PressEnterToChange",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/unit-control/stories/index.story.tsx#PressEnterToChange"]={docgenInfo:PressEnterToChange.__docgenInfo,name:"PressEnterToChange",path:"packages/components/src/unit-control/stories/index.story.tsx#PressEnterToChange"})}catch(__react_docgen_typescript_loader_error){}try{TweakingTheNumberInput.displayName="TweakingTheNumberInput",TweakingTheNumberInput.__docgenInfo={description:"Most of `NumberControl`'s props can be passed to `UnitControl`, and they will\naffect its numeric input field.",displayName:"TweakingTheNumberInput",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/unit-control/stories/index.story.tsx#TweakingTheNumberInput"]={docgenInfo:TweakingTheNumberInput.__docgenInfo,name:"TweakingTheNumberInput",path:"packages/components/src/unit-control/stories/index.story.tsx#TweakingTheNumberInput"})}catch(__react_docgen_typescript_loader_error){}try{WithSingleUnit.displayName="WithSingleUnit",WithSingleUnit.__docgenInfo={description:"When only one unit is available, the unit selection dropdown becomes static text.",displayName:"WithSingleUnit",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/unit-control/stories/index.story.tsx#WithSingleUnit"]={docgenInfo:WithSingleUnit.__docgenInfo,name:"WithSingleUnit",path:"packages/components/src/unit-control/stories/index.story.tsx#WithSingleUnit"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomUnits.displayName="WithCustomUnits",WithCustomUnits.__docgenInfo={description:"It is possible to pass a custom list of units. Every time the unit changes,\nif the `isResetValueOnUnitChange` is set to `true`, the input's quantity is\nreset to the new unit's default value.",displayName:"WithCustomUnits",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/unit-control/stories/index.story.tsx#WithCustomUnits"]={docgenInfo:WithCustomUnits.__docgenInfo,name:"WithCustomUnits",path:"packages/components/src/unit-control/stories/index.story.tsx#WithCustomUnits"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/hooks/use-controlled-state.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_values__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/values.js");const defaultOptions={initial:void 0,fallback:""};const __WEBPACK_DEFAULT_EXPORT__=function useControlledState(currentState,options=defaultOptions){const{initial,fallback}={...defaultOptions,...options},[internalState,setInternalState]=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(currentState),hasCurrentState=(0,_values__WEBPACK_IMPORTED_MODULE_1__.J5)(currentState);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{hasCurrentState&&internalState&&setInternalState(void 0)}),[hasCurrentState,internalState]),[(0,_values__WEBPACK_IMPORTED_MODULE_1__.vD)([currentState,internalState,initial],fallback),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextState=>{hasCurrentState||setInternalState(nextState)}),[hasCurrentState])]}},"./packages/compose/build-module/hooks/use-merge-refs/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useMergeRefs});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function assignRef(ref,value){"function"==typeof ref?ref(value):ref&&ref.hasOwnProperty("current")&&(ref.current=value)}function useMergeRefs(refs){const element=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(),isAttachedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),didElementChangeRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1),previousRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)([]),currentRefsRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(refs);return currentRefsRef.current=refs,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{!1===didElementChangeRef.current&&!0===isAttachedRef.current&&refs.forEach(((ref,index)=>{const previousRef=previousRefsRef.current[index];ref!==previousRef&&(assignRef(previousRef,null),assignRef(ref,element.current))})),previousRefsRef.current=refs}),refs),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{didElementChangeRef.current=!1})),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useCallback)((value=>{assignRef(element,value),didElementChangeRef.current=!0,isAttachedRef.current=null!==value;const refsToAssign=value?currentRefsRef.current:previousRefsRef.current;for(const ref of refsToAssign)assignRef(ref,value)}),[])}},"./node_modules/remove-accents/index.js":module=>{var characterMap={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},chars=Object.keys(characterMap).join("|"),allAccents=new RegExp(chars,"g"),firstAccent=new RegExp(chars,"");function matcher(match){return characterMap[match]}var removeAccents=function(string){return string.replace(allAccents,matcher)};module.exports=removeAccents,module.exports.has=function(string){return!!string.match(firstAccent)},module.exports.remove=removeAccents}}]); \ No newline at end of file diff --git a/v-stack-stories-index-story.e6653acb.iframe.bundle.js b/v-stack-stories-index-story.e6653acb.iframe.bundle.js new file mode 100644 index 00000000000000..236d8694e626ea --- /dev/null +++ b/v-stack-stories-index-story.e6653acb.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see v-stack-stories-index-story.e6653acb.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[6483],{"./packages/components/src/v-stack/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/v-stack/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ALIGNMENTS={top:"top",topLeft:"topLeft",topRight:"topRight",left:"left",center:"center",right:"right",bottom:"bottom",bottomLeft:"bottomLeft",bottomRight:"bottomRight",edge:"edge",stretch:"stretch"},__WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components (Experimental)/Layout/VStack",id:"components-experimental-vstack",argTypes:{alignment:{control:{type:"select"},options:Object.keys(ALIGNMENTS),mapping:ALIGNMENTS},as:{control:{type:"text"}},direction:{control:{type:"text"}},justify:{control:{type:"text"}},spacing:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/v-stack",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...props,style:{background:"#eee",minHeight:"200px"},children:["One","Two","Three","Four","Five"].map((text=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{style:{background:"#b9f9ff"},children:text},text)))})).bind({});Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"props => {\n return <VStack {...props} style={{\n background: '#eee',\n minHeight: '200px'\n }}>\n {['One', 'Two', 'Three', 'Four', 'Five'].map(text => <View key={text} style={{\n background: '#b9f9ff'\n }}>\n {text}\n </View>)}\n </VStack>;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/utils/values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isValueDefined(value){return null!=value}function isValueEmpty(value){const isEmptyString=""===value;return!isValueDefined(value)||isEmptyString}function getDefinedValue(values=[],fallbackValue){var _values$find;return null!==(_values$find=values.find(isValueDefined))&&void 0!==_values$find?_values$find:fallbackValue}__webpack_require__.d(__webpack_exports__,{GB:()=>ensureNumber,J5:()=>isValueDefined,r6:()=>isValueEmpty,vD:()=>getDefinedValue});const ensureNumber=value=>"string"==typeof value?(value=>parseFloat(value))(value):value},"./packages/deprecated/build-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>deprecated});var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/hooks/build-module/index.js");const logged=Object.create(null);function deprecated(feature,options={}){const{since,version,alternative,plugin,link,hint}=options,message=`${feature} is deprecated${since?` since version ${since}`:""}${version?` and will be removed${plugin?` from ${plugin}`:""} in version ${version}`:""}.${alternative?` Please use ${alternative} instead.`:""}${link?` See: ${link}`:""}${hint?` Note: ${hint}`:""}`;message in logged||((0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__.Eo)("deprecated",feature,options,message),console.warn(message),logged[message]=!0)}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/flex/flex-item/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _context__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/context/context-connect.ts"),_view__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/view/component.tsx"),_hook__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/flex/flex-item/hook.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const FlexItem=(0,_context__WEBPACK_IMPORTED_MODULE_3__.KZ)((function UnconnectedFlexItem(props,forwardedRef){const flexItemProps=(0,_hook__WEBPACK_IMPORTED_MODULE_1__.K)(props);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_view__WEBPACK_IMPORTED_MODULE_2__.A,{...flexItemProps,ref:forwardedRef})}),"FlexItem"),__WEBPACK_DEFAULT_EXPORT__=FlexItem;try{FlexItem.displayName="FlexItem",FlexItem.__docgenInfo={description:"`FlexItem` is a primitive layout component that aligns content within layout\ncontainers like `Flex`.\n\n```jsx\nimport { Flex, FlexItem } from '@wordpress/components';\n\nfunction Example() {\n return (\n <Flex>\n <FlexItem>...</FlexItem>\n </Flex>\n );\n}\n```",displayName:"FlexItem",props:{display:{defaultValue:null,description:"The (CSS) display of the `FlexItem`.",name:"display",required:!1,type:{name:"Display"}},isBlock:{defaultValue:{value:"true"},description:"Determines if `FlexItem` should render as an adaptive full-width block.",name:"isBlock",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The children elements.",name:"children",required:!1,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/flex/flex-item/component.tsx#FlexItem"]={docgenInfo:FlexItem.__docgenInfo,name:"FlexItem",path:"packages/components/src/flex/flex-item/component.tsx#FlexItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/h-stack/hook.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useHStack});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/flex/flex-item/component.tsx"),hook=__webpack_require__("./packages/components/src/flex/flex/hook.ts"),values=__webpack_require__("./packages/components/src/utils/values.js");const H_ALIGNMENTS={bottom:{align:"flex-end",justify:"center"},bottomLeft:{align:"flex-end",justify:"flex-start"},bottomRight:{align:"flex-end",justify:"flex-end"},center:{align:"center",justify:"center"},edge:{align:"center",justify:"space-between"},left:{align:"center",justify:"flex-start"},right:{align:"center",justify:"flex-end"},stretch:{align:"stretch"},top:{align:"flex-start",justify:"center"},topLeft:{align:"flex-start",justify:"flex-start"},topRight:{align:"flex-start",justify:"flex-end"}},V_ALIGNMENTS={bottom:{justify:"flex-end",align:"center"},bottomLeft:{justify:"flex-end",align:"flex-start"},bottomRight:{justify:"flex-end",align:"flex-end"},center:{justify:"center",align:"center"},edge:{justify:"space-between",align:"center"},left:{justify:"center",align:"flex-start"},right:{justify:"center",align:"flex-end"},stretch:{align:"stretch"},top:{justify:"flex-start",align:"center"},topLeft:{justify:"flex-start",align:"flex-start"},topRight:{justify:"flex-start",align:"flex-end"}};var get_valid_children=__webpack_require__("./packages/components/src/utils/get-valid-children.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function useHStack(props){const{alignment="edge",children,direction,spacing=2,...otherProps}=(0,use_context_system.A)(props,"HStack"),align=function getAlignmentProps(alignment,direction="row"){if(!(0,values.J5)(alignment))return{};const props="column"===direction?V_ALIGNMENTS:H_ALIGNMENTS;return alignment in props?props[alignment]:{align:alignment}}(alignment,direction),propsForFlex={children:(0,get_valid_children.a)(children).map(((child,index)=>{if((0,context_connect.SZ)(child,["Spacer"])){const childElement=child,_key=childElement.key||`hstack-${index}`;return(0,jsx_runtime.jsx)(component.A,{isBlock:!0,...childElement.props},_key)}return child})),direction,justify:"center",...align,...otherProps,gap:spacing},{isColumn,...flexProps}=(0,hook.v)(propsForFlex);return flexProps}try{useHStack.displayName="useHStack",useHStack.__docgenInfo={description:"",displayName:"useHStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'edge'"},description:"Determines how the child elements are aligned.\n\n* `top`: Aligns content to the top.\n* `topLeft`: Aligns content to the top/left.\n* `topRight`: Aligns content to the top/right.\n* `left`: Aligns content to the left.\n* `center`: Aligns content to the center.\n* `right`: Aligns content to the right.\n* `bottom`: Aligns content to the bottom.\n* `bottomLeft`: Aligns content to the bottom/left.\n* `bottomRight`: Aligns content to the bottom/right.\n* `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n* `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:{value:"2"},description:"The amount of space between each child element. Spacing in between each child can be adjusted by using `spacing`.\nThe value of `spacing` works as a multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"enum",value:[{value:'"symbol"'},{value:'"object"'},{value:'"select"'},{value:'"a"'},{value:'"abbr"'},{value:'"address"'},{value:'"area"'},{value:'"article"'},{value:'"aside"'},{value:'"audio"'},{value:'"b"'},{value:'"base"'},{value:'"bdi"'},{value:'"bdo"'},{value:'"big"'},{value:'"blockquote"'},{value:'"body"'},{value:'"br"'},{value:'"button"'},{value:'"canvas"'},{value:'"caption"'},{value:'"center"'},{value:'"cite"'},{value:'"code"'},{value:'"col"'},{value:'"colgroup"'},{value:'"data"'},{value:'"datalist"'},{value:'"dd"'},{value:'"del"'},{value:'"details"'},{value:'"dfn"'},{value:'"dialog"'},{value:'"div"'},{value:'"dl"'},{value:'"dt"'},{value:'"em"'},{value:'"embed"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"form"'},{value:'"h1"'},{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'},{value:'"head"'},{value:'"header"'},{value:'"hgroup"'},{value:'"hr"'},{value:'"html"'},{value:'"i"'},{value:'"iframe"'},{value:'"img"'},{value:'"input"'},{value:'"ins"'},{value:'"kbd"'},{value:'"keygen"'},{value:'"label"'},{value:'"legend"'},{value:'"li"'},{value:'"link"'},{value:'"main"'},{value:'"map"'},{value:'"mark"'},{value:'"menu"'},{value:'"menuitem"'},{value:'"meta"'},{value:'"meter"'},{value:'"nav"'},{value:'"noindex"'},{value:'"noscript"'},{value:'"ol"'},{value:'"optgroup"'},{value:'"option"'},{value:'"output"'},{value:'"p"'},{value:'"param"'},{value:'"picture"'},{value:'"pre"'},{value:'"progress"'},{value:'"q"'},{value:'"rp"'},{value:'"rt"'},{value:'"ruby"'},{value:'"s"'},{value:'"samp"'},{value:'"search"'},{value:'"slot"'},{value:'"script"'},{value:'"section"'},{value:'"small"'},{value:'"source"'},{value:'"span"'},{value:'"strong"'},{value:'"style"'},{value:'"sub"'},{value:'"summary"'},{value:'"sup"'},{value:'"table"'},{value:'"template"'},{value:'"tbody"'},{value:'"td"'},{value:'"textarea"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"time"'},{value:'"title"'},{value:'"tr"'},{value:'"track"'},{value:'"u"'},{value:'"ul"'},{value:'"var"'},{value:'"video"'},{value:'"wbr"'},{value:'"webview"'},{value:'"svg"'},{value:'"animate"'},{value:'"animateMotion"'},{value:'"animateTransform"'},{value:'"circle"'},{value:'"clipPath"'},{value:'"defs"'},{value:'"desc"'},{value:'"ellipse"'},{value:'"feBlend"'},{value:'"feColorMatrix"'},{value:'"feComponentTransfer"'},{value:'"feComposite"'},{value:'"feConvolveMatrix"'},{value:'"feDiffuseLighting"'},{value:'"feDisplacementMap"'},{value:'"feDistantLight"'},{value:'"feDropShadow"'},{value:'"feFlood"'},{value:'"feFuncA"'},{value:'"feFuncB"'},{value:'"feFuncG"'},{value:'"feFuncR"'},{value:'"feGaussianBlur"'},{value:'"feImage"'},{value:'"feMerge"'},{value:'"feMergeNode"'},{value:'"feMorphology"'},{value:'"feOffset"'},{value:'"fePointLight"'},{value:'"feSpecularLighting"'},{value:'"feSpotLight"'},{value:'"feTile"'},{value:'"feTurbulence"'},{value:'"filter"'},{value:'"foreignObject"'},{value:'"g"'},{value:'"image"'},{value:'"line"'},{value:'"linearGradient"'},{value:'"marker"'},{value:'"mask"'},{value:'"metadata"'},{value:'"mpath"'},{value:'"path"'},{value:'"pattern"'},{value:'"polygon"'},{value:'"polyline"'},{value:'"radialGradient"'},{value:'"rect"'},{value:'"set"'},{value:'"stop"'},{value:'"switch"'},{value:'"text"'},{value:'"textPath"'},{value:'"tspan"'},{value:'"use"'},{value:'"view"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/h-stack/hook.tsx#useHStack"]={docgenInfo:useHStack.__docgenInfo,name:"useHStack",path:"packages/components/src/h-stack/hook.tsx#useHStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/utils/get-valid-children.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>getValidChildren});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function getValidChildren(children){return"string"==typeof children?[children]:_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter((child=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child)))}},"./packages/components/src/v-stack/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>v_stack_component});var context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),component=__webpack_require__("./packages/components/src/view/component.tsx"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),hook=__webpack_require__("./packages/components/src/h-stack/hook.tsx");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VStack=(0,context_connect.KZ)((function UnconnectedVStack(props,forwardedRef){const vStackProps=function useVStack(props){const{expanded=!1,alignment="stretch",...otherProps}=(0,use_context_system.A)(props,"VStack");return(0,hook.A)({direction:"column",expanded,alignment,...otherProps})}(props);return(0,jsx_runtime.jsx)(component.A,{...vStackProps,ref:forwardedRef})}),"VStack"),v_stack_component=VStack;try{VStack.displayName="VStack",VStack.__docgenInfo={description:"`VStack` (or Vertical Stack) is a layout component that arranges child\nelements in a vertical line.\n\n`VStack` can render anything inside.\n\n```jsx\nimport {\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<VStack>\n\t\t\t<Text>Code</Text>\n\t\t\t<Text>is</Text>\n\t\t\t<Text>Poetry</Text>\n\t\t</VStack>\n\t);\n}\n```",displayName:"VStack",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},direction:{defaultValue:{value:"'row'"},description:"The direction flow of the children content can be adjusted with\n`direction`. `column` will align children vertically and `row` will align\nchildren horizontally.",name:"direction",required:!1,type:{name:"FlexDirection"}},wrap:{defaultValue:{value:"false"},description:"Determines if children should wrap.",name:"wrap",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:null,description:"@deprecated",name:"isReversed",required:!1,type:{name:"boolean"}},justify:{defaultValue:{value:"'space-between'"},description:"Horizontally aligns content if the `direction` is `row`, or vertically\naligns content if the `direction` is `column`.",name:"justify",required:!1,type:{name:"JustifyContent"}},expanded:{defaultValue:{value:"true"},description:"Expands to the maximum available width (if horizontal) or height (if\nvertical).",name:"expanded",required:!1,type:{name:"boolean"}},alignment:{defaultValue:{value:"'stretch'"},description:"Determines how the child elements are aligned.\n\n- `top`: Aligns content to the top.\n- `topLeft`: Aligns content to the top/left.\n- `topRight`: Aligns content to the top/right.\n- `left`: Aligns content to the left.\n- `center`: Aligns content to the center.\n- `right`: Aligns content to the right.\n- `bottom`: Aligns content to the bottom.\n- `bottomLeft`: Aligns content to the bottom/left.\n- `bottomRight`: Aligns content to the bottom/right.\n- `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.\n- `stretch`: Stretches content to the cross axis edges of the container.",name:"alignment",required:!1,type:{name:'"top" | "center" | "inherit" | (string & {}) | "end" | "start" | "baseline" | "initial" | "left" | "right" | "bottom" | "-moz-initial" | "revert" | "revert-layer" | "unset" | "stretch" | ... 9 more ... | "self-start"'}},spacing:{defaultValue:null,description:"The amount of space between each child element. Spacing in between each\nchild can be adjusted by using `spacing`. The value of `spacing` works as\na multiplier to the library's grid system (base of `4px`).",name:"spacing",required:!1,type:{name:"Width<string | number>"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/v-stack/component.tsx#VStack"]={docgenInfo:VStack.__docgenInfo,name:"VStack",path:"packages/components/src/v-stack/component.tsx#VStack"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/v-stack-stories-index-story.e6653acb.iframe.bundle.js.LICENSE.txt b/v-stack-stories-index-story.e6653acb.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/v-stack-stories-index-story.e6653acb.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/view-stories-index-story.43854977.iframe.bundle.js b/view-stories-index-story.43854977.iframe.bundle.js new file mode 100644 index 00000000000000..8316c852ec3d06 --- /dev/null +++ b/view-stories-index-story.43854977.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8295],{"./packages/components/src/view/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>__WEBPACK_DEFAULT_EXPORT__});var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/view/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components (Experimental)/View",argTypes:{as:{control:!1},children:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/view",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=(args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{...args})).bind({});Default.args={children:"An example tip"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => {\n return <View {...args} />;\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js b/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js new file mode 100644 index 00000000000000..2a791ab9e3f108 --- /dev/null +++ b/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js.LICENSE.txt */ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[8712],{"./packages/components/src/visually-hidden/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,WithAdditionalClassNames:()=>WithAdditionalClassNames,WithForwardedProps:()=>WithForwardedProps,default:()=>__WEBPACK_DEFAULT_EXPORT__});var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/visually-hidden/component.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:___WEBPACK_IMPORTED_MODULE_1__.A,title:"Components/Typography/VisuallyHidden",id:"components-visuallyhidden",argTypes:{children:{control:!1},as:{control:{type:"text"}}},parameters:{sourceLink:"packages/components/src/visually-hidden",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Default=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.A,{as:"span",...args,children:"This should not show."}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:["This text will"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.A,{as:"span",...args,children:["but not inline"," "]})," ","always show."]})]}),WithForwardedProps=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:["Additional props can be passed to VisuallyHidden and are forwarded to the rendered element."," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.A,{as:"span","data-id":"test",...args,children:["Check out my data attribute!"," "]}),"Inspect the HTML to see!"]}),WithAdditionalClassNames=args=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:["Additional class names passed to VisuallyHidden extend the component class name."," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.A,{as:"label",className:"test-input",...args,children:["Check out my class!"," "]}),"Inspect the HTML to see!"]});Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args => <>\n <VisuallyHidden as=\"span\" {...args}>\n This should not show.\n </VisuallyHidden>\n <div>\n This text will{' '}\n <VisuallyHidden as=\"span\" {...args}>\n but not inline{' '}\n </VisuallyHidden>{' '}\n always show.\n </div>\n </>",...Default.parameters?.docs?.source}}},WithForwardedProps.parameters={...WithForwardedProps.parameters,docs:{...WithForwardedProps.parameters?.docs,source:{originalSource:"args => <>\n Additional props can be passed to VisuallyHidden and are forwarded to\n the rendered element.{' '}\n <VisuallyHidden as=\"span\" data-id=\"test\" {...args}>\n Check out my data attribute!{' '}\n </VisuallyHidden>\n Inspect the HTML to see!\n </>",...WithForwardedProps.parameters?.docs?.source}}},WithAdditionalClassNames.parameters={...WithAdditionalClassNames.parameters,docs:{...WithAdditionalClassNames.parameters?.docs,source:{originalSource:"args => <>\n Additional class names passed to VisuallyHidden extend the component\n class name.{' '}\n <VisuallyHidden as=\"label\" className=\"test-input\" {...args}>\n Check out my class!{' '}\n </VisuallyHidden>\n Inspect the HTML to see!\n </>",...WithAdditionalClassNames.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/visually-hidden/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>visually_hidden_component});var use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts");const visuallyHidden={border:0,clip:"rect(1px, 1px, 1px, 1px)",WebkitClipPath:"inset( 50% )",clipPath:"inset( 50% )",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",wordWrap:"normal"};var component=__webpack_require__("./packages/components/src/view/component.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const VisuallyHidden=(0,context_connect.KZ)((function UnconnectedVisuallyHidden(props,forwardedRef){const{style:styleProp,...contextProps}=(0,use_context_system.A)(props,"VisuallyHidden");return(0,jsx_runtime.jsx)(component.A,{ref:forwardedRef,...contextProps,style:{...visuallyHidden,...styleProp||{}}})}),"VisuallyHidden"),visually_hidden_component=VisuallyHidden;try{VisuallyHidden.displayName="VisuallyHidden",VisuallyHidden.__docgenInfo={description:"`VisuallyHidden` is a component used to render text intended to be visually\nhidden, but will show for alternate devices, for example a screen reader.\n\n```jsx\nimport { VisuallyHidden } from `@wordpress/components`;\n\nfunction Example() {\n return (\n <VisuallyHidden>\n <label>Code is Poetry</label>\n </VisuallyHidden>\n );\n}\n```",displayName:"VisuallyHidden",props:{children:{defaultValue:null,description:"The children elements.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/visually-hidden/component.tsx#VisuallyHidden"]={docgenInfo:VisuallyHidden.__docgenInfo,name:"VisuallyHidden",path:"packages/components/src/visually-hidden/component.tsx#VisuallyHidden"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/deepmerge/dist/cjs.js":module=>{var isMergeableObject=function isMergeableObject(value){return function isNonNullObject(value){return!!value&&"object"==typeof value}(value)&&!function isSpecial(value){var stringValue=Object.prototype.toString.call(value);return"[object RegExp]"===stringValue||"[object Date]"===stringValue||function isReactElement(value){return value.$$typeof===REACT_ELEMENT_TYPE}(value)}(value)};var REACT_ELEMENT_TYPE="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function cloneUnlessOtherwiseSpecified(value,options){return!1!==options.clone&&options.isMergeableObject(value)?deepmerge(function emptyTarget(val){return Array.isArray(val)?[]:{}}(value),value,options):value}function defaultArrayMerge(target,source,options){return target.concat(source).map((function(element){return cloneUnlessOtherwiseSpecified(element,options)}))}function getKeys(target){return Object.keys(target).concat(function getEnumerableOwnPropertySymbols(target){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(target).filter((function(symbol){return Object.propertyIsEnumerable.call(target,symbol)})):[]}(target))}function propertyIsOnObject(object,property){try{return property in object}catch(_){return!1}}function mergeObject(target,source,options){var destination={};return options.isMergeableObject(target)&&getKeys(target).forEach((function(key){destination[key]=cloneUnlessOtherwiseSpecified(target[key],options)})),getKeys(source).forEach((function(key){(function propertyIsUnsafe(target,key){return propertyIsOnObject(target,key)&&!(Object.hasOwnProperty.call(target,key)&&Object.propertyIsEnumerable.call(target,key))})(target,key)||(propertyIsOnObject(target,key)&&options.isMergeableObject(source[key])?destination[key]=function getMergeFunction(key,options){if(!options.customMerge)return deepmerge;var customMerge=options.customMerge(key);return"function"==typeof customMerge?customMerge:deepmerge}(key,options)(target[key],source[key],options):destination[key]=cloneUnlessOtherwiseSpecified(source[key],options))})),destination}function deepmerge(target,source,options){(options=options||{}).arrayMerge=options.arrayMerge||defaultArrayMerge,options.isMergeableObject=options.isMergeableObject||isMergeableObject,options.cloneUnlessOtherwiseSpecified=cloneUnlessOtherwiseSpecified;var sourceIsArray=Array.isArray(source);return sourceIsArray===Array.isArray(target)?sourceIsArray?options.arrayMerge(target,source,options):mergeObject(target,source,options):cloneUnlessOtherwiseSpecified(source,options)}deepmerge.all=function deepmergeAll(array,options){if(!Array.isArray(array))throw new Error("first argument should be an array");return array.reduce((function(prev,next){return deepmerge(prev,next,options)}),{})};var deepmerge_1=deepmerge;module.exports=deepmerge_1},"./node_modules/fast-deep-equal/es6/index.js":module=>{module.exports=function equal(a,b){if(a===b)return!0;if(a&&b&&"object"==typeof a&&"object"==typeof b){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(!equal(a[i],b[i]))return!1;return!0}if(a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;for(i of a.entries())if(!equal(i[1],b.get(i[0])))return!1;return!0}if(a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(i of a.entries())if(!b.has(i[0]))return!1;return!0}if(ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if((length=a.length)!=b.length)return!1;for(i=length;0!=i--;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf)return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString)return a.toString()===b.toString();if((length=(keys=Object.keys(a)).length)!==Object.keys(b).length)return!1;for(i=length;0!=i--;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;0!=i--;){var key=keys[i];if(!equal(a[key],b[key]))return!1}return!0}return a!=a&&b!=b}},"./node_modules/is-plain-object/dist/is-plain-object.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isObject(o){return"[object Object]"===Object.prototype.toString.call(o)}function isPlainObject(o){var ctor,prot;return!1!==isObject(o)&&(void 0===(ctor=o.constructor)||!1!==isObject(prot=ctor.prototype)&&!1!==prot.hasOwnProperty("isPrototypeOf"))}__webpack_require__.d(__webpack_exports__,{Q:()=>isPlainObject})},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file diff --git a/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js.LICENSE.txt b/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js.LICENSE.txt new file mode 100644 index 00000000000000..fe4c1fe30790a1 --- /dev/null +++ b/visually-hidden-stories-index-story.9fcaacfc.iframe.bundle.js.LICENSE.txt @@ -0,0 +1,6 @@ +/*! + * is-plain-object <https://github.com/jonschlinkert/is-plain-object> + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */ diff --git a/wp-logo@2x.png b/wp-logo@2x.png new file mode 100644 index 00000000000000..a95cd961902b01 Binary files /dev/null and b/wp-logo@2x.png differ diff --git a/z-stack-stories-index-story.24d22ab7.iframe.bundle.js b/z-stack-stories-index-story.24d22ab7.iframe.bundle.js new file mode 100644 index 00000000000000..390ca09294511a --- /dev/null +++ b/z-stack-stories-index-story.24d22ab7.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkgutenberg=self.webpackChunkgutenberg||[]).push([[7975],{"./packages/components/src/z-stack/stories/index.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,default:()=>index_story});var component=__webpack_require__("./packages/components/src/elevation/component.tsx"),view_component=__webpack_require__("./packages/components/src/view/component.tsx"),react=__webpack_require__("./node_modules/react/index.js"),get_valid_children=__webpack_require__("./packages/components/src/utils/get-valid-children.ts"),use_context_system=__webpack_require__("./packages/components/src/context/use-context-system.js"),context_connect=__webpack_require__("./packages/components/src/context/context-connect.ts"),emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const ZStackChildView=(0,emotion_styled_base_browser_esm.A)("div",{target:"ebn2ljm1"})("&:not( :first-of-type ){",(({offsetAmount})=>(0,emotion_react_browser_esm.AH)({marginInlineStart:offsetAmount},"","")),";}",(({zIndex})=>(0,emotion_react_browser_esm.AH)({zIndex},"","")),";");var _ref={name:"rs0gp6",styles:"grid-row-start:1;grid-column-start:1"};const ZStackView=(0,emotion_styled_base_browser_esm.A)("div",{target:"ebn2ljm0"})("display:inline-grid;grid-auto-flow:column;position:relative;&>",ZStackChildView,"{position:relative;justify-self:start;",(({isLayered})=>isLayered?_ref:void 0),";}");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ZStack=(0,context_connect.KZ)((function UnconnectedZStack(props,forwardedRef){const{children,className,isLayered=!0,isReversed=!1,offset=0,...otherProps}=(0,use_context_system.A)(props,"ZStack"),validChildren=(0,get_valid_children.a)(children),childrenLastIndex=validChildren.length-1,clonedChildren=validChildren.map(((child,index)=>{const zIndex=isReversed?childrenLastIndex-index:index,offsetAmount=isLayered?offset*index:offset,key=(0,react.isValidElement)(child)?child.key:index;return(0,jsx_runtime.jsx)(ZStackChildView,{offsetAmount,zIndex,children:child},key)}));return(0,jsx_runtime.jsx)(ZStackView,{...otherProps,className,isLayered,ref:forwardedRef,children:clonedChildren})}),"ZStack"),z_stack_component=ZStack;try{ZStack.displayName="ZStack",ZStack.__docgenInfo={description:"`ZStack` allows you to stack things along the Z-axis.\n\n```jsx\nimport { __experimentalZStack as ZStack } from '@wordpress/components';\n\nfunction Example() {\n return (\n <ZStack offset={ 20 } isLayered>\n <ExampleImage />\n <ExampleImage />\n <ExampleImage />\n </ZStack>\n );\n}\n```",displayName:"ZStack",props:{isLayered:{defaultValue:{value:"true"},description:"Layers children elements on top of each other (first: highest z-index,\nlast: lowest z-index).",name:"isLayered",required:!1,type:{name:"boolean"}},isReversed:{defaultValue:{value:"false"},description:"Reverse the layer ordering (first: lowest z-index, last: highest\nz-index).",name:"isReversed",required:!1,type:{name:"boolean"}},offset:{defaultValue:{value:"0"},description:"The amount of space between each child element. Its value is\nautomatically inverted (i.e. from positive to negative, and viceversa)\nwhen switching from LTR to RTL.",name:"offset",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The children to stack.",name:"children",required:!0,type:{name:"ReactNode"}},as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:'"symbol" | "object" | "select" | ComponentClass<any, any> | FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | ... 524 more ... | ("view" & FunctionComponent<...>)'}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/z-stack/component.tsx#ZStack"]={docgenInfo:ZStack.__docgenInfo,name:"ZStack",path:"packages/components/src/z-stack/component.tsx#ZStack"})}catch(__react_docgen_typescript_loader_error){}const index_story={component:z_stack_component,title:"Components (Experimental)/ZStack",argTypes:{as:{control:{type:"text"}},children:{control:!1}},parameters:{sourceLink:"packages/components/src/z-stack",badges:[],controls:{expanded:!0},docs:{canvas:{sourceState:"shown"}}}},Avatar=({backgroundColor})=>(0,jsx_runtime.jsxs)(view_component.A,{children:[(0,jsx_runtime.jsx)(view_component.A,{style:{border:"3px solid black",borderRadius:"9999px",height:"48px",width:"48px",backgroundColor}}),(0,jsx_runtime.jsx)(component.A,{borderRadius:9999,isInteractive:!1,value:3})]}),Default=(args=>(0,jsx_runtime.jsxs)(z_stack_component,{...args,children:[(0,jsx_runtime.jsx)(Avatar,{backgroundColor:"#444"}),(0,jsx_runtime.jsx)(Avatar,{backgroundColor:"#777"}),(0,jsx_runtime.jsx)(Avatar,{backgroundColor:"#aaa"}),(0,jsx_runtime.jsx)(Avatar,{backgroundColor:"#fff"})]})).bind({});Default.args={offset:20},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'args => {\n return <ZStack {...args}>\n <Avatar backgroundColor="#444" />\n <Avatar backgroundColor="#777" />\n <Avatar backgroundColor="#aaa" />\n <Avatar backgroundColor="#fff" />\n </ZStack>;\n}',...Default.parameters?.docs?.source}}}},"./packages/components/src/context/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Yr:()=>CONNECT_STATIC_NAMESPACE,yG:()=>COMPONENT_NAMESPACE,yy:()=>CONNECTED_NAMESPACE});const COMPONENT_NAMESPACE="data-wp-component",CONNECTED_NAMESPACE="data-wp-c16t",CONNECT_STATIC_NAMESPACE="__contextSystemKey__"},"./packages/components/src/context/context-system-provider.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c7:()=>ContextSystemProvider,rm:()=>useComponentsContext});var deepmerge__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/deepmerge/dist/cjs.js"),deepmerge__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(deepmerge__WEBPACK_IMPORTED_MODULE_0__),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/fast-deep-equal/es6/index.js"),fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1__),is_plain_object__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/is-plain-object/dist/is-plain-object.mjs"),_wordpress_element__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/index.js"),_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/utils/hooks/use-update-effect.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const ComponentsContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.createContext)({}),useComponentsContext=()=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useContext)(ComponentsContext);const BaseContextSystemProvider=({children,value})=>{const contextValue=function useContextSystemBridge({value}){const parentContext=useComponentsContext(),valueRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useRef)(value);return(0,_utils__WEBPACK_IMPORTED_MODULE_4__.A)((()=>{fast_deep_equal_es6__WEBPACK_IMPORTED_MODULE_1___default()(valueRef.current,value)&&valueRef.current}),[value]),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.useMemo)((()=>deepmerge__WEBPACK_IMPORTED_MODULE_0___default()(null!=parentContext?parentContext:{},null!=value?value:{},{isMergeableObject:is_plain_object__WEBPACK_IMPORTED_MODULE_5__.Q})),[parentContext,value])}({value});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(ComponentsContext.Provider,{value:contextValue,children})},ContextSystemProvider=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_3__.memo)(BaseContextSystemProvider);BaseContextSystemProvider.__docgenInfo={description:"A Provider component that can modify props for connected components within\nthe Context system.\n\n@example\n```jsx\n<ContextSystemProvider value={{ Button: { size: 'small' }}}>\n <Button>...</Button>\n</ContextSystemProvider>\n```\n\n@template {Record<string, any>} T\n@param {Object} options\n@param {import('react').ReactNode} options.children Children to render.\n@param {T} options.value Props to render into connected components.\n@return {JSX.Element} A Provider wrapped component.",methods:[],displayName:"BaseContextSystemProvider"}},"./packages/components/src/context/use-context-system.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>useContextSystem});var context_system_provider=__webpack_require__("./packages/components/src/context/context-system-provider.js"),constants=__webpack_require__("./packages/components/src/context/constants.js");var get_styled_class_name_from_key=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts"),use_cx=__webpack_require__("./packages/components/src/utils/hooks/use-cx.ts");function useContextSystem(props,namespace){const contextSystemProps=(0,context_system_provider.rm)(),contextProps=contextSystemProps?.[namespace]||{},finalComponentProps={[constants.yy]:!0,...(componentName=namespace,{[constants.yG]:componentName})};var componentName;const{_overrides:overrideProps,...otherContextProps}=contextProps,initialMergedProps=Object.entries(otherContextProps).length?Object.assign({},otherContextProps,props):props,classes=(0,use_cx.l)()((0,get_styled_class_name_from_key.o)(namespace),props.className),rendered="function"==typeof initialMergedProps.renderChildren?initialMergedProps.renderChildren(initialMergedProps):initialMergedProps.children;for(const key in initialMergedProps)finalComponentProps[key]=initialMergedProps[key];for(const key in overrideProps)finalComponentProps[key]=overrideProps[key];return void 0!==rendered&&(finalComponentProps.children=rendered),finalComponentProps.className=classes,finalComponentProps}},"./packages/components/src/utils/config-values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _space__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/utils/space.ts"),_colors_values__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/utils/colors-values.js");const CONTROL_PROPS={controlPaddingX:12,controlPaddingXSmall:8,controlPaddingXLarge:12*1.3334,controlBoxShadowFocus:`0 0 0 0.5px ${_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.theme.accent}`,controlHeight:"36px",controlHeightXSmall:"calc( 36px * 0.6 )",controlHeightSmall:"calc( 36px * 0.8 )",controlHeightLarge:"calc( 36px * 1.2 )",controlHeightXLarge:"calc( 36px * 1.4 )"},__WEBPACK_DEFAULT_EXPORT__=Object.assign({},CONTROL_PROPS,{colorDivider:"rgba(0, 0, 0, 0.1)",colorScrollbarThumb:"rgba(0, 0, 0, 0.2)",colorScrollbarThumbHover:"rgba(0, 0, 0, 0.5)",colorScrollbarTrack:"rgba(0, 0, 0, 0.04)",elevationIntensity:1,radiusXSmall:"1px",radiusSmall:"2px",radiusMedium:"4px",radiusLarge:"8px",radiusFull:"9999px",radiusRound:"50%",borderWidth:"1px",borderWidthFocus:"1.5px",borderWidthTab:"4px",spinnerSize:16,fontSize:"13px",fontSizeH1:"calc(2.44 * 13px)",fontSizeH2:"calc(1.95 * 13px)",fontSizeH3:"calc(1.56 * 13px)",fontSizeH4:"calc(1.25 * 13px)",fontSizeH5:"13px",fontSizeH6:"calc(0.8 * 13px)",fontSizeInputMobile:"16px",fontSizeMobile:"15px",fontSizeSmall:"calc(0.92 * 13px)",fontSizeXSmall:"calc(0.75 * 13px)",fontLineHeightBase:"1.4",fontWeight:"normal",fontWeightHeading:"600",gridBase:"4px",cardPaddingXSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(2)}`,cardPaddingSmall:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)}`,cardPaddingMedium:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(4)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)}`,cardPaddingLarge:`${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(6)} ${(0,_space__WEBPACK_IMPORTED_MODULE_1__.x)(8)}`,elevationXSmall:"0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)",elevationSmall:"0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)",elevationMedium:"0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)",elevationLarge:"0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)",surfaceBackgroundColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceBackgroundSubtleColor:"#F3F3F3",surfaceBackgroundTintColor:"#F5F5F5",surfaceBorderColor:"rgba(0, 0, 0, 0.1)",surfaceBorderBoldColor:"rgba(0, 0, 0, 0.15)",surfaceBorderSubtleColor:"rgba(0, 0, 0, 0.05)",surfaceBackgroundTertiaryColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,surfaceColor:_colors_values__WEBPACK_IMPORTED_MODULE_0__.l.white,transitionDuration:"200ms",transitionDurationFast:"160ms",transitionDurationFaster:"120ms",transitionDurationFastest:"100ms",transitionTimingFunction:"cubic-bezier(0.08, 0.52, 0.52, 1)",transitionTimingFunctionControl:"cubic-bezier(0.12, 0.8, 0.32, 1)"})},"./packages/components/src/utils/hooks/use-update-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=function useUpdateEffect(effect,deps){const mountedRef=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{if(mountedRef.current)return effect();mountedRef.current=!0}),deps),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>{mountedRef.current=!1}),[])}},"./packages/components/src/utils/values.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function isValueDefined(value){return null!=value}function isValueEmpty(value){const isEmptyString=""===value;return!isValueDefined(value)||isEmptyString}function getDefinedValue(values=[],fallbackValue){var _values$find;return null!==(_values$find=values.find(isValueDefined))&&void 0!==_values$find?_values$find:fallbackValue}__webpack_require__.d(__webpack_exports__,{GB:()=>ensureNumber,J5:()=>isValueDefined,r6:()=>isValueEmpty,vD:()=>getDefinedValue});const ensureNumber=value=>"string"==typeof value?(value=>parseFloat(value))(value):value},"./packages/components/src/context/context-connect.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{KZ:()=>contextConnect,SZ:()=>hasConnectNamespace,zS:()=>contextConnectWithoutRef});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_constants__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/context/constants.js"),_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/context/get-styled-class-name-from-key.ts");function contextConnect(Component,namespace){return _contextConnect(Component,namespace,{forwardsRef:!0})}function contextConnectWithoutRef(Component,namespace){return _contextConnect(Component,namespace)}function _contextConnect(Component,namespace,options){const WrappedComponent=options?.forwardsRef?(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Component):Component;let mergedNamespace=WrappedComponent[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]||[namespace];return Array.isArray(namespace)&&(mergedNamespace=[...mergedNamespace,...namespace]),"string"==typeof namespace&&(mergedNamespace=[...mergedNamespace,namespace]),Object.assign(WrappedComponent,{[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]:[...new Set(mergedNamespace)],displayName:namespace,selector:`.${(0,_get_styled_class_name_from_key__WEBPACK_IMPORTED_MODULE_2__.o)(namespace)}`})}function getConnectNamespace(Component){if(!Component)return[];let namespaces=[];return Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),Component.type&&Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]&&(namespaces=Component.type[_constants__WEBPACK_IMPORTED_MODULE_1__.Yr]),namespaces}function hasConnectNamespace(Component,match){return!!Component&&("string"==typeof match?getConnectNamespace(Component).includes(match):!!Array.isArray(match)&&match.some((result=>getConnectNamespace(Component).includes(result))))}},"./packages/components/src/context/get-styled-class-name-from-key.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>getStyledClassNameFromKey});var change_case__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/param-case/dist.es2015/index.js");const getStyledClassNameFromKey=(0,__webpack_require__("./node_modules/memize/dist/index.js").A)((function getStyledClassName(namespace){return`components-${(0,change_case__WEBPACK_IMPORTED_MODULE_0__.c)(namespace)}`}))},"./packages/components/src/utils/get-valid-children.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>getValidChildren});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function getValidChildren(children){return"string"==typeof children?[children]:_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).filter((child=>(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(child)))}},"./packages/components/src/view/component.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");const PolymorphicDiv=(0,_emotion_styled_base__WEBPACK_IMPORTED_MODULE_0__.A)("div",{target:"e19lxcc00"})("");const View=Object.assign((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function UnforwardedView({as,...restProps},ref){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(PolymorphicDiv,{as,ref,...restProps})})),{selector:".components-view"}),__WEBPACK_DEFAULT_EXPORT__=View;try{View.displayName="View",View.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"View",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#View"]={docgenInfo:View.__docgenInfo,name:"View",path:"packages/components/src/view/component.tsx#View"})}catch(__react_docgen_typescript_loader_error){}try{component.displayName="component",component.__docgenInfo={description:"`View` is a core component that renders everything in the library.\nIt is the principle component in the entire library.\n\n```jsx\nimport { View } from `@wordpress/components`;\n\nfunction Example() {\n\treturn (\n\t\t<View>\n\t\t\t Code is Poetry\n\t\t</View>\n\t);\n}\n```",displayName:"component",props:{as:{defaultValue:null,description:"The HTML element or React component to render the component as.",name:"as",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/view/component.tsx#component"]={docgenInfo:component.__docgenInfo,name:"component",path:"packages/components/src/view/component.tsx#component"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/memize/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function memize(fn,options){var head,tail,size=0;function memoized(){var args,i,node=head,len=arguments.length;searchCache:for(;node;){if(node.args.length===arguments.length){for(i=0;i<len;i++)if(node.args[i]!==arguments[i]){node=node.next;continue searchCache}return node!==head&&(node===tail&&(tail=node.prev),node.prev.next=node.next,node.next&&(node.next.prev=node.prev),node.next=head,node.prev=null,head.prev=node,head=node),node.val}node=node.next}for(args=new Array(len),i=0;i<len;i++)args[i]=arguments[i];return node={args,val:fn.apply(null,args)},head?(head.prev=node,node.next=head):tail=node,size===options.maxSize?(tail=tail.prev).next=null:size++,head=node,node.val}return options=options||{},memoized.clear=function(){head=null,tail=null,size=0},memoized}__webpack_require__.d(__webpack_exports__,{A:()=>memize})}}]); \ No newline at end of file