@vtex/admin-ui
Version:
> VTEX admin component library
1 lines • 184 kB
JavaScript
"use strict";var e=require("@vtex/admin-ui-core"),t=require("@vtex/admin-ui-hooks"),r=require("@vtex/admin-ui-util"),a=require("react"),n=require("reakit/Popover"),o=require("reakit/Id"),s=require("@vtex/phosphor-icons"),l=require("reakit/Clickable"),i=require("@react-aria/i18n"),c=require("date-fns"),d=require("tiny-invariant"),u=require("reakit/Composite"),m=require("@react-aria/spinbutton"),p=require("@react-aria/utils"),f=require("ariakit/combobox"),b=require("ariakit/checkbox"),g=require("ariakit/composite"),h=require("ariakit/focusable"),x=require("react-helmet");require("focus-visible/dist/focus-visible");var y=require("react-collapsed"),v=require("ariakit/radio"),w=require("ariakit"),$=require("tiny-warning"),E=require("reakit/Tooltip"),C=require("ariakit/menu"),O=require("jotai"),j=require("reakit/Separator"),I=require("downshift"),N=require("reakit/Toolbar"),R=require("react-device-detect");function S(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r}"function"==typeof SuppressedError&&SuppressedError;const k=a.forwardRef((function(e,n){const o=e,{state:{visible:s,isDisabled:l,isReadOnly:i,show:c,pickerId:d,popoverId:u,segmentFocus:m},onKeyDown:p,onClick:f,onMouseDown:b}=o,g=S(o,["state","onKeyDown","onClick","onMouseDown"]),h=a.useCallback((()=>{r.isTouch()&&c()}),[c]),x=t.useOnKeyDown({onKey:p,keyMap:e=>{const t=e.altKey;return{ArrowDown:()=>{t&&c()}}}}),y=a.useCallback((e=>{e.stopPropagation(),null==m||m()}),[m]);return a.createElement("div",Object.assign({ref:n,id:d,role:"button","aria-haspopup":"dialog","aria-expanded":s,"aria-owns":s?u:void 0,"aria-disabled":r.ariaAttr(l),"aria-readonly":r.ariaAttr(i),onKeyDown:r.callAllHandlers(p,x),onClick:r.callAllHandlers(f,h),onMouseDown:r.callAllHandlers(b,y)},g))})),A=e.csx({bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$base"}),P=a.forwardRef((function(t,r){const{className:o="",state:s}=t,l=S(t,["className","state"]);return a.createElement(n.Popover,Object.assign({ref:r,className:e.cx(A,o),id:s.popoverId,state:s,"data-test":"hey"},l))})),T=a.forwardRef((function(e,t){const{state:o,onMouseDown:s}=e,l=S(e,["state","onMouseDown"]);return a.createElement(n.PopoverDisclosure,Object.assign({ref:t,state:o,tabIndex:-1,disabled:o.isDisabled||o.isReadOnly,onMouseDown:r.callAllHandlers(s,(e=>{e.stopPropagation()}))},l))}));function D(t){const{tone:r,variant:a}=t;return e.style({color:`action.${r}.${a}`,bg:`action.${r}.${a}`,":hover":{color:`action.${r}.${a}Hover`,bg:`action.${r}.${a}Hover`},":active":{color:`action.${r}.${a}Pressed`,bg:`action.${r}.${a}Pressed`},":disabled":{bg:"tertiary"===a?"transparent":"$disabled",color:"$disabled"},":focus":{outline:"none",boxShadow:"none"},":focus-visible":{outline:"none",boxShadow:`$ring.${r}`},":focus-visible:not(:active)":{color:`action.${r}.${a}Hover`,bg:`action.${r}.${a}Hover`}})}const F=e.csx({text:"$action1",border:"none",borderRadius:"$base",cursor:"pointer",position:"relative",[e.dataAttr("variant","primary")]:D({tone:"main",variant:"primary"}),[e.dataAttr("variant","secondary")]:D({tone:"main",variant:"secondary"}),[e.dataAttr("variant","tertiary")]:D({tone:"main",variant:"tertiary"}),[e.dataAttr("variant","critical")]:D({tone:"critical",variant:"primary"}),[e.dataAttr("variant","criticalSecondary")]:D({tone:"critical",variant:"secondary"}),[e.dataAttr("variant","criticalTertiary")]:D({tone:"critical",variant:"tertiary"}),[e.dataAttr("variant","neutralTertiary")]:D({tone:"neutral",variant:"tertiary"}),[e.dataAttr("size","normal")]:{padding:"$space-2 $space-3",height:"2.25rem"},[e.dataAttr("size","large")]:{padding:"$space-3 $space-4",height:"2.75rem"},[e.dataAttr({size:"normal","bleed-y":!0})]:{marginY:e.negative("$space-2")},[e.dataAttr({size:"large","bleed-y":!0})]:{marginY:e.negative("$space-3")},[e.dataAttr({size:"normal","bleed-x":!0})]:{marginX:e.negative("$space-3")},[e.dataAttr({size:"large","bleed-x":!0})]:{marginX:e.negative("$space-4")}}),L=e.csx({text:"$action1",[e.dataAttr("loading",!0)]:{visibility:"hidden"},[e.dataAttr("loading",!1)]:{visibility:"visible"},[e.dataAttr("icon-position","start")]:{flexDirection:"row",svg:{marginRight:"$space-1"}},[e.dataAttr("icon-position","end")]:{flexDirection:"row-reverse",svg:{marginLeft:"$space-05"}}}),M=e.csx({text:"$action1",position:"absolute",bottom:"$space-0",top:"$space-0",left:"$space-0",right:"$space-0",svg:{size:"1.3rem"}}),z=e.csx({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"}}),V=e.csx({display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",marginBottom:"$space-4"}),B=e.csx(Object.assign(Object.assign({text:"$action1",border:"none",borderRadius:"$base",cursor:"pointer",position:"relative",height:"2.25rem"},D({tone:"neutral",variant:"tertiary"})),{display:"flex",alignItems:"center",justifyContent:"center"})),H=e.csx({size:"2.25rem"}),G=e.csx(Object.assign(Object.assign({position:"relative",height:"2.25rem"},D({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"})),q=e.csx({text:"$title1"}),X=e.csx({text:"$body",textDecoration:"none",color:"$secondary",paddingY:"$space-2",textAlign:"center",size:"2.25rem"}),Y=a.forwardRef((function(t,n){const{handler:o,state:{focusNextMonth:s,focusPreviousMonth:i,focusPreviousYear:c,focusNextYear:d},onClick:u,className:m=""}=t,p=S(t,["handler","state","onClick","className"]),f=a.useMemo((()=>({nextMonth:{handle:s,ariaLabel:"Next Month"},previousMonth:{handle:i,ariaLabel:"Previous Month"},nextYear:{handle:d,ariaLabel:"Next Year"},previousYear:{handle:c,ariaLabel:"Previous Year"}}[o])),[s,i,d,c]);return a.createElement(l.Clickable,Object.assign({ref:n,className:e.cx(B,m),"aria-label":null==f?void 0:f.ariaLabel,onClick:r.callAllHandlers(u,null==f?void 0:f.handle)},p))})),W=a.forwardRef((function(e,n){const{state:{isReadOnly:o,isDisabled:s,setFocused:l,selectFocusedDate:i,focusPreviousYear:c,focusPreviousMonth:d,focusNextYear:u,focusNextMonth:m,focusEndOfMonth:p,focusStartOfMonth:f,focusNextDay:b,focusPreviousDay:g,focusNextWeek:h,focusPreviousWeek:x,calendarId:y},onKeyDown:v,onBlur:w,onBlur:$}=e,E=S(e,["state","onKeyDown","onBlur","onBlur"]),C=t.useOnKeyDown({onKeyDown:v,keyMap:e=>{const t=e.shiftKey;return{" ":i,Enter:i,End:p,Home:f,ArrowLeft:g,ArrowUp:x,ArrowRight:b,ArrowDown:h,PageUp:()=>{t?c():d()},PageDown:()=>{t?u():m()}}}});return a.createElement("table",Object.assign({ref:n,role:"grid","aria-labelledby":y,"aria-readonly":r.ariaAttr(o),"aria-disabled":r.ariaAttr(s),onKeyDown:r.callAllHandlers(v,C),onFocus:r.callAllHandlers(w,(()=>l(!0))),onBlur:r.callAllHandlers($,(()=>l(!1)))},E))}));const K={"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 _(){const e=function(){const{locale:e}=i.useLocale();return e.split("-")[1]}();return K[e]||0}const U=a.forwardRef((function(t,r){const{className:n="",format:o={month:"long",year:"numeric"},state:{calendarId:s,currentMonth:l}}=t,c=S(t,["className","format","state"]);return a.createElement("h2",Object.assign({ref:r,id:s,"aria-live":"polite",className:e.cx(q,n)},c),i.useDateFormatter(o).format(null!=l?l:new Date))})),Z=a.forwardRef((function(t,r){var n;const{state:{weekDays:o},dayIndex:s,className:l=""}=t,i=S(t,["state","dayIndex","className"]);return a.createElement("th",Object.assign({ref:r,"aria-label":null===(n=null==o?void 0:o[s])||void 0===n?void 0:n.title,className:e.cx(X,l)},i))})),J=a.forwardRef((function(t,r){const{className:n=""}=t,o=S(t,["className"]);return a.createElement("header",Object.assign({ref:r,className:e.cx(V,n)},o))})),Q=a.forwardRef((function(t,n){const{date:o,state:{dateValue:s},className:l=""}=t,i=S(t,["date","state","className"]),d=!!s&&c.isSameDay(o,s),u={"data-weekend":r.htmlDataAttr(c.isWeekend(o))};return a.createElement("td",Object.assign({ref:n,role:"gridcell",className:e.cx(H,l),"aria-selected":r.ariaAttr(d)},u,i))})),ee=a.forwardRef((function(n,o){const{date:s,state:{isDisabled:d,month:u,isInvalidDateRange:m,dateValue:p,focusedDate:f,isFocused:b,selectDate:g,setFocusedDate:h},disabled:x,onClick:y,onFocus:v,className:w=""}=n,$=S(n,["date","state","disabled","onClick","onFocus","className"]),E=a.useRef(null),C=s.getMonth()===u,O=d||!C||m(s),j=x||O,I=!!p&&c.isSameDay(s,p),N=b&&f&&c.isSameDay(s,f),R=c.isSameDay(s,new Date);a.useEffect((()=>{N&&E.current&&r.ensureFocus(E.current)}),[s,f,N,E]);const k=a.useCallback((()=>{j||(g(s),h(s))}),[s,j,g,h]),A=a.useCallback((()=>{j||h(s)}),[s,j,h]),P=i.useDateFormatter({weekday:"long",day:"numeric",month:"long",year:"numeric"});const T=j?void 0:c.isSameDay(s,null!=f?f:new Date)?0:-1;return a.createElement(l.Clickable,Object.assign({ref:t.useForkRef(o,E),"aria-label":function(){const e=P.format(s);return`${R?"Today, ":""}${e}${I?" selected":""}`}(),className:e.cx(G,w),onClick:r.callAllHandlers(y,k),onFocus:r.callAllHandlers(v,A),disabled:j,tabIndex:T},$),i.useDateFormatter({day:"numeric"}).format(s))})),te=e.csx({textDecoration:"none",text:"$body"}),re=a.forwardRef((function(t,r){const{className:n="",children:o}=t,s=S(t,["className","children"]);return a.createElement("abbr",Object.assign({ref:r,className:e.cx(te,n)},s),o)})),ae=a.forwardRef((function(t,r){var n,o;const{state:l,className:i=""}=t,c=S(t,["state","className"]);return a.createElement("div",Object.assign({ref:r,className:e.cx(z,i),role:"group","aria-labelledby":l.calendarId},c),a.createElement(J,null,a.createElement(Y,{state:l,handler:"previousMonth"},a.createElement(s.IconCaretLeft,null)),a.createElement(U,{state:l}),a.createElement(Y,{state:l,handler:"nextMonth"},a.createElement(s.IconCaretRight,null))),a.createElement(W,{state:l},a.createElement("thead",null,a.createElement("tr",null,null===(n=null==l?void 0:l.weekDays)||void 0===n?void 0:n.map(((e,t)=>a.createElement(Z,{scope:"col",key:t,dayIndex:t,state:l},a.createElement(re,{title:e.title},e.abbr)))))),a.createElement("tbody",null,null===(o=null==l?void 0:l.daysInMonth)||void 0===o?void 0:o.map(((e,t)=>a.createElement("tr",{key:t},e.map(((e,t)=>a.createElement(Q,{state:l,date:e,key:t},a.createElement(ee,{state:l,date:e}))))))))))}));function ne(e){if(!e)return new Date;const{year:t,month:r,day:a}=e;return d(t>=0,"The year must be greater then 0"),d(r>=0&&r<=11,"The month must be between 0 and 11"),d(a>=1&&a<=31,"The day must be between 1 and 31"),new Date(t,r,a)}function oe(e){const t=null!=e?e:new Date;return{year:c.getYear(t),month:c.getMonth(t),day:c.getDate(t)}}function se(e={}){const{value:r,defaultValue:n=oe(),onChange:s,minValue:l={year:1,month:0,day:1},maxValue:d={year:8e3,month:11,day:31},isDisabled:u=!1,isReadOnly:m=!1,autoFocus:p=!1}=e,[f,b]=t.useControllableState({value:r,defaultValue:n,onChange:s}),g=a.useMemo((()=>ne(f)),[f]),h=a.useMemo((()=>ne(l)),[l]),x=a.useMemo((()=>ne(d)),[d]),[y,v]=a.useState(g),[w,$]=a.useState(g),[E,C]=a.useState(p),O=y.getMonth(),j=y.getFullYear(),I=_(),N=function(e){const t=i.useDateFormatter({weekday:"narrow"}),r=i.useDateFormatter({weekday:"long"});return[0,1,2,3,4,5,6].map((a=>{const n=c.setDay(Date.now(),(a+e)%7),o=t.format(n);return{title:r.format(n),abbr:o}}))}(I),R=a.useMemo((()=>{let e=c.startOfMonth(y).getDay()%7-I;e<0&&(e+=7);const t=c.getDaysInMonth(y),r=Math.ceil((e+t)/7),a=function(e,t,r,a){return Array(r).fill(1).reduce(((r,n,o)=>[...r,[0,1,2,3,4,5,6].reduce(((r,n)=>[...r,new Date(a,e,7*o+(n-t)+1)]),[])]),[])}(O,e,r,j);return a}),[O,j,y,I]),S=a.useCallback((e=>e<h||e>x),[h,x]),k=a.useCallback((e=>{S(e)||(c.isSameMonth(e,y)||v(c.startOfMonth(e)),$(e))}),[S,y]),A=a.useCallback((e=>{u||m||b(oe(e))}),[u,m,b]),{id:P}=o.unstable_useId({id:e.id,baseId:"calendar"});return{dateValue:g,setDateValue:A,minDateValue:h,maxDateValue:x,calendarId:P,month:O,year:j,weekStart:I,weekDays:N,daysInMonth:R,isDisabled:u,isFocused:E,isReadOnly:m,setFocused:C,currentMonth:y,setCurrentMonth:v,focusedDate:w,focusCell:k,setFocusedDate:$,focusNextDay(){k(c.addDays(w,1))},focusPreviousDay(){k(c.subDays(w,1))},focusNextWeek(){k(c.addWeeks(w,1))},focusPreviousWeek(){k(c.subWeeks(w,1))},focusNextMonth(){k(c.addMonths(w,1))},focusPreviousMonth(){k(c.subMonths(w,1))},focusStartOfMonth(){k(c.startOfMonth(w))},focusEndOfMonth(){k(c.endOfMonth(c.startOfDay(w)))},focusNextYear(){k(c.addYears(w,1))},focusPreviousYear(){k(c.subYears(w,1))},selectFocusedDate(){A(w)},selectDate(e){A(e)},isInvalidDateRange:S}}const le=a.forwardRef((function(e,t){const{state:{pickerState:r,calendarState:n}}=e,o=S(e,["state"]);return a.createElement(P,Object.assign({ref:t,state:r},o),a.createElement(ae,{state:n}))})),ie=e.csx({[e.dataAttr("variant","pageTitle")]:{text:"$pageTitle"},[e.dataAttr("variant","title1")]:{text:"$title1"},[e.dataAttr("variant","title2")]:{text:"$title2"},[e.dataAttr("variant","action1")]:{text:"$action1"},[e.dataAttr("variant","action2")]:{text:"$action2"},[e.dataAttr("variant","display")]:{text:"$display"},[e.dataAttr("variant","body")]:{text:"$body"},[e.dataAttr("variant","detail")]:{text:"$detail"},[e.dataAttr("tone","primary")]:{color:"$primary"},[e.dataAttr("tone","secondary")]:{color:"$secondary"},[e.dataAttr("tone","info")]:{color:"$info"},[e.dataAttr("tone","positive")]:{color:"$positive"},[e.dataAttr("tone","critical")]:{color:"$critical"},[e.dataAttr("tone","warning")]:{color:"$warning"}}),ce=a.forwardRef((function(t,r){const{children:n,className:o="",variant:s="body",tone:l="primary"}=t,i=S(t,["children","className","variant","tone"]);return a.createElement("span",Object.assign({ref:r,"data-variant":s,"data-tone":l,className:e.cx(ie,o)},i),n)})),de=e.csx({text:"$body"}),ue=a.forwardRef(((t,r)=>{const{className:n=""}=t,o=S(t,["className"]);return a.createElement("label",Object.assign({ref:r,className:e.cx(de,n)},o))}));function me(e,t){const{mobile:r,tablet:a,desktop:n,widescreen:o}=t||{};return{[`--${e}-mobile`]:r,[`--${e}-tablet`]:a,[`--${e}-desktop`]:n,[`--${e}-widescreen`]:o}}const pe=e.csx({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)"}}),fe=e.csx({flex:1,justifySelf:"stretch",alignSelf:"stretch"}),be=a.forwardRef(((t,r)=>{const{basis:n,direction:o,wrap:s,align:l,justify:i,grow:c,shrink:d,order:u,className:m=""}=t,p=S(t,["basis","direction","wrap","align","justify","grow","shrink","order","className"]),f=(b={basis:ge(n),direction:ge(o),wrap:ge(s),align:ge(l),justify:ge(i),grow:ge(c),shrink:ge(d),order:ge(u)},Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},me("basis",b.basis)),me("direction",b.direction)),me("wrap",b.wrap)),me("align",b.align)),me("justify",b.justify)),me("grow",b.grow)),me("shrink",b.shrink)),me("order",b.order)));var b;return a.createElement("div",Object.assign({ref:r,style:f,className:e.cx(m,pe)},p))}));function ge(e){if(!e)return e;const t=r.get(e,"mobile",e),a=r.get(e,"tablet",t),n=r.get(e,"desktop",a);return{mobile:t,tablet:a,desktop:n,widescreen:r.get(e,"widescreen",n)}}const he=a.forwardRef(((t,r)=>{const{className:n=""}=t,o=S(t,["className"]);return a.createElement("div",Object.assign({ref:r,className:e.cx(n,fe)},o))}));function xe(e,t,r,a,n=!1){if(n){(e+=t>0?1:-1)<r&&(e=a);const n=Math.abs(t);(e=t>0?Math.ceil(e/n)*n:Math.floor(e/n)*n)>a&&(e=r)}else(e+=t)<r?e=a-(r-e-1):e>a&&(e=r+(e-a-1));return e}function ye(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 ve(e){return/^[0-9\u0660-\u0669\u06f0-\u06f9]+$/.test(e)}const we=e.csx({display:"flex"}),$e=e.csx({cursor:"pointer",text:"$body",paddingY:"$space-0",bg:"$action.neutral.tertiary",color:"$action.neutral.tertiary",":disabled":{color:"$disabled"},[e.dataAttr("literal","true")]:{paddingX:"$space-05"},[e.dataAttr("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"}}}),Ee=a.forwardRef((function(t,n){const{isDisabled:s,isReadOnly:l,isRequired:c,segment:d,state:f,onMouseDown:b,onKeyDown:g,onFocus:h,className:x=""}=t,y=S(t,["isDisabled","isReadOnly","isRequired","segment","state","onMouseDown","onKeyDown","onFocus","className"]),{next:v,dateFormatter:w,increment:$,decrement:E,incrementPage:C,decrementPage:O,setSegment:j}=f,I=a.useMemo((()=>s||l||"literal"===d.type),[s,l,d.type]),{id:N}=o.unstable_useId({baseId:"datepicker-segment"}),[R,k]=a.useState(""),A=i.useDateFormatter({month:"long"}),P=i.useDateFormatter({hour:"numeric",hour12:w.resolvedOptions().hour12}),{spinButtonProps:T}=m.useSpinButton({value:d.value,textValue:Ce(d,f,{month:A,hour:P}),minValue:d.minValue,maxValue:d.maxValue,isDisabled:s,isReadOnly:l,isRequired:c,onIncrement:()=>$(d.type),onDecrement:()=>E(d.type),onIncrementPage:()=>C(d.type),onDecrementPage:()=>O(d.type),onIncrementToMax:()=>j(d.type,d.maxValue),onDecrementToMin:()=>j(d.type,d.minValue)}),D=a.useCallback((e=>{const t=R.concat(e);if("dayPeriod"===d.type)"a"===e?f.setSegment("dayPeriod",0):"p"===e&&f.setSegment("dayPeriod",12),f.next();else{if(!ve(t))return;const r=ye(t);let a=r;"hour"===d.type&&f.dateFormatter.resolvedOptions().hour12&&12===r?a=0:r>d.maxValue&&(a=ye(e)),f.setSegment(d.type,a),Number(`${r}0`)>d.maxValue?(k(""),f.next()):k(t)}}),[R,v,d.maxValue,d.type]),F=a.useCallback((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(),ve(d.text)&&!l){const e=d.text.slice(0,-1);j(d.type,0===e.length?d.minValue:ye(e)),k(e)}break;default:e.preventDefault(),e.stopPropagation(),ve(e.key)||/^[ap]$/.test(e.key)}}),[v,D,d.minValue,d.text,d.type]),L=a.useCallback((()=>{k("")}),[]),M=a.useCallback((e=>e.stopPropagation()),[]),z=a.useMemo((()=>{const e=Object.assign({state:f,disabled:I,tabIndex:I?-1:0,children:d.text},y);switch(d.type){case"literal":case"era":return e;default:return p.mergeProps(T,Object.assign(Object.assign({},e),{"aria-label":d.type,onKeyDown:r.callAllHandlers(g,F),onFocus:r.callAllHandlers(h,L),onMouseDown:r.callAllHandlers(b,M),children:Ce(d,f,{month:A,hour:P})}))}}),[d,f,I]),V="literal"===d.type;return a.createElement(u.CompositeItem,Object.assign({ref:n,id:N,"aria-labelledby":N,"data-literal":V,className:e.cx($e,x)},z))}));function Ce(e,t,r){var a;switch(e.type){case"hour":return r.hour.format(t.fieldValue).split(" ")[0];case"dayPeriod":return r.hour.format(t.fieldValue).split(" ")[1];default:return null!==(a=t.showPlaceholder.current[e.type])&&void 0!==a&&a?e.placeholder:e.text}}const Oe=a.forwardRef((function(t,r){const{className:n=""}=t,o=S(t,["className"]);return a.createElement(u.Composite,Object.assign({ref:r,className:e.cx(we,n)},o))})),je={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0},Ie={year:5,month:2,day:7,hour:2,minute:15,second:15},Ne={day:!1,month:!1,year:!1},Re={day:!0,month:!0,year:!0},Se={dayperiod:"dayPeriod"};function ke(e={}){const{value:n,onChange:o,defaultValue:s=new Date,formatOptions:l,placeholder:d}=e,m=u.useCompositeState({orientation:"horizontal"}),p=a.useRef(je),f=i.useDateFormatter(l),b=a.useRef(d?Re:Ne),g=a.useMemo((()=>f.resolvedOptions()),[f]),h=a.useMemo((()=>f.formatToParts(new Date).filter((e=>r.get(je,e.type))).length),[f]),[x,y]=t.useControllableState({value:n,defaultValue:s,onChange:o}),v=a.useMemo((()=>f.formatToParts(x).map((e=>Object.assign({type:r.get(Se,e.type)||e.type,text:e.value,placeholder:r.get(d,e.type)},function(e,t,r){switch(t){case"day":return{value:c.getDate(e),minValue:1,maxValue:c.getDaysInMonth(e)};case"dayPeriod":return{value:c.getHours(e)>=12?12:0,minValue:0,maxValue:12};case"hour":{const t=c.getHours(e);if(r.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:c.getMinutes(e),minValue:0,maxValue:59};case"second":return{value:c.getSeconds(e),minValue:0,maxValue:59};case"month":return{value:c.getMonth(e)+1,minValue:1,maxValue:12};case"year":return{value:c.getYear(e),minValue:1,maxValue:9999};default:return{}}}(x,e.type,g))))),[g,f,d,x]);a.useEffect((()=>{n&&Object.keys(p.current).length<h&&(p.current=je)}),[n,h]);const w=(e,t)=>{p.current[e]=!0,b.current[e]=!1,y(function(e,t,r,a){switch(t){case"day":{const t=c.getDate(e);return c.setDate(e,xe(t,r,1,c.getDaysInMonth(e)))}case"dayPeriod":{const t=c.getHours(e),r=t>=12;return c.setHours(e,r?t-12:t+12)}case"hour":{let t=c.getHours(e),n=0,o=23;if(a.hour12){const e=t>=12;n=e?12:0,o=e?23:11}return t=xe(t,r,n,o),c.setHours(e,t)}case"minute":{const t=xe(c.getMinutes(e),r,0,59,!0);return c.setMinutes(e,t)}case"month":{const t=xe(c.getMonth(e),r,0,11);return c.setMonth(e,t)}case"second":{const t=xe(c.getSeconds(e),r,0,59,!0);return c.setSeconds(e,t)}case"year":{const t=xe(c.getYear(e),r,1,9999,!0);return c.setYear(e,t)}default:return console.warn("add: Out of bounds"),new Date}}(x,e,t,g))};return Object.assign(Object.assign({},m),{showPlaceholder:b,fieldValue:x,setFieldValue:y,segments:v,dateFormatter:f,resetPlaceholder:()=>{b.current=Ne},displayPlaceholder:()=>{b.current=Re},increment(e){w(e,1)},decrement(e){w(e,-1)},incrementPage(e){w(e,r.get(Ie,e)||1)},decrementPage(e){w(e,-(r.get(Ie,e)||1))},setSegment(e,t){p.current[e]=!0,b.current[e]=!1,y(function(e,t,r,a){switch(t){case"day":return c.setDay(e,r);case"dayPeriod":{const t=c.getHours(e),a=t>=12;return r>=12===a?e:c.setHours(e,a?t-12:Number(t)+12)}case"hour":if(a.hour12){const t=c.getHours(e)>=12;t||12!==r||(r=0),t&&r<12&&(r+=12)}return c.setHours(e,r);case"minute":return c.setMinutes(e,r);case"month":return c.setMonth(e,r-1);case"second":return c.setSeconds(e,r);case"year":return c.setYear(e,r);default:return console.warn("setSegment: Out of bounds"),new Date}}(x,e,t,g))}})}const Ae=e.csx({display:"flex",justifyContent:"space-between",alignContent:"center",padding:"$space-2 $space-3",height:52,width:288,borderRadius:4,[e.dataAttr("tone","critical")]:{border:"$form.critical"},[e.dataAttr("tone","neutral")]:{border:"$form.neutral"},[e.dataAttr("disabled","true")]:{border:"$disabled"}}),Pe=e.csx({text:"$detail",color:"$secondary"}),Te=a.forwardRef((function(t,r){const{state:n,label:o,disclosure:s,tone:l="neutral",disabled:i=!1,className:c=""}=t,d=S(t,["state","label","disclosure","tone","disabled","className"]);return a.createElement("div",Object.assign({ref:r,"data-tone":l,"data-disabled":i,className:e.cx(Ae,c)},d),a.createElement(be,{direction:"column"},a.createElement(ue,{className:Pe},o),a.createElement(Oe,{state:n},n.segments.map(((e,t)=>a.createElement(Ee,{isDisabled:i,key:`segment-element-${t}`,segment:e,state:n}))))),s)})),De=e.csx({display:"flex",justifyContent:"center",alignItems:"center"}),Fe=a.forwardRef((function(t,r){const{className:n=""}=t,o=S(t,["className"]);return a.createElement("div",Object.assign({ref:r,className:e.cx(De,n)},o))})),Le=e.csx(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"},e.focusVisible("neutral")),{[e.dataAttr("disabled","true")]:{fg:"blue"},[e.dataAttr("disabled","false")]:{fg:"$action.neutral.tertiary"}})),Me=a.forwardRef((function(e,t){const{state:{required:n,tone:o,pickerState:l,dateFieldState:i,disabled:c},label:d,helperText:u,criticalText:m}=e,p=S(e,["state","label","helperText","criticalText"]),f="critical"===o,b="critical"===o&&m,g=u&&!b;return a.createElement(k,Object.assign({ref:t,"aria-invalid":r.ariaAttr(f),"aria-required":r.ariaAttr(n),state:l},p),a.createElement(Te,{label:d,state:i,tone:o,disabled:c,disclosure:a.createElement(T,{state:l,className:Le,"data-disabled":c},a.createElement(Fe,null,a.createElement(s.IconCalendarBlank,null)))}),g&&a.createElement(ce,{variant:"detail"},u),b&&a.createElement(ce,{variant:"detail",tone:"critical"},m))}));Me.displayName="DatePickerField";const ze=(e,t)=>e.indexOf(t)>-1;function Ve(e={}){const{timeoutMs:r=250,list:n=[],getOptionValue:o=(e=>"string"==typeof e?e:JSON.stringify(e)),renderOption:s=(e=>"string"==typeof e?e:JSON.stringify(e))}=e,l=S(e,["timeoutMs","list","getOptionValue","renderOption"]),i=f.useComboboxState(Object.assign({gutter:4},l)),[c]=t.useDebounce(i.value,r),[d,u]=a.useState(n),[m,p]=a.useState(),[b,g]=a.useState();a.useEffect((()=>{if(0===n.length)return;const e=i.value.toLocaleLowerCase();u(""===e?n:n.filter((t=>ze(o(t).toLocaleLowerCase(),e))))}),[i.value]);const h=a.useMemo((()=>{if(b)return b;const e=!d.length;return e&&""===i.value?"empty":e?"not-found":"ready"}),[b,d,i.value]);return Object.assign(Object.assign({},i),{deferredValue:c,status:h,setStatus:g,getOptionValue:o,renderOption:s,setSelectedItem:p,selectedItem:m,setMatches:u,matches:d,setError:e=>{g(e?"error":void 0)},setLoading:e=>{g(e?"loading":void 0)}})}const Be="21.625rem",He="focus + label",Ge="placeholder-shown:not(:focus) + label",qe="not(:placeholder-shown) + label",Xe=e.csx({width:Be,position:"relative",display:"flex",justifyContent:"flex-start",flexDirection:"column",[`input:${He}, textarea:${He}`]:{transform:"translate(1px, 4px) scale(0.875)"},[`input:${Ge}, textarea:${Ge}`]:{paddingTop:"$space-1"},[`input:${qe}, textarea:${qe}`]:{transform:"translate(1px, 4px) scale(0.875)"}}),Ye=e.csx({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;"}),We=e.csx({width:Be,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"}}),Ke=e.csx({right:"$space-0",top:"$space-1",height:"2.875rem",paddingRight:"$space-3",position:"absolute",display:"flex",color:"$primary"}),_e=e.csx(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"},D({tone:"neutral",variant:"tertiary"})),{color:"$secondary"})),Ue=e.csx({width:Be,padding:"$space-3",bg:"$primary",boxShadow:"$overlay.center",border:"$neutral",borderRadius:"$base",zIndex:"$z-4"}),Ze=e.csx({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"}}),Je=e.cx(Ze,e.csx({display:"flex",justifyContent:"space-between",alignItems:"center",outline:"none"})),Qe=e.csx({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"}}),et=e.csx({padding:"$space-0",marginLeft:"$space-2",bg:"transparent",display:"flex",alignItems:"center",justifyContent:"center",color:"$secondary"}),tt=e.csx({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",[e.dataAttr("reduce-label",!0)]:{paddingY:"$space-1"},[e.dataAttr("reduce-label",!1)]:{paddingY:"$space-0"}}}),rt=e.csx({position:"absolute",text:"$body",zIndex:"$z-2",left:12,color:"$secondary",transformOrigin:"top left",transition:"all 0.2s ease-out;",[e.dataAttr("reduce-label",!0)]:{transform:"translate(1px, 0px) scale(0.875)"},[e.dataAttr("reduce-label",!1)]:{transform:"translate(0, 9px) scale(1)"}}),at=e.csx({margin:"$space-2"});const nt=s.createIconProvider({useIconProps:function(t){const{className:r="",size:n}=lt(),{title:o,size:s=n,children:l,className:i="",width:c,height:d}=t,u=S(t,["title","size","children","className","width","height"]),m="small"===s?"1rem":"1.25rem";return Object.assign(Object.assign({width:null!=c?c:m,height:null!=d?d:m},u),{children:a.createElement(a.Fragment,null,o?a.createElement("title",null,o):null,l),className:e.cx(e.csx({height:null!=d?d:m,width:null!=c?c:m,minHeight:null!=d?d:m,minWidth:null!=c?c:m}),i,r)})}}),ot=a.createContext({size:"regular",className:""});function st(e){const{children:t}=e,r=S(e,["children"]);return a.createElement(ot.Provider,{value:r},t)}function lt(){const{size:e,className:t}=a.useContext(ot);return{size:e,className:t,isSmall:"small"===e,isRegular:"regular"===e}}const it={placeholder:" "},ct=a.forwardRef(((e,t)=>{const{state:r,label:n,id:o}=e,l=S(e,["state","label","id"]);return a.createElement("div",Object.assign({},l,{ref:t}),a.createElement("div",{className:Xe},a.createElement(f.Combobox,Object.assign({},it,{className:We,id:o,state:r})),a.createElement("label",{htmlFor:o,className:Ye},n),""!==r.value&&a.createElement("div",{className:Ke},a.createElement(f.ComboboxCancel,{state:r,className:_e},a.createElement(st,{size:"regular"},a.createElement(s.IconXCircle,null))))))}));const dt={"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..."}},ut=e.csx({text:"$body"}),mt=a.forwardRef((function(t,r){const{className:n="",children:o}=t,s=S(t,["className","children"]);return a.createElement("p",Object.assign({ref:r,className:e.cx(ut,n)},s),o)})),pt=e.keyframes({"0%":{strokeDasharray:"1, 150",strokeDashoffset:"0"},"50%":{strokeDasharray:"90, 150",strokeDashoffset:"-35"},"100%":{strokeDasharray:"90, 150",strokeDashoffset:"-124"}}),ft=e.keyframes({"100%":{transform:"rotate(360deg)"}}),bt=e.csx({animation:`${ft} 1.5s linear infinite`}),gt=e.csx({fill:"none",stroke:"currentColor",strokeWidth:5,strokeLinecap:"round",animation:`${pt} 1s ease-in-out infinite`}),ht=a.forwardRef((function(t,r){const{className:n="",size:o=24}=t,s=S(t,["className","size"]);return a.createElement("svg",Object.assign({viewBox:"0 0 50 50",width:o,height:o,ref:r,className:e.cx(bt,n)},s),a.createElement("circle",{cx:25,cy:25,r:20,className:gt}))})),xt=a.forwardRef(((t,r)=>{const{icon:n,size:o="normal",variant:s="primary",iconPosition:l="start",loading:i=!1,disabled:c=!1,bleedY:d=!1,bleedX:u=!1,className:m="",type:p="button",children:f}=t,b=S(t,["icon","size","variant","iconPosition","loading","disabled","bleedY","bleedX","className","type","children"]),g=n&&!f?"center":l;return a.createElement("button",Object.assign({ref:r,type:p,"data-variant":s,"data-size":o,"data-bleed-x":u,"data-bleed-y":d,disabled:c||i,className:e.cx(F,m)},b),a.createElement(Fe,null,a.createElement(Fe,{"data-loading":i,"data-icon-position":g,className:L},n&&a.createElement(st,{size:"end"===g?"small":"regular"},n),f),i?a.createElement(Fe,{className:M},a.createElement(ht,null)):null))})),yt=a.forwardRef(((t,r)=>{const{state:n,onRetry:o=(()=>null),children:s,className:l=""}=t,c=S(t,["state","onRetry","children","className"]),{deferredValue:d,status:u}=n,m=S(n,["deferredValue","status"]),p=i.useMessageFormatter(dt);return a.createElement(f.ComboboxPopover,Object.assign({state:Object.assign(Object.assign({},m),{matches:[]}),className:e.cx(Ue,l),ref:r},c),(()=>{switch(u){case"ready":return a.createElement(a.Fragment,null,s);case"loading":return a.createElement("div",{className:at},a.createElement(ht,null));case"error":return a.createElement("div",{className:at},a.createElement("h2",null,a.createElement(ce,{variant:"title2"},p("error"))),a.createElement(xt,{bleedX:!0,onClick:o,variant:"tertiary"},p("retry")));case"empty":return a.createElement("div",{className:at},a.createElement(mt,{className:e.csx({color:"$secondary"})},p("searchPlaceholder")));case"not-found":return a.createElement("div",{className:at},a.createElement("h2",null,a.createElement(ce,{variant:"title2"},p("noResultsTitle"))),a.createElement(mt,{className:e.csx({color:"$secondary"})},p("noResultsSubtitle")))}})())})),vt=a.forwardRef(((e,t)=>a.createElement(yt,Object.assign({ref:t},e),e.state.matches.map((t=>{const r=e.state.getOptionValue(t),n=e.state.renderOption(t);return a.createElement(f.ComboboxItem,{key:r,value:r,onClick:()=>{e.state.setSelectedItem(t)},className:Ze},n)}))))),wt=a.forwardRef(((t,r)=>{const{children:n,onChange:o,item:s,isSelected:l,className:i=""}=t,c=S(t,["children","onChange","item","isSelected","className"]),d=l(s);return a.createElement(f.ComboboxItem,Object.assign({"aria-selected":d,className:e.cx(Je,i),onClick:()=>null==o?void 0:o(s),ref:r},c),n,a.createElement(b.CheckboxCheck,{checked:d}))})),$t={"aria-multiselectable":!0},Et=a.forwardRef(((e,t)=>a.createElement(yt,Object.assign({},e,$t,{ref:t}),e.state.matches.map((t=>{const r=e.state.getOptionValue(t),n=e.state.renderOption(t),{isSelected:o,onChange:s}=e.state;return a.createElement(wt,{item:t,key:r,value:r,isSelected:o,onChange:s},n)})))));function Ct(e={}){const{defaultSelected:t=[],list:r,shouldClearOnSelect:n=!0,getOptionValue:o=(e=>"string"==typeof e?e:JSON.stringify(e)),renderOption:s=(e=>"string"==typeof e?e:JSON.stringify(e)),compare:l,renderTag:i}=e,c=i||s,d=Ve({virtualFocus:!1,getOptionValue:o,list:r}),u=function(e){const{compare:t=((e,t)=>e===t),defaultValue:r=[]}=e,[n,o]=a.useState(r),s=e=>!!n.some((r=>t(r,e))),l=e=>o((t=>[...t,e])),i=e=>o((r=>r.filter((r=>!t(r,e)))));return{toggle:e=>{s(e)?i(e):l(e)},select:l,unselect:i,isSelected:s,value:n,setValue:o}}({defaultValue:t,compare:null!=l?l:(e,t)=>o(e)===o(t)}),m=a.useCallback((()=>{d.setValue(""),u.setValue([])}),[u.setValue,d.setValue]);return a.useEffect((()=>{n&&d.setValue("")}),[u.value,n,d.setValue]),Object.assign(Object.assign({},d),{selectedItems:u.value,setSelectedItems:u.setValue,onChange:u.toggle,isSelected:u.isSelected,select:u.select,unselect:u.unselect,clearSelected:m,getOptionValue:o,renderOption:s,renderTag:c})}function Ot(t){return e.getTokenValue(e.theme,"margin",t)}const jt=e.csx({display:"flex",[e.dataAttr("wrap",!0)]:{flexWrap:"wrap"},[e.dataAttr("wrap",!1)]:{flexWrap:"nowrap"},alignItems:"var(--align)",[e.dataAttr("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)"}},[e.dataAttr("space-inside",!0)]:{"> *:not(:first-child)":{marginLeft:"var(--h-space)",marginTop:"$space-0"},"> *:is(:first-child)":{marginLeft:"$space-0",marginTop:"$space-0"}}}),It=a.forwardRef(((t,r)=>{const{vSpace:n="$space-05",hSpace:o="$space-1",noWrap:s=!1,align:l="start",spaceInside:i=!1,className:c=""}=t,d=S(t,["vSpace","hSpace","noWrap","align","spaceInside","className"]),u=(e=>({"--v-space":Ot(e.vSpace),"--h-space":Ot(e.hSpace),"--align":e.align}))({vSpace:n,hSpace:o,align:l});return a.createElement("div",Object.assign({style:u,className:e.cx(jt,c),"data-wrap":!s,"data-space-inside":i,ref:r},d))}));function Nt(t){return e.negative(t)(e.theme,"margin")}It.displayName="Inline";const Rt=e.csx({marginTop:"var(--bleed-top, 0)",marginLeft:"var(--bleed-left, 0)",marginBottom:"var(--bleed-bottom, 0)",marginRight:"var(--bleed-right, 0)"}),St=e.csx({position:"relative"}),kt="0rem",At=a.forwardRef((function(t,r){const{top:n=kt,left:o=kt,bottom:s=kt,right:l=kt,className:i="",children:c}=t,d=S(t,["top","left","bottom","right","className","children"]);return a.createElement("div",Object.assign({ref:r,style:(u={top:n,left:o,bottom:s,right:l},{"--bleed-top":Nt(u.top),"--bleed-right":Nt(u.right),"--bleed-bottom":Nt(u.bottom),"--bleed-left":Nt(u.left)}),className:e.cx(Rt,i)},d),a.createElement("div",{className:St},c));var u})),Pt=(t,r)=>{const{value:n,onDismiss:o,className:l=""}=t,c=S(t,["value","onDismiss","className"]),d=i.useMessageFormatter(dt);return a.createElement(g.CompositeItem,Object.assign({},c),(t=>a.createElement(h.Focusable,Object.assign({className:e.cx(Qe,l),ref:r},t),a.createElement(be,{justify:"space-between",align:"center"},a.createElement(mt,null,n),a.createElement("button",{tabIndex:-1,onClick:o,className:et,"aria-label":d("removeLabel")},a.createElement(s.IconX,{size:"small"}))))))};const Tt=a.forwardRef(((t,r)=>{const{state:n,defaultValue:o,value:l,list:c,children:d,id:u,label:m,className:p=""}=t,b=S(t,["state","defaultValue","value","list","children","id","label","className"]),{selectedItems:h,value:x,unselect:y,clearSelected:v,getOptionValue:w,renderTag:$}=n,E=g.useCompositeState(),C=a.useRef(null),[O,j]=a.useState(!1),I=i.useMessageFormatter(dt),N=""!==x.trim(),R=h.length>0,k=O||R||N,A=O||R;return a.createElement("div",Object.assign({ref:r,className:e.cx(tt,p),"data-reduce-label":k,onClick:e=>{var t;e.preventDefault(),e.stopPropagation(),null===(t=C.current)||void 0===t||t.focus()}},b),a.createElement(a.Fragment,null,a.createElement("div",{className:e.csx({flex:1})},a.createElement(ue,{className:rt,"data-reduce-label":k,htmlFor:u},m),a.createElement(At,{left:"$space-2",className:e.csx({paddingTop:"0.75rem",bg:"transparent"})},a.createElement(g.Composite,{state:E},a.createElement(It,{hSpace:"$space-2",vSpace:"$space-2"},h.length>0&&h.map((e=>a.createElement(Pt,{key:w(e),value:$(e),onKeyDown:t=>((e,t)=>{var r,a;!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===h.length?null===(a=C.current)||void 0===a||a.focus():E.move(E.activeId===E.first()?E.next():E.previous()),y(t)):null===(r=C.current)||void 0===r||r.focus()})(t,e),onDismiss:()=>{y(e)}}))),a.createElement(f.Combobox,{ref:C,state:n,id:u,onFocus:()=>j(!0),onBlur:()=>j(!1),placeholder:A?I("placeholder"):" ",onKeyDown:e=>{var t;const r=8===e.keyCode;x.length>0||r&&(null===(t=null==C?void 0:C.current)||void 0===t||t.blur(),E.move(E.last()))}}))))),a.createElement(be,{align:"flex-start",justify:"flex-end",className:e.csx({width:48})},h.length>0&&a.createElement(xt,{variant:"neutralTertiary",icon:a.createElement(s.IconXCircle,null),onClick:v,className:e.csx({[e.dataAttr("variant","neutralTertiary")]:{color:"$secondary"}})}))))}));function Dt(e){const n=Array.isArray(e)?e:[e],o=r.isBrowser&&"matchMedia"in window,[s,l]=a.useState(n.map((e=>!!o&&window.matchMedia(e).matches)));return t.useSafeLayoutEffect((()=>{if(!o)return;const e=n.map((e=>window.matchMedia(e))),t=e.map(((e,t)=>{const r=()=>l((r=>r.map(((r,a)=>t===a?!!e.matches:r))));return e.addEventListener?e.addEventListener("change",r):e.addListener&&e.addListener(r),r}));return()=>{e.forEach(((e,r)=>{e.removeEventListener?e.removeEventListener("change",t[r]):e.removeListener&&e.removeListener(t[r])}))}}),[e]),s}const Ft=r.get(e.tokens,"breakpoints",{}),Lt=Object.keys(Ft).map((e=>`(min-width: ${r.get(Ft,e)})`));function Mt(){const e=Dt(Lt);return{breakpoint:a.useMemo((()=>{const[t,r,a,n]=e;return n?"widescreen":a?"desktop":r?"tablet":"mobile"}),[e]),matches:e}}function zt(e,t,a){if("object"!=typeof e||null===e||!("mobile"in e))return e;if(a&&a<0)return r.get(e,"mobile");const n=["mobile","tablet","desktop","widescreen"],o=null!=a?a:n.indexOf(t),s=r.get(e,n[o],null);return s||zt(e,t,o-1)}const Vt=(t,r)=>({"--stack-space":e.getTokenValue(e.theme,"margin",r),"--stack-align":t}),Bt=e.csx({display:"flex",[e.dataAttr("direction","column")]:{flexDirection:"column",justifyContent:"unset",alignItems:"var(--stack-align)","> *:not(:first-child)":{marginTop:"var(--stack-space) !important"}},[e.dataAttr("direction","row")]:{flexDirection:"row",alignItems:"center",justifyContent:"var(--stack-align)","> *:not(:first-child)":{marginLeft:"var(--stack-space) !important"}},[e.dataAttr({fluid:"true",direction:"column"})]:{alignItems:"unset",justifyContent:"unset"}}),Ht=a.forwardRef((function(e,t){const{direction:r="column",fluid:n=!1,align:o="start",space:s="$space-1",children:l}=e,i=S(e,["direction","fluid","align","space","children"]),{breakpoint:c}=Mt(),d=zt(r,c),u=zt(n,c),m=zt(o,c),p=zt(s,c);return a.createElement("div",Object.assign({ref:t},i),a.createElement("div",{className:Bt,"data-direction":d,"data-fluid":u,style:Vt(m,p)},l))})),Gt=e.style({content:'""',position:"absolute",display:"block",borderRadius:"$pill",size:"0.5rem",bg:"$form.control"}),qt=e.style({":disabled":{bg:"$disabled",border:"$disabled",color:"$disabled",cursor:"not-allowed","+ div":{label:{cursor:"not-allowed",color:"$disabled"}}}}),Xt=e.style(Object.assign(Object.assign(Object.assign({},e.focusVisible("main")),{bg:"$form.controlChecked",color:"$form.controlChecked",border:"$form.controlChecked",position:"relative","&:after":Object.assign(Object.assign({},Gt),{bg:e=>r.get(e,"fg.form.controlChecked","")}),":hover:not(:disabled)":{bg:"$form.controlCheckedHover",border:"$form.controlCheckedHover"},"&[disabled]:after":Object.assign(Object.assign({},Gt),{bg:e=>r.get(e,"fg.disabled","")})}),qt)),Yt=e.csx(Object.assign(Object.assign(Object.assign(Object.assign({},e.focusVisible("neutral")),{size:"1.25rem",border:"$form.control",appearance:"none",position:"relative",borderRadius:"$pill",cursor:"pointer",display:"flex",margin:"$space-0",alignItems:"center",justifyContent:"center",":hover:not(:disabled)":{bg:"$form.controlHover",border:"$form.controlHover"}}),qt),{":after":Gt,":checked":Xt})),Wt=e.csx({cursor:"pointer"}),Kt=a.forwardRef((function(t,r){const{className:n=""}=t,o=S(t,["className"]);return a.createElement(v.Radio,Object.assign({},o,{ref:r,className:e.cx(Yt,n)}))}));function _t(e){const{children:t,className:r}=e;return a.createElement(Ht,{space:"$space-1",className:r},t)}const Ut={"en-US":{optional:"optional"},"es-AR":{optional:"opcional"},"fr-FR":{optional:"optionnel"},"pt-BR":{optional:"opcional"},"ja-JP":{optional:"オプション"},"ko-KR":{optional:"선택 과목"},"it-IT":{optional:"opzionale"},"nl-NL":{optional:"optioneel"},"ro-RO":{optional:"opțional"},"bg-BG":{optional:"по избор"},"th-TH":{optional:"ไม่บังคับ"},"de-DE":{optional:"Optional"},"pl-PL":{optional:"opcjonalne"}},Zt=e.csx({color:"$secondary",text:"$body"}),Jt=a.forwardRef((function(t,r){const{className:n="",children:o,optional:s=!1}=t,l=S(t,["className","children","optional"]),c=i.useMessageFormatter(Ut);return a.createElement("label",Object.assign({ref:r,className:e.cx(Zt,n)},l),o," ",s?`(${c("optional")})`:"")}));function Qt(e){const{helpText:t,error:r,errorText:n,className:o}=e,s=r&&n;return s||t?a.createElement(Ht,{className:o,space:"$space-0"},t?a.createElement(ce,{variant:"detail",tone:"secondary"},t):null,s?a.createElement(ce,{variant:"detail",tone:"critical",role:"alert"},n):null):null}const er=a.forwardRef((function(e,r){const{label:n,helpText:o,id:s}=e,l=S(e,["label","helpText","id"]),i=t.useId(s);return a.createElement(_t,null,a.createElement(It,{hSpace:"$space-2",vSpace:"",spaceInside:!0},a.createElement(Kt,Object.assign({ref:r},l,{id:i})),a.createElement(Ht,{space:"$space-05"},a.createElement(ue,{htmlFor:i,className:Wt},n),a.createElement(Qt,{helpText:o}))))})),tr=a.forwardRef((function(e,r){const{label:n,helpText:o,errorText:s,children:l,direction:i,state:c,error:d,optional:u}=e,m=S(e,["label","helpText","errorText","children","direction","state","error","optional"]),p=t.useId();return a.createElement(v.RadioGroup,Object.assign({state:c,"aria-labelledby":p},m,{ref:r}),a.createElement(_t,null,a.createElement(Jt,{id:p,optional:u},n),a.createElement(Ht,{direction:i,space:"$space-4"},l),a.createElement(Qt,{error:d,helpText:o,errorText:s})))})),rr=e.style({bg:"$form.controlActive"}),ar=e.style({bg:"$form.controlInactiveHover"}),nr=e.style({bg:"$form.controlActiveHover"}),or=e.style({bg:r.get(e.theme,"fg.form.neutralChecked"),content:'""',display:"block",position:"absolute",borderRadius:"1.25rem",transition:"transform .25s ease",width:"0.75rem",height:"0.75rem",margin:"auto 0.25rem",bottom:"$space-0",top:"$space-0"}),sr=e.style({bg:"$disabled",border:"$disabled",color:"$disabled",cursor:"not-allowed","+ div label":{color:"$disabled",cursor:"not-allowed"},":after":{bg:r.get(e.theme,"fg.disabled")}}),lr=e.style(Object.assign(Object.assign(Object.assign(Object.assign({},rr),{":hover":nr}),e.focusVisible("positive",{focus:Object.assign(Object.assign({},nr),{"&:hover":nr}),polyfill:Object.assign(Object.assign({},rr),{"&:hover":nr})})),{"&:after":{transform:"translateX(1rem)"}})),ir=e.csx(Object.assign(Object.assign({bg:"$form.neutralI