@vtex/admin-ui
Version:
> VTEX admin component library
1 lines • 167 kB
JavaScript
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@vtex/admin-ui-core"),n=require("@vtex/admin-ui-react"),r=require("@vtex/admin-ui-hooks"),a=require("@vtex/admin-ui-util"),i=require("react"),o=e(i),l=require("reakit/Role"),c=require("reakit/Popover"),s=require("reakit/Id"),u=require("@vtex/phosphor-icons"),d=require("reakit/Clickable"),m=require("@react-aria/i18n"),p=require("date-fns"),f=e(require("tiny-invariant")),g=require("reakit/Composite"),b=require("@react-aria/spinbutton"),h=require("@react-aria/utils"),v=require("reakit/Checkbox"),x=require("reakit/Button"),y=require("reakit"),C=require("reakit/VisuallyHidden"),E=require("@react-aria/listbox"),I=require("@react-stately/collections"),w=require("@react-stately/list"),S=require("ariakit/combobox"),$=require("ariakit/checkbox"),j=require("ariakit/composite"),O=require("ariakit/focusable"),k=require("reakit/Menu"),P=e(require("react-collapsed")),R=require("react-is"),T=require("reakit/Separator"),D=require("reakit/Tooltip"),F=require("reakit/Radio"),L=require("reakit/Dialog"),M=require("downshift"),A=require("reakit/Input"),V=require("reakit/Tab"),B=require("reakit/Tabbable"),H=require("reakit/Portal"),N=require("reakit/Toolbar"),z=require("react-device-detect"),q=require("use-debounce");function K(){return(K=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function W(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(a[n]=e[n]);return a}function Y(e,t){return t||(t=e.slice(0)),e.raw=t,e}require("tiny-warning");var X=t.style({display:"flex",justifyContent:"center",alignItems:"center"}),G=n.createComponent((function(e){return n.useElement("div",K({},e,{baseStyle:X}))}));G.displayName="Center";var U=n.createComponent((function(e){var t=e.state,o=t.visible,c=t.isDisabled,s=t.isReadOnly,u=t.show,d=t.pickerId,m=t.popoverId,p=t.segmentFocus,f=e.onKeyDown,g=e.onClick,b=e.onMouseDown,h=W(e,["state","onKeyDown","onClick","onMouseDown"]),v=i.useCallback((function(){a.isTouch()&&u()}),[u]),x=r.useOnKeyDown({onKey:f,keyMap:function(e){var t=e.altKey;return{ArrowDown:function(){t&&u()}}}}),y=i.useCallback((function(e){e.stopPropagation(),null==p||p()}),[p]);return n.useElement(l.Role,K({id:d,role:"button","aria-haspopup":"dialog","aria-expanded":o,"aria-owns":o?m:void 0,"aria-disabled":a.ariaAttr(c),"aria-readonly":a.ariaAttr(s),onKeyDown:a.callAllHandlers(f,x),onClick:a.callAllHandlers(g,v),onMouseDown:a.callAllHandlers(b,y)},h))})),_=t.style({bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$default"}),Z=n.createComponent((function(e){var t=e.state,r=W(e,["state"]);return n.useElement(c.Popover,K({id:t.popoverId,state:t,baseStyle:_},r))})),J=n.createComponent((function(e){var t=e.state,r=e.onMouseDown,i=W(e,["state","onMouseDown"]);return n.useElement(c.PopoverDisclosure,K({state:t,tabIndex:-1,disabled:t.isDisabled||t.isReadOnly,onMouseDown:a.callAllHandlers(r,(function(e){e.stopPropagation()}))},i))}));function Q(e){void 0===e&&(e={});var t=e.popoverId,n=e.isDisabled,r=e.isReadOnly,a=e.segmentFocus,i=s.unstable_useId({id:e.pickerId,baseId:"picker"}).id,o=s.unstable_useId({id:t,baseId:"popover"}).id,l=c.usePopoverState(K({modal:!0,gutter:4},e));return K({pickerId:i,popoverId:o,isDisabled:n,isReadOnly:r,segmentFocus:a},l)}function ee(e){var n=e.tone,r=e.variant;return t.style(K({color:"action."+n+"."+r,bg:"action."+n+"."+r,":hover":{color:"action."+n+"."+r+"Hover",bg:"action."+n+"."+r+"Hover"},":active":{color:"action."+n+"."+r+"Pressed",bg:"action."+n+"."+r+"Pressed"},":disabled":{bg:"tertiary"===r?"transparent":"$disabled",color:"$disabled"}},t.focusVisible(n)))}var te=t.style({text:"$action1",border:"none",borderRadius:"default",cursor:"pointer",position:"relative"}),ne=t.styleVariants({size:{normal:{marginY:"$-l"},large:{marginY:"$-xl"}}}),re=t.styleVariants({size:{normal:{marginX:"$-l"},large:{marginX:"$-xl"}}}),ae=t.styleVariants({variant:{primary:ee({tone:"main",variant:"primary"}),secondary:ee({tone:"main",variant:"secondary"}),tertiary:ee({tone:"main",variant:"tertiary"}),critical:ee({tone:"critical",variant:"primary"}),criticalSecondary:ee({tone:"critical",variant:"secondary"}),criticalTertiary:ee({tone:"critical",variant:"tertiary"}),neutralTertiary:ee({tone:"neutral",variant:"tertiary"})},size:{normal:{padding:"$s",height:"2.25rem"},large:{padding:"$m",height:"2.75rem"}}}),ie=t.style({text:"$action1"}),oe=t.styleVariants({loading:{true:{visibility:"hidden"},false:{visibility:"visible"}},iconPosition:{start:{flexDirection:"row",svg:{marginRight:"$s"}},end:{flexDirection:"row-reverse",svg:{marginLeft:"$xs"}}}}),le=t.style({text:"$action1",position:"absolute",bottom:0,top:0,left:0,right:0,svg:{size:"1.3rem"}}),ce=t.style({maxWidth:"19.75rem",display:"flex",flexDirection:"column",padding:"$l",'[aria-disabled="true"]':{color:"$disabled",bg:"transparent"},"[aria-selected] > button":{bg:"$action.main.primary",color:"$action.main.primary"}}),se=t.style({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:"$xl"}),ue=t.style(K({},te,ae({size:"normal",variant:"neutralTertiary"}),{display:"flex",alignItems:"center",justifyContent:"center"})),de=t.style({size:"2.25rem"}),me=t.style(K({},te,ae({size:"normal",variant:"neutralTertiary"}),{padding:0,marginBottom:"$s",text:"$action1",border:"none",cursor:"pointer",size:"2.25rem",borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center"})),pe=t.style({text:"$title1"}),fe=t.style({text:"$body",textDecoration:"none",color:"$secondary",paddingY:2,textAlign:"center",size:"2.25rem"}),ge=n.createComponent((function(e){var t=e.handler,r=e.state,o=r.focusNextMonth,l=r.focusPreviousMonth,c=r.focusPreviousYear,s=r.focusNextYear,u=e.onClick,m=W(e,["handler","state","onClick"]),p=i.useMemo((function(){return{nextMonth:{handle:o,ariaLabel:"Next Month"},previousMonth:{handle:l,ariaLabel:"Previous Month"},nextYear:{handle:s,ariaLabel:"Next Year"},previousYear:{handle:c,ariaLabel:"Previous Year"}}[t]}),[o,l,s,c]);return n.useElement(d.Clickable,K({baseStyle:ue,"aria-label":null==p?void 0:p.ariaLabel,onClick:a.callAllHandlers(u,null==p?void 0:p.handle)},m))})),be=n.createComponent((function(e){var t=e.state,i=t.isReadOnly,o=t.isDisabled,c=t.setFocused,s=t.selectFocusedDate,u=t.focusPreviousYear,d=t.focusPreviousMonth,m=t.focusNextYear,p=t.focusNextMonth,f=t.focusEndOfMonth,g=t.focusStartOfMonth,b=t.focusNextDay,h=t.focusPreviousDay,v=t.focusNextWeek,x=t.focusPreviousWeek,y=t.calendarId,C=e.onKeyDown,E=e.onBlur,I=e.onBlur,w=W(e,["state","onKeyDown","onBlur","onBlur"]),S=r.useOnKeyDown({onKeyDown:C,keyMap:function(e){var t=e.shiftKey;return{" ":s,Enter:s,End:f,Home:g,ArrowLeft:h,ArrowUp:x,ArrowRight:b,ArrowDown:v,PageUp:function(){t?u():d()},PageDown:function(){t?m():p()}}}});return n.useElement(l.Role,K({role:"grid","aria-labelledby":y,"aria-readonly":a.ariaAttr(i),"aria-disabled":a.ariaAttr(o),onKeyDown:a.callAllHandlers(C,S),onFocus:a.callAllHandlers(E,(function(){return c(!0)})),onBlur:a.callAllHandlers(I,(function(){return c(!1)}))},w))})),he={"001":1,AD:1,AE:6,AF:6,AI:1,AL:1,AM:1,AN:1,AT:1,AX:1,AZ:1,BA:1,BE:1,BG:1,BH:6,BM:1,BN:1,BY:1,CH:1,CL:1,CM:1,CR:1,CY:1,CZ:1,DE:1,DJ:6,DK:1,DZ:6,EC:1,EE:1,EG:6,ES:1,FI:1,FJ:1,FO:1,FR:1,GB:1,GE:1,GF:1,GP:1,GR:1,HR:1,HU:1,IE:1,IQ:6,IR:6,IS:1,IT:1,JO:6,KG:1,KW:6,KZ:1,LB:1,LI:1,LK:1,LT:1,LU:1,LV:1,LY:6,MC:1,MD:1,ME:1,MK:1,MN:1,MQ:1,MV:5,MY:1,NL:1,NO:1,NZ:1,OM:6,PL:1,QA:6,RE:1,RO:1,RS:1,RU:1,SD:6,SE:1,SI:1,SK:1,SM:1,SY:6,TJ:1,TM:1,TR:1,UA:1,UY:1,UZ:1,VA:1,VN:1,XK:1},ve=n.createComponent((function(e){var t=e.format,r=void 0===t?{month:"long",year:"numeric"}:t,a=e.state,i=a.calendarId,o=a.currentMonth,l=W(e,["format","state"]);return n.useElement("h2",K({id:i,"aria-live":"polite",children:m.useDateFormatter(r).format(null!=o?o:new Date),baseStyle:pe},l))})),xe=n.createComponent((function(e){var t,r=e.state.weekDays,a=e.dayIndex,i=W(e,["state","dayIndex"]);return n.useElement(l.Role,K({baseStyle:fe,"aria-label":null==r||null===(t=r[a])||void 0===t?void 0:t.title},i))})),ye=n.createComponent((function(e){return n.useElement("header",K({baseStyle:se},e))})),Ce=n.createComponent((function(e){var t=e.date,r=e.state.dateValue,i=W(e,["date","state"]),o=!!r&&p.isSameDay(t,r),c={"data-weekend":a.dataAttr(p.isWeekend(t))};return n.useElement(l.Role,K({baseStyle:de,role:"gridcell","aria-selected":a.ariaAttr(o)},c,i))})),Ee=n.createComponent((function(e){var t=e.date,o=e.state,l=o.isDisabled,c=o.month,s=o.isInvalidDateRange,u=o.dateValue,f=o.focusedDate,g=o.isFocused,b=o.selectDate,h=o.setFocusedDate,v=e.disabled,x=e.onClick,y=e.onFocus,C=e.ref,E=W(e,["date","state","disabled","onClick","onFocus","ref"]),I=i.useRef(null),w=t.getMonth()===c,S=l||!w||s(t),$=v||S,j=!!u&&p.isSameDay(t,u),O=g&&f&&p.isSameDay(t,f),k=p.isSameDay(t,new Date);i.useEffect((function(){O&&I.current&&a.ensureFocus(I.current)}),[t,f,O,I]);var P,R=i.useCallback((function(){$||(b(t),h(t))}),[t,$,b,h]),T=i.useCallback((function(){$||h(t)}),[t,$,h]),D=m.useDateFormatter({weekday:"long",day:"numeric",month:"long",year:"numeric"});return n.useElement(d.Clickable,K({baseStyle:me,ref:r.useForkRef(I,C),children:m.useDateFormatter({day:"numeric"}).format(t),"aria-label":(P=D.format(t),(k?"Today, ":"")+P+(j?" selected":"")),disabled:$,tabIndex:$?void 0:p.isSameDay(t,null!=f?f:new Date)?0:-1,onClick:a.callAllHandlers(x,R),onFocus:a.callAllHandlers(y,T)},E))})),Ie=n.createComponent((function(e){return n.useElement("abbr",K({baseStyle:{textDecoration:"none",text:"$body"}},e))})),we=n.createComponent((function(e){var t,r,a=e.state,i=W(e,["state"]);return n.useElement(l.Role,K({baseStyle:ce,role:"group","aria-labelledby":a.calendarId,children:o.createElement(o.Fragment,null,o.createElement(ye,null,o.createElement(ge,{state:a,handler:"previousMonth"},o.createElement(u.IconCaretLeft,null)),o.createElement(ve,{state:a}),o.createElement(ge,{state:a,handler:"nextMonth"},o.createElement(u.IconCaretRight,null))),o.createElement(be,{state:a,as:"table"},o.createElement("thead",null,o.createElement("tr",null,null==a||null===(t=a.weekDays)||void 0===t?void 0:t.map((function(e,t){return o.createElement(xe,{as:"th",scope:"col",key:t,dayIndex:t,state:a},o.createElement(Ie,{title:e.title},e.abbr))})))),o.createElement("tbody",null,null==a||null===(r=a.daysInMonth)||void 0===r?void 0:r.map((function(e,t){return o.createElement("tr",{key:t},e.map((function(e,t){return o.createElement(Ce,{state:a,date:e,as:"td",key:t},o.createElement(Ee,{state:a,date:e}))})))})))))},i))}));function Se(e){if(!e)return new Date;var t=e.year,n=e.month,r=e.day;return t>=0||f(!1),n>=0&&n<=11||f(!1),r>=1&&r<=31||f(!1),new Date(t,n,r)}function $e(e){var t=null!=e?e:new Date;return{year:p.getYear(t),month:p.getMonth(t),day:p.getDate(t)}}var je=i.forwardRef((function(e,t){var n=e.state,r=e.csx;return o.createElement(Z,{csx:void 0===r?{}:r,ref:t,state:n.pickerState},o.createElement(we,{state:n.calendarState}))}));je.displayName="DatePickerCalendar";var Oe=Object.assign(n.jsx("span")({variants:{variant:{pageTitle:{text:"$pageTitle"},title1:{text:"$title1"},title2:{text:"$title2"},action1:{text:"$action1"},action2:{text:"$action2"},display:{text:"$display"},body:{text:"$body"},detail:{text:"$detail"}},tone:{primary:{color:"$primary"},secondary:{color:"$secondary"},info:{color:"$info"},positive:{color:"$positive"},critical:{color:"$critical"},warning:{color:"$warning"}}}}),{displayName:"Text"});Oe.defaultProps={tone:"primary",variant:"body"};var ke=Object.assign(n.jsx("label")({text:"$body"}),{displayName:"Label"}),Pe=Object.assign(n.jsx("div")({display:"flex"},{options:["align","basis","grow","direction","shrink","justify","wrap","order"],useOptions:function(e,t){var n={basis:"flexBasis",direction:"flexDirection",wrap:"flexWrap",align:"alignItems",justify:"justifyContent",grow:"flexGrow",shrink:"flexShrink",order:"order"},r=t.csx,i=W(t,["csx"]),o=Object.keys(n);return K({},i,{csx:K({},a.renameKeys(n,a.pick(e,o)),r)})}}),{displayName:"Flex"}),Re=Object.assign(n.jsx("div")({flex:1,justifySelf:"stretch",alignSelf:"stretch"}),{displayName:"FlexSpacer"}),Te=t.style({display:"flex",justifyContent:"space-between",alignContent:"center",padding:"$s",height:52,width:288,borderRadius:4}),De=t.styleVariants({tone:{critical:{border:"$form.critical"},neutral:{border:"$form.neutral"}},disabled:{true:{border:"$disabled"}}}),Fe=t.style({text:"$detail",color:"$secondary"});function Le(e,t,n,r,a){if(void 0===a&&(a=!1),a){(e+=t>0?1:-1)<n&&(e=r);var i=Math.abs(t);(e=t>0?Math.ceil(e/i)*i:Math.floor(e/i)*i)>r&&(e=n)}else(e+=t)<n?e=r-(n-e-1):e>r&&(e=n+(e-r-1));return e}function Me(e){return e=e.replace(/[\u0660-\u0669]/g,(function(e){return String(e.charCodeAt(0)-1632)})).replace(/[\u06f0-\u06f9]/g,(function(e){return String(e.charCodeAt(0)-1776)})),Number(e)}function Ae(e){return/^[0-9\u0660-\u0669\u06f0-\u06f9]+$/.test(e)}var Ve=t.style({display:"flex"}),Be=t.style({cursor:"pointer",text:"$body",paddingY:0,bg:"$action.neutral.tertiary",color:"$action.neutral.tertiary",":disabled":{color:"$disabled"}}),He=t.styleVariants({literal:{true:{paddingX:"$xs"},false:{paddingX:"$s",":hover":{bg:"$action.neutral.tertiaryHover",color:"$action.neutral.tertiaryHover"},":active":{bg:"$action.neutral.tertiaryPressed",color:"$action.neutral.tertiaryPressed"},":focus":{bg:"$action.neutral.tertiaryHover",color:"$action.netural.tertiaryHover",outline:"none"}}}}),Ne=n.createComponent((function(e){var t=e.isDisabled,r=e.isReadOnly,o=e.isRequired,l=e.segment,c=e.state,u=e.onMouseDown,d=e.onKeyDown,p=e.onFocus,f=W(e,["isDisabled","isReadOnly","isRequired","segment","state","onMouseDown","onKeyDown","onFocus"]),v=c.next,x=c.dateFormatter,y=c.increment,C=c.decrement,E=c.incrementPage,I=c.decrementPage,w=c.setSegment,S=i.useMemo((function(){return t||r||"literal"===l.type}),[t,r,l.type]),$=s.unstable_useId({baseId:"datepicker-segment"}).id,j=i.useState(""),O=j[0],k=j[1],P=m.useDateFormatter({month:"long"}),R=m.useDateFormatter({hour:"numeric",hour12:x.resolvedOptions().hour12}),T=b.useSpinButton({value:l.value,textValue:ze(l,c,{month:P,hour:R}),minValue:l.minValue,maxValue:l.maxValue,isDisabled:t,isReadOnly:r,isRequired:o,onIncrement:function(){return y(l.type)},onDecrement:function(){return C(l.type)},onIncrementPage:function(){return E(l.type)},onDecrementPage:function(){return I(l.type)},onIncrementToMax:function(){return w(l.type,l.maxValue)},onDecrementToMin:function(){return w(l.type,l.minValue)}}).spinButtonProps,D=i.useCallback((function(e){var t=O+e;if("dayPeriod"===l.type)"a"===e?c.setSegment("dayPeriod",0):"p"===e&&c.setSegment("dayPeriod",12),c.next();else{if(!Ae(t))return;var n=Me(t),r=n;"hour"===l.type&&c.dateFormatter.resolvedOptions().hour12&&12===n?r=0:n>l.maxValue&&(r=Me(e)),c.setSegment(l.type,r),Number(n+"0")>l.maxValue?(k(""),c.next()):k(t)}}),[O,v,l.maxValue,l.type]),F=i.useCallback((function(e){if(!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey))switch(e.key){case"Enter":e.preventDefault(),v();break;case"Tab":break;case"Backspace":if(e.preventDefault(),Ae(l.text)&&!r){var t=l.text.slice(0,-1);w(l.type,0===t.length?l.minValue:Me(t)),k(t)}break;default:e.preventDefault(),e.stopPropagation(),Ae(e.key)||/^[ap]$/.test(e.key)}}),[v,D,l.minValue,l.text,l.type]),L=i.useCallback((function(){k("")}),[]),M=i.useCallback((function(e){return e.stopPropagation()}),[]),A=i.useMemo((function(){var e=K({state:c,disabled:S,tabIndex:S?-1:0,children:l.text},f);switch(l.type){case"literal":return K({},e,{baseStyle:K({},Be,He({literal:!0}))});case"era":return K({},e,{baseStyle:K({},Be,He({literal:!1}))});default:return h.mergeProps(T,K({},e,{"aria-label":l.type,onKeyDown:a.callAllHandlers(d,F),onFocus:a.callAllHandlers(p,L),onMouseDown:a.callAllHandlers(u,M),children:ze(l,c,{month:P,hour:R}),baseStyle:K({},Be,He({literal:!1}))}))}}),[l,c,S]);return n.useElement(g.CompositeItem,K({},A,{id:$,"aria-labelledby":$}))}));function ze(e,t,n){switch(e.type){case"hour":return n.hour.format(t.fieldValue).split(" ")[0];case"dayPeriod":return n.hour.format(t.fieldValue).split(" ")[1];default:var r;return null!==(r=t.showPlaceholder.current[e.type])&&void 0!==r&&r?e.placeholder:e.text}}var qe=n.createComponent((function(e){return n.useElement(g.Composite,K({baseStyle:Ve},e))})),Ke={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0},We={year:5,month:2,day:7,hour:2,minute:15,second:15},Ye={day:!1,month:!1,year:!1},Xe={day:!0,month:!0,year:!0},Ge={dayperiod:"dayPeriod"},Ue=n.createComponent((function(e){var t=e.state,r=e.label,a=e.disclosure,i=e.tone,l=void 0===i?"neutral":i,c=e.disabled,s=void 0!==c&&c,u=W(e,["state","label","disclosure","tone","disabled"]);return n.useElement("div",K({},u,{baseStyle:K({},Te,De({tone:l,disabled:s})),children:o.createElement(o.Fragment,null,o.createElement(Pe,{direction:"column"},o.createElement(ke,{csx:Fe},r),o.createElement(qe,{state:t},t.segments.map((function(e,n){return o.createElement(Ne,{isDisabled:s,key:"segment-element-"+n,segment:e,state:t})})))),a)}))})),_e=t.style(K({text:"$action1",border:"none",borderRadius:"default",cursor:"pointer",position:"relative",bg:"$action.neutral.tertiary",color:"$action.neutral.tertiary",":hover":{bg:"$action.neutral.tertiaryHover",color:"$action.neutral.tertiaryHover"},":active":{bg:"$action.neutral.tertiaryPressed",color:"$action.neutral.tertiaryPressed"},padding:"$narrow.s",height:"2.25rem"},t.focusVisible("neutral"))),Ze=i.forwardRef((function(e,t){var n=e.state,r=n.required,i=n.tone,l=n.pickerState,c=n.dateFieldState,s=n.disabled,d=e.label,m=e.helperText,p=e.criticalText,f="critical"===i&&p,g=m&&!f;return o.createElement(o.Fragment,null,o.createElement(U,{ref:t,"aria-invalid":a.ariaAttr("critical"===i),"aria-required":a.ariaAttr(r),state:l},o.createElement(Ue,{label:d,state:c,tone:i,disabled:s,disclosure:o.createElement(J,{state:l,csx:_e},o.createElement(G,{csx:{color:s?"$disabled":"$action.neutral.tertiary"}},o.createElement(u.IconCalendarBlank,null)))}),g&&o.createElement(Oe,{variant:"detail"},m),f&&o.createElement(Oe,{variant:"detail",tone:"critical"},p)))}));function Je(e){return e}Ze.displayName="DatePickerField";var Qe=Je(K({},t.focusVisible("neutral"),{bg:"$form.neutral",border:"$form.neutral",color:"$form.neutral",appearance:"none",borderRadius:"0.188rem",cursor:"pointer",display:"flex",margin:0,alignItems:"center",justifyContent:"center",":disabled":{bg:"$disabled",border:"$disabled",color:"$disabled"},":hover":{bg:"$form.neutralHover",border:"$form.neutralHover"},":active":{bg:"$form.neutralPressed",border:"$form.neutralPressed"}})),et=Je({content:'""',display:"block",boxSizing:"border-box",position:"absolute",left:"3px",top:"-1px",width:"6px",height:"10px",borderWidth:"0 2px 2px 0",borderStyle:"solid",transformOrigin:"bottom left",transform:"rotate(45deg)"}),tt=Je({bg:"$form.neutralChecked",color:"$form.neutralChecked",border:"$form.neutralChecked",position:"relative","&:after":et,"&[disabled]:after":et,":hover":{bg:"$form.neutralCheckedHover",border:"$form.neutralCheckedHover"},":active":{bg:"$form.neutralCheckedPressed",border:"$form.neutralCheckedPressed"},":disabled":{bg:"$disabled",border:"$disabled",color:"$disabled"}}),nt=Je({"&:after":{content:'""',width:"0.5rem",height:0,borderWidth:"0.063rem",borderStyle:"solid",borderLeft:0,borderRight:0,borderRadius:"0.188rem",borderColor:"currentColor"}}),rt=Je({size:"1rem",minWidth:"1rem",minHeight:"1rem"}),at=Je({size:"1.25rem",minWidth:"1.25rem",minHeight:"1.25rem"}),it=Object.assign(n.jsx(v.Checkbox)(K({},Qe,{":checked":tt,":indeterminate":nt,variants:{size:{regular:at,small:rt}}}),{options:["state"],useOptions:function(e,t){return K({},t,e.state)}}),{displayName:"Checkbox"});function ot(){var e=Y(["\n 100% {\n transform: rotate(360deg)\n }\n "]);return ot=function(){return e},e}function lt(){var e=Y(["\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n "]);return lt=function(){return e},e}it.defaultProps={size:"regular"};var ct=Object.assign(n.jsx("svg")({},{options:["color","size"],useOptions:function(e,t,r){var a=e.size,i=void 0===a?24:a,l=t.csx,c=r.keyframes,s=c(lt());return K({},t,{csx:K({animation:c(ot())+" 1.5s linear infinite",size:i},l),children:o.createElement(n.tag.circle,{cx:25,cy:25,r:20,csx:{fill:"none",stroke:"currentColor",strokeWidth:5,strokeLinecap:"round",animation:s+" 1s ease-in-out infinite"}})})}}),{displayName:"Spinner"});ct.defaultProps={focusable:"false",viewBox:"0 0 50 50"};var st=n.createHook((function(e){var t=e.icon,r=e.size,a=void 0===r?"normal":r,i=e.variant,l=void 0===i?"primary":i,c=e.iconPosition,s=void 0===c?"start":c,u=e.loading,d=void 0!==u&&u,m=e.disabled,p=void 0!==m&&m,f=e.bleedY,g=void 0!==f&&f,b=e.bleedX,h=void 0!==b&&b,v=e.children,x=W(e,["icon","size","variant","iconPosition","loading","disabled","bleedY","bleedX","children"]),y=g?ne({size:a}):{},C=h?re({size:a}):{};return K({baseStyle:K({},te,ae({variant:l,size:a}),y,C),children:o.createElement(G,null,o.createElement(G,{csx:K({},ie,oe({loading:d,iconPosition:s}))},t&&o.createElement(n.IconContainer,{size:"start"===s?"regular":"small"},t),v),d?o.createElement(G,{csx:le},o.createElement(ct,null)):null),disabled:p||d},x)})),ut=n.createComponent((function(e){var t=st(e);return n.useElement(x.Button,t)})),dt=n.createComponent((function(e){return n.useElement(Z,K({baseStyle:K({text:"$body",boxShadow:"$overlay.bottom",border:"$neutral",borderRadius:"default",bg:"$primary",display:"flex",flexDirection:"column",justifyContent:"space-between",width:256,zIndex:999},t.focusVisible("neutral"))},e))})),mt=n.createComponent((function(e){var t=e.isContentScrollable,r=void 0!==t&&t,a=W(e,["isContentScrollable"]);return n.useElement(y.Role,K({baseStyle:{borderTop:r?"$neutral":"none",padding:"$l",paddingTop:r?void 0:0,display:"flex",justifyContent:"end","button:not(:first-child)":{marginLeft:"$l"}}},a))})),pt=function(e){return K({},te,ae({size:"normal"}),{marginRight:"$s",display:"flex",alignItems:"center",justifyContent:"center",text:"$action2",bg:"$action.neutral.secondary",color:"$secondary",padding:"$s",":hover":{bg:"$action.neutral.secondaryHover",color:"$secondary"},":active":{bg:"$action.neutral.secondaryPressed",color:"$secondary"},svg:{marginLeft:"$xs"}})}(),ft=function(e){var t=e.state,n=e.children,r=W(e,["state","children"]);return o.createElement(J,Object.assign({state:t,csx:pt,tabIndex:0},r),n)},gt={"en-US":{apply:"Apply",clear:"Clear",clearAll:"Clear all"},"fr-FR":{apply:"Appliquer",clear:"Dégager",clearAll:"Tout effacer"},"pt-BR":{apply:"Aplicar",clear:"Limpar",clearAll:"Limpar todos"},"ja-JP":{apply:"申し込み",clear:"クリア",clearAll:"すべてクリア"},"ko-KR":{apply:"적용하다",clear:"분명한",clearAll:"모두 지우기"},"it-IT":{apply:"Applicare",clear:"Chiaro",clearAll:"Cancella tutto"},"nl-NL":{apply:"Van toepassing zijn",clear:"Doorzichtig",clearAll:"Wis alles"},"ro-RO":{apply:"Aplica",clear:"Clar",clearAll:"Curata tot"},"bg-BG":{apply:"Приложи",clear:"ясно",clearAll:"изчисти всичко"}};function bt(e){var t,r,a=e.state,i=e.children,l=e.appliedValuesLabel,c=a.onClear,s=a.onChange,d=a.popover,p=a.label,f=a.labelProps,g=a.ref,b=a.listBoxProps,h=m.useMessageFormatter(gt);return o.createElement(o.Fragment,null,o.createElement(C.VisuallyHidden,null,o.createElement("div",Object.assign({},f),p)),o.createElement(ft,Object.assign({state:d},f),p,l,o.createElement(u.IconCaretUp,{size:"small",csx:{transform:"rotate("+(d.visible?0:180)+"deg)",marginLeft:"$s"}})),o.createElement(dt,{state:d,"aria-label":p},o.createElement(n.tag.ul,Object.assign({ref:g,csx:{display:"flex",flexDirection:"column",padding:"$l",marginTop:"$m",maxHeight:312,overflowY:"auto","> *:not(:last-child)":{marginBottom:"$xl"}}},b),i),o.createElement(mt,{isContentScrollable:(null==g||null===(t=g.current)||void 0===t?void 0:t.scrollHeight)>(null==g||null===(r=g.current)||void 0===r?void 0:r.clientHeight)},o.createElement(ut,{variant:"tertiary",onClick:c},h("clear")),o.createElement(ut,{onClick:s},h("apply")))))}var ht=function(e){var r=e.item,a=e.state,l=e.inputRenderer,c=i.useRef(null),s=E.useOption({key:r.key},a,c),u=s.isSelected;return o.createElement(n.tag.li,Object.assign({},s.optionProps,{ref:c,csx:K({display:"flex",cursor:"pointer"},t.focusVisible("main"))}),l({isSelected:u}),o.createElement(n.tag.span,{csx:{marginLeft:"$m",textOverflow:"ellipsis",overflow:"hidden"}},r.rendered))},vt=function(e){return e},xt=vt({content:'""',position:"absolute",display:"block",borderRadius:"circle",top:"0.3rem",bg:"$form.neutral"}),yt=vt(K({},t.focusVisible("neutral"),{bg:"$form.neutral",border:"$form.neutral",color:"$form.neutral",appearance:"none",position:"relative",borderRadius:"circle",cursor:"pointer",display:"flex",margin:0,alignItems:"center",justifyContent:"center",":disabled":{bg:"$disabled",border:"$disabled",color:"$disabled",cursor:"not-allowed"},":hover":{bg:"$form.neutralHover",border:"$form.neutralHover"},":active":{bg:"$form.neutralPressed",border:"$form.neutralPressed"}})),Ct=vt({bg:"$form.neutralChecked",color:"$form.neutralChecked",border:"$form.neutralChecked",position:"relative","&:after":K({},xt,{bg:function(e){return a.get(e,"fg.form.neutralChecked","")}}),"&[disabled]:after":K({},xt,{bg:function(e){return a.get(e,"fg.disabled","")}}),":disabled":{cursor:"not-allowed",bg:"$disabled",border:"$disabled"},":hover":{bg:"$form.neutralCheckedHover",border:"$form.neutralCheckedHover"},":active":{bg:"$form.neutralCheckedPressed",border:"$form.neutralCheckedPressed"}}),Et=vt({size:"1.25rem",padding:"0.3rem",":after":{size:"0.5rem"}}),It=vt({size:"1rem",padding:1,":after":{size:"0.375rem"}}),wt=function(e){var t=e.checked;return n.useElement("input",{baseStyle:K({},yt,{":after":xt,":checked":Ct},Et),checked:t,type:"radio",readOnly:!0})};function St(e){var t=e.items,n=e.label,r=e.initialApplied,a=e.onChange,l=void 0===a?function(){}:a,c={items:t,children:function(e){return o.createElement(I.Item,{key:e.id},e.label)},selectionMode:e.selectionMode},s=i.useState(r||[]),u=s[0],d=s[1],m=i.useRef(null),p=Q({placement:"bottom-start",baseId:"filter-picker"}),f=w.useListState(K({},c,{defaultSelectedKeys:r})),g=E.useListBox(K({},c,{"aria-label":n}),f,m),b=g.listBoxProps,h=g.labelProps,v=i.useCallback((function(){var e=Array.from(f.selectionManager.selectedKeys.values());d(e),l({selected:e}),p.hide()}),[l]),x=i.useCallback((function(){f.selectionManager.clearSelection(),d([]),l({selected:[]}),p.hide()}),[l]);i.useEffect((function(){p.visible||(f.selectionManager.setSelectedKeys(u),f.selectionManager.setFocusedKey(t[0].id))}),[p.visible]);var y=i.useMemo((function(){return u.map((function(e){return f.collection.getItem(e).value}))}),[u,f.collection]);return{popover:p,onClear:x,onChange:v,listState:f,appliedItems:y,appliedKeys:u,selectedKeys:Array.from(f.selectionManager.selectedKeys.values()),ref:m,listBoxProps:b,label:n,labelProps:h}}function $t(e){void 0===e&&(e={});var t=e.timeoutMs,n=void 0===t?250:t,a=e.list,o=e.getOptionValue,l=void 0===o?function(e){return"string"==typeof e?e:JSON.stringify(e)}:o,c=e.renderOption,s=void 0===c?function(e){return"string"==typeof e?e:JSON.stringify(e)}:c,u=W(e,["timeoutMs","list","getOptionValue","renderOption"]),d=S.useComboboxState(K({gutter:4},u)),m=r.useDebounce(d.value,n)[0],p=i.useState(a||[]),f=p[0],g=p[1],b=i.useState(),h=b[0],v=b[1],x=i.useState(!1),y=x[0],C=x[1],E=i.useState(!1),I=E[0],w=E[1];i.useEffect((function(){if(a){var e=d.value.toLocaleLowerCase();g(""===e?a:a.filter((function(t){return l(t).toLocaleLowerCase().indexOf(e)>-1})))}}),[d.value]);var $=i.useMemo((function(){if(y)return"loading";if(I)return"error";var e=!f.length;return e&&""===m?"empty-search":e?"no-result":"ready"}),[y,I,f,d.value]);return K({},d,{deferredValue:m,setError:w,setLoading:C,status:$,getOptionValue:l,renderOption:s,setSelectedItem:v,selectedItem:h,setMatches:g,matches:f})}var jt,Ot=n.createComponent((function(e){var t=S.useComboboxItem(e);return n.useElement("div",K({},t,{children:e.children,baseStyle:e.style||{}}))})),kt=Object.assign(n.jsx("div")(((jt={position:"relative",display:"flex",justifyContent:"flex-start",flexDirection:"column"})["input:focus + label, textarea:focus + label"]={transform:"translate(1px, 4px) scale(0.875)"},jt["input:placeholder-shown:not(:focus) + label, textarea:placeholder-shown:not(:focus) + label"]={paddingTop:1},jt["input:not(:placeholder-shown) + label, textarea:not(:placeholder-shown) + label"]={transform:"translate(1px, 4px) scale(0.875)"},jt)),{displayName:"FieldContainer"}),Pt=Object.assign(n.jsx("label")({text:"$body",left:12,paddingTop:2,color:"$secondary",marginBottom:3,position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}),{displayName:"FloatingLabel"}),Rt=Object.assign(n.jsx(l.Role)({display:"flex",justifyContent:"space-between",alignItems:"",paddingTop:1},{options:["message","charLimit","value","tone"],useOptions:function(e,t){var n=e.message,r=e.charLimit,a=e.value;return K({},t,{children:o.createElement(o.Fragment,null,n?o.createElement(Oe,{variant:"detail",tone:"critical"===e.tone?"critical":"secondary"},n):o.createElement("div",null),!!r&&o.createElement(Oe,{variant:"detail",tone:"secondary"},(null==a?void 0:a.toString().length)+"/"+r))})}}),{displayName:"FieldDetails"}),Tt=t.style({width:"21.625rem"}),Dt=t.style({width:"21.625rem",height:"3rem",paddingX:"$3",text:"$body",paddingTop:"$4",bg:"$form.neutral",border:"$form.neutral",borderRadius:"$default",marginY:"$1",color:"$form.neutral",outline:0,transition:"snap",":hover":{border:"$form.neutralHover"},":focus":{border:"$form.neutralFocus",boxShadow:"$ring.neutral"},":disabled":{bg:"$disabled",color:"$disabled"}}),Ft=t.style({right:0,top:1,height:"2.875rem",paddingRight:"$3",position:"absolute",display:"flex",color:"$primary"}),Lt=t.style({marginTop:"$2",marginRight:"$1",color:"$secondary"}),Mt=t.style({width:"21.625rem",padding:"$3",bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$default",zIndex:9999999}),At=t.style({text:"$body",borderRadius:"$default",paddingY:"$2",paddingX:"$3",cursor:"pointer","&[data-active-item]":{bg:"$action.neutral.tertiaryPressed",color:"$action.neutral.tertiaryPressed"},":hover":{bg:"$action.neutral.tertiaryHover",color:"$action.neutral.tertiaryHover"}}),Vt=t.style(K({},At,{display:"flex",justifyContent:"space-between",alignItems:"center",outline:"none"})),Bt=t.style({bg:"$action.neutral.secondary",color:"$primary",text:"$body",paddingY:"$m",paddingX:"$m",borderRadius:"$default",":hover":{bg:"$action.neutral.secondaryHover"},":active":{bg:"$action.neutral.secondaryPressed"}}),Ht=t.style({padding:0,marginLeft:"$m",bg:"transparent",display:"flex",alignItems:"center",justifyContent:"center",color:"$secondary"}),Nt=t.style({width:500,display:"flex",cursor:"text",position:"relative",border:"$form.neutral",borderRadius:"$default",paddingY:"$l",paddingX:"$l",":hover":{border:"$form.neutralHover"},":focus-within":{border:"$form.neutralFocus"}}),zt=t.style({position:"absolute",text:"$body",zIndex:2,left:12,color:"$secondary",transformOrigin:"top left",transition:"all 0.2s ease-out;"}),qt=t.styleVariants({reduced:{true:{transform:"translate(1px, 0px) scale(0.875)"},false:{transform:"translate(0, 9px) scale(1)"}}}),Kt={placeholder:" "},Wt=n.createComponent((function(e){var t=e.state,r=e.label,a=e.id,i=W(e,["state","label","id"]),l=n.useSystem();return n.useElement("div",K({},i,{children:o.createElement(kt,{csx:Tt},o.createElement(S.Combobox,Object.assign({},Kt,{className:(0,l.cn)(Dt),id:a,state:t})),o.createElement(Pt,{htmlFor:a},r),""!==t.value&&o.createElement(n.tag.div,{csx:Ft},o.createElement(ut,{variant:"neutralTertiary",as:S.ComboboxCancel,state:t,icon:o.createElement(u.IconXCircle,null),csx:Lt})))}))})),Yt={"en-US":{error:"Something went wrong",retry:"Try again",noResultsTitle:"No options match your search",noResultsSubtitle:"Try using different terms",searchPlaceholder:"Start typing to search"},"es-AR":{error:"Algo salió mal",retry:"Intentar otra vez",noResultsTitle:"Ninguna opción coincide con su búsqueda",noResultsSubtitle:"Intenta usar términos diferentes",searchPlaceholder:"Empieza a escribir para buscar"},"fr-FR":{error:"Quelque chose s'est mal passé",retry:"Réessayer",noResultsTitle:"Aucune option ne correspond à votre recherche",noResultsSubtitle:"Essayez d'utiliser des termes différents",searchPlaceholder:"Commencez à taper pour rechercher"},"pt-BR":{error:"Algo deu errado",retry:"Tente novamente",noResultsTitle:"Nenhuma opção corresponde à sua pesquisa",noResultsSubtitle:"Tente usar termos diferentes",searchPlaceholder:"Comece a digitar para pesquisar"},"ja-JP":{error:"何かがうまくいかなかった",retry:"再試行",noResultsTitle:"検索に一致するオプションはありません",noResultsSubtitle:"別の用語を使用してみてください",searchPlaceholder:"検索するために入力を開始します"},"ko-KR":{error:"문제가 발생했습니다.",retry:"다시 시도하십시오",noResultsTitle:"검색어와 일치하는 옵션이 없습니다",noResultsSubtitle:"다른 용어를 사용해 보세요",searchPlaceholder:"검색을 위해 입력 시작"},"it-IT":{error:"Qualcosa è andato storto",retry:"Riprova",noResultsTitle:"Nessuna opzione corrisponde alla tua ricerca",noResultsSubtitle:"Prova a usare termini diversi",searchPlaceholder:"Inizia a digitare per cercare"},"nl-NL":{error:"Er is iets fout gegaan",retry:"Probeer het opnieuw",noResultsTitle:"Er zijn geen opties die overeenkomen met uw zoekopdracht",noResultsSubtitle:"Probeer andere termen te gebruiken",searchPlaceholder:"Begin met typen om te zoeken"},"ro-RO":{error:"Ceva n-a mers bine",retry:"Încearcă din nou",noResultsTitle:"Nicio opțiune nu se potrivește căutării dvs",noResultsSubtitle:"Încercați să utilizați termeni diferiți",searchPlaceholder:"Începeți să tastați pentru a căuta"},"bg-BG":{error:"Нещо се обърка",retry:"Опитай пак",noResultsTitle:"Няма опции, отговарящи на вашето търсене",noResultsSubtitle:"Опитайте да използвате различни термини",searchPlaceholder:"Започнете да пишете, за да търсите"}},Xt={"en-US":{removeLabel:"Remove item"},"es-AR":{removeLabel:"Remover el artículo"},"fr-FR":{removeLabel:"Retirer l'objet"},"pt-BR":{removeLabel:"Remover item"},"ja-JP":{removeLabel:"アイテムを削除"},"ko-KR":{removeLabel:"항목 제거"},"it-IT":{removeLabel:"Rimuovi oggetto"},"nl-NL":{removeLabel:"Verwijder voorwerp"},"ro-RO":{removeLabel:"Eliminați elementul"},"bg-BG":{removeLabel:"Премахни артикул"}},Gt={"en-US":{placeholder:"Keep typing..."},"es-AR":{placeholder:"Sigue escribiendo..."},"fr-FR":{placeholder:"Continuez à taper..."},"pt-BR":{placeholder:"Continue digitando..."},"ja-JP":{placeholder:"入力を続けてください..."},"ko-KR":{placeholder:"계속 타자..."},"it-IT":{placeholder:"Continua a scrivere..."},"nl-NL":{placeholder:"Blijf typen..."},"ro-RO":{placeholder:"Continuă să tastezi..."},"bg-BG":{placeholder:"Продължавайте да пишете..."}},Ut=Object.assign(n.jsx("p")({text:"$body"}),{displayName:"Paragraph"}),_t=n.createComponent((function(e){var t=e.state,r=e.onRetry,a=void 0===r?function(){return null}:r,i=e.children,l=W(e,["state","onRetry","children"]),c=t.status,s=W(t,["deferredValue","status"]),u=m.useMessageFormatter(Yt);return n.useElement(S.ComboboxPopover,K({},l,{state:K({},s,{matches:[]}),baseStyle:Mt,children:function(){switch(c){case"ready":return o.createElement(o.Fragment,null,i);case"loading":return o.createElement(n.tag.div,{csx:{margin:2}},o.createElement(ct,null));case"error":return o.createElement(n.tag.div,{csx:{margin:2}},o.createElement(Oe,{as:"h2",variant:"title2"},u("error")),o.createElement(ut,{csx:{marginLeft:"-4"},onClick:a,variant:"tertiary"},u("retry")));case"empty-search":return o.createElement(n.tag.div,{csx:{margin:2}},o.createElement(Ut,{csx:{color:"$secondary"}},u("searchPlaceholder")));case"no-result":return o.createElement(n.tag.div,{csx:{margin:2}},o.createElement(Oe,{as:"h2",variant:"title2"},u("noResultsTitle")),o.createElement(Ut,{csx:{color:"$secondary"}},u("noResultsSubtitle")))}}()}))})),Zt=n.createComponent((function(e){return n.useElement(_t,K({},e,{children:e.state.matches.map((function(t){var n=e.state.getOptionValue(t),r=e.state.renderOption(t);return o.createElement(Ot,{key:n,value:n,onClick:function(){e.state.setSelectedItem(t)},style:At},r)}))}))}));function Jt(e){var t=e.children,n=e.onChange,r=e.item,a=e.isSelected,i=W(e,["children","onChange","item","isSelected"]),l=a(r);return o.createElement(Ot,Object.assign({"aria-selected":l,style:Vt,onClick:function(){return null==n?void 0:n(r)}},i),t,o.createElement($.CheckboxCheck,{checked:l}))}var Qt={"aria-multiselectable":!0},en=n.createComponent((function(e){return n.useElement(_t,K({},e,Qt,{children:e.state.matches.map((function(t){var n=e.state.getOptionValue(t),r=e.state.renderOption(t),a=e.state;return o.createElement(Jt,{item:t,key:n,value:n,isSelected:a.isSelected,onChange:a.onChange},r)}))}))})),tn=n.createComponent((function(e){var t=e.vSpace,r=void 0===t?"$s":t,a=e.hSpace,i=void 0===a?"$s":a,o=e.noWrap,l=void 0!==o&&o,c=e.align,s=void 0===c?"start":c,u=W(e,["vSpace","hSpace","noWrap","align"]);return n.useElement("div",K({},u,{baseStyle:{display:"flex",flexWrap:l?"nowrap":"wrap",alignItems:s,"> *":{marginLeft:i,marginTop:r}}}))})),nn=n.createComponent((function(e){var r=e.top,a=void 0===r?"0rem":r,i=e.left,l=void 0===i?"0rem":i,c=e.bottom,s=void 0===c?"0rem":c,u=e.right,d=void 0===u?"0rem":u,m=e.children,p=W(e,["top","left","bottom","right","children"]);return n.useElement("div",K({},p,{children:o.createElement(n.tag.div,{csx:{position:"relative"}},m),baseStyle:{marginTop:t.negative(a),marginLeft:t.negative(l),marginBottom:t.negative(s),marginRight:t.negative(d)}}))})),rn=Object.assign(n.jsx("div")({}),{displayName:"Box"});function an(e){var t=e.value,r=e.onDismiss,a=W(e,["value","onDismiss"]),i=m.useMessageFormatter(Xt);return o.createElement(j.CompositeItem,Object.assign({},a),(function(e){return o.createElement(n.tag.div,Object.assign({as:O.Focusable,csx:Bt},e),o.createElement(Pe,{justify:"space-between",align:"center"},o.createElement(Ut,null,t),o.createElement(n.tag.button,{tabIndex:-1,onClick:r,csx:Ht,"aria-label":i("removeLabel")},o.createElement(u.IconX,{size:"small"}))))}))}var on=n.createComponent((function(e){var t=e.state,r=e.id,a=e.label,l=W(e,["state","defaultValue","value","list","children","id","label"]),c=t.selectedItems,s=t.value,d=t.unselect,p=t.clearSelected,f=t.getOptionValue,g=t.renderTag,b=j.useCompositeState(),h=i.useRef(null),v=o.useState(!1),x=v[0],y=v[1],C=m.useMessageFormatter(Gt),E=""!==s.trim(),I=c.length>0,w=x||I||E,$=x||I;return n.useElement("div",K({},l,{baseStyle:K({},Nt,{input:{border:"none",outline:"none",paddingY:w?"$m":0}}),onClick:function(e){var t;e.preventDefault(),e.stopPropagation(),null===(t=h.current)||void 0===t||t.focus()},children:o.createElement(o.Fragment,null,o.createElement(rn,{csx:{flex:1}},o.createElement(ke,{csx:K({},zt,qt({reduced:w})),htmlFor:r},a),o.createElement(nn,{left:"$m",csx:{paddingTop:"0.75rem",bg:"transparent"}},o.createElement(j.Composite,{state:b},o.createElement(tn,{hSpace:"$m",vSpace:"$l"},c.length>0&&c.map((function(e){return o.createElement(an,{key:f(e),value:g(e),onKeyDown:function(t){return function(e,t){var n;if(function(e){var t=e.keyCode;return t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122}(e))null===(n=h.current)||void 0===n||n.focus();else if(function(e){return 8===e.keyCode}(e)){var r;1===c.length?null===(r=h.current)||void 0===r||r.focus():b.move(b.activeId===b.first()?b.next():b.previous()),d(t)}}(t,e)},onDismiss:function(){d(f(e))}})})),o.createElement(n.tag.input,{as:S.Combobox,ref:h,state:t,id:r,onFocus:function(){return y(!0)},onBlur:function(){return y(!1)},placeholder:$?C("placeholder"):" ",onKeyDown:function(e){var t;s.length>0||8===e.keyCode&&(null==h||null===(t=h.current)||void 0===t||t.blur(),b.move(b.last()))}}))))),o.createElement(Pe,{align:"flex-start",justify:"flex-end",csx:{width:48}},c.length>0&&o.createElement(ut,{variant:"neutralTertiary",icon:o.createElement(u.IconXCircle,null),onClick:p,csx:{color:"$secondary"}})))}))})),ln=t.tokens.breakpoints.map((function(e){return"(min-width: "+e+")"}));function cn(e,t){return"object"!=typeof e?e:a.get(e,t,e)}var sn=n.createHook((function(e){var t,n,o,l,c,s=e.direction,u=void 0===s?"column":s,d=e.fluid,m=void 0!==d&&d,p=e.align,f=void 0===p?"start":p,g=e.space,b=void 0===g?"$m":g,h=W(e,["direction","fluid","align","space"]),v=(n=a.isBrowser&&"matchMedia"in window,o=i.useState(ln.map((function(e){return n&&window.matchMedia(e).matches}))),l=o[0],c=o[1],r.useSafeLayoutEffect((function(){if(n){var e=ln.map((function(e){return window.matchMedia(e)})),t=e.map((function(e,t){var n=function(){return c((function(n){return n.map((function(n,r){return t===r?!!e.matches:n}))}))};return e.addEventListener("change",n),n}));return function(){e.forEach((function(e,n){e.removeEventListener("change",t[n])}))}}}),[]),{breakpoint:i.useMemo((function(){return l[3]?"widescreen":l[2]?"desktop":l[1]?"tablet":"mobile"}),[l]),matches:l}).breakpoint,x=cn(u,v),y=cn(m,v),C=cn(f,v),E=cn(b,v),I="column"===x;return K({},h,{baseStyle:{display:"flex",flexDirection:x,alignItems:y?"unset":I?C:"center",justifyContent:y||I?"unset":C,"> *:not(:first-child)":(t={},t[I?"marginTop":"marginLeft"]=E,t)}})})),un=n.createComponent((function(e){var t=sn(e);return n.useElement("div",t)})),dn=Object.assign(n.jsx("div")({display:"flex"},{options:["orientation","fluid","spacing","align"],useOptions:function(e,t){var r=e.orientation,a=void 0===r?"horizontal":r,i=e.fluid,o=void 0!==i&&i,l=e.spacing,c=void 0===l?1:l,s=e.align,u=void 0===s?"start":s,d=t.csx,m=W(t,["csx"]),p=n.useResponsiveValue(a),f=n.useResponsiveValue(u),g="vertical"===p;return K({},m,{csx:K({flexDirection:g?"column":"row",alignItems:o?"unset":g?f:"center",justifyContent:o||g?"unset":f},{horizontal:{"> *:not(:first-child)":{marginLeft:c}},vertical:{"> *:not(:last-child)":{marginBottom:c}}}[p],d)})}}),{displayName:"Set"});function mn(){var e=Y(["\n 0% {\n background-position: -200px 0;\n }\n 100% {\n background-position: calc(200px + 100%) 0;\n }\n "]);return mn=function(){return e},e}var pn=Object.assign(n.jsx("div")({display:"inline-block",width:"full",height:"full",bg:"$skeleton",backgroundSize:"200px 100%",backgroundRepeat:"no-repeat",lineHeight:1,borderRadius:3,variants:{shape:{rect:{borderRadius:"default"},circle:{borderRadius:"circle"}}}},{useOptions:function(e,t,n){var r=n.keyframes,a=t.csx;return K({},W(t,["csx"]),{csx:K({animation:r(mn())+" 1.2s ease-in-out infinite"},a)})}}),{displayName:"Skeleton"});function fn(e){return k.useMenuState(K({gutter:4},e))}pn.defaultProps={shape:"rect"};var gn=i.createContext(null);function bn(){var e=i.useContext(gn);return e||f(!1),e}var hn=Object.assign(n.jsx("div")({},{options:["hideOnClick","state"],useOptions:function(e,t){var n=t.children;return K({},W(t,["children"]),{children:o.createElement(gn.Provider,{value:e},n)})}}),{displayName:"Menu"}),vn=i.forwardRef((function(e,t){var n=e.children,r=e.display,a=void 0===r?"menu":r,i=W(e,["children","display"]),l=bn(),c="actions"===a,s=c?"start":"end";return o.createElement(ut,Object.assign({as:k.MenuButton},l.state,{ref:t,icon:o.createElement(c?u.IconDotsThreeVertical:u.IconCaretDown,null),iconPosition:s},i),n)}));function xn(e){return e}var yn=xn({marginY:"2px",paddingX:1,text:"$action2",border:"none",textTransform:"initial",width:"full",div:{justifyContent:"flex-start"},height:32,svg:{margin:1,size:20,minWidth:20,minHeight:20,marginLeft:0,marginRight:2},borderRadius:"default",cursor:"pointer",position:"relative"});function Cn(e){return K({},t.focusVisible(e),{bg:"$action."+e+".tertiary",color:"$action."+e+".tertiary",":hover":{color:"$action."+e+".tertiaryHover",bg:"$action."+e+".tertiaryHover"},":active":{color:"$action."+e+".tertiaryPressed",bg:"$action."+e+".tertiaryPressed"},":disabled":{color:"$disabled",bg:"$disabled"}})}var En=xn({outline:"none",zIndex:999,display:"flex",flexDirection:"column",bg:"$primary",padding:3,minWidth:18,border:"$neutral",borderRadius:3,boxShadow:"$overlay.center"}),In=xn({marginY:2,borderBottom:"$neutral",width:function(e){var t;return"calc(100% -"+(null===(t=e.space)||void 0===t?void 0:t[3])+")"},marginX:function(e){var t;return"-"+(null===(t=e.space)||void 0===t?void 0:t[3])},outline:"none"}),wn=Object.assign(n.jsx(k.Menu)(En,{options:[],useOptions:function(e,t){var r=t.children;return K({},W(t,["children"]),{state:bn().state,children:o.createElement(n.IconContainer,{size:"small"},r)})}}),{displayName:"MenuList"}),Sn=Object.assign(n.jsx(k.MenuSeparator)(In),{displayName:"MenuSeparator"}),$n=Object.assign(n.jsx(k.MenuItem)(K({},yn,{variants:{tone:{main:Cn("main"),critical:Cn("critical")}}}),{options:["icon"],useOptions:function(e,t){var r=t.children,a=t.onClick,i=t.type,l=void 0===i?"button":i,c=W(t,["children","onClick","type"]),s=e.icon,u=bn(),d=u.hideOnClick,m=u.state;return K({},c,{type:l,state:m,onClick:function(e){d&&m.hide(),null==a||a(e)},children:o.createElement(n.tag.div,{csx:{display:"flex",alignItems:"center",justifyContent:"center"}},s," ",r)})}}),{displayName:"MenuItem"});$n.defaultProps={tone:"main"};var jn=i.createContext(null);function On(){var e=i.useContext(jn);return e||f(!1),e}function kn(e){var t=e.children,n=W(e,["children"]);return o.createElement(jn.Provider,{value:K({},n)},t)}var Pn=i.createContext({grouped:!1});function Rn(e){var t=e.grouped;return o.createElement(Pn.Provider,{value:{grouped:void 0===t||t}},e.children)}var Tn=Object.assign(n.jsx("div")({bg:"$primary",border:"$neutral",borderRadius:"default"},{options:["disabled","state"],useOptions:function(e,t){var n=e.disabled,r=void 0!==n&&n,a=e.state,l=t.csx,c=t.children;return K({},W(t,["csx","children"]),{csx:K({borderWidth:i.useContext(Pn).grouped?0:1},l),children:o.createElement(kn,Object.assign({disabled:r},a),c)})}}),{displayName:"Collapsible"}),Dn=Object.assign(n.jsx("header")({padding:6,paddingLeft:2,display:"flex",alignItems:"center",justifyContent:"space-between","div > button:nth-of-type(n+2)":{marginLeft:1}},{options:["label"],useOptions:function(e,t,n){var r=e.label,a=t.children,l=t.className;return K({},W(t,["children","className"]),{className:(0,n.cx)("__admin-ui-collapsible--header",l),children:o.createElement(i.Fragment,null,o.createElement(Fn,null,r),o.createElement(Pe,null,a))})}}),{displayName:"CollapsibleHeader"});function Fn(e){var t=e.children,n=On(),r=n.visible,a=n.disabled;return o.createElement(ut,Object.assign({variant:"neutralTertiary"},(0,n.getToggleProps)(),{iconPosition:"start",csx:{svg:{height:20,width:20,minHeight:20,maxHeight:20}},icon:o.createElement(u.IconCaretUp,{csx:{transition:"transform 150ms ease",transform:"rotate("+(r?180:90)+"deg)"}}),disabled:a}),t)}var Ln=Object.assign(n.jsx("div")({},{useOptions:function(e,t){var r=t.csx,a=t.children,i=W(t,["csx","children"]);return K({},(0,On().getCollapseProps)(),{children:o.createElement(n.tag.div,Object.assign({className:"__admin-ui-collapsible--content",csx:K({paddingX:4,paddingBottom:4,".__admin-ui-collapsible--header":{padding:4,paddingLeft:0},".__admin-ui-collapsible--content":{paddingX:4,paddingBottom:4}},r)},i),a)})}}),{displayName:"CollapsibleContent"}),Mn=Object.assign(n.jsx("div")({bg:"$primary",color:"$primary",border:"$neutral",borderRadius:4,padding:6}),{displayName:"Card"}),An=Object.assign(n.jsx(T.Separator)({border:"$neutral",margin:0,variants:{orientation:{horizontal:{borderBottom:0},vertical:{borderLeft:0,height:"auto"}}}}),{displayName:"Divider"});An.defaultProps={orientation:"horizontal"};var Vn=Object.assign(n.jsx("div")({display:"inline-flex",alignItems:"center",borderRadius:"100px",text:"$body",border:"none","> svg:nth-of-type(1)":{marginRight:1},variants:{palette:{lightBlue:t.palette("lightBlue"),green:t.palette("green"),orange:t.palette("orange"),cyan:t.palette("cyan"),purple:t.palette("purple"),teal:t.palette("teal"),red:t.palette("red"),gray:t.palette("gray")},size:{small:{height:26,paddingX:"2",svg:{width:16,height:16,minWidth:16,minHeight:16}},regular:{height:40,paddingX:"4",svg:{width:20,minWidth:20,height:20,minHeight:20}}}}},{options:["handleDelete","icon","label"],useOptions:function(e,t){var r=e.label,a=e.handleDelete;return K({},t,{children:o.createElement(n.IconContainer,{size:"small"},e.icon,r,!!a&&o.createElement(ut,{variant:"neutralTertiary",icon:o.createElement(u.IconX,null),"aria-label":r,onClick:a,bleedY:!0,bleedX:!0,csx:{marginLeft:1}}))})}}),{displayName:"Tag"});Vn.defaultProps={size:"regular",palette:"lightBlue"};var Bn=Object.assign(n.jsx(i.Fragment)({},{options:["placement","visible","fixed","baseId","children","label"],useOptions:function(e,t){var r=e.children,a=e.placement,l=void 0===a?"top":a,c=e.visible,s=e.fixed,u=e.baseId,d=e.label,m=t.csx,p=W(t,["csx"]),f=D.useTooltipState({placement:l,visible:c,unstable_fixed:s,baseId:u});return{children:o.createElement(o.Fragment,null,o.createElement(D.TooltipReference,Object.assign({},f,r.props,{ref:r.ref}),(function(e){return i.cloneElement(r,K({},e))})),o.createElement(n.tag.div,Object.assign({as:D.Tooltip},f,p,{csx:K({bg:"$inverted",color:"$inverted",text:"$detail",paddingY:"0.5625rem",paddingX:3,borderRadius:3,maxWidth:240,zIndex:"over"},m)}),d))}}}),{displayName:"Tooltip"}),Hn=Object.assign(n.jsx("div")({display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,padding:2,borderRadius:"circle",textTransform:"uppercase",variants:{palette:{lightBlue:t.palette("lightBlue"),green:t.palette("green"),orange:t.palette("orange"),cyan:t.palette("cyan"),purple:t.palette("purple"),teal:t.palette("teal"),gray:t.palette("gray")}}},{options:["label"],useOptions:function(e,t){var r=e.label,a=null==r?void 0:r.