@oliasoft-open-source/react-ui-library 4.0.0-beta-76 → 4.0.0

package/dist/storybook/assets/select-b09da604.js

@@ -0,0 +1 @@
+import{j as m}from"./jsx-runtime-f961835c.js";import{r as N,g as De}from"./index-f80c8c95.js";import{c as D}from"./index-a80ed1cf.js";import{G as le,I as Ne}from"./common-types-3a5f9d98.js";import{D as ve}from"./disabled-context-d654f6ff.js";import{i as ee}from"./types-332ceaf3.js";import{T as Se,u as ze,m as Ue}from"./tooltip-eb0f0865.js";import{p as Ge}from"./index-c89a1915.js";import"./lodash-75c70a11.js";import{_ as $e,a as Ke}from"./inheritsLoose-d4851ab8.js";import{_ as Oe}from"./assertThisInitialized-081f9914.js";import{m as ie}from"./memoize-one.esm-52518564.js";import{M as ae}from"./types-cc224262.js";import{T as se}from"./text-78efb253.js";import{A as Ye}from"./actions-15aa4d2d.js";import{I as we}from"./icon-ce35c889.js";import{s as Be}from"./select.input-88b6ebab.js";const Xe="_inputInTable_u2br6_341",Je="_inputHover_u2br6_350",Ze="_inputFocus_u2br6_355",Qe="_inputError_u2br6_362",et="_inputWarning_u2br6_363",tt="_inputDisabled_u2br6_398",nt="_hideScrollbars_u2br6_403",rt="_select_u2br6_413",lt="_isInTable_u2br6_454",at="_unSelected_u2br6_463",it="_error_u2br6_470",ot="_warning_u2br6_487",st="_small_u2br6_504",ut="_right_u2br6_511",ct="_groupOrderFirst_u2br6_522",dt="_groupOrderMiddle_u2br6_523",pt="_groupOrderLast_u2br6_527",H={inputInTable:Xe,inputHover:Je,inputFocus:Ze,inputError:Qe,inputWarning:et,inputDisabled:tt,hideScrollbars:nt,select:rt,isInTable:lt,unSelected:at,error:it,warning:ot,small:st,right:ut,groupOrderFirst:ct,groupOrderMiddle:dt,groupOrderLast:pt},ue=({disabled:e=!1,error:t=null,warning:l=null,tooltip:d=null,options:c,onChange:h=()=>{},onFocus:f=()=>{},onBlur:i=()=>{},right:o=!1,small:y=!1,tabIndex:v=0,selectedOption:b,width:O=null,groupOrder:I=null,testId:S,isInTable:n=!1,clearable:s,placeholder:a,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:p})=>{const _=N.useContext(ve),g=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,E=g==="unselected",L=(g==="unselected"||s?[m.jsx("option",{value:"unselected",disabled:!s,hidden:!s,children:a||"Select..."},"unselected")]:[]).concat(r?[m.jsx("option",{value:b==null?void 0:b.value,disabled:e||_,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((V,T)=>m.jsx("option",{value:V.value,"data-testid":V.testId,children:V.label},T))),C=(()=>{if(I)switch(I){case le.FIRST:return H.groupOrderFirst;case le.LAST:return H.groupOrderLast;default:return H.groupOrderMiddle}return""})();return m.jsx(Se,{error:!!t,warning:!!l,text:d||t||l,enabled:d&&ee(d)||t&&ee(t)||l&&ee(l)||!1,maxWidth:u,placement:"bottom-center",children:m.jsx("select",{className:D(H.select,E?H.unSelected:"",t?H.error:l?H.warning:"",o?H.right:"",y?H.small:"",n?H.isInTable:"",C),style:{width:O||"",borderRadius:p||""},onChange:V=>{const{value:T}=V.target;let F;T==="unselected"?F={value:null}:F=c.find(A=>String(A.value)===String(T))||{value:null},h(V,F)},onFocus:f,onBlur:i,tabIndex:v,value:g,disabled:e||_,"data-testid":S,children:L})})};try{ue.displayName="NativeSelect",ue.__docgenInfo={description:"",displayName:"NativeSelect",props:{borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"ISelectSelectedOption[]"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | { value: null; }) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},selectedOption:{defaultValue:null,description:"",name:"selectedOption",required:!1,type:{name:"ISelectSelectedOption"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string | null"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},hasNonExistentValue:{defaultValue:null,description:"",name:"hasNonExistentValue",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}var Fe={exports:{}};(function(e,t){(function(l,d){e.exports=d(N,Ge)})(window,function(l,d){return function(c){var h={};function f(i){if(h[i])return h[i].exports;var o=h[i]={i,l:!1,exports:{}};return c[i].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=h,f.d=function(i,o,y){f.o(i,o)||Object.defineProperty(i,o,{enumerable:!0,get:y})},f.r=function(i){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})},f.t=function(i,o){if(1&o&&(i=f(i)),8&o||4&o&&typeof i=="object"&&i&&i.__esModule)return i;var y=Object.create(null);if(f.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:i}),2&o&&typeof i!="string")for(var v in i)f.d(y,v,(function(b){return i[b]}).bind(null,v));return y},f.n=function(i){var o=i&&i.__esModule?function(){return i.default}:function(){return i};return f.d(o,"a",o),o},f.o=function(i,o){return Object.prototype.hasOwnProperty.call(i,o)},f.p="",f(f.s=0)}([function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=f(1);Object.defineProperty(h,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(i).default}}),c.exports=h.default},function(c,h,f){Object.defineProperty(h,"__esModule",{value:!0});var i=Object.assign||function(n){for(var s=1;s<arguments.length;s++){var a=arguments[s];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(n[r]=a[r])}return n},o=function(){function n(s,a){for(var r=0;r<a.length;r++){var u=a[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(s,u.key,u)}}return function(s,a,r){return a&&n(s.prototype,a),r&&n(s,r),s}}(),y=O(f(2)),v=O(f(3)),b=f(4);function O(n){return n&&n.__esModule?n:{default:n}}var I=[],S=function(n){function s(a){(function(u,p){if(!(u instanceof p))throw new TypeError("Cannot call a class as a function")})(this,s);var r=function(u,p){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!p||typeof p!="object"&&typeof p!="function"?u:p}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,a));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(a,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);a.prototype=Object.create(r&&r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(a,r):a.__proto__=r)}(s,y.default.Component),o(s,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var a=this.props,r=a.isExclusive,u=a.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(a){var r=a.isExclusive,u=a.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),I.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var a=this;I.includes(this)&&(I=I.filter(function(r){return r!==a}))}},{key:"handleKeyboardEvent",value:function(a){var r=this.props,u=r.isDisabled,p=r.handleKeys,_=r.onKeyEvent,g=r.handleEventType,E=r.children,L=r.handleFocusableElements;if(u||g!==a.type||I.length>0&&I[0]!==this)return!1;var C=a.target===document.body||L,V=this.childrenContainer&&this.childrenContainer.contains(a.target);if(!(E?V:C))return!1;var T=(0,b.findMatchedKey)(a,p);return!!T&&(_(T,a),!0)}},{key:"render",value:function(){var a=this,r=this.props.children,u=Object.assign({},this.props),p=!0,_=!1,g=void 0;try{for(var E,L=Object.keys(s.propTypes)[Symbol.iterator]();!(p=(E=L.next()).done);p=!0)delete u[E.value]}catch(C){_=!0,g=C}finally{try{!p&&L.return&&L.return()}finally{if(_)throw g}}return r?y.default.createElement("span",i({ref:function(C){a.childrenContainer=C}},u),r):null}}]),s}();h.default=S,S.propTypes={handleKeys:v.default.array,handleEventType:v.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:v.default.bool,onKeyEvent:v.default.func,isDisabled:v.default.bool,isExclusive:v.default.bool,children:v.default.any},S.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=h.default},function(c,h){c.exports=l},function(c,h){c.exports=d},function(c,h,f){function i(r,u,p){return u in r?Object.defineProperty(r,u,{value:p,enumerable:!0,configurable:!0,writable:!0}):r[u]=p,r}Object.defineProperty(h,"__esModule",{value:!0}),h.matchKeyEvent=a,h.findMatchedKey=function(r,u){var p=u.map(function(_){var g=_.toLowerCase(),E=s[g];return E||[_]}).reduce(function(_,g){return _.concat(g)},[]).find(function(_){return a(r,_)});return!p&&u.includes("all")&&(p="other"),p};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},y=Object.keys(o).reduce(function(r,u){return Object.assign(r,i({},u.toUpperCase(),o[u]))},{}),v="0123456789".split("").reduce(function(r,u,p){return Object.assign(r,i({},u,[p+48,p+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,p){return Object.assign(r,i({},u.toLowerCase(),[p+65]),i({},u,[p+65]))},{}),O="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,p){return Object.assign(r,i({},"f"+u,[p+112]))},{}),I={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},S=h.AllKeys=Object.assign({},o,y,v,b,O),n=Object.assign({},v,b),s={all:Object.keys(S),alphanumeric:Object.keys(n),numeric:Object.keys(v),alphabetic:Object.keys(b),function:Object.keys(O)};function a(r,u){var p=r.which||r.keyCode,_=r.type,g=Object.keys(I).filter(function(A){return r[A+"Key"]}).sort(),E=u.toLowerCase().trim(),L=E==="+"?["+"]:E.split(/\s?\+\s?/),C=L.pop(),V=S[C],T=L;if(_==="keypress")return u==String.fromCharCode(p).toLowerCase();if(T.length===0&&g.length===0)return V.indexOf(p)>=0;if(T.length>0&&g.length>0){var F=T.map(function(A){return I[A]}).sort(),w=F.length===g.length&&F.every(function(A,z){return g[z]===A});return V.indexOf(p)>=0&&w}return T.length==0&&g.length===1&&C===g[0]}}])})})(Fe);var ft=Fe.exports;const mt=De(ft),Ae=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},je=()=>{const[e,t]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>t(!0))})()},[]),e};var ht=typeof performance=="object"&&typeof performance.now=="function",Ee=ht?function(){return performance.now()}:function(){return Date.now()};function xe(e){cancelAnimationFrame(e.id)}function yt(e,t){var l=Ee();function d(){Ee()-l>=t?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function Te(e){if(e===void 0&&(e=!1),oe===-1||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",document.body.appendChild(t),oe=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return oe}var Q=null;function Ce(e){if(e===void 0&&(e=!1),Q===null||e){var t=document.createElement("div"),l=t.style;l.width="50px",l.height="50px",l.overflow="scroll",l.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",t.appendChild(d),document.body.appendChild(t),t.scrollLeft>0?Q="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?Q="negative":Q="positive-ascending"),document.body.removeChild(t),Q}return Q}var gt=150,_t=function(t,l){return t};function bt(e){var t,l=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,h=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,i=e.getStopIndexForStartIndex,o=e.initInstanceProps,y=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(b){$e(O,b);function O(S){var n;return n=b.call(this,S)||this,n._instanceProps=o(n.props,Oe(n)),n._outerRef=void 0,n._resetIsScrollingTimeoutId=null,n.state={instance:Oe(n),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof n.props.initialScrollOffset=="number"?n.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},n._callOnItemsRendered=void 0,n._callOnItemsRendered=ie(function(s,a,r,u){return n.props.onItemsRendered({overscanStartIndex:s,overscanStopIndex:a,visibleStartIndex:r,visibleStopIndex:u})}),n._callOnScroll=void 0,n._callOnScroll=ie(function(s,a,r){return n.props.onScroll({scrollDirection:s,scrollOffset:a,scrollUpdateWasRequested:r})}),n._getItemStyle=void 0,n._getItemStyle=function(s){var a=n.props,r=a.direction,u=a.itemSize,p=a.layout,_=n._getItemStyleCache(y&&u,y&&p,y&&r),g;if(_.hasOwnProperty(s))g=_[s];else{var E=l(n.props,s,n._instanceProps),L=c(n.props,s,n._instanceProps),C=r==="horizontal"||p==="horizontal",V=r==="rtl",T=C?E:0;_[s]=g={position:"absolute",left:V?void 0:T,right:V?T:void 0,top:C?0:E,height:C?"100%":L,width:C?L:"100%"}}return g},n._getItemStyleCache=void 0,n._getItemStyleCache=ie(function(s,a,r){return{}}),n._onScrollHorizontal=function(s){var a=s.currentTarget,r=a.clientWidth,u=a.scrollLeft,p=a.scrollWidth;n.setState(function(_){if(_.scrollOffset===u)return null;var g=n.props.direction,E=u;if(g==="rtl")switch(Ce()){case"negative":E=-u;break;case"positive-descending":E=p-r-u;break}return E=Math.max(0,Math.min(E,p-r)),{isScrolling:!0,scrollDirection:_.scrollOffset<u?"forward":"backward",scrollOffset:E,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._onScrollVertical=function(s){var a=s.currentTarget,r=a.clientHeight,u=a.scrollHeight,p=a.scrollTop;n.setState(function(_){if(_.scrollOffset===p)return null;var g=Math.max(0,Math.min(p,u-r));return{isScrolling:!0,scrollDirection:_.scrollOffset<g?"forward":"backward",scrollOffset:g,scrollUpdateWasRequested:!1}},n._resetIsScrollingDebounced)},n._outerRefSetter=function(s){var a=n.props.outerRef;n._outerRef=s,typeof a=="function"?a(s):a!=null&&typeof a=="object"&&a.hasOwnProperty("current")&&(a.current=s)},n._resetIsScrollingDebounced=function(){n._resetIsScrollingTimeoutId!==null&&xe(n._resetIsScrollingTimeoutId),n._resetIsScrollingTimeoutId=yt(n._resetIsScrolling,gt)},n._resetIsScrolling=function(){n._resetIsScrollingTimeoutId=null,n.setState({isScrolling:!1},function(){n._getItemStyleCache(-1,null)})},n}O.getDerivedStateFromProps=function(n,s){return vt(n,s),v(n),null};var I=O.prototype;return I.scrollTo=function(n){n=Math.max(0,n),this.setState(function(s){return s.scrollOffset===n?null:{scrollDirection:s.scrollOffset<n?"forward":"backward",scrollOffset:n,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},I.scrollToItem=function(n,s){s===void 0&&(s="auto");var a=this.props,r=a.itemCount,u=a.layout,p=this.state.scrollOffset;n=Math.max(0,Math.min(n,r-1));var _=0;if(this._outerRef){var g=this._outerRef;u==="vertical"?_=g.scrollWidth>g.clientWidth?Te():0:_=g.scrollHeight>g.clientHeight?Te():0}this.scrollTo(h(this.props,n,s,p,this._instanceProps,_))},I.componentDidMount=function(){var n=this.props,s=n.direction,a=n.initialScrollOffset,r=n.layout;if(typeof a=="number"&&this._outerRef!=null){var u=this._outerRef;s==="horizontal"||r==="horizontal"?u.scrollLeft=a:u.scrollTop=a}this._callPropsCallbacks()},I.componentDidUpdate=function(){var n=this.props,s=n.direction,a=n.layout,r=this.state,u=r.scrollOffset,p=r.scrollUpdateWasRequested;if(p&&this._outerRef!=null){var _=this._outerRef;if(s==="horizontal"||a==="horizontal")if(s==="rtl")switch(Ce()){case"negative":_.scrollLeft=-u;break;case"positive-ascending":_.scrollLeft=u;break;default:var g=_.clientWidth,E=_.scrollWidth;_.scrollLeft=E-g-u;break}else _.scrollLeft=u;else _.scrollTop=u}this._callPropsCallbacks()},I.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&xe(this._resetIsScrollingTimeoutId)},I.render=function(){var n=this.props,s=n.children,a=n.className,r=n.direction,u=n.height,p=n.innerRef,_=n.innerElementType,g=n.innerTagName,E=n.itemCount,L=n.itemData,C=n.itemKey,V=C===void 0?_t:C,T=n.layout,F=n.outerElementType,w=n.outerTagName,A=n.style,z=n.useIsScrolling,$=n.width,P=this.state.isScrolling,U=r==="horizontal"||T==="horizontal",te=U?this._onScrollHorizontal:this._onScrollVertical,B=this._getRangeToRender(),ne=B[0],re=B[1],X=[];if(E>0)for(var k=ne;k<=re;k++)X.push(N.createElement(s,{data:L,key:V(k,L),index:k,isScrolling:z?P:void 0,style:this._getItemStyle(k)}));var J=d(this.props,this._instanceProps);return N.createElement(F||w||"div",{className:a,onScroll:te,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:$,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},N.createElement(_||g||"div",{children:X,ref:p,style:{height:U?"100%":J,pointerEvents:P?"none":void 0,width:U?J:"100%"}}))},I._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var n=this.props.itemCount;if(n>0){var s=this._getRangeToRender(),a=s[0],r=s[1],u=s[2],p=s[3];this._callOnItemsRendered(a,r,u,p)}}if(typeof this.props.onScroll=="function"){var _=this.state,g=_.scrollDirection,E=_.scrollOffset,L=_.scrollUpdateWasRequested;this._callOnScroll(g,E,L)}},I._getRangeToRender=function(){var n=this.props,s=n.itemCount,a=n.overscanCount,r=this.state,u=r.isScrolling,p=r.scrollDirection,_=r.scrollOffset;if(s===0)return[0,0,0,0];var g=f(this.props,_,this._instanceProps),E=i(this.props,g,_,this._instanceProps),L=!u||p==="backward"?Math.max(1,a):1,C=!u||p==="forward"?Math.max(1,a):1;return[Math.max(0,g-L),Math.max(0,Math.min(s-1,E+C)),g,E]},O}(N.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var vt=function(t,l){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,l.instance},St=bt({getItemOffset:function(t,l){var d=t.itemSize;return l*d},getItemSize:function(t,l){var d=t.itemSize;return d},getEstimatedTotalSize:function(t){var l=t.itemCount,d=t.itemSize;return d*l},getOffsetForIndexAndAlignment:function(t,l,d,c,h,f){var i=t.direction,o=t.height,y=t.itemCount,v=t.itemSize,b=t.layout,O=t.width,I=i==="horizontal"||b==="horizontal",S=I?O:o,n=Math.max(0,y*v-S),s=Math.min(n,l*v),a=Math.max(0,l*v-S+v+f);switch(d==="smart"&&(c>=a-S&&c<=s+S?d="auto":d="center"),d){case"start":return s;case"end":return a;case"center":{var r=Math.round(a+(s-a)/2);return r<Math.ceil(S/2)?0:r>n+Math.floor(S/2)?n:r}case"auto":default:return c>=a&&c<=s?c:c<a?a:s}},getStartIndexForOffset:function(t,l){var d=t.itemCount,c=t.itemSize;return Math.max(0,Math.min(d-1,Math.floor(l/c)))},getStopIndexForStartIndex:function(t,l,d){var c=t.direction,h=t.height,f=t.itemCount,i=t.itemSize,o=t.layout,y=t.width,v=c==="horizontal"||o==="horizontal",b=l*i,O=v?y:h,I=Math.ceil((O+d-b)/i);return Math.max(0,Math.min(f-1,l+I-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});const It="_layerContainer_1iwwz_341",Ot="_layer_1iwwz_341",Et="_small_1iwwz_363",xt="_heading_1iwwz_366",Tt="_option_1iwwz_367",Ct="_message_1iwwz_368",Vt="_focused_1iwwz_404",Lt="_selected_1iwwz_408",Rt="_disabled_1iwwz_415",qt="_check_1iwwz_419",Nt="_optionContent_1iwwz_433",wt="_label_1iwwz_438",Ft="_icon_1iwwz_445",At="_details_1iwwz_449",j={layerContainer:It,layer:Ot,small:Et,heading:xt,option:Tt,message:Ct,focused:Vt,selected:Lt,disabled:Rt,check:qt,optionContent:Nt,label:wt,icon:Ft,details:At},ce=({label:e})=>m.jsx("div",{onClick:t=>t.stopPropagation(),className:j.heading,children:e});try{ce.displayName="Heading",ce.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"TStringOrNumber"}}}}}catch{}const de=({details:e,label:t,icon:l,disabled:d=!1,selected:c=!1,focused:h=!1,onSelectOption:f,actions:i,closeLayer:o,testId:y})=>m.jsxs("div",{className:D(j.option,d?j.disabled:"",c?j.selected:"",h?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":y,children:[m.jsx("div",{className:j.optionContent,children:m.jsxs("span",{className:j.label,title:t,children:[t,l&&m.jsx("span",{className:j.icon,children:l})]})}),e&&m.jsx("div",{className:D(j.details),children:m.jsx(se,{faint:!0,children:e})}),!!(i!=null&&i.length)&&m.jsx("div",{className:D(j.actions),children:m.jsx(Ye,{actions:i,closeLayer:o})}),m.jsx("span",{className:j.check,children:c?m.jsx(we,{icon:Ne.CHECK}):null})]});try{de.displayName="Option",de.__docgenInfo={description:"",displayName:"Option",props:{details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:{value:"false"},description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"any[]"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const pe=({section:e,selected:t,focused:l,onSelectOption:d,closeLayer:c})=>{const h=N.useContext(ve);switch(e.type){case ae.HEADING:return m.jsx(ce,{label:e.label});case ae.OPTION:default:return m.jsx(de,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||h,selected:t,focused:l,onSelectOption:d,testId:e.testId})}};try{pe.displayName="Section",pe.__docgenInfo={description:"",displayName:"Section",props:{section:{defaultValue:null,description:"",name:"section",required:!0,type:{name:"ISelectSection"}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"boolean"}},focused:{defaultValue:null,description:"",name:"focused",required:!1,type:{name:"boolean"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void) | undefined"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!1,type:{name:"TEmpty"}}}}}catch{}const fe=({listRef:e,isMulti:t,sections:l,selectedOptions:d,onSelectOption:c,focusedOptionIndex:h,width:f,small:i,firstSelectedOptionIndex:o,closeLayer:y,testId:v})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=i?24:32;return m.jsx("div",{"data-testid":v,className:D(j.layer,i&&j.small),children:l.length?m.jsx(St,{ref:e,height:l.length<10?b*l.length:b*10,itemCount:l.length,itemSize:b,width:f,children:({index:O,style:I})=>{var S;return m.jsx("div",{style:I,children:m.jsx(pe,{closeLayer:y,section:l[O],selected:t&&l[O].type!==ae.HEADING&&Array.isArray(d)?d.some(n=>{var s;return n&&(n==null?void 0:n.value)===((s=l==null?void 0:l[O])==null?void 0:s.value)}):!Array.isArray(d)&&((S=l==null?void 0:l[O])==null?void 0:S.value)===(d==null?void 0:d.value),focused:h===O,onSelectOption:n=>c(n,l[O])})})}}):m.jsx("ul",{children:m.jsx("li",{children:m.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};try{fe.displayName="Layer",fe.__docgenInfo={description:"",displayName:"Layer",props:{listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},isMulti:{defaultValue:null,description:"",name:"isMulti",required:!1,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISelectSection[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onSelectOption:{defaultValue:null,description:"",name:"onSelectOption",required:!0,type:{name:"(event?: MouseEvent<HTMLDivElement, MouseEvent> | undefined, section?: ISelectSection | undefined) => void"}},focusedOptionIndex:{defaultValue:null,description:"",name:"focusedOptionIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!1,type:{name:"number"}},closeLayer:{defaultValue:null,description:"",name:"closeLayer",required:!0,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const jt="_inputInTable_16b8a_341",Pt="_inputHover_16b8a_350",Mt="_inputFocus_16b8a_355",kt="_inputError_16b8a_362",Ht="_inputWarning_16b8a_363",Wt="_inputDisabled_16b8a_398",Dt="_hideScrollbars_16b8a_403",zt="_trigger_16b8a_417",Ut="_isInTable_16b8a_432",Gt="_input_16b8a_341",$t="_isOpen_16b8a_450",Kt="_error_16b8a_458",Yt="_warning_16b8a_475",Bt="_disabled_16b8a_492",Xt="_iconOpen_16b8a_497",Jt="_icons_16b8a_500",Zt="_clearAll_16b8a_508",Qt="_small_16b8a_517",en="_focus_16b8a_526",tn="_triggerInputContainer_16b8a_540",nn="_right_16b8a_549",rn="_multiOptions_16b8a_562",ln="_multiOption_16b8a_562",an="_label_16b8a_594",on="_closeMultiOption_16b8a_597",sn="_selectedSingleValue_16b8a_612",un="_placeHolder_16b8a_613",cn="_groupOrderFirst_16b8a_652",dn="_groupOrderMiddle_16b8a_653",pn="_groupOrderLast_16b8a_657",fn="_detailedLabel_16b8a_662",q={inputInTable:jt,inputHover:Pt,inputFocus:Mt,inputError:kt,inputWarning:Ht,inputDisabled:Wt,hideScrollbars:Dt,trigger:zt,isInTable:Ut,input:Gt,isOpen:$t,error:Kt,warning:Yt,disabled:Bt,iconOpen:Xt,icons:Jt,clearAll:Zt,small:Qt,focus:en,triggerInputContainer:tn,right:nn,multiOptions:rn,multiOption:ln,label:an,closeMultiOption:on,selectedSingleValue:sn,placeHolder:un,groupOrderFirst:cn,groupOrderMiddle:dn,groupOrderLast:pn,detailedLabel:fn},me=(e,t)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=t,d.measureText(e).width):0},Pe="14px",Me="12px",mn="Lato",hn="sans-serif",yn=14,gn=7,_n=38,bn=24,vn=5,Sn=3,In=1,On=2,ke=(e=!1,t=!1)=>`${e?Me:Pe} ${t?mn:hn}`,En=(e=!1,t=!1)=>(e?gn:yn)+(e?bn:_n)+(t?17:0),Ve=(e,t,l,d)=>{const c=ke(t,l),h=d?me(d,c):0,f=Math.ceil(e.reduce((o,y)=>{var S;const v=(((S=y==null?void 0:y.actions)==null?void 0:S.length)??0)*24,b=y.icon?parseInt(t?Me:Pe)+7:0,O=`${y.label} ${y.details||""}`,I=me(O,c)+v+b;return o=I>o?I:o,o},h)),i=En(t,!0);return f+i},xn=(e,t,l)=>{const d=ke(!0,l),c=me(e.label,d),h=(t?Sn:vn)*2+In*2+On;return Math.ceil(c+h)},he=({selectedOptions:e,small:t,width:l})=>{const d=je(),[c,h]=N.useState([]),[f,i]=N.useState([]);return N.useEffect(()=>{let o=[],y=[],v=0;e.forEach((b,O)=>{v+=xn(b,t,d),O===e.length-1&&v<l||v<l-24?o.push(b):y.push(b)}),h(o),i(y)},[e,d,l]),m.jsxs("div",{className:q.multiOptions,children:[c.filter(o=>o&&o.label).map((o,y)=>m.jsx("span",{className:q.multiOption,onClick:v=>{v.stopPropagation()},children:o.label},y)),f.length>0&&m.jsx(Se,{text:f.map((o,y)=>m.jsx("div",{children:o.label},y)),display:"inline-flex",children:m.jsx("span",{className:q.multiOption,children:c.length?`+${f.length}`:`${f.length} items`})})]})};try{he.displayName="MultiSelectedOptions",he.__docgenInfo={description:"",displayName:"MultiSelectedOptions",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption[]"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"number"}}}}}catch{}const ye=({selectedOptions:e,searchable:t=!1,searchValue:l,onChange:d=()=>{},inputRef:c,error:h,placeholder:f="Select...",small:i})=>{const o=N.useRef(null),y=Array.isArray(e),v=y?e.length>0:!!e,b=l?l.length+1:1,O=()=>{var n,s;const I=((n=o.current)==null?void 0:n.offsetWidth)||0,S=((s=c.current)==null?void 0:s.offsetWidth)||0;return I-S};return m.jsxs("div",{className:q.triggerInputContainer,ref:o,children:[v?y?m.jsx(he,{selectedOptions:e,small:i,width:O()}):m.jsx("span",{className:q.selectedSingleValue,children:l!=null&&l.length?"":e==null?void 0:e.label}):m.jsx("span",{className:q.placeHolder,children:l!=null&&l.length?"":f}),t?m.jsx("input",{tabIndex:-1,ref:c,size:b,className:D(q.input,h?q.error:""),value:l,onChange:I=>d(I.target.value)}):null]})};try{ye.displayName="Input",ye.__docgenInfo={description:"",displayName:"Input",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},searchable:{defaultValue:{value:"false"},description:"",name:"searchable",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},inputRef:{defaultValue:null,description:"",name:"inputRef",required:!0,type:{name:"MutableRefObject<HTMLInputElement | null>"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((value: string) => void)"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},placeholder:{defaultValue:{value:"Select..."},description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}}}}}catch{}const ge=({selectedOptions:e,searchValue:t,searchable:l,clearable:d,onClickTrigger:c,element:h,error:f,warning:i,tooltip:o,small:y,isInTable:v,disabled:b,onChangeSearch:O,onClickDeselect:I,onClickClear:S,tabIndex:n,isOpen:s,triggerRef:a,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:p,onBlur:_,groupOrder:g,maxTooltipWidth:E,placeholder:L,right:C,testId:V})=>{const[T,F]=Ae(),w=d&&e&&e.value,A=(()=>{if(g)switch(g){case le.FIRST:return q.groupOrderFirst;case le.LAST:return q.groupOrderLast;default:return q.groupOrderMiddle}return""})(),z=e!=null&&e.details?{...e,label:m.jsxs("div",{className:D(q.detailedLabel),children:[m.jsx(se,{children:e.label}),m.jsx(se,{muted:!0,children:e.details})]})}:e,$=m.jsxs(m.Fragment,{children:[h,m.jsxs("div",{ref:a,tabIndex:n,className:D(q.trigger,s?q.isOpen:"",f?q.error:i?q.warning:"",b?q.disabled:"",y?q.small:"",v?q.isInTable:"",C?q.right:"",A),onClick:P=>{P.stopPropagation(),typeof F=="function"&&F(),c(P)},onFocus:p,onBlur:_,"data-testid":V,children:[m.jsx(ye,{selectedOptions:z,placeholder:L,searchable:l,searchValue:t,inputRef:T,onChange:O,error:f,small:y}),m.jsx("span",{className:q.icons,children:w?m.jsx("span",{className:D(q.clearAll,r?q.focus:""),onClick:P=>{P.stopPropagation(),S&&S(P)},children:m.jsx(we,{icon:Ne.CLOSE})}):m.jsx("span",{className:D(q.iconOpen)})})]})]});return m.jsx(m.Fragment,{children:m.jsx(Se,{error:!!f,warning:!!i,text:o||f||i,enabled:o&&ee(o)||f&&ee(f)||i&&ee(i)||!1,maxWidth:E,placement:"bottom-center",children:$})})};try{ge.displayName="Trigger",ge.__docgenInfo={description:"",displayName:"Trigger",props:{selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!1,type:{name:"ISelectSelectedOption"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!1,type:{name:"string"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},onClickTrigger:{defaultValue:null,description:"",name:"onClickTrigger",required:!0,type:{name:"(evt: MouseEvent<HTMLDivElement, MouseEvent>) => void"}},element:{defaultValue:null,description:"",name:"element",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChangeSearch:{defaultValue:null,description:"",name:"onChangeSearch",required:!1,type:{name:"((value: string) => void)"}},onClickDeselect:{defaultValue:null,description:"",name:"onClickDeselect",required:!1,type:{name:"((evt: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},onClickClear:{defaultValue:null,description:"",name:"onClickClear",required:!1,type:{name:"((evt: MouseEvent<HTMLSpanElement, MouseEvent>) => void)"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},triggerRef:{defaultValue:null,description:"",name:"triggerRef",required:!1,type:{name:"RefObject<HTMLDivElement>"}},clearAllIsFocused:{defaultValue:null,description:"",name:"clearAllIsFocused",required:!1,type:{name:"boolean"}},focusedSelectedOptionIndex:{defaultValue:null,description:"",name:"focusedSelectedOptionIndex",required:!1,type:{name:"number"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLDivElement, Element>) => void)"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const He={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},Tn=e=>e!==null?e+1:0,We=(e,t)=>{const l=["none",...e.map((c,h)=>c.type!==ae.HEADING?h:null).filter(c=>c!==null)],d=Tn(t);return{options:l,currentIndex:d,current:l[d]}},Cn=(e,t)=>{const l=e==="up"?-1:1,d=t.currentIndex+l,c=(d<0?t.options.length-1:d)%t.options.length,h=t.options[c];return{...t,currentIndex:c,current:h}},Vn=(e,t,l)=>{const d=e==="left"?-1:1,c=t&&t.length?["none",...Array.from({length:t.length},(y,v)=>v),"clearAll"]:["none","clearAll"],h=l.currentIndex+d,f=(h<0?c.length-1:h)%c.length,i=c[f];return{options:c,currentIndex:f,currentOption:i,clearAll:i==="clearAll"}},Le=()=>He,Re=e=>({...e,currentIndex:0,current:"none"}),Ln=(e,t)=>{switch(t.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:t.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:We(t.options||[],t.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:t.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let d=[...(t.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(t.value||"").toLowerCase()))];return t.createAble&&t.value&&t.value!==""&&d.push({label:`Create "${t.value}"`,value:t.value,createAble:!0}),{...e,searchValue:t.value,visibleOptions:d,layerFocus:Re(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Vn(t.direction||"right",t.selectedOptions||[],e.triggerFocus),layerFocus:Re(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Le()};case W.FOCUS_LAYER_OPTIONS:return t.nextLayerFocus?{...e,layerFocus:t.nextLayerFocus,triggerFocus:Le()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Rn={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var M=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(M||{}),G=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(G||{});const _e=({state:e,dispatch:t,options:l,setTriggerFocus:d,disabled:c,disabledContext:h,onCreate:f,onChange:i,selectedOptions:o,width:y,small:v,isFontLoaded:b,placeholder:O,firstSelectedOptionIndex:I,createAble:S,listRef:n,autoLayerWidth:s})=>{const a=()=>{e.isLayerOpen&&t({type:M.CLOSE_LAYER}),d()},r=()=>t({type:M.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:t({type:M.SET_VISIBLE_OPTIONS,options:l})},[l]);const p=(x,R,Z)=>{if(!(c||h)){if(Z&&Z(),R){if(R.createAble&&f)f(R.value);else if(!R.disabled)if(Array.isArray(o))if(o.some(Y=>Y.label===R.label)){const Y=o.filter(Ie=>Ie.label!==R.label);i&&i(x,Y)}else{const Y=[...o,R];i&&i(x,Y)}else i&&i(x,R)}t({type:M.CLEAR_SEARCH,options:l}),d()}},_=N.useCallback(()=>y?y!=="auto"?y:Ve(l,v,b,O):"100%",[l,b]),g=N.useCallback(x=>s?Math.max(Ve(l,v,b,O),x==null?void 0:x.width):x==null?void 0:x.width,[l,b]),{renderLayer:E,layerProps:L,triggerProps:C,triggerBounds:V}=ze({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Rn,ResizeObserver,onOutsideClick:a,onParentClose:a}),T=()=>{if(!(c||h)){if(e.isLayerOpen){a();return}t({type:M.RESET_LAYER_FOCUS,options:l,firstSelectedOptionIndex:I}),r()}},F=N.useRef(!0);N.useEffect(()=>{F.current?F.current=!1:e.isLayerOpen||t({type:M.CLEAR_SEARCH,options:l})},[e.isLayerOpen]);const w=(x,R)=>{const Z=o instanceof Array?o.filter(K=>K.value!==R.value):null;i&&i(x,Z)},A=x=>{const R=o instanceof Array?[]:{value:null};i&&i(x,R)},z=x=>t({type:M.ON_CHANGE_SEARCH,options:l,value:x,createAble:S}),$=()=>{r(),t({type:M.BLUR_TRIGGER_INPUTS})},P=x=>{n.current&&Number.isInteger(x)&&n.current.scrollToItem(x)},U=x=>{const R=Cn(x,e.layerFocus);t({type:M.FOCUS_LAYER_OPTIONS,nextLayerFocus:R}),P(R.current)},te=x=>{t({type:M.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:x,selectedOptions:o})},B=x=>A(x),ne=o&&o[e.triggerFocus.currentOption],re=x=>{w(x,o[e.triggerFocus.currentOption])},X=x=>{var R;p(x,(R=e==null?void 0:e.visibleOptions)==null?void 0:R[e.layerFocus.current],a)},k=e.triggerFocus.clearAll;return{getTriggerWidth:_,onKeyEvent:(x,R)=>{switch(x){case G.UP:{U(x);break}case G.DOWN:{e.isLayerOpen?U(x):$();break}case G.LEFT:case G.RIGHT:{te(x);break}case G.ENTER:{k?B(R):ne?re(R):X(R);break}case G.ESC:{a();break}}},clearAllIsFocused:k,triggerProps:C,onClickTrigger:T,onChangeSearch:z,onClickDeselectOption:w,onClickClearAll:A,renderLayer:E,layerProps:L,closeLayer:a,onSelectOption:p,getLayerWidth:g,triggerBounds:V}};try{_e.displayName="useCustomSelectLogic",_e.__docgenInfo={description:"",displayName:"useCustomSelectLogic",props:{state:{defaultValue:null,description:"",name:"state",required:!0,type:{name:"ICustomSelectState"}},dispatch:{defaultValue:null,description:"",name:"dispatch",required:!0,type:{name:"(action: any) => void"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},setTriggerFocus:{defaultValue:null,description:"",name:"setTriggerFocus",required:!0,type:{name:"TEmpty"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},disabledContext:{defaultValue:null,description:"",name:"disabledContext",required:!0,type:{name:"boolean"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!0,type:{name:"((value: string) => void) | null"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"((evt: any, selected: any) => void) | null"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},width:{defaultValue:null,description:"",name:"width",required:!0,type:{name:"TStringOrNumber | null"}},small:{defaultValue:null,description:"",name:"small",required:!0,type:{name:"boolean"}},isFontLoaded:{defaultValue:null,description:"",name:"isFontLoaded",required:!0,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!0,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number"}},createAble:{defaultValue:null,description:"",name:"createAble",required:!0,type:{name:"boolean"}},listRef:{defaultValue:null,description:"",name:"listRef",required:!0,type:{name:"RefObject<any>"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!0,type:{name:"boolean"}}}}}catch{}const be=e=>{const{multi:t=!1,disabled:l=!1,error:d=null,warning:c=null,tooltip:h=null,options:f,selectedOptions:i,onCreate:o=null,placeholder:y="",small:v=!1,tabIndex:b=0,onFocus:O=()=>{},onBlur:I=()=>{},searchable:S=!0,clearable:n=!1,maxTooltipWidth:s,closeOnOptionActionClick:a,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:p=0,right:_=!1,testId:g=void 0}=e,E=N.useContext(ve),L=o!==null,C=N.useRef(null),[V,T]=Ae(),F=je(),[w,A]=N.useReducer(Ln,{options:f,firstSelectedOptionIndex:p},({options:K})=>({searchValue:"",visibleOptions:K,layerFocus:We(K,p??0),triggerFocus:He,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:$,clearAllIsFocused:P,triggerProps:U,onClickTrigger:te,onChangeSearch:B,onClickDeselectOption:ne,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:x,getLayerWidth:R,triggerBounds:Z}=_e({...e,state:w,dispatch:A,setTriggerFocus:T,disabledContext:E,isFontLoaded:F,createAble:L,listRef:C});return m.jsx("div",{style:{width:z()},children:m.jsxs(mt,{handleKeys:Object.values(G),onKeyEvent:$,children:[m.jsx(ge,{selectedOptions:i,searchValue:w.searchValue,isOpen:w.isLayerOpen,focusedSelectedOptionIndex:w.triggerFocus.currentOption,clearAllIsFocused:P,searchable:S,triggerRef:Ue(V,U.ref),error:d,warning:c,tooltip:h,small:v,isInTable:r,disabled:l||E,clearable:n,tabIndex:b,onClickTrigger:te,onChangeSearch:B,onClickDeselect:ne,onClickClear:re,onFocus:O,onBlur:I,groupOrder:u,maxTooltipWidth:s,placeholder:y,right:_,testId:g}),w.isLayerOpen&&X(m.jsx("div",{...k,className:j.layerContainer,children:m.jsx(fe,{listRef:C,isMulti:t,sections:w.visibleOptions,selectedOptions:i,onSelectOption:(K,Y)=>{x(K,Y,t?void 0:J)},closeLayer:()=>{a&&J()},width:R(Z),small:v,focusedOptionIndex:w.layerFocus.current,firstSelectedOptionIndex:p??0,testId:g&&`${g}-layer`})}))]})})};try{be.displayName="CustomSelect",be.__docgenInfo={description:"",displayName:"CustomSelect",props:{multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"TCustomSelectSelectOption[]"}},selectedOptions:{defaultValue:null,description:"",name:"selectedOptions",required:!0,type:{name:"ISelectSelectedOption | ISelectSelectedOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void)"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((value: string) => void)"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"TEmpty"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"TEmpty"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"string"}},firstSelectedOptionIndex:{defaultValue:null,description:"",name:"firstSelectedOptionIndex",required:!0,type:{name:"number | null"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{const{name:t="",options:l=[],value:d,native:c=!1,onChange:h=()=>{},deprecatedEventHandler:f=!1,autoScroll:i=!0,warning:o,error:y,checkNonExistentValues:v=!0,closeOnOptionActionClick:b=!0,testId:O}=e,I=!c&&i===!0,{multi:S,simpleInputs:n,options:s,selectedOptions:a,firstSelectedOptionIndex:r,hasNonExistentValue:u}=Be(l,d,I,v),p=!S,_=c&&p;c&&!p&&console.warn("Native select does not support provided props (see stories)");const g="Value no longer available for re-selection",E=u?o?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:o})]}):g:o,L=u&&y?m.jsxs("div",{children:[m.jsx("div",{children:g}),m.jsx("div",{children:y})]}):y,C=(V,T)=>{if(f){const F=S?T.map(w=>n?w.value:w):n?T.value:T;h(F)}else{const F=!(V instanceof Event),w=S?T:T.value;F?(V.target.name=t,V.target.value=w,S||(V.target.label=T.label),h(V)):h({...V,target:{...V.target,name:t,value:w,...!S&&{label:T.label}}})}};return _?m.jsx(ue,{...e,options:s,selectedOption:a,onChange:C,hasNonExistentValue:u,warning:E,error:L,testId:O}):m.jsx(be,{...e,options:s,selectedOptions:a,onChange:C,multi:S,firstSelectedOptionIndex:r,warning:E,error:L,testId:O,closeOnOptionActionClick:b})};try{qe.displayName="Select",qe.__docgenInfo={description:"",displayName:"Select",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},multi:{defaultValue:null,description:"",name:"multi",required:!1,type:{name:"boolean"}},options:{defaultValue:null,description:"",name:"options",required:!1,type:{name:"ISelectSelectedOption[]"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"any"}},native:{defaultValue:null,description:"",name:"native",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: any) => void)"}},deprecatedEventHandler:{defaultValue:null,description:"",name:"deprecatedEventHandler",required:!1,type:{name:"boolean"}},autoScroll:{defaultValue:null,description:"",name:"autoScroll",required:!1,type:{name:"boolean"}},warning:{defaultValue:null,description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},error:{defaultValue:null,description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},checkNonExistentValues:{defaultValue:null,description:"",name:"checkNonExistentValues",required:!1,type:{name:"boolean"}},closeOnOptionActionClick:{defaultValue:null,description:"",name:"closeOnOptionActionClick",required:!1,type:{name:"boolean"}},small:{defaultValue:null,description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber | null"}},borderRadius:{defaultValue:null,description:"",name:"borderRadius",required:!1,type:{name:"TStringOrNumber"}},onCreate:{defaultValue:null,description:"",name:"onCreate",required:!1,type:{name:"((evt: any) => any)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | null"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},clearable:{defaultValue:null,description:"",name:"clearable",required:!1,type:{name:"boolean"}},searchable:{defaultValue:null,description:"",name:"searchable",required:!1,type:{name:"boolean"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},autoLayerWidth:{defaultValue:null,description:"",name:"autoLayerWidth",required:!1,type:{name:"boolean"}},right:{defaultValue:null,description:"",name:"right",required:!1,type:{name:"boolean"}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{qe as S};

package/dist/storybook/assets/{select.stories-151c4801.js → select.stories-085dc8d6.js}

@@ -1,4 +1,4 @@
-import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-83e9d851.js";import{S as k}from"./spacer-54db0620.js";import{I as F}from"./common-types-2c81813f.js";import{I as W}from"./icon-8acf9925.js";import{T as tn}from"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Pn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
+import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c95.js";import{S as r}from"./select-b09da604.js";import{S as k}from"./spacer-b33ecb12.js";import{I as F}from"./common-types-3a5f9d98.js";import{I as W}from"./icon-ce35c889.js";import{T as tn}from"./text-78efb253.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-15aa4d2d.js";import"./button-8a0f5308.js";import"./spinner-4948799e.js";import"./badge-b5b5b5ae.js";import"./select.input-88b6ebab.js";import"./tslib.es6-dfef685f.js";const sn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],rn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],on=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],dn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],cn=[{label:"Yes",value:!0},{label:"No",value:!1}],un=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(W,{icon:F.ERROR,color:"var(--color-text-error)"})}],s=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],pn=[{label:"Kangaroos",value:"grass",actions:s},{label:"Monkeys",value:"bananas",actions:s},{label:"Possums",value:"slugs",actions:s,details:"(some details)"}],hn=[{label:"Kangaroos",value:"grass",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:s,icon:n.jsx(W,{icon:F.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],gn=[...Array(1e4).keys()].map((a,N)=>({label:Math.random().toString(36).substring(7),value:N})),vn=["Aardvarks","Kangaroos","Monkeys","Possums"],Kn={title:"Forms/Select",component:r,args:{options:sn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=a=>{const{multi:N,value:en}=a,[O,nn]=ln.useState(en||(N?[]:void 0)),E=an=>{const{value:I}=an.target;nn(N?I:{value:I})};return n.jsxs(n.Fragment,{children:[n.jsx(r,{value:O,onChange:E,placeholder:"Full width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"200px",placeholder:"Fixed width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Auto width",...a}),n.jsx(k,{}),n.jsx(r,{value:O,onChange:E,width:"auto",placeholder:"Small",small:!0,...a}),n.jsx(k,{}),n.jsx(tn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},L=e.bind({}),o=e.bind({});o.args={native:!0};const d=e.bind({});d.args={multi:!0,clearable:!0};const i=e.bind({});i.args={options:[]};const c=e.bind({});c.args={clearable:!0};const u=e.bind({});u.args={value:{label:"Vampires",value:"blood"}};const p=e.bind({});p.args={placeholder:"Select the best animal..."};const h=e.bind({});h.args={options:on};const g=e.bind({});g.args={options:rn};const v=e.bind({});v.args={options:un};const m=e.bind({});m.args={options:pn};const S=e.bind({});S.args={options:hn};const x=e.bind({});x.args={searchable:!1};const C=e.bind({});C.args={right:!0};const l=e.bind({});l.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};l.args={width:"70px",autoLayerWidth:!0};const b=e.bind({});b.args={tooltip:"Some info"};const w=e.bind({});w.args={error:"Some info"};const V=e.bind({});V.args={warning:"Some info"};const j=e.bind({});j.args={disabled:!0};const y=e.bind({});y.args={options:dn,placeholder:void 0};const f=e.bind({});f.args={options:cn};const A=e.bind({});A.args={options:vn};const t=e.bind({});t.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};t.args={options:gn};const T=e.bind({});T.args={deprecatedEventHandler:!0};var R,D,M;L.parameters={...L.parameters,docs:{...(R=L.parameters)==null?void 0:R.docs,source:{originalSource:`(args: any) => {
   const {
     multi,
     value
@@ -838,4 +838,4 @@ import{j as n}from"./jsx-runtime-f961835c.js";import{r as ln}from"./index-f80c8c
         Avoid auto width for very long lists.
       </Text>
     </>;
-}`,...($e=(Xe=T.parameters)==null?void 0:Xe.docs)==null?void 0:$e.source}}};const Gn=["Default","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler"];export{l as AutoLayerWidth,f as BooleanOptions,c as Clearable,p as CustomPlaceholder,L as Default,T as DeprecatedEventHandler,j as Disabled,i as Empty,w as Error,d as Multiselect,o as Native,u as NonExistentValue,x as NotSearchable,y as NumericOptions,m as OptionsWithActions,g as OptionsWithDetails,S as OptionsWithEverything,h as OptionsWithHeadings,v as OptionsWithIcons,C as RightAligned,A as SimpleOptions,b as Tooltip,t as VeryLongList,V as Warning,Gn as __namedExportsOrder,Pn as default};
+}`,...($e=(Xe=T.parameters)==null?void 0:Xe.docs)==null?void 0:$e.source}}};const Pn=["Default","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler"];export{l as AutoLayerWidth,f as BooleanOptions,c as Clearable,p as CustomPlaceholder,L as Default,T as DeprecatedEventHandler,j as Disabled,i as Empty,w as Error,d as Multiselect,o as Native,u as NonExistentValue,x as NotSearchable,y as NumericOptions,m as OptionsWithActions,g as OptionsWithDetails,S as OptionsWithEverything,h as OptionsWithHeadings,v as OptionsWithIcons,C as RightAligned,A as SimpleOptions,b as Tooltip,t as VeryLongList,V as Warning,Pn as __namedExportsOrder,Kn as default};

package/dist/storybook/assets/side-bar-04dfa34e.css

@@ -0,0 +1 @@
+:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._inputInTable_4s1vz_341{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_4s1vz_341:not(:hover){border-color:transparent}._inputHover_4s1vz_350{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_4s1vz_355{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_4s1vz_362,._inputWarning_4s1vz_363{position:relative}._inputError_4s1vz_362{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_4s1vz_362:hover{border-color:var(--color-border-error-hover)!important}._inputError_4s1vz_362:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_4s1vz_363{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_4s1vz_363:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_4s1vz_363:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_4s1vz_398{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted)}._hideScrollbars_4s1vz_403{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_4s1vz_403::-webkit-scrollbar{display:none}:root{--color-background-sidebar: var(--color-neutral-950)}._sidebar_4s1vz_416{background-color:var(--color-background-sidebar);color:#fff;position:relative}@media print{._sidebar_4s1vz_416{display:none}}._inner_4s1vz_426{padding:1.4rem;scrollbar-width:none;-ms-overflow-style:none}._inner_4s1vz_426::-webkit-scrollbar{display:none}._title_4s1vz_437,._subtitle_4s1vz_438,._label_4s1vz_439{transition:opacity .2s,max-height .2s,margin .2s,color .2s;max-height:50px}._collapsed_4s1vz_443 ._title_4s1vz_437,._collapsed_4s1vz_443 ._subtitle_4s1vz_438,._collapsed_4s1vz_443 ._label_4s1vz_439{opacity:0;max-height:0;margin-bottom:0;margin-top:0}._title_4s1vz_437{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;margin-top:0;font-size:16px}._subtitle_4s1vz_438{margin-bottom:.75rem;white-space:nowrap;font-size:12px;letter-spacing:.1em;opacity:.6}._list_4s1vz_466{margin-left:-1.4rem;margin-right:-1.4rem;margin-bottom:2rem;margin-top:0}._item_4s1vz_472{font-size:16px;color:#fff;font-weight:400;display:flex;padding:.4rem 1.4rem;align-items:center}._item_4s1vz_472:focus{outline:none}._item_4s1vz_472::-moz-focus-inner{border:0}._item_4s1vz_472:hover,._item_4s1vz_472:focus{color:var(--color-primary-400)}._item_4s1vz_472:active{color:var(--color-primary-300)}._item_4s1vz_472._active_4s1vz_493{color:#fff;background:black}._item_4s1vz_472._experimental_4s1vz_497{background:#40130b}._icon_4s1vz_500{margin-right:10px;line-height:0;flex-shrink:0;transition:opacity .4s;opacity:.4;display:block}._item_4s1vz_472:hover ._icon_4s1vz_500,._item_4s1vz_472:focus ._icon_4s1vz_500{opacity:.6}._item_4s1vz_472:active ._icon_4s1vz_500{opacity:.8}._item_4s1vz_472._active_4s1vz_493 ._icon_4s1vz_500{opacity:1}._icon_4s1vz_500>*{opacity:1}._icon_4s1vz_500>span{display:block}._label_4s1vz_439{white-space:nowrap;overflow:hidden}

package/dist/storybook/assets/side-bar-751e7461.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as u,R as h}from"./index-f80c8c95.js";import{c as f}from"./index-a80ed1cf.js";import{i as b}from"./index-c7f280f6.js";import{C as y,B as E,I as j}from"./common-types-3a5f9d98.js";import{D as I}from"./drawer-e728f151.js";import{T}from"./tooltip-eb0f0865.js";import{I as z}from"./icon-ce35c889.js";import{B as M}from"./badge-b5b5b5ae.js";import{B as N}from"./button-8a0f5308.js";const C="_inputInTable_4s1vz_341",S="_inputHover_4s1vz_350",O="_inputFocus_4s1vz_355",q="_inputError_4s1vz_362",k="_inputWarning_4s1vz_363",B="_inputDisabled_4s1vz_398",V="_hideScrollbars_4s1vz_403",L="_sidebar_4s1vz_416",H="_inner_4s1vz_426",A="_title_4s1vz_437",F="_subtitle_4s1vz_438",D="_label_4s1vz_439",R="_collapsed_4s1vz_443",W="_list_4s1vz_466",P="_item_4s1vz_472",U="_active_4s1vz_493",$="_experimental_4s1vz_497",w="_icon_4s1vz_500",o={inputInTable:C,inputHover:S,inputFocus:O,inputError:q,inputWarning:k,inputDisabled:B,hideScrollbars:V,sidebar:L,inner:H,title:A,subtitle:F,label:D,collapsed:R,list:W,item:P,active:U,experimental:$,icon:w},K=u.memo(({isOpen:t,label:i,icon:l,invalid:r})=>{const s=()=>e.jsx(T,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],triggerOffset:30,fontSize:16,padding:"10px 16px",display:"block",children:e.jsx(z,{icon:l,size:30,color:y.WHITE})}),n=()=>e.jsx(M,{small:!0,margin:"-2px",title:"!",children:e.jsx(s,{})});return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:o.icon,children:r?e.jsx(n,{}):e.jsx(s,{})}),e.jsx("span",{className:o.label,children:i})]})},(t,i)=>b(t,i)),p=({isOpen:t,items:i,sectionIndex:l,onClick:r,testId:s})=>e.jsx("div",{className:o.list,children:i.map((n,d)=>{const c=`${l}_${d}`;return e.jsx("a",{href:n.value,className:f(o.item,n.isActive?o.active:"",n.isExperimental?o.experimental:""),onClick:a=>r(a,n.value,n.label,n.onClick),"data-testid":s,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"{ value: string; isActive?: boolean | undefined; isExperimental?: boolean | undefined; label: ReactNode; icon: any; invalid?: boolean | undefined; onClick?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined; }[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:i,onClick:l})=>e.jsx(e.Fragment,{children:i.map((r,s)=>e.jsxs(h.Fragment,{children:[e.jsx("h5",{className:o.subtitle,children:r.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:r.items,sectionIndex:s,onClick:l,testId:r.testId})]},s))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const v=u.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:l=()=>{},top:r})=>{const[s,n]=u.useState(i),d=(a,x,g,_)=>{a.preventDefault(),typeof _=="function"&&(a.currentTarget.value=x,a.currentTarget.label=g,_(a)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:s,top:r,background:"var(--color-background-sidebar)",closedWidth:70,buttonPosition:E.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(N,{onClick:a=>{a.shiftKey&&l&&l(a),n(!s)},colored:!0,round:!0,icon:j.LEFT}),children:e.jsx("div",{className:f(o.sidebar,s?"":o.collapsed),children:c&&e.jsxs("div",{className:o.inner,children:[e.jsx("h4",{className:o.title,children:t.title}),e.jsx(m,{isOpen:s,sections:t.sections,onClick:d})]})})})},(t,i)=>b(t,i));try{v.displayName="SideBar",v.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{v as S};

package/dist/storybook/assets/side-bar.stories-205b027a.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-f961835c.js";import{S as m}from"./side-bar-751e7461.js";import{F as g}from"./flex-4bc3b694.js";import{B as u}from"./badge-b5b5b5ae.js";import{s as t}from"./icons8-junction-3a487c26.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index-c7f280f6.js";import"./common-types-3a5f9d98.js";import"./drawer-e728f151.js";import"./lodash-75c70a11.js";import"./index-c89a1915.js";import"./index-3d476d02.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./disabled-context-d654f6ff.js";import"./button-8a0f5308.js";import"./spinner-4948799e.js";import"./tooltip-eb0f0865.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:t},{label:i.jsxs(g,{alignItems:"center",gap:"10px",children:["Section B",i.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t,invalid:!0}]}],R={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>i.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var r,a,s;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(a=o.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const q=["Default","StartOpen"];export{o as Default,e as StartOpen,q as __namedExportsOrder,R as default};

package/dist/storybook/assets/{site.stories-31c1365b.js → site.stories-0ad351a8.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-2c81813f.js";import{T as g}from"./top-bar-38689fe2.js";import{S as w}from"./side-bar-51697e1e.js";import{H as t}from"./heading-39e599c8.js";import{B as L}from"./button-050c998a.js";import{D as v}from"./drawer-907c8484.js";import{L as d}from"./list-bc0d9ad9.js";import{F as l}from"./field-248df38c.js";import{I as a}from"./input-05f21b51.js";import{C as m}from"./check-box-b38490e5.js";import{P as f}from"./page-6d07f774.js";import{R as o,C as i}from"./row-2397cf9f.js";import{A as u}from"./accordion-1b587708.js";import{S as s}from"./spacer-54db0620.js";import{T as F}from"./tabs-cdfc5225.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./help-icon-c0abd380.js";import"./spinner-a81ebe38.js";import"./index.es-37e2ce0d.js";import"./extends-98964cd2.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3847c251.js";import"./list-heading-2215213f.js";import"./loader-87ec8334.js";import"./label-e6d15b59.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c95.js";import{I as j}from"./common-types-3a5f9d98.js";import{T as g}from"./top-bar-5bb7221b.js";import{S as w}from"./side-bar-751e7461.js";import{H as r}from"./heading-ec1532e4.js";import{B as L}from"./button-8a0f5308.js";import{D as f}from"./drawer-e728f151.js";import{L as s}from"./list-54a3245f.js";import{F as l}from"./field-9d8b2e8b.js";import{I as a}from"./input-f5960ca1.js";import{C as m}from"./check-box-107d61fc.js";import{P as v}from"./page-1a36abc8.js";import{R as o,C as i}from"./row-f26d47b5.js";import{A as u}from"./accordion-9fdba428.js";import{S as d}from"./spacer-b33ecb12.js";import{T as F}from"./tabs-e917de9f.js";import"./index-a80ed1cf.js";import"./actions-15aa4d2d.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-b5b5b5ae.js";import"./index-c7f280f6.js";import"./help-icon-3041deab.js";import"./spinner-4948799e.js";import"./index.es-2fe9f7ec.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./card-3e67b904.js";import"./list-heading-c91b473d.js";import"./loader-54efe57c.js";import"./label-275c5215.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),be={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[t,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(v,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(f,{button:e.jsx(L,{onClick:()=>b(!t),round:!0,icon:j.CHEVRON_LEFT}),open:t,width:300,closedWidth:50,children:[e.jsx(s,{drawer:!0,narrow:!t,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(s,{drawer:!0,narrow:!t,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(s,{drawer:!0,narrow:!t,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(r,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsx(d,{}),e.jsxs(u,{heading:e.jsx(r,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(d,{}),e.jsx(r,{marginBottom:10,children:"Location"}),e.jsxs(o,{spacing:10,children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(d,{}),e.jsx(r,{marginBottom:10,children:"Model"}),e.jsxs(o,{spacing:10,children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(d,{}),e.jsxs(u,{heading:e.jsx(r,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{spacing:10,children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />
@@ -8,7 +8,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
     }} width="250px" />
       <Page padding={false} scroll={false}>
         <Row spacing={0} flex>
-          <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth="var(--size-sidebar)">
+          <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth={50}>
             <List drawer narrow={!open} list={{
             name: 'Sites',
             items: [{
@@ -71,7 +71,6 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
           }} />
           </Drawer>
           <Column borderLeft flexbox>
-            <Spacer />
             <Tabs padding margin={false} options={options} />
             <Row spacing={0} flex>
               <Column scroll padding width={550}>
@@ -79,6 +78,7 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
                 <Field label="Name">
                   <Input value="Site name here" width="200px" />
                 </Field>
+                <Spacer />
                 <Accordion heading={<Heading>Coordinate Reference System</Heading>} managed>
                   <Field label="Label" labelLeft labelWidth="50px">
                     <Input value="Value" width="100%" />
@@ -94,8 +94,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
                   </Field>
                 </Accordion>
                 <Spacer />
-                <Heading marginBottom="var(--padding)">Location</Heading>
-                <Row>
+                <Heading marginBottom={10}>Location</Heading>
+                <Row spacing={10}>
                   <Column>
                     <Field label="Label">
                       <Input value="Value" width="100%" />
@@ -118,8 +118,8 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
                   </Column>
                 </Row>
                 <Spacer />
-                <Heading marginBottom="var(--padding)">Model</Heading>
-                <Row>
+                <Heading marginBottom={10}>Model</Heading>
+                <Row spacing={10}>
                   <Column>
                     <Field label="Label">
                       <Input value="Value" width="100%" />
@@ -131,11 +131,12 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
                     </Field>
                   </Column>
                 </Row>
+                <Spacer />
                 <Accordion heading={<Heading>Settings</Heading>} managed>
                   <Field>
                     <CheckBox label="Dolor" />
                   </Field>
-                  <Row>
+                  <Row spacing={10}>
                     <Column>
                       <Field label="Label">
                         <Input value="Value" width="100%" />
@@ -163,4 +164,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{r as x}from"./index-f80c8c9
         </Row>
       </Page>
     </>;
-}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};n.__docgenInfo={description:"",methods:[],displayName:"Site"};const je=["Site"];export{n as Site,je as __namedExportsOrder,xe as default};
+}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};n.__docgenInfo={description:"",methods:[],displayName:"Site"};const xe=["Site"];export{n as Site,xe as __namedExportsOrder,be as default};

package/dist/storybook/assets/slider-4cf22613.js

@@ -0,0 +1,7 @@
+import{j as H}from"./jsx-runtime-f961835c.js";import{_ as or}from"./lodash-75c70a11.js";import{r as o,a as lr}from"./index-f80c8c95.js";import{a as Ze,b as Z,_ as J}from"./objectSpread2-fdee9b6d.js";import{c as ie,a as sr}from"./index-a80ed1cf.js";import{a as kt,b as cr}from"./inheritsLoose-d4851ab8.js";import{_ as fr}from"./icon-ce35c889.js";import{m as dr}from"./memoize-one.esm-52518564.js";import{i as vr}from"./index-c7f280f6.js";import{I as bt}from"./common-types-3a5f9d98.js";import{D as mr}from"./disabled-context-d654f6ff.js";import{b as gr,T as yr}from"./tooltip-eb0f0865.js";import{B as ht}from"./button-8a0f5308.js";function Je(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function Er(e){if(Array.isArray(e))return Je(e)}function br(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ht(e,a){if(e){if(typeof e=="string")return Je(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Je(e,a)}}function hr(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return Er(e)||br(e)||Ht(e)||hr()}function _r(e){if(Array.isArray(e))return e}function Sr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,u,i,l=[],c=!0,b=!1;try{if(u=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=u.call(t)).done)&&(l.push(r.value),l.length!==a);c=!0);}catch(h){b=!0,n=h}finally{try{if(!c&&t.return!=null&&(i=t.return(),Object(i)!==i))return}finally{if(b)throw n}}return l}}function pr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(e,a){return _r(e)||Sr(e,a)||Ht(e,a)||pr()}var ze={},Mr=function(a){};function Cr(e,a){}function xr(e,a){}function Or(){ze={}}function Kt(e,a,t){!a&&!ze[t]&&(e(!1,t),ze[t]=!0)}function ke(e,a){Kt(Cr,e,a)}function Nr(e,a){Kt(xr,e,a)}ke.preMessage=Mr;ke.resetWarned=Or;ke.noteOnce=Nr;function Rr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(u,i){var l=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,c=r.has(u);if(ke(!c,"Warning: There may be circular references"),c)return!1;if(u===i)return!0;if(t&&l>1)return!1;r.add(u);var b=l+1;if(Array.isArray(u)){if(!Array.isArray(i)||u.length!==i.length)return!1;for(var h=0;h<u.length;h++)if(!n(u[h],i[h],b))return!1;return!0}if(u&&i&&Ze(u)==="object"&&Ze(i)==="object"){var E=Object.keys(u);return E.length!==Object.keys(i).length?!1:E.every(function(g){return n(u[g],i[g],b)})}return!1}return n(e,a)}function _t(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,u=new Array(n),i=0;i<n;i++)u[i]=arguments[i];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(u))},[]);return t}function Pr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var St=Pr()?o.useLayoutEffect:o.useEffect,Tr=function(a,t){var r=o.useRef(!0);St(function(){return a(r.current)},t),St(function(){return r.current=!1,function(){r.current=!0}},[])},pt=function(a,t){Tr(function(r){if(!r)return a()},t)};function Mt(e){var a=o.useRef(!1),t=o.useState(e),r=$(t,2),n=r[0],u=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function i(l,c){c&&a.current||u(l)}return[n,i]}function $e(e){return e!==void 0}function Ar(e,a){var t=a||{},r=t.defaultValue,n=t.value,u=t.onChange,i=t.postState,l=Mt(function(){return $e(n)?n:$e(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),c=$(l,2),b=c[0],h=c[1],E=n!==void 0?n:b,g=i?i(E):E,d=_t(u),y=Mt([E]),v=$(y,2),f=v[0],_=v[1];pt(function(){var S=f[0];b!==S&&d(b,S)},[f]),pt(function(){$e(n)||h(n)},[n]);var s=_t(function(S,U){h(S,U),_([E],U)});return[g,s]}function Wt(e,a){if(e==null)return{};var t=fr(e,a),r,n;if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function et(e,a,t){return(e-a)/(t-a)}function rt(e,a,t,r){var n=et(a,t,r),u={};switch(e){case"rtl":u.right="".concat(n*100,"%"),u.transform="translateX(50%)";break;case"btt":u.bottom="".concat(n*100,"%"),u.transform="translateY(50%)";break;case"ttb":u.top="".concat(n*100,"%"),u.transform="translateY(-50%)";break;default:u.left="".concat(n*100,"%"),u.transform="translateX(-50%)";break}return u}function _e(e,a){return Array.isArray(e)?e[a]:e}var Ir=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],Ur=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,l=e.onStartMove,c=e.style,b=e.render,h=e.dragging,E=e.onOffsetChange,g=Wt(e,Ir),d=o.useContext(de),y=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),C=function(A){_||l(A,i)},O=function(A){if(!_&&s){var x=null;switch(A.which||A.keyCode){case m.LEFT:x=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:x=f==="ltr"||f==="btt"?1:-1;break;case m.UP:x=f!=="ttb"?1:-1;break;case m.DOWN:x=f!=="ttb"?-1:1;break;case m.HOME:x="min";break;case m.END:x="max";break;case m.PAGE_UP:x=2;break;case m.PAGE_DOWN:x=-2;break}x!==null&&(A.preventDefault(),E(x,i))}},W=rt(f,u,y,v),F=o.createElement("div",kt({ref:a,className:ie(T,(t={},Z(t,"".concat(T,"-").concat(i+1),S),Z(t,"".concat(T,"-dragging"),h),t)),style:J(J({},W),c),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:_e(U,i),role:"slider","aria-valuemin":y,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":_e(P,i),"aria-labelledby":_e(M,i),"aria-valuetext":(r=_e(R,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return b&&(F=b(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Lr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],wr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,u=e.onOffsetChange,i=e.values,l=e.handleRender,c=e.draggingIndex,b=Wt(e,Lr),h=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(g){var d;(d=h.current[g])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,i.map(function(E,g){return o.createElement(Ur,kt({ref:function(y){y?h.current[g]=y:delete h.current[g]},dragging:c===g,prefixCls:t,style:_e(r,g),key:g,value:E,valueIndex:g,onStartMove:n,onOffsetChange:u,render:l},b))}))});function Ct(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Fr(e,a,t,r,n,u,i,l,c){var b=o.useState(null),h=$(b,2),E=h[0],g=h[1],d=o.useState(-1),y=$(d,2),v=y[0],f=y[1],_=o.useState(t),s=$(_,2),S=s[0],U=s[1],P=o.useState(t),M=$(P,2),R=M[0],T=M[1],C=o.useRef(null),O=o.useRef(null);o.useEffect(function(){v===-1&&U(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",O.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",O.current)}},[]);var W=function(L,D){S.some(function(K,z){return K!==L[z]})&&(D!==void 0&&g(D),U(L),i(L))},F=function(L,D){if(L===-1){var K=R[0],z=R[R.length-1],Se=r-K,pe=n-z,j=D*(n-r);j=Math.max(j,Se),j=Math.min(j,pe);var ue=u(K+j);j=ue-K;var oe=R.map(function(ge){return ge+j});W(oe)}else{var X=(n-r)*D,le=ne(S);le[L]=R[L];var me=c(le,X,L,"dist");W(me.values,me.value)}},q=o.useRef(F);q.current=F;var A=function(L,D){L.stopPropagation();var K=t[D];f(D),g(K),T(t);var z=Ct(L),Se=z.pageX,pe=z.pageY,j=function(X){X.preventDefault();var le=Ct(X),me=le.pageX,ge=le.pageY,Me=me-Se,Ce=ge-pe,xe=e.current.getBoundingClientRect(),Oe=xe.width,ee=xe.height,Y;switch(a){case"btt":Y=-Ce/ee;break;case"ttb":Y=Ce/ee;break;case"rtl":Y=-Me/Oe;break;default:Y=Me/Oe}q.current(D,Y)},ue=function oe(X){X.preventDefault(),document.removeEventListener("mouseup",oe),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",oe),document.removeEventListener("touchmove",j),C.current=null,O.current=null,f(-1),l()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",j),document.addEventListener("touchend",ue),document.addEventListener("touchmove",j),C.current=j,O.current=ue},x=o.useMemo(function(){var B=ne(t).sort(function(D,K){return D-K}),L=ne(S).sort(function(D,K){return D-K});return B.every(function(D,K){return D===L[K]})?S:t},[t,S]);return[v,E,x,A]}function Dr(e){var a,t=e.prefixCls,r=e.style,n=e.start,u=e.end,i=e.index,l=e.onStartMove,c=o.useContext(de),b=c.direction,h=c.min,E=c.max,g=c.disabled,d=c.range,y="".concat(t,"-track"),v=et(n,h,E),f=et(u,h,E),_=function(U){!g&&l&&l(U,-1)},s={};switch(b){case"rtl":s.right="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%");break;case"btt":s.bottom="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;case"ttb":s.top="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;default:s.left="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:ie(y,(a={},Z(a,"".concat(y,"-").concat(i+1),d),Z(a,"".concat(t,"-track-draggable"),l),a)),style:J(J({},s),r),onMouseDown:_,onTouchStart:_})}function kr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,u=e.onStartMove,i=o.useContext(de),l=i.included,c=i.range,b=i.min,h=o.useMemo(function(){if(!c){if(r.length===0)return[];var E=n??b,g=r[0];return[{start:Math.min(E,g),end:Math.max(E,g)}]}for(var d=[],y=0;y<r.length-1;y+=1)d.push({start:r[y],end:r[y+1]});return d},[r,c,n,b]);return l?h.map(function(E,g){var d=E.start,y=E.end;return o.createElement(Dr,{index:g,prefixCls:a,style:_e(t,g),start:d,end:y,key:g,onStartMove:u})}):null}function Hr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,u=e.onClick,i=o.useContext(de),l=i.min,c=i.max,b=i.direction,h=i.includedStart,E=i.includedEnd,g=i.included,d="".concat(a,"-text"),y=rt(b,n,l,c);return o.createElement("span",{className:ie(d,Z({},"".concat(d,"-active"),g&&h<=n&&n<=E)),style:J(J({},y),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){u(n)}},r)}function Kr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(u){var i=u.value,l=u.style,c=u.label;return o.createElement(Hr,{key:i,prefixCls:n,style:l,value:i,onClick:r},c)})):null}function Wr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,u=o.useContext(de),i=u.min,l=u.max,c=u.direction,b=u.included,h=u.includedStart,E=u.includedEnd,g="".concat(a,"-dot"),d=b&&h<=t&&t<=E,y=J(J({},rt(c,t,i,l)),typeof r=="function"?r(t):r);return d&&(y=J(J({},y),typeof n=="function"?n(t):n)),o.createElement("span",{className:ie(g,Z({},"".concat(g,"-active"),d)),style:y})}function jr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,u=e.activeStyle,i=o.useContext(de),l=i.min,c=i.max,b=i.step,h=o.useMemo(function(){var E=new Set;if(t.forEach(function(d){E.add(d.value)}),r&&b!==null)for(var g=l;g<=c;)E.add(g),g+=b;return Array.from(E)},[l,c,b,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},h.map(function(E){return o.createElement(Wr,{prefixCls:a,key:E,value:E,style:n,activeStyle:u})}))}function $r(e,a,t,r,n,u){var i=o.useCallback(function(d){var y=isFinite(d)?d:e;return y=Math.min(a,d),y=Math.max(e,y),y},[e,a]),l=o.useCallback(function(d){if(t!==null){var y=e+Math.round((i(d)-e)/t)*t,v=function(S){return(String(S).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(y.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,i]),c=o.useCallback(function(d){var y=i(d),v=r.map(function(s){return s.value});t!==null&&v.push(l(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var S=Math.abs(y-s);S<=_&&(f=s,_=S)}),f},[e,a,r,t,i,l]),b=function d(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,S=y[f],U=S+v,P=[];r.forEach(function(O){P.push(O.value)}),P.push(e,a),P.push(l(S));var M=v>0?1:-1;_==="unit"?P.push(l(S+M*t)):P.push(l(U)),P=P.filter(function(O){return O!==null}).filter(function(O){return v<0?O<=S:O>=S}),_==="unit"&&(P=P.filter(function(O){return O!==S}));var R=_==="unit"?S:U;s=P[0];var T=Math.abs(s-R);if(P.forEach(function(O){var W=Math.abs(O-R);W<T&&(s=O,T=W)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var C=ne(y);return C[f]=s,d(C,v-M,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},h=function(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=y[f],S=b(y,v,f,_);return{value:S,changed:S!==s}},E=function(y){return u===null&&y===0||typeof u=="number"&&y<u},g=function(y,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=y.map(c),S=s[f],U=b(s,v,f,_);if(s[f]=U,n===!1){var P=u||0;f>0&&s[f-1]!==S&&(s[f]=Math.max(s[f],s[f-1]+P)),f<s.length-1&&s[f+1]!==S&&(s[f]=Math.min(s[f],s[f+1]-P))}else if(typeof u=="number"||u===null){for(var M=f+1;M<s.length;M+=1)for(var R=!0;E(s[M]-s[M-1])&&R;){var T=h(s,1,M);s[M]=T.value,R=T.changed}for(var C=f;C>0;C-=1)for(var O=!0;E(s[C]-s[C-1])&&O;){var W=h(s,-1,C-1);s[C-1]=W.value,O=W.changed}for(var F=s.length-1;F>0;F-=1)for(var q=!0;E(s[F]-s[F-1])&&q;){var A=h(s,-1,F-1);s[F-1]=A.value,q=A.changed}for(var x=0;x<s.length-1;x+=1)for(var B=!0;E(s[x+1]-s[x])&&B;){var L=h(s,1,x+1);s[x+1]=L.value,B=L.changed}}return{value:s[f],values:s}};return[c,g]}var xt=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,u=e.className,i=e.style,l=e.disabled,c=l===void 0?!1:l,b=e.keyboard,h=b===void 0?!0:b,E=e.autoFocus,g=e.onFocus,d=e.onBlur,y=e.min,v=y===void 0?0:y,f=e.max,_=f===void 0?100:f,s=e.step,S=s===void 0?1:s,U=e.value,P=e.defaultValue,M=e.range,R=e.count,T=e.onChange,C=e.onBeforeChange,O=e.onAfterChange,W=e.allowCross,F=W===void 0?!0:W,q=e.pushable,A=q===void 0?!1:q,x=e.draggableTrack,B=e.reverse,L=e.vertical,D=e.included,K=D===void 0?!0:D,z=e.startPoint,Se=e.trackStyle,pe=e.handleStyle,j=e.railStyle,ue=e.dotStyle,oe=e.activeDotStyle,X=e.marks,le=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Ce=e.ariaLabelForHandle,xe=e.ariaLabelledByForHandle,Oe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return L?B?"ttb":"btt":B?"rtl":"ltr"},[B,L]),V=o.useMemo(function(){return isFinite(v)?v:0},[v]),ye=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return S!==null&&S<=0?1:S},[S]),Bt=o.useMemo(function(){return typeof A=="boolean"?A?se:!1:A>=0?A:!1},[A,se]),Ue=o.useMemo(function(){var w=Object.keys(X||{});return w.map(function(N){var p=X[N],k={value:Number(N)};return p&&Ze(p)==="object"&&!o.isValidElement(p)&&("label"in p||"style"in p)?(k.style=p.style,k.label=p.label):k.label=p,k}).filter(function(N){var p=N.label;return p||typeof p=="number"}).sort(function(N,p){return N.value-p.value})},[X]),Gt=$r(V,ye,se,Ue,F,Bt),nt=$(Gt,2),Le=nt[0],it=nt[1],Xt=Ar(P,{value:U}),ut=$(Xt,2),te=ut[0],Yt=ut[1],Q=o.useMemo(function(){var w=te==null?[]:Array.isArray(te)?te:[te],N=$(w,1),p=N[0],k=p===void 0?V:p,I=te===null?[]:[k];if(M){if(I=ne(w),R||te===void 0){var be=R>=0?R+1:2;for(I=I.slice(0,be);I.length<be;){var fe;I.push((fe=I[I.length-1])!==null&&fe!==void 0?fe:V)}}I.sort(function(re,Ne){return re-Ne})}return I.forEach(function(re,Ne){I[Ne]=Le(re)}),I},[te,M,V,R,Le]),we=o.useRef(Q);we.current=Q;var ce=function(N){return M?N:N[0]},Ke=function(N){var p=ne(N).sort(function(k,I){return k-I});T&&!Rr(p,we.current,!0)&&T(ce(p)),Yt(p)},ot=function(N){if(!c){var p=0,k=ye-V;Q.forEach(function(be,fe){var re=Math.abs(N-be);re<=k&&(k=re,p=fe)});var I=ne(Q);I[p]=N,M&&!Q.length&&R===void 0&&I.push(N),C==null||C(ce(I)),Ke(I),O==null||O(ce(I))}},Qt=function(N){N.preventDefault();var p=Y.current.getBoundingClientRect(),k=p.width,I=p.height,be=p.left,fe=p.top,re=p.bottom,Ne=p.right,yt=N.clientX,Et=N.clientY,Re;switch(Ie){case"btt":Re=(re-Et)/I;break;case"ttb":Re=(Et-fe)/I;break;case"rtl":Re=(Ne-yt)/k;break;default:Re=(yt-be)/k}var ur=V+Re*(ye-V);ot(Le(ur))},Zt=o.useState(null),lt=$(Zt,2),We=lt[0],st=lt[1],Jt=function(N,p){if(!c){var k=it(Q,N,p);C==null||C(ce(Q)),Ke(k.values),O==null||O(ce(k.values)),st(k.value)}};o.useEffect(function(){if(We!==null){var w=Q.indexOf(We);w>=0&&ee.current.focus(w)}st(null)},[We]);var zt=o.useMemo(function(){return x&&se===null?!1:x},[x,se]),er=function(){O==null||O(ce(we.current))},tr=Fr(Y,Ie,Q,V,ye,Le,Ke,er,it),Fe=$(tr,4),ct=Fe[0],rr=Fe[1],je=Fe[2],ar=Fe[3],ft=function(N,p){ar(N,p),C==null||C(ce(we.current))},dt=ct!==-1;o.useEffect(function(){if(!dt){var w=Q.lastIndexOf(rr);ee.current.focus(w)}},[dt]);var Ee=o.useMemo(function(){return ne(je).sort(function(w,N){return w-N})},[je]),nr=o.useMemo(function(){return M?[Ee[0],Ee[Ee.length-1]]:[V,Ee[0]]},[Ee,M,V]),vt=$(nr,2),mt=vt[0],gt=vt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var N=document,p=N.activeElement;Y.current.contains(p)&&(p==null||p.blur())}}}),o.useEffect(function(){E&&ee.current.focus(0)},[]);var ir=o.useMemo(function(){return{min:V,max:ye,direction:Ie,disabled:c,keyboard:h,step:se,included:K,includedStart:mt,includedEnd:gt,range:M,tabIndex:Me,ariaLabelForHandle:Ce,ariaLabelledByForHandle:xe,ariaValueTextFormatterForHandle:Oe}},[V,ye,Ie,c,h,se,K,mt,gt,M,Me,Ce,xe,Oe]);return o.createElement(de.Provider,{value:ir},o.createElement("div",{ref:Y,className:ie(n,u,(t={},Z(t,"".concat(n,"-disabled"),c),Z(t,"".concat(n,"-vertical"),L),Z(t,"".concat(n,"-horizontal"),!L),Z(t,"".concat(n,"-with-marks"),Ue.length),t)),style:i,onMouseDown:Qt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(kr,{prefixCls:n,style:Se,values:Ee,startPoint:z,onStartMove:zt?ft:null}),o.createElement(jr,{prefixCls:n,marks:Ue,dots:le,style:ue,activeStyle:oe}),o.createElement(wr,{ref:ee,prefixCls:n,style:pe,values:je,draggingIndex:ct,onStartMove:ft,onOffsetChange:Jt,onFocus:g,onBlur:d,handleRender:me}),o.createElement(Kr,{prefixCls:n,marks:Ue,onClick:ot})))}),at={},jt={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(jt);var qr=jt.exports,$t={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})($t);var He=$t.exports;const Vr=lr(cr);var qe={exports:{}},Ve={exports:{}},Be={exports:{}},Ge={exports:{}},Ot;function Br(){return Ot||(Ot=1,function(e){var a=He.default;function t(r,n){if(a(r)!=="object"||r===null)return r;var u=r[Symbol.toPrimitive];if(u!==void 0){var i=u.call(r,n||"default");if(a(i)!=="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Nt;function Gr(){return Nt||(Nt=1,function(e){var a=He.default,t=Br();function r(n){var u=t(n,"string");return a(u)==="symbol"?u:String(u)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var Rt;function qt(){return Rt||(Rt=1,function(e){var a=Gr();function t(r,n,u){return n=a(n),n in r?Object.defineProperty(r,n,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[n]=u,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Pt;function Xr(){return Pt||(Pt=1,function(e){var a=qt();function t(n,u){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);u&&(l=l.filter(function(c){return Object.getOwnPropertyDescriptor(n,c).enumerable})),i.push.apply(i,l)}return i}function r(n){for(var u=1;u<arguments.length;u++){var i=arguments[u]!=null?arguments[u]:{};u%2?t(Object(i),!0).forEach(function(l){a(n,l,i[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(i,l))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Xe={exports:{}},Ye={exports:{}},Tt;function Yr(){return Tt||(Tt=1,function(e){function a(t,r){if(t==null)return{};var n={},u=Object.keys(t),i,l;for(l=0;l<u.length;l++)i=u[l],!(r.indexOf(i)>=0)&&(n[i]=t[i]);return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ye)),Ye.exports}var At;function Qr(){return At||(At=1,function(e){var a=Yr();function t(r,n){if(r==null)return{};var u=a(r,n),i,l;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(l=0;l<c.length;l++)i=c[l],!(n.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(r,i)&&(u[i]=r[i])}return u}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Xe)),Xe.exports}var Pe={},It;function Zr(){if(It)return Pe;It=1,Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(r){var n=r.keyCode;if(r.altKey&&!r.ctrlKey||r.metaKey||n>=e.F1&&n<=e.F12)return!1;switch(n){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(r){if(r>=e.ZERO&&r<=e.NINE||r>=e.NUM_ZERO&&r<=e.NUM_MULTIPLY||r>=e.A&&r<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&r===0)return!0;switch(r){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},a=e;return Pe.default=a,Pe}var Te={},Ut;function Jr(){if(Ut)return Te;Ut=1;var e=He;Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var a=r(o);function t(i){if(typeof WeakMap!="function")return null;var l=new WeakMap,c=new WeakMap;return(t=function(h){return h?c:l})(i)}function r(i,l){if(!l&&i&&i.__esModule)return i;if(i===null||e(i)!=="object"&&typeof i!="function")return{default:i};var c=t(l);if(c&&c.has(i))return c.get(i);var b={},h=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var E in i)if(E!=="default"&&Object.prototype.hasOwnProperty.call(i,E)){var g=h?Object.getOwnPropertyDescriptor(i,E):null;g&&(g.get||g.set)?Object.defineProperty(b,E,g):b[E]=i[E]}return b.default=i,c&&c.set(i,b),b}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),u=n;return Te.default=u,Te}var he={},Lt;function zr(){if(Lt)return he;Lt=1,Object.defineProperty(he,"__esModule",{value:!0}),he.getDirectionStyle=a,he.getIndex=t,he.getOffset=e;function e(r,n,u){return(r-n)/(u-n)}function a(r,n,u,i){var l=e(n,u,i),c={};switch(r){case"rtl":c.right="".concat(l*100,"%"),c.transform="translateX(50%)";break;case"btt":c.bottom="".concat(l*100,"%"),c.transform="translateY(50%)";break;case"ttb":c.top="".concat(l*100,"%"),c.transform="translateY(-50%)";break;default:c.left="".concat(l*100,"%"),c.transform="translateX(-50%)";break}return c}function t(r,n){return Array.isArray(r)?r[n]:r}return he}var ve=qr,ea=He;Object.defineProperty(at,"__esModule",{value:!0});var tt=at.default=void 0,ta=ve(Vr),wt=ve(Xr()),Ft=ve(qt()),ra=ve(Qr()),Qe=ua(o),aa=ve(sr),ae=ve(Zr()),na=ve(Jr()),Ae=zr(),ia=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Vt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Vt=function(n){return n?t:a})(e)}function ua(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||ea(e)!=="object"&&typeof e!="function")return{default:e};var t=Vt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(r,u,i):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}var oa=Qe.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,l=e.onStartMove,c=e.style,b=e.render,h=e.dragging,E=e.onOffsetChange,g=(0,ra.default)(e,ia),d=Qe.useContext(na.default),y=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),C=function(A){_||l(A,i)},O=function(A){if(!_&&s){var x=null;switch(A.which||A.keyCode){case ae.default.LEFT:x=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:x=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:x=f!=="ttb"?1:-1;break;case ae.default.DOWN:x=f!=="ttb"?-1:1;break;case ae.default.HOME:x="min";break;case ae.default.END:x="max";break;case ae.default.PAGE_UP:x=2;break;case ae.default.PAGE_DOWN:x=-2;break}x!==null&&(A.preventDefault(),E(x,i))}},W=(0,Ae.getDirectionStyle)(f,u,y,v),F=Qe.createElement("div",(0,ta.default)({ref:a,className:(0,aa.default)(T,(t={},(0,Ft.default)(t,"".concat(T,"-").concat(i+1),S),(0,Ft.default)(t,"".concat(T,"-dragging"),h),t)),style:(0,wt.default)((0,wt.default)({},W),c),onMouseDown:C,onTouchStart:C,onKeyDown:O,tabIndex:_?null:(0,Ae.getIndex)(U,i),role:"slider","aria-valuemin":y,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(P,i),"aria-labelledby":(0,Ae.getIndex)(M,i),"aria-valuetext":(r=(0,Ae.getIndex)(R,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return b&&(F=b(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),la=oa;tt=at.default=la;const De=({text:e})=>H.jsx(gr,{text:e,layerProps:{style:{whiteSpace:"nowrap",position:"fixed",transform:"translate(-50%, -100%)",marginTop:-15,marginLeft:5}}});try{De.displayName="SliderTooltip",De.__docgenInfo={description:"",displayName:"SliderTooltip",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}}}}}catch{}const sa="_container_17abs_341",ca="_small_17abs_347",fa="_hasMarks_17abs_350",da="_vertical_17abs_353",va="_hasArrows_17abs_357",ma="_button_17abs_361",ga="_label_17abs_364",G={container:sa,small:ca,hasMarks:fa,vertical:da,hasArrows:va,button:ma,label:ga},ya=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const i=r!==void 0?H.jsx(yr,{text:r,children:t}):t||n;return a[n]=i,a},{}),Ea=dr(ya,vr),Dt=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:u,max:i,step:l=1,marks:c=[],showArrows:b=!1,showTooltip:h=!1,tooltipFormatter:E=_=>_,disabled:g=!1,range:d=!1,small:y=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(mr),s=Ea(c),S=M=>{f({target:{name:e,value:M,label:a}})},U=()=>H.jsx("div",{className:G.button,children:H.jsx(ht,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[u,n==null?void 0:n[1]]:u),disabled:g||n===u||_,icon:bt.FAST_BACKWARD})}),P=()=>H.jsx("div",{className:G.button,children:H.jsx(ht,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[n==null?void 0:n[0],i]:i),disabled:g||n===i||_,icon:bt.FAST_FORWARD})});return H.jsxs("div",{className:ie(G.container,y?G.small:"",v.enabled?G.vertical:"",or.isEmpty(c)?"":G.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[b&&(v.enabled?H.jsx(P,{}):H.jsx(U,{})),d?H.jsx(xt,{range:!0,allowCross:!1,className:ie((g||_)&&G.rcSliderDisabled,b&&G.hasArrows),value:n,max:i,min:u,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:h?({index:M,value:R,dragging:T,...C})=>H.jsx(tt,{value:R,...C,children:T&&H.jsx(De,{text:E(R)})},M):void 0}):H.jsx(xt,{className:ie((g||_)&&G.rcSliderDisabled,b&&G.hasArrows),value:n,max:i,min:u,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:h?({index:M,value:R,dragging:T,...C})=>H.jsx(tt,{value:R,...C,children:T&&H.jsx(De,{text:E(R)})},M):void 0}),b&&(v.enabled?H.jsx(U,{}):H.jsx(P,{})),a&&H.jsx("label",{className:G.label,style:{width:r},children:a})]})};try{Dt.displayName="Slider",Dt.__docgenInfo={description:"",displayName:"Slider",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number | number[]"}},min:{defaultValue:null,description:"",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},marks:{defaultValue:{value:"[]"},description:"",name:"marks",required:!1,type:{name:"TSliderMark[]"}},showArrows:{defaultValue:{value:"false"},description:"",name:"showArrows",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:{value:"false"},description:"",name:"showTooltip",required:!1,type:{name:"boolean"}},tooltipFormatter:{defaultValue:{value:"(v) => v"},description:"",name:"tooltipFormatter",required:!1,type:{name:"((value: number | number[]) => string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},range:{defaultValue:{value:"false"},description:"",name:"range",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},vertical:{defaultValue:{value:`{
+    enabled: false,
+    width: '100px',
+    height: '400px',
+  }`},description:"",name:"vertical",required:!1,type:{name:"{ enabled: boolean; width?: string; height?: string; } | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: { target: { name?: string | undefined; value: number | number[]; label?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal | null | undefined; }; }) => void"}}}}}catch{}export{Dt as S};

package/dist/storybook/assets/slider-876efa63.css

@@ -0,0 +1 @@
+.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-bottom:0;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.rc-slider:not(.rc-slider-disabled) .rc-slider-rail{background-color:var(--color-border)}.rc-slider:not(.rc-slider-disabled) .rc-slider-track{background-color:var(--color-background-primary)}.rc-slider:not(.rc-slider-disabled) .rc-slider-dot{border-color:var(--color-border)}.rc-slider:not(.rc-slider-disabled) .rc-slider-dot-active{border-color:var(--color-background-primary)}.rc-slider:not(.rc-slider-disabled) .rc-slider-handle{border-color:var(--color-background-primary)}.rc-slider:not(.rc-slider-disabled) .rc-slider-handle:focus{border-color:var(--color-background-primary);box-shadow:0 0 0 3px var(--color-background-primary)}.rc-slider .rc-slider-handle{opacity:1}.rc-slider .rc-slider-mark-text{color:var(--color-text-faint)}.rc-slider .rc-slider-mark-text-active{color:var(--color-text-muted)}.rc-slider-disabled{background-color:transparent!important}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{cursor:default!important}:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._container_17abs_341{display:flex;align-items:center;min-height:var(--size);gap:4px}._container_17abs_341._small_17abs_347{min-height:var(--size-sm)}._container_17abs_341._hasMarks_17abs_350{padding-bottom:20px}._container_17abs_341._vertical_17abs_353{flex-direction:column;padding-bottom:0}._container_17abs_341._vertical_17abs_353 ._hasArrows_17abs_357{margin-top:5px;margin-bottom:5px}._container_17abs_341._vertical_17abs_353 ._button_17abs_361 svg{transform:rotate(-90deg)}._label_17abs_364{white-space:nowrap;margin-left:10px;line-height:1;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}

package/dist/storybook/assets/{slider.stories-a55df653.js → slider.stories-d6d94449.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-f961835c.js";import{S as x}from"./slider-5d5442fe.js";import{T as se}from"./text-ad1f5f1d.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./objectSpread2-fdee9b6d.js";import"./index-a80ed1cf.js";import"./extends-98964cd2.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./memoize-one.esm-52518564.js";import"./index-c7f280f6.js";import"./common-types-2c81813f.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],ye={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
+import{j as a}from"./jsx-runtime-f961835c.js";import{S as x}from"./slider-4cf22613.js";import{T as se}from"./text-78efb253.js";import"./index-f80c8c95.js";import"./lodash-75c70a11.js";import"./objectSpread2-fdee9b6d.js";import"./index-a80ed1cf.js";import"./inheritsLoose-d4851ab8.js";import"./icon-ce35c889.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./memoize-one.esm-52518564.js";import"./index-c7f280f6.js";import"./common-types-3a5f9d98.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";import"./button-8a0f5308.js";import"./spinner-4948799e.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],we={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: any) => {
     updateArgs({
@@ -124,4 +124,4 @@ import{j as a}from"./jsx-runtime-f961835c.js";import{S as x}from"./slider-5d5442
   return <Slider
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args} onChange={handleChange} />;
-}`,...(ae=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{d as Arrows,c as Default,p as Disabled,i as FormattedTooltip,h as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,r as Small,l as Tooltip,u as Vertical,Te as __namedExportsOrder,ye as default};
+}`,...(ae=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const ye=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{d as Arrows,c as Default,p as Disabled,i as FormattedTooltip,h as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,r as Small,l as Tooltip,u as Vertical,ye as __namedExportsOrder,we as default};

package/dist/storybook/assets/spacer-b33ecb12.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-f961835c.js";const l=({height:e="20px",width:a=null,flex:r=!1})=>t.jsx("div",{style:{height:e,width:a||"auto",flexGrow:r?1:0,flexShrink:0,display:a?"inline-block":"block"}});try{l.displayName="Spacer",l.__docgenInfo={description:"",displayName:"Spacer",props:{height:{defaultValue:{value:"20px"},description:"",name:"height",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"null"},description:"",name:"width",required:!1,type:{name:"TStringNumberNull"}},flex:{defaultValue:{value:"false"},description:"",name:"flex",required:!1,type:{name:"boolean"}}}}}catch{}export{l as S};

package/dist/storybook/assets/spacer.stories-1f2b973c.js

@@ -0,0 +1 @@
+import{j as r}from"./jsx-runtime-f961835c.js";import{S as h}from"./spacer-b33ecb12.js";import{F as j}from"./flex-4bc3b694.js";import{B as s}from"./button-8a0f5308.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./icon-ce35c889.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-eb0f0865.js";import"./index-3d476d02.js";const L={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"10px"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"16px"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,l,d;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(d=(l=e.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var u,x,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(g=(x=o.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};const O=["Default","Height","Width"];export{a as Default,e as Height,o as Width,O as __namedExportsOrder,L as default};

package/dist/storybook/assets/spinner-4948799e.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{c as i}from"./index-a80ed1cf.js";const t="_spinner_fbqsc_341",d="_small_fbqsc_347",c="_tiny_fbqsc_351",p="_colored_fbqsc_378",f="_dark_fbqsc_390",a={spinner:t,small:d,tiny:c,colored:p,dark:f},l=({small:s=!1,colored:n=!1,dark:r=!1,tiny:o=!1})=>e.jsxs("div",{className:i(a.spinner,s&&a.small,o&&a.tiny,r&&a.dark,n&&a.colored),children:[e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{})]});try{l.displayName="Spinner",l.__docgenInfo={description:"",displayName:"Spinner",props:{small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},colored:{defaultValue:{value:"false"},description:"",name:"colored",required:!1,type:{name:"boolean"}},dark:{defaultValue:{value:"false"},description:"",name:"dark",required:!1,type:{name:"boolean"}},tiny:{defaultValue:{value:"false"},description:"",name:"tiny",required:!1,type:{name:"boolean"}}}}}catch{}export{l as S};