welcome-ui 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/index-_oF_K5ZN.js

@@ -1,122 +0,0 @@
-"use client";"use strict";const a=require("react"),de=require("./downshift.esm-DAo-GJwH.js"),Ye=require("./_commonjsHelpers-DvH0V_XJ.js"),Ae=require("./Icon.js"),Ze=require("./ClearButton.js"),M=require("./System.js"),ze=require("./create-event-YSlay9Ef.js"),ye=require("./field-styles-D_gf6ypV.js"),ve=require("./Tag.js"),u=require("@xstyled/styled-components"),Qe=require("./Field.js"),Q=require("./overflow-ellipsis-C2ESrF8C.js"),Xe=require("./Box.js"),Ge=15,Je=15,et='<path fill="currentColor" fill-rule="evenodd" d="M50 71a4.399 4.399 0 0 1-2.936-1.119L17.49 43.552a4.468 4.468 0 0 1-.377-6.283 4.416 4.416 0 0 1 6.253-.379l26.278 23.397 26.632-29.81a4.412 4.412 0 0 1 6.253-.338 4.464 4.464 0 0 1 .337 6.283l-29.57 33.1A4.412 4.412 0 0 1 49.998 71Z" clip-rule="evenodd"/>',tt={width:Ge,height:Je,block:et},be=e=>a.createElement(Ae.Icon,{alt:"Down",content:tt,...e});var P={exports:{}},Ce={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},we=Object.keys(Ce).join("|"),nt=new RegExp(we,"g"),rt=new RegExp(we,"");function ot(e){return Ce[e]}var Oe=function(e){return e.replace(nt,ot)},st=function(e){return!!e.match(rt)};P.exports=Oe;P.exports.has=st;P.exports.remove=Oe;var lt=P.exports;const at=Ye.getDefaultExportFromCjs(lt);/**
- * @name match-sorter
- * @license MIT license.
- * @copyright (c) 2020 Kent C. Dodds
- * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
- */const E={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},it=(e,t)=>String(e.rankedValue).localeCompare(String(t.rankedValue));function X(e,t,n){n===void 0&&(n={});const{keys:r,threshold:o=E.MATCHES,baseSort:i=it,sorter:h=f=>f.sort((d,s)=>ft(d,s,i))}=n,m=e.reduce(c,[]);return h(m).map(f=>{let{item:d}=f;return d});function c(f,d,s){const p=ct(d,r,t,n),{rank:w,keyThreshold:y=o}=p;return w>=y&&f.push({...p,item:d,index:s}),f}}X.rankings=E;function ct(e,t,n,r){if(!t){const i=e;return{rankedValue:i,rank:fe(i,n,r),keyIndex:-1,keyThreshold:r.threshold}}return pt(e,t).reduce((i,h,m)=>{let{rank:c,rankedValue:f,keyIndex:d,keyThreshold:s}=i,{itemValue:p,attributes:w}=h,y=fe(p,n,r),R=f;const{minRanking:$,maxRanking:F,threshold:W}=w;return y<$&&y>=E.MATCHES?y=$:y>F&&(y=F),y>c&&(c=y,d=m,s=W,R=p),{rankedValue:R,rank:c,keyIndex:d,keyThreshold:s}},{rankedValue:e,rank:E.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}function fe(e,t,n){return e=he(e,n),t=he(t,n),t.length>e.length?E.NO_MATCH:e===t?E.CASE_SENSITIVE_EQUAL:(e=e.toLowerCase(),t=t.toLowerCase(),e===t?E.EQUAL:e.startsWith(t)?E.STARTS_WITH:e.includes(` ${t}`)?E.WORD_STARTS_WITH:e.includes(t)?E.CONTAINS:t.length===1?E.NO_MATCH:ut(e).includes(t)?E.ACRONYM:dt(e,t))}function ut(e){let t="";return e.split(" ").forEach(r=>{r.split("-").forEach(i=>{t+=i.substr(0,1)})}),t}function dt(e,t){let n=0,r=0;function o(c,f,d){for(let s=d,p=f.length;s<p;s++)if(f[s]===c)return n+=1,s+1;return-1}function i(c){const f=1/c,d=n/t.length;return E.MATCHES+d*f}const h=o(t[0],e,0);if(h<0)return E.NO_MATCH;r=h;for(let c=1,f=t.length;c<f;c++){const d=t[c];if(r=o(d,e,r),!(r>-1))return E.NO_MATCH}const m=r-h;return i(m)}function ft(e,t,n){const{rank:i,keyIndex:h}=e,{rank:m,keyIndex:c}=t;return i===m?h===c?n(e,t):h<c?-1:1:i>m?-1:1}function he(e,t){let{keepDiacritics:n}=t;return e=`${e}`,n||(e=at(e)),e}function ht(e,t){typeof t=="object"&&(t=t.key);let n;if(typeof t=="function")n=t(e);else if(e==null)n=null;else if(Object.hasOwnProperty.call(e,t))n=e[t];else{if(t.includes("."))return mt(t,e);n=null}return n==null?[]:Array.isArray(n)?n:[String(n)]}function mt(e,t){const n=e.split(".");let r=[t];for(let o=0,i=n.length;o<i;o++){const h=n[o];let m=[];for(let c=0,f=r.length;c<f;c++){const d=r[c];if(d!=null)if(Object.hasOwnProperty.call(d,h)){const s=d[h];s!=null&&m.push(s)}else h==="*"&&(m=m.concat(d))}r=m}return Array.isArray(r[0])?[].concat(...r):r}function pt(e,t){const n=[];for(let r=0,o=t.length;r<o;r++){const i=t[r],h=gt(i),m=ht(e,i);for(let c=0,f=m.length;c<f;c++)n.push({itemValue:m[c],attributes:h})}return n}const me={maxRanking:1/0,minRanking:-1/0};function gt(e){return typeof e=="string"?me:{...me,...e}}const J="",Se=e=>{if(typeof e=="number")return String(e);if(typeof e=="string"){const t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);return t&&t.map(n=>n.toLowerCase()).join("-")}},pe=e=>e?e.label:J,It=e=>e.reduce((t,n)=>n.label&&t.length>n.label.length?t:n.label,J),Et=(e,t,n)=>{const r=t.find(o=>e.value===o.value);return r&&n?t.filter(o=>e.value!==o.value):r?t:[...t,e]},Z=(e,t)=>!!t.find(n=>n.value===e),G=(e,t=[])=>t.find(r=>r.label===(e.label||e)||r.value===(e.value||e))||{value:Se(e),label:e},At=(e,t,n=!1)=>{const r=n?t.flatMap(o=>o.options):t;return!e&&e!==0?[]:Array.isArray(e)?e.map(o=>G(o,r)):[G(e,r)]},yt=(e,t)=>!!t.find(n=>n.value===e.value),vt=(e,t)=>yt(e,t)?e.value:e.label,ge=(e,t)=>{if(e)return e.map(n=>vt(n,t))},bt=(e,t)=>{if(e)return e.filter(n=>!t.find(r=>r.value===n.value))},Ct=({inputValue:e,isMultiple:t,isSearchable:n,options:r,renderItem:o})=>{const i=G(e,r);return t?e:i.label?n?i.label:o(i):J},ke=u(Qe.IconWrapper)``,xe=u(Xe.Box).withConfig({shouldForwardProp:M.shouldForwardProp})(({disabled:e})=>u.css`
-    position: relative;
-    ${u.system}
-    ${ke} {
-      color: ${e?u.th("defaultFields.select.disabled.color"):"initial"};
-    }
-  `),wt=u.div`
-  position: relative;
-`,Ie=u("div").withConfig({shouldForwardProp:M.shouldForwardProp})(({iconPlacement:e,isClearable:t,size:n,transparent:r,variant:o})=>u.css`
-    position: relative;
-    ${ye.defaultFieldStyles({size:n,variant:o,transparent:r,isClearable:t,iconPlacement:e})};
-    ${Q.overflowEllipsis};
-    cursor: pointer;
-    ${u.system}
-    line-height: 1em;
-
-    br {
-      display: none;
-    }
-
-    &::before {
-      content: attr(data-spacer);
-      visibility: hidden;
-      display: block;
-      height: 0;
-    }
-
-    &:empty {
-      &::after {
-        content: attr(placeholder);
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        ${Q.overflowEllipsis};
-        padding: inherit;
-        ${u.th("defaultFields.placeholder")}
-      }
-      &::before {
-        height: auto;
-      }
-    }
-  `),Ot=u.ul`
-  ${u.th("defaultFields.select.default")};
-  ${u.th("cards.default")};
-  position: absolute;
-  z-index: 2;
-  right: 0;
-  left: 0;
-  margin: 0;
-  margin-top: md;
-  padding: 0;
-  transition: medium;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-
-  &:hover > * {
-    cursor: pointer;
-  }
-`,z=u.li(({allowUnselectFromList:e,isDisabled:t,isHighlighted:n,isMultiple:r,isSelected:o})=>u.css`
-    color: beige-70;
-    ${n&&u.th("defaultFields.select.highlighted")};
-    ${o&&!r&&u.th("defaultFields.select.selected")};
-    ${o&&r&&!e&&u.th("defaultFields.select.existing")};
-    ${t&&u.th("defaultFields.select.disabled")};
-    ${Q.overflowEllipsis};
-    padding: md;
-    list-style: none;
-    text-decoration: none;
-    font-size: sm;
-    transition: background ${u.th.transition("medium")};
-  `),St=u.divBox(({size:e})=>u.css`
-    position: absolute;
-    padding: 0;
-    top: 0;
-    bottom: 0;
-    right: ${e==="xs"?"sm":"md"};
-    display: flex;
-    gap: xs;
-  `),Ee=u.button.withConfig({shouldForwardProp:M.shouldForwardProp})(({isOpen:e})=>u.css`
-    position: relative;
-    height: 100%;
-    padding: 0;
-    outline: none !important; /* important for firefox */
-    appearance: none;
-    cursor: pointer;
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ${Ae.StyledIcon} {
-      transform: ${e?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
-      transition: medium;
-    }
-
-    &:not(:last-child) {
-      width: auto;
-    }
-
-    &:disabled {
-      color: ${u.th("defaultFields.select.disabled.color")};
-    }
-  `),kt=u.divBox`
-  margin-top: lg;
-
-  ${ve.StyledTag}:not(:last-child) {
-    margin-right: sm;
-    margin-bottom: sm;
-  }
-
-  &:empty {
-    display: none;
-  }
-`;function xt(e,t){return a.createElement(kt,{role:"list"},e.map(n=>a.createElement(ve.Tag,{key:n.value,onRemove:()=>t(n.value.toString()),role:"listitem"},n.label)))}const Tt=de.Downshift$1.default||de.Downshift$1,Vt=M.forwardRef(({allowUnselectFromList:e,autoComplete:t="off",autoFocus:n,dataTestId:r,disableCloseOnSelect:o,disabled:i,groupsEnabled:h,icon:m,id:c,isClearable:f,isCreatable:d,isMultiple:s,isSearchable:p,name:w,onBlur:y,onChange:R,onClick:$,onCreate:F,onFocus:W,options:A=[],placeholder:ee="Choose from…",renderCreateItem:Te=k=>`Create "${k}"`,renderGroupHeader:Ve,renderItem:j=pe,renderMultiple:Ue=xt,size:D="md",transparent:Re,value:te,variant:$e,...ne},H)=>{const k=a.useMemo(()=>At(te,A,h),[te,A,h]),B=!s&&k[0]||null,K=B?B.label:"",[O,L]=a.useState(k),[b,N]=a.useState(K),[_,q]=a.useState(A),[S,x]=a.useState(!1);p=d||p,a.useEffect(()=>{var l;n&&((l=H==null?void 0:H.current)==null||l.focus(),p&&x(!0))},[p,n,H]),a.useEffect(()=>{L(k),N(K),q(A)},[K,A,k]);const Fe=l=>{if(p&&l!==b){let g=[];h?g=X(A,l,{keys:[I=>I.label,I=>I.options.map(T=>T.label)]}):g=X(A,l,{keys:["label"]}),N(l),q(g)}},He=()=>{p&&!S&&x(!0)},re=l=>{let g=[];h?g=ge(l,A.flatMap(V=>V.options)):g=ge(l,A);const I=s?g:g[0],T=ze.createEvent({name:w,value:s?l:l[0]});if(R&&R(I,T),d){const V=bt(l,A);V.length&&F&&F(V[0].label,T)}},Ne=l=>{let g,I;!l||l!=null&&l.disabled?(g=s?O:[],I=!0):(g=s?Et(l,O,e):[l],I=s),I&&N(""),q(A),L(g),re(g),o||x(!1)},De=l=>{const g=O.filter(I=>I.value!==l);L(g),re(g)},_e=l=>{s&&l.selectedItem?N(""):p&&l.selectedItem&&N(l.selectedItem.label),q(A),x(!1)},qe=It(A),oe=Ct({inputValue:b,isMultiple:s,isSearchable:p,options:A,renderItem:j});return a.createElement(Tt,{id:c,inputValue:p?oe:"",isOpen:S,itemToString:pe,onInputValueChange:Fe,onOuterClick:_e,onSelect:Ne,selectedItem:B},({clearSelection:l,getInputProps:g,getItemProps:I,getMenuProps:T,getRootProps:V,getToggleButtonProps:Me,highlightedIndex:Y})=>{const se=!!(d&&b&&!Z(b,O)),Pe=S&&(_.length||se),We=f&&b,je=a.createElement(Ee,{as:"div"},a.createElement(Ze.ClearButton,{onClick:l})),Be=a.createElement(Ee,{"data-testid":r&&`${r}-arrow-icon`,disabled:i,isOpen:S,size:D,tabIndex:-1,...Me({onClick:()=>x(!S)})},a.createElement(be,{size:"sm"})),Ke=U=>{$&&$(U),x(!S)},Le=V(ne),le=g({autoComplete:t,autoFocus:n,"data-spacer":qe||ee,"data-testid":r,disabled:i,iconPlacement:m?"both":"right",id:c,name:w,onBlur:y,onClick:i?void 0:Ke,onFocus:W,onKeyDown:He,placeholder:ee,ref:H,size:D,tabIndex:0,variant:S?"focused":$e,isClearable:f,transparent:Re,...ne}),ae=ye.FIELD_ICON_SIZE[D];return a.createElement(xe,{...Le,disabled:i},a.createElement(wt,null,p?a.createElement(Ie,{as:"input",type:"text",...le}):a.createElement(Ie,{...le},oe),m&&a.createElement(ke,{iconPlacement:"left",size:ae},a.cloneElement(m,{...m.props,size:ae})),a.createElement(St,{size:D},We&&je,Be)),Pe&&a.createElement(Ot,{...T()},_.reduce((U,v,ie)=>{if(h&&"options"in v)U.itemsToRender.push(a.createElement(a.Fragment,{key:v.label},Ve(v),v.options&&v.options.map(C=>{const ce=U.itemIndex++,ue=Z(C.value,O);return a.createElement(z,{allowUnselectFromList:e,isDisabled:C.disabled,isHighlighted:Y===ce,isMultiple:s,key:C.value,...I({index:ce,isSelected:ue,item:C})},j(C,ue))})));else if("value"in v){const C=Z(v.value,O);U.itemsToRender.push(a.createElement(z,{allowUnselectFromList:e,isDisabled:v.disabled,isHighlighted:Y===ie,isMultiple:s,key:v.value,...I({index:ie,isSelected:C,item:v})},j(v,C)))}return U},{itemsToRender:[],itemIndex:0}).itemsToRender,se&&b.length&&a.createElement(z,{isHighlighted:Y===_.length,key:"add",...I({index:_.length,item:{value:Se(b),label:b}})},Te(b))),s&&Ue(O,De))})}),Ut=xe;exports.DownIcon=be;exports.Select=Vt;exports.StyledSelect=Ut;

package/dist/index-mPb8TbpM.mjs

@@ -1,447 +0,0 @@
-"use client";
-import g, { useRef as _, useState as q, Children as me, cloneElement as xe, useCallback as J, useMemo as Ee, useEffect as U } from "react";
-import "./Icon.mjs";
-import { R as Re } from "./index-BRDOakbf.mjs";
-import { forwardRef as ie } from "./System.mjs";
-import { t as we } from "./throttle-BDBzFeFj.mjs";
-import { Box as ze } from "./Box.mjs";
-import B, { th as w, css as oe } from "@xstyled/styled-components";
-var x = [], Be = function() {
-  return x.some(function(e) {
-    return e.activeTargets.length > 0;
-  });
-}, Oe = function() {
-  return x.some(function(e) {
-    return e.skippedTargets.length > 0;
-  });
-}, Y = "ResizeObserver loop completed with undelivered notifications.", ye = function() {
-  var e;
-  typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
-    message: Y
-  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = Y), window.dispatchEvent(e);
-}, $;
-(function(e) {
-  e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-})($ || ($ = {}));
-var E = function(e) {
-  return Object.freeze(e);
-}, Te = /* @__PURE__ */ function() {
-  function e(t, r) {
-    this.inlineSize = t, this.blockSize = r, E(this);
-  }
-  return e;
-}(), se = function() {
-  function e(t, r, n, i) {
-    return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, E(this);
-  }
-  return e.prototype.toJSON = function() {
-    var t = this, r = t.x, n = t.y, i = t.top, s = t.right, o = t.bottom, l = t.left, d = t.width, c = t.height;
-    return { x: r, y: n, top: i, right: s, bottom: o, left: l, width: d, height: c };
-  }, e.fromRect = function(t) {
-    return new e(t.x, t.y, t.width, t.height);
-  }, e;
-}(), V = function(e) {
-  return e instanceof SVGElement && "getBBox" in e;
-}, ae = function(e) {
-  if (V(e)) {
-    var t = e.getBBox(), r = t.width, n = t.height;
-    return !r && !n;
-  }
-  var i = e, s = i.offsetWidth, o = i.offsetHeight;
-  return !(s || o || e.getClientRects().length);
-}, K = function(e) {
-  var t;
-  if (e instanceof Element)
-    return !0;
-  var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
-  return !!(r && e instanceof r.Element);
-}, Se = function(e) {
-  switch (e.tagName) {
-    case "INPUT":
-      if (e.type !== "image")
-        break;
-    case "VIDEO":
-    case "AUDIO":
-    case "EMBED":
-    case "OBJECT":
-    case "CANVAS":
-    case "IFRAME":
-    case "IMG":
-      return !0;
-  }
-  return !1;
-}, C = typeof window < "u" ? window : {}, A = /* @__PURE__ */ new WeakMap(), Q = /auto|scroll/, Ce = /^tb|vertical/, $e = /msie|trident/i.test(C.navigator && C.navigator.userAgent), v = function(e) {
-  return parseFloat(e || "0");
-}, z = function(e, t, r) {
-  return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Te((r ? t : e) || 0, (r ? e : t) || 0);
-}, Z = E({
-  devicePixelContentBoxSize: z(),
-  borderBoxSize: z(),
-  contentBoxSize: z(),
-  contentRect: new se(0, 0, 0, 0)
-}), ce = function(e, t) {
-  if (t === void 0 && (t = !1), A.has(e) && !t)
-    return A.get(e);
-  if (ae(e))
-    return A.set(e, Z), Z;
-  var r = getComputedStyle(e), n = V(e) && e.ownerSVGElement && e.getBBox(), i = !$e && r.boxSizing === "border-box", s = Ce.test(r.writingMode || ""), o = !n && Q.test(r.overflowY || ""), l = !n && Q.test(r.overflowX || ""), d = n ? 0 : v(r.paddingTop), c = n ? 0 : v(r.paddingRight), O = n ? 0 : v(r.paddingBottom), f = n ? 0 : v(r.paddingLeft), N = n ? 0 : v(r.borderTopWidth), k = n ? 0 : v(r.borderRightWidth), D = n ? 0 : v(r.borderBottomWidth), W = n ? 0 : v(r.borderLeftWidth), y = f + c, m = d + O, T = W + k, S = N + D, a = l ? e.offsetHeight - S - e.clientHeight : 0, u = o ? e.offsetWidth - T - e.clientWidth : 0, h = i ? y + T : 0, p = i ? m + S : 0, b = n ? n.width : v(r.width) - h - u, R = n ? n.height : v(r.height) - p - a, be = b + y + u + T, ge = R + m + a + S, X = E({
-    devicePixelContentBoxSize: z(Math.round(b * devicePixelRatio), Math.round(R * devicePixelRatio), s),
-    borderBoxSize: z(be, ge, s),
-    contentBoxSize: z(b, R, s),
-    contentRect: new se(f, d, b, R)
-  });
-  return A.set(e, X), X;
-}, ue = function(e, t, r) {
-  var n = ce(e, r), i = n.borderBoxSize, s = n.contentBoxSize, o = n.devicePixelContentBoxSize;
-  switch (t) {
-    case $.DEVICE_PIXEL_CONTENT_BOX:
-      return o;
-    case $.BORDER_BOX:
-      return i;
-    default:
-      return s;
-  }
-}, ke = /* @__PURE__ */ function() {
-  function e(t) {
-    var r = ce(t);
-    this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = E([r.borderBoxSize]), this.contentBoxSize = E([r.contentBoxSize]), this.devicePixelContentBoxSize = E([r.devicePixelContentBoxSize]);
-  }
-  return e;
-}(), le = function(e) {
-  if (ae(e))
-    return 1 / 0;
-  for (var t = 0, r = e.parentNode; r; )
-    t += 1, r = r.parentNode;
-  return t;
-}, De = function() {
-  var e = 1 / 0, t = [];
-  x.forEach(function(o) {
-    if (o.activeTargets.length !== 0) {
-      var l = [];
-      o.activeTargets.forEach(function(c) {
-        var O = new ke(c.target), f = le(c.target);
-        l.push(O), c.lastReportedSize = ue(c.target, c.observedBox), f < e && (e = f);
-      }), t.push(function() {
-        o.callback.call(o.observer, l, o.observer);
-      }), o.activeTargets.splice(0, o.activeTargets.length);
-    }
-  });
-  for (var r = 0, n = t; r < n.length; r++) {
-    var i = n[r];
-    i();
-  }
-  return e;
-}, j = function(e) {
-  x.forEach(function(r) {
-    r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
-      i.isActive() && (le(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
-    });
-  });
-}, Ae = function() {
-  var e = 0;
-  for (j(e); Be(); )
-    e = De(), j(e);
-  return Oe() && ye(), e > 0;
-}, P, de = [], Ie = function() {
-  return de.splice(0).forEach(function(e) {
-    return e();
-  });
-}, Le = function(e) {
-  if (!P) {
-    var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
-    new MutationObserver(function() {
-      return Ie();
-    }).observe(r, n), P = function() {
-      r.textContent = "".concat(t ? t-- : t++);
-    };
-  }
-  de.push(e), P();
-}, Me = function(e) {
-  Le(function() {
-    requestAnimationFrame(e);
-  });
-}, M = 0, Ne = function() {
-  return !!M;
-}, We = 250, _e = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, ee = [
-  "resize",
-  "load",
-  "transitionend",
-  "animationend",
-  "animationstart",
-  "animationiteration",
-  "keyup",
-  "keydown",
-  "mouseup",
-  "mousedown",
-  "mouseover",
-  "mouseout",
-  "blur",
-  "focus"
-], te = function(e) {
-  return e === void 0 && (e = 0), Date.now() + e;
-}, F = !1, Pe = function() {
-  function e() {
-    var t = this;
-    this.stopped = !0, this.listener = function() {
-      return t.schedule();
-    };
-  }
-  return e.prototype.run = function(t) {
-    var r = this;
-    if (t === void 0 && (t = We), !F) {
-      F = !0;
-      var n = te(t);
-      Me(function() {
-        var i = !1;
-        try {
-          i = Ae();
-        } finally {
-          if (F = !1, t = n - te(), !Ne())
-            return;
-          i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
-        }
-      });
-    }
-  }, e.prototype.schedule = function() {
-    this.stop(), this.run();
-  }, e.prototype.observe = function() {
-    var t = this, r = function() {
-      return t.observer && t.observer.observe(document.body, _e);
-    };
-    document.body ? r() : C.addEventListener("DOMContentLoaded", r);
-  }, e.prototype.start = function() {
-    var t = this;
-    this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), ee.forEach(function(r) {
-      return C.addEventListener(r, t.listener, !0);
-    }));
-  }, e.prototype.stop = function() {
-    var t = this;
-    this.stopped || (this.observer && this.observer.disconnect(), ee.forEach(function(r) {
-      return C.removeEventListener(r, t.listener, !0);
-    }), this.stopped = !0);
-  }, e;
-}(), G = new Pe(), re = function(e) {
-  !M && e > 0 && G.start(), M += e, !M && G.stop();
-}, Fe = function(e) {
-  return !V(e) && !Se(e) && getComputedStyle(e).display === "inline";
-}, He = function() {
-  function e(t, r) {
-    this.target = t, this.observedBox = r || $.CONTENT_BOX, this.lastReportedSize = {
-      inlineSize: 0,
-      blockSize: 0
-    };
-  }
-  return e.prototype.isActive = function() {
-    var t = ue(this.target, this.observedBox, !0);
-    return Fe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
-  }, e;
-}(), Ge = /* @__PURE__ */ function() {
-  function e(t, r) {
-    this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
-  }
-  return e;
-}(), I = /* @__PURE__ */ new WeakMap(), ne = function(e, t) {
-  for (var r = 0; r < e.length; r += 1)
-    if (e[r].target === t)
-      return r;
-  return -1;
-}, L = function() {
-  function e() {
-  }
-  return e.connect = function(t, r) {
-    var n = new Ge(t, r);
-    I.set(t, n);
-  }, e.observe = function(t, r, n) {
-    var i = I.get(t), s = i.observationTargets.length === 0;
-    ne(i.observationTargets, r) < 0 && (s && x.push(i), i.observationTargets.push(new He(r, n && n.box)), re(1), G.schedule());
-  }, e.unobserve = function(t, r) {
-    var n = I.get(t), i = ne(n.observationTargets, r), s = n.observationTargets.length === 1;
-    i >= 0 && (s && x.splice(x.indexOf(n), 1), n.observationTargets.splice(i, 1), re(-1));
-  }, e.disconnect = function(t) {
-    var r = this, n = I.get(t);
-    n.observationTargets.slice().forEach(function(i) {
-      return r.unobserve(t, i.target);
-    }), n.activeTargets.splice(0, n.activeTargets.length);
-  }, e;
-}(), Ve = function() {
-  function e(t) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (typeof t != "function")
-      throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-    L.connect(this, t);
-  }
-  return e.prototype.observe = function(t, r) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!K(t))
-      throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    L.observe(this, t, r);
-  }, e.prototype.unobserve = function(t) {
-    if (arguments.length === 0)
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-    if (!K(t))
-      throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-    L.unobserve(this, t);
-  }, e.prototype.disconnect = function() {
-    L.disconnect(this);
-  }, e.toString = function() {
-    return "function ResizeObserver () { [polyfill code] }";
-  }, e;
-}();
-const Xe = (e, t, r) => Math.min(Math.max(e, t), r), qe = B.aBox`
-  ${w("breadcrumbs.item.default")};
-  align-items: center;
-  transition: medium;
-  direction: initial;
-
-  &:hover {
-    ${w("breadcrumbs.item.hover")};
-  }
-
-  &[aria-current='page'] {
-    ${w("breadcrumbs.item.active")};
-  }
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-    cursor: default;
-  }
-`, Je = B.spanBox`
-  ${w("breadcrumbs.separator")};
-  display: flex;
-  align-items: center;
-`, Ue = ie(
-  ({ children: e, dataTestId: t, isActive: r, separator: n, ...i }, s) => {
-    const o = i.href || i.to;
-    return /* @__PURE__ */ g.createElement(
-      ze,
-      {
-        "aria-label": "breadcrumb",
-        as: "li",
-        "data-testid": t,
-        display: "inline-flex",
-        flex: "0 0 auto",
-        lineHeight: "normal"
-      },
-      n && /* @__PURE__ */ g.createElement(Je, { role: "presentation" }, n),
-      /* @__PURE__ */ g.createElement(
-        qe,
-        {
-          "aria-current": r ? "page" : void 0,
-          "aria-disabled": !o,
-          ...i,
-          ref: s
-        },
-        e
-      )
-    );
-  }
-), H = (e, t, r) => parseInt(e.substring(t, r), 16), Ye = (e) => /(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(e), Ke = (e) => {
-  if (!e || (e = e.replace("#", ""), !Ye(e)))
-    return;
-  e.length === 3 && (e = `${e[0]}${e[0]}${e[1]}${e[1]}${e[2]}${e[2]}`);
-  const t = (i) => H(i, 0, 2), r = (i) => H(i, 2, 4), n = (i) => H(i, 4, 6);
-  return `${t(e)}, ${r(e)}, ${n(e)}`;
-}, Qe = (e, t = 1) => e ? e.startsWith("#") ? `rgba(${Ke(e)}, ${t})` : e : void 0, fe = B.spanBox(
-  ({ gradientBackground: e, theme: t }) => oe`
-    left: 0;
-    background-image: ${he(t, e)};
-    transform-origin: left;
-  `
-), ve = B.spanBox(
-  ({ gradientBackground: e, theme: t }) => oe`
-    right: 0;
-    background-image: ${he(t, e, "left")};
-    transform-origin: right;
-  `
-), Ze = B.divBox`
-  ${w("breadcrumbs.list")};
-  height: 100%;
-  position: relative;
-  overflow-x: hidden;
-
-  ${fe},
-  ${ve} {
-    position: absolute;
-    bottom: 0;
-    top: 0;
-    width: 30;
-  }
-`, je = B.olBox`
-  display: inline-flex;
-  align-items: center;
-  max-width: 100%;
-  height: 100%;
-  overflow-x: auto;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  white-space: nowrap;
-`, he = (e, t, r = "right") => {
-  const n = w(`colors.${t}`)({ theme: e }), i = Qe(n, 0);
-  return `linear-gradient(to ${r}, ${n}, ${i} 100%)`;
-}, pe = ie(
-  ({
-    children: e,
-    gradientBackground: t = "neutral-10",
-    lastChildNotClickable: r = !0,
-    separator: n = /* @__PURE__ */ g.createElement(Re, { size: "xs" }),
-    ...i
-  }, s) => {
-    const o = _(null), l = _(), d = _(), [c, O] = q(!1), [f, N] = q(0), k = me.toArray(e).filter(Boolean), D = k.length, W = k.map((a, u) => {
-      const h = D === 1 || D === u + 1, p = h && r;
-      return xe(a, {
-        // eslint-disable-next-line react/no-array-index-key
-        key: `breadcrumb-${u}`,
-        separator: h ? void 0 : n,
-        isActive: p,
-        ...a.props
-      });
-    });
-    function y(a, u) {
-      a && (a.style.transform = `scale3d(${u}, 1, 1)`);
-    }
-    const m = J((a) => {
-      const u = 1 - a;
-      y(l.current, u), y(d.current, a);
-    }, []), T = J(() => {
-      const {
-        current: { offsetWidth: a, scrollLeft: u, scrollWidth: h }
-      } = o, p = h - a, R = Xe(Math.abs(u - f), 0, p) / p;
-      m(R);
-    }, [f, m]), S = Ee(
-      () => we(
-        (a) => {
-          const [
-            {
-              // Is offsetWidth really needed ?
-              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-              // @ts-ignore
-              target: { offsetWidth: u, scrollLeft: h, scrollWidth: p }
-            }
-          ] = a, b = p - u;
-          f || N(h === 0 ? 0 : b), O(b > 0);
-        },
-        300,
-        !1
-      ),
-      [f]
-    );
-    return U(() => {
-      const a = new Ve(S);
-      return a.observe(o.current), () => a.disconnect();
-    }, []), U(() => {
-      l.current && d.current && m(0);
-    }, [c, m]), /* @__PURE__ */ g.createElement(Ze, { as: "nav", ref: s, ...i }, c && /* @__PURE__ */ g.createElement(fe, { gradientBackground: t, ref: l }), /* @__PURE__ */ g.createElement(je, { dir: "rtl", onScroll: T, ref: o }, W.reverse()), c && /* @__PURE__ */ g.createElement(ve, { gradientBackground: t, ref: d }));
-  }
-);
-pe.displayName = "Breadcrumb";
-const at = Object.assign(pe, {
-  Item: Ue
-});
-export {
-  pe as B,
-  at as a,
-  Qe as h
-};