@epam/ai-dial-ui-kit 0.14.0-dev.27 → 0.14.0-dev.29

package/dist/dial-ui-kit.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./use-file-manager-tabs-DIzEkdde.cjs"),Re=require("./Switch-CtdhpYik.cjs"),n=require("react/jsx-runtime"),h=require("react"),H=require("@tabler/icons-react"),se=require("classnames"),L=require("./DateCellRenderer-BdsPUuVy.cjs"),V=require("./icon-CrGVkVpG.cjs"),I=require("./merge-classes-Dipy1Ih1.cjs"),F=require("./DateCellRenderer-BmzYCUIt.cjs"),w=require("./IconButton-BCbBgnzo.cjs"),qn=require("react-dom"),Ur=require("./editor-Ba3vCFHk.cjs"),ce=require("@floating-ui/react"),ne=require("./icon-DhjrDQ8I.cjs");function Zn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const gr=Zn(h),Be=({label:e,className:t,icon:r,selected:s,closable:a,onClick:i,onRemove:o})=>{const l=I.mergeClasses("flex items-center gap-1 cursor-pointer dial-tiny-text px-2 h-[24px] border text-primary rounded-[8px]",s?"hover:bg-controls-accent-primary-alpha-active bg-accent-primary-alpha border-accent-primary":"bg-neutral border-primary",t);return n.jsxs("div",{className:l,onClick:i,children:[n.jsx(L.DialIcon,{icon:r}),n.jsx(L.DialEllipsisTooltip,{text:e}),a&&o&&n.jsx(x.DialButton,{className:"p-0",iconAfter:n.jsx(H.IconX,{size:V.DIAL_ICON_SIZE.SM}),onClick:c=>o(c)})]},e)},Jt=({label:e="Error",className:t})=>n.jsx(Be,{label:e,className:I.mergeClasses("dial-tiny-semi-text cursor-default rounded-[120px] border-transparent bg-error text-error",t)});var it=(e=>(e.Default="default",e.Compact="compact",e))(it||{});const Yn={[it.Default]:{container:"bg-layer-3",title:"dial-small-text text-secondary",value:"dial-display2-text text-primary",showDescription:!0},[it.Compact]:{container:"bg-layer-2",title:"dial-tiny-text text-secondary",value:"dial-body-semi-text text-primary",showDescription:!1}},Xn=({title:e,value:t,description:r,variant:s=it.Default,error:a,isLoading:i,className:o,delta:l,deltaPositive:c,deltaUnit:u,compareValues:d})=>{const f=Yn[s],g=c!==void 0?c:(l??0)>=0,p=l===void 0?null:`${l>=0?`+${l}`:String(l)}${u??""}`;return n.jsxs("div",{className:I.mergeClasses("flex flex-col rounded-lg border border-secondary p-4",a||i?"gap-2":"gap-1",f.container,o),children:[l!==void 0?n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx("span",{className:f.title,children:e}),n.jsx("span",{className:I.mergeClasses("dial-tiny-semi-text rounded-[120px] border border-transparent px-2",g?"bg-success text-success":"bg-error text-error"),children:p})]}):n.jsx("span",{className:f.title,children:e}),a?n.jsx(Jt,{className:"self-start"}):i?n.jsx(x.DialLoader,{fullWidth:!1,className:"self-start"}):d?n.jsxs("div",{className:"flex items-center gap-3",children:[n.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[n.jsx(L.DialEllipsisTooltip,{text:d[0].title,className:"dial-tiny-text text-secondary"}),n.jsx("span",{className:f.value,children:d[0].value})]}),n.jsx("div",{className:"h-4 w-px flex-shrink-0 bg-controls-disable-accent"}),n.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[n.jsx(L.DialEllipsisTooltip,{text:d[1].title,className:"dial-tiny-text text-secondary"}),n.jsx("span",{className:f.value,children:d[1].value})]})]}):n.jsx("span",{className:f.value,children:t}),!a&&!i&&f.showDescription&&r!=null&&r!==!1&&n.jsx("span",{className:"dial-tiny-text text-secondary",children:r})]})},er=[{from:0,to:.1,color:"#F26B5B"},{from:.1,to:.2,color:"#E5764A"},{from:.2,to:.3,color:"#E08C3F"},{from:.3,to:.4,color:"#D9A638"},{from:.4,to:.5,color:"#D4BE3A"},{from:.5,to:.6,color:"#B8C94A"},{from:.6,to:.7,color:"#7EC96B"},{from:.7,to:.8,color:"#4ECBA8"},{from:.8,to:.9,color:"#4EC5C5"},{from:.9,to:1,color:"#4DC87A"},{from:1,to:1,color:"#30E070"}],Qn=(e,t)=>t<=0?0:Math.min(Math.max(e/t,0),1),Jn=(e,t)=>{if(e<=0)return;let r;for(const s of t)(s.from===s.to?e>=s.from:e>s.from&&e<=s.to)&&(r=s.color);return r},ut=({value:e,maxValue:t=1,error:r,isLoading:s,title:a,valueLabel:i,colorMap:o=er,className:l,titleClassName:c,valueClassName:u,inline:d,ariaLabel:f})=>{const g=e==null,p=!!(r||s||!g),m=Qn(g?0:e,t),v=Jn(m,o),b=i??(g?"—":e),y=f??(typeof a=="string"?a:void 0),C=r||s,N=r?n.jsx(Jt,{}):s?n.jsx(x.DialLoader,{fullWidth:!1}):n.jsx("span",{className:I.mergeClasses("shrink-0 tabular-nums text-end",d?"dial-small-text min-w-[5ch] text-primary":"dial-small-semi-text text-primary",u),children:b}),S=p?n.jsx("div",{role:"progressbar","aria-valuenow":r||s||typeof e!="number"?void 0:e,"aria-valuemin":0,"aria-valuemax":t,"aria-label":y,className:I.mergeClasses("w-full overflow-hidden rounded-sm",d?"h-1":"h-2",r?"bg-error":"bg-layer-1"),children:!C&&n.jsx("div",{className:"h-full rounded-sm transition-[width] duration-300",style:{width:`${m*100}%`,backgroundColor:v}})}):null,D=n.jsx("span",{className:I.mergeClasses("dial-small-text text-primary",c),children:a});return d?n.jsxs("div",{className:I.mergeClasses("flex flex-row items-center gap-2",l),children:[n.jsx("div",{className:"w-1/2 min-w-0",children:D}),n.jsxs("div",{className:"flex w-1/2 flex-row items-center gap-2",children:[n.jsx("div",{className:"min-w-0 flex-1",children:S}),N]})]}):n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-1",l),children:[n.jsxs("div",{className:"flex flex-row items-center justify-between gap-2",children:[D,N]}),S]})},Kr=({title:e,description:t,children:r,expanded:s,defaultExpanded:a=!1,disabled:i,nonCollapsible:o,onToggle:l,className:c,headerClassName:u,contentClassName:d})=>{const f=s!==void 0,[g,p]=h.useState(a),m=o?!0:f?s:g,v=h.useId(),b=()=>{if(i)return;const y=!m;f||p(y),l?.(y)};return n.jsxs("div",{className:I.mergeClasses("rounded border border-secondary",c),children:[n.jsxs("button",{type:"button","aria-expanded":m,"aria-controls":v,disabled:i||o,onClick:b,className:I.mergeClasses("flex w-full items-center gap-2 p-4 text-left",i?"cursor-not-allowed":"cursor-pointer",o&&"cursor-default",u),children:[!o&&n.jsx(L.DialIcon,{className:se("text-secondary transition-transform",m&&"rotate-90"),icon:n.jsx(H.IconChevronRight,{size:V.DIAL_ICON_SIZE.SM})}),n.jsx("span",{className:"dial-body-text text-primary",children:e}),t!=null&&t!==!1&&n.jsx("span",{className:"dial-tiny-text text-secondary",children:t})]}),m&&n.jsx("div",{id:v,role:"region",className:I.mergeClasses("px-4 pb-4",d),children:r})]})},es=({title:e,titleTooltip:t,description:r,data:s,compareData:a,compareLabels:i,maxValue:o,colorMap:l,defaultExpanded:c=!0,nonCollapsible:u,isLoading:d,onBarClick:f,inline:g,barTitleClassName:p,barValueClassName:m,barClassName:v,barDescriptions:b,className:y})=>{const C=Object.entries(s),N=g?I.mergeClasses("text-secondary",p):p,S=i?"dial-tiny-text text-secondary":void 0,D=t?n.jsx(w.DialTooltip,{tooltip:t,children:e}):e,T=a?[...new Set([...Object.keys(s),...Object.keys(a)])]:[],P="cursor-pointer rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-primary";return n.jsx(Kr,{title:D,description:r,defaultExpanded:c,nonCollapsible:u,className:y,children:n.jsx("div",{className:I.mergeClasses("flex flex-col",a?"gap-4":g?"gap-2":"gap-3"),children:d?n.jsx(x.DialLoader,{fullWidth:!1,className:"self-center"}):a?T.map(O=>{const E=O in s?s[O]:null,_=O in a?a[O]:null,R=typeof E=="number"&&typeof _=="number"?parseFloat((_-E).toFixed(3)):null,$=R!=null&&R!==0,U=$&&R>0,te=$?U?`+${R}`:String(R):null,B=b?.[O],k=n.jsx("span",{className:"dial-small-text text-secondary",children:O}),z=n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center gap-2",children:[B?n.jsx(w.DialTooltip,{tooltip:B,children:k}):k,te!=null&&n.jsx("span",{className:I.mergeClasses("dial-tiny-semi-text rounded-[120px] border border-transparent px-2",U?"bg-success text-success":"bg-error text-error"),children:te})]}),n.jsxs("div",{className:"flex flex-col gap-1.5 pl-2",children:[n.jsx(ut,{title:i?.[0],value:E,maxValue:o,colorMap:l,inline:g,titleClassName:S,className:v,ariaLabel:O}),n.jsx(ut,{title:i?.[1],value:_,maxValue:o,colorMap:l,inline:g,titleClassName:S,className:v,ariaLabel:`${O} compare`})]})]});return f?n.jsx("button",{type:"button",onClick:()=>f(O,E),className:I.mergeClasses("flex flex-col gap-1.5",P),children:z},O):n.jsx("div",{className:"flex flex-col gap-1.5",children:z},O)}):C.map(([O,E])=>{const _=n.jsx(ut,{title:O,value:E,maxValue:o,colorMap:l,inline:g,titleClassName:N,valueClassName:m,className:v}),j=f?n.jsx("button",{type:"button",onClick:()=>f(O,E),className:P,children:_}):_,R=b?.[O];return R?n.jsx(w.DialTooltip,{tooltip:R,triggerClassName:"flex flex-col",children:j},O):n.jsx(h.Fragment,{children:j},O)})})})},ts="#FF4E50",rs=(e,t)=>{let r=-1;return t.forEach((s,a)=>{(s.from===s.to?e>=s.from:e>s.from&&e<=s.to)&&(r=a)}),r},hr=(e,t)=>{const r=t.map(()=>0);let s=0;e.forEach(c=>{if(c<=0){s+=1;return}const u=rs(c,t);u>=0&&(r[u]+=1)});const a=Math.max(0,s,...r),i=c=>a>0?c/a:0,o={from:0,to:0,color:ts,count:s,ratio:i(s),isZeroBucket:!0},l=t.map((c,u)=>({from:c.from,to:c.to,color:c.color,count:r[u],ratio:i(r[u]),isZeroBucket:!1}));return[o,...l]},Wr=e=>e<=0?2:e%2===0?e:e+1,ns=e=>{const t=Wr(e);return[t,t/2,0]},Ot=e=>`${Math.round(e*100)/100}`,qr=(e,t)=>e===t?Ot(e):`${Ot(e)}-${Ot(t)}`,At=128,ss=(e,t)=>{const r=qr(e,t);return e===t?`scored ${r}`:`scored between ${r}`},mr=(e,t,r,s,a)=>n.jsxs("div",{className:"flex flex-col gap-0.5",children:[e&&n.jsx("strong",{children:e}),n.jsxs("span",{children:[t," out of ",r," ",s]}),n.jsx("span",{children:ss(a.from,a.to)})]}),as=({title:e,values:t,colorMap:r=er,valueTitle:s="values",showCount:a,isLoading:i,className:o,compareValues:l,valueSetLabel:c,compareValueSetLabel:u})=>{const d=hr(t,r),f=l?hr(l,r):void 0,g=t.length,p=l?.length??0,m=Math.max(g,p),v=Wr(m),b=ns(m),y=D=>D.map(T=>({...T,ratio:v>0?T.count/v:0})),C=y(d),N=f?y(f):void 0,S=(D,T,P,O)=>{if(D.count===0)return n.jsx("div",{className:"flex h-full flex-1 items-end","aria-hidden":"true",children:n.jsx("div",{className:"min-h-2 w-full rounded-sm",style:{height:`${D.ratio*100}%`}})});const E=O?{backgroundImage:`repeating-linear-gradient(135deg, ${D.color} 0px, ${D.color} 1px, transparent 1px, transparent 4px)`,borderColor:D.color}:{backgroundColor:D.color};return n.jsx(w.DialTooltip,{placement:"bottom",tooltip:T,triggerClassName:"flex h-full flex-1 items-end",children:n.jsx("div",{role:"img","aria-label":P,className:"flex min-h-2 w-full items-center justify-center rounded-sm border border-transparent",style:{height:`${D.ratio*100}%`,...E},children:a&&n.jsx("span",{className:"dial-tiny-semi-text text-primary",children:D.count})})})};return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-2",o),children:[n.jsx("span",{className:"dial-small-text text-primary",children:e}),i?n.jsx("div",{className:"flex items-center justify-center",style:{height:At},children:n.jsx(x.DialLoader,{fullWidth:!1})}):n.jsxs("div",{className:"grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-1",children:[n.jsx("div",{"data-histogram-y-axis":!0,"aria-hidden":"true",className:"relative",style:{height:At},children:b.map((D,T)=>n.jsx("span",{className:"dial-tiny-text absolute right-0 whitespace-nowrap text-secondary",style:{top:`${T/(b.length-1)*100}%`,transform:"translateY(-50%)"},children:D},D))}),n.jsxs("div",{className:"relative min-w-0",children:[b.map((D,T)=>n.jsx("div",{"data-histogram-grid":!0,className:"pointer-events-none absolute inset-x-0 border-t border-primary",style:{top:`${T/(b.length-1)*100}%`}},D)),n.jsx("div",{className:"relative flex items-end gap-1",style:{height:At},children:N?C.map((D,T)=>{const P=N[T],O=`${D.count} out of ${g} ${s}`,E=`${P.count} out of ${p} ${s}`;return n.jsxs("div",{className:"flex h-full flex-1 items-end",children:[S(D,mr(c,D.count,g,s,D),O,!0),S(P,mr(u,P.count,p,s,P),E,!1)]},T)}):C.map((D,T)=>{const P=`${D.count} out of ${g} ${s}`;return D.count===0?n.jsx("div",{className:"flex h-full flex-1 items-end","aria-hidden":"true",children:n.jsx("div",{className:"min-h-2 w-full rounded-sm",style:{height:`${D.ratio*100}%`}})},T):n.jsx(w.DialTooltip,{placement:"bottom",tooltip:P,triggerClassName:"flex h-full flex-1 items-end",children:n.jsx("div",{role:"img","aria-label":P,className:I.mergeClasses("flex min-h-2 w-full items-center justify-center rounded-sm border","border-transparent"),style:{height:`${D.ratio*100}%`,backgroundColor:D.color},children:a&&D.count>0&&n.jsx("span",{className:"dial-tiny-semi-text text-primary",children:D.count})})},T)})})]}),n.jsx("div",{}),n.jsx("div",{"data-histogram-x-axis":!0,className:"flex gap-1",children:C.map((D,T)=>n.jsx("span",{className:"dial-caption-text flex-1 text-center text-secondary",children:qr(D.from,D.to)},T))})]})]})},is=({value:e,max:t=100,size:r=w.ElementSize.Standard,labelProps:s,valueLabel:a,id:i,className:o,"aria-label":l,...c})=>{const u=h.useId(),d=i??u,f=!!s?.label,g=f?s?.id??`${d}-label`:void 0,p=t>0?t:0,m=Number.isFinite(e)?e:0,v=Math.min(Math.max(m,0),p),b=p>0?v/p*100:0,y=n.jsx("div",{...c,id:d,role:"progressbar","aria-valuenow":v,"aria-valuemin":0,"aria-valuemax":p,"aria-labelledby":g,"aria-label":w.resolveAccessibleName(l,f?void 0:"Progress"),className:I.mergeClasses("w-full overflow-hidden rounded-full bg-control-disable-primary",r===w.ElementSize.Small?"h-1":"h-2",o),children:n.jsx("div",{style:{width:`${b}%`},className:"h-full rounded-full bg-control-accent transition-[width] duration-300 motion-reduce:transition-none"})});return!f&&!a?y:n.jsxs("div",{className:"flex w-full flex-col gap-1",children:[n.jsxs("div",{className:"flex items-baseline gap-2",children:[s&&n.jsx(F.Label,{...s,id:g}),a&&n.jsx("span",{className:"dial-tiny-text text-secondary ml-auto shrink-0",children:a})]}),y]})},os=7,ls=2,cs=e=>e<=0?[]:Array.from({length:e},(t,r)=>r+1);var ft=(e=>(e.Active="active",e.Adjacent="adjacent",e.Far="far",e))(ft||{});const ds=(e,t,r)=>e===t?"active":r<os||Math.abs(e-t)<=ls?"adjacent":"far",us=({page:e,totalPages:t,onPageChange:r,className:s})=>{const a=cs(t);return n.jsxs("nav",{"aria-label":"Pagination",className:I.mergeClasses("flex items-center gap-2",s),children:[n.jsx(w.DialIconButton,{icon:n.jsx(H.IconCaretLeftFilled,{size:V.DIAL_ICON_SIZE.SM,className:"text-secondary"}),size:w.ElementSize.Small,className:"!p-0 items-center flex justify-center",disabled:e<=1,onClick:()=>r(e-1),"aria-label":"Previous page"}),n.jsx("div",{className:"flex flex-row items-center gap-2",children:a.map(i=>{const o=ds(i,e,t);return n.jsx("button",{type:"button",onClick:()=>r(i),"aria-label":`Page ${i}`,"aria-current":i===e?"page":void 0,className:I.mergeClasses("dial-pagination-dot rounded-full focus-visible:outline outline-offset-0 transition-all duration-300 ease-in-out",o===ft.Active&&"h-[8px] w-[32px]",o===ft.Adjacent&&"size-[8px]",o===ft.Far&&"size-[4px]")},i)})}),n.jsx(w.DialIconButton,{icon:n.jsx(H.IconCaretRightFilled,{size:V.DIAL_ICON_SIZE.SM,className:"text-secondary"}),size:w.ElementSize.Small,className:"!p-0 items-center flex justify-center",disabled:e>=t,onClick:()=>r(e+1),"aria-label":"Next page"})]})},Gt=({label:e,id:t,checked:r,indeterminate:s,disabled:a,ariaLabel:i,onChange:o,className:l,...c})=>{const u=h.useCallback(p=>{o?.(p.target.checked,t)},[o,t]),d=se("flex flex-row items-center cursor-pointer text-accent-primary small-medium min-w-0",`${r||s?"":'before:content-[""] before:inline-block before:w-[18px] before:h-[18px] before:border before:border-hover before:rounded'}`,a?"pointer-events-none text-secondary before:border-icon-secondary before:bg-layer-4":"",l),f=se("border rounded",a?"bg-layer-4 border-icon-secondary":""),g=()=>s?n.jsx(H.IconMinus,{className:f,...V.BASE_ICON_PROPS}):r?n.jsx(H.IconCheck,{className:f,...V.BASE_ICON_PROPS}):null;return n.jsxs("label",{...c,className:d,htmlFor:t,"aria-description":c["aria-description"]||L.ariaDescription,children:[g(),e&&(typeof e=="string"?n.jsx(L.DialEllipsisTooltip,{text:e,className:"ml-2 text-primary"}):e),n.jsx("input",{type:"checkbox",role:"checkbox",name:t,onChange:u,id:t,checked:r,"aria-checked":s?"mixed":r,"aria-disabled":a||void 0,"aria-label":e?void 0:i,className:"invisible size-0"})]})};var De=(e=>(e.VALID="valid",e.ERROR="error",e))(De||{});const fs=(e,t)=>{if(t===e.id)switch(e.status){case De.VALID:return"border-accent-secondary text-primary";case De.ERROR:return"border-red-900 text-primary";default:return"border-accent-primary text-primary"}switch(e.status){case De.VALID:return"border-primary text-primary";case De.ERROR:return"border-red-900 text-error";default:return"border-primary text-secondary"}},ps=(e,t)=>{if(t===e.id)switch(e.status){case De.VALID:return"bg-accent-secondary";case De.ERROR:return"bg-red-400";default:return"bg-accent-primary"}switch(e.status){case De.VALID:return"bg-accent-secondary";case De.ERROR:return"bg-red-400";default:return"bg-layer-4"}},gs=({step:e,index:t,currentStep:r,onChangeStep:s})=>{const a="h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny-text cursor-pointer dial-step",i="w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white",o=()=>r===e.id&&e.status===De.ERROR?n.jsx(H.IconExclamationCircle,{stroke:2,size:V.DIAL_ICON_SIZE.SM}):r!==e.id&&e.status===De.VALID?n.jsx(H.IconCheck,{stroke:2,size:V.DIAL_ICON_SIZE.SM}):t+1;return n.jsxs("button",{className:se(a,fs(e,r)),onClick:()=>s(e.id),children:[n.jsx("span",{className:se(i,ps(e,r)),children:o()}),n.jsx("span",{children:e.name})]})},hs=({steps:e,currentStep:t,onChangeStep:r})=>{const s=a=>{const i=e.findIndex(c=>c.id===t),o=e.findIndex(c=>c.id===a);if(a===t)return;(e.slice(0,o).every(c=>c.status===De.VALID)||o<i)&&r(a)};return n.jsx("div",{id:"steps",className:"flex gap-x-3",children:e.map((a,i)=>n.jsx(gs,{currentStep:t,onChangeStep:s,step:a,index:i},a.id))})},_t=e=>(e.toString().split(".")[1]??"").length,ms=({value:e,min:t=0,max:r=1,step:s=.1,disabled:a=!1,labelProps:i,labels:o,formatValue:l,onChange:c,className:u,trackClassName:d,fillClassName:f,thumbClassName:g,labelsClassName:p,"aria-label":m,"aria-labelledby":v,...b})=>{const y=h.useRef(null),C=Math.max(0,Math.min(100,(e-t)/(r-t)*100)),N=_t(s),S=l?l(e):e.toFixed(N),D=h.useCallback(E=>{const _=y.current;if(!_)return e;const j=_.getBoundingClientRect(),R=(E-j.left)/j.width,$=t+R*(r-t),U=_t(s),te=parseFloat((Math.round(($-t)/s)*s+t).toFixed(U));return Math.min(r,Math.max(t,te))},[t,r,s,e]),T=h.useCallback(E=>{a||(E.currentTarget.setPointerCapture(E.pointerId),c?.(D(E.clientX)))},[a,D,c]),P=h.useCallback(E=>{a||E.buttons===0||c?.(D(E.clientX))},[a,D,c]),O=h.useCallback(E=>{if(a)return;const _=_t(s),j=U=>parseFloat((Math.round((U-t)/s)*s+t).toFixed(_)),R=U=>Math.min(r,Math.max(t,U));let $=e;switch(E.key){case"ArrowRight":case"ArrowUp":$=R(j(e+s));break;case"ArrowLeft":case"ArrowDown":$=R(j(e-s));break;case"Home":$=t;break;case"End":$=r;break;default:return}E.preventDefault(),$!==e&&c?.($)},[a,e,s,t,r,c]);return n.jsxs("div",{className:I.mergeClasses("flex flex-col",a&&"pointer-events-none opacity-50",u),...b,children:[i&&n.jsx(Re.DialLabel,{...i,htmlFor:b.id}),n.jsxs("div",{ref:y,className:"relative flex h-[38px] cursor-pointer items-center",onPointerDown:T,onPointerMove:P,children:[n.jsx("div",{className:I.mergeClasses("pointer-events-none absolute inset-x-0 h-3 rounded-[10px] bg-layer-1",d)}),n.jsx("div",{className:I.mergeClasses("pointer-events-none absolute left-0 h-3 rounded-[10px] bg-controls-accent-primary",f),style:{width:`${C}%`}}),n.jsx("div",{role:"slider",tabIndex:a?-1:0,"aria-valuenow":e,"aria-valuemin":t,"aria-valuemax":r,"aria-disabled":a||void 0,"aria-label":m,"aria-labelledby":v,className:I.mergeClasses("dial-small-text absolute -translate-x-1/2 flex size-[38px] cursor-grab select-none items-center justify-center rounded-full bg-layer-3 text-primary shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-focus",g),style:{left:`${C}%`},onKeyDown:O,children:S})]}),o&&n.jsx("div",{className:I.mergeClasses("dial-tiny-text flex text-secondary",p),children:o.length===3?n.jsxs(n.Fragment,{children:[n.jsx("span",{children:o[0]}),n.jsx("span",{className:"flex-1 text-center",children:o[1]}),n.jsx("span",{children:o[2]})]}):n.jsxs(n.Fragment,{children:[n.jsx("span",{children:o[0]}),n.jsx("span",{className:"ml-auto",children:o[1]})]})})]})},xs=({label:e,text:t,tooltip:r,children:s,postfix:a,className:i})=>n.jsxs("div",{className:I.mergeClasses("flex flex-col",s?"":"max-w-[200px]",i),children:[e&&n.jsx("label",{className:"dial-tiny-text mb-2 text-secondary",children:e}),s||n.jsxs("div",{className:"flex flex-row items-center gap-x-2",children:[n.jsx(w.DialTooltip,{triggerClassName:"text-primary flex-1 min-w-0",tooltip:r||t,children:t}),a||null]})]}),Zr=h.createContext({dragDropManager:void 0});function Ne(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var xr=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),br=function(){return Math.random().toString(36).substring(7).split("").join(".")},yr={INIT:"@@redux/INIT"+br(),REPLACE:"@@redux/REPLACE"+br()};function bs(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function ys(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Cs(e))return"date";if(Ds(e))return"error";var r=vs(e);switch(r){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return r}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function vs(e){return typeof e.constructor=="function"?e.constructor.name:null}function Ds(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Cs(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Ue(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=ys(e)),t}function Yr(e,t,r){var s;if(typeof t=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?Ne(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(process.env.NODE_ENV==="production"?Ne(1):"Expected the enhancer to be a function. Instead, received: '"+Ue(r)+"'");return r(Yr)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?Ne(2):"Expected the root reducer to be a function. Instead, received: '"+Ue(e)+"'");var a=e,i=t,o=[],l=o,c=!1;function u(){l===o&&(l=o.slice())}function d(){if(c)throw new Error(process.env.NODE_ENV==="production"?Ne(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return i}function f(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Ne(4):"Expected the listener to be a function. Instead, received: '"+Ue(v)+"'");if(c)throw new Error(process.env.NODE_ENV==="production"?Ne(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var b=!0;return u(),l.push(v),function(){if(b){if(c)throw new Error(process.env.NODE_ENV==="production"?Ne(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");b=!1,u();var C=l.indexOf(v);l.splice(C,1),o=null}}}function g(v){if(!bs(v))throw new Error(process.env.NODE_ENV==="production"?Ne(7):"Actions must be plain objects. Instead, the actual type was: '"+Ue(v)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof v.type>"u")throw new Error(process.env.NODE_ENV==="production"?Ne(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(c)throw new Error(process.env.NODE_ENV==="production"?Ne(9):"Reducers may not dispatch actions.");try{c=!0,i=a(i,v)}finally{c=!1}for(var b=o=l,y=0;y<b.length;y++){var C=b[y];C()}return v}function p(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Ne(10):"Expected the nextReducer to be a function. Instead, received: '"+Ue(v));a=v,g({type:yr.REPLACE})}function m(){var v,b=f;return v={subscribe:function(C){if(typeof C!="object"||C===null)throw new Error(process.env.NODE_ENV==="production"?Ne(11):"Expected the observer to be an object. Instead, received: '"+Ue(C)+"'");function N(){C.next&&C.next(d())}N();var S=b(N);return{unsubscribe:S}}},v[xr]=function(){return this},v}return g({type:yr.INIT}),s={dispatch:g,subscribe:f,getState:d,replaceReducer:p},s[xr]=m,s}function K(e,t,...r){if(Ns()&&t===void 0)throw new Error("invariant requires an error message argument");if(!e){let s;if(t===void 0)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{let a=0;s=new Error(t.replace(/%s/g,function(){return r[a++]})),s.name="Invariant Violation"}throw s.framesToPop=1,s}}function Ns(){return typeof process<"u"&&process.env.NODE_ENV==="production"}function Is(e,t,r){return t.split(".").reduce((s,a)=>s&&s[a]?s[a]:r||null,e)}function Ss(e,t){return e.filter(r=>r!==t)}function Xr(e){return typeof e=="object"}function js(e,t){const r=new Map,s=i=>{r.set(i,r.has(i)?r.get(i)+1:1)};e.forEach(s),t.forEach(s);const a=[];return r.forEach((i,o)=>{i===1&&a.push(o)}),a}function Ts(e,t){return e.filter(r=>t.indexOf(r)>-1)}const tr="dnd-core/INIT_COORDS",vt="dnd-core/BEGIN_DRAG",rr="dnd-core/PUBLISH_DRAG_SOURCE",Dt="dnd-core/HOVER",Ct="dnd-core/DROP",Nt="dnd-core/END_DRAG";function vr(e,t){return{type:tr,payload:{sourceClientOffset:t||null,clientOffset:e||null}}}const ws={type:tr,payload:{clientOffset:null,sourceClientOffset:null}};function Es(e){return function(r=[],s={publishSource:!0}){const{publishSource:a=!0,clientOffset:i,getSourceClientOffset:o}=s,l=e.getMonitor(),c=e.getRegistry();e.dispatch(vr(i)),Os(r,l,c);const u=Rs(r,l);if(u==null){e.dispatch(ws);return}let d=null;if(i){if(!o)throw new Error("getSourceClientOffset must be defined");As(o),d=o(u)}e.dispatch(vr(i,d));const g=c.getSource(u).beginDrag(l,u);if(g==null)return;_s(g),c.pinSource(u);const p=c.getSourceType(u);return{type:vt,payload:{itemType:p,item:g,sourceId:u,clientOffset:i||null,sourceClientOffset:d||null,isSourcePublic:!!a}}}}function Os(e,t,r){K(!t.isDragging(),"Cannot call beginDrag while dragging."),e.forEach(function(s){K(r.getSource(s),"Expected sourceIds to be registered.")})}function As(e){K(typeof e=="function","When clientOffset is provided, getSourceClientOffset must be a function.")}function _s(e){K(Xr(e),"Item must be an object.")}function Rs(e,t){let r=null;for(let s=e.length-1;s>=0;s--)if(t.canDragSource(e[s])){r=e[s];break}return r}function ks(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ps(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{},s=Object.keys(r);typeof Object.getOwnPropertySymbols=="function"&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),s.forEach(function(a){ks(e,a,r[a])})}return e}function Ls(e){return function(r={}){const s=e.getMonitor(),a=e.getRegistry();Ms(s),zs(s).forEach((o,l)=>{const c=Fs(o,l,a,s),u={type:Ct,payload:{dropResult:Ps({},r,c)}};e.dispatch(u)})}}function Ms(e){K(e.isDragging(),"Cannot call drop while not dragging."),K(!e.didDrop(),"Cannot call drop twice during one drag operation.")}function Fs(e,t,r,s){const a=r.getTarget(e);let i=a?a.drop(s,e):void 0;return Bs(i),typeof i>"u"&&(i=t===0?{}:s.getDropResult()),i}function Bs(e){K(typeof e>"u"||Xr(e),"Drop result must either be an object or undefined.")}function zs(e){const t=e.getTargetIds().filter(e.canDropOnTarget,e);return t.reverse(),t}function $s(e){return function(){const r=e.getMonitor(),s=e.getRegistry();Hs(r);const a=r.getSourceId();return a!=null&&(s.getSource(a,!0).endDrag(r,a),s.unpinSource()),{type:Nt}}}function Hs(e){K(e.isDragging(),"Cannot call endDrag while not dragging.")}function Ut(e,t){return t===null?e===null:Array.isArray(e)?e.some(r=>r===t):e===t}function Vs(e){return function(r,{clientOffset:s}={}){Gs(r);const a=r.slice(0),i=e.getMonitor(),o=e.getRegistry(),l=i.getItemType();return Ks(a,o,l),Us(a,i,o),Ws(a,i,o),{type:Dt,payload:{targetIds:a,clientOffset:s||null}}}}function Gs(e){K(Array.isArray(e),"Expected targetIds to be an array.")}function Us(e,t,r){K(t.isDragging(),"Cannot call hover while not dragging."),K(!t.didDrop(),"Cannot call hover after drop.");for(let s=0;s<e.length;s++){const a=e[s];K(e.lastIndexOf(a)===s,"Expected targetIds to be unique in the passed array.");const i=r.getTarget(a);K(i,"Expected targetIds to be registered.")}}function Ks(e,t,r){for(let s=e.length-1;s>=0;s--){const a=e[s],i=t.getTargetType(a);Ut(i,r)||e.splice(s,1)}}function Ws(e,t,r){e.forEach(function(s){r.getTarget(s).hover(t,s)})}function qs(e){return function(){if(e.getMonitor().isDragging())return{type:rr}}}function Zs(e){return{beginDrag:Es(e),publishDragSource:qs(e),hover:Vs(e),drop:Ls(e),endDrag:$s(e)}}class Ys{receiveBackend(t){this.backend=t}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){const t=this,{dispatch:r}=this.store;function s(i){return(...o)=>{const l=i.apply(t,o);typeof l<"u"&&r(l)}}const a=Zs(this);return Object.keys(a).reduce((i,o)=>{const l=a[o];return i[o]=s(l),i},{})}dispatch(t){this.store.dispatch(t)}constructor(t,r){this.isSetUp=!1,this.handleRefCountChange=()=>{const s=this.store.getState().refCount>0;this.backend&&(s&&!this.isSetUp?(this.backend.setup(),this.isSetUp=!0):!s&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=!1))},this.store=t,this.monitor=r,t.subscribe(this.handleRefCountChange)}}function Xs(e,t){return{x:e.x+t.x,y:e.y+t.y}}function Qr(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Qs(e){const{clientOffset:t,initialClientOffset:r,initialSourceClientOffset:s}=e;return!t||!r||!s?null:Qr(Xs(t,s),r)}function Js(e){const{clientOffset:t,initialClientOffset:r}=e;return!t||!r?null:Qr(t,r)}const nt=[],nr=[];nt.__IS_NONE__=!0;nr.__IS_ALL__=!0;function ea(e,t){return e===nt?!1:e===nr||typeof t>"u"?!0:Ts(t,e).length>0}class ta{subscribeToStateChange(t,r={}){const{handlerIds:s}=r;K(typeof t=="function","listener must be a function."),K(typeof s>"u"||Array.isArray(s),"handlerIds, when specified, must be an array of strings.");let a=this.store.getState().stateId;const i=()=>{const o=this.store.getState(),l=o.stateId;try{l===a||l===a+1&&!ea(o.dirtyHandlerIds,s)||t()}finally{a=l}};return this.store.subscribe(i)}subscribeToOffsetChange(t){K(typeof t=="function","listener must be a function.");let r=this.store.getState().dragOffset;const s=()=>{const a=this.store.getState().dragOffset;a!==r&&(r=a,t())};return this.store.subscribe(s)}canDragSource(t){if(!t)return!1;const r=this.registry.getSource(t);return K(r,`Expected to find a valid source. sourceId=${t}`),this.isDragging()?!1:r.canDrag(this,t)}canDropOnTarget(t){if(!t)return!1;const r=this.registry.getTarget(t);if(K(r,`Expected to find a valid target. targetId=${t}`),!this.isDragging()||this.didDrop())return!1;const s=this.registry.getTargetType(t),a=this.getItemType();return Ut(s,a)&&r.canDrop(this,t)}isDragging(){return!!this.getItemType()}isDraggingSource(t){if(!t)return!1;const r=this.registry.getSource(t,!0);if(K(r,`Expected to find a valid source. sourceId=${t}`),!this.isDragging()||!this.isSourcePublic())return!1;const s=this.registry.getSourceType(t),a=this.getItemType();return s!==a?!1:r.isDragging(this,t)}isOverTarget(t,r={shallow:!1}){if(!t)return!1;const{shallow:s}=r;if(!this.isDragging())return!1;const a=this.registry.getTargetType(t),i=this.getItemType();if(i&&!Ut(a,i))return!1;const o=this.getTargetIds();if(!o.length)return!1;const l=o.indexOf(t);return s?l===o.length-1:l>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return!!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Qs(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return Js(this.store.getState().dragOffset)}constructor(t,r){this.store=t,this.registry=r}}const Dr=typeof global<"u"?global:self,Jr=Dr.MutationObserver||Dr.WebKitMutationObserver;function en(e){return function(){const r=setTimeout(a,0),s=setInterval(a,50);function a(){clearTimeout(r),clearInterval(s),e()}}}function ra(e){let t=1;const r=new Jr(e),s=document.createTextNode("");return r.observe(s,{characterData:!0}),function(){t=-t,s.data=t}}const na=typeof Jr=="function"?ra:en;class sa{enqueueTask(t){const{queue:r,requestFlush:s}=this;r.length||(s(),this.flushing=!0),r[r.length]=t}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=!1,this.index=0,this.capacity=1024,this.flush=()=>{const{queue:t}=this;for(;this.index<t.length;){const r=this.index;if(this.index++,t[r].call(),this.index>this.capacity){for(let s=0,a=t.length-this.index;s<a;s++)t[s]=t[s+this.index];t.length-=this.index,this.index=0}}t.length=0,this.index=0,this.flushing=!1},this.registerPendingError=t=>{this.pendingErrors.push(t),this.requestErrorThrow()},this.requestFlush=na(this.flush),this.requestErrorThrow=en(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()})}}class aa{call(){try{this.task&&this.task()}catch(t){this.onError(t)}finally{this.task=null,this.release(this)}}constructor(t,r){this.onError=t,this.release=r,this.task=null}}class ia{create(t){const r=this.freeTasks,s=r.length?r.pop():new aa(this.onError,a=>r[r.length]=a);return s.task=t,s}constructor(t){this.onError=t,this.freeTasks=[]}}const tn=new sa,oa=new ia(tn.registerPendingError);function la(e){tn.enqueueTask(oa.create(e))}const sr="dnd-core/ADD_SOURCE",ar="dnd-core/ADD_TARGET",ir="dnd-core/REMOVE_SOURCE",It="dnd-core/REMOVE_TARGET";function ca(e){return{type:sr,payload:{sourceId:e}}}function da(e){return{type:ar,payload:{targetId:e}}}function ua(e){return{type:ir,payload:{sourceId:e}}}function fa(e){return{type:It,payload:{targetId:e}}}function pa(e){K(typeof e.canDrag=="function","Expected canDrag to be a function."),K(typeof e.beginDrag=="function","Expected beginDrag to be a function."),K(typeof e.endDrag=="function","Expected endDrag to be a function.")}function ga(e){K(typeof e.canDrop=="function","Expected canDrop to be a function."),K(typeof e.hover=="function","Expected hover to be a function."),K(typeof e.drop=="function","Expected beginDrag to be a function.")}function Kt(e,t){if(t&&Array.isArray(e)){e.forEach(r=>Kt(r,!1));return}K(typeof e=="string"||typeof e=="symbol",t?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.")}var Ie;(function(e){e.SOURCE="SOURCE",e.TARGET="TARGET"})(Ie||(Ie={}));let ha=0;function ma(){return ha++}function xa(e){const t=ma().toString();switch(e){case Ie.SOURCE:return`S${t}`;case Ie.TARGET:return`T${t}`;default:throw new Error(`Unknown Handler Role: ${e}`)}}function Cr(e){switch(e[0]){case"S":return Ie.SOURCE;case"T":return Ie.TARGET;default:throw new Error(`Cannot parse handler ID: ${e}`)}}function Nr(e,t){const r=e.entries();let s=!1;do{const{done:a,value:[,i]}=r.next();if(i===t)return!0;s=!!a}while(!s);return!1}class ba{addSource(t,r){Kt(t),pa(r);const s=this.addHandler(Ie.SOURCE,t,r);return this.store.dispatch(ca(s)),s}addTarget(t,r){Kt(t,!0),ga(r);const s=this.addHandler(Ie.TARGET,t,r);return this.store.dispatch(da(s)),s}containsHandler(t){return Nr(this.dragSources,t)||Nr(this.dropTargets,t)}getSource(t,r=!1){return K(this.isSourceId(t),"Expected a valid source ID."),r&&t===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(t)}getTarget(t){return K(this.isTargetId(t),"Expected a valid target ID."),this.dropTargets.get(t)}getSourceType(t){return K(this.isSourceId(t),"Expected a valid source ID."),this.types.get(t)}getTargetType(t){return K(this.isTargetId(t),"Expected a valid target ID."),this.types.get(t)}isSourceId(t){return Cr(t)===Ie.SOURCE}isTargetId(t){return Cr(t)===Ie.TARGET}removeSource(t){K(this.getSource(t),"Expected an existing source."),this.store.dispatch(ua(t)),la(()=>{this.dragSources.delete(t),this.types.delete(t)})}removeTarget(t){K(this.getTarget(t),"Expected an existing target."),this.store.dispatch(fa(t)),this.dropTargets.delete(t),this.types.delete(t)}pinSource(t){const r=this.getSource(t);K(r,"Expected an existing source."),this.pinnedSourceId=t,this.pinnedSource=r}unpinSource(){K(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null}addHandler(t,r,s){const a=xa(t);return this.types.set(a,r),t===Ie.SOURCE?this.dragSources.set(a,s):t===Ie.TARGET&&this.dropTargets.set(a,s),a}constructor(t){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=t}}const ya=(e,t)=>e===t;function va(e,t){return!e&&!t?!0:!e||!t?!1:e.x===t.x&&e.y===t.y}function Da(e,t,r=ya){if(e.length!==t.length)return!1;for(let s=0;s<e.length;++s)if(!r(e[s],t[s]))return!1;return!0}function Ca(e=nt,t){switch(t.type){case Dt:break;case sr:case ar:case It:case ir:return nt;case vt:case rr:case Nt:case Ct:default:return nr}const{targetIds:r=[],prevTargetIds:s=[]}=t.payload,a=js(r,s);if(!(a.length>0||!Da(r,s)))return nt;const o=s[s.length-1],l=r[r.length-1];return o!==l&&(o&&a.push(o),l&&a.push(l)),a}function Na(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ia(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{},s=Object.keys(r);typeof Object.getOwnPropertySymbols=="function"&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),s.forEach(function(a){Na(e,a,r[a])})}return e}const Ir={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Sa(e=Ir,t){const{payload:r}=t;switch(t.type){case tr:case vt:return{initialSourceClientOffset:r.sourceClientOffset,initialClientOffset:r.clientOffset,clientOffset:r.clientOffset};case Dt:return va(e.clientOffset,r.clientOffset)?e:Ia({},e,{clientOffset:r.clientOffset});case Nt:case Ct:return Ir;default:return e}}function ja(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ke(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{},s=Object.keys(r);typeof Object.getOwnPropertySymbols=="function"&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),s.forEach(function(a){ja(e,a,r[a])})}return e}const Ta={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:!1,isSourcePublic:null};function wa(e=Ta,t){const{payload:r}=t;switch(t.type){case vt:return Ke({},e,{itemType:r.itemType,item:r.item,sourceId:r.sourceId,isSourcePublic:r.isSourcePublic,dropResult:null,didDrop:!1});case rr:return Ke({},e,{isSourcePublic:!0});case Dt:return Ke({},e,{targetIds:r.targetIds});case It:return e.targetIds.indexOf(r.targetId)===-1?e:Ke({},e,{targetIds:Ss(e.targetIds,r.targetId)});case Ct:return Ke({},e,{dropResult:r.dropResult,didDrop:!0,targetIds:[]});case Nt:return Ke({},e,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:!1,isSourcePublic:null,targetIds:[]});default:return e}}function Ea(e=0,t){switch(t.type){case sr:case ar:return e+1;case ir:case It:return e-1;default:return e}}function Oa(e=0){return e+1}function Aa(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _a(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{},s=Object.keys(r);typeof Object.getOwnPropertySymbols=="function"&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),s.forEach(function(a){Aa(e,a,r[a])})}return e}function Ra(e={},t){return{dirtyHandlerIds:Ca(e.dirtyHandlerIds,{type:t.type,payload:_a({},t.payload,{prevTargetIds:Is(e,"dragOperation.targetIds",[])})}),dragOffset:Sa(e.dragOffset,t),refCount:Ea(e.refCount,t),dragOperation:wa(e.dragOperation,t),stateId:Oa(e.stateId)}}function ka(e,t=void 0,r={},s=!1){const a=Pa(s),i=new ta(a,new ba(a)),o=new Ys(a,i),l=e(o,t,r);return o.receiveBackend(l),o}function Pa(e){const t=typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Yr(Ra,e&&t&&t({name:"dnd-core",instanceId:"dnd-core"}))}function La(e,t){if(e==null)return{};var r=Ma(e,t),s,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)s=i[a],!(t.indexOf(s)>=0)&&Object.prototype.propertyIsEnumerable.call(e,s)&&(r[s]=e[s])}return r}function Ma(e,t){if(e==null)return{};var r={},s=Object.keys(e),a,i;for(i=0;i<s.length;i++)a=s[i],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}let Sr=0;const pt=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");var Fa=h.memo(function(t){var{children:r}=t,s=La(t,["children"]);const[a,i]=Ba(s);return h.useEffect(()=>{if(i){const o=rn();return++Sr,()=>{--Sr===0&&(o[pt]=null)}}},[]),n.jsx(Zr.Provider,{value:a,children:r})});function Ba(e){if("manager"in e)return[{dragDropManager:e.manager},!1];const t=za(e.backend,e.context,e.options,e.debugMode),r=!e.context;return[t,r]}function za(e,t=rn(),r,s){const a=t;return a[pt]||(a[pt]={dragDropManager:ka(e,t,r,s)}),a[pt]}function rn(){return typeof global<"u"?global:window}var Rt,jr;function $a(){return jr||(jr=1,Rt=function e(t,r){if(t===r)return!0;if(t&&r&&typeof t=="object"&&typeof r=="object"){if(t.constructor!==r.constructor)return!1;var s,a,i;if(Array.isArray(t)){if(s=t.length,s!=r.length)return!1;for(a=s;a--!==0;)if(!e(t[a],r[a]))return!1;return!0}if(t.constructor===RegExp)return t.source===r.source&&t.flags===r.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===r.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===r.toString();if(i=Object.keys(t),s=i.length,s!==Object.keys(r).length)return!1;for(a=s;a--!==0;)if(!Object.prototype.hasOwnProperty.call(r,i[a]))return!1;for(a=s;a--!==0;){var o=i[a];if(!e(t[o],r[o]))return!1}return!0}return t!==t&&r!==r}),Rt}var Ha=$a();const Va=x.getDefaultExportFromCjs(Ha),ze=typeof window<"u"?h.useLayoutEffect:h.useEffect;function Ga(e,t,r){const[s,a]=h.useState(()=>t(e)),i=h.useCallback(()=>{const o=t(e);Va(s,o)||(a(o),r&&r())},[s,e,r]);return ze(i),[s,i]}function Ua(e,t,r){const[s,a]=Ga(e,t,r);return ze(function(){const o=e.getHandlerId();if(o!=null)return e.subscribeToStateChange(a,{handlerIds:[o]})},[e,a]),s}function nn(e,t,r){return Ua(t,e||(()=>({})),()=>r.reconnect())}function sn(e,t){const r=[...t||[]];return t==null&&typeof e!="function"&&r.push(e),h.useMemo(()=>typeof e=="function"?e():e,r)}function Ka(e){return h.useMemo(()=>e.hooks.dragSource(),[e])}function Wa(e){return h.useMemo(()=>e.hooks.dragPreview(),[e])}let kt=!1,Pt=!1;class qa{receiveHandlerId(t){this.sourceId=t}getHandlerId(){return this.sourceId}canDrag(){K(!kt,"You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");try{return kt=!0,this.internalMonitor.canDragSource(this.sourceId)}finally{kt=!1}}isDragging(){if(!this.sourceId)return!1;K(!Pt,"You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");try{return Pt=!0,this.internalMonitor.isDraggingSource(this.sourceId)}finally{Pt=!1}}subscribeToStateChange(t,r){return this.internalMonitor.subscribeToStateChange(t,r)}isDraggingSource(t){return this.internalMonitor.isDraggingSource(t)}isOverTarget(t,r){return this.internalMonitor.isOverTarget(t,r)}getTargetIds(){return this.internalMonitor.getTargetIds()}isSourcePublic(){return this.internalMonitor.isSourcePublic()}getSourceId(){return this.internalMonitor.getSourceId()}subscribeToOffsetChange(t){return this.internalMonitor.subscribeToOffsetChange(t)}canDragSource(t){return this.internalMonitor.canDragSource(t)}canDropOnTarget(t){return this.internalMonitor.canDropOnTarget(t)}getItemType(){return this.internalMonitor.getItemType()}getItem(){return this.internalMonitor.getItem()}getDropResult(){return this.internalMonitor.getDropResult()}didDrop(){return this.internalMonitor.didDrop()}getInitialClientOffset(){return this.internalMonitor.getInitialClientOffset()}getInitialSourceClientOffset(){return this.internalMonitor.getInitialSourceClientOffset()}getSourceClientOffset(){return this.internalMonitor.getSourceClientOffset()}getClientOffset(){return this.internalMonitor.getClientOffset()}getDifferenceFromInitialOffset(){return this.internalMonitor.getDifferenceFromInitialOffset()}constructor(t){this.sourceId=null,this.internalMonitor=t.getMonitor()}}let Lt=!1;class Za{receiveHandlerId(t){this.targetId=t}getHandlerId(){return this.targetId}subscribeToStateChange(t,r){return this.internalMonitor.subscribeToStateChange(t,r)}canDrop(){if(!this.targetId)return!1;K(!Lt,"You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");try{return Lt=!0,this.internalMonitor.canDropOnTarget(this.targetId)}finally{Lt=!1}}isOver(t){return this.targetId?this.internalMonitor.isOverTarget(this.targetId,t):!1}getItemType(){return this.internalMonitor.getItemType()}getItem(){return this.internalMonitor.getItem()}getDropResult(){return this.internalMonitor.getDropResult()}didDrop(){return this.internalMonitor.didDrop()}getInitialClientOffset(){return this.internalMonitor.getInitialClientOffset()}getInitialSourceClientOffset(){return this.internalMonitor.getInitialSourceClientOffset()}getSourceClientOffset(){return this.internalMonitor.getSourceClientOffset()}getClientOffset(){return this.internalMonitor.getClientOffset()}getDifferenceFromInitialOffset(){return this.internalMonitor.getDifferenceFromInitialOffset()}constructor(t){this.targetId=null,this.internalMonitor=t.getMonitor()}}function Ya(e,t,r){const s=r.getRegistry(),a=s.addTarget(e,t);return[a,()=>s.removeTarget(a)]}function Xa(e,t,r){const s=r.getRegistry(),a=s.addSource(e,t);return[a,()=>s.removeSource(a)]}function Wt(e,t,r,s){let a;if(a!==void 0)return!!a;if(e===t)return!0;if(typeof e!="object"||!e||typeof t!="object"||!t)return!1;const i=Object.keys(e),o=Object.keys(t);if(i.length!==o.length)return!1;const l=Object.prototype.hasOwnProperty.bind(t);for(let c=0;c<i.length;c++){const u=i[c];if(!l(u))return!1;const d=e[u],f=t[u];if(a=void 0,a===!1||a===void 0&&d!==f)return!1}return!0}function qt(e){return e!==null&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function Qa(e){if(typeof e.type=="string")return;const t=e.type.displayName||e.type.name||"the component";throw new Error(`Only native element nodes can now be passed to React DnD connectors.You can either wrap ${t} into a <div>, or turn it into a drag source or a drop target itself.`)}function Ja(e){return(t=null,r=null)=>{if(!h.isValidElement(t)){const i=t;return e(i,r),i}const s=t;return Qa(s),ei(s,r?i=>e(i,r):e)}}function an(e){const t={};return Object.keys(e).forEach(r=>{const s=e[r];if(r.endsWith("Ref"))t[r]=e[r];else{const a=Ja(s);t[r]=()=>a}}),t}function Tr(e,t){typeof e=="function"?e(t):e.current=t}function ei(e,t){const r=e.ref;return K(typeof r!="string","Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"),r?h.cloneElement(e,{ref:s=>{Tr(r,s),Tr(t,s)}}):h.cloneElement(e,{ref:t})}class ti{receiveHandlerId(t){this.handlerId!==t&&(this.handlerId=t,this.reconnect())}get connectTarget(){return this.dragSource}get dragSourceOptions(){return this.dragSourceOptionsInternal}set dragSourceOptions(t){this.dragSourceOptionsInternal=t}get dragPreviewOptions(){return this.dragPreviewOptionsInternal}set dragPreviewOptions(t){this.dragPreviewOptionsInternal=t}reconnect(){const t=this.reconnectDragSource();this.reconnectDragPreview(t)}reconnectDragSource(){const t=this.dragSource,r=this.didHandlerIdChange()||this.didConnectedDragSourceChange()||this.didDragSourceOptionsChange();return r&&this.disconnectDragSource(),this.handlerId?t?(r&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDragSource=t,this.lastConnectedDragSourceOptions=this.dragSourceOptions,this.dragSourceUnsubscribe=this.backend.connectDragSource(this.handlerId,t,this.dragSourceOptions)),r):(this.lastConnectedDragSource=t,r):r}reconnectDragPreview(t=!1){const r=this.dragPreview,s=t||this.didHandlerIdChange()||this.didConnectedDragPreviewChange()||this.didDragPreviewOptionsChange();if(s&&this.disconnectDragPreview(),!!this.handlerId){if(!r){this.lastConnectedDragPreview=r;return}s&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDragPreview=r,this.lastConnectedDragPreviewOptions=this.dragPreviewOptions,this.dragPreviewUnsubscribe=this.backend.connectDragPreview(this.handlerId,r,this.dragPreviewOptions))}}didHandlerIdChange(){return this.lastConnectedHandlerId!==this.handlerId}didConnectedDragSourceChange(){return this.lastConnectedDragSource!==this.dragSource}didConnectedDragPreviewChange(){return this.lastConnectedDragPreview!==this.dragPreview}didDragSourceOptionsChange(){return!Wt(this.lastConnectedDragSourceOptions,this.dragSourceOptions)}didDragPreviewOptionsChange(){return!Wt(this.lastConnectedDragPreviewOptions,this.dragPreviewOptions)}disconnectDragSource(){this.dragSourceUnsubscribe&&(this.dragSourceUnsubscribe(),this.dragSourceUnsubscribe=void 0)}disconnectDragPreview(){this.dragPreviewUnsubscribe&&(this.dragPreviewUnsubscribe(),this.dragPreviewUnsubscribe=void 0,this.dragPreviewNode=null,this.dragPreviewRef=null)}get dragSource(){return this.dragSourceNode||this.dragSourceRef&&this.dragSourceRef.current}get dragPreview(){return this.dragPreviewNode||this.dragPreviewRef&&this.dragPreviewRef.current}clearDragSource(){this.dragSourceNode=null,this.dragSourceRef=null}clearDragPreview(){this.dragPreviewNode=null,this.dragPreviewRef=null}constructor(t){this.hooks=an({dragSource:(r,s)=>{this.clearDragSource(),this.dragSourceOptions=s||null,qt(r)?this.dragSourceRef=r:this.dragSourceNode=r,this.reconnectDragSource()},dragPreview:(r,s)=>{this.clearDragPreview(),this.dragPreviewOptions=s||null,qt(r)?this.dragPreviewRef=r:this.dragPreviewNode=r,this.reconnectDragPreview()}}),this.handlerId=null,this.dragSourceRef=null,this.dragSourceOptionsInternal=null,this.dragPreviewRef=null,this.dragPreviewOptionsInternal=null,this.lastConnectedHandlerId=null,this.lastConnectedDragSource=null,this.lastConnectedDragSourceOptions=null,this.lastConnectedDragPreview=null,this.lastConnectedDragPreviewOptions=null,this.backend=t}}class ri{get connectTarget(){return this.dropTarget}reconnect(){const t=this.didHandlerIdChange()||this.didDropTargetChange()||this.didOptionsChange();t&&this.disconnectDropTarget();const r=this.dropTarget;if(this.handlerId){if(!r){this.lastConnectedDropTarget=r;return}t&&(this.lastConnectedHandlerId=this.handlerId,this.lastConnectedDropTarget=r,this.lastConnectedDropTargetOptions=this.dropTargetOptions,this.unsubscribeDropTarget=this.backend.connectDropTarget(this.handlerId,r,this.dropTargetOptions))}}receiveHandlerId(t){t!==this.handlerId&&(this.handlerId=t,this.reconnect())}get dropTargetOptions(){return this.dropTargetOptionsInternal}set dropTargetOptions(t){this.dropTargetOptionsInternal=t}didHandlerIdChange(){return this.lastConnectedHandlerId!==this.handlerId}didDropTargetChange(){return this.lastConnectedDropTarget!==this.dropTarget}didOptionsChange(){return!Wt(this.lastConnectedDropTargetOptions,this.dropTargetOptions)}disconnectDropTarget(){this.unsubscribeDropTarget&&(this.unsubscribeDropTarget(),this.unsubscribeDropTarget=void 0)}get dropTarget(){return this.dropTargetNode||this.dropTargetRef&&this.dropTargetRef.current}clearDropTarget(){this.dropTargetRef=null,this.dropTargetNode=null}constructor(t){this.hooks=an({dropTarget:(r,s)=>{this.clearDropTarget(),this.dropTargetOptions=s,qt(r)?this.dropTargetRef=r:this.dropTargetNode=r,this.reconnect()}}),this.handlerId=null,this.dropTargetRef=null,this.dropTargetOptionsInternal=null,this.lastConnectedHandlerId=null,this.lastConnectedDropTarget=null,this.lastConnectedDropTargetOptions=null,this.backend=t}}function Ye(){const{dragDropManager:e}=h.useContext(Zr);return K(e!=null,"Expected drag drop context"),e}function ni(e,t){const r=Ye(),s=h.useMemo(()=>new ti(r.getBackend()),[r]);return ze(()=>(s.dragSourceOptions=e||null,s.reconnect(),()=>s.disconnectDragSource()),[s,e]),ze(()=>(s.dragPreviewOptions=t||null,s.reconnect(),()=>s.disconnectDragPreview()),[s,t]),s}function si(){const e=Ye();return h.useMemo(()=>new qa(e),[e])}class ai{beginDrag(){const t=this.spec,r=this.monitor;let s=null;return typeof t.item=="object"?s=t.item:typeof t.item=="function"?s=t.item(r):s={},s??null}canDrag(){const t=this.spec,r=this.monitor;return typeof t.canDrag=="boolean"?t.canDrag:typeof t.canDrag=="function"?t.canDrag(r):!0}isDragging(t,r){const s=this.spec,a=this.monitor,{isDragging:i}=s;return i?i(a):r===t.getSourceId()}endDrag(){const t=this.spec,r=this.monitor,s=this.connector,{end:a}=t;a&&a(r.getItem(),r),s.reconnect()}constructor(t,r,s){this.spec=t,this.monitor=r,this.connector=s}}function ii(e,t,r){const s=h.useMemo(()=>new ai(e,t,r),[t,r]);return h.useEffect(()=>{s.spec=e},[e]),s}function oi(e){return h.useMemo(()=>{const t=e.type;return K(t!=null,"spec.type must be defined"),t},[e])}function li(e,t,r){const s=Ye(),a=ii(e,t,r),i=oi(e);ze(function(){if(i!=null){const[l,c]=Xa(i,a,s);return t.receiveHandlerId(l),r.receiveHandlerId(l),c}},[s,t,r,a,i])}function ci(e,t){const r=sn(e,t);K(!r.begin,"useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");const s=si(),a=ni(r.options,r.previewOptions);return li(r,s,a),[nn(r.collect,s,a),Ka(a),Wa(a)]}function di(e){return h.useMemo(()=>e.hooks.dropTarget(),[e])}function ui(e){const t=Ye(),r=h.useMemo(()=>new ri(t.getBackend()),[t]);return ze(()=>(r.dropTargetOptions=e||null,r.reconnect(),()=>r.disconnectDropTarget()),[e]),r}function fi(){const e=Ye();return h.useMemo(()=>new Za(e),[e])}function pi(e){const{accept:t}=e;return h.useMemo(()=>(K(e.accept!=null,"accept must be defined"),Array.isArray(t)?t:[t]),[t])}class gi{canDrop(){const t=this.spec,r=this.monitor;return t.canDrop?t.canDrop(r.getItem(),r):!0}hover(){const t=this.spec,r=this.monitor;t.hover&&t.hover(r.getItem(),r)}drop(){const t=this.spec,r=this.monitor;if(t.drop)return t.drop(r.getItem(),r)}constructor(t,r){this.spec=t,this.monitor=r}}function hi(e,t){const r=h.useMemo(()=>new gi(e,t),[t]);return h.useEffect(()=>{r.spec=e},[e]),r}function mi(e,t,r){const s=Ye(),a=hi(e,t),i=pi(e);ze(function(){const[l,c]=Ya(i,a,s);return t.receiveHandlerId(l),r.receiveHandlerId(l),c},[s,t,a,r,i.map(o=>o.toString()).join("|")])}function or(e,t){const r=sn(e,t),s=fi(),a=ui(r.options);return mi(r,s,a),[nn(r.collect,s,a),di(a)]}const wr="column",xi="flex items-center",bi="mr-3 cursor-move text-secondary",yi=({id:e,children:t,className:r,onFind:s,onMove:a,ariaLabel:i="Drag item"})=>{const o=h.useRef(null),l=h.useRef(null),c=typeof s=="function"?s(e):-1,[{isDragging:u},d,f]=ci(()=>({type:wr,item:{id:e,originalIndex:c},collect:p=>{const m=p.getItem();return{isDragging:p.isDragging()&&m?.id===e}},end:(p,m)=>{if(!p)return;!m.didDrop()&&typeof a=="function"&&p.originalIndex>-1&&a(p.id,p.originalIndex)}}),[e,c,a]),[,g]=or(()=>({accept:wr,hover:p=>{if(!(!p||p.id===e)&&typeof s=="function"&&typeof a=="function"){const m=s(e);a(p.id,m)}}}),[s,a,e]);return f(g(l)),d(o),n.jsxs("div",{ref:l,className:I.mergeClasses(xi,r),style:{opacity:u?0:1},"aria-roledescription":"Draggable item",children:[n.jsx("div",{ref:o,className:bi,"aria-label":i,children:n.jsx(H.IconGripVertical,{...V.BASE_ICON_PROPS})}),t]})},St=({iconClassName:e,label:t,...r})=>t?n.jsx(x.DialDangerButton,{...r,label:t,appearance:w.ButtonAppearance.Ghost,iconBefore:n.jsx(H.IconTrashX,{...V.BASE_ICON_PROPS,className:e||""})}):n.jsx(L.DialDangerIconButton,{...r,appearance:w.ButtonAppearance.Ghost,icon:n.jsx(H.IconTrashX,{...V.BASE_ICON_PROPS,className:e||""})}),vi=({className:e="",value:t,onChange:r,error:s,containerClassName:a,resize:i=!1,labelProps:o,caption:l,id:c,...u})=>{const d=I.mergeClasses("dial-textarea dial-input px-3 py-2",u.invalid&&"dial-input-error",u.disabled&&"dial-input-disable",i?"resize":"resize-none",e);return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-y-1",a),children:[o&&n.jsx(Re.DialLabel,{...o,htmlFor:c}),n.jsx("textarea",{id:c,value:t||"",className:d,onChange:f=>r?.(f.currentTarget.value),...u}),n.jsx(x.DialErrorText,{text:s}),!s&&n.jsx(x.DialCaptionText,{text:l})]})},Di="inline-flex items-center rounded bg-layer-3",Ci="flex flex-1 items-center justify-center gap-2 h-7 px-3 py-1 border border-primary dial-small-text whitespace-nowrap focus-visible:outline outline-offset-0 focus-visible:relative focus-visible:z-10",Ni="relative z-10 bg-controls-accent-primary-alpha-active text-primary",Ii="text-secondary hover:text-primary",Si="text-controls-disable-accent cursor-not-allowed hover:text-controls-disable-accent",ji=({options:e,value:t,onChange:r,disabled:s,className:a,ariaLabel:i})=>{const o=h.useCallback(l=>{if(s)return;const c=e.filter(g=>!g.disabled);if(c.length===0)return;const u=c.findIndex(g=>g.value===t);let d=null;switch(l.key){case"ArrowRight":case"ArrowDown":d=(u+1)%c.length;break;case"ArrowLeft":case"ArrowUp":d=(u-1+c.length)%c.length;break;case"Home":d=0;break;case"End":d=c.length-1;break;default:return}l.preventDefault();const f=c[d];f&&f.value!==t&&r(f.value)},[s,e,t,r]);return n.jsx("div",{role:"tablist","aria-label":i,className:I.mergeClasses(Di,a),children:e.map((l,c)=>{const u=l.value===t,d=c===0,f=c===e.length-1,g=s||l.disabled;return n.jsxs("button",{type:"button",role:"tab","aria-selected":u,tabIndex:u?0:-1,disabled:g,onClick:()=>r(l.value),onKeyDown:o,className:I.mergeClasses(Ci,!f&&"-mr-px",d&&"rounded-l",f&&"rounded-r",u?Ni:Ii,g&&Si),children:[l.icon,l.label]},l.value)})})},Mt=8,Ti=24,on=({initialTags:e=[],label:t,required:r,elementId:s,placeholder:a,captionDescription:i,errorText:o,invalid:l,disabled:c,collapseTagOverflow:u=!1,readOnly:d=!1,containerClassName:f,tagClassName:g,onChange:p})=>{const m=h.useRef(null),v=h.useRef([]),b=h.useRef(null),[y,C]=h.useState(e),[N,S]=h.useState(""),[D,T]=h.useState(!1),[P,O]=h.useState(e.length),E=h.useCallback(k=>z=>{v.current[k]=z},[]),_=h.useCallback(()=>{if(!u)return;const k=m.current;if(!k)return;const z=k.offsetWidth;if(z===0)return;const Y=b.current?.offsetWidth??0,oe=z-(d?0:Ti)-Mt;let ee=0,W=0;for(let re=0;re<y.length;re++){const fe=v.current[re];if(!fe)continue;const ue=fe.offsetWidth+Mt;if(ee+ue>oe)break;ee+=ue,W++}if(W<y.length&&W>0)for(;ee+Y>oe&&W>0;){W--;const re=v.current[W]?.offsetWidth??0;ee-=re+Mt}O(W)},[u,d,y.length]),j=k=>{const z=k.trim().replace(/,$/,"");if(z&&!y.includes(z)){const Y=[z,...y];C(Y),p?.(Y)}},R=k=>{(k.key===","||k.key==="Enter")&&(k.preventDefault(),j(N),S(""))},$=()=>{N.trim()&&(j(N),S(""))},U=k=>{const z=y.filter((Y,J)=>J!==k);C(z),p?.(z)},te=()=>o?n.jsx(x.DialErrorText,{text:o}):i?n.jsx(x.DialCaptionText,{text:i}):null;h.useEffect(()=>{if(u)return;const k=new ResizeObserver(()=>{if(m.current){const z=m.current.scrollHeight>m.current.clientHeight+10;T(z)}});return m.current&&k.observe(m.current),()=>k.disconnect()},[y,u]),h.useEffect(()=>{if(!u){O(y.length);return}O(y.length);const k=new ResizeObserver(()=>{_()}),z=m.current;return z&&k.observe(z),_(),()=>k.disconnect()},[u,_,y]),h.useEffect(()=>{C(e)},[JSON.stringify(e)]);const B=n.jsxs("div",{ref:m,className:se("flex gap-2 items-center relative",u?"flex-nowrap overflow-hidden w-full min-w-0":se("flex-wrap",D?"flex-col-reverse":"flex-row"),f),children:[(u?y.slice(0,P):y).map((k,z)=>n.jsx(Be,{label:k,className:g,closable:!c&&!d,onRemove:!c&&!d?()=>U(z):void 0},k+z)),u&&P<y.length&&n.jsx(w.DialTooltip,{tooltip:y.slice(P).join(", "),triggerClassName:"inline-flex shrink-0 cursor-pointer",children:n.jsx(Be,{label:`+${y.length-P}`})}),!d&&n.jsx("input",{id:s,type:"text",value:N,onChange:k=>S(k.target.value),onKeyDown:R,onBlur:$,className:se("dial-input outline-none !border-none w-full flex-1 !p-1 !h-auto",u?"min-w-0":"min-w-[100px]"),placeholder:a??"",disabled:c}),u&&n.jsxs("div",{className:"absolute left-0 top-0 invisible pointer-events-none h-0 overflow-hidden whitespace-nowrap","aria-hidden":!0,children:[y.map((k,z)=>n.jsx("div",{ref:E(z),className:"inline-flex shrink-0",children:n.jsx(Be,{label:k,className:g,closable:!c&&!d,onRemove:!c&&!d?()=>U(z):void 0})},`measure-${k}-${z}`)),n.jsx("div",{ref:b,className:"inline-flex shrink-0",children:n.jsx(Be,{label:`+${y.length}`})})]})]});return d?B:n.jsxs("div",{className:"flex flex-col gap-2 w-full",children:[n.jsx(Re.DialLabel,{label:t,required:r,htmlFor:s}),n.jsx("div",{className:se("dial-input min-h-[38px] p-[6px]",l&&"dial-input-error",c&&"dial-input-disable"),children:B}),te()]})},ln=({selectedItems:e,placeholder:t,collapseTagOverflow:r=!1,listClassName:s,listElementClassName:a})=>e?.length?n.jsx(on,{readOnly:!0,initialTags:e,collapseTagOverflow:r,containerClassName:s,tagClassName:a}):t?n.jsx("span",{className:"text-secondary",children:t}):null,Ft=e=>gr.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},gr.createElement("path",{d:"M2.25 13.5V12C2.25 11.5858 2.58579 11.25 3 11.25C3.41421 11.25 3.75 11.5858 3.75 12V13.5C3.75 13.6989 3.82907 13.8896 3.96973 14.0303C4.11038 14.1709 4.30109 14.25 4.5 14.25H6C6.41421 14.25 6.75 14.5858 6.75 15C6.75 15.4142 6.41421 15.75 6 15.75H4.5C3.90326 15.75 3.33114 15.5128 2.90918 15.0908C2.48722 14.6689 2.25 14.0967 2.25 13.5ZM14.25 6V4.5C14.25 4.30109 14.1709 4.11038 14.0303 3.96973C13.8896 3.82907 13.6989 3.75 13.5 3.75H12C11.5858 3.75 11.25 3.41421 11.25 3C11.25 2.58579 11.5858 2.25 12 2.25H13.5C14.0967 2.25 14.6689 2.48722 15.0908 2.90918C15.5128 3.33114 15.75 3.90326 15.75 4.5V6C15.75 6.41421 15.4142 6.75 15 6.75C14.5858 6.75 14.25 6.41421 14.25 6Z",fill:"currentColor"})),cn=({children:e,open:t,disabled:r=!1,selectedValue:s,valueClassName:a,inputClassName:i,onOpen:o,elementId:l,errorText:c,invalid:u,emptyValueText:d,placeholder:f,editable:g=!1,onValueChange:p,collapseTagOverflow:m=!1,iconBefore:v})=>{const b=Array.isArray(s)&&s.length>0,y=typeof s=="string"&&!!s.trim(),C=b||y?s:f?void 0:d,N=r?void 0:o,S=h.useCallback(O=>{p?.(O.target.value)},[p]),D=()=>n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:se("dial-input px-3 py-2 dial-input-field flex flex-row items-center gap-x-2 w-full justify-between",i,r&&"dial-input-disable",(c||u)&&"dial-input-error"),children:[n.jsxs("div",{className:"flex flex-row items-center gap-x-2 flex-1 min-w-0",children:[v&&n.jsx(L.DialIcon,{icon:v}),n.jsx("input",{type:"text",className:se("flex-1 min-w-0 bg-transparent outline-none border-none p-0 dial-small-text text-primary placeholder:text-secondary",a),value:typeof s=="string"?s:"",placeholder:f||d,onChange:S,disabled:r,id:l,"aria-label":"input-popup-field"})]}),!r&&n.jsx("button",{type:"button",className:"shrink-0 cursor-pointer bg-transparent border-none p-0 ml-1",onClick:o,"aria-label":"open-popup",children:n.jsx(L.DialIcon,{icon:n.jsx(Ft,{role:"img",width:V.BASE_ICON_SIZE,height:V.BASE_ICON_SIZE})})})]}),n.jsx(x.DialErrorText,{text:c})]}),T=()=>n.jsxs(n.Fragment,{children:[n.jsx("button",{type:"button",className:"w-full",onClick:N,"aria-label":"open-popup",id:l,children:n.jsxs("div",{className:se("dial-input px-3 py-2 dial-input-field flex flex-row items-center gap-x-2 w-full justify-between cursor-pointer",i,r&&"dial-input-disable",(c||u)&&"dial-input-error"),children:[n.jsxs("div",{className:"flex flex-row items-center gap-x-2 flex-1 min-w-0",children:[v&&n.jsx(L.DialIcon,{icon:v}),n.jsx(w.DialTooltip,{tooltip:C==null?void 0:String(C),children:C||!f?n.jsx("span",{className:a,children:C}):n.jsx("span",{className:"text-secondary",children:f})})]}),!r&&n.jsx("div",{className:"shrink-0",children:n.jsx(L.DialIcon,{icon:n.jsx(Ft,{role:"img",width:V.BASE_ICON_SIZE,height:V.BASE_ICON_SIZE})})})]})}),n.jsx(x.DialErrorText,{text:c})]}),P=()=>n.jsx("div",{className:"w-full",onClick:N,children:n.jsxs("div",{className:se("dial-input px-3 py-2 flex flex-row items-center gap-x-2 w-full justify-between cursor-pointer",r&&"dial-input-disable"),children:[n.jsxs("div",{className:"flex flex-row items-center gap-x-2 flex-1 min-w-0",children:[v&&n.jsx(L.DialIcon,{icon:v}),n.jsx(ln,{placeholder:f,selectedItems:C,collapseTagOverflow:m})]}),!r&&n.jsx("div",{className:"ml-1",children:n.jsx(L.DialIcon,{icon:n.jsx(Ft,{role:"img",width:V.BASE_ICON_SIZE,height:V.BASE_ICON_SIZE})})})]})});return n.jsxs(n.Fragment,{children:[b?P():g?D():T(),t&&qn.createPortal(e,document.body)]})},wi=({label:e,htmlFor:t,disabled:r,selectedValue:s,radioButtons:a,customInputValue:i,valueClassName:o,inputClassName:l,emptyValueText:c,placeholder:u,onClose:d,header:f,portalId:g,onApply:p,onCancel:m,cancelButtonTitle:v="Cancel",applyButtonTitle:b="Apply",isValid:y,selectedRadioValue:C,onChangeRadioField:N,id:S,size:D=x.PopupSize.Md})=>{const[T,P]=h.useState(!1),O=h.useCallback(()=>{r||P(!0)},[r]),E=h.useCallback(()=>{P(!1),d?.()},[d]),_=h.useCallback(()=>{m?.(),E()},[m,E]),j=h.useCallback(()=>{p(),E()},[p,E]);return n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx(Re.DialLabel,{label:e,htmlFor:t}),n.jsx(cn,{disabled:r,open:T,selectedValue:i??a.find(R=>R.id===s)?.name,valueClassName:o,inputClassName:se(l,"py-2","px-3"),emptyValueText:c,placeholder:u,onOpen:O,children:n.jsx(x.DialPopup,{open:T,onClose:_,header:f,portalId:g,size:D,footer:n.jsxs("div",{className:"flex flex-row items-center justify-end gap-2 px-6 py-4",children:[n.jsx(x.DialNeutralButton,{label:v,onClick:_}),n.jsx(x.DialPrimaryButton,{label:b,onClick:j,disabled:!y})]}),children:n.jsx("div",{className:"px-6 py-4",children:n.jsx(x.DialRadioGroup,{radioButtons:a,labelClassName:"dial-small-text",activeRadioButton:C,onChange:N,elementId:S,orientation:x.RadioGroupOrientation.Column})})})})]})},Ei="Create",Oi="Cancel",Ai="flex items-center justify-end gap-2 px-6 py-3",_i=({header:e,open:t=!1,submitLabel:r=Ei,cancelLabel:s=Oi,isLoading:a=!1,disableSubmitButton:i=!1,className:o,submitClassName:l,onClose:c,onSubmit:u,onCancel:d,children:f,dividers:g=!0,size:p=x.PopupSize.Md,footer:m})=>{const v=a?null:n.jsxs("div",{className:Ai,children:[n.jsx(x.DialNeutralButton,{label:s,onClick:()=>d?d():c?.()}),n.jsx(x.DialPrimaryButton,{className:l,label:r,disabled:i,onClick:()=>u()})]}),b=h.useCallback(()=>a?n.jsx("div",{className:"px-6 py-4 h-[120px]",children:n.jsx(x.DialLoader,{size:50})}):f??null,[f,a]);return n.jsx(x.DialPopup,{open:t,header:e,className:o,dividers:g,onClose:()=>c?.(),footer:m??v,size:p,children:b()})},Ri=/^0+\.(\d+)?$/,ki=/^0+/,Zt=({integer:e,onChange:t,min:r,max:s,onKeyDown:a,onPaste:i,...o})=>{const l=d=>!d||d==="-"?d:String(d)?.match(Ri)?String(d)?.replace(ki,"0"):Number(d),c=d=>{if([".","-","+","e","E"].includes(d.key)){d.preventDefault();return}x.handleKeyDown(d,"number",r,s)},u=d=>{const f=d.clipboardData.getData("text"),g=f.replace(/\D/g,"");if(g!==f&&(d.preventDefault(),g)){const p=d.currentTarget,m=p.selectionStart??0,v=p.selectionEnd??0,b=p.value.slice(0,m)+g+p.value.slice(v);t?.(l(b))}};return n.jsx(x.DialInput,{type:"number",min:r,max:s,onChange:d=>t?.(l(d)),onKeyDown:e?c:a,onPaste:e?u:i,...o})},Pi=({onClick:e})=>n.jsx(H.IconEyeOff,{...V.BASE_ICON_PROPS,className:"text-primary",onClick:e,role:"button","aria-label":"hide"}),Li=({onClick:e})=>n.jsx(H.IconEye,{...V.BASE_ICON_PROPS,className:"text-primary",onClick:e,role:"button","aria-label":"show"}),dn=({...e})=>{const[t,r]=h.useState(!1),s=h.useCallback(a=>{r(a)},[]);return n.jsx(x.DialInput,{type:t?"text":"password",...e,iconAfter:e.disabled?null:t?n.jsx(Pi,{onClick:()=>s(!1)}):n.jsx(Li,{onClick:()=>s(!0)})})},un=({options:e,selectedValues:t,handleRemoveTag:r})=>n.jsx("div",{className:"flex flex-wrap w-full items-center gap-1",children:t.map(s=>{const a=e.find(o=>o.value===s)?.label??s,i=e.find(o=>o.value===s)?.icon;return n.jsx(Be,{label:a,onRemove:o=>r?.(o,s),icon:i?n.jsx(L.DialIcon,{icon:i}):null,className:"max-w-full"},s)})});var ht=(e=>(e.Sm="sm",e.Md="md",e))(ht||{}),mt=(e=>(e.Primary="Primary",e.Secondary="Secondary",e))(mt||{});const Mi="dial-input flex w-full items-center justify-between gap-2 dial-small-text cursor-pointer",Fi="w-full rounded flex flex-col",st="flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small-text text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none",Bi="bg-accent-primary-alpha",Yt="bg-accent-primary-alpha border-l border-accent-primary border-1",xt="opacity-75",zi=352,$i=4,Hi=n.jsx(H.IconChevronDown,{size:V.DIAL_ICON_SIZE.SM}),Vi=({opt:e,selectedValues:t,onSelect:r})=>{const{isOpen:s,refs:a,floatingStyles:i,context:o,getReferenceProps:l,getFloatingProps:c}=L.useSubMenuFloating($i,"listbox",!!e.disabled),u=e.children?.some(d=>t.includes(d.value));return n.jsxs(n.Fragment,{children:[n.jsxs("button",{ref:a.setReference,type:"button",role:"option","aria-haspopup":"listbox","aria-expanded":s,"aria-selected":!!u,"aria-disabled":!!e.disabled,disabled:e.disabled,className:se(st,u&&Yt,e.disabled&&xt),...l(),children:[n.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[e.icon&&n.jsx(L.DialIcon,{icon:e.icon}),n.jsx(L.DialEllipsisTooltip,{text:e.labelNode??e.label})]}),n.jsx(H.IconChevronRight,{size:14,className:"shrink-0"})]}),s&&n.jsx(L.SubMenuPanel,{refs:a,floatingStyles:i,context:o,getFloatingProps:c,role:"listbox",className:"w-max py-1",children:e.children.map(d=>{const f=t.includes(d.value);return n.jsx("button",{type:"button",role:"option","aria-selected":f,"aria-disabled":!!d.disabled,disabled:d.disabled,className:se(st,f&&Yt,d.disabled&&xt),onClick:()=>!d.disabled&&r(d.value),children:n.jsxs("div",{className:"flex items-center gap-2 w-full",children:[d.icon&&n.jsx(L.DialIcon,{icon:d.icon}),n.jsx(L.DialEllipsisTooltip,{text:d.labelNode??d.label})]})},d.value)})})]})},ke=({options:e,multiple:t=!1,elementId:r,value:s,defaultValue:a,variant:i=mt.Primary,size:o=ht.Md,prefix:l,customSelectedValue:c,placeholder:u="Select...",searchable:d=!1,searchSize:f=w.ElementSize.Standard,searchPlaceholder:g,selectAll:p=!1,invalid:m,selectAllLabel:v="Select all",emptyStateTitle:b="No options available",emptyStateDescription:y,emptyStateIcon:C,disabled:N=!1,className:S,listClassName:D,closable:T=!1,header:P,footer:O,onClose:E,onChange:_,inlineSearch:j=!1,dismissRef:R,onFooterClick:$,open:U,onOpenChange:te,onInlineQueryChange:B,customMultiSelectTagsRenderer:k})=>{const z=h.useId(),[Y,J]=h.useState(!1),oe=U!==void 0,ee=oe?!!U:Y,W=h.useCallback(A=>{oe||J(A),te?.(A)},[oe,te]),[re,fe]=h.useState(j&&c||""),ue=h.useRef(null),ae=h.useCallback(A=>{A!==re&&(fe(A||""),B?.(A||""))},[B,re]),de=s!==void 0,[pe,me]=h.useState(a),G=de?s:pe,Z=h.useMemo(()=>t?Array.isArray(G)?G:[]:typeof G=="string"?[G]:[],[G,t]),Se=h.useMemo(()=>{const A=re.trim().toLowerCase();return A?e.filter(X=>X.label.toLowerCase().includes(A)):e},[e,re]);h.useEffect(()=>{!ee&&!j&&ae("")},[j,ee,ae]);const et=h.useRef(c);h.useEffect(()=>{j&&c!==et.current&&(ee||(et.current=c,ae(c||"")))},[c,j,ee,ae]);const xe=h.useCallback(A=>{de||me(A),_?.(A)},[de,_]),je=h.useCallback(A=>{if(t){const X=new Set(Z);X.has(A)?X.delete(A):X.add(A),xe(Array.from(X));return}if(xe(A),j){const X=e.find(Ee=>Ee.value===A)??e.flatMap(Ee=>Ee.children??[]).find(Ee=>Ee.value===A);X&&ae(X.label)}W(!1)},[t,xe,j,W,Z,e,ae]),le=h.useCallback((A,X)=>{if(A.stopPropagation(),!t){xe("");return}const Ee=Z.filter(Et=>Et!==X);xe(Ee)},[t,Z,xe]),ge=h.useMemo(()=>Se.filter(A=>!A.disabled),[Se]),be=h.useMemo(()=>ge.filter(A=>Z.includes(A.value)).length,[ge,Z]),tt=h.useCallback(A=>{j&&!t&&!A&&je(re),W(A)},[je,j,t,re,W]),{allSelectedInFiltered:Me,someSelectedInFiltered:Ce}=h.useMemo(()=>{const A=ge.length>0&&be===ge.length;return{allSelectedInFiltered:A,someSelectedInFiltered:be>0&&!A}},[ge,be]),rt=h.useCallback(()=>{if(!(!t||ge.length===0))if(Me){const A=new Set(ge.map(X=>X.value));xe(Z.filter(X=>!A.has(X)))}else{const A=new Set(Z);ge.forEach(X=>A.add(X.value)),xe(Array.from(A))}},[Me,t,ge,Z,xe]),Fe=Z.length>0;h.useEffect(()=>{ee&&j&&!t&&!N&&requestAnimationFrame(()=>{const A=ue.current;if(!A)return;A.focus();const X=A.value?.length??0;A.setSelectionRange?.(X,X)})},[ee,j,t,N]);const Ve=!t&&Fe?Z[0]:void 0,ye=h.useMemo(()=>Ve?e.find(A=>A.value===Ve)??e.flatMap(A=>A.children??[]).find(A=>A.value===Ve):void 0,[e,Ve]),Ge=h.useCallback(()=>t?Fe?k?.(e,Z,le)||n.jsx(un,{options:e,selectedValues:Z,handleRemoveTag:le}):n.jsx("span",{className:"text-secondary truncate",children:u}):ye?n.jsxs(n.Fragment,{children:[ye.icon&&n.jsx(L.DialIcon,{icon:ye.icon}),n.jsx(L.DialEllipsisTooltip,{text:ye.labelNode??(l?`${l} ${ye.label}`:ye.label)}),ye?.description&&n.jsx("div",{className:"text-secondary dial-small-text",children:ye.description})]}):c&&s?c:n.jsx("span",{className:"text-secondary truncate",children:u}),[Fe,t,c,l,s,u,ye,e,Z,le,k]);h.useImperativeHandle(R,()=>({dismiss:()=>{W(!1)}}));const we=h.useCallback(()=>{ae(Z.length===1?ye?.label??re:"")},[re,Z.length,ae,ye?.label]),he=h.useCallback(()=>{N||(W(!ee),j&&!t&&(we(),ue.current?.focus()))},[N,j,ee,t,we,W]);return n.jsx(L.DialDropdown,{open:ee,onOpenChange:tt,disabled:N,closable:T,onClose:E,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],maxDropdownHeight:d?null:zi,listClassName:D,renderOverlay:()=>n.jsxs("div",{id:`list-${r||z}`,role:"listbox","aria-multiselectable":t||void 0,className:Fi,children:[P&&n.jsx(n.Fragment,{children:typeof P=="function"?P():P}),(d||T)&&e.length>8&&n.jsxs("div",{className:"flex items-center gap-2 px-2 pt-2",children:[d&&n.jsx(x.DialSearch,{size:f,placeholder:g,onChange:ae,value:re,id:`search-${r||z}`,containerClassName:I.mergeClasses(x.SIZE_CONFIG[f].containerClassName,"w-full")}),T&&n.jsx(x.DialButton,{"aria-label":"Close select",className:"shrink-0",iconBefore:n.jsx(H.IconX,{size:V.DIAL_ICON_SIZE.SM}),onClick:A=>{E?.(A),W(!1)}})]}),t&&p&&ge.length>0&&n.jsx("div",{className:se(st,"mt-2"),children:n.jsx(Gt,{id:`${r||z}-selectAll`,label:v,checked:Me,indeterminate:Ce,onChange:rt,ariaLabel:v})}),n.jsx("div",{className:se("overflow-y-auto max-h-[352px]",j&&Se.length===0?"":"py-1"),children:Se.length===0?!j&&n.jsx("div",{className:"px-2 py-3",children:n.jsx(L.DialNoDataContent,{icon:C??n.jsx(H.IconClipboardX,{size:V.DIAL_ICON_SIZE.LG,stroke:.5}),title:b,description:y})}):Se.map(A=>{const X=Z.includes(A.value);return t?n.jsxs("div",{role:"option","aria-selected":X,"aria-disabled":!!A.disabled,className:se(st,X&&Bi,A.disabled&&xt,"w-full"),children:[n.jsx(Gt,{id:`${r||z}-${A.value}`,label:n.jsxs("span",{className:"flex w-full flex-1 pl-2 min-w-0 items-center gap-2 text-primary",children:[A.icon&&n.jsx(L.DialIcon,{icon:A.icon}),n.jsx("span",{className:"truncate",children:A.labelNode??A.label})]}),checked:X,disabled:A.disabled,onChange:()=>!A.disabled&&je(A.value),ariaLabel:A.label}),A.description&&n.jsx("div",{className:"text-secondary dial-small-text",children:A.description})]},A.value):A.children?.length?n.jsx(Vi,{opt:A,selectedValues:Z,onSelect:je},A.value):n.jsx("button",{role:"option",type:"button","aria-selected":X,"aria-disabled":!!A.disabled,disabled:A.disabled,className:se(st,X&&Yt,A.disabled&&xt),onClick:()=>!A.disabled&&je(A.value),children:n.jsxs("div",{className:"flex items-center gap-2 w-full",children:[A.icon&&n.jsx(L.DialIcon,{icon:A.icon}),n.jsx(L.DialEllipsisTooltip,{text:A.labelNode??A.label}),A.description&&n.jsx("div",{className:"text-secondary dial-small-text",children:A.description})]})},A.value)})}),O&&n.jsx("div",{onClick:A=>{$?.(A),$&&W(!1)},children:typeof O=="function"?O():O})]}),children:n.jsxs("div",{role:"button",tabIndex:0,"aria-roledescription":"button to open select list","aria-haspopup":"listbox","aria-expanded":ee,"aria-controls":`list-${r||z}`,className:I.mergeClasses(Mi,N&&"opacity-75 !cursor-not-allowed !border-primary",o===ht.Sm?"min-h-[25px] px-1.5 py-1":"min-h-[38px] px-3 py-2",m&&"dial-input-error",i===mt.Secondary?"!bg-layer-4 !h-auto":"",S),onMouseDown:A=>{N||j&&!t&&(we(),A.preventDefault())},onClick:()=>{he()},onKeyDown:A=>{(A.key===" "||A.code==="Space")&&(A.preventDefault(),he())},children:[j&&!t?n.jsx("div",{className:"flex min-w-0 items-center gap-2 text-primary flex-1",children:n.jsx("input",{id:`inline-${r||z}`,type:"text",placeholder:g??u,value:re||"",onChange:A=>ae(A.currentTarget.value.trimStart()),onFocus:()=>!N&&W(!0),onMouseDown:A=>{we(),A.stopPropagation()},onClick:A=>{A.stopPropagation()},onKeyDown:A=>{A.stopPropagation()},className:"bg-transparent outline-none w-full dial-small-text",ref:ue,disabled:N,"aria-disabled":N,autoComplete:"off"})}):n.jsx("div",{className:"flex w-full min-w-0 items-center gap-2 text-primary",children:Ge()}),!j&&n.jsx(L.DialIcon,{icon:Hi,className:se("text-primary",ee&&"rotate-180")})]})})},Gi=({label:e,required:t,captionDescription:r,containerClassName:s,selectClassName:a,error:i,id:o,caption:l,readonly:c,value:u,defaultEmptyText:d,...f})=>{const g=h.useCallback(()=>{if(!u||Array.isArray(u)&&u.length===0)return d??"None";if(Array.isArray(u))return n.jsx(un,{options:f.options,selectedValues:u});{const p=f.options?.find(m=>m.value===u);return n.jsx("span",{"aria-readonly":!0,className:"text-primary",children:p?.label||u})}},[u,f.options,d]);return n.jsx(x.DialFormItem,{id:o,label:e,required:t,description:l,error:i,captionDescription:r,className:s,readonly:c,value:g(),defaultEmptyText:d,children:n.jsx(ke,{className:a,value:u,elementId:o,invalid:!!i,...f})})};function fn(e){let t=null;return()=>(t==null&&(t=e()),t)}function Ui(e,t){return e.filter(r=>r!==t)}function Ki(e,t){const r=new Set,s=i=>r.add(i);e.forEach(s),t.forEach(s);const a=[];return r.forEach(i=>a.push(i)),a}class Wi{enter(t){const r=this.entered.length,s=a=>this.isNodeInDocument(a)&&(!a.contains||a.contains(t));return this.entered=Ki(this.entered.filter(s),[t]),r===0&&this.entered.length>0}leave(t){const r=this.entered.length;return this.entered=Ui(this.entered.filter(this.isNodeInDocument),t),r>0&&this.entered.length===0}reset(){this.entered=[]}constructor(t){this.entered=[],this.isNodeInDocument=t}}class qi{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(t=>{Object.defineProperty(this.item,t,{configurable:!0,enumerable:!0,get(){return console.warn(`Browser doesn't allow reading "${t}" until the drop event.`),null}})})}loadDataTransfer(t){if(t){const r={};Object.keys(this.config.exposeProperties).forEach(s=>{const a=this.config.exposeProperties[s];a!=null&&(r[s]={value:a(t,this.config.matchesTypes),configurable:!0,enumerable:!0})}),Object.defineProperties(this.item,r)}}canDrag(){return!0}beginDrag(){return this.item}isDragging(t,r){return r===t.getSourceId()}endDrag(){}constructor(t){this.config=t,this.item={},this.initializeExposedProperties()}}const jt="__NATIVE_FILE__",pn="__NATIVE_URL__",gn="__NATIVE_TEXT__",hn="__NATIVE_HTML__",Er=Object.freeze(Object.defineProperty({__proto__:null,FILE:jt,HTML:hn,TEXT:gn,URL:pn},Symbol.toStringTag,{value:"Module"}));function Bt(e,t,r){const s=t.reduce((a,i)=>a||e.getData(i),"");return s??r}const Xt={[jt]:{exposeProperties:{files:e=>Array.prototype.slice.call(e.files),items:e=>e.items,dataTransfer:e=>e},matchesTypes:["Files"]},[hn]:{exposeProperties:{html:(e,t)=>Bt(e,t,""),dataTransfer:e=>e},matchesTypes:["Html","text/html"]},[pn]:{exposeProperties:{urls:(e,t)=>Bt(e,t,"").split(`
+`),dataTransfer:e=>e},matchesTypes:["Url","text/uri-list"]},[gn]:{exposeProperties:{text:(e,t)=>Bt(e,t,""),dataTransfer:e=>e},matchesTypes:["Text","text/plain"]}};function Zi(e,t){const r=Xt[e];if(!r)throw new Error(`native type ${e} has no configuration`);const s=new qi(r);return s.loadDataTransfer(t),s}function zt(e){if(!e)return null;const t=Array.prototype.slice.call(e.types||[]);return Object.keys(Xt).filter(r=>{const s=Xt[r];return s?.matchesTypes?s.matchesTypes.some(a=>t.indexOf(a)>-1):!1})[0]||null}const Yi=fn(()=>/firefox/i.test(navigator.userAgent)),mn=fn(()=>!!window.safari);class Or{interpolate(t){const{xs:r,ys:s,c1s:a,c2s:i,c3s:o}=this;let l=r.length-1;if(t===r[l])return s[l];let c=0,u=o.length-1,d;for(;c<=u;){d=Math.floor(.5*(c+u));const p=r[d];if(p<t)c=d+1;else if(p>t)u=d-1;else return s[d]}l=Math.max(0,u);const f=t-r[l],g=f*f;return s[l]+a[l]*f+i[l]*g+o[l]*f*g}constructor(t,r){const{length:s}=t,a=[];for(let p=0;p<s;p++)a.push(p);a.sort((p,m)=>t[p]<t[m]?-1:1);const i=[],o=[];let l,c;for(let p=0;p<s-1;p++)l=t[p+1]-t[p],c=r[p+1]-r[p],i.push(l),o.push(c/l);const u=[o[0]];for(let p=0;p<i.length-1;p++){const m=o[p],v=o[p+1];if(m*v<=0)u.push(0);else{l=i[p];const b=i[p+1],y=l+b;u.push(3*y/((y+b)/m+(y+l)/v))}}u.push(o[o.length-1]);const d=[],f=[];let g;for(let p=0;p<u.length-1;p++){g=o[p];const m=u[p],v=1/i[p],b=m+u[p+1]-g-g;d.push((g-m-b)*v),f.push(b*v*v)}this.xs=t,this.ys=r,this.c1s=u,this.c2s=d,this.c3s=f}}const Xi=1;function xn(e){const t=e.nodeType===Xi?e:e.parentElement;if(!t)return null;const{top:r,left:s}=t.getBoundingClientRect();return{x:s,y:r}}function ct(e){return{x:e.clientX,y:e.clientY}}function Qi(e){var t;return e.nodeName==="IMG"&&(Yi()||!(!((t=document.documentElement)===null||t===void 0)&&t.contains(e)))}function Ji(e,t,r,s){let a=e?t.width:r,i=e?t.height:s;return mn()&&e&&(i/=window.devicePixelRatio,a/=window.devicePixelRatio),{dragPreviewWidth:a,dragPreviewHeight:i}}function eo(e,t,r,s,a){const i=Qi(t),l=xn(i?e:t),c={x:r.x-l.x,y:r.y-l.y},{offsetWidth:u,offsetHeight:d}=e,{anchorX:f,anchorY:g}=s,{dragPreviewWidth:p,dragPreviewHeight:m}=Ji(i,t,u,d),v=()=>{let T=new Or([0,.5,1],[c.y,c.y/d*m,c.y+m-d]).interpolate(g);return mn()&&i&&(T+=(window.devicePixelRatio-1)*m),T},b=()=>new Or([0,.5,1],[c.x,c.x/u*p,c.x+p-u]).interpolate(f),{offsetX:y,offsetY:C}=a,N=y===0||y,S=C===0||C;return{x:N?y:b(),y:S?C:v()}}class to{get window(){if(this.globalContext)return this.globalContext;if(typeof window<"u")return window}get document(){var t;return!((t=this.globalContext)===null||t===void 0)&&t.document?this.globalContext.document:this.window?this.window.document:void 0}get rootElement(){var t;return((t=this.optionsArgs)===null||t===void 0?void 0:t.rootElement)||this.window}constructor(t,r){this.ownerDocument=null,this.globalContext=t,this.optionsArgs=r}}function ro(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ar(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{},s=Object.keys(r);typeof Object.getOwnPropertySymbols=="function"&&(s=s.concat(Object.getOwnPropertySymbols(r).filter(function(a){return Object.getOwnPropertyDescriptor(r,a).enumerable}))),s.forEach(function(a){ro(e,a,r[a])})}return e}class no{profile(){var t,r;return{sourcePreviewNodes:this.sourcePreviewNodes.size,sourcePreviewNodeOptions:this.sourcePreviewNodeOptions.size,sourceNodeOptions:this.sourceNodeOptions.size,sourceNodes:this.sourceNodes.size,dragStartSourceIds:((t=this.dragStartSourceIds)===null||t===void 0?void 0:t.length)||0,dropTargetIds:this.dropTargetIds.length,dragEnterTargetIds:this.dragEnterTargetIds.length,dragOverTargetIds:((r=this.dragOverTargetIds)===null||r===void 0?void 0:r.length)||0}}get window(){return this.options.window}get document(){return this.options.document}get rootElement(){return this.options.rootElement}setup(){const t=this.rootElement;if(t!==void 0){if(t.__isReactDndBackendSetUp)throw new Error("Cannot have two HTML5 backends at the same time.");t.__isReactDndBackendSetUp=!0,this.addEventListeners(t)}}teardown(){const t=this.rootElement;if(t!==void 0&&(t.__isReactDndBackendSetUp=!1,this.removeEventListeners(this.rootElement),this.clearCurrentDragSourceNode(),this.asyncEndDragFrameId)){var r;(r=this.window)===null||r===void 0||r.cancelAnimationFrame(this.asyncEndDragFrameId)}}connectDragPreview(t,r,s){return this.sourcePreviewNodeOptions.set(t,s),this.sourcePreviewNodes.set(t,r),()=>{this.sourcePreviewNodes.delete(t),this.sourcePreviewNodeOptions.delete(t)}}connectDragSource(t,r,s){this.sourceNodes.set(t,r),this.sourceNodeOptions.set(t,s);const a=o=>this.handleDragStart(o,t),i=o=>this.handleSelectStart(o);return r.setAttribute("draggable","true"),r.addEventListener("dragstart",a),r.addEventListener("selectstart",i),()=>{this.sourceNodes.delete(t),this.sourceNodeOptions.delete(t),r.removeEventListener("dragstart",a),r.removeEventListener("selectstart",i),r.setAttribute("draggable","false")}}connectDropTarget(t,r){const s=o=>this.handleDragEnter(o,t),a=o=>this.handleDragOver(o,t),i=o=>this.handleDrop(o,t);return r.addEventListener("dragenter",s),r.addEventListener("dragover",a),r.addEventListener("drop",i),()=>{r.removeEventListener("dragenter",s),r.removeEventListener("dragover",a),r.removeEventListener("drop",i)}}addEventListeners(t){t.addEventListener&&(t.addEventListener("dragstart",this.handleTopDragStart),t.addEventListener("dragstart",this.handleTopDragStartCapture,!0),t.addEventListener("dragend",this.handleTopDragEndCapture,!0),t.addEventListener("dragenter",this.handleTopDragEnter),t.addEventListener("dragenter",this.handleTopDragEnterCapture,!0),t.addEventListener("dragleave",this.handleTopDragLeaveCapture,!0),t.addEventListener("dragover",this.handleTopDragOver),t.addEventListener("dragover",this.handleTopDragOverCapture,!0),t.addEventListener("drop",this.handleTopDrop),t.addEventListener("drop",this.handleTopDropCapture,!0))}removeEventListeners(t){t.removeEventListener&&(t.removeEventListener("dragstart",this.handleTopDragStart),t.removeEventListener("dragstart",this.handleTopDragStartCapture,!0),t.removeEventListener("dragend",this.handleTopDragEndCapture,!0),t.removeEventListener("dragenter",this.handleTopDragEnter),t.removeEventListener("dragenter",this.handleTopDragEnterCapture,!0),t.removeEventListener("dragleave",this.handleTopDragLeaveCapture,!0),t.removeEventListener("dragover",this.handleTopDragOver),t.removeEventListener("dragover",this.handleTopDragOverCapture,!0),t.removeEventListener("drop",this.handleTopDrop),t.removeEventListener("drop",this.handleTopDropCapture,!0))}getCurrentSourceNodeOptions(){const t=this.monitor.getSourceId(),r=this.sourceNodeOptions.get(t);return Ar({dropEffect:this.altKeyPressed?"copy":"move"},r||{})}getCurrentDropEffect(){return this.isDraggingNativeItem()?"copy":this.getCurrentSourceNodeOptions().dropEffect}getCurrentSourcePreviewNodeOptions(){const t=this.monitor.getSourceId(),r=this.sourcePreviewNodeOptions.get(t);return Ar({anchorX:.5,anchorY:.5,captureDraggingState:!1},r||{})}isDraggingNativeItem(){const t=this.monitor.getItemType();return Object.keys(Er).some(r=>Er[r]===t)}beginDragNativeItem(t,r){this.clearCurrentDragSourceNode(),this.currentNativeSource=Zi(t,r),this.currentNativeHandle=this.registry.addSource(t,this.currentNativeSource),this.actions.beginDrag([this.currentNativeHandle])}setCurrentDragSourceNode(t){this.clearCurrentDragSourceNode(),this.currentDragSourceNode=t;const r=1e3;this.mouseMoveTimeoutTimer=setTimeout(()=>{var s;return(s=this.rootElement)===null||s===void 0?void 0:s.addEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,!0)},r)}clearCurrentDragSourceNode(){if(this.currentDragSourceNode){if(this.currentDragSourceNode=null,this.rootElement){var t;(t=this.window)===null||t===void 0||t.clearTimeout(this.mouseMoveTimeoutTimer||void 0),this.rootElement.removeEventListener("mousemove",this.endDragIfSourceWasRemovedFromDOM,!0)}return this.mouseMoveTimeoutTimer=null,!0}return!1}handleDragStart(t,r){t.defaultPrevented||(this.dragStartSourceIds||(this.dragStartSourceIds=[]),this.dragStartSourceIds.unshift(r))}handleDragEnter(t,r){this.dragEnterTargetIds.unshift(r)}handleDragOver(t,r){this.dragOverTargetIds===null&&(this.dragOverTargetIds=[]),this.dragOverTargetIds.unshift(r)}handleDrop(t,r){this.dropTargetIds.unshift(r)}constructor(t,r,s){this.sourcePreviewNodes=new Map,this.sourcePreviewNodeOptions=new Map,this.sourceNodes=new Map,this.sourceNodeOptions=new Map,this.dragStartSourceIds=null,this.dropTargetIds=[],this.dragEnterTargetIds=[],this.currentNativeSource=null,this.currentNativeHandle=null,this.currentDragSourceNode=null,this.altKeyPressed=!1,this.mouseMoveTimeoutTimer=null,this.asyncEndDragFrameId=null,this.dragOverTargetIds=null,this.lastClientOffset=null,this.hoverRafId=null,this.getSourceClientOffset=a=>{const i=this.sourceNodes.get(a);return i&&xn(i)||null},this.endDragNativeItem=()=>{this.isDraggingNativeItem()&&(this.actions.endDrag(),this.currentNativeHandle&&this.registry.removeSource(this.currentNativeHandle),this.currentNativeHandle=null,this.currentNativeSource=null)},this.isNodeInDocument=a=>!!(a&&this.document&&this.document.body&&this.document.body.contains(a)),this.endDragIfSourceWasRemovedFromDOM=()=>{const a=this.currentDragSourceNode;a==null||this.isNodeInDocument(a)||(this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover())},this.scheduleHover=a=>{this.hoverRafId===null&&typeof requestAnimationFrame<"u"&&(this.hoverRafId=requestAnimationFrame(()=>{this.monitor.isDragging()&&this.actions.hover(a||[],{clientOffset:this.lastClientOffset}),this.hoverRafId=null}))},this.cancelHover=()=>{this.hoverRafId!==null&&typeof cancelAnimationFrame<"u"&&(cancelAnimationFrame(this.hoverRafId),this.hoverRafId=null)},this.handleTopDragStartCapture=()=>{this.clearCurrentDragSourceNode(),this.dragStartSourceIds=[]},this.handleTopDragStart=a=>{if(a.defaultPrevented)return;const{dragStartSourceIds:i}=this;this.dragStartSourceIds=null;const o=ct(a);this.monitor.isDragging()&&(this.actions.endDrag(),this.cancelHover()),this.actions.beginDrag(i||[],{publishSource:!1,getSourceClientOffset:this.getSourceClientOffset,clientOffset:o});const{dataTransfer:l}=a,c=zt(l);if(this.monitor.isDragging()){if(l&&typeof l.setDragImage=="function"){const d=this.monitor.getSourceId(),f=this.sourceNodes.get(d),g=this.sourcePreviewNodes.get(d)||f;if(g){const{anchorX:p,anchorY:m,offsetX:v,offsetY:b}=this.getCurrentSourcePreviewNodeOptions(),N=eo(f,g,o,{anchorX:p,anchorY:m},{offsetX:v,offsetY:b});l.setDragImage(g,N.x,N.y)}}try{l?.setData("application/json",{})}catch{}this.setCurrentDragSourceNode(a.target);const{captureDraggingState:u}=this.getCurrentSourcePreviewNodeOptions();u?this.actions.publishDragSource():setTimeout(()=>this.actions.publishDragSource(),0)}else if(c)this.beginDragNativeItem(c);else{if(l&&!l.types&&(a.target&&!a.target.hasAttribute||!a.target.hasAttribute("draggable")))return;a.preventDefault()}},this.handleTopDragEndCapture=()=>{this.clearCurrentDragSourceNode()&&this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover()},this.handleTopDragEnterCapture=a=>{if(this.dragEnterTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(a.dataTransfer)}if(!this.enterLeaveCounter.enter(a.target)||this.monitor.isDragging())return;const{dataTransfer:l}=a,c=zt(l);c&&this.beginDragNativeItem(c,l)},this.handleTopDragEnter=a=>{const{dragEnterTargetIds:i}=this;if(this.dragEnterTargetIds=[],!this.monitor.isDragging())return;this.altKeyPressed=a.altKey,i.length>0&&this.actions.hover(i,{clientOffset:ct(a)}),i.some(l=>this.monitor.canDropOnTarget(l))&&(a.preventDefault(),a.dataTransfer&&(a.dataTransfer.dropEffect=this.getCurrentDropEffect()))},this.handleTopDragOverCapture=a=>{if(this.dragOverTargetIds=[],this.isDraggingNativeItem()){var i;(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(a.dataTransfer)}},this.handleTopDragOver=a=>{const{dragOverTargetIds:i}=this;if(this.dragOverTargetIds=[],!this.monitor.isDragging()){a.preventDefault(),a.dataTransfer&&(a.dataTransfer.dropEffect="none");return}this.altKeyPressed=a.altKey,this.lastClientOffset=ct(a),this.scheduleHover(i),(i||[]).some(l=>this.monitor.canDropOnTarget(l))?(a.preventDefault(),a.dataTransfer&&(a.dataTransfer.dropEffect=this.getCurrentDropEffect())):this.isDraggingNativeItem()?a.preventDefault():(a.preventDefault(),a.dataTransfer&&(a.dataTransfer.dropEffect="none"))},this.handleTopDragLeaveCapture=a=>{this.isDraggingNativeItem()&&a.preventDefault(),this.enterLeaveCounter.leave(a.target)&&(this.isDraggingNativeItem()&&setTimeout(()=>this.endDragNativeItem(),0),this.cancelHover())},this.handleTopDropCapture=a=>{if(this.dropTargetIds=[],this.isDraggingNativeItem()){var i;a.preventDefault(),(i=this.currentNativeSource)===null||i===void 0||i.loadDataTransfer(a.dataTransfer)}else zt(a.dataTransfer)&&a.preventDefault();this.enterLeaveCounter.reset()},this.handleTopDrop=a=>{const{dropTargetIds:i}=this;this.dropTargetIds=[],this.actions.hover(i,{clientOffset:ct(a)}),this.actions.drop({dropEffect:this.getCurrentDropEffect()}),this.isDraggingNativeItem()?this.endDragNativeItem():this.monitor.isDragging()&&this.actions.endDrag(),this.cancelHover()},this.handleSelectStart=a=>{const i=a.target;typeof i.dragDrop=="function"&&(i.tagName==="INPUT"||i.tagName==="SELECT"||i.tagName==="TEXTAREA"||i.isContentEditable||(a.preventDefault(),i.dragDrop()))},this.options=new to(r,s),this.actions=t.getActions(),this.monitor=t.getMonitor(),this.registry=t.getRegistry(),this.enterLeaveCounter=new Wi(this.isNodeInDocument)}}const so=function(t,r,s){return new no(t,r,s)},ao=({onChange:e,emptyTextFirstLine:t,emptyTextSecondLine:r,emptyButtonLabel:s,acceptTypes:a,maxFilesCount:i,multiple:o,fileFormatError:l,fileCountError:c,fileSizeError:u,getIsFileFormatError:d,getIsFileSizeError:f})=>{const g=h.useRef(null),p=h.useRef(null),[m,v]=h.useState([]),[b,y]=h.useState(!1),[C,N]=h.useState(!1),S=h.useCallback(B=>{const k=B.target.files;if(k&&k.length>0){const z=Array.from(k),Y=d?.(z),J=f?.(z);Y?y(!0):J?N(!0):e(z)}},[d,f,e]),D=h.useCallback(B=>i&&B?.length>i,[i]),T=h.useMemo(()=>b||C||D(m),[b,C,D,m]),P=()=>{v([]),y(!1),N(!1)},O=h.useMemo(()=>b?n.jsx(x.DialErrorText,{text:l}):C?n.jsx(x.DialErrorText,{text:u}):D(m)?n.jsx(x.DialErrorText,{text:c}):null,[c,l,u,m,D,b,C]);h.useEffect(()=>{P()},[a]);const[{isOver:E,canDrop:_},j]=or(()=>({accept:[jt],drop(B){const k=B.files,z=d?.(k)??!1,Y=f?.(k)??!1,J=D?.(k)??!1;if(y(z),N(Y),z||Y||J){v(k);return}e(k),P()},collect:B=>({isOver:B.isOver(),canDrop:B.canDrop()})}),[e,d,f,D]),R=B=>{(B.key==="Enter"||B.key==="Space")&&(B.preventDefault(),p.current?.click())},$=B=>{B?.preventDefault();const k=Array.from(B.dataTransfer?.items??[]);y(!!d?.(k)),N(!!f?.(k)),v(k)},U=B=>{B.target===B.currentTarget&&P()},te=se("border border-dashed rounded w-full cursor-pointer relative h-full hover:border-hover",!_&&!T&&"border-primary",_&&(E?"border-accent-primary":"border-hover"),T&&"border-error");return j(g),n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:te,ref:g,onDragOver:$,onDragLeave:U,children:[n.jsxs("label",{htmlFor:"file",tabIndex:0,onKeyDown:R,className:"flex flex-col items-center cursor-pointer size-full text-secondary dial-tiny-text justify-center",children:[t&&n.jsx("p",{className:"mb-1",children:t}),r&&n.jsx("p",{className:"mb-0.5",children:r}),s&&n.jsx(x.DialPrimaryButton,{appearance:w.ButtonAppearance.Ghost,label:s,onClick:()=>p.current?.click()})]}),n.jsx("input",{multiple:o,id:"file",type:"file",ref:p,hidden:!0,accept:a,onChange:S})]}),n.jsx(n.Fragment,{children:O})]})},io=({iconBefore:e,className:t,...r})=>{const s=r.invalid,a=()=>n.jsx("div",{className:"mr-2",children:s?n.jsx(H.IconExclamationCircle,{...V.BASE_ICON_PROPS,className:"text-error"}):e});return n.jsx(x.DialInput,{...r,iconBefore:a(),containerClassName:se("h-[40px] p-0",s&&"h-[60px]"),className:se("rounded-r-none border-r-0",s&&"text-error",t)})},oo=({children:e,existingFiles:t,onDrop:r,getIsFileFormatError:s,getIsFileSizeError:a,maxFilesCount:i,fileFormatError:o,fileSizeError:l,fileCountError:c})=>{const u=h.useRef(null),[d,f]=h.useState(!1),[g,p]=h.useState(!1),[m,v]=h.useState(0),b=h.useCallback(()=>{f(!1),p(!1),v(0)},[]),y=h.useCallback(E=>!!(i&&t.length+E.length>i),[i,t.length]),C=d||g,[{isOver:N,canDrop:S},D]=or(()=>({accept:[jt],drop(E){const _=E.files,j=[...t,..._],R=s?.(_)??!1,$=a?.(_)??!1,U=y?.(_)??!1;if(f(R),p($),R||$||U){v(_.length);return}r(j),b()},collect:E=>({isOver:E.isOver(),canDrop:E.canDrop()})}),[t,r,s,a,y,b]),T=E=>{E.preventDefault();const _=Array.from(E.dataTransfer?.items??[]);f(!!s?.(_)),p(!1),v(_.length)},P=E=>{E.target===E.currentTarget&&b()};D(u);const O=y(Array.from({length:m}));return n.jsxs("div",{className:"h-full flex flex-col",children:[n.jsx("div",{ref:u,onDragOver:T,onDragLeave:P,className:se("flex-1 min-h-0 border border-solid rounded p-2 overflow-y-auto",!C&&!O&&(S&&N?"border-accent-primary":"border-primary"),(C||O)&&"border-error"),children:e}),d&&n.jsx(x.DialErrorText,{text:o}),g&&n.jsx(x.DialErrorText,{text:l}),!d&&!g&&O&&n.jsx(x.DialErrorText,{text:c})]})},bn=e=>{const{files:t,iconBeforeInput:r,dynamicIcon:s,onChange:a,isInvalid:i,errorText:o,removeButtonAriaLabel:l,getIsMultiFilesSizeError:c,multiFilesSizeError:u,getIsFileFormatError:d,getIsFileSizeError:f,maxFilesCount:g}=e,p=h.useCallback((b,y)=>{b.stopPropagation(),a(t?.filter(C=>C.name!==y)||[])},[a,t]),m=h.useCallback(b=>n.jsx(St,{"aria-label":l,onClick:y=>p(y,b)}),[l,p]),v=h.useMemo(()=>n.jsx("div",{className:"flex flex-col gap-y-1",children:t?.map((b,y)=>n.jsx(io,{id:b.name,value:b.name,iconAfter:m(b.name),iconBefore:r||s?.(b.name),invalid:i?.(b),error:i?.(b)?o:""},b.name+y))}),[t,r,s,i,o,m]);return n.jsx(Fa,{backend:so,children:!t||t.length===0?n.jsx(ao,{...e,onChange:a}):n.jsxs(n.Fragment,{children:[n.jsx(oo,{existingFiles:t,onDrop:a,getIsFileFormatError:d,getIsFileSizeError:f,maxFilesCount:g,fileFormatError:e.fileFormatError,fileSizeError:e.fileSizeError,fileCountError:e.fileCountError,children:v}),c?.(t)&&n.jsx(x.DialErrorText,{text:u})]})})},lo=({onChange:e,fieldTitle:t,elementId:r,files:s,maxFilesCount:a,maxFileSize:i,maxMultiFilesSize:o,fileFormatError:l,fileCountError:c,fileSizeError:u,multiFilesSizeError:d,multiple:f=!0,acceptTypes:g,deleteAllButtonLabel:p,addButtonLabel:m,additionalActionButtons:v,...b})=>{const y=h.useRef(null),C=()=>y.current?.click(),N=()=>{e([])},S=h.useCallback(O=>O?.some(E=>!(g==="/"||g?.toLowerCase()?.includes(E?.type?.toLowerCase()))),[g]),D=h.useCallback(O=>{if(!i)return!1;const E=i*(1024*1024);return O?.some(_=>{const j=_.size;return!!j&&j>E})},[i]),T=h.useCallback(O=>{if(!o||!f)return!1;const E=o*1024*1024;return O.reduce((j,R)=>j+R.size,0)>E},[o,f]),P=h.useCallback(O=>{const E=O.target.files;if(E&&E.length>0){const _=Array.from(E),j=S(_),R=D(_);!j&&!R&&e([...s||[],..._])}},[S,D,e,s]);return n.jsxs("div",{className:"h-full flex flex-col",children:[n.jsxs("div",{className:"flex justify-between items-center pb-1 min-h-[42px]",children:[n.jsx(Re.DialLabel,{label:`${t}: ${f?s?.length||0:""}`,htmlFor:r}),f&&!!s?.length&&n.jsxs("div",{className:"flex flex-row items-center gap-x-2",children:[n.jsx(x.DialNeutralButton,{label:p,iconBefore:n.jsx(H.IconTrashX,{...V.BASE_ICON_PROPS}),onClick:N}),(a?a>s?.length:!0)&&n.jsx(x.DialPrimaryButton,{appearance:w.ButtonAppearance.Ghost,iconBefore:n.jsx(H.IconPlus,{...V.BASE_ICON_PROPS}),label:m,onClick:C}),v]})]}),s&&s.length>0&&n.jsx("input",{id:"file",type:"file",multiple:f,ref:y,hidden:!0,accept:g,onChange:P}),n.jsx(bn,{files:s,onChange:e,acceptTypes:g,maxFilesCount:a,multiple:f,fileFormatError:l,fileCountError:c,fileSizeError:u,multiFilesSizeError:d,getIsFileFormatError:S,getIsFileSizeError:D,getIsMultiFilesSizeError:T,...b})]})},co=({icon:e,ariaLabel:t,size:r=w.ElementSize.Standard,disabled:s=!1,className:a,buttonClassName:i,iconClassName:o,caretIcon:l=n.jsx(H.IconChevronDown,{size:V.DIAL_ICON_SIZE.SM}),showCaret:c=!0,placement:u="bottom-start",matchReferenceWidth:d=!1,open:f,onOpenChange:g,defaultOpen:p=!1,...m})=>{const v=r===w.ElementSize.Small,[b,y]=h.useState(p),C=f??b,N=v?"w-8 px-0":"w-10 px-0",S={[w.ElementSize.Small]:"size-5",[w.ElementSize.Standard]:"size-6",[w.ElementSize.Large]:"size-7"},D=T=>{y(T),g?.(T)};return n.jsx(L.DialDropdown,{...m,disabled:s,placement:u,matchReferenceWidth:d,className:a,open:C,onOpenChange:D,defaultOpen:p,children:n.jsxs("button",{type:"button","aria-label":t,disabled:s,className:I.mergeClasses("group flex items-center justify-center rounded border border-transparent bg-layer-4 text-primary","enabled:hover:bg-accent-primary-alpha enabled:active:bg-controls-accent-primary-alpha-active","focus-visible:border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:text-controls-secondary-disable disabled:opacity-75",v?"h-8 px-2":"h-10 px-2",c?void 0:N,i),children:[n.jsx(L.DialIcon,{icon:e,className:I.mergeClasses("flex items-center justify-center text-inherit",S[r],c&&"-mr-2",o)}),c&&n.jsxs("div",{className:"relative z-10 inline-grid size-5 shrink-0 place-items-center",children:[n.jsx("div",{className:"absolute inset-0 rounded-full bg-layer-2"}),n.jsx(L.DialIcon,{icon:l,className:I.mergeClasses("relative flex items-center justify-center text-secondary transition-transform group-hover:text-primary group-disabled:text-controls-secondary-disable",C&&"rotate-180")})]})]})})},uo="application/octet-stream";function fo(e,t){if(!e||e.length===0)return[];const r=e.find(c=>c.parentPath===""&&c.nodeType==="FOLDER");if(!r)return[];const s=r.path||r.url||"",a=$t(s,!0),i=e.filter(c=>c!==r).map(c=>{const u=c.path||c.url||"",d=po(c.nodeType),f=d===x.DialFileNodeType.FOLDER,g=$t(u,f);let p;return c.parentPath===null||c.parentPath===void 0?p=a:c.parentPath===""?p="":p=$t(c.parentPath,!0),{...c,originalPath:u,path:g,parentPath:p,nodeType:d}}),o=new Map;i.forEach(c=>{const u={...c,id:c.originalPath,name:c.name,path:c.path,parentPath:c.parentPath,nodeType:c.nodeType,resourceType:go(c.resourceType),folderId:t,updatedAt:c.updatedAt?new Date(c.updatedAt).toISOString():new Date().toISOString(),items:c.nodeType===x.DialFileNodeType.FOLDER?[]:void 0};c.nodeType===x.DialFileNodeType.ITEM&&(u.extension=ho(c.name),u.contentType=c.contentType||uo,u.contentLength=c.contentLength||0),o.set(c.path,u)});const l=[];return o.forEach(c=>{if(c.parentPath===a)l.push(c);else{const u=c.path.lastIndexOf(c.name||""),d=c.path.slice(0,u),f=o.get(d);f&&f.nodeType===x.DialFileNodeType.FOLDER?(f.items=f.items||[],f.items.push(c)):l.push(c)}}),l}function $t(e,t){try{let r=decodeURIComponent(e);return t?r.endsWith("/")||(r+="/"):r.endsWith("/")&&(r=r.slice(0,-1)),r}catch{return t&&!e.endsWith("/")?e+"/":!t&&e.endsWith("/")?e.slice(0,-1):e}}function po(e){return e.toUpperCase()==="FOLDER"?x.DialFileNodeType.FOLDER:x.DialFileNodeType.ITEM}function go(e){if(!e)return;const t=e.toUpperCase();return Object.values(x.DialFileResourceType).find(s=>s.toUpperCase()===t)}function ho(e){const t=e.split(".");return t.length>1?t[t.length-1]:""}function mo(e,t="Prompts",r="prompts/public/",s="root"){const a=fo(e,s);return[{id:s,name:t,path:r,parentPath:"",nodeType:x.DialFileNodeType.FOLDER,folderId:s,items:a}]}var We=(e=>(e.Sections="sections",e.Flat="flat",e.FlatSections="flat-sections",e))(We||{}),ot=(e=>(e.Select="select",e.Radio="radio",e))(ot||{}),Tt=(e=>(e.Row="row",e.Column="column",e))(Tt||{}),Q=(e=>(e.String="string",e.Number="number",e.Integer="integer",e.Boolean="boolean",e.Object="object",e.Array="array",e.Null="null",e))(Q||{});const xo={noItemSchema:"No item schema defined.",noItemsYet:"No items yet. Add one below.",addItem:"Add Item",selectTypeToAdd:"Select type to add…",noConfigurableProperties:"No configurable properties.",noFieldsYet:"No fields yet. Add one below.",keyColumnHeader:"Key",valueColumnHeader:"Value",addField:"Add Field",keyInputPlaceholder:"Enter key",stringInputPlaceholder:"Enter a value",integerInputPlaceholder:"Enter a whole number",numberInputPlaceholder:"Enter a number",enumSelectPlaceholder:"Select an option",selectTypePlaceholder:"Select type",removeItemAriaLabel:"Remove item",removeFieldAriaLabel:"Remove field"},yn=h.createContext(null);function Te(){const e=h.useContext(yn);if(!e)throw new Error("useSchemaContext must be used inside DialSchemaRenderer");return e}function _r(e,t){const r={...e,...t};return(e.properties||t.properties)&&(r.properties={...e.properties,...t.properties}),(e.required||t.required)&&(r.required=Array.from(new Set([...e.required??[],...t.required??[]]))),r}function q(e,t,r=0){if(r>10)return e;let s=e;if(s.$ref){const a=s.$ref.replace(/^#\//,"").split("/");let i=t;for(const d of a)i=i?.[d];if(!i||typeof i!="object")return e;const{$ref:o,...l}=s,c=i;s={...c.$ref?q(c,t,r+1):c,...l}}if(s.allOf&&s.allOf.length>0){const{allOf:a,...i}=s;let o={};for(const l of a)o=_r(o,q(l,t,r+1));s=_r(o,i)}return s}function vn(e){return e.map((t,r)=>({entry:t,index:r})).sort((t,r)=>{const s=t.entry[1]["dial:meta"]?.["dial:propertyOrder"]??1/0,a=r.entry[1]["dial:meta"]?.["dial:propertyOrder"]??1/0;return s!==a?s-a:t.index-r.index}).map(({entry:t})=>t)}function wt(e){return e==null||e===""}function He(e){return e.type===Q.Object||e.properties!=null&&e.oneOf==null&&e.anyOf==null&&e.type==null}function bt(e){return e.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase())}function Dn(e,t){return e.type===Q.Null?"null":e.$ref?q(e,t).title??e.$ref.split("/").pop()??"Option":e.title?e.title:e.type?Array.isArray(e.type)?e.type.join(" | "):e.type:e.discriminator?Object.keys(e.discriminator.mapping).join(" | "):e.const!=null?String(e.const):e.oneOf?"One of options":"Option"}function Ae(e,t,r=0){if(r>15)return;const s=q(e,t);if("default"in s)return s.default;if(s.discriminator&&s.oneOf){const a=Object.keys(s.discriminator.mapping)[0];if(a){const i=q({$ref:s.discriminator.mapping[a]},t);return{...Ae(i,t,r+1)??{},[s.discriminator.propertyName]:a}}}if(He(s)){if(s.properties){const a={};let i=!1;for(const[o,l]of Object.entries(s.properties)){const c=Ae(l,t,r+1);c!==void 0&&(a[o]=c,i=!0)}return i?a:void 0}if(s.additionalProperties!=null&&s.additionalProperties!==!1)return{}}}function Oe(e,t,r,s="",a=0){if(a>15)return[];const i=[],o=q(t,r);if(o.anyOf){const u=o.anyOf.filter(d=>d.type!==Q.Null);return e!=null&&u.length===1?Oe(e,u[0],r,s,a+1):i}if(o.oneOf&&o.discriminator){const u=o.discriminator.propertyName,d=e?.[u];if(d&&o.discriminator.mapping[d]){const f={$ref:o.discriminator.mapping[d]},g=q(f,r);return Oe(e,g,r,s,a+1)}return i}if(o.type===Q.Array||!o.type&&Array.isArray(e)){if(Array.isArray(e)&&o.items)for(let u=0;u<e.length;u++){const d=Oe(e[u],o.items,r,`${s}[${u}]`,a+1);i.push(...d)}return i}if(!He(o))return i;const l=o.required??[],c=e;for(const u of l){const d=o.properties?.[u];if(d&&q(d,r).isHidden)continue;const f=s?`${s}.${u}`:u,g=c?.[u];if(wt(g)){const p=d?.title??bt(u);i.push({path:f,message:`${p} is required`})}}if(c&&o.properties)for(const[u,d]of Object.entries(o.properties)){if(q(d,r).isHidden)continue;const f=s?`${s}.${u}`:u,g=c[u];if(g!=null){const p=Oe(g,d,r,f,a+1);i.push(...p)}}if(c&&o.additionalProperties!=null&&o.additionalProperties!==!1&&typeof o.additionalProperties=="object"){const u=o.additionalProperties;for(const[d,f]of Object.entries(c)){const g=s?`${s}.${d}`:d,p=Oe(f,u,r,g,a+1);i.push(...p)}}return i}function lr(e,t,r){const s=q(t,r);if(Array.isArray(e))return`${e.length} item${e.length!==1?"s":""}`;if(He(s)&&s.properties){const a=Object.entries(s.properties).filter(([,c])=>!q(c,r).isHidden),i=a.length,o=e;return`${a.filter(([c])=>{const u=o?.[c];return u!=null&&u!==""}).length}/${i} fields`}return""}function bo(e,t,r){if(e==null){const s=t.findIndex(a=>a.type===Q.Null);return s>=0?s:0}if(Array.isArray(e)){const s=t.findIndex(a=>q(a,r).type===Q.Array);return s>=0?s:0}if(typeof e=="boolean"){const s=t.findIndex(a=>q(a,r).type===Q.Boolean);return s>=0?s:0}if(typeof e=="number"){const s=t.findIndex(a=>{const i=q(a,r);return i.type===Q.Number||i.type===Q.Integer});return s>=0?s:0}if(typeof e=="string"){const s=t.findIndex(a=>q(a,r).type===Q.String);return s>=0?s:0}if(typeof e=="object"){const s=e;for(let a=0;a<t.length;a++){const i=q(t[a],r);if(i.discriminator&&i.discriminator.propertyName in s)return a}for(let a=0;a<t.length;a++){const i=q(t[a],r);if(He(i)||i.oneOf)return a}return 0}return 0}function yo(e,t,r){if(t&&typeof e=="object"&&e!==null){const s=e[t];if(s)return`Item ${r+1}: ${s}`}if(typeof e=="object"&&e!==null){const s=e,a=s.name??s.title??s.id;if(a)return`Item ${r+1}: ${a}`}return`Item ${r+1}`}function Cn(e){switch(Array.isArray(e.type)?e.type[0]:e.type){case Q.String:return"";case Q.Boolean:return!1;case Q.Array:return[];case Q.Integer:case Q.Number:return;default:return{}}}const lt=({title:e,description:t,summary:r,errorCount:s=0,level:a=0,children:i,onRemove:o,defaultExpanded:l=!0,removeItemAriaLabel:c="Remove item"})=>{const[u,d]=h.useState(l),f=a===0,g="rounded border border-secondary",p=I.mergeClasses("flex items-center gap-2 cursor-pointer select-none transition-colors",f?"px-4 py-3 bg-layer-3 hover:bg-layer-4":"px-3 py-2 bg-layer-4 hover:bg-layer-3",u?"rounded-t":"rounded"),m=I.mergeClasses("border-t border-secondary",f?"p-4":"p-3");return n.jsxs("div",{className:g,children:[n.jsxs("div",{className:p,onClick:()=>d(v=>!v),role:"button","aria-expanded":u,children:[n.jsx("span",{className:"shrink-0 text-secondary",children:u?n.jsx(H.IconChevronDown,{size:16,stroke:2}):n.jsx(H.IconChevronRight,{size:16,stroke:2})}),n.jsx("span",{className:I.mergeClasses("flex-1 truncate",f?"dial-small-semi-text text-primary":"dial-small-text text-primary"),children:e}),t&&n.jsx(Re.DialInfoButton,{caption:t}),r&&n.jsx("span",{className:"dial-tiny-text text-secondary whitespace-nowrap ml-2",children:r}),s>0?n.jsxs("span",{className:"flex items-center gap-1 dial-tiny-text text-error whitespace-nowrap",children:[n.jsx(L.DialIcon,{icon:n.jsx(H.IconAlertTriangle,{size:13,stroke:2})}),s," error",s>1?"s":""]}):n.jsx(L.DialIcon,{icon:n.jsx(H.IconCheck,{size:13,stroke:2}),className:"text-success shrink-0"}),o&&n.jsx(St,{size:w.ElementSize.Small,onClick:v=>{v.stopPropagation(),o()},"aria-label":c,className:"ml-1 shrink-0 p-0.5"})]}),u&&n.jsx("div",{className:m,children:i})]})},Nn=({schema:e,value:t,onChange:r,path:s,level:a=0,required:i,label:o})=>{const{rootSchema:l,defaultExpanded:c=!0,touchedPaths:u=new Set,skipUntouched:d=!1}=Te(),f=q(e,l),g=He(f),p=f.type===Q.Array;if(g||p){const b=lr(t,f,l),y=Oe(t,f,l,s.join(".")),C=s.join("."),N=C+".",S=!d||u.has(C)||[...u].some(D=>D.startsWith(N));return n.jsx(lt,{title:o??f.title??s[s.length-1]??"Section",description:f.description,level:a,summary:b,errorCount:S?y.length:0,defaultExpanded:c,children:n.jsx(_e,{schema:f,value:t,onChange:r,path:s,level:a+1,required:i})})}const v=(!d||u.has(s.join(".")))&&i&&wt(t)?`${o??"Field"} is required`:void 0;return n.jsx(x.DialFormItem,{label:o,required:i,description:f.description,error:v,children:n.jsx(_e,{schema:f,value:t,onChange:r,path:s,level:a,required:i,suppressInlineError:!0})})},gt=({schema:e,value:t,onChange:r,path:s,level:a})=>{const{rootSchema:i,texts:o}=Te(),l=q(e,i),c=vn(Object.entries(l.properties??{}).filter(([,f])=>!q(f,i).isHidden)),u=l.required??[],d=t??{};return c.length===0?n.jsx("p",{className:"dial-tiny-text text-secondary italic",children:o.noConfigurableProperties}):n.jsx("div",{className:"flex flex-col gap-4",children:c.map(([f,g])=>{const m=q(g,i).title??g.title??bt(f),v=u.includes(f);return n.jsx(Nn,{schema:g,value:d[f],onChange:b=>r({...d,[f]:b}),path:[...s,f],level:a,required:v,label:m},f)})})},vo=({schema:e,value:t,onChange:r,path:s,level:a})=>{const{rootSchema:i,texts:o,readonly:l=!1,defaultExpanded:c=!0}=Te(),u=Array.isArray(t)?t:[],d=e.items,[f,g]=h.useState(void 0);if(!d)return n.jsx("p",{className:"dial-tiny-text text-secondary italic",children:o.noItemSchema});const p=h.useMemo(()=>q(d,i),[d,i]),m=h.useMemo(()=>p.discriminator,[p]),v=h.useMemo(()=>m?.propertyName,[m]),b=h.useMemo(()=>m?Object.keys(m.mapping).map(S=>({value:S,label:S})):[],[m]),y=()=>{const S=f??b[0]?.value;let D;if(m&&S){const T=q({$ref:m.mapping[S]},i);D={...Ae(T,i)??{},[m.propertyName]:S}}else D=Ae(p,i)??Cn(p);r([...u,D])},C=S=>{r(u.filter((D,T)=>T!==S))},N=(S,D)=>{r(u.map((T,P)=>P===S?D:T))};return n.jsxs("div",{className:"flex flex-col gap-3",children:[u.length===0&&n.jsx("p",{className:"dial-tiny-text text-secondary italic",children:o.noItemsYet}),u.map((S,D)=>{const T=yo(S,v,D),P=lr(S,p,i),O=Oe(S,p,i,`${s.join(".")}[${D}]`);return n.jsx(lt,{title:T,level:a,summary:P,errorCount:O.length,onRemove:l?void 0:()=>C(D),defaultExpanded:c,removeItemAriaLabel:o.removeItemAriaLabel,children:n.jsx(_e,{schema:d,value:S,onChange:E=>N(D,E),path:[...s,String(D)],level:a+1})},D)}),!l&&n.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[b.length>0&&n.jsx("div",{className:"flex-1 max-w-[280px]",children:n.jsx(ke,{options:b,value:f??b[0]?.value,placeholder:o.selectTypeToAdd,onChange:S=>{const D=typeof S=="string"?S:S[0];g(D)}})}),n.jsx(x.DialGhostButton,{label:o.addItem,iconBefore:n.jsx(H.IconPlus,{size:16,stroke:2}),onClick:y})]})]})},Do=({schema:e,value:t,onChange:r,path:s,level:a})=>{const{rootSchema:i,texts:o,readonly:l=!1}=Te(),c=h.useId(),u=e.discriminator;if(u){const b=u.propertyName,y=u.mapping,C=Object.keys(y).map(T=>({value:T,label:T})),N=typeof t=="object"&&t!==null?t[b]:void 0,S=N?q({$ref:y[N]},i):void 0,D=T=>{const P=q({$ref:y[T]},i),O=Ae(P,i)??{};r({...O,[b]:T})};if(e.discriminatorDisplay===ot.Radio){const T=e.discriminatorOrientation===Tt.Row,P=N?(()=>{const O=q({$ref:y[N]},i),{[b]:E,..._}=O.properties??{};return{...O,properties:_}})():void 0;return T?n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("div",{role:"radiogroup",className:"flex flex-row flex-wrap gap-4",children:Object.keys(y).map(O=>{const E=q({$ref:y[O]},i);return n.jsx(L.DialRadioButton,{name:c,value:O,inputId:`${c}-${O}`,label:E.title??O,checked:N===O,disabled:l,onChange:()=>D(O)},O)})}),P&&n.jsx(gt,{schema:P,value:t,onChange:r,path:s,level:a})]}):n.jsx("div",{role:"radiogroup",className:"flex flex-col gap-2",children:Object.keys(y).map(O=>{const E=q({$ref:y[O]},i),_=N===O,{[b]:j,...R}=E.properties??{},$={...E,properties:R};return n.jsxs("div",{className:"flex flex-col",children:[n.jsx(L.DialRadioButton,{name:c,value:O,inputId:`${c}-${O}`,label:E.title??O,checked:_,disabled:l,onChange:()=>D(O)}),_&&n.jsx("div",{className:"ml-6 mt-2",children:n.jsx(gt,{schema:$,value:t,onChange:r,path:s,level:a})})]},O)})})}return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("div",{className:"flex-1 max-w-[280px]",children:n.jsx(ke,{options:C,value:N,placeholder:o.selectTypePlaceholder,disabled:l,onChange:T=>{const P=typeof T=="string"?T:T[0];P&&D(P)}})}),S&&n.jsx("div",{className:"pl-3",children:n.jsx(gt,{schema:S,value:t,onChange:r,path:s,level:a})})]})}const d=e.oneOf??[],g=(()=>{if(t==null)return 0;if(typeof t=="object"&&!Array.isArray(t)){for(let b=0;b<d.length;b++)if(q(d[b],i).required?.every(C=>C in t))return b}return 0})(),p=b=>{const y=q(d[b],i),C=Ae(y,i);r(C??null)},m=d[g];if(e.discriminatorDisplay===ot.Radio)return n.jsx("div",{role:"radiogroup",className:"flex flex-col gap-2",children:d.map((b,y)=>{const C=q(b,i),N=Dn(b,i)??`Option ${y+1}`,S=g===y;return n.jsxs("div",{className:"flex flex-col",children:[n.jsx(L.DialRadioButton,{name:c,value:String(y),inputId:`${c}-${y}`,label:N,checked:S,disabled:l,onChange:()=>p(y)}),S&&C&&n.jsx("div",{className:"ml-6 mt-2",children:n.jsx(_e,{schema:C,value:t,onChange:r,path:s,level:a})})]},y)})});const v=d.map((b,y)=>{const C=q(b,i);return{value:String(y),label:C.title??`Option ${y+1}`}});return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("div",{className:"flex-1 max-w-[280px]",children:n.jsx(ke,{options:v,value:String(g),disabled:l,onChange:b=>{const y=typeof b=="string"?b:b[0];p(Number(y))}})}),m&&n.jsx("div",{className:"pl-3 border-l-2 border-secondary",children:n.jsx(_e,{schema:m,value:t,onChange:r,path:s,level:a})})]})},Co=({schema:e,value:t,onChange:r,path:s,level:a})=>{const{rootSchema:i,readonly:o=!1}=Te(),l=e.anyOf??[],c=l.map((m,v)=>({value:String(v),label:Dn(m,i)})),u=bo(t,l,i),d=l[u],g=q(d,i).type===Q.Null,p=m=>{const v=q(l[m],i);if(v.type===Q.Null){r(null);return}const b=Ae(v,i);if(b!==void 0){r(b);return}switch(v.type){case Q.Array:r([]);break;case Q.String:r("");break;case Q.Boolean:r(!1);break;case Q.Integer:case Q.Number:r(0);break;default:r({});break}};return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("div",{className:"flex-1 max-w-[280px]",children:n.jsx(ke,{options:c,value:String(u),disabled:o,onChange:m=>{const v=typeof m=="string"?m:m[0];p(Number(v))}})}),!g&&d&&n.jsx("div",{className:"pl-3 border-l-2 border-secondary",children:n.jsx(_e,{schema:d,value:t,onChange:r,path:s,level:a})})]})},In=({schema:e,value:t,onChange:r,invalid:s})=>{const a=h.useId(),{texts:i,readonly:o=!1,inputClassName:l,acceptableResourceTypes:c}=Te(),u=e.const!==void 0,d=Array.isArray(e.enum)&&e.enum.length>0;if(e["dial:resource"]===!0&&Array.isArray(e.acceptableResourceTypes)&&e.acceptableResourceTypes.length>0&&(e.type===Q.String||e.type===void 0)){const g=(e.acceptableResourceTypes??[]).flatMap(p=>{const m=c?.[p];return Array.isArray(m)?m.map(v=>{const b=String(v);return{value:b,label:b}}):[]});return n.jsx(ke,{options:g,value:t!=null?String(t):void 0,invalid:s,disabled:o,onChange:p=>r(typeof p=="string"?p:p[0]),placeholder:i.enumSelectPlaceholder,className:l})}if(u)return n.jsx(x.DialInput,{value:String(e.const??""),disabled:!0,onChange:void 0,className:"opacity-60"});if(d&&e.enumDisplay===ot.Radio){const g=e.enumOrientation===Tt.Row;return n.jsx("div",{role:"radiogroup",className:g?"flex flex-row flex-wrap gap-x-4 gap-y-2":"flex flex-col gap-2",children:e.enum.map(p=>{const m=String(p);return n.jsx(L.DialRadioButton,{name:a,value:m,inputId:`${a}-${m}`,label:m,checked:t!=null?String(t)===m:!1,disabled:o,onChange:v=>r(v)},m)})})}if(d){const g=e.enum.map(p=>({value:String(p),label:String(p)}));return n.jsx(ke,{options:g,value:t!=null?String(t):void 0,invalid:s,disabled:o,onChange:p=>r(typeof p=="string"?p:p[0]),placeholder:i.enumSelectPlaceholder})}switch(e.type){case Q.Boolean:return n.jsx(Re.DialSwitch,{switchId:a,isOn:!!t,disabled:o,onChange:g=>r(g)});case Q.Integer:return n.jsx(Zt,{integer:!0,value:t!=null?String(t):"",invalid:s,disabled:o,onChange:g=>r(g!==void 0?Number(g):void 0),placeholder:i.integerInputPlaceholder,containerClassName:l});case Q.Number:return n.jsx(Zt,{value:t!=null?String(t):"",invalid:s,disabled:o,onChange:g=>r(g!==void 0?Number(g):void 0),placeholder:i.numberInputPlaceholder,containerClassName:l});default:return e.isProtected?n.jsx(dn,{value:t!=null?String(t):"",invalid:s,disabled:o,onChange:g=>r(g??void 0),placeholder:i.stringInputPlaceholder,containerClassName:l}):n.jsx(x.DialInput,{value:t!=null?String(t):"",invalid:s,disabled:o,onChange:g=>r(g??void 0),placeholder:i.stringInputPlaceholder,containerClassName:l})}},Rr=(e,t)=>({id:Math.random().toString(36).slice(2),key:e,value:t}),Sn=e=>!!(e.oneOf||e.anyOf||e.type===Q.Array||He(e)),No=({pairId:e,pairKey:t,pairValue:r,valueSchema:s,onKeyChange:a,onValueChange:i,onRemove:o,keyInputPlaceholder:l,removeFieldAriaLabel:c,path:u,level:d,readonly:f=!1,inputClassName:g})=>{const{rootSchema:p,texts:m,defaultExpanded:v=!0,touchedPaths:b=new Set,markTouched:y=()=>{},skipUntouched:C=!1}=Te(),[N,S]=h.useState(t),D=Sn(s),T=[...u,e,"key"].join("."),O=(!C||b.has(T))&&t==="",E=n.jsxs("div",{className:"flex gap-2 items-start",children:[n.jsxs("div",{className:D?"flex-1 min-w-0":"w-2/5 min-w-0",children:[n.jsx(x.DialInput,{value:N,disabled:f,invalid:O,onChange:$=>S($??""),onBlur:()=>{y(T),N!==t&&a(N)},placeholder:l,containerClassName:g}),n.jsx(x.DialErrorText,{text:O?`${m.keyColumnHeader} is required`:void 0})]}),!D&&n.jsx("div",{className:"flex-1 min-w-0",children:n.jsx(In,{schema:s,value:r,onChange:i})}),!f&&n.jsx(St,{size:w.ElementSize.Small,onClick:o,"aria-label":c,className:"shrink-0 p-1"})]});if(!D)return E;const _=[...u,t],j=lr(r,s,p),R=Oe(r,s,p,_.join("."));return n.jsxs("div",{className:"flex flex-col gap-2",children:[E,n.jsx(lt,{title:t,level:d,summary:j,errorCount:R.length+(O?1:0),defaultExpanded:v,children:n.jsx(_e,{schema:s,value:r,onChange:i,path:_,level:d+1})})]})},Io=({schema:e,value:t,onChange:r,path:s,level:a})=>{const{rootSchema:i,texts:o,readonly:l=!1,inputClassName:c}=Te(),u=e.additionalProperties===!0||e.additionalProperties==null?{type:"string"}:typeof e.additionalProperties=="object"?q(e.additionalProperties,i):{type:"string"},d=Sn(u),[f,g]=h.useState(()=>Object.entries(t??{}).map(([N,S])=>Rr(N,S))),p=N=>Object.fromEntries(N.filter(S=>S.key!=="").map(S=>[S.key,S.value])),m=(N,S)=>{const D=f.map((T,P)=>P===N?{...T,key:S}:T);g(D),r(p(D))},v=(N,S)=>{const D=f.map((T,P)=>P===N?{...T,value:S}:T);g(D),r(p(D))},b=()=>d?Ae(u,i)??Cn(u):"",y=()=>{g(N=>[...N,Rr("",b())])},C=N=>{const S=f.filter((D,T)=>T!==N);g(S),r(p(S))};return n.jsxs("div",{className:"flex flex-col gap-2",children:[f.length===0&&n.jsx("p",{className:"dial-tiny-text text-secondary italic",children:o.noFieldsYet}),f.length>0&&!d&&n.jsxs("div",{className:"flex gap-2 mb-1 pr-7",children:[n.jsx("span",{className:"w-2/5 dial-tiny-text text-secondary font-medium",children:o.keyColumnHeader}),n.jsx("span",{className:"flex-1 dial-tiny-text text-secondary font-medium",children:o.valueColumnHeader})]}),f.map((N,S)=>n.jsx(No,{pairId:N.id,pairKey:N.key,pairValue:N.value,valueSchema:u,onKeyChange:D=>m(S,D),onValueChange:D=>v(S,D),onRemove:()=>C(S),keyInputPlaceholder:o.keyInputPlaceholder,removeFieldAriaLabel:o.removeFieldAriaLabel,path:s,level:a,readonly:l,inputClassName:c},N.id)),!l&&n.jsx("div",{className:"pt-1",children:n.jsx(x.DialGhostButton,{label:o.addField,iconBefore:n.jsx(H.IconPlus,{size:16,stroke:2}),onClick:y})})]})},jn=({value:e,onChange:t,theme:r=Ur.EditorThemes.dark,height:s=240})=>{const{readonly:a}=Te(),[i,o]=h.useState(null),[l,c]=h.useState(()=>JSON.stringify(e,null,2));h.useEffect(()=>{typeof window<"u"&&Promise.resolve().then(()=>require("./JsonEditor-pdzI3xkJ.cjs")).then(d=>{o(()=>d.DialJsonEditor)})},[]);const u=d=>{const f=d??"";c(f);try{t(JSON.parse(f))}catch{}};return n.jsx("div",{className:"border border-primary rounded",style:{height:`${s}px`},children:i&&n.jsx(i,{value:l,currentTheme:r,onChange:u,options:{readOnly:a}})})},_e=({schema:e,value:t,onChange:r,path:s,level:a,required:i,suppressInlineError:o=!1})=>{const{rootSchema:l,renderField:c,markTouched:u=()=>{},touchedPaths:d=new Set,skipUntouched:f=!1,jsonEditorTheme:g}=Te(),p=q(e,l),m=y=>{u(s.join(".")),r(y)},v=!f||d.has(s.join("."));let b;if(p.oneOf)b=n.jsx(Do,{schema:p,value:t,onChange:m,path:s,level:a});else if(p.anyOf&&p.type!==Q.Object)b=n.jsx(Co,{schema:p,value:t,onChange:m,path:s,level:a});else if(He(p)){const y=p.additionalProperties!=null&&p.additionalProperties!==!1,C=!p.properties||Object.keys(p.properties).length===0;y&&C?b=n.jsx(Io,{schema:p,value:t,onChange:m,path:s,level:a}):C&&p.additionalProperties!==!1?b=n.jsx(jn,{value:t,onChange:m,theme:g}):b=n.jsx(gt,{schema:p,value:t,onChange:m,path:s,level:a})}else if(p.type===Q.Array)b=n.jsx(vo,{schema:p,value:t,onChange:m,path:s,level:a});else{const y=v&&i&&wt(t),C=!o&&y?`${p.title??"Field"} is required`:void 0;b=n.jsxs(n.Fragment,{children:[n.jsx(In,{schema:p,value:t,onChange:m,invalid:y}),n.jsx(x.DialErrorText,{text:C})]})}return c?c(s,p,b):b},So=({schema:e,defaultValue:t,texts:r,className:s,readonly:a=!1,defaultExpanded:i=!0,inputClassName:o,variant:l=We.Sections,onChange:c,onPropertyChange:u,onDefaultValues:d,renderField:f,skipUntouched:g=!1,jsonEditorTheme:p,acceptableResourceTypes:m})=>{const v=h.useMemo(()=>({...xo,...r}),[r]),b=h.useMemo(()=>t||(Ae(e,e)??{}),[]),[y,C]=h.useState(b),[N,S]=h.useState(new Set),D=h.useCallback(j=>{S(R=>R.has(j)?R:new Set([...R,j]))},[]);h.useEffect(()=>{d?.(b)},[]);const T=(j,R)=>{const $={...y,[j]:R};C($),c?.($),u?.(j,R)},P=new Set(Object.keys(e.properties??{})),O=Object.keys(y).filter(j=>!P.has(j)),E=vn(Object.entries(e.properties??{}).filter(([,j])=>!q(j,e).isHidden)),_=e.required??[];return n.jsx(yn.Provider,{value:{rootSchema:e,texts:v,readonly:a,defaultExpanded:i,inputClassName:o,jsonEditorTheme:p,acceptableResourceTypes:m,renderField:f,touchedPaths:N,markTouched:D,skipUntouched:g},children:n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-4",s),children:[E.map(([j,R])=>{const $=q(R,e),U=$.title??R.title??bt(j),te=_.includes(j),B=y[j];if(l===We.Flat)return n.jsx(Nn,{schema:R,value:B,onChange:J=>T(j,J),path:[j],level:0,required:te,label:U},j);if(l===We.FlatSections)return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("h2",{className:"dial-small-semi-text text-primary",children:U}),n.jsx(_e,{schema:R,value:B,onChange:J=>T(j,J),path:[j],level:0,required:te})]},j);const k=Oe(B,$,e,j),z=j+".",Y=!g||N.has(j)||[...N].some(J=>J.startsWith(z));return n.jsx(lt,{title:U,description:$.description,level:0,defaultExpanded:i,errorCount:Y?te&&wt(B)?Math.max(k.length,1):k.length:0,children:n.jsx(_e,{schema:R,value:B,onChange:J=>T(j,J),path:[j],level:1,required:te})},j)}),O.map(j=>{const R=bt(j),$=n.jsx(jn,{value:y[j],onChange:U=>T(j,U),theme:p});return l===We.Sections?n.jsx(lt,{title:R,level:0,defaultExpanded:i,children:$},j):n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsx("h2",{className:"dial-small-semi-text text-primary",children:R}),$]},j)})]})})},jo=e=>({info:n.jsx(H.IconInfoCircleFilled,{size:e.size}),error:n.jsx(H.IconAlertCircleFilled,{size:e.size}),warning:n.jsx(H.IconAlertTriangleFilled,{size:e.size}),success:n.jsx(H.IconCircleCheckFilled,{size:e.size}),loading:n.jsx(x.Spinner,{size:e.size}),general:n.jsx(H.IconCheck,{size:e.size,stroke:e.stroke})}),To={[x.NotificationVariant.Info]:"bg-info text-info",[x.NotificationVariant.Success]:"bg-success text-success",[x.NotificationVariant.Warning]:"bg-warning text-warning",[x.NotificationVariant.Error]:"bg-error text-error",[x.NotificationVariant.Loading]:"bg-layer-raised text-info",[x.NotificationVariant.General]:"bg-layer-sunken text-primary"},wo={[x.NotificationVariant.Info]:"status",[x.NotificationVariant.Success]:"status",[x.NotificationVariant.Warning]:"alert",[x.NotificationVariant.Error]:"alert",[x.NotificationVariant.Loading]:"status",[x.NotificationVariant.General]:"status"},Eo="items-center justify-between rounded-xl relative gap-3 p-3 border flex border-transparent",cr=({variant:e=x.NotificationVariant.Info,type:t=x.NotificationType.Toast,title:r,message:s,className:a,iconSize:i=24,iconStroke:o=2,closable:l=!1,onClose:c,children:u,textClassName:d,...f})=>{const g=h.useMemo(()=>jo({size:i,stroke:o})[e],[e,i,o]),p=d??(t===x.NotificationType.SectionMessage?"flex-row flex-wrap items-baseline gap-x-1":"flex-col");return n.jsxs("div",{role:wo[e],...f,className:I.mergeClasses(Eo,To[e],t===x.NotificationType.Toast&&"min-w-[200px] max-w-[600px] shadow-lg",t===x.NotificationType.SectionMessage&&e===x.NotificationVariant.Loading&&"border-secondary",a),children:[n.jsxs("div",{className:"flex items-start gap-3 flex-1 min-w-0",children:[n.jsx("span",{"aria-hidden":"true",className:"flex shrink-0",children:n.jsx(L.DialIcon,{icon:g})}),r?n.jsxs("div",{className:I.mergeClasses("flex min-w-0 text-primary break-words",p),children:[n.jsx("div",{className:"dial-small-paragraph-semi-text min-w-0 break-words",children:r}),n.jsx("div",{className:"dial-small-paragraph-text min-w-0 break-words",children:s})]}):n.jsx("div",{className:"dial-small-paragraph-text min-w-0 text-primary break-words",children:s})]}),u,l&&n.jsx("div",{className:"relative size-[40px]",children:n.jsx(F.CloseButton,{className:"absolute top-[-2px] right-0 size-auto hover:bg-transparent ",ariaLabel:"Close notification",onClose:m=>c?.(m)})})]})},kr={2:"line-clamp-2",3:"line-clamp-3",4:"line-clamp-4",5:"line-clamp-5",6:"line-clamp-6"},Oo=e=>e===1?"!truncate !whitespace-nowrap":`${kr[e]??kr[2]} !whitespace-normal`,Ao=({text:e,query:t,markClassName:r,className:s,maxLines:a=2})=>{const i=Oo(a);if(!t.trim())return n.jsx(F.EllipsisTooltip,{className:I.mergeClasses(i,s),text:e});const o=e.toLowerCase().indexOf(t.toLowerCase()),l=o===-1?e:n.jsxs(n.Fragment,{children:[e.slice(0,o),n.jsx("mark",{className:I.mergeClasses("text-accent bg-control-accent-alpha-hover",r),children:e.slice(o,o+t.length)}),e.slice(o+t.length)]});return n.jsx(F.EllipsisTooltip,{className:I.mergeClasses(i,s),text:l})},_o=({className:e,children:t,...r})=>n.jsx("article",{...r,className:I.mergeClasses("relative flex flex-col gap-3 rounded-[20px] border-2 border-transparent p-5","bg-layer-raised shadow-md transition-[transform,box-shadow] duration-200 ease-out hover:-translate-y-[3px] hover:shadow-lg motion-reduce:transition-none motion-reduce:hover:translate-y-0",e),children:t}),Xe=(e,t)=>({type:s,...a})=>n.jsx(cr,{...a,variant:e,type:s||t}),Qe=(e,t)=>({variant:s,...a})=>n.jsx(cr,{...a,variant:s||t,type:e}),Ro=Xe(x.NotificationVariant.Error,x.NotificationType.Toast),ko=Xe(x.NotificationVariant.Info,x.NotificationType.Toast),Po=Xe(x.NotificationVariant.Success,x.NotificationType.Toast),Lo=Xe(x.NotificationVariant.Warning,x.NotificationType.Toast),Mo=Xe(x.NotificationVariant.Loading,x.NotificationType.Toast),Fo=Xe(x.NotificationVariant.General,x.NotificationType.Toast),Bo=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.Error),zo=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.Info),$o=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.Success),Ho=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.Warning),Vo=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.Loading),Go=Qe(x.NotificationType.SectionMessage,x.NotificationVariant.General);var ve=(e=>(e.Date="date",e.DateTime="datetime",e.Time="time",e.Weekday="weekday",e))(ve||{});const Uo="en-GB",Ko={[ve.Date]:"Select date",[ve.DateTime]:"Select date and time",[ve.Time]:"--:--",[ve.Weekday]:"Select day"},Tn="flex w-full items-center justify-between gap-2 rounded-xl border border-secondary bg-layer-raised px-4 py-3 dial-small-text text-primary outline-none transition-colors hover:border-accent-alpha focus-within:border-accent-focus",wn="!cursor-not-allowed !border-transparent bg-layer-sunken text-control-disable-primary hover:!border-transparent",En="!border-error",Wo="z-[53] flex w-[248px] flex-col gap-4 rounded-lg bg-layer-raised px-2 py-4 shadow-md",qo="flex size-10 items-center justify-center rounded-full dial-small-text text-primary hover:bg-control-accent-alpha-hover hover:text-primary focus:outline-none focus-visible:outline focus-visible:outline-focus",Zo="bg-control-accent text-control-permanent",Yo="text-accent dial-small-semi-text",Xo="text-control-disable-primary",On="text-secondary",Qo=n.jsx(H.IconCalendar,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:On}),Pr={prev:n.jsx(H.IconChevronLeft,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),next:n.jsx(H.IconChevronRight,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"})},Jo=(e,t)=>{const s=(new Date(e,t,1).getDay()+6)%7,a=new Date(e,t,1-s);return Array.from({length:42},(i,o)=>{const l=new Date(a);return l.setDate(a.getDate()+o),l})},Lr=(e,t)=>!!e&&!!t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),Mr=(e,t,r)=>{const s=new Date(e.getFullYear(),e.getMonth(),e.getDate());if(t){const a=new Date(t.getFullYear(),t.getMonth(),t.getDate());if(s<a)return!0}if(r){const a=new Date(r.getFullYear(),r.getMonth(),r.getDate());if(s>a)return!0}return!1},el=(e,t)=>e.toLocaleDateString(t,{month:"long",year:"numeric"}),Fr=(e,t)=>e.toLocaleDateString(t,{day:"numeric",month:"short",year:"numeric"}),tl=(e,t)=>e.toLocaleDateString(t,{weekday:"long",day:"numeric",month:"long",year:"numeric"}),dt=e=>`${String(e.getHours()).padStart(2,"0")}:${String(e.getMinutes()).padStart(2,"0")}`,Br=(e,t)=>{const[r,s]=t.split(":").map(Number),a=new Date(e);return a.setHours(r||0,s||0,0,0),a},rl=e=>/^([01]\d|2[0-3]):[0-5]\d$/.test(e),nl=e=>{const t=e.replace(/\D/g,"").slice(0,4);let r=t.slice(0,2);const s=t.slice(2,4);if(r.length===2&&(r=String(Math.min(Number(r),23)).padStart(2,"0")),s.length===0)return r;const a=String(Math.min(Number(s),59)).padStart(s.length,"0");return`${r}:${a}`},An=5,_n=e=>e.charAt(0).toUpperCase()+e.slice(1),sl=e=>Array.from({length:7},(t,r)=>{const s=new Date(Date.UTC(1970,0,An+r));return _n(s.toLocaleDateString(e,{weekday:"short",timeZone:"UTC"}))}),al=e=>Array.from({length:7},(t,r)=>{const s=new Date(Date.UTC(1970,0,An+r));return{value:String(r+1),label:_n(s.toLocaleDateString(e,{weekday:"long",timeZone:"UTC"}))}}),zr=({id:e,disabled:t,invalid:r,trigger:s,panelClassName:a,fieldClassName:i,panel:o,labelledBy:l,panelLabel:c})=>{const u=L.useThemeScope(),[d,f]=h.useState(!1),{refs:g,floatingStyles:p,context:m}=ce.useFloating({open:d,onOpenChange:S=>f(t?!1:S),placement:"bottom-start",whileElementsMounted:ce.autoUpdate,middleware:[ce.offset(8),ce.flip({padding:8}),ce.shift({padding:8})]}),v=ce.useClick(m,{enabled:!t}),b=ce.useDismiss(m),y=ce.useRole(m,{role:"dialog"}),{getReferenceProps:C,getFloatingProps:N}=ce.useInteractions([v,b,y]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{id:e,ref:g.setReference,role:"button","aria-haspopup":"dialog","aria-expanded":d,"aria-disabled":t,"aria-labelledby":l,tabIndex:t?-1:0,className:I.mergeClasses(Tn,"focus-visible:outline focus-visible:outline-focus",r&&En,t&&wn,i),...C(),children:s}),d&&n.jsx(ce.FloatingPortal,{children:n.jsx(ce.FloatingFocusManager,{context:m,modal:!1,initialFocus:-1,returnFocus:!0,children:n.jsx("div",{ref:g.setFloating,style:p,"aria-label":c,className:I.mergeClasses(Wo,u,a),...N(),children:o(()=>f(!1))})})})]})},$r=({id:e,value:t,onChange:r,disabled:s,invalid:a,className:i,ariaLabel:o,placeholder:l="--:--"})=>{const[c,u]=h.useState(t);return h.useEffect(()=>{u(t)},[t]),n.jsx("input",{id:e,type:"text",inputMode:"numeric",autoComplete:"off","aria-label":o,placeholder:l,disabled:s,value:c,onChange:d=>{const f=nl(d.target.value);u(f),rl(f)&&r(f)},className:I.mergeClasses(Tn,a&&En,s&&wn,i)})},il=({mode:e=ve.Date,value:t,onChange:r,labelProps:s,placeholder:a,disabled:i=!1,invalid:o=!1,id:l,className:c,minDate:u,maxDate:d,locale:f=Uo,fieldClassName:g})=>{const p=a??Ko[e],m=t instanceof Date?t:null,v=h.useId(),b=l??v,y=s?.id??`${b}-label`,C=!!s?.label,N=typeof s?.label=="string"?s.label:void 0,S=C?`${y} ${b}`:void 0,D=s?n.jsx(F.Label,{...s,id:y,htmlFor:b}):null,[T,P]=h.useState(()=>m??new Date),O=h.useMemo(()=>new Date,[]),E=h.useMemo(()=>sl(f),[f]),_=h.useMemo(()=>al(f),[f]),j=h.useMemo(()=>Jo(T.getFullYear(),T.getMonth()),[T]),R=B=>{P(k=>new Date(k.getFullYear(),k.getMonth()+B,1))},$=(B,k)=>{if(Mr(B,u,d))return;const z=e===ve.DateTime&&m?Br(B,dt(m)):B;r?.(z),e===ve.Date&&k()},U=B=>{r?.(Br(m??new Date,B))},te=()=>m?e===ve.DateTime?`${Fr(m,f)}, ${dt(m)}`:Fr(m,f):p;if(e===ve.Time){const B=typeof t=="string"?t:m?dt(m):"";return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-y-3",c),children:[D,n.jsx($r,{id:b,value:B,onChange:k=>r?.(k),disabled:i,invalid:o,placeholder:p,className:g})]})}if(e===ve.Weekday){const B=typeof t=="string"?t:void 0,k=_.find(z=>z.value===B);return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-y-3",c),children:[D,n.jsx(zr,{id:b,disabled:i,invalid:o,labelledBy:S,panelLabel:N??p,fieldClassName:g,trigger:n.jsxs(n.Fragment,{children:[n.jsx("span",{className:I.mergeClasses("truncate",!k&&"text-secondary"),children:k?.label??p}),n.jsx(H.IconChevronDown,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:On})]}),panel:z=>n.jsx("div",{role:"listbox","aria-label":N??p,className:"flex flex-col gap-0.5",children:_.map(Y=>n.jsx("button",{type:"button",role:"option","aria-selected":Y.value===B,className:I.mergeClasses("flex w-full items-center rounded-lg px-3 py-2 text-left dial-small-text text-primary hover:bg-control-accent-alpha-hover","focus-visible:outline focus-visible:outline-focus",Y.value===B&&"bg-control-accent-alpha-hover"),onClick:()=>{r?.(Y.value),z()},children:Y.label},Y.value))})})]})}return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-y-3",c),children:[D,n.jsx(zr,{id:b,disabled:i,invalid:o,labelledBy:S,panelLabel:N??p,fieldClassName:g,trigger:n.jsxs(n.Fragment,{children:[n.jsx("span",{className:I.mergeClasses("truncate",!m&&"text-secondary"),children:te()}),Qo]}),panel:B=>n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center justify-between",children:[n.jsx(F.StaticIconButton,{"aria-label":"Previous month",icon:Pr.prev,size:w.ElementSize.Small,onClick:()=>R(-1)}),n.jsx("div",{className:"dial-small-semi-text text-primary","aria-live":"polite",children:el(T,f)}),n.jsx(F.StaticIconButton,{"aria-label":"Next month",icon:Pr.next,size:w.ElementSize.Small,onClick:()=>R(1)})]}),n.jsxs("div",{className:"grid grid-cols-7 gap-y-1 text-center",children:[E.map(k=>n.jsx("div",{"aria-hidden":"true",className:"dial-tiny-text py-1 text-secondary",children:k},k)),j.map(k=>{const z=k.getMonth()!==T.getMonth(),Y=Lr(k,m),J=Lr(k,O),oe=Mr(k,u,d);return n.jsx("button",{type:"button",disabled:oe,"aria-label":tl(k,f),"aria-pressed":Y,"aria-current":J?"date":void 0,className:I.mergeClasses(qo,z&&Xo,J&&!Y&&Yo,Y&&Zo,oe&&"cursor-not-allowed opacity-40 hover:bg-transparent"),onClick:()=>$(k,B),children:k.getDate()},k.toISOString())})]}),e===ve.DateTime&&n.jsxs("div",{className:"flex items-center justify-between gap-3 border-t border-secondary pt-3",children:[n.jsx("span",{className:"dial-small-text text-primary",children:"Time"}),n.jsx($r,{ariaLabel:"Time",value:m?dt(m):"",onChange:U,className:"w-[120px] px-3 py-1.5"})]})]})})]})},ol=({segments:e,labelClassName:t="dial-small-text",leafClassName:r="dial-small-semi-text",className:s,ariaLabel:a="Folder path"})=>{const i=n.jsx(L.DialIcon,{icon:n.jsx(H.IconFolder,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),className:"text-secondary"}),o=e.map((l,c)=>({label:c===e.length-1?n.jsx("span",{className:r,children:l}):l,disabled:!0,...c===0?{iconBefore:i}:{}}));return n.jsx(x.DialBreadcrumb,{className:s,ariaLabel:a,separator:n.jsx(L.DialIcon,{icon:n.jsx(H.IconChevronRight,{size:14,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:"rtl:scale-x-[-1]"}),className:"text-secondary"}),pathItems:o,labelClassName:I.mergeClasses(t,"text-secondary","!cursor-default")})},Je=({label:e,variant:t,appearance:r=w.ButtonAppearance.Solid,size:s=w.ElementSize.Standard,className:a,textClassName:i,iconAfter:o,iconBefore:l,type:c="button",tooltipProps:u,href:d,target:f,rel:g,disabled:p,...m})=>{const v=I.mergeClasses("dial-kit-base-button",t&&F.getButtonClassNames(t,r),s===w.ElementSize.Small?"dial-tiny-semi-text":"dial-small-paragraph-semi-text",s===w.ElementSize.Small?"h-[24px] gap-1":"h-[40px] gap-2",s===w.ElementSize.Small&&"dial-kit-base-button-small",r!==w.ButtonAppearance.Link&&(s===w.ElementSize.Small?"px-2":"px-4"),s!==w.ElementSize.Small&&r!==w.ButtonAppearance.Link&&"dial-kit-enhanced-target",a),b=e?void 0:u?.tooltip,y=w.resolveAccessibleName(typeof e=="string"?e:void 0,m["aria-label"],b),C=n.jsxs(n.Fragment,{children:[n.jsx(L.DialIcon,{icon:l}),e&&n.jsx("span",{className:i,children:e}),n.jsx(L.DialIcon,{icon:o})]}),N=m,S=d!==void 0?n.jsx("a",{...N,href:p?void 0:d,target:f,rel:g??(f==="_blank"?"noopener noreferrer":void 0),"aria-disabled":p||void 0,tabIndex:p?-1:N.tabIndex,onClick:p?void 0:N.onClick,className:v,"aria-label":y,children:C}):n.jsx("button",{...m,type:c,disabled:p,className:v,"aria-label":y,children:C});return u?n.jsx(F.Tooltip,{asChild:!0,...u,children:S}):S},dr=(e,t)=>({appearance:s,...a})=>n.jsx(Je,{...a,variant:e,appearance:s||t}),ur=(e,t)=>({variant:s,...a})=>n.jsx(Je,{...a,variant:s||t,appearance:e}),Rn=dr(w.ButtonVariant.Primary,w.ButtonAppearance.Solid),fr=dr(w.ButtonVariant.Neutral,w.ButtonAppearance.Solid),ll=dr(w.ButtonVariant.Danger,w.ButtonAppearance.Solid),cl=ur(w.ButtonAppearance.Link,w.ButtonVariant.Primary),dl=ur(w.ButtonAppearance.Ghost,w.ButtonVariant.Primary),ul=ur(w.ButtonAppearance.Outlined,w.ButtonVariant.Neutral),fl=({className:e,icon:t,tooltipProps:r,type:s="button",...a})=>{const i=I.mergeClasses("flex items-center justify-center rounded-full size-[40px]","dial-kit-enhanced-target","dial-kit-fab-button disabled:cursor-not-allowed focus-visible:outline focus-visible:outline-focus outline-offset-0",e),o=n.jsx("button",{...a,type:s,className:i,"aria-label":w.resolveAccessibleName(a["aria-label"],r?.tooltip),children:t||n.jsx(H.IconArrowNarrowDown,{size:24,stroke:1.5,"aria-hidden":"true"})});return r?n.jsx(w.DialTooltip,{...r,children:o}):o},pl=e=>n.jsx(H.IconChevronDown,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":!0,className:I.mergeClasses("transition-transform",e&&"rotate-180")}),gl=({variant:e,appearance:t,items:r,...s})=>{const[a,i]=h.useState(!1),o=h.useMemo(()=>pl(a),[a]);return n.jsx("div",{children:n.jsx(F.Dropdown,{items:r,onOpenChange:l=>i(l),children:n.jsx(Je,{...s,iconAfter:o,variant:e||w.ButtonVariant.Primary,appearance:t||w.ButtonAppearance.Solid,"aria-haspopup":"menu","aria-expanded":a})})})},kn=({label:e,size:t,isOpen:r=!1,"aria-label":s,...a})=>{const i=t===w.ElementSize.Small?"h-[32px]":"h-[40px] dial-kit-enhanced-target";return n.jsxs("button",{type:"button","aria-haspopup":"menu","aria-expanded":r,"aria-label":s?`${s} ${e}`:void 0,className:I.mergeClasses("dial-small-paragraph-text px-3 focus-visible:outline focus-visible:outline-focus","flex items-center gap-1 rounded-full text-primary disabled:text-control-disable-primary","hover:bg-control-accent-alpha-hover focus-visible:outline-offset-2 active:bg-control-accent-alpha-active",i,a.className),...a,children:[e,n.jsx(H.IconChevronDown,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":!0,className:I.mergeClasses("transition-transform",r&&"rotate-180")})]})},hl=({items:e,selectedKey:t,defaultSelectedKey:r,onSelect:s,size:a,disabled:i,placement:o="bottom-end",matchReferenceWidth:l=!1,listClassName:c,ariaLabel:u})=>{const[d,f]=h.useState(!1),[g,p]=h.useState(r??e[0]?.key),m=t!==void 0,v=m?t:g,b=h.useMemo(()=>{const C=e.find(N=>N.key===v);return C?.label?String(C.label):""},[e,v]),y=h.useCallback(({key:C})=>{const N=e.find(S=>S.key===C);N&&(m||p(C),s?.(N))},[e,m,s]);return n.jsx(F.Dropdown,{items:e,placement:o,matchReferenceWidth:l,listClassName:c,disabled:i,onOpenChange:f,onItemClick:y,children:n.jsx(kn,{label:b,size:a,isOpen:d,disabled:i,"aria-label":u})})},Pe=({text:e,className:t,variant:r=x.CaptionType.Description,...s})=>e?n.jsx("span",{...s,role:"alert",className:I.mergeClasses("dial-tiny-text",r===x.CaptionType.Error?"text-error":"text-secondary",t),children:e}):null,Le=({...e})=>n.jsx(Pe,{...e,variant:x.CaptionType.Error}),ml="bg-control-neutral-active flex items-center justify-center enabled:text-secondary enabled:hover:text-control-accent-hover enabled:active:bg-control-accent-alpha-active enabled:hover:bg-control-accent-alpha-hover enabled:active:text-control-accent-active",xl={[w.ElementSize.Small]:"size-[24px]",[w.ElementSize.Standard]:"size-[40px]",[w.ElementSize.Large]:"size-[48px]"},bl=({icon:e,onClick:t,disabled:r,size:s=w.ElementSize.Standard,className:a})=>n.jsx("div",{className:I.mergeClasses("border-l border-tertiary",xl[s]),children:n.jsx(F.IconButton,{className:I.mergeClasses(ml,s===w.ElementSize.Small&&"p-1",a),icon:e,onClick:t,disabled:r,size:s})}),yl=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","Delete","Tab","Enter","Escape","Home","End","Insert"],Pn=(e,t,r,s)=>{if((t==="number"||r!==void 0||s!==void 0)&&!yl.includes(e.key)&&!(e.ctrlKey||e.metaKey)&&!(e.key==="-"&&(e.currentTarget.selectionStart??0)===0&&!e.currentTarget.value.includes("-"))&&!(e.key==="."&&t==="number"&&!e.currentTarget.value.includes("."))){if(!/^[0-9]$/.test(e.key)){e.preventDefault();return}if((r!==void 0||s!==void 0)&&e.currentTarget.selectionStart!==null){const i=e.currentTarget.value,o=e.currentTarget.selectionStart,l=e.currentTarget.selectionEnd??o,c=i.slice(0,o)+e.key+i.slice(l),u=parseFloat(c);if(!isNaN(u)){if(r!==void 0&&u<+r){e.preventDefault();return}if(s!==void 0&&u>+s){e.preventDefault();return}}}}},Ln={[w.ElementSize.Small]:{field:"dial-kit-input-small gap-x-1",paddingStart:"pl-2",paddingEnd:"pr-2",stackGap:"gap-1",postfixText:"dial-tiny-text"},[w.ElementSize.Standard]:{field:"gap-x-2 py-2",paddingStart:"pl-3",paddingEnd:"pr-3",stackGap:"gap-2",postfixText:"dial-small-text"},[w.ElementSize.Large]:{field:"gap-x-2 py-3",paddingStart:"pl-4",paddingEnd:"pr-4",stackGap:"gap-2",postfixText:"dial-body-text"}},$e=({labelProps:e,error:t,caption:r,id:s,containerClassName:a,size:i=w.ElementSize.Standard,...o})=>n.jsxs("div",{className:I.mergeClasses("flex flex-col",Ln[i].stackGap,a),children:[e&&n.jsx(F.Label,{...e,htmlFor:s}),n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx(Mn,{id:s,size:i,...o}),n.jsx(Le,{text:t}),!t&&n.jsx(Pe,{text:r})]})]}),Mn=({invalid:e,disabled:t,prefix:r,className:s,postfix:a,children:i,iconBefore:o,iconAfter:l,wrapperClassName:c,type:u,inputRef:d,value:f,tooltipText:g,min:p,onChange:m,max:v,inputButtonProps:b,wrapperRef:y,size:C=w.ElementSize.Standard,...N})=>{const S=Ln[C],D=h.useRef(null),T=ce.useMergeRefs([d,D]),P=u==="number"||p!==void 0||v!==void 0;h.useEffect(()=>{const j=D.current;if(!j||!P||t)return;const R=$=>{$.preventDefault()};return j.addEventListener("wheel",R,{passive:!1}),()=>{j.removeEventListener("wheel",R)}},[t,P,u]);const O=j=>{Pn(j,u,p,v)},E=j=>{const R=j.currentTarget.value;if(P&&R!==""){const $=parseFloat(R);if(isNaN($)&&R!=="-"&&R!=="."||!isNaN($)&&(p!==void 0&&$<+p||v!==void 0&&$>+v))return}m?.(R||void 0)},_=()=>n.jsxs("div",{ref:y,className:I.mergeClasses("dial-kit-input flex flex-row items-center justify-between",S.field,e&&"dial-kit-input-error",t&&"dial-kit-input-disable",!r&&S.paddingStart,!b&&S.paddingEnd,c),"aria-label":"input-container",children:[r&&n.jsx("div",{className:"border-r border-secondary",children:n.jsx(Mn,{wrapperClassName:"!rounded-r-none",className:"truncate",value:r,disabled:!0,size:C,id:`${r}_textBefore`})}),n.jsx(L.DialIcon,{icon:o}),i,n.jsx("input",{ref:T,type:u,autoComplete:u==="password"?"new-password":"off",value:f??"",className:I.mergeClasses("border-0 bg-transparent w-full truncate",t&&"cursor-not-allowed",s),onChange:E,onKeyDown:O,min:p,disabled:t,max:v,...N}),a&&n.jsxs("p",{className:I.mergeClasses("text-secondary",S.postfixText),children:[" ",a]}),n.jsx(L.DialIcon,{icon:l}),b&&n.jsx(bl,{size:C,...b,disabled:t})]});return t&&u!=="password"?n.jsx(F.Tooltip,{tooltip:g||f,children:_()}):_()};var Ze=(e=>(e.Outlined="outlined",e.Selectable="selectable",e))(Ze||{});const vl="inline-flex h-[32px] max-w-full items-center gap-1 rounded-full px-3",Dl={[Ze.Outlined]:{default:"bg-layer-raised text-primary",selected:"bg-control-accent-alpha text-primary"},[Ze.Selectable]:{default:"text-secondary",selected:"bg-control-accent-alpha text-primary"}},Cl="cursor-pointer outline-offset-0 focus-visible:outline focus-visible:outline-focus",Nl="hover:bg-control-accent-alpha-hover active:bg-control-accent-alpha-active",qe=({label:e,icon:t,appearance:r=Ze.Outlined,selected:s=!1,disabled:a=!1,closable:i=!1,removeLabel:o,className:l,title:c,onClick:u,onRemove:d,onKeyDown:f,...g})=>{const p=r===Ze.Selectable,m=!!u&&!a,v=i&&!!d&&!a,b=p&&s,y=C=>{f?.(C),!(!m||C.defaultPrevented)&&(C.key==="Enter"||C.key===" ")&&(C.preventDefault(),C.currentTarget.click())};return n.jsxs("span",{...g,role:m?"button":g.role,tabIndex:m?0:g.tabIndex,"aria-disabled":a||void 0,"aria-pressed":p&&m?s:void 0,onClick:a?void 0:u,onKeyDown:y,className:I.mergeClasses(vl,b?"dial-tiny-semi-text":"dial-tiny-text",Dl[r][s?"selected":"default"],a&&"cursor-not-allowed",m&&[Cl,Nl],l),children:[t&&n.jsx("span",{className:"flex shrink-0 items-center","aria-hidden":"true",children:t}),n.jsx("span",{className:"truncate",title:c??e,children:e}),v&&n.jsx(F.GhostIconButton,{className:"size-[16px] shrink-0 dial-kit-minimum-target",size:w.ElementSize.Small,"aria-label":o??`Remove ${e}`,icon:n.jsx(H.IconX,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),onClick:C=>{C.stopPropagation(),d?.(C)}})]})},Fn=({options:e,selectedValues:t,handleRemoveTag:r})=>n.jsx(n.Fragment,{children:t.map(s=>{const a=e.find(i=>i.value===s);return n.jsx(qe,{label:a?.label??s,closable:!!r,onRemove:i=>r?.(i,s),icon:a?.icon,className:"max-w-full"},s)})}),Il=I.mergeClasses("w-full flex flex-col"),at=I.mergeClasses(F.overlayItemClassName,"justify-between"),Sl=F.overlayItemSelectedClassName,jl="!max-w-[var(--reference-width)]",yt=F.overlayItemDisabledClassName,Tl=352,wl=F.overlayGap,El=F.overlaySubMenuClassName,Ol=n.jsx(H.IconChevronRight,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),Al="text-secondary transition-transform",_l=8,Rl=n.jsx(H.IconSearch,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),kl=n.jsx(H.IconX,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),Bn=n.jsx(H.IconCheck,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,className:"shrink-0","aria-hidden":!0}),Pl=n.jsx(H.IconClipboardX,{size:V.DIAL_ICON_SIZE.LG,stroke:.5,"aria-hidden":"true"}),Ll=({opt:e,selectedValues:t,onSelect:r})=>{const{isOpen:s,refs:a,floatingStyles:i,context:o,getReferenceProps:l,getFloatingProps:c}=L.useSubMenuFloating(wl,"listbox",!!e.disabled),u=e.children?.some(d=>t.includes(d.value));return n.jsxs(n.Fragment,{children:[n.jsxs("button",{ref:a.setReference,type:"button",role:"option","aria-haspopup":"listbox","aria-expanded":s,"aria-selected":!!u,"aria-disabled":!!e.disabled,disabled:e.disabled,className:I.mergeClasses(at,e.disabled&&yt),...l(),children:[n.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[e.icon&&n.jsx(L.DialIcon,{icon:e.icon}),n.jsx(F.EllipsisTooltip,{text:e.labelNode??e.label})]}),n.jsx("span",{className:"shrink-0",children:Ol})]}),s&&n.jsx(L.SubMenuPanel,{refs:a,floatingStyles:i,context:o,getFloatingProps:c,role:"listbox",surfaceClassName:El,children:e.children.map(d=>{const f=t.includes(d.value);return n.jsxs("button",{type:"button",role:"option","aria-selected":f,"aria-disabled":!!d.disabled,disabled:d.disabled,className:I.mergeClasses(at,d.disabled&&yt),onClick:()=>!d.disabled&&r(d.value),children:[n.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[d.icon&&n.jsx(L.DialIcon,{icon:d.icon}),n.jsx(F.EllipsisTooltip,{text:d.labelNode??d.label})]}),f&&Bn]},d.value)})})]})},Ml=({options:e,multiple:t=!1,id:r,value:s,defaultValue:a,size:i=w.ElementSize.Standard,prefix:o,customSelectedValue:l,placeholder:c="Select...",labelProps:u,error:d,caption:f,ariaLabel:g,searchable:p=!1,searchSize:m=w.ElementSize.Standard,searchPlaceholder:v,selectAll:b=!1,invalid:y,selectAllLabel:C="Select all",emptyStateTitle:N="No options available",emptyStateDescription:S,emptyStateIcon:D,disabled:T=!1,className:P,fieldClassName:O,listClassName:E,closable:_=!1,header:j,footer:R,onClose:$,onChange:U,dismissRef:te,onFooterClick:B,open:k,onOpenChange:z,onSearchQueryChange:Y,customMultiSelectTagsRenderer:J})=>{const oe=h.useId(),ee=r||oe,W=`list-${ee}`,re=i===w.ElementSize.Small,[fe,ue]=h.useState(!1),ae=k!==void 0,de=ae?!!k:fe,pe=h.useCallback(M=>{ae||ue(M),z?.(M)},[ae,z]),[me,G]=h.useState(""),Z=h.useCallback(M=>{M!==me&&(G(M||""),Y?.(M||""))},[Y,me]),Se=s!==void 0,[et,xe]=h.useState(a),je=Se?s:et,le=h.useMemo(()=>t?Array.isArray(je)?je:[]:typeof je=="string"?[je]:[],[je,t]),ge=h.useMemo(()=>{const M=me.trim().toLowerCase();return M?e.filter(ie=>ie.label.toLowerCase().includes(M)):e},[e,me]);h.useEffect(()=>{de||Z("")},[de,Z]);const be=h.useCallback(M=>{Se||xe(M),U?.(M)},[Se,U]),tt=h.useCallback(M=>{if(t){const ie=new Set(le);ie.has(M)?ie.delete(M):ie.add(M),be(Array.from(ie));return}be(M),pe(!1)},[t,be,pe,le]),Me=h.useCallback((M,ie)=>{if(M.stopPropagation(),!t){be("");return}const Kn=le.filter(Wn=>Wn!==ie);be(Kn)},[t,le,be]),Ce=h.useMemo(()=>ge.filter(M=>!M.disabled),[ge]),rt=h.useMemo(()=>Ce.filter(M=>le.includes(M.value)).length,[Ce,le]),{allSelectedInFiltered:Fe,someSelectedInFiltered:Ve}=h.useMemo(()=>{const M=Ce.length>0&&rt===Ce.length;return{allSelectedInFiltered:M,someSelectedInFiltered:rt>0&&!M}},[Ce,rt]),ye=h.useCallback(()=>{if(!(!t||Ce.length===0))if(Fe){const M=new Set(Ce.map(ie=>ie.value));be(le.filter(ie=>!M.has(ie)))}else{const M=new Set(le);Ce.forEach(ie=>M.add(ie.value)),be(Array.from(M))}},[Fe,t,Ce,le,be]),Ge=le.length>0,we=!t&&Ge?le[0]:void 0,he=h.useMemo(()=>we?e.find(M=>M.value===we)??e.flatMap(M=>M.children??[]).find(M=>M.value===we):void 0,[e,we]),A=he?o?`${o} ${he.label}`:he.label:void 0,X=h.useMemo(()=>t?Ge?n.jsx("span",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:J?.(e,le,Me)??n.jsx(Fn,{options:e,selectedValues:le,handleRemoveTag:Me})}):null:!he||!he.labelNode&&!he.description?null:n.jsxs("span",{className:"flex min-w-0 flex-1 items-center gap-2",children:[n.jsx(F.EllipsisTooltip,{text:he.labelNode??A}),he.description&&n.jsx("span",{className:"truncate text-secondary dial-tiny-text",children:he.description})]}),[J,Me,Ge,t,e,A,le,he]),Ee=t||X?"":A||(l&&s?l:""),Et=typeof u?.label=="string"?u.label:void 0,Vn=X?[w.resolveAccessibleName(g,Et),t?le.map(M=>e.find(ie=>ie.value===M)?.label??M).join(", "):A].filter(Boolean).join(", ")||void 0:w.resolveAccessibleName(g);h.useImperativeHandle(te,()=>({dismiss:()=>{pe(!1)}}));const Gn=h.useCallback(M=>{T||(M.key==="ArrowDown"||M.key==="ArrowUp")&&(M.preventDefault(),de||pe(!0))},[T,de,pe]),Un=()=>n.jsxs("div",{id:W,role:"listbox","aria-multiselectable":t||void 0,className:Il,children:[j&&n.jsx(n.Fragment,{children:typeof j=="function"?j():j}),(p||_)&&(e.length>_l||!!me)&&n.jsxs("div",{className:"flex items-center gap-2 px-2 pt-2",children:[p&&n.jsx($e,{id:`search-${ee}`,size:m,placeholder:v,"aria-label":v||"Search options",onChange:M=>Z(M),value:me,iconBefore:Rl,containerClassName:"w-full"}),_&&n.jsx(F.GhostIconButton,{"aria-label":"Close select",className:"shrink-0",size:w.ElementSize.Small,icon:kl,onClick:M=>{$?.(M),pe(!1)}})]}),t&&b&&Ce.length>0&&n.jsx("div",{className:I.mergeClasses(at,"mt-2"),children:n.jsx(F.Checkbox,{id:`${ee}-selectAll`,labelProps:{label:C},isSelected:Fe,isIndeterminate:Ve,onChange:ye})}),ge.length===0?n.jsx("div",{className:"px-2 py-3",children:n.jsx(L.DialNoDataContent,{icon:D??Pl,title:N,description:S})}):ge.map(M=>{const ie=le.includes(M.value);return t?n.jsxs("button",{id:`${ee}-${M.value}`,type:"button",role:"option","aria-selected":ie,"aria-disabled":!!M.disabled,disabled:M.disabled,className:I.mergeClasses(at,ie&&Sl,M.disabled&&yt),onClick:()=>tt(M.value),children:[n.jsx(F.CheckboxBox,{isSelected:ie,disabled:M.disabled}),M.icon&&n.jsx(L.DialIcon,{icon:M.icon}),n.jsx("span",{className:"min-w-0 flex-1 truncate text-start",children:M.labelNode??M.label}),M.description&&n.jsx("span",{className:"shrink-0 text-secondary dial-small-text",children:M.description})]},M.value):M.children?.length?n.jsx(Ll,{opt:M,selectedValues:le,onSelect:tt},M.value):n.jsxs("button",{role:"option",type:"button","aria-selected":ie,"aria-disabled":!!M.disabled,disabled:M.disabled,className:I.mergeClasses(at,M.disabled&&yt),onClick:()=>!M.disabled&&tt(M.value),children:[n.jsxs("div",{className:"flex items-center gap-2 w-full min-w-0",children:[M.icon&&n.jsx(L.DialIcon,{icon:M.icon}),n.jsx(F.EllipsisTooltip,{text:M.labelNode??M.label}),M.description&&n.jsx("div",{className:"text-secondary dial-small-text",children:M.description})]}),ie&&Bn]},M.value)}),R&&n.jsx("div",{onClick:M=>{B?.(M),B&&pe(!1)},children:typeof R=="function"?R():R})]});return n.jsxs("div",{className:I.mergeClasses("flex w-full flex-col gap-2",P),children:[u&&n.jsx(F.Label,{...u,htmlFor:ee}),n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx(F.Dropdown,{open:de,onOpenChange:pe,disabled:T,closable:_,onClose:$,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],maxDropdownHeight:p?null:Tl,listClassName:I.mergeClasses(jl,E),className:"w-full",renderOverlay:Un,children:n.jsx($e,{id:ee,size:i,disabled:T,invalid:y,value:Ee,placeholder:X?void 0:c,readOnly:!0,iconBefore:t?void 0:he?.icon,iconAfter:n.jsx(H.IconChevronDown,{size:re?V.DIAL_ICON_SIZE.SM:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:I.mergeClasses(Al,de&&"rotate-180")}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de,"aria-controls":W,"aria-autocomplete":"none","aria-label":Vn,containerClassName:"w-full",wrapperClassName:I.mergeClasses(!T&&"cursor-pointer",t&&Ge&&["!h-auto flex-wrap py-1.5",re?"min-h-[24px]":"min-h-[40px]"],O),className:I.mergeClasses("cursor-pointer",X&&"w-0 min-w-0 flex-none p-0"),onKeyDown:Gn,children:X})}),n.jsx(Le,{text:d}),!d&&n.jsx(Pe,{text:f})]})]})};var zn=(e=>(e.None="none",e.Both="both",e.Horizontal="horizontal",e.Vertical="vertical",e))(zn||{});const Hr={none:"resize-none",both:"resize",horizontal:"resize-x",vertical:"resize-y"},Fl=e=>typeof e=="boolean"?Hr[e?"both":"none"]:Hr[e],Bl=({className:e="",value:t,onChange:r,error:s,containerClassName:a,resize:i=!1,labelProps:o,caption:l,id:c,...u})=>{const d=I.mergeClasses("dial-kit-textarea dial-kit-input px-3 py-2",u.invalid&&"dial-kit-input-error",u.disabled&&"dial-kit-input-disable",Fl(i),e);return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-2",a),children:[o&&n.jsx(F.Label,{...o,htmlFor:c}),n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx("textarea",{id:c,value:t||"",className:d,onChange:f=>r?.(f.currentTarget.value),...u}),n.jsx(Le,{text:s}),!s&&n.jsx(Pe,{text:l})]})]})},zl=({showPasswordLabel:e="Show password",hidePasswordLabel:t="Hide password",disabled:r,size:s=w.ElementSize.Standard,...a})=>{const[i,o]=h.useState(!1),l=i&&!r;return n.jsx($e,{...a,size:s,disabled:r,type:l?"text":"password",iconAfter:n.jsx(F.GhostIconButton,{size:w.ElementSize.Small,disabled:r,"aria-label":l?t:e,"aria-pressed":l,icon:l?n.jsx(H.IconEyeOff,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}):n.jsx(H.IconEye,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),onClick:()=>o(c=>!c)})})},$l=/^0+\.(\d+)?$/,Hl=/^0+/,Vl=[".","-","+","e","E"],Vr=e=>!e||e==="-"?e:String(e).match($l)?String(e).replace(Hl,"0"):Number(e),Gl=({integer:e,onChange:t,min:r,max:s,onKeyDown:a,onPaste:i,...o})=>{const l=u=>{if(e&&Vl.includes(u.key)){u.preventDefault();return}Pn(u,"number",r,s),a?.(u)},c=u=>{if(e){const d=u.clipboardData.getData("text"),f=d.replace(/\D/g,"");if(f!==d&&(u.preventDefault(),f)){const g=u.currentTarget,p=g.selectionStart??0,m=g.selectionEnd??0,v=g.value.slice(0,p)+f+g.value.slice(m);t?.(Vr(v))}}i?.(u)};return n.jsx($e,{...o,type:"number",min:r,max:s,onChange:u=>t?.(Vr(u)),onKeyDown:l,onPaste:c})},Ul="z-[52] flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6",Kl="relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto",Wl="flex flex-row items-center justify-between px-6 py-4",ql="flex-1 min-w-0 mr-3 truncate dial-h1-text text-primary",Zl="border-b border-tertiary",Yl="flex flex-row items-center gap-2 px-6 py-4",Xl="border-t border-tertiary",Ht="flex shrink-0 flex-row items-center gap-2",Ql={[x.PopupSize.Sm]:"max-w-full md:max-w-[400px]",[x.PopupSize.Md]:"max-w-full md:max-w-[800px]",[x.PopupSize.Lg]:"max-w-full md:max-w-[1200px]"},pr=({open:e=!1,header:t,ariaLabel:r,portalId:s,className:a,overlayClassName:i,titleClassName:o,headerClassName:l,bodyClassName:c,children:u,footer:d,footerClassName:f,onClose:g,onBack:p,backAriaLabel:m="Back",headerActions:v,headerDivider:b=!1,mainButtons:y,additionalButtons:C,additionalButtonsOnLeft:N=!1,footerDivider:S=!1,size:D=x.PopupSize.Md,hideClose:T=!1,closeAriaLabel:P="Close dialog",closeOnOutsideClick:O=!0,preventKeyboardOnOpen:E=!1})=>{const _=L.useThemeScope(),j=h.useRef(null),R=h.useId(),{refs:$,context:U}=ce.useFloating({open:e,onOpenChange:W=>{W||g?.(null)}}),te=ce.useRole(U,{role:"dialog"}),B=ce.useDismiss(U,{outsidePress:O}),{getFloatingProps:k}=ce.useInteractions([te,B]);if(!e)return null;const z=typeof t=="string"?`popup-heading-${R}`:void 0,Y=W=>W?typeof W=="string"?n.jsx("h2",{id:z,className:I.mergeClasses(ql,o),children:n.jsx(F.Tooltip,{tooltip:W,triggerClassName:"truncate",children:W})}):W:n.jsx("span",{}),J=T?null:n.jsx(F.CloseButton,{ariaLabel:P,onClose:W=>g?.(W)}),oe=(W,re=[])=>re.map(({variant:fe=w.ButtonVariant.Neutral,...ue},ae)=>n.jsx(Je,{variant:fe,...ue},`${W}-${ae}`)),ee=()=>{if(d!==void 0)return d;if(!y?.length&&!C?.length)return null;const W=oe("additional",C);return n.jsxs("div",{className:I.mergeClasses(Yl,S&&Xl,f),children:[N&&W.length>0&&n.jsx("div",{className:Ht,children:W}),n.jsxs("div",{className:I.mergeClasses(Ht,"ml-auto"),children:[!N&&W,oe("main",y)]})]})};return n.jsx(ce.FloatingPortal,{id:s,children:n.jsx(ce.FloatingOverlay,{className:I.mergeClasses(Ul,_,i),children:n.jsx(ce.FloatingFocusManager,{context:U,initialFocus:E?j:$.floating,children:n.jsxs("div",{ref:$.setFloating,...k(),role:"dialog","aria-modal":"true","aria-labelledby":z,"aria-label":z?void 0:r,className:I.mergeClasses(Kl,Ql[D],a),children:[E&&n.jsx("div",{ref:j,tabIndex:-1,"aria-hidden":!0,className:"absolute size-px -m-px overflow-hidden opacity-0 pointer-events-none"}),n.jsxs("div",{className:I.mergeClasses(Wl,b&&Zl,l),children:[p&&n.jsx(F.GhostIconButton,{"aria-label":m,size:w.ElementSize.Small,className:"mr-2",onClick:p,icon:n.jsx(H.IconChevronLeft,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"})}),Y(t),v?n.jsxs("div",{className:Ht,children:[v,J]}):J]}),n.jsx("div",{className:I.mergeClasses("grow overflow-auto",c),children:u}),ee()]})})})})},Jl="flex justify-end gap-2 px-6 py-4 border-t border-tertiary",ec="text-secondary dial-small-paragraph-text px-6 pb-4",tc="px-6 py-4 h-[120px]",rc="Cancel",nc="Ok",Vt={[x.ConfirmationPopupVariant.Info]:{confirm:{variant:w.ButtonVariant.Primary,appearance:w.ButtonAppearance.Solid}},[x.ConfirmationPopupVariant.Danger]:{container:"border-t-4 border-error",confirm:{variant:w.ButtonVariant.Danger,appearance:w.ButtonAppearance.Solid}}},sc=({header:e,description:t,descriptionClassName:r,open:s=!1,confirmLabel:a=nc,cancelLabel:i=rc,isLoading:o=!1,disableConfirmButton:l=!1,className:c,confirmClassName:u,onClose:d,onConfirm:f,onCancel:g,children:p,variant:m=x.ConfirmationPopupVariant.Info,size:v=x.PopupSize.Sm,footer:b,hideClose:y,...C})=>{const N=o?null:n.jsxs("div",{className:Jl,children:[n.jsx(fr,{label:i,onClick:()=>g?g():d?.()}),n.jsx(Je,{variant:Vt[m].confirm.variant,appearance:Vt[m].confirm.appearance,className:u,label:a,disabled:l,onClick:f})]}),S=h.useCallback(()=>o?n.jsx("div",{className:tc,children:n.jsx(x.Spinner,{size:40})}):p??(t?n.jsx("div",{className:I.mergeClasses(ec,r),children:t}):null),[p,t,o,r]);return n.jsx(pr,{...C,open:s,header:e,className:I.mergeClasses(Vt[m].container,c),onClose:()=>d?.(),footer:b??N,size:v,hideClose:y??(!o&&b===void 0),children:S()})},ac=({title:e,description:t,children:r,expanded:s,defaultExpanded:a=!1,disabled:i,nonCollapsible:o,ariaLabel:l,onToggle:c,className:u,headerClassName:d,contentClassName:f})=>{const g=s!==void 0,[p,m]=h.useState(a),v=o?!0:g?s:p,b=h.useId(),y=`accordion-header-${b}`,C=`accordion-content-${b}`,N=()=>{if(i)return;const D=!v;g||m(D),c?.(D)},S=n.jsxs(n.Fragment,{children:[n.jsxs("span",{className:"flex min-w-0 flex-col",children:[n.jsx("span",{className:"truncate dial-body-text text-primary",children:e}),t?n.jsx("span",{className:"truncate dial-tiny-text text-secondary",children:t}):null]}),!o&&n.jsx(H.IconChevronRight,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:I.mergeClasses("shrink-0 text-secondary transition-transform motion-reduce:transition-none",v&&"rotate-90")})]});return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-3 py-3 overflow-hidden bg-transparent ",u),children:[o?n.jsx("div",{id:y,className:I.mergeClasses("flex w-full px-4 rounded-xl items-center justify-between dial-tiny-text",d),children:S}):n.jsx("button",{id:y,type:"button","aria-expanded":v,"aria-controls":v?C:void 0,"aria-label":w.resolveAccessibleName(l),disabled:i,onClick:N,className:I.mergeClasses("flex w-full px-4 rounded-xl items-center justify-between dial-tiny-text",i?"cursor-not-allowed opacity-75":"cursor-pointer hover:bg-control-accent-alpha-hover focus-visible:outline focus-visible:outline-focus",d),children:S}),v&&n.jsx("div",{id:C,role:"region","aria-labelledby":y,className:I.mergeClasses("px-4 dial-small-text text-primary",f),children:r})]})},ic=({id:e,labelProps:t,isOn:r=!1,disabled:s,onChange:a,caption:i,className:o,...l})=>{const c=h.useId(),u=e??c,d=i?`${u}-caption`:void 0,f=h.useCallback(g=>{a?.(g.target.checked)},[a]);return n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsxs("div",{className:I.mergeClasses("flex items-center gap-2",o),children:[n.jsx("input",{...l,type:"checkbox",role:"switch",id:u,checked:r,"aria-checked":r,disabled:s,onChange:f,"aria-label":w.resolveAccessibleName(typeof t?.label!="string"?l["aria-label"]:void 0),"aria-describedby":d,className:"peer sr-only"}),n.jsx("label",{htmlFor:u,className:I.mergeClasses("flex h-[18px] w-[36px] shrink-0 items-center rounded-full p-0.5 transition-colors duration-200","peer-focus-visible:outline peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus",r?"justify-end":"justify-start",s?"cursor-not-allowed bg-control-disable-primary":I.mergeClasses("cursor-pointer",r?"bg-control-accent hover:bg-control-accent-hover":"bg-control-neutral-default hover:bg-control-neutral-hover-strong")),children:n.jsx("span",{className:I.mergeClasses("size-3.5 shrink-0 rounded-full",s?"bg-control-disable-secondary":"bg-control-neutral")})}),t&&n.jsx(F.Label,{size:w.ElementSize.Standard,...t,htmlFor:u,className:I.mergeClasses("py-[1px]",s?"cursor-not-allowed text-control-disable-primary":"cursor-pointer text-primary",t.className)})]}),i&&n.jsx("span",{id:d,className:"dial-tiny-text text-secondary ml-[44px]",children:i})]})},oc="flex flex-col gap-2",lc="flex",cc="mt-2 ml-[26px]",dc={[x.RadioGroupOrientation.Column]:"flex-col gap-y-3",[x.RadioGroupOrientation.Row]:"flex-row flex-wrap gap-x-4 gap-y-3"},$n=({items:e,value:t,onChange:r,name:s,id:a,orientation:i=x.RadioGroupOrientation.Column,labelProps:o,disabled:l,error:c,caption:u,ariaLabel:d,className:f,optionsClassName:g,radioClassName:p,contentClassName:m})=>{const v=h.useId(),b=a??v,y=`${b}-label`,C=c?`${b}-error`:void 0,N=!c&&u?`${b}-caption`:void 0,S=w.resolveAccessibleName(o?.label);return n.jsxs("div",{className:I.mergeClasses(oc,f),children:[o&&n.jsx(F.Label,{...o,id:y}),n.jsx("div",{role:"radiogroup","aria-labelledby":S?y:void 0,"aria-label":S?void 0:w.resolveAccessibleName(d),"aria-describedby":[C,N].filter(Boolean).join(" ")||void 0,"aria-disabled":l||void 0,className:I.mergeClasses(lc,dc[i],g),children:e.map(D=>{const T=D.value===t;return n.jsxs("div",{className:"flex min-w-0 flex-col",children:[n.jsx(F.Radio,{id:`${b}-${D.value}`,name:s??b,value:D.value,labelProps:D.label==null?void 0:{label:D.label},"aria-label":D["aria-label"],caption:D.caption,isSelected:T,disabled:l||D.disabled,onChange:r,className:p}),T&&D.content?n.jsx("div",{className:I.mergeClasses(cc,m),children:D.content}):null]},D.value)})}),n.jsx(Le,{id:C,text:c}),!c&&n.jsx(Pe,{id:N,text:u})]})},uc="dial-kit-input flex flex-row items-center justify-between gap-x-2 px-3 text-left",fc="min-w-0 flex-1 truncate text-primary",pc="min-w-0 flex-1 truncate text-secondary",gc="shrink-0 text-secondary",hc="px-6 pb-4",mc="flex justify-end gap-2 px-6 py-4 border-t border-tertiary",xc="Cancel",bc="Apply",yc=({items:e,value:t,customValue:r,header:s,onApply:a,id:i,labelProps:o,placeholder:l,selectedValue:c,onSelectionChange:u,onCancel:d,onClose:f,isValid:g=!0,applyButtonLabel:p=bc,cancelButtonLabel:m=xc,size:v=x.PopupSize.Md,portalId:b,disabled:y,invalid:C,error:N,caption:S,ariaLabel:D,className:T,fieldClassName:P})=>{const O=h.useId(),E=i??O,_=`${E}-label`,j=`${E}-value`,R=N?`${E}-error`:void 0,$=!N&&S?`${E}-caption`:void 0,[U,te]=h.useState(!1),B=c!==void 0,[k,z]=h.useState(t),Y=B?c:k,J=h.useCallback(()=>{y||(B||z(t),te(!0))},[y,B,t]),oe=h.useCallback(()=>{te(!1),f?.()},[f]),ee=h.useCallback(()=>{d?.(),oe()},[d,oe]),W=h.useCallback(()=>{a(Y),oe()},[a,Y,oe]),re=h.useCallback(G=>{B||z(G),u?.(G)},[B,u]),fe=w.resolveAccessibleName(o?.label),ue=fe?void 0:w.resolveAccessibleName(D),ae=fe?_:ue&&`${E}-name`,de=w.resolveAccessibleName(s),pe=e.find(G=>G.value===t)?.label,me=r??pe;return n.jsxs("div",{className:I.mergeClasses("flex w-full flex-col gap-2",T),children:[o&&n.jsx(F.Label,{...o,id:_,htmlFor:E}),n.jsxs("div",{className:"flex flex-col gap-1",children:[ue&&n.jsx("span",{id:ae,className:"sr-only",children:ue}),n.jsxs("button",{type:"button",id:E,disabled:y,"aria-haspopup":"dialog","aria-expanded":U,"aria-labelledby":ae?`${ae} ${j}`:void 0,"aria-describedby":[R,$].filter(Boolean).join(" ")||void 0,onClick:J,className:I.mergeClasses(uc,C&&"dial-kit-input-error",y&&"dial-kit-input-disable",P),children:[n.jsx("span",{id:j,className:me==null?pc:fc,children:me??l}),n.jsx(H.IconMaximize,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:gc})]}),n.jsx(Le,{id:R,text:N}),!N&&n.jsx(Pe,{id:$,text:S})]}),n.jsx(pr,{open:U,header:s,ariaLabel:de?void 0:fe,portalId:b,size:v,onClose:ee,footer:n.jsxs("div",{className:mc,children:[n.jsx(fr,{label:m,onClick:ee}),n.jsx(Rn,{label:p,disabled:!g,onClick:W})]}),children:n.jsx("div",{className:hc,children:n.jsx($n,{id:`${E}-options`,items:e,value:Y,onChange:re,orientation:x.RadioGroupOrientation.Column,ariaLabel:fe??de})})})]})},vc=({icon:e,selectedIcon:t,isSelected:r=!1,onToggle:s,onClick:a,tooltipProps:i,size:o=w.ElementSize.Small,className:l,...c})=>{const u=h.useCallback(f=>{a?.(f),s?.(!r)},[a,s,r]),d=n.jsx(F.IconButton,{...c,size:o,variant:w.ButtonVariant.Primary,appearance:w.ButtonAppearance.Ghost,icon:r?t??e:e,"aria-pressed":r,"aria-label":w.resolveAccessibleName(c["aria-label"],i?.tooltip),onClick:u,className:I.mergeClasses("!rounded","[&_svg]:size-4",r&&"!text-accent",l)});return i?n.jsx(F.Tooltip,{asChild:!0,...i,children:d}):d},Dc=["ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Home","End"],Cc="inline-flex w-fit items-center gap-1 rounded-full border border-tertiary bg-layer-sunken p-[3px]",Nc="flex h-8 min-w-8 flex-1 shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-full px-4 dial-small-text transition-colors duration-200 outline-offset-0 focus-visible:outline focus-visible:outline-focus",Ic="bg-layer-raised text-accent shadow-xs",Sc="bg-transparent text-secondary",jc="cursor-pointer hover:bg-control-accent-alpha-hover active:bg-control-accent-alpha-active",Tc="cursor-pointer hover:bg-control-accent-alpha-hover hover:text-accent active:bg-control-accent-alpha-active",wc="cursor-not-allowed bg-control-disable-primary text-control-disable-primary shadow-none",Ec="cursor-not-allowed bg-transparent text-control-disable-primary",Oc=({items:e,value:t,onChange:r,disabled:s,className:a,segmentClassName:i,"aria-label":o})=>{const l=h.useRef({}),c=e.find(f=>f.value===t),u=c&&!c.disabled?c.value:e.find(f=>!f.disabled)?.value,d=h.useCallback(f=>{if(s||!Dc.includes(f.key))return;const g=e.filter(y=>!y.disabled);if(g.length===0)return;const p=Math.max(g.findIndex(y=>y.value===t),0),m=g.length-1;let v=p;switch(f.key){case"ArrowRight":case"ArrowDown":v=p===m?0:p+1;break;case"ArrowLeft":case"ArrowUp":v=p===0?m:p-1;break;case"Home":v=0;break;case"End":v=m;break}f.preventDefault();const b=g[v];l.current[b.value]?.focus(),b.value!==t&&r(b.value)},[s,e,t,r]);return n.jsx("div",{role:"radiogroup","aria-label":o,"aria-disabled":s||void 0,onKeyDown:d,className:I.mergeClasses(Cc,a),children:e.map(f=>{const g=f.value===t,p=s||f.disabled;return n.jsxs("button",{ref:m=>{l.current[f.value]=m},type:"button",role:"radio","aria-checked":g,"aria-label":w.resolveAccessibleName(f["aria-label"],typeof f.label=="string"?f.label:void 0),tabIndex:f.value===u?0:-1,disabled:p,onClick:()=>r(f.value),className:I.mergeClasses(Nc,g?Ic:Sc,p?g?wc:Ec:g?jc:Tc,i),children:[f.icon,f.label]},f.value)})})},Ac=["ArrowRight","ArrowLeft","Home","End"],_c=({tabs:e,activeTabId:t,onTabChange:r,ariaLabel:s,className:a,tabClassName:i})=>{const o=h.useRef({}),l=e.find(d=>d.id===t),c=l&&!l.disabled?l.id:e.find(d=>!d.disabled)?.id,u=h.useCallback(d=>{if(!Ac.includes(d.key)||e.length===0)return;const f=e.filter(b=>!b.disabled);if(f.length===0)return;const g=Math.max(f.findIndex(b=>b.id===t),0),p=f.length-1;let m=g;switch(d.key){case"ArrowRight":m=g===p?0:g+1;break;case"ArrowLeft":m=g===0?p:g-1;break;case"Home":m=0;break;case"End":m=p;break}d.preventDefault();const v=f[m];o.current[v.id]?.focus(),v.id!==t&&r(v.id)},[e,t,r]);return n.jsx("div",{role:"tablist","aria-label":s,onKeyDown:u,className:I.mergeClasses("flex justify-start gap-1",a),children:e.map(d=>{const f=t===d.id,g=!!d.disabled;return n.jsxs("button",{ref:p=>{o.current[d.id]=p},type:"button",role:"tab","aria-selected":f,disabled:g,tabIndex:d.id===c?0:-1,onClick:()=>r(d.id),className:I.mergeClasses("dial-small-paragraph-semi-text dial-kit-enhanced-target","border-b-2 border-transparent flex items-center gap-2 px-3 py-2 text-start","transition-colors motion-reduce:transition-none","focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-focus",g&&"cursor-not-allowed border-control-disable-primary text-control-disable-primary",!g&&(f?"dial-kit-tab-selected-underline text-primary":"border-transparent text-secondary"),i),children:[n.jsx("span",{children:d.label}),d.count!=null&&n.jsx("span",{className:I.mergeClasses("dial-tiny-semi-text rounded-full px-1.5 py-0.5",g&&"bg-layer-sunken text-control-disable-primary",!g&&(f?"bg-control-accent-alpha text-accent":"bg-layer-sunken text-secondary")),children:d.count})]},d.id)})})},Qt=(e,t)=>{const r=(t??"").split(",").map(i=>i.trim().toLowerCase()).filter(Boolean);if(r.length===0)return!0;const s=e.name.toLowerCase(),a=e.type.toLowerCase();return r.some(i=>{if(i.startsWith("."))return s.endsWith(i);if(i.endsWith("/*")){const o=i.slice(0,-1);return a.length>o.length&&a.startsWith(o)}return a===i})},Rc=({labelProps:e,label:t,description:r,onChange:s,onReject:a,accept:i,multiple:o=!1,disabled:l=!1,errorText:c,icon:u,id:d,ariaLabel:f,className:g})=>{const p=h.useId(),m=d??`file-dropzone-${p}`,v=c?`${m}-error`:void 0,[b,y]=h.useState(!1),C=h.useRef(0),N=h.useCallback(_=>{if(_.length===0)return;const j=o?_:_.slice(0,1),R=j.filter(U=>Qt(U,i)),$=j.filter(U=>!Qt(U,i));$.length>0&&a?.($),R.length>0&&s(R)},[i,o,s,a]),S=h.useCallback(_=>{N(Array.from(_.target.files??[])),_.target.value=""},[N]),D=h.useCallback(()=>{C.current=0,y(!1)},[]),T=h.useCallback(_=>{l||(_.preventDefault(),C.current+=1,y(!0))},[l]),P=h.useCallback(_=>{l||(_.preventDefault(),_.dataTransfer.dropEffect="copy")},[l]),O=h.useCallback(()=>{l||(C.current-=1,C.current<=0&&D())},[l,D]),E=h.useCallback(_=>{_.preventDefault(),!l&&(D(),N(Array.from(_.dataTransfer?.files??[])))},[l,D,N]);return n.jsxs("div",{className:"flex flex-col gap-1",children:[e&&n.jsx(F.Label,{...e,htmlFor:m}),n.jsx("input",{id:m,type:"file",accept:i,multiple:o,disabled:l,onChange:S,"aria-label":w.resolveAccessibleName(typeof t!="string"?f:void 0),"aria-describedby":v,"aria-invalid":c?!0:void 0,className:"peer sr-only"}),n.jsxs("label",{htmlFor:m,onDragEnter:T,onDragOver:P,onDragLeave:O,onDrop:E,className:I.mergeClasses("flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-10 text-center","transition-colors motion-reduce:transition-none","peer-focus-visible:outline peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus",l?"cursor-not-allowed border-secondary bg-layer-sunken":"cursor-pointer bg-layer-base",!l&&b&&"border-accent bg-control-accent-alpha",!l&&!b&&"border-secondary hover:border-accent",c&&!b&&"border-error hover:border-error",g),children:[u??n.jsx(H.IconUpload,{size:V.DIAL_ICON_SIZE.LG,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:l?"text-control-disable-primary":"text-secondary"}),n.jsxs("span",{className:"flex flex-col gap-1",children:[n.jsx("span",{className:I.mergeClasses("dial-small-text",l?"text-control-disable-primary":"text-primary"),children:t}),r&&n.jsx("span",{className:I.mergeClasses("dial-tiny-text",l?"text-control-disable-primary":"text-secondary"),children:r})]})]}),n.jsx(Le,{id:v,text:c})]})},kc=({availableWidth:e,tagWidths:t,overflowChipWidth:r,gap:s})=>{if(e<=0)return t.length;let a=0,i=0;for(const o of t){const l=o+s;if(a+l>e)break;a+=l,i++}if(i===t.length)return i;for(;i>0&&a+r>e;)i--,a-=t[i]+s;return i},Pc=4,Lc=24,Gr=e=>parseFloat(e)||0,Mc=e=>{let t=e.length;for(;t>0&&e[t-1]===",";)t--;return e.slice(0,t)},Fc=()=>{},Bc=({id:e,value:t,defaultValue:r,size:s=w.ElementSize.Standard,labelProps:a,placeholder:i,caption:o,error:l,invalid:c,disabled:u=!1,readOnly:d=!1,collapseTagOverflow:f=!1,ariaLabel:g,tagListLabel:p="Tags",className:m,fieldClassName:v,tagClassName:b,onChange:y})=>{const C=h.useId(),N=e||C,S=s===w.ElementSize.Small,D=h.useRef(null),T=h.useRef([]),P=h.useRef(null),O=t!==void 0,[E,_]=h.useState(r??[]),j=O?t:E,R=j.length,[$,U]=h.useState(""),[te,B]=h.useState(R),k=!d&&!u,z=h.useCallback(G=>{O||_(G),y?.(G)},[O,y]),Y=h.useCallback(G=>Z=>{T.current[G]=Z},[]),J=h.useCallback(()=>{const G=D.current;if(!G||G.clientWidth===0){B(j.length);return}const{paddingLeft:Z,paddingRight:Se}=getComputedStyle(G);B(kc({availableWidth:G.clientWidth-Gr(Z)-Gr(Se)-(d?0:Lc),tagWidths:j.map((et,xe)=>T.current[xe]?.offsetWidth??0),overflowChipWidth:P.current?.offsetWidth??0,gap:Pc}))},[d,j]);h.useEffect(()=>{if(!f){B(R);return}const G=D.current;if(!G)return;const Z=new ResizeObserver(()=>J());return Z.observe(G),J(),()=>Z.disconnect()},[f,J,R]);const oe=I.mergeClasses(f?"shrink-0":"min-w-0",b),ee=G=>{const Z=Mc(G.trim()).trim();!Z||j.includes(Z)||z([...j,Z])},W=G=>{z(j.filter(Z=>Z!==G))},re=()=>{ee($),U("")},fe=G=>{if(k){if(G.key==="Enter"||G.key===","){G.preventDefault(),re();return}G.key==="Backspace"&&!$&&R>0&&(G.preventDefault(),z(j.slice(0,-1)))}},ue=()=>{k&&$.trim()&&re()},ae=f?j.slice(0,te):j,de=f?j.slice(te):[],pe=de.join(", "),me=R>0&&n.jsxs("span",{role:"list","aria-label":p,className:I.mergeClasses("relative flex min-w-0 items-center gap-1",f?"flex-nowrap":"flex-wrap"),children:[ae.map(G=>n.jsx(qe,{role:"listitem",label:G,className:oe,disabled:u,closable:k,onRemove:k?()=>W(G):void 0},G)),de.length>0&&n.jsx(qe,{role:"listitem",label:`+${de.length}`,"aria-label":pe,title:pe,className:I.mergeClasses("shrink-0",b),disabled:u}),f&&n.jsxs("span",{"aria-hidden":"true",className:"pointer-events-none invisible absolute left-0 top-0 h-0 overflow-hidden whitespace-nowrap",children:[j.map((G,Z)=>n.jsx("span",{ref:Y(Z),className:"inline-flex",children:n.jsx(qe,{label:G,className:b,disabled:u,closable:k,onRemove:k?Fc:void 0})},G)),n.jsx("span",{ref:P,className:"inline-flex",children:n.jsx(qe,{label:`+${R}`,className:b})})]})]});return n.jsx($e,{id:N,size:s,labelProps:a,caption:o,error:l,invalid:c,disabled:u,readOnly:d,value:$,placeholder:R>0?void 0:i,"aria-label":g,wrapperRef:D,onChange:G=>U(G??""),onKeyDown:fe,onBlur:ue,containerClassName:I.mergeClasses("w-full",m),wrapperClassName:I.mergeClasses(R>0&&["!h-auto",S?"min-h-[24px] py-0.5":"min-h-[40px] py-1.5",f?"flex-nowrap overflow-hidden":"flex-wrap"],v),className:I.mergeClasses("w-auto flex-1",f?"min-w-[24px]":"min-w-[100px]",d&&"cursor-default"),children:me})},zc={[w.ElementSize.Small]:V.DIAL_ICON_SIZE.SM,[w.ElementSize.Standard]:V.DIAL_ICON_SIZE.MD,[w.ElementSize.Large]:V.DIAL_ICON_SIZE.MD},$c=({size:e=w.ElementSize.Standard,placeholder:t="Search...",withoutBorder:r=!1,clearLabel:s="Clear search",disabled:a,value:i,onChange:o,wrapperClassName:l,inputRef:c,...u})=>{const d=h.useRef(null),f=ce.useMergeRefs([c,d]),g=!!i&&!a,p=h.useCallback(()=>{o?.(void 0),d.current?.focus()},[o]);return n.jsx($e,{...u,size:e,value:i,disabled:a,onChange:o,placeholder:t,inputRef:f,wrapperClassName:I.mergeClasses(r&&"dial-kit-input-borderless",l),iconBefore:n.jsx(H.IconSearch,{size:zc[e],stroke:ne.DIAL_KIT_ICON_STROKE,className:"text-secondary","aria-hidden":"true"}),iconAfter:g?n.jsx(F.GhostIconButton,{size:w.ElementSize.Small,"aria-label":s,icon:n.jsx(H.IconX,{size:V.DIAL_ICON_SIZE.SM,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}),onClick:p}):void 0})},Hc=16,Vc=e=>(e.toString().split(".")[1]??"").length,Gc=({id:e,value:t,min:r=0,max:s=1,step:a=.1,disabled:i,labelProps:o,labels:l,formatValue:c,showValue:u=!1,caption:d,error:f,onChange:g,containerClassName:p,trackClassName:m,fillClassName:v,className:b,...y})=>{const C=h.useId(),N=e??C,S=d&&!f?`${N}-caption`:void 0,D=f?`${N}-error`:void 0,T=s-r,P=T>0?Math.min(100,Math.max(0,(t-r)/T*100)):0,O=`calc(${P}% + ${(.5-P/100)*Hc}px)`,E=c?c(t):t.toFixed(Vc(a)),_=h.useCallback(j=>{g?.(Number(j.target.value))},[g]);return n.jsxs("div",{className:I.mergeClasses("flex flex-col gap-2",p),children:[(o||u)&&n.jsxs("div",{className:"flex items-center gap-2",children:[o&&n.jsx(F.Label,{...o,htmlFor:N}),u&&n.jsx("span",{"aria-hidden":"true",className:I.mergeClasses("dial-small-text ml-auto",i?"text-control-disable-primary":"text-primary"),children:E})]}),n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsxs("div",{className:"relative flex h-6 items-center",children:[n.jsx("div",{className:I.mergeClasses("pointer-events-none absolute inset-x-0 h-1 rounded-full",i?"bg-control-disable-primary":"bg-control-neutral-active",m)}),n.jsx("div",{className:I.mergeClasses("pointer-events-none absolute left-0 h-1 rounded-full",i?"bg-control-disable-secondary":"bg-control-accent",v),style:{width:O}}),n.jsx("input",{...y,type:"range",id:N,value:t,min:r,max:s,step:a,disabled:i,onChange:_,"aria-label":w.resolveAccessibleName(typeof o?.label!="string"?y["aria-label"]:void 0),"aria-valuetext":c?E:void 0,"aria-describedby":D??S,className:I.mergeClasses("dial-kit-slider absolute inset-0 h-full w-full",b)})]}),l&&n.jsx("div",{className:"dial-tiny-text flex text-secondary",children:l.length===3?n.jsxs(n.Fragment,{children:[n.jsx("span",{children:l[0]}),n.jsx("span",{className:"flex-1 text-center",children:l[1]}),n.jsx("span",{children:l[2]})]}):n.jsxs(n.Fragment,{children:[n.jsx("span",{children:l[0]}),n.jsx("span",{className:"ml-auto",children:l[1]})]})}),n.jsx(Le,{id:D,text:f}),!f&&n.jsx(Pe,{id:S,text:d})]})]})},Uc=48,Kc=({children:e,title:t,width:r=280,collapsedWidth:s=Uc,isOpened:a,defaultOpened:i=!0,onToggle:o,additionalButtons:l,ariaLabel:c="Sidebar",collapseLabel:u="Collapse sidebar",expandLabel:d="Expand sidebar",className:f,titleClassName:g,contentClassName:p,footerClassName:m})=>{const v=a!==void 0,[b,y]=h.useState(i),C=v?a:b,N=`collapsible-sidebar-content-${h.useId()}`,S=C?u:d,D=T=>{const P=!C;v||y(P),o?.(P,T)};return n.jsxs("aside",{"aria-label":c,style:{width:`${C?r:s}px`},className:I.mergeClasses("flex flex-col justify-between",f),children:[n.jsx("div",{id:N,hidden:!C,className:I.mergeClasses("min-h-0 flex-1 overflow-auto p-4",p),children:e}),n.jsx("div",{hidden:C,className:I.mergeClasses("rotate-180 px-3 py-4 [writing-mode:tb-rl] dial-small-text text-primary",g),children:t}),n.jsxs("div",{className:I.mergeClasses("flex h-12 shrink-0 flex-row items-center gap-2 border-t border-tertiary py-1",C?"justify-end px-2":"justify-center",m),children:[C&&l,n.jsx(F.IconButton,{variant:w.ButtonVariant.Primary,appearance:w.ButtonAppearance.Ghost,size:w.ElementSize.Standard,onClick:D,"aria-label":S,"aria-expanded":C,"aria-controls":N,tooltipProps:{tooltip:S},icon:C?n.jsx(H.IconChevronsLeft,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"}):n.jsx(H.IconChevronsRight,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true"})})]})]})},Wc=({side:e,isResizing:t,width:r,minWidth:s,maxWidth:a,step:i,ariaLabel:o,onWidthChange:l,customHandler:c,handlerClassName:u})=>{const d=e===x.ResizableContainerSide.Left,f=d?H.IconChevronLeft:H.IconChevronRight,g=p=>{let m;switch(p.key){case"ArrowLeft":m=r+(d?i:-i);break;case"ArrowRight":m=r+(d?-i:i);break;case"Home":m=s;break;case"End":m=a;break;default:return}p.preventDefault(),l(m)};return n.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":o,"aria-valuenow":r,"aria-valuemin":s,"aria-valuemax":a,tabIndex:0,onKeyDown:g,className:I.mergeClasses("relative h-full w-0.5 cursor-col-resize bg-control-accent text-accent","opacity-0 transition-opacity motion-reduce:transition-none","group-hover:opacity-100 focus-visible:opacity-100","focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-focus",t&&"opacity-100",u),children:c??n.jsx(f,{size:V.DIAL_ICON_SIZE.MD,stroke:ne.DIAL_KIT_ICON_STROKE,"aria-hidden":"true",className:I.mergeClasses("pointer-events-none absolute top-1/2 -translate-y-1/2",d?"right-full":"left-full")})})},qc=16,Hn=({children:e,minWidth:t,maxWidth:r,width:s,defaultWidth:a,onResizeStop:i,onResize:o,side:l=x.ResizableContainerSide.Right,keyboardStep:c=qc,ariaLabel:u="Resize panel",className:d,resizeHandlerClassName:f,resizeHandler:g})=>{const[p,m]=h.useState(!1),[v,b]=h.useState(a??t),y=s!==void 0,C=y?s:v,N=h.useRef(null),S=h.useCallback(()=>{m(!0)},[]),D=h.useCallback(()=>{m(!1);const O=N.current?.resizable?.getBoundingClientRect(),E=O?Math.round(O.width):t;y||b(E),i?.(E)},[i,y,t]),T=h.useCallback(O=>{const E=Math.min(r,Math.max(t,O));E!==C&&(y||(b(E),N.current?.updateSize({width:E,height:"100%"})),o?.(E),i?.(E))},[r,t,C,y,o,i]),P=h.useMemo(()=>{const O=l===x.ResizableContainerSide.Left,E=n.jsx(Wc,{side:l,isResizing:p,width:C,minWidth:t,maxWidth:r,step:c,ariaLabel:u,onWidthChange:T,customHandler:g,handlerClassName:f});return{size:y?{width:C,height:"100%"}:void 0,defaultSize:y?void 0:{width:C,height:"100%"},minWidth:t,maxWidth:r,enable:{left:O,right:!O},handleClasses:{right:"group",left:"group"},handleStyles:{right:{right:"-8px",zIndex:10},left:{left:0,zIndex:10}},handleComponent:{left:O?E:void 0,right:O?void 0:E},onResizeStart:S,onResize:(_,j,R)=>{o?.(Math.round(R.offsetWidth))},onResizeStop:D}},[l,y,C,t,r,c,u,T,g,f,p,S,D,o]);return n.jsx(x.Resizable,{ref:N,...P,children:n.jsx("div",{className:I.mergeClasses("group flex size-full flex-col bg-layer-raised transition-all motion-reduce:transition-none",d),children:e})})},Zc=({enabled:e=!0,children:t,...r})=>e?n.jsx(Hn,{...r,children:t}):t,Yc=()=>Promise.resolve().then(()=>require("./JsonEditor-pdzI3xkJ.cjs")),Xc=()=>Promise.resolve().then(()=>require("./MarkdownEditor-Dea4eQpw.cjs")),Qc=()=>Promise.resolve().then(()=>require("./MarkdownEditor-CNEY8i7O.cjs"));exports.ConfirmationPopupVariant=x.ConfirmationPopupVariant;exports.DialBreadcrumb=x.DialBreadcrumb;exports.DialBreadcrumbItem=x.DialBreadcrumbItem;exports.DialButton=x.DialButton;exports.DialButtonDropdown=x.DialButtonDropdown;exports.DialCaptionText=x.DialCaptionText;exports.DialCollapsibleSidebar=x.DialCollapsibleSidebar;exports.DialConditionalResizableContainer=x.DialConditionalResizableContainer;exports.DialConfirmationPopup=x.DialConfirmationPopup;exports.DialDangerButton=x.DialDangerButton;exports.DialDestinationFolderPopup=x.DialDestinationFolderPopup;exports.DialErrorText=x.DialErrorText;exports.DialFileIcon=x.DialFileIcon;exports.DialFileManager=x.DialFileManager;exports.DialFileManagerActions=x.DialFileManagerActions;exports.DialFileManagerTabs=x.DialFileManagerTabs;exports.DialFileName=x.DialFileName;exports.DialFileNodeType=x.DialFileNodeType;exports.DialFilePermission=x.DialFilePermission;exports.DialFileResourceType=x.DialFileResourceType;exports.DialFolderName=x.DialFolderName;exports.DialFoldersTree=x.DialFoldersTree;exports.DialFormItem=x.DialFormItem;exports.DialGhostButton=x.DialGhostButton;exports.DialInput=x.DialInput;exports.DialItemType=x.DialItemType;exports.DialLinkButton=x.DialLinkButton;exports.DialLoader=x.DialLoader;exports.DialNeutralButton=x.DialNeutralButton;exports.DialNotification=x.DialNotification;exports.DialPopup=x.DialPopup;exports.DialPrimaryButton=x.DialPrimaryButton;exports.DialRadioGroup=x.DialRadioGroup;exports.DialResizableContainer=x.DialResizableContainer;exports.DialSearch=x.DialSearch;exports.DialSharedEntityIndicator=x.DialSharedEntityIndicator;exports.DialTabs=x.DialTabs;exports.EDITABLE_CONTAINER_ATTRIBUTE=x.EDITABLE_CONTAINER_ATTRIBUTE;exports.FileManagerColumnKey=x.FileManagerColumnKey;exports.FileManagerProvider=x.FileManagerProvider;exports.FlexibleActionsDirection=x.FlexibleActionsDirection;exports.FormItemOrientation=x.FormItemOrientation;exports.NAME_COLUMN=x.NAME_COLUMN;exports.NOT_ALLOWED_SPACES=x.NOT_ALLOWED_SPACES;exports.NOT_ALLOWED_SPACES_REGEXP=x.NOT_ALLOWED_SPACES_REGEXP;exports.NOT_ALLOWED_SYMBOLS=x.NOT_ALLOWED_SYMBOLS;exports.NOT_ALLOWED_SYMBOLS_REGEXP=x.NOT_ALLOWED_SYMBOLS_REGEXP;exports.NotificationType=x.NotificationType;exports.NotificationVariant=x.NotificationVariant;exports.PopupSize=x.PopupSize;exports.RadioGroupOrientation=x.RadioGroupOrientation;exports.ResizableContainerSide=x.ResizableContainerSide;exports.SIZE_COLUMN=x.SIZE_COLUMN;exports.ScreenResolution=x.ScreenResolution;exports.Skeleton=x.Skeleton;exports.SkeletonAvatarShape=x.SkeletonAvatarShape;exports.SkeletonAvatarSize=x.SkeletonAvatarSize;exports.SkeletonVariant=x.SkeletonVariant;exports.Spinner=x.Spinner;exports.TabOrientation=x.TabOrientation;exports.TabView=x.TabView;exports.UPDATED_AT_COLUMN=x.UPDATED_AT_COLUMN;exports.editableContainerProps=x.editableContainerProps;exports.useDialFileManagerTabs=x.useDialFileManagerTabs;exports.useEditableItem=x.useEditableItem;exports.useFileManagerContext=x.useFileManagerContext;exports.DialLabel=Re.DialLabel;exports.DialSwitch=Re.DialSwitch;exports.DEFAULT_GRID_DATE_FORMAT_OPTIONS=L.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_GRID_DATE_LOCALE=L.DEFAULT_LOCALE;exports.DialCloseButton=L.DialCloseButton;exports.DialDangerIconButton=L.DialDangerIconButton;exports.DialDateCellRenderer=L.DialDateCellRenderer;exports.DialDropdown=L.DialDropdown;exports.DialEllipsisTooltip=L.DialEllipsisTooltip;exports.DialGhostIconButton=L.DialGhostIconButton;exports.DialGrid=L.DialGrid;exports.DialIcon=L.DialIcon;exports.DialNeutralIconButton=L.DialNeutralIconButton;exports.DialNoDataContent=L.DialNoDataContent;exports.DialPrimaryIconButton=L.DialPrimaryIconButton;exports.DialRadioButton=L.DialRadioButton;exports.DialSecondaryIconButton=L.DialSecondaryIconButton;exports.DialSuccessIconButton=L.DialSuccessIconButton;exports.DialTertiaryIconButton=L.DialTertiaryIconButton;exports.DropdownItemType=L.DropdownItemType;exports.DropdownTrigger=L.DropdownTrigger;exports.DropdownType=L.DropdownType;exports.GridSelectionMode=L.GridSelectionMode;exports.ThemeScope=L.ThemeScope;exports.baseColumnComparator=L.baseColumnComparator;exports.checkColDefsChanges=L.checkColDefsChanges;exports.convertGridDateToDate=L.convertToDate;exports.convertToDate=L.convertToDate;exports.useThemeScope=L.useThemeScope;exports.BASE_ICON_PROPS=V.BASE_ICON_PROPS;exports.BASE_ICON_SIZE=V.BASE_ICON_SIZE;exports.DIAL_ICON_SIZE=V.DIAL_ICON_SIZE;exports.mergeClasses=I.mergeClasses;exports.Checkbox=F.Checkbox;exports.CheckboxBox=F.CheckboxBox;exports.CloseButton=F.CloseButton;exports.DEFAULT_DATE_FORMAT_OPTIONS=F.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_DATE_LOCALE=F.DEFAULT_LOCALE;exports.DangerIconButton=F.DangerIconButton;exports.DateCellRenderer=F.DateCellRenderer;exports.Dropdown=F.Dropdown;exports.EllipsisTooltip=F.EllipsisTooltip;exports.GRID_ALIGN_RIGHT_CLASS=F.GRID_ALIGN_RIGHT_CLASS;exports.GRID_ROOT_CLASS=F.GRID_ROOT_CLASS;exports.GRID_ROW_HEIGHT=F.ROW_HEIGHT;exports.GRID_SELECTION_COLUMN_ID=F.GRID_SELECTION_COLUMN_ID;exports.GRID_THEME_PARAMS=F.GRID_THEME_PARAMS;exports.GhostIconButton=F.GhostIconButton;exports.Grid=F.Grid;exports.IconButton=F.IconButton;exports.InfoButton=F.InfoButton;exports.Label=F.Label;exports.NeutralIconButton=F.NeutralIconButton;exports.NoDataContent=F.NoDataContent;exports.PrimaryIconButton=F.PrimaryIconButton;exports.Radio=F.Radio;exports.StaticIconButton=F.StaticIconButton;exports.Tooltip=F.Tooltip;exports.TooltipContainer=F.TooltipContainer;exports.TooltipContent=F.TooltipContent;exports.TooltipPlacement=F.TooltipPlacement;exports.TooltipTrigger=F.TooltipTrigger;exports.ButtonAppearance=w.ButtonAppearance;exports.ButtonVariant=w.ButtonVariant;exports.DialIconButton=w.DialIconButton;exports.DialTooltip=w.DialTooltip;exports.DialTooltipContainer=w.DialTooltipContainer;exports.DialTooltipContent=w.DialTooltipContent;exports.DialTooltipTrigger=w.DialTooltipTrigger;exports.ElementSize=w.ElementSize;exports.EditorThemes=Ur.EditorThemes;exports.DIAL_KIT_ICON_STROKE=ne.DIAL_KIT_ICON_STROKE;exports.Accordion=ac;exports.AnalyticsCardVariant=it;exports.Button=Je;exports.ButtonDropdown=gl;exports.Calendar=il;exports.CalendarMode=ve;exports.CaptionText=Pe;exports.CardShell=_o;exports.CollapsibleSidebar=Kc;exports.ConditionalResizableContainer=Zc;exports.ConfirmationPopup=sc;exports.DEFAULT_ANALYTICS_BAR_COLOR_MAP=er;exports.DangerButton=ll;exports.DialAccordion=Kr;exports.DialAnalyticsBar=ut;exports.DialAnalyticsBarGroup=es;exports.DialAnalyticsCard=Xn;exports.DialAnalyticsErrorTag=Jt;exports.DialAnalyticsHistogram=as;exports.DialAutocompleteInputValue=ln;exports.DialCheckbox=Gt;exports.DialDraggableItem=yi;exports.DialDropdownIcon=co;exports.DialFormPopup=_i;exports.DialInputPopup=cn;exports.DialLabelledText=xs;exports.DialLoadFileArea=bn;exports.DialLoadFileAreaField=lo;exports.DialNumberInput=Zt;exports.DialPagination=us;exports.DialPasswordInput=dn;exports.DialRadioGroupPopupField=wi;exports.DialRemoveButton=St;exports.DialSchemaRenderer=So;exports.DialSegmentedControl=ji;exports.DialSelect=ke;exports.DialSelectField=Gi;exports.DialSlider=ms;exports.DialSteps=hs;exports.DialTag=Be;exports.DialTagInput=on;exports.DialTextarea=vi;exports.ErrorMessageNotification=Bo;exports.ErrorText=Le;exports.ErrorToastNotification=Ro;exports.FabButton=fl;exports.FileDropzone=Rc;exports.FolderPath=ol;exports.GeneralMessageNotification=Go;exports.GeneralToastNotification=Fo;exports.GhostButton=dl;exports.Highlight=Ao;exports.InfoMessageNotification=zo;exports.InfoToastNotification=ko;exports.InlineSelect=hl;exports.InlineSelectTrigger=kn;exports.Input=$e;exports.JsonSchemaType=Q;exports.LazyDialJsonEditor=Yc;exports.LazyDialMarkdownEditor=Xc;exports.LazyMarkdownEditor=Qc;exports.LinkButton=cl;exports.LoadingMessageNotification=Vo;exports.LoadingToastNotification=Mo;exports.MultiSelectTags=Fn;exports.NeutralButton=fr;exports.Notification=cr;exports.NumberInput=Gl;exports.OutlinedButton=ul;exports.PasswordInput=zl;exports.Popup=pr;exports.PrimaryButton=Rn;exports.ProgressBar=is;exports.RadioGroup=$n;exports.RadioGroupPopupField=yc;exports.ResizableContainer=Hn;exports.SchemaDisplayMode=ot;exports.SchemaOrientation=Tt;exports.SchemaRendererVariant=We;exports.Search=$c;exports.SegmentedControl=Oc;exports.Select=Ml;exports.SelectSize=ht;exports.SelectVariant=mt;exports.Slider=Gc;exports.StepStatus=De;exports.SuccessMessageNotification=$o;exports.SuccessToastNotification=Po;exports.Switch=ic;exports.Tabs=_c;exports.Tag=qe;exports.TagAppearance=Ze;exports.TagInput=Bc;exports.Textarea=Bl;exports.TextareaResize=zn;exports.ToggleIconButton=vc;exports.WarningMessageNotification=Ho;exports.WarningToastNotification=Lo;exports.matchesAccept=Qt;exports.wrapInRootFolder=mo;