@vtex/admin-ui
Version:
> VTEX admin component library
1 lines • 166 kB
JavaScript
import{csx as e,cx as t,dataAttr as a,negative as r,style as n,focusVisible as l,keyframes as i,getTokenValue as s,theme as o,styles as c,globalCss as d,cssVariables as u,tokens as m,color as p,ring as g}from"@vtex/admin-ui-core";export*from"@vtex/admin-ui-core";import{useOnKeyDown as b,useForkRef as f,useControllableState as h,useDebounce as v,useSafeLayoutEffect as y,useId as $,useFieldFocus as x,useDebouncedCache as E,useQueryState as w,usePortal as N,useIntersectionObserver as C,useTimeout as O}from"@vtex/admin-ui-hooks";export*from"@vtex/admin-ui-hooks";import{isTouch as j,ariaAttr as I,callAllHandlers as k,htmlDataAttr as S,ensureFocus as R,get as T,isBrowser as P,forwardRef as z}from"@vtex/admin-ui-util";export*from"@vtex/admin-ui-util";import D,{forwardRef as L,useCallback as A,useMemo as F,useRef as V,useEffect as M,useState as B,createContext as H,useContext as G,memo as Y,useReducer as X,Fragment as W,cloneElement as K,Children as _}from"react";import{Popover as q,PopoverDisclosure as U,usePopoverState as Z}from"reakit/Popover";import{unstable_useId as J}from"reakit/Id";import{IconCaretLeft as Q,IconCaretRight as ee,IconCalendarBlank as te,createIconProvider as ae,IconXCircle as re,IconX as ne,IconMagnifyingGlass as le,IconCaretDown as ie,IconCaretUp as se,IconArrowUp as oe,IconArrowDown as ce,IconDotsThreeVertical as de,IconXOctagon as ue,IconCheckCircle as me,IconWarning as pe,IconBell as ge,IconArrowLeft as be,IconCheck as fe}from"@vtex/phosphor-icons";export{IconActivity,IconAlarm,IconArchive,IconArrowCircleUpRight,IconArrowCounterClockwise,IconArrowDown,IconArrowLeft,IconArrowLineDown,IconArrowLineUp,IconArrowRight,IconArrowSquareOut,IconArrowSquareUpRight,IconArrowUUpLeft,IconArrowUp,IconArrowUpRight,IconArrowsClockwise,IconBarcode,IconBell,IconCalendarBlank,IconCaretDown,IconCaretLeft,IconCaretRight,IconCaretUp,IconChartBar,IconChartLineUp,IconChatText,IconCheck,IconCheckCircle,IconCirclesThreePlus,IconClock,IconCloudArrowUp,IconCode,IconCopySimple,IconCornersOut,IconCreditCard,IconCube,IconCurrencyCircleDollar,IconDotsSixVertical,IconDotsThreeVertical,IconEnvelope,IconEye,IconEyeSlash,IconFaders,IconFileText,IconFlag,IconFolder,IconGear,IconGearSix,IconGift,IconGlobeHemisphereWest,IconHandbagSimple,IconHeadset,IconHeart,IconHouse,IconIdentificationCard,IconImageSquare,IconKey,IconLayout,IconLink,IconLinkBreak,IconList,IconListDashes,IconListNumbers,IconLockKey,IconLockKeyOpen,IconMagnifyingGlass,IconMagnifyingGlassPlus,IconMapPin,IconMegaphone,IconMinus,IconNotebook,IconPackage,IconPaperPlaneTilt,IconPaperclip,IconPencil,IconPlus,IconPrinter,IconQuestion,IconReceipt,IconRocketLaunch,IconRows,IconShareNetwork,IconShoppingCartSimple,IconSignOut,IconSquaresFour,IconStack,IconStorefront,IconTag,IconTextAlignCenter,IconTextAlignLeft,IconTextAlignRight,IconTextBolder,IconTextItalic,IconTextUnderline,IconTicket,IconTrash,IconTreeStructure,IconTruck,IconUser,IconUsers,IconWarning,IconWarningCircle,IconX,IconXCircle,IconXOctagon}from"@vtex/phosphor-icons";import{Clickable as he}from"reakit/Clickable";import{useLocale as ve,useDateFormatter as ye,useMessageFormatter as $e}from"@react-aria/i18n";export{I18nProvider as experimental_I18nProvider,useDateFormatter as experimental_useDateFormatter}from"@react-aria/i18n";import{isSameDay as xe,isWeekend as Ee,getYear as we,getMonth as Ne,getDate as Ce,setDay as Oe,startOfMonth as je,getDaysInMonth as Ie,isSameMonth as ke,addDays as Se,subDays as Re,addWeeks as Te,subWeeks as Pe,addMonths as ze,subMonths as De,endOfMonth as Le,startOfDay as Ae,addYears as Fe,subYears as Ve,getSeconds as Me,getMinutes as Be,getHours as He,setYear as Ge,setSeconds as Ye,setMonth as Xe,setMinutes as We,setHours as Ke,setDate as _e}from"date-fns";import qe from"tiny-invariant";import{CompositeItem as Ue,Composite as Ze,useCompositeState as Je}from"reakit/Composite";import{useSpinButton as Qe}from"@react-aria/spinbutton";import{mergeProps as et}from"@react-aria/utils";import{useComboboxState as tt,Combobox as at,ComboboxCancel as rt,ComboboxPopover as nt,ComboboxItem as lt,ComboboxList as it}from"ariakit/combobox";import{CheckboxCheck as st,Checkbox as ot}from"ariakit/checkbox";export{useCheckboxState as useSwitchState}from"ariakit/checkbox";import{CompositeItem as ct,useCompositeState as dt,Composite as ut}from"ariakit/composite";import{Focusable as mt}from"ariakit/focusable";import{Helmet as pt}from"react-helmet";import"focus-visible/dist/focus-visible";import gt from"react-collapsed";import{Radio as bt,RadioGroup as ft}from"ariakit/radio";export{useRadioState}from"ariakit/radio";import{VisuallyHidden as ht,MenuButton as vt,useTooltipState as yt,TooltipAnchor as $t,Tooltip as xt,TooltipArrow as Et,Tab as wt,TabList as Nt,TabPanel as Ct,Portal as Ot,useMenuState as jt,Menu as It,useDialogDismiss as kt,DialogHeading as St,Dialog as Rt,Heading as Tt}from"ariakit";export{HeadingLevel,VisuallyHidden,useDialogState as useModalState,useTabState}from"ariakit";import Pt from"tiny-warning";import{useTooltipState as zt,TooltipReference as Dt,Tooltip as Lt}from"reakit/Tooltip";import{useMenuState as At,Menu as Ft,MenuItem as Vt,MenuSeparator as Mt,MenuButton as Bt}from"ariakit/menu";import{atom as Ht,useAtom as Gt,Provider as Yt}from"jotai";import{Separator as Xt}from"reakit/Separator";export{useSelect as useDropdownState}from"downshift";import{Toolbar as Wt,ToolbarItem as Kt}from"reakit/Toolbar";export{useToolbarState}from"reakit/Toolbar";export{isChrome,isEdge,isFirefox,isMobile,isSafari}from"react-device-detect";function _t(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a}"function"==typeof SuppressedError&&SuppressedError;const qt=L((function(e,t){const a=e,{state:{visible:r,isDisabled:n,isReadOnly:l,show:i,pickerId:s,popoverId:o,segmentFocus:c},onKeyDown:d,onClick:u,onMouseDown:m}=a,p=_t(a,["state","onKeyDown","onClick","onMouseDown"]),g=A((()=>{j()&&i()}),[i]),f=b({onKey:d,keyMap:e=>{const t=e.altKey;return{ArrowDown:()=>{t&&i()}}}}),h=A((e=>{e.stopPropagation(),null==c||c()}),[c]);return D.createElement("div",Object.assign({ref:t,id:s,role:"button","aria-haspopup":"dialog","aria-expanded":r,"aria-owns":r?o:void 0,"aria-disabled":I(n),"aria-readonly":I(l),onKeyDown:k(d,f),onClick:k(u,g),onMouseDown:k(m,h)},p))})),Ut=e({bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$base"}),Zt=L((function(e,a){const{className:r="",state:n}=e,l=_t(e,["className","state"]);return D.createElement(q,Object.assign({ref:a,className:t(Ut,r),id:n.popoverId,state:n,"data-test":"hey"},l))})),Jt=L((function(e,t){const{state:a,onMouseDown:r}=e,n=_t(e,["state","onMouseDown"]);return D.createElement(U,Object.assign({ref:t,state:a,tabIndex:-1,disabled:a.isDisabled||a.isReadOnly,onMouseDown:k(r,(e=>{e.stopPropagation()}))},n))}));function Qt(e){const{tone:t,variant:a}=e;return n({color:`action.${t}.${a}`,bg:`action.${t}.${a}`,":hover":{color:`action.${t}.${a}Hover`,bg:`action.${t}.${a}Hover`},":active":{color:`action.${t}.${a}Pressed`,bg:`action.${t}.${a}Pressed`},":disabled":{bg:"tertiary"===a?"transparent":"$disabled",color:"$disabled"},":focus":{outline:"none",boxShadow:"none"},":focus-visible":{outline:"none",boxShadow:`$ring.${t}`},":focus-visible:not(:active)":{color:`action.${t}.${a}Hover`,bg:`action.${t}.${a}Hover`}})}const ea=e({text:"$action1",border:"none",borderRadius:"$base",cursor:"pointer",position:"relative",[a("variant","primary")]:Qt({tone:"main",variant:"primary"}),[a("variant","secondary")]:Qt({tone:"main",variant:"secondary"}),[a("variant","tertiary")]:Qt({tone:"main",variant:"tertiary"}),[a("variant","critical")]:Qt({tone:"critical",variant:"primary"}),[a("variant","criticalSecondary")]:Qt({tone:"critical",variant:"secondary"}),[a("variant","criticalTertiary")]:Qt({tone:"critical",variant:"tertiary"}),[a("variant","neutralTertiary")]:Qt({tone:"neutral",variant:"tertiary"}),[a("size","normal")]:{padding:"$space-2 $space-3",height:"2.25rem"},[a("size","large")]:{padding:"$space-3 $space-4",height:"2.75rem"},[a({size:"normal","bleed-y":!0})]:{marginY:r("$space-2")},[a({size:"large","bleed-y":!0})]:{marginY:r("$space-3")},[a({size:"normal","bleed-x":!0})]:{marginX:r("$space-3")},[a({size:"large","bleed-x":!0})]:{marginX:r("$space-4")}}),ta=e({text:"$action1",[a("loading",!0)]:{visibility:"hidden"},[a("loading",!1)]:{visibility:"visible"},[a("icon-position","start")]:{flexDirection:"row",svg:{marginRight:"$space-1"}},[a("icon-position","end")]:{flexDirection:"row-reverse",svg:{marginLeft:"$space-05"}}}),aa=e({text:"$action1",position:"absolute",bottom:"$space-0",top:"$space-0",left:"$space-0",right:"$space-0",svg:{size:"1.3rem"}}),ra=e({maxWidth:"19.75rem",display:"flex",flexDirection:"column",padding:"$space-4 $space-5",'[aria-disabled="true"]':{color:"$disabled",bg:"transparent"},"[aria-selected] > button":{bg:"$action.main.primary",color:"$action.main.primary"}}),na=e({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:"$space-4"}),la=e(Object.assign(Object.assign({text:"$action1",border:"none",borderRadius:"$base",cursor:"pointer",position:"relative",height:"2.25rem"},Qt({tone:"neutral",variant:"tertiary"})),{display:"flex",alignItems:"center",justifyContent:"center"})),ia=e({size:"2.25rem"}),sa=e(Object.assign(Object.assign({position:"relative",height:"2.25rem"},Qt({tone:"neutral",variant:"tertiary"})),{padding:"$space-0",marginBottom:"$space-05",text:"$action1",border:"none",cursor:"pointer",size:"2.25rem",borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center"})),oa=e({text:"$title1"}),ca=e({text:"$body",textDecoration:"none",color:"$secondary",paddingY:"$space-2",textAlign:"center",size:"2.25rem"}),da=L((function(e,a){const{handler:r,state:{focusNextMonth:n,focusPreviousMonth:l,focusPreviousYear:i,focusNextYear:s},onClick:o,className:c=""}=e,d=_t(e,["handler","state","onClick","className"]),u=F((()=>({nextMonth:{handle:n,ariaLabel:"Next Month"},previousMonth:{handle:l,ariaLabel:"Previous Month"},nextYear:{handle:s,ariaLabel:"Next Year"},previousYear:{handle:i,ariaLabel:"Previous Year"}}[r])),[n,l,s,i]);return D.createElement(he,Object.assign({ref:a,className:t(la,c),"aria-label":null==u?void 0:u.ariaLabel,onClick:k(o,null==u?void 0:u.handle)},d))})),ua=L((function(e,t){const{state:{isReadOnly:a,isDisabled:r,setFocused:n,selectFocusedDate:l,focusPreviousYear:i,focusPreviousMonth:s,focusNextYear:o,focusNextMonth:c,focusEndOfMonth:d,focusStartOfMonth:u,focusNextDay:m,focusPreviousDay:p,focusNextWeek:g,focusPreviousWeek:f,calendarId:h},onKeyDown:v,onBlur:y,onBlur:$}=e,x=_t(e,["state","onKeyDown","onBlur","onBlur"]),E=b({onKeyDown:v,keyMap:e=>{const t=e.shiftKey;return{" ":l,Enter:l,End:d,Home:u,ArrowLeft:p,ArrowUp:f,ArrowRight:m,ArrowDown:g,PageUp:()=>{t?i():s()},PageDown:()=>{t?o():c()}}}});return D.createElement("table",Object.assign({ref:t,role:"grid","aria-labelledby":h,"aria-readonly":I(a),"aria-disabled":I(r),onKeyDown:k(v,E),onFocus:k(y,(()=>n(!0))),onBlur:k($,(()=>n(!1)))},x))}));const ma={"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};function pa(){const e=function(){const{locale:e}=ve();return e.split("-")[1]}();return ma[e]||0}const ga=L((function(e,a){const{className:r="",format:n={month:"long",year:"numeric"},state:{calendarId:l,currentMonth:i}}=e,s=_t(e,["className","format","state"]);return D.createElement("h2",Object.assign({ref:a,id:l,"aria-live":"polite",className:t(oa,r)},s),ye(n).format(null!=i?i:new Date))})),ba=L((function(e,a){var r;const{state:{weekDays:n},dayIndex:l,className:i=""}=e,s=_t(e,["state","dayIndex","className"]);return D.createElement("th",Object.assign({ref:a,"aria-label":null===(r=null==n?void 0:n[l])||void 0===r?void 0:r.title,className:t(ca,i)},s))})),fa=L((function(e,a){const{className:r=""}=e,n=_t(e,["className"]);return D.createElement("header",Object.assign({ref:a,className:t(na,r)},n))})),ha=L((function(e,a){const{date:r,state:{dateValue:n},className:l=""}=e,i=_t(e,["date","state","className"]),s=!!n&&xe(r,n),o={"data-weekend":S(Ee(r))};return D.createElement("td",Object.assign({ref:a,role:"gridcell",className:t(ia,l),"aria-selected":I(s)},o,i))})),va=L((function(e,a){const{date:r,state:{isDisabled:n,month:l,isInvalidDateRange:i,dateValue:s,focusedDate:o,isFocused:c,selectDate:d,setFocusedDate:u},disabled:m,onClick:p,onFocus:g,className:b=""}=e,h=_t(e,["date","state","disabled","onClick","onFocus","className"]),v=V(null),y=r.getMonth()===l,$=n||!y||i(r),x=m||$,E=!!s&&xe(r,s),w=c&&o&&xe(r,o),N=xe(r,new Date);M((()=>{w&&v.current&&R(v.current)}),[r,o,w,v]);const C=A((()=>{x||(d(r),u(r))}),[r,x,d,u]),O=A((()=>{x||u(r)}),[r,x,u]),j=ye({weekday:"long",day:"numeric",month:"long",year:"numeric"});const I=x?void 0:xe(r,null!=o?o:new Date)?0:-1;return D.createElement(he,Object.assign({ref:f(a,v),"aria-label":function(){const e=j.format(r);return`${N?"Today, ":""}${e}${E?" selected":""}`}(),className:t(sa,b),onClick:k(p,C),onFocus:k(g,O),disabled:x,tabIndex:I},h),ye({day:"numeric"}).format(r))})),ya=e({textDecoration:"none",text:"$body"}),$a=L((function(e,a){const{className:r="",children:n}=e,l=_t(e,["className","children"]);return D.createElement("abbr",Object.assign({ref:a,className:t(ya,r)},l),n)})),xa=L((function(e,a){var r,n;const{state:l,className:i=""}=e,s=_t(e,["state","className"]);return D.createElement("div",Object.assign({ref:a,className:t(ra,i),role:"group","aria-labelledby":l.calendarId},s),D.createElement(fa,null,D.createElement(da,{state:l,handler:"previousMonth"},D.createElement(Q,null)),D.createElement(ga,{state:l}),D.createElement(da,{state:l,handler:"nextMonth"},D.createElement(ee,null))),D.createElement(ua,{state:l},D.createElement("thead",null,D.createElement("tr",null,null===(r=null==l?void 0:l.weekDays)||void 0===r?void 0:r.map(((e,t)=>D.createElement(ba,{scope:"col",key:t,dayIndex:t,state:l},D.createElement($a,{title:e.title},e.abbr)))))),D.createElement("tbody",null,null===(n=null==l?void 0:l.daysInMonth)||void 0===n?void 0:n.map(((e,t)=>D.createElement("tr",{key:t},e.map(((e,t)=>D.createElement(ha,{state:l,date:e,key:t},D.createElement(va,{state:l,date:e}))))))))))}));function Ea(e){if(!e)return new Date;const{year:t,month:a,day:r}=e;return qe(t>=0,"The year must be greater then 0"),qe(a>=0&&a<=11,"The month must be between 0 and 11"),qe(r>=1&&r<=31,"The day must be between 1 and 31"),new Date(t,a,r)}function wa(e){const t=null!=e?e:new Date;return{year:we(t),month:Ne(t),day:Ce(t)}}function Na(e={}){const{value:t,defaultValue:a=wa(),onChange:r,minValue:n={year:1,month:0,day:1},maxValue:l={year:8e3,month:11,day:31},isDisabled:i=!1,isReadOnly:s=!1,autoFocus:o=!1}=e,[c,d]=h({value:t,defaultValue:a,onChange:r}),u=F((()=>Ea(c)),[c]),m=F((()=>Ea(n)),[n]),p=F((()=>Ea(l)),[l]),[g,b]=B(u),[f,v]=B(u),[y,$]=B(o),x=g.getMonth(),E=g.getFullYear(),w=pa(),N=function(e){const t=ye({weekday:"narrow"}),a=ye({weekday:"long"});return[0,1,2,3,4,5,6].map((r=>{const n=Oe(Date.now(),(r+e)%7),l=t.format(n);return{title:a.format(n),abbr:l}}))}(w),C=F((()=>{let e=je(g).getDay()%7-w;e<0&&(e+=7);const t=Ie(g),a=Math.ceil((e+t)/7),r=function(e,t,a,r){return Array(a).fill(1).reduce(((a,n,l)=>[...a,[0,1,2,3,4,5,6].reduce(((a,n)=>[...a,new Date(r,e,7*l+(n-t)+1)]),[])]),[])}(x,e,a,E);return r}),[x,E,g,w]),O=A((e=>e<m||e>p),[m,p]),j=A((e=>{O(e)||(ke(e,g)||b(je(e)),v(e))}),[O,g]),I=A((e=>{i||s||d(wa(e))}),[i,s,d]),{id:k}=J({id:e.id,baseId:"calendar"});return{dateValue:u,setDateValue:I,minDateValue:m,maxDateValue:p,calendarId:k,month:x,year:E,weekStart:w,weekDays:N,daysInMonth:C,isDisabled:i,isFocused:y,isReadOnly:s,setFocused:$,currentMonth:g,setCurrentMonth:b,focusedDate:f,focusCell:j,setFocusedDate:v,focusNextDay(){j(Se(f,1))},focusPreviousDay(){j(Re(f,1))},focusNextWeek(){j(Te(f,1))},focusPreviousWeek(){j(Pe(f,1))},focusNextMonth(){j(ze(f,1))},focusPreviousMonth(){j(De(f,1))},focusStartOfMonth(){j(je(f))},focusEndOfMonth(){j(Le(Ae(f)))},focusNextYear(){j(Fe(f,1))},focusPreviousYear(){j(Ve(f,1))},selectFocusedDate(){I(f)},selectDate(e){I(e)},isInvalidDateRange:O}}const Ca=L((function(e,t){const{state:{pickerState:a,calendarState:r}}=e,n=_t(e,["state"]);return D.createElement(Zt,Object.assign({ref:t,state:a},n),D.createElement(xa,{state:r}))})),Oa=e({[a("variant","pageTitle")]:{text:"$pageTitle"},[a("variant","title1")]:{text:"$title1"},[a("variant","title2")]:{text:"$title2"},[a("variant","action1")]:{text:"$action1"},[a("variant","action2")]:{text:"$action2"},[a("variant","display")]:{text:"$display"},[a("variant","body")]:{text:"$body"},[a("variant","detail")]:{text:"$detail"},[a("tone","primary")]:{color:"$primary"},[a("tone","secondary")]:{color:"$secondary"},[a("tone","info")]:{color:"$info"},[a("tone","positive")]:{color:"$positive"},[a("tone","critical")]:{color:"$critical"},[a("tone","warning")]:{color:"$warning"}}),ja=L((function(e,a){const{children:r,className:n="",variant:l="body",tone:i="primary"}=e,s=_t(e,["children","className","variant","tone"]);return D.createElement("span",Object.assign({ref:a,"data-variant":l,"data-tone":i,className:t(Oa,n)},s),r)})),Ia=e({text:"$body"}),ka=L(((e,a)=>{const{className:r=""}=e,n=_t(e,["className"]);return D.createElement("label",Object.assign({ref:a,className:t(Ia,r)},n))}));function Sa(e,t){const{mobile:a,tablet:r,desktop:n,widescreen:l}=t||{};return{[`--${e}-mobile`]:a,[`--${e}-tablet`]:r,[`--${e}-desktop`]:n,[`--${e}-widescreen`]:l}}const Ra=e({display:"flex",flexBasis:"var(--basis-mobile)",flexDirection:"var(--direction-mobile)",flexWrap:"var(--wrap-mobile)",alignItems:"var(--align-mobile)",justifyContent:"var(--justify-mobile)",flexGrow:"var(--grow-mobile)",flexShrink:"var(--shrink-mobile)",order:"var(--order-mobile)","@tablet":{flexBasis:"var(--basis-tablet)",flexDirection:"var(--direction-tablet)",flexWrap:"var(--wrap-tablet)",alignItems:"var(--align-tablet)",justifyContent:"var(--justify-tablet)",flexGrow:"var(--grow-tablet)",flexShrink:"var(--shrink-tablet)",order:"var(--order-tablet)"},"@desktop":{flexBasis:"var(--basis-desktop)",flexDirection:"var(--direction-desktop)",flexWrap:"var(--wrap-desktop)",alignItems:"var(--align-desktop)",justifyContent:"var(--justify-desktop)",flexGrow:"var(--grow-desktop)",flexShrink:"var(--shrink-desktop)",order:"var(--order-desktop)"},"@widescreen":{flexBasis:"var(--basis-widescreen)",flexDirection:"var(--direction-widescreen)",flexWrap:"var(--wrap-widescreen)",alignItems:"var(--align-widescreen)",justifyContent:"var(--justify-widescreen)",flexGrow:"var(--grow-widescreen)",flexShrink:"var(--shrink-widescreen)",order:"var(--order-widescreen)"}}),Ta=e({flex:1,justifySelf:"stretch",alignSelf:"stretch"}),Pa=L(((e,a)=>{const{basis:r,direction:n,wrap:l,align:i,justify:s,grow:o,shrink:c,order:d,className:u=""}=e,m=_t(e,["basis","direction","wrap","align","justify","grow","shrink","order","className"]),p=(g={basis:za(r),direction:za(n),wrap:za(l),align:za(i),justify:za(s),grow:za(o),shrink:za(c),order:za(d)},Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Sa("basis",g.basis)),Sa("direction",g.direction)),Sa("wrap",g.wrap)),Sa("align",g.align)),Sa("justify",g.justify)),Sa("grow",g.grow)),Sa("shrink",g.shrink)),Sa("order",g.order)));var g;return D.createElement("div",Object.assign({ref:a,style:p,className:t(u,Ra)},m))}));function za(e){if(!e)return e;const t=T(e,"mobile",e),a=T(e,"tablet",t),r=T(e,"desktop",a);return{mobile:t,tablet:a,desktop:r,widescreen:T(e,"widescreen",r)}}const Da=L(((e,a)=>{const{className:r=""}=e,n=_t(e,["className"]);return D.createElement("div",Object.assign({ref:a,className:t(r,Ta)},n))}));function La(e,t,a,r){switch(t){case"day":{const t=Ce(e);return _e(e,Aa(t,a,1,Ie(e)))}case"dayPeriod":{const t=He(e);return Ke(e,t>=12?t-12:t+12)}case"hour":{let t=He(e),n=0,l=23;if(r.hour12){const e=t>=12;n=e?12:0,l=e?23:11}return t=Aa(t,a,n,l),Ke(e,t)}case"minute":{const t=Aa(Be(e),a,0,59,!0);return We(e,t)}case"month":{const t=Aa(Ne(e),a,0,11);return Xe(e,t)}case"second":{const t=Aa(Me(e),a,0,59,!0);return Ye(e,t)}case"year":{const t=Aa(we(e),a,1,9999,!0);return Ge(e,t)}default:return console.warn("add: Out of bounds"),new Date}}function Aa(e,t,a,r,n=!1){if(n){(e+=t>0?1:-1)<a&&(e=r);const n=Math.abs(t);(e=t>0?Math.ceil(e/n)*n:Math.floor(e/n)*n)>r&&(e=a)}else(e+=t)<a?e=r-(a-e-1):e>r&&(e=a+(e-r-1));return e}function Fa(e){return e=e.replace(/[\u0660-\u0669]/g,(e=>String(e.charCodeAt(0)-1632))).replace(/[\u06f0-\u06f9]/g,(e=>String(e.charCodeAt(0)-1776))),Number(e)}function Va(e){return/^[0-9\u0660-\u0669\u06f0-\u06f9]+$/.test(e)}const Ma=e({display:"flex"}),Ba=e({cursor:"pointer",text:"$body",paddingY:"$space-0",bg:"$action.neutral.tertiary",color:"$action.neutral.tertiary",":disabled":{color:"$disabled"},[a("literal","true")]:{paddingX:"$space-05"},[a("literal","false")]:{paddingX:"$space-1",":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"}}}),Ha=L((function(e,a){const{isDisabled:r,isReadOnly:n,isRequired:l,segment:i,state:s,onMouseDown:o,onKeyDown:c,onFocus:d,className:u=""}=e,m=_t(e,["isDisabled","isReadOnly","isRequired","segment","state","onMouseDown","onKeyDown","onFocus","className"]),{next:p,dateFormatter:g,increment:b,decrement:f,incrementPage:h,decrementPage:v,setSegment:y}=s,$=F((()=>r||n||"literal"===i.type),[r,n,i.type]),{id:x}=J({baseId:"datepicker-segment"}),[E,w]=B(""),N=ye({month:"long"}),C=ye({hour:"numeric",hour12:g.resolvedOptions().hour12}),{spinButtonProps:O}=Qe({value:i.value,textValue:Ga(i,s,{month:N,hour:C}),minValue:i.minValue,maxValue:i.maxValue,isDisabled:r,isReadOnly:n,isRequired:l,onIncrement:()=>b(i.type),onDecrement:()=>f(i.type),onIncrementPage:()=>h(i.type),onDecrementPage:()=>v(i.type),onIncrementToMax:()=>y(i.type,i.maxValue),onDecrementToMin:()=>y(i.type,i.minValue)}),j=A((e=>{const t=E.concat(e);if("dayPeriod"===i.type)"a"===e?s.setSegment("dayPeriod",0):"p"===e&&s.setSegment("dayPeriod",12),s.next();else{if(!Va(t))return;const a=Fa(t);let r=a;"hour"===i.type&&s.dateFormatter.resolvedOptions().hour12&&12===a?r=0:a>i.maxValue&&(r=Fa(e)),s.setSegment(i.type,r),Number(`${a}0`)>i.maxValue?(w(""),s.next()):w(t)}}),[E,p,i.maxValue,i.type]),I=A((e=>{if(!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey))switch(e.key){case"Enter":e.preventDefault(),p();break;case"Tab":break;case"Backspace":if(e.preventDefault(),Va(i.text)&&!n){const e=i.text.slice(0,-1);y(i.type,0===e.length?i.minValue:Fa(e)),w(e)}break;default:e.preventDefault(),e.stopPropagation(),Va(e.key)||/^[ap]$/.test(e.key)}}),[p,j,i.minValue,i.text,i.type]),S=A((()=>{w("")}),[]),R=A((e=>e.stopPropagation()),[]),T=F((()=>{const e=Object.assign({state:s,disabled:$,tabIndex:$?-1:0,children:i.text},m);switch(i.type){case"literal":case"era":return e;default:return et(O,Object.assign(Object.assign({},e),{"aria-label":i.type,onKeyDown:k(c,I),onFocus:k(d,S),onMouseDown:k(o,R),children:Ga(i,s,{month:N,hour:C})}))}}),[i,s,$]),P="literal"===i.type;return D.createElement(Ue,Object.assign({ref:a,id:x,"aria-labelledby":x,"data-literal":P,className:t(Ba,u)},T))}));function Ga(e,t,a){var r;switch(e.type){case"hour":return a.hour.format(t.fieldValue).split(" ")[0];case"dayPeriod":return a.hour.format(t.fieldValue).split(" ")[1];default:return null!==(r=t.showPlaceholder.current[e.type])&&void 0!==r&&r?e.placeholder:e.text}}const Ya=L((function(e,a){const{className:r=""}=e,n=_t(e,["className"]);return D.createElement(Ze,Object.assign({ref:a,className:t(Ma,r)},n))})),Xa={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0},Wa={year:5,month:2,day:7,hour:2,minute:15,second:15},Ka={day:!1,month:!1,year:!1},_a={day:!0,month:!0,year:!0},qa={dayperiod:"dayPeriod"};function Ua(e={}){const{value:t,onChange:a,defaultValue:r=new Date,formatOptions:n,placeholder:l}=e,i=Je({orientation:"horizontal"}),s=V(Xa),o=ye(n),c=V(l?_a:Ka),d=F((()=>o.resolvedOptions()),[o]),u=F((()=>o.formatToParts(new Date).filter((e=>T(Xa,e.type))).length),[o]),[m,p]=h({value:t,defaultValue:r,onChange:a}),g=F((()=>o.formatToParts(m).map((e=>Object.assign({type:T(qa,e.type)||e.type,text:e.value,placeholder:T(l,e.type)},function(e,t,a){switch(t){case"day":return{value:Ce(e),minValue:1,maxValue:Ie(e)};case"dayPeriod":return{value:He(e)>=12?12:0,minValue:0,maxValue:12};case"hour":{const t=He(e);if(a.hour12){const e=t>=12;return{value:t,minValue:e?12:0,maxValue:e?23:11}}return{value:t,minValue:0,maxValue:23}}case"minute":return{value:Be(e),minValue:0,maxValue:59};case"second":return{value:Me(e),minValue:0,maxValue:59};case"month":return{value:Ne(e)+1,minValue:1,maxValue:12};case"year":return{value:we(e),minValue:1,maxValue:9999};default:return{}}}(m,e.type,d))))),[d,o,l,m]);M((()=>{t&&Object.keys(s.current).length<u&&(s.current=Xa)}),[t,u]);const b=(e,t)=>{s.current[e]=!0,c.current[e]=!1,p(La(m,e,t,d))};return Object.assign(Object.assign({},i),{showPlaceholder:c,fieldValue:m,setFieldValue:p,segments:g,dateFormatter:o,resetPlaceholder:()=>{c.current=Ka},displayPlaceholder:()=>{c.current=_a},increment(e){b(e,1)},decrement(e){b(e,-1)},incrementPage(e){b(e,T(Wa,e)||1)},decrementPage(e){b(e,-(T(Wa,e)||1))},setSegment(e,t){s.current[e]=!0,c.current[e]=!1,p(function(e,t,a,r){switch(t){case"day":return Oe(e,a);case"dayPeriod":{const t=He(e),r=t>=12;return a>=12===r?e:Ke(e,r?t-12:Number(t)+12)}case"hour":if(r.hour12){const t=He(e)>=12;t||12!==a||(a=0),t&&a<12&&(a+=12)}return Ke(e,a);case"minute":return We(e,a);case"month":return Xe(e,a-1);case"second":return Ye(e,a);case"year":return Ge(e,a);default:return console.warn("setSegment: Out of bounds"),new Date}}(m,e,t,d))}})}const Za=e({display:"flex",justifyContent:"space-between",alignContent:"center",padding:"$space-2 $space-3",height:52,width:288,borderRadius:4,[a("tone","critical")]:{border:"$form.critical"},[a("tone","neutral")]:{border:"$form.neutral"},[a("disabled","true")]:{border:"$disabled"}}),Ja=e({text:"$detail",color:"$secondary"}),Qa=L((function(e,a){const{state:r,label:n,disclosure:l,tone:i="neutral",disabled:s=!1,className:o=""}=e,c=_t(e,["state","label","disclosure","tone","disabled","className"]);return D.createElement("div",Object.assign({ref:a,"data-tone":i,"data-disabled":s,className:t(Za,o)},c),D.createElement(Pa,{direction:"column"},D.createElement(ka,{className:Ja},n),D.createElement(Ya,{state:r},r.segments.map(((e,t)=>D.createElement(Ha,{isDisabled:s,key:`segment-element-${t}`,segment:e,state:r}))))),l)})),er=e({display:"flex",justifyContent:"center",alignItems:"center"}),tr=L((function(e,a){const{className:r=""}=e,n=_t(e,["className"]);return D.createElement("div",Object.assign({ref:a,className:t(er,r)},n))})),ar=e(Object.assign(Object.assign({text:"$action1",border:"none",borderRadius:"$base",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:"$space-1 $space-3",height:"2.25rem"},l("neutral")),{[a("disabled","true")]:{fg:"blue"},[a("disabled","false")]:{fg:"$action.neutral.tertiary"}})),rr=L((function(e,t){const{state:{required:a,tone:r,pickerState:n,dateFieldState:l,disabled:i},label:s,helperText:o,criticalText:c}=e,d=_t(e,["state","label","helperText","criticalText"]),u="critical"===r,m="critical"===r&&c,p=o&&!m;return D.createElement(qt,Object.assign({ref:t,"aria-invalid":I(u),"aria-required":I(a),state:n},d),D.createElement(Qa,{label:s,state:l,tone:r,disabled:i,disclosure:D.createElement(Jt,{state:n,className:ar,"data-disabled":i},D.createElement(tr,null,D.createElement(te,null)))}),p&&D.createElement(ja,{variant:"detail"},o),m&&D.createElement(ja,{variant:"detail",tone:"critical"},c))}));function nr(e={}){const{defaultValue:t=wa(),minValue:a,maxValue:r,tone:n="neutral",required:l=!1,autoFocus:i=!1,disabled:s=!1,formatOptions:o,placeholder:c}=e,[d,u]=B(t),m=F((()=>Ea(d)),[d]),p=Ua({value:m,onChange:e=>u(wa(e)),formatOptions:o,placeholder:c}),g=function(e={}){const{pickerId:t,popoverId:a,isDisabled:r,isReadOnly:n,segmentFocus:l}=e,{id:i}=J({id:t,baseId:"picker"}),{id:s}=J({id:a,baseId:"popover"}),o=Z(Object.assign({modal:!0,gutter:4},e));return Object.assign({pickerId:i,popoverId:s,isDisabled:r,isReadOnly:n,segmentFocus:l},o)}(Object.assign({segmentFocus:p.first,placement:"bottom",unstable_offset:[-106,12],isDisabled:s},e)),b=A((e=>{u(e),p.resetPlaceholder(),g.hide()}),[g.hide]),f=Na({value:d,onChange:b,minValue:a,maxValue:r});M((()=>{g.visible&&(f.setFocused(!0),f.focusCell(m))}),[g.visible]),M((()=>{i&&p.first()}),[i,p.first]);const h=F((()=>{const e=m<f.minDateValue||m>f.maxDateValue;return e||e?"critical":n}),[n,m,f.minDateValue,f.maxDateValue]);return{dateValue:d,setDateValue:u,selectDate:b,required:l,disabled:s,calendarState:f,tone:h,pickerState:g,dateFieldState:p}}rr.displayName="DatePickerField";const lr=(e,t)=>e.indexOf(t)>-1;function ir(e={}){const{timeoutMs:t=250,list:a=[],getOptionValue:r=(e=>"string"==typeof e?e:JSON.stringify(e)),renderOption:n=(e=>"string"==typeof e?e:JSON.stringify(e))}=e,l=_t(e,["timeoutMs","list","getOptionValue","renderOption"]),i=tt(Object.assign({gutter:4},l)),[s]=v(i.value,t),[o,c]=B(a),[d,u]=B(),[m,p]=B();M((()=>{if(0===a.length)return;const e=i.value.toLocaleLowerCase();c(""===e?a:a.filter((t=>lr(r(t).toLocaleLowerCase(),e))))}),[i.value]);const g=F((()=>{if(m)return m;const e=!o.length;return e&&""===i.value?"empty":e?"not-found":"ready"}),[m,o,i.value]);return Object.assign(Object.assign({},i),{deferredValue:s,status:g,setStatus:p,getOptionValue:r,renderOption:n,setSelectedItem:u,selectedItem:d,setMatches:c,matches:o,setError:e=>{p(e?"error":void 0)},setLoading:e=>{p(e?"loading":void 0)}})}const sr="21.625rem",or="focus + label",cr="placeholder-shown:not(:focus) + label",dr="not(:placeholder-shown) + label",ur=e({width:sr,position:"relative",display:"flex",justifyContent:"flex-start",flexDirection:"column",[`input:${or}, textarea:${or}`]:{transform:"translate(1px, 4px) scale(0.875)"},[`input:${cr}, textarea:${cr}`]:{paddingTop:"$space-1"},[`input:${dr}, textarea:${dr}`]:{transform:"translate(1px, 4px) scale(0.875)"}}),mr=e({text:"$body",left:12,paddingTop:"$space-2",color:"$secondary",marginBottom:"$space-3",position:"absolute",transform:"translate(0, 16px) scale(1)",transformOrigin:"top left",transition:"all 0.2s ease-out;"}),pr=e({width:sr,height:"3rem",paddingX:"$space-3",text:"$body",paddingTop:"$space-4",bg:"$form.neutral",border:"$form.neutral",borderRadius:"$base",marginY:"$space-1",color:"$form.neutral",outline:0,transition:"snap",":hover":{border:"$form.neutralHover"},":focus":{border:"$form.neutralFocus",boxShadow:"$ring.neutral"},":disabled":{bg:"$disabled",color:"$disabled"}}),gr=e({right:"$space-0",top:"$space-1",height:"2.875rem",paddingRight:"$space-3",position:"absolute",display:"flex",color:"$primary"}),br=e(Object.assign(Object.assign({text:"$action1",border:"none",borderRadius:"$base",cursor:"pointer",position:"relative",marginTop:"$space-2",marginRight:"$space-1",padding:"$space-2 $space-3",height:"2.25rem"},Qt({tone:"neutral",variant:"tertiary"})),{color:"$secondary"})),fr=e({width:sr,padding:"$space-3",bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$base",zIndex:"$z-4"}),hr=e({text:"$body",borderRadius:"$base",paddingY:"$space-2",paddingX:"$space-3",cursor:"pointer","&[data-active-item]":{bg:"$action.neutral.tertiaryPressed",color:"$action.neutral.tertiaryPressed"},":hover":{bg:"$action.neutral.tertiaryHover",color:"$action.neutral.tertiaryHover"}}),vr=t(hr,e({display:"flex",justifyContent:"space-between",alignItems:"center",outline:"none"})),yr=e({bg:"$action.neutral.secondary",color:"$primary",text:"$body",paddingY:"$space-1",paddingX:"$space-2",borderRadius:"$base",":hover":{bg:"$action.neutral.secondaryHover"},":active":{bg:"$action.neutral.secondaryPressed"}}),$r=e({padding:"$space-0",marginLeft:"$space-2",bg:"transparent",display:"flex",alignItems:"center",justifyContent:"center",color:"$secondary"}),xr=e({width:500,display:"flex",cursor:"text",position:"relative",border:"$form.neutral",borderRadius:"$base",paddingY:"$space-2",paddingX:"$space-3",":hover":{border:"$form.neutralHover"},":focus-within":{border:"$form.neutralFocus"},input:{border:"none",outline:"none",[a("reduce-label",!0)]:{paddingY:"$space-1"},[a("reduce-label",!1)]:{paddingY:"$space-0"}}}),Er=e({position:"absolute",text:"$body",zIndex:"$z-2",left:12,color:"$secondary",transformOrigin:"top left",transition:"all 0.2s ease-out;",[a("reduce-label",!0)]:{transform:"translate(1px, 0px) scale(0.875)"},[a("reduce-label",!1)]:{transform:"translate(0, 9px) scale(1)"}}),wr=e({margin:"$space-2"});const Nr=ae({useIconProps:function(a){const{className:r="",size:n}=jr(),{title:l,size:i=n,children:s,className:o="",width:c,height:d}=a,u=_t(a,["title","size","children","className","width","height"]),m="small"===i?"1rem":"1.25rem";return Object.assign(Object.assign({width:null!=c?c:m,height:null!=d?d:m},u),{children:D.createElement(D.Fragment,null,l?D.createElement("title",null,l):null,s),className:t(e({height:null!=d?d:m,width:null!=c?c:m,minHeight:null!=d?d:m,minWidth:null!=c?c:m}),o,r)})}}),Cr=H({size:"regular",className:""});function Or(e){const{children:t}=e,a=_t(e,["children"]);return D.createElement(Cr.Provider,{value:a},t)}function jr(){const{size:e,className:t}=G(Cr);return{size:e,className:t,isSmall:"small"===e,isRegular:"regular"===e}}const Ir={placeholder:" "},kr=L(((e,t)=>{const{state:a,label:r,id:n}=e,l=_t(e,["state","label","id"]);return D.createElement("div",Object.assign({},l,{ref:t}),D.createElement("div",{className:ur},D.createElement(at,Object.assign({},Ir,{className:pr,id:n,state:a})),D.createElement("label",{htmlFor:n,className:mr},r),""!==a.value&&D.createElement("div",{className:gr},D.createElement(rt,{state:a,className:br},D.createElement(Or,{size:"regular"},D.createElement(re,null))))))}));const Sr={"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",removeLabel:"Remove item",placeholder:"Keep typing..."},"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",removeLabel:"Remover el artículo",placeholder:"Sigue escribiendo..."},"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",removeLabel:"Retirer l'objet",placeholder:"Continuez à taper..."},"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",removeLabel:"Remover item",placeholder:"Continue digitando..."},"ja-JP":{error:"何かがうまくいかなかった",retry:"再試行",noResultsTitle:"検索に一致するオプションはありません",noResultsSubtitle:"別の用語を使用してみてください",searchPlaceholder:"検索するために入力を開始します",removeLabel:"アイテムを削除",placeholder:"入力を続けてください..."},"ko-KR":{error:"문제가 발생했습니다.",retry:"다시 시도하십시오",noResultsTitle:"검색어와 일치하는 옵션이 없습니다",noResultsSubtitle:"다른 용어를 사용해 보세요",searchPlaceholder:"검색을 위해 입력 시작",removeLabel:"항목 제거",placeholder:"계속 타자..."},"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",removeLabel:"Rimuovi oggetto",placeholder:"Continua a scrivere..."},"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",removeLabel:"Verwijder voorwerp",placeholder:"Blijf typen..."},"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",removeLabel:"Eliminați elementul",placeholder:"Continuă să tastezi..."},"bg-BG":{error:"Нещо се обърка",retry:"Опитай пак",noResultsTitle:"Няма опции, отговарящи на вашето търсене",noResultsSubtitle:"Опитайте да използвате различни термини",searchPlaceholder:"Започнете да пишете, за да търсите",removeLabel:"Премахни артикул",placeholder:"Продължавайте да пишете..."},"th-TH":{error:"มีบางอย่างผิดปกติ",retry:"โปรดลองอีกครั้ง",noResultsTitle:"ไม่มีตัวเลือกที่ตรงกับการค้นหาของคุณ",noResultsSubtitle:"ลองใช้คำอื่นที่ต่างออกไป",searchPlaceholder:"เริ่มพิมพ์เพื่อค้นหา",removeLabel:"ลบสินค้าออก",placeholder:"พิมพ์ต่อ..."},"de-DE":{error:"Ein Problem ist aufgetreten",retry:"Versuchen Sie es erneut",noResultsTitle:"Keine Optionen entsprechen Ihrer Suche",noResultsSubtitle:"Versuche andere Begriffe zu verwenden",searchPlaceholder:"Tippen um zu Suchen",removeLabel:"Artikel entfernen",placeholder:"Tippen Sie weiter..."},"pl-PL":{error:"Coś poszło nie tak",retry:"Spróbuj ponownie",noResultsTitle:"Żadne opcje nie pasują do Twojego wyszukiwania",noResultsSubtitle:"Spróbuj użyć innych terminów",searchPlaceholder:"Zacznij pisać, aby wyszukać",removeLabel:"Usuń przedmiot",placeholder:"Kontynuuj wpisywanie..."}},Rr=e({text:"$body"}),Tr=L((function(e,a){const{className:r="",children:n}=e,l=_t(e,["className","children"]);return D.createElement("p",Object.assign({ref:a,className:t(Rr,r)},l),n)})),Pr=i({"0%":{strokeDasharray:"1, 150",strokeDashoffset:"0"},"50%":{strokeDasharray:"90, 150",strokeDashoffset:"-35"},"100%":{strokeDasharray:"90, 150",strokeDashoffset:"-124"}}),zr=i({"100%":{transform:"rotate(360deg)"}}),Dr=e({animation:`${zr} 1.5s linear infinite`}),Lr=e({fill:"none",stroke:"currentColor",strokeWidth:5,strokeLinecap:"round",animation:`${Pr} 1s ease-in-out infinite`}),Ar=L((function(e,a){const{className:r="",size:n=24}=e,l=_t(e,["className","size"]);return D.createElement("svg",Object.assign({viewBox:"0 0 50 50",width:n,height:n,ref:a,className:t(Dr,r)},l),D.createElement("circle",{cx:25,cy:25,r:20,className:Lr}))})),Fr=L(((e,a)=>{const{icon:r,size:n="normal",variant:l="primary",iconPosition:i="start",loading:s=!1,disabled:o=!1,bleedY:c=!1,bleedX:d=!1,className:u="",type:m="button",children:p}=e,g=_t(e,["icon","size","variant","iconPosition","loading","disabled","bleedY","bleedX","className","type","children"]),b=r&&!p?"center":i;return D.createElement("button",Object.assign({ref:a,type:m,"data-variant":l,"data-size":n,"data-bleed-x":d,"data-bleed-y":c,disabled:o||s,className:t(ea,u)},g),D.createElement(tr,null,D.createElement(tr,{"data-loading":s,"data-icon-position":b,className:ta},r&&D.createElement(Or,{size:"end"===b?"small":"regular"},r),p),s?D.createElement(tr,{className:aa},D.createElement(Ar,null)):null))})),Vr=L(((a,r)=>{const{state:n,onRetry:l=(()=>null),children:i,className:s=""}=a,o=_t(a,["state","onRetry","children","className"]),{deferredValue:c,status:d}=n,u=_t(n,["deferredValue","status"]),m=$e(Sr);return D.createElement(nt,Object.assign({state:Object.assign(Object.assign({},u),{matches:[]}),className:t(fr,s),ref:r},o),(()=>{switch(d){case"ready":return D.createElement(D.Fragment,null,i);case"loading":return D.createElement("div",{className:wr},D.createElement(Ar,null));case"error":return D.createElement("div",{className:wr},D.createElement("h2",null,D.createElement(ja,{variant:"title2"},m("error"))),D.createElement(Fr,{bleedX:!0,onClick:l,variant:"tertiary"},m("retry")));case"empty":return D.createElement("div",{className:wr},D.createElement(Tr,{className:e({color:"$secondary"})},m("searchPlaceholder")));case"not-found":return D.createElement("div",{className:wr},D.createElement("h2",null,D.createElement(ja,{variant:"title2"},m("noResultsTitle"))),D.createElement(Tr,{className:e({color:"$secondary"})},m("noResultsSubtitle")))}})())})),Mr=L(((e,t)=>D.createElement(Vr,Object.assign({ref:t},e),e.state.matches.map((t=>{const a=e.state.getOptionValue(t),r=e.state.renderOption(t);return D.createElement(lt,{key:a,value:a,onClick:()=>{e.state.setSelectedItem(t)},className:hr},r)}))))),Br=L(((e,a)=>{const{children:r,onChange:n,item:l,isSelected:i,className:s=""}=e,o=_t(e,["children","onChange","item","isSelected","className"]),c=i(l);return D.createElement(lt,Object.assign({"aria-selected":c,className:t(vr,s),onClick:()=>null==n?void 0:n(l),ref:a},o),r,D.createElement(st,{checked:c}))})),Hr={"aria-multiselectable":!0},Gr=L(((e,t)=>D.createElement(Vr,Object.assign({},e,Hr,{ref:t}),e.state.matches.map((t=>{const a=e.state.getOptionValue(t),r=e.state.renderOption(t),{isSelected:n,onChange:l}=e.state;return D.createElement(Br,{item:t,key:a,value:a,isSelected:n,onChange:l},r)})))));function Yr(e={}){const{defaultSelected:t=[],list:a,shouldClearOnSelect:r=!0,getOptionValue:n=(e=>"string"==typeof e?e:JSON.stringify(e)),renderOption:l=(e=>"string"==typeof e?e:JSON.stringify(e)),compare:i,renderTag:s}=e,o=s||l,c=ir({virtualFocus:!1,getOptionValue:n,list:a}),d=function(e){const{compare:t=((e,t)=>e===t),defaultValue:a=[]}=e,[r,n]=B(a),l=e=>!!r.some((a=>t(a,e))),i=e=>n((t=>[...t,e])),s=e=>n((a=>a.filter((a=>!t(a,e)))));return{toggle:e=>{l(e)?s(e):i(e)},select:i,unselect:s,isSelected:l,value:r,setValue:n}}({defaultValue:t,compare:null!=i?i:(e,t)=>n(e)===n(t)}),u=A((()=>{c.setValue(""),d.setValue([])}),[d.setValue,c.setValue]);return M((()=>{r&&c.setValue("")}),[d.value,r,c.setValue]),Object.assign(Object.assign({},c),{selectedItems:d.value,setSelectedItems:d.setValue,onChange:d.toggle,isSelected:d.isSelected,select:d.select,unselect:d.unselect,clearSelected:u,getOptionValue:n,renderOption:l,renderTag:o})}function Xr(e){return s(o,"margin",e)}const Wr=e({display:"flex",[a("wrap",!0)]:{flexWrap:"wrap"},[a("wrap",!1)]:{flexWrap:"nowrap"},alignItems:"var(--align)",[a("space-inside",!1)]:{"> *:not(:first-child)":{marginLeft:"var(--h-space)",marginTop:"var(--v-space)"},"> *:is(:first-child)":{marginLeft:"var(--h-space)",marginTop:"var(--v-space)"}},[a("space-inside",!0)]:{"> *:not(:first-child)":{marginLeft:"var(--h-space)",marginTop:"$space-0"},"> *:is(:first-child)":{marginLeft:"$space-0",marginTop:"$space-0"}}}),Kr=L(((e,a)=>{const{vSpace:r="$space-05",hSpace:n="$space-1",noWrap:l=!1,align:i="start",spaceInside:s=!1,className:o=""}=e,c=_t(e,["vSpace","hSpace","noWrap","align","spaceInside","className"]),d=(e=>({"--v-space":Xr(e.vSpace),"--h-space":Xr(e.hSpace),"--align":e.align}))({vSpace:r,hSpace:n,align:i});return D.createElement("div",Object.assign({style:d,className:t(Wr,o),"data-wrap":!l,"data-space-inside":s,ref:a},c))}));function _r(e){return r(e)(o,"margin")}Kr.displayName="Inline";const qr=e({marginTop:"var(--bleed-top, 0)",marginLeft:"var(--bleed-left, 0)",marginBottom:"var(--bleed-bottom, 0)",marginRight:"var(--bleed-right, 0)"}),Ur=e({position:"relative"}),Zr="0rem",Jr=L((function(e,a){const{top:r=Zr,left:n=Zr,bottom:l=Zr,right:i=Zr,className:s="",children:o}=e,c=_t(e,["top","left","bottom","right","className","children"]);return D.createElement("div",Object.assign({ref:a,style:(d={top:r,left:n,bottom:l,right:i},{"--bleed-top":_r(d.top),"--bleed-right":_r(d.right),"--bleed-bottom":_r(d.bottom),"--bleed-left":_r(d.left)}),className:t(qr,s)},c),D.createElement("div",{className:Ur},o));var d})),Qr=(e,a)=>{const{value:r,onDismiss:n,className:l=""}=e,i=_t(e,["value","onDismiss","className"]),s=$e(Sr);return D.createElement(ct,Object.assign({},i),(e=>D.createElement(mt,Object.assign({className:t(yr,l),ref:a},e),D.createElement(Pa,{justify:"space-between",align:"center"},D.createElement(Tr,null,r),D.createElement("button",{tabIndex:-1,onClick:n,className:$r,"aria-label":s("removeLabel")},D.createElement(ne,{size:"small"}))))))};const en=L(((r,n)=>{const{state:l,defaultValue:i,value:s,list:o,children:c,id:d,label:u,className:m=""}=r,p=_t(r,["state","defaultValue","value","list","children","id","label","className"]),{selectedItems:g,value:b,unselect:f,clearSelected:h,getOptionValue:v,renderTag:y}=l,$=dt(),x=V(null),[E,w]=D.useState(!1),N=$e(Sr),C=""!==b.trim(),O=g.length>0,j=E||O||C,I=E||O;return D.createElement("div",Object.assign({ref:n,className:t(xr,m),"data-reduce-label":j,onClick:e=>{var t;e.preventDefault(),e.stopPropagation(),null===(t=x.current)||void 0===t||t.focus()}},p),D.createElement(D.Fragment,null,D.createElement("div",{className:e({flex:1})},D.createElement(ka,{className:Er,"data-reduce-label":j,htmlFor:d},u),D.createElement(Jr,{left:"$space-2",className:e({paddingTop:"0.75rem",bg:"transparent"})},D.createElement(ut,{state:$},D.createElement(Kr,{hSpace:"$space-2",vSpace:"$space-2"},g.length>0&&g.map((e=>D.createElement(Qr,{key:v(e),value:y(e),onKeyDown:t=>((e,t)=>{var a,r;!function(e){const{keyCode:t}=e;return t>=48&&t<=57||t>=65&&t<=90||t>=97&&t<=122}(e)?function(e){return 8===e.keyCode}(e)&&(1===g.length?null===(r=x.current)||void 0===r||r.focus():$.move($.activeId===$.first()?$.next():$.previous()),f(t)):null===(a=x.current)||void 0===a||a.focus()})(t,e),onDismiss:()=>{f(e)}}))),D.createElement(at,{ref:x,state:l,id:d,onFocus:()=>w(!0),onBlur:()=>w(!1),placeholder:I?N("placeholder"):" ",onKeyDown:e=>{var t;const a=8===e.keyCode;b.length>0||a&&(null===(t=null==x?void 0:x.current)||void 0===t||t.blur(),$.move($.last()))}}))))),D.createElement(Pa,{align:"flex-start",justify:"flex-end",className:e({width:48})},g.length>0&&D.createElement(Fr,{variant:"neutralTertiary",icon:D.createElement(re,null),onClick:h,className:e({[a("variant","neutralTertiary")]:{color:"$secondary"}})}))))}));function tn(e){var t;const{children:a,experimentalTheme:r,experimentalDisabledGlobalStyles:n=!1}=e,l=n?{}:c(null!==(t=null==r?void 0:r.global)&&void 0!==t?t:o.global);return d({"@layer sl-base":Object.assign({":root":u},l)})(),D.createElement(Nr,null,D.createElement(pt,null,D.createElement("link",{rel:"preload",href:"https://io.vtex.com.br/fonts/vtex-trust/VTEXTrust-VF-May-5-2022.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"})),a)}const an=e=>{const{getCollapseProps:t,getToggleProps:a,isExpanded:r,setExpanded:n}=gt(Object.assign(Object.assign({},e),{defaultExpanded:null==e?void 0:e.visible})),l=A((()=>{n(!r)}),[r]);return{getToggleProps:a,getCollapseProps:t,visible:r,toggle:l}};function rn(e){const t=Array.isArray(e)?e:[e],a=P&&"matchMedia"in window,[r,n]=D.useState(t.map((e=>!!a&&window.matchMedia(e).matches)));return y((()=>{if(!a)return;const e=t.map((e=>window.matchMedia(e))),r=e.map(((e,t)=>{const a=()=>n((a=>a.map(((a,r)=>t===r?!!e.matches:a))));return e.addEventListener?e.addEventListener("change",a):e.addListener&&e.addListener(a),a}));return()=>{e.forEach(((e,t)=>{e.removeEventListener?e.removeEventListener("change",r[t]):e.removeListener&&e.removeListener(r[t])}))}}),[e]),r}const nn=T(m,"breakpoints",{}),ln=Object.keys(nn).map((e=>`(min-width: ${T(nn,e)})`));function sn(){const e=rn(ln);return{breakpoint:F((()=>{const[t,a,r,n]=e;return n?"widescreen":r?"desktop":a?"tablet":"mobile"}),[e]),matches:e}}function on(e,t,a){if("object"!=typeof e||null===e||!("mobile"in e))return e;if(a&&a<0)return T(e,"mobile");const r=["mobile","tablet","desktop","widescreen"],n=null!=a?a:r.indexOf(t),l=T(e,r[n],null);return l||on(e,t,n-1)}const cn=(e,t)=>({"--stack-space":s(o,"margin",t),"--stack-align":e}),dn=e({display:"flex",[a("direction","column")]:{flexDirection:"column",justifyContent:"unset",alignItems:"var(--stack-align)","> *:not(:first-child)":{marginTop:"var(--stack-space) !important"}},[a("direction","row")]:{flexDirection:"row",alignItems:"center",justifyContent:"var(--stack-align)","> *:not(:first-child)":{marginLeft:"var(--stack-space) !important"}},[a({fluid:"true",direction:"column"})]:{alignItems:"unset",justifyContent:"unset"}}),un=L((function(e,t){const{direction:a="column",fluid:r=!1,align:n="start",space:l="$space-1",children:i}=e,s=_t(e,["direction","fluid","align","space","children"]),{breakpoint:o}=sn(),c=on(a,o),d=on(r,o),u=on(n,o),m=on(l,o);return D.createElement("div",Object.assign({ref:t},s),D.createElement("div",{className:dn,"data-direction":c,"data-fluid":d,style:cn(u,m)},i))})),mn=n({content:'""',position:"absolute",display:"block",borderRadius:"$pill",size:"0.5rem",bg:"$form.control"}),pn=n({":disabled":{bg:"$disabled",border:"$disabled",color:"$disabled",cursor:"not-allowed","+ div":{label:{cursor:"not-allowed",color:"$disabled"}}}}),gn=n(Object.assign(Object.assign(Object.assign({},l("main")),{bg:"$form.controlChecked",color:"$form.controlChecked",border:"$form.controlChecked",position:"relative","&:after":Object.assign(Object.assign({},mn),{bg:e=>T(e,"fg.form.controlChecked","")}),":hover:not(:disabled)":{bg:"$form.controlCheckedHover",border:"$form.controlCheckedHover"},"&[disabled]:after":Object.assign(Object.assign({},mn),{bg:e=>T(e,"fg.disabled","")})}),pn)),bn=e(Object.assign(Object.assign(Object.assign(Object.assign({},l("neutral")),{size:"1.25rem",border:"$form.control",appearance:"none",position:"relative",borderRadius:"$pi