@epam/ai-dial-ui-kit 0.3.0-rc.26 → 0.3.0-rc.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dial-ui-kit.cjs.js +1 -1
- package/dist/dial-ui-kit.es.js +730 -668
- package/dist/index.css +1 -1
- package/dist/src/components/FormPopup/FormPopup.d.ts +44 -0
- package/dist/src/components/FormPopup/constants.d.ts +3 -0
- package/dist/src/components/TextAreaField/TextAreaField.d.ts +2 -0
- package/dist/src/components/Textarea/Textarea.d.ts +4 -0
- package/dist/src/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/dial-ui-kit.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),g=require("classnames"),E=require("@tabler/icons-react"),d=require("react"),T=require("@floating-ui/react"),Ut=require("react-dom");function Xt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const ee=Xt(d),ye=({errorText:e})=>e&&s.jsx("span",{className:"text-error dial-tiny mt-1",children:e}),ge=({fieldTitle:e,htmlFor:t,optional:r,optionalText:n,cssClass:o})=>e?s.jsxs("label",{className:g("dial-tiny text-secondary",o,!o?.includes("mb")&&"mb-2"),htmlFor:t,children:[s.jsx("span",{className:"min-h-4",children:e}),r&&s.jsx("span",{className:"ml-1",children:n??"(Optional)"})]}):null,B=({icon:e,className:t})=>e?s.jsx("span",{className:g("flex-shrink-0",t),children:e}):null;var X=(e=>(e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e.Danger="danger",e))(X||{});const Kt={[X.Primary]:"dial-primary-button",[X.Secondary]:"dial-secondary-button",[X.Tertiary]:"dial-tertiary-button",[X.Danger]:"dial-danger-button"},te=({title:e,variant:t,cssClass:r,textCssClass:n,ref:o,onClick:a,disable:i,iconAfter:c,iconBefore:l,hideTitleOnMobile:u,ariaLabel:p})=>{const x=g("dial-small-semi",c?"mr-2":"",l?"ml-2":"",u?"hidden sm:inline":"inline",n),y=g(t&&Kt[t],r,"focus-visible:outline outline-offset-0");return s.jsxs("button",{ref:o,type:"button",className:y,onClick:b=>a?.(b),disabled:i,"aria-label":e||p,children:[s.jsx(B,{icon:l}),e&&s.jsx("span",{className:x,children:e}),s.jsx(B,{icon:c})]})};var pe=(e=>(e.Info="info",e.Success="success",e.Warning="warning",e.Error="error",e))(pe||{});const Yt={info:s.jsx(E.IconInfoCircle,{size:24,stroke:2}),error:s.jsx(E.IconAlertCircle,{size:24,stroke:2}),warning:s.jsx(E.IconAlertTriangle,{size:24,stroke:2}),success:s.jsx(E.IconCircleCheck,{size:24,stroke:2})},Zt={[pe.Info]:"bg-info border-info text-info",[pe.Success]:"bg-success border-success text-success",[pe.Warning]:"bg-warning border-warning text-warning",[pe.Error]:"bg-error border-error text-error"},Qt="items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex",Jt=({variant:e=pe.Info,message:t,cssClass:r,closable:n=!1,onClose:o})=>s.jsxs("div",{role:"alert",className:g(Qt,Zt[e],r),children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(B,{icon:Yt[e]}),s.jsx("div",{className:"text-primary",children:t})]}),n&&s.jsx(te,{cssClass:"ml-2 text-secondary hover:text-primary",ariaLabel:"Close alert",iconBefore:s.jsx(E.IconX,{size:16}),onClick:a=>o?.(a)})]}),er="flex items-center justify-center text-secondary",tr="shrink-0 grow-0 basis-auto animate-spin-steps",rr=e=>ee.createElement("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},ee.createElement("path",{d:"M24 39V46.5",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.4,d:"M9 24H1.5",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.5,d:"M8.0918 8.0918L13.3994 13.3994",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.6,d:"M24 1.5V9",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.7,d:"M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.8,d:"M46.5 24H39",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.9,d:"M34.6055 34.6055L39.9082 39.9082",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),ee.createElement("path",{opacity:.3,d:"M13.3936 34.6055L8.08594 39.9131",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"})),ht=({size:e=18,cssClass:t,iconClass:r,fullWidth:n=!0,ariaLabel:o="Loading"})=>s.jsx("div",{role:"status","aria-label":o,className:g({[er]:!0,"w-full h-full":n,[t||""]:!!t}),children:s.jsx(B,{icon:s.jsx(rr,{width:e,height:e,className:g(tr,r),role:"img"})})}),nr=7,sr=2,xt=d.createContext(null),bt=()=>{const e=d.useContext(xt);if(e==null)throw new Error("Tooltip components must be wrapped in <Tooltip />");return e},or=({initialOpen:e=!1,placement:t="bottom",isTriggerClickable:r=!1,open:n,onOpenChange:o}={})=>{const[a,i]=d.useState(e),c=d.useRef(null),l=n??a,u=o??i,p=T.useFloating({placement:t,open:l,onOpenChange:u,whileElementsMounted:T.autoUpdate,middleware:[T.offset(nr+sr),T.flip({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),T.shift({padding:5}),T.arrow({element:c})]}),x=T.useHover(p.context,{move:!1,enabled:n==null,mouseOnly:r,delay:{open:500,close:0}}),y=T.useFocus(p.context,{enabled:n==null}),b=T.useDismiss(p.context),k=T.useRole(p.context,{role:"tooltip"}),w=T.useInteractions([x,y,b,k]);return d.useMemo(()=>({open:l,setOpen:u,arrowRef:c,...w,...p}),[l,u,w,p])},yt=({children:e,...t})=>{const r=or(t);return s.jsx(xt.Provider,{value:r,children:e})},wt=d.forwardRef(function({style:t,...r},n){const o=bt(),a=T.useMergeRefs([o.refs.setFloating,n]);return o.open?s.jsx(T.FloatingPortal,{id:"tooltip-portal",children:s.jsxs("div",{ref:a,style:{...o.floatingStyles,...t},...o.getFloatingProps(r),className:g("z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-blackout px-2 py-1 dial-tiny shadow max-w-[300px]",o.getFloatingProps(r).className),children:[r.children,s.jsx(T.FloatingArrow,{ref:o.arrowRef,context:o.context,fill:"currentColor",strokeWidth:1,className:"stroke-primary w-2 text-[var(--bg-layer-0,_#000000)]"})]})}):null}),vt=d.forwardRef(function({children:t,asChild:r=!1,...n},o){const a=bt(),c=t&&typeof t=="object"&&"ref"in t&&t.ref!==void 0?t.ref:void 0,l=T.useMergeRefs([a.refs.setReference,o,c]);return r&&d.isValidElement(t)?d.cloneElement(t,a.getReferenceProps({ref:l,...n,...t.props})):s.jsx("span",{ref:l,...a.getReferenceProps(n),className:n.className??"dial-tooltip-trigger text-left",children:t})}),ce=({hideTooltip:e,tooltip:t,children:r,triggerClassName:n,contentClassName:o,...a})=>s.jsxs(yt,{...a,children:[s.jsx(vt,{className:g(n,"truncate"),children:r}),s.jsx(wt,{className:g("text-primary",o,"max-w-[300px]",(e||!t)&&"hidden"),children:t})]}),he=18,ie={size:he,stroke:2},qe=({label:e,id:t,checked:r,indeterminate:n,disabled:o,ariaLabel:a,onChange:i,cssClass:c})=>{const l=d.useCallback(y=>{i?.(y.target.checked,t)},[i,t]),u=g("flex flex-row items-center cursor-pointer text-accent-primary small-medium flex-1 min-w-0",`${r||n?"":'before:content-[""] before:inline-block before:w-[18px] before:h-[18px] before:border before:border-hover before:rounded before:mr-2'}`,o?"pointer-events-none text-secondary before:border-icon-secondary before:bg-layer-4":"",c),p=g("mr-2 border rounded",o?"bg-layer-4 border-icon-secondary":""),x=()=>n?s.jsx(E.IconMinus,{className:p,...ie}):r?s.jsx(E.IconCheck,{className:p,...ie}):null;return s.jsxs("label",{className:u,htmlFor:t,children:[x(),e&&(typeof e=="string"?s.jsx(ce,{tooltip:e,triggerClassName:"flex-1 min-w-0",children:s.jsx("span",{className:"text-primary w-full truncate",children:e})}):e),s.jsx("input",{type:"checkbox",role:"checkbox",name:t,onChange:l,id:t,checked:r,"aria-checked":n?"mixed":r,"aria-disabled":o||void 0,"aria-label":e?void 0:a,className:"invisible w-0 h-0"})]})};var K=(e=>(e.VALID="valid",e.ERROR="error",e))(K||{});const ar=(e,t)=>{if(t===e.id)switch(e.status){case K.VALID:return"border-accent-secondary text-primary";case K.ERROR:return"border-red-900 text-primary";default:return"border-accent-primary text-primary"}switch(e.status){case K.VALID:return"border-primary text-white";case K.ERROR:return"border-red-900 text-error";default:return"border-primary text-secondary"}},ir=(e,t)=>{if(t===e.id)switch(e.status){case K.VALID:return"bg-accent-secondary";case K.ERROR:return"bg-red-400";default:return"bg-accent-primary"}switch(e.status){case K.VALID:return"bg-accent-secondary";case K.ERROR:return"bg-red-400";default:return"bg-layer-4"}},lr=({step:e,index:t,currentStep:r,onChangeStep:n})=>{const o="h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer",a="w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white",i=()=>r===e.id&&e.status===K.ERROR?s.jsx(E.IconExclamationCircle,{stroke:2,size:16}):r!==e.id&&e.status===K.VALID?s.jsx(E.IconCheck,{stroke:2,size:16}):t+1;return s.jsxs("button",{className:g(o,ar(e,r)),onClick:()=>n(e.id),children:[s.jsx("span",{className:g(a,ir(e,r)),children:i()}),s.jsx("span",{children:e.name})]})},cr=({steps:e,currentStep:t,onChangeStep:r})=>{const n=o=>{const a=e.findIndex(c=>c.id===t),i=e.findIndex(c=>c.id===o);(o!==t&&e[a].status===K.VALID||i<a)&&r(o)};return s.jsx("div",{id:"steps",className:"flex gap-x-3",children:e.map((o,a)=>s.jsx(lr,{currentStep:t,onChangeStep:n,step:o,index:a},o.id))})},Ct=({name:e,value:t,title:r,description:n,checked:o=!1,inputId:a,cssClass:i,labelCssClass:c,disabled:l,onChange:u,descriptionCssClass:p})=>{const x=`${a}-desc`,y=g("dial-small cursor-pointer",l?"text-secondary":"text-primary",c),b=g("cursor-pointer dial-input-radio",r&&"mr-2",i),k=g("flex flex-col",!!n&&"mb-2"),w=g("dial-tiny mt-2 ml-[26px] text-secondary",p),j=O=>{l||O.target.checked&&u?.(t)};return s.jsxs("div",{className:k,children:[s.jsxs("div",{className:"flex flex-row items-center",children:[s.jsx("input",{type:"radio",id:a,name:e,value:t,checked:o,disabled:l,"aria-describedby":o&&n?x:void 0,className:b,onChange:j}),r?s.jsx("label",{className:y,htmlFor:a,children:r}):null]}),o&&n&&s.jsx("div",{id:x,className:w,children:n})]})};var De=(e=>(e.Row="Row",e.Column="Column",e))(De||{});const dr="flex flex-col gap-2",ur="flex",pr="pb-1 mt-2",fr={[De.Column]:"flex-col gap-y-3",[De.Row]:"flex-row gap-x-6"},kt=({fieldTitle:e,radioCssClass:t,labelCssClass:r,disabled:n,elementId:o,radioButtons:a,activeRadioButton:i,orientation:c,onChange:l})=>s.jsxs("div",{className:dr,children:[e&&s.jsx(ge,{fieldTitle:e,htmlFor:o}),s.jsx("div",{role:"radiogroup","aria-label":e,"aria-disabled":n||void 0,className:g(ur,fr[c]),children:a.map(u=>s.jsxs("div",{className:"flex flex-col",children:[s.jsx(Ct,{name:o,value:u.id,inputId:u.id,disabled:n,cssClass:t,labelCssClass:r,title:u.name,checked:u.id===i,onChange:()=>l(u.id)}),u.id===i&&u.content?s.jsx("div",{className:pr,children:u.content}):null]},u.id))})]}),jt=({icon:e,title:t,description:r})=>s.jsxs("div",{className:"h-full w-full flex flex-col items-center justify-center text-secondary",children:[e||s.jsx(E.IconClipboardX,{width:60,height:60}),s.jsx("span",{className:"dial-small mt-2 text-primary",children:t}),r&&s.jsx("span",{className:"mt-1 text-primary",children:r})]}),gr=60,mr=({containerCssClass:e,children:t,width:r,title:n,iconSize:o=he,titleCssClass:a,additionalButtons:i})=>{const[c,l]=d.useState(r),[u,p]=d.useState(!0),x=g(["transform rotate-180 [writing-mode:tb-rl]",u&&"hidden",a]),y=g(["flex flex-row gap-2 cursor-pointer text-secondary",u?"justify-end":"justify-center"]),b=()=>{l(u?gr:r),p(!u)};return s.jsxs("div",{className:g(["rounded p-4 flex flex-col justify-between overflow-y-auto flex-shrink-0",e]),style:{width:`${c}px`},children:[s.jsx("div",{className:g(["flex-1 min-h-0 overflow-auto",!u&&"hidden"]),children:t}),s.jsx("div",{className:x,children:n}),s.jsxs("div",{className:y,children:[u&&i,s.jsx(te,{cssClass:"hover:text-icon-accent-primary",onClick:b,iconBefore:u?s.jsx(E.IconChevronsLeft,{size:o,stroke:ie.stroke}):s.jsx(E.IconChevronsRight,{size:o,stroke:ie.stroke})})]})]})},hr=({label:e,text:t,children:r,postfix:n})=>s.jsxs("div",{className:g("flex flex-col",r?"":"max-w-[200px]"),children:[s.jsx("label",{className:"dial-tiny mb-2 text-secondary",children:e}),r||s.jsxs("div",{className:"flex flex-row items-center",children:[s.jsx(ce,{triggerClassName:"text-primary",tooltip:t,children:t}),n||null]})]});var Ae=(e=>(e.Default="default",e))(Ae||{});const xr={[Ae.Default]:"border-icon-secondary bg-layer-3"},br="text-primary",Qe="-",yr=e=>{const t=vr(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:n}=e;return{getClassGroupId:i=>{const c=i.split(Qe);return c[0]===""&&c.length!==1&&c.shift(),Dt(c,t)||wr(i)},getConflictingClassGroupIds:(i,c)=>{const l=r[i]||[];return c&&n[i]?[...l,...n[i]]:l}}},Dt=(e,t)=>{if(e.length===0)return t.classGroupId;const r=e[0],n=t.nextPart.get(r),o=n?Dt(e.slice(1),n):void 0;if(o)return o;if(t.validators.length===0)return;const a=e.join(Qe);return t.validators.find(({validator:i})=>i(a))?.classGroupId},st=/^\[(.+)\]$/,wr=e=>{if(st.test(e)){const t=st.exec(e)[1],r=t?.substring(0,t.indexOf(":"));if(r)return"arbitrary.."+r}},vr=e=>{const{theme:t,classGroups:r}=e,n={nextPart:new Map,validators:[]};for(const o in r)Ue(r[o],n,o,t);return n},Ue=(e,t,r,n)=>{e.forEach(o=>{if(typeof o=="string"){const a=o===""?t:ot(t,o);a.classGroupId=r;return}if(typeof o=="function"){if(Cr(o)){Ue(o(n),t,r,n);return}t.validators.push({validator:o,classGroupId:r});return}Object.entries(o).forEach(([a,i])=>{Ue(i,ot(t,a),r,n)})})},ot=(e,t)=>{let r=e;return t.split(Qe).forEach(n=>{r.nextPart.has(n)||r.nextPart.set(n,{nextPart:new Map,validators:[]}),r=r.nextPart.get(n)}),r},Cr=e=>e.isThemeGetter,kr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,r=new Map,n=new Map;const o=(a,i)=>{r.set(a,i),t++,t>e&&(t=0,n=r,r=new Map)};return{get(a){let i=r.get(a);if(i!==void 0)return i;if((i=n.get(a))!==void 0)return o(a,i),i},set(a,i){r.has(a)?r.set(a,i):o(a,i)}}},Xe="!",Ke=":",jr=Ke.length,Dr=e=>{const{prefix:t,experimentalParseClassName:r}=e;let n=o=>{const a=[];let i=0,c=0,l=0,u;for(let k=0;k<o.length;k++){let w=o[k];if(i===0&&c===0){if(w===Ke){a.push(o.slice(l,k)),l=k+jr;continue}if(w==="/"){u=k;continue}}w==="["?i++:w==="]"?i--:w==="("?c++:w===")"&&c--}const p=a.length===0?o:o.substring(l),x=Sr(p),y=x!==p,b=u&&u>l?u-l:void 0;return{modifiers:a,hasImportantModifier:y,baseClassName:x,maybePostfixModifierPosition:b}};if(t){const o=t+Ke,a=n;n=i=>i.startsWith(o)?a(i.substring(o.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:i,maybePostfixModifierPosition:void 0}}if(r){const o=n;n=a=>r({className:a,parseClassName:o})}return n},Sr=e=>e.endsWith(Xe)?e.substring(0,e.length-1):e.startsWith(Xe)?e.substring(1):e,Ir=e=>{const t=Object.fromEntries(e.orderSensitiveModifiers.map(n=>[n,!0]));return n=>{if(n.length<=1)return n;const o=[];let a=[];return n.forEach(i=>{i[0]==="["||t[i]?(o.push(...a.sort(),i),a=[]):a.push(i)}),o.push(...a.sort()),o}},Nr=e=>({cache:kr(e.cacheSize),parseClassName:Dr(e),sortModifiers:Ir(e),...yr(e)}),Tr=/\s+/,Mr=(e,t)=>{const{parseClassName:r,getClassGroupId:n,getConflictingClassGroupIds:o,sortModifiers:a}=t,i=[],c=e.trim().split(Tr);let l="";for(let u=c.length-1;u>=0;u-=1){const p=c[u],{isExternal:x,modifiers:y,hasImportantModifier:b,baseClassName:k,maybePostfixModifierPosition:w}=r(p);if(x){l=p+(l.length>0?" "+l:l);continue}let j=!!w,O=n(j?k.substring(0,w):k);if(!O){if(!j){l=p+(l.length>0?" "+l:l);continue}if(O=n(k),!O){l=p+(l.length>0?" "+l:l);continue}j=!1}const M=a(y).join(":"),S=b?M+Xe:M,N=S+O;if(i.includes(N))continue;i.push(N);const A=o(O,j);for(let W=0;W<A.length;++W){const _=A[W];i.push(S+_)}l=p+(l.length>0?" "+l:l)}return l};function Or(){let e=0,t,r,n="";for(;e<arguments.length;)(t=arguments[e++])&&(r=St(t))&&(n&&(n+=" "),n+=r);return n}const St=e=>{if(typeof e=="string")return e;let t,r="";for(let n=0;n<e.length;n++)e[n]&&(t=St(e[n]))&&(r&&(r+=" "),r+=t);return r};function Rr(e,...t){let r,n,o,a=i;function i(l){const u=t.reduce((p,x)=>x(p),e());return r=Nr(u),n=r.cache.get,o=r.cache.set,a=c,c(l)}function c(l){const u=n(l);if(u)return u;const p=Mr(l,r);return o(l,p),p}return function(){return a(Or.apply(null,arguments))}}const V=e=>{const t=r=>r[e]||[];return t.isThemeGetter=!0,t},It=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Nt=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Pr=/^\d+\/\d+$/,Er=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,zr=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Ar=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Fr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Lr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,me=e=>Pr.test(e),I=e=>!!e&&!Number.isNaN(Number(e)),oe=e=>!!e&&Number.isInteger(Number(e)),Ve=e=>e.endsWith("%")&&I(e.slice(0,-1)),ne=e=>Er.test(e),Vr=()=>!0,Br=e=>zr.test(e)&&!Ar.test(e),Tt=()=>!1,Hr=e=>Fr.test(e),Gr=e=>Lr.test(e),Wr=e=>!m(e)&&!h(e),_r=e=>we(e,Rt,Tt),m=e=>It.test(e),ue=e=>we(e,Pt,Br),Be=e=>we(e,Kr,I),at=e=>we(e,Mt,Tt),$r=e=>we(e,Ot,Gr),Re=e=>we(e,Et,Hr),h=e=>Nt.test(e),ke=e=>ve(e,Pt),qr=e=>ve(e,Yr),it=e=>ve(e,Mt),Ur=e=>ve(e,Rt),Xr=e=>ve(e,Ot),Pe=e=>ve(e,Et,!0),we=(e,t,r)=>{const n=It.exec(e);return n?n[1]?t(n[1]):r(n[2]):!1},ve=(e,t,r=!1)=>{const n=Nt.exec(e);return n?n[1]?t(n[1]):r:!1},Mt=e=>e==="position"||e==="percentage",Ot=e=>e==="image"||e==="url",Rt=e=>e==="length"||e==="size"||e==="bg-size",Pt=e=>e==="length",Kr=e=>e==="number",Yr=e=>e==="family-name",Et=e=>e==="shadow",Zr=()=>{const e=V("color"),t=V("font"),r=V("text"),n=V("font-weight"),o=V("tracking"),a=V("leading"),i=V("breakpoint"),c=V("container"),l=V("spacing"),u=V("radius"),p=V("shadow"),x=V("inset-shadow"),y=V("text-shadow"),b=V("drop-shadow"),k=V("blur"),w=V("perspective"),j=V("aspect"),O=V("ease"),M=V("animate"),S=()=>["auto","avoid","all","avoid-page","page","left","right","column"],N=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],A=()=>[...N(),h,m],W=()=>["auto","hidden","clip","visible","scroll"],_=()=>["auto","contain","none"],v=()=>[h,m,l],R=()=>[me,"full","auto",...v()],L=()=>[oe,"none","subgrid",h,m],H=()=>["auto",{span:["full",oe,h,m]},oe,h,m],q=()=>[oe,"auto",h,m],de=()=>["auto","min","max","fr",h,m],U=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],Z=()=>["start","end","center","stretch","center-safe","end-safe"],$=()=>["auto",...v()],Q=()=>[me,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...v()],C=()=>[e,h,m],se=()=>[...N(),it,at,{position:[h,m]}],D=()=>["no-repeat",{repeat:["","x","y","space","round"]}],G=()=>["auto","cover","contain",Ur,_r,{size:[h,m]}],re=()=>[Ve,ke,ue],F=()=>["","none","full",u,h,m],f=()=>["",I,ke,ue],z=()=>["solid","dashed","dotted","double"],J=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],P=()=>[I,Ve,it,at],nt=()=>["","none",k,h,m],Te=()=>["none",I,h,m],Me=()=>["none",I,h,m],Le=()=>[I,h,m],Oe=()=>[me,"full",...v()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[ne],breakpoint:[ne],color:[Vr],container:[ne],"drop-shadow":[ne],ease:["in","out","in-out"],font:[Wr],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[ne],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[ne],shadow:[ne],spacing:["px",I],text:[ne],"text-shadow":[ne],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",me,m,h,j]}],container:["container"],columns:[{columns:[I,m,h,c]}],"break-after":[{"break-after":S()}],"break-before":[{"break-before":S()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:A()}],overflow:[{overflow:W()}],"overflow-x":[{"overflow-x":W()}],"overflow-y":[{"overflow-y":W()}],overscroll:[{overscroll:_()}],"overscroll-x":[{"overscroll-x":_()}],"overscroll-y":[{"overscroll-y":_()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:R()}],"inset-x":[{"inset-x":R()}],"inset-y":[{"inset-y":R()}],start:[{start:R()}],end:[{end:R()}],top:[{top:R()}],right:[{right:R()}],bottom:[{bottom:R()}],left:[{left:R()}],visibility:["visible","invisible","collapse"],z:[{z:[oe,"auto",h,m]}],basis:[{basis:[me,"full","auto",c,...v()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[I,me,"auto","initial","none",m]}],grow:[{grow:["",I,h,m]}],shrink:[{shrink:["",I,h,m]}],order:[{order:[oe,"first","last","none",h,m]}],"grid-cols":[{"grid-cols":L()}],"col-start-end":[{col:H()}],"col-start":[{"col-start":q()}],"col-end":[{"col-end":q()}],"grid-rows":[{"grid-rows":L()}],"row-start-end":[{row:H()}],"row-start":[{"row-start":q()}],"row-end":[{"row-end":q()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":de()}],"auto-rows":[{"auto-rows":de()}],gap:[{gap:v()}],"gap-x":[{"gap-x":v()}],"gap-y":[{"gap-y":v()}],"justify-content":[{justify:[...U(),"normal"]}],"justify-items":[{"justify-items":[...Z(),"normal"]}],"justify-self":[{"justify-self":["auto",...Z()]}],"align-content":[{content:["normal",...U()]}],"align-items":[{items:[...Z(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...Z(),{baseline:["","last"]}]}],"place-content":[{"place-content":U()}],"place-items":[{"place-items":[...Z(),"baseline"]}],"place-self":[{"place-self":["auto",...Z()]}],p:[{p:v()}],px:[{px:v()}],py:[{py:v()}],ps:[{ps:v()}],pe:[{pe:v()}],pt:[{pt:v()}],pr:[{pr:v()}],pb:[{pb:v()}],pl:[{pl:v()}],m:[{m:$()}],mx:[{mx:$()}],my:[{my:$()}],ms:[{ms:$()}],me:[{me:$()}],mt:[{mt:$()}],mr:[{mr:$()}],mb:[{mb:$()}],ml:[{ml:$()}],"space-x":[{"space-x":v()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":v()}],"space-y-reverse":["space-y-reverse"],size:[{size:Q()}],w:[{w:[c,"screen",...Q()]}],"min-w":[{"min-w":[c,"screen","none",...Q()]}],"max-w":[{"max-w":[c,"screen","none","prose",{screen:[i]},...Q()]}],h:[{h:["screen","lh",...Q()]}],"min-h":[{"min-h":["screen","lh","none",...Q()]}],"max-h":[{"max-h":["screen","lh",...Q()]}],"font-size":[{text:["base",r,ke,ue]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[n,h,Be]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",Ve,m]}],"font-family":[{font:[qr,m,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[o,h,m]}],"line-clamp":[{"line-clamp":[I,"none",h,Be]}],leading:[{leading:[a,...v()]}],"list-image":[{"list-image":["none",h,m]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",h,m]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:C()}],"text-color":[{text:C()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...z(),"wavy"]}],"text-decoration-thickness":[{decoration:[I,"from-font","auto",h,ue]}],"text-decoration-color":[{decoration:C()}],"underline-offset":[{"underline-offset":[I,"auto",h,m]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:v()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",h,m]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",h,m]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:se()}],"bg-repeat":[{bg:D()}],"bg-size":[{bg:G()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},oe,h,m],radial:["",h,m],conic:[oe,h,m]},Xr,$r]}],"bg-color":[{bg:C()}],"gradient-from-pos":[{from:re()}],"gradient-via-pos":[{via:re()}],"gradient-to-pos":[{to:re()}],"gradient-from":[{from:C()}],"gradient-via":[{via:C()}],"gradient-to":[{to:C()}],rounded:[{rounded:F()}],"rounded-s":[{"rounded-s":F()}],"rounded-e":[{"rounded-e":F()}],"rounded-t":[{"rounded-t":F()}],"rounded-r":[{"rounded-r":F()}],"rounded-b":[{"rounded-b":F()}],"rounded-l":[{"rounded-l":F()}],"rounded-ss":[{"rounded-ss":F()}],"rounded-se":[{"rounded-se":F()}],"rounded-ee":[{"rounded-ee":F()}],"rounded-es":[{"rounded-es":F()}],"rounded-tl":[{"rounded-tl":F()}],"rounded-tr":[{"rounded-tr":F()}],"rounded-br":[{"rounded-br":F()}],"rounded-bl":[{"rounded-bl":F()}],"border-w":[{border:f()}],"border-w-x":[{"border-x":f()}],"border-w-y":[{"border-y":f()}],"border-w-s":[{"border-s":f()}],"border-w-e":[{"border-e":f()}],"border-w-t":[{"border-t":f()}],"border-w-r":[{"border-r":f()}],"border-w-b":[{"border-b":f()}],"border-w-l":[{"border-l":f()}],"divide-x":[{"divide-x":f()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":f()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...z(),"hidden","none"]}],"divide-style":[{divide:[...z(),"hidden","none"]}],"border-color":[{border:C()}],"border-color-x":[{"border-x":C()}],"border-color-y":[{"border-y":C()}],"border-color-s":[{"border-s":C()}],"border-color-e":[{"border-e":C()}],"border-color-t":[{"border-t":C()}],"border-color-r":[{"border-r":C()}],"border-color-b":[{"border-b":C()}],"border-color-l":[{"border-l":C()}],"divide-color":[{divide:C()}],"outline-style":[{outline:[...z(),"none","hidden"]}],"outline-offset":[{"outline-offset":[I,h,m]}],"outline-w":[{outline:["",I,ke,ue]}],"outline-color":[{outline:C()}],shadow:[{shadow:["","none",p,Pe,Re]}],"shadow-color":[{shadow:C()}],"inset-shadow":[{"inset-shadow":["none",x,Pe,Re]}],"inset-shadow-color":[{"inset-shadow":C()}],"ring-w":[{ring:f()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:C()}],"ring-offset-w":[{"ring-offset":[I,ue]}],"ring-offset-color":[{"ring-offset":C()}],"inset-ring-w":[{"inset-ring":f()}],"inset-ring-color":[{"inset-ring":C()}],"text-shadow":[{"text-shadow":["none",y,Pe,Re]}],"text-shadow-color":[{"text-shadow":C()}],opacity:[{opacity:[I,h,m]}],"mix-blend":[{"mix-blend":[...J(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":J()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[I]}],"mask-image-linear-from-pos":[{"mask-linear-from":P()}],"mask-image-linear-to-pos":[{"mask-linear-to":P()}],"mask-image-linear-from-color":[{"mask-linear-from":C()}],"mask-image-linear-to-color":[{"mask-linear-to":C()}],"mask-image-t-from-pos":[{"mask-t-from":P()}],"mask-image-t-to-pos":[{"mask-t-to":P()}],"mask-image-t-from-color":[{"mask-t-from":C()}],"mask-image-t-to-color":[{"mask-t-to":C()}],"mask-image-r-from-pos":[{"mask-r-from":P()}],"mask-image-r-to-pos":[{"mask-r-to":P()}],"mask-image-r-from-color":[{"mask-r-from":C()}],"mask-image-r-to-color":[{"mask-r-to":C()}],"mask-image-b-from-pos":[{"mask-b-from":P()}],"mask-image-b-to-pos":[{"mask-b-to":P()}],"mask-image-b-from-color":[{"mask-b-from":C()}],"mask-image-b-to-color":[{"mask-b-to":C()}],"mask-image-l-from-pos":[{"mask-l-from":P()}],"mask-image-l-to-pos":[{"mask-l-to":P()}],"mask-image-l-from-color":[{"mask-l-from":C()}],"mask-image-l-to-color":[{"mask-l-to":C()}],"mask-image-x-from-pos":[{"mask-x-from":P()}],"mask-image-x-to-pos":[{"mask-x-to":P()}],"mask-image-x-from-color":[{"mask-x-from":C()}],"mask-image-x-to-color":[{"mask-x-to":C()}],"mask-image-y-from-pos":[{"mask-y-from":P()}],"mask-image-y-to-pos":[{"mask-y-to":P()}],"mask-image-y-from-color":[{"mask-y-from":C()}],"mask-image-y-to-color":[{"mask-y-to":C()}],"mask-image-radial":[{"mask-radial":[h,m]}],"mask-image-radial-from-pos":[{"mask-radial-from":P()}],"mask-image-radial-to-pos":[{"mask-radial-to":P()}],"mask-image-radial-from-color":[{"mask-radial-from":C()}],"mask-image-radial-to-color":[{"mask-radial-to":C()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":N()}],"mask-image-conic-pos":[{"mask-conic":[I]}],"mask-image-conic-from-pos":[{"mask-conic-from":P()}],"mask-image-conic-to-pos":[{"mask-conic-to":P()}],"mask-image-conic-from-color":[{"mask-conic-from":C()}],"mask-image-conic-to-color":[{"mask-conic-to":C()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:se()}],"mask-repeat":[{mask:D()}],"mask-size":[{mask:G()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",h,m]}],filter:[{filter:["","none",h,m]}],blur:[{blur:nt()}],brightness:[{brightness:[I,h,m]}],contrast:[{contrast:[I,h,m]}],"drop-shadow":[{"drop-shadow":["","none",b,Pe,Re]}],"drop-shadow-color":[{"drop-shadow":C()}],grayscale:[{grayscale:["",I,h,m]}],"hue-rotate":[{"hue-rotate":[I,h,m]}],invert:[{invert:["",I,h,m]}],saturate:[{saturate:[I,h,m]}],sepia:[{sepia:["",I,h,m]}],"backdrop-filter":[{"backdrop-filter":["","none",h,m]}],"backdrop-blur":[{"backdrop-blur":nt()}],"backdrop-brightness":[{"backdrop-brightness":[I,h,m]}],"backdrop-contrast":[{"backdrop-contrast":[I,h,m]}],"backdrop-grayscale":[{"backdrop-grayscale":["",I,h,m]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[I,h,m]}],"backdrop-invert":[{"backdrop-invert":["",I,h,m]}],"backdrop-opacity":[{"backdrop-opacity":[I,h,m]}],"backdrop-saturate":[{"backdrop-saturate":[I,h,m]}],"backdrop-sepia":[{"backdrop-sepia":["",I,h,m]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":v()}],"border-spacing-x":[{"border-spacing-x":v()}],"border-spacing-y":[{"border-spacing-y":v()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",h,m]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[I,"initial",h,m]}],ease:[{ease:["linear","initial",O,h,m]}],delay:[{delay:[I,h,m]}],animate:[{animate:["none",M,h,m]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[w,h,m]}],"perspective-origin":[{"perspective-origin":A()}],rotate:[{rotate:Te()}],"rotate-x":[{"rotate-x":Te()}],"rotate-y":[{"rotate-y":Te()}],"rotate-z":[{"rotate-z":Te()}],scale:[{scale:Me()}],"scale-x":[{"scale-x":Me()}],"scale-y":[{"scale-y":Me()}],"scale-z":[{"scale-z":Me()}],"scale-3d":["scale-3d"],skew:[{skew:Le()}],"skew-x":[{"skew-x":Le()}],"skew-y":[{"skew-y":Le()}],transform:[{transform:[h,m,"","none","gpu","cpu"]}],"transform-origin":[{origin:A()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:Oe()}],"translate-x":[{"translate-x":Oe()}],"translate-y":[{"translate-y":Oe()}],"translate-z":[{"translate-z":Oe()}],"translate-none":["translate-none"],accent:[{accent:C()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:C()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",h,m]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":v()}],"scroll-mx":[{"scroll-mx":v()}],"scroll-my":[{"scroll-my":v()}],"scroll-ms":[{"scroll-ms":v()}],"scroll-me":[{"scroll-me":v()}],"scroll-mt":[{"scroll-mt":v()}],"scroll-mr":[{"scroll-mr":v()}],"scroll-mb":[{"scroll-mb":v()}],"scroll-ml":[{"scroll-ml":v()}],"scroll-p":[{"scroll-p":v()}],"scroll-px":[{"scroll-px":v()}],"scroll-py":[{"scroll-py":v()}],"scroll-ps":[{"scroll-ps":v()}],"scroll-pe":[{"scroll-pe":v()}],"scroll-pt":[{"scroll-pt":v()}],"scroll-pr":[{"scroll-pr":v()}],"scroll-pb":[{"scroll-pb":v()}],"scroll-pl":[{"scroll-pl":v()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",h,m]}],fill:[{fill:["none",...C()]}],"stroke-w":[{stroke:[I,ke,ue,Be]}],stroke:[{stroke:["none",...C()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},Qr=Rr(Zr);function Y(...e){return Qr(g(e))}const be=({text:e,cssClass:t,contentClassName:r,hideTooltip:n,...o})=>{const a=d.useRef(null),[i,c]=d.useState(!1),[l,u]=d.useState(""),p=d.useRef(null),x=()=>{const w=a.current;if(!w)return;u(w.textContent??"");const j=w.clientWidth,O=w.scrollWidth,M=Math.ceil(w.getBoundingClientRect().width);c(O>j||O>M)},y=d.useCallback(()=>{p.current&&cancelAnimationFrame(p.current),p.current=requestAnimationFrame(x)},[]);d.useEffect(()=>{y();const w=()=>y();window.addEventListener("resize",w);let j=null;return"ResizeObserver"in window&&a.current&&(j=new ResizeObserver(()=>y()),j.observe(a.current)),()=>{window.removeEventListener("resize",w),j&&j.disconnect(),p.current&&cancelAnimationFrame(p.current)}},[e,y]);const b=d.useMemo(()=>typeof e=="string"?e:l,[l,e]),k=d.useMemo(()=>n?"":i?b:"",[b,n,i]);return s.jsxs(yt,{...o,children:[s.jsx(vt,{asChild:!0,ref:a,onMouseEnter:y,onFocusCapture:y,children:s.jsx("span",{className:Y("block truncate min-w-0 max-w-full",t),"aria-label":i?b:void 0,onMouseEnter:y,onFocus:y,children:e})}),s.jsx(wt,{className:Y(br,r,!k&&"hidden"),children:k})]})},Fe=({tag:e,cssClass:t,remove:r,variant:n=Ae.Default,iconBefore:o,bordered:a=!0})=>{const i=xr[n],c=Y("flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",i,a?"border":"border-transparent",t);return s.jsxs("div",{className:c,children:[s.jsx(B,{icon:o}),s.jsx(be,{text:e}),r&&s.jsx(te,{iconAfter:s.jsx(E.IconX,{size:16}),onClick:l=>r(l)})]},e)},Jr=d.createContext({dragDropManager:void 0});function le(e,t,...r){if(en()&&t===void 0)throw new Error("invariant requires an error message argument");if(!e){let n;if(t===void 0)n=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{let o=0;n=new Error(t.replace(/%s/g,function(){return r[o++]})),n.name="Invariant Violation"}throw n.framesToPop=1,n}}function en(){return typeof process<"u"&&process.env.NODE_ENV==="production"}function tn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var He,lt;function rn(){return lt||(lt=1,He=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 n,o,a;if(Array.isArray(t)){if(n=t.length,n!=r.length)return!1;for(o=n;o--!==0;)if(!e(t[o],r[o]))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(a=Object.keys(t),n=a.length,n!==Object.keys(r).length)return!1;for(o=n;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,a[o]))return!1;for(o=n;o--!==0;){var i=a[o];if(!e(t[i],r[i]))return!1}return!0}return t!==t&&r!==r}),He}var nn=rn();const sn=tn(nn),fe=typeof window<"u"?d.useLayoutEffect:d.useEffect;function on(e,t,r){const[n,o]=d.useState(()=>t(e)),a=d.useCallback(()=>{const i=t(e);sn(n,i)||(o(i),r&&r())},[n,e,r]);return fe(a),[n,a]}function an(e,t,r){const[n,o]=on(e,t,r);return fe(function(){const i=e.getHandlerId();if(i!=null)return e.subscribeToStateChange(o,{handlerIds:[i]})},[e,o]),n}function zt(e,t,r){return an(t,e||(()=>({})),()=>r.reconnect())}function At(e,t){const r=[...t||[]];return t==null&&typeof e!="function"&&r.push(e),d.useMemo(()=>typeof e=="function"?e():e,r)}function ln(e){return d.useMemo(()=>e.hooks.dragSource(),[e])}function cn(e){return d.useMemo(()=>e.hooks.dragPreview(),[e])}let Ge=!1,We=!1;class dn{receiveHandlerId(t){this.sourceId=t}getHandlerId(){return this.sourceId}canDrag(){le(!Ge,"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 Ge=!0,this.internalMonitor.canDragSource(this.sourceId)}finally{Ge=!1}}isDragging(){if(!this.sourceId)return!1;le(!We,"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 We=!0,this.internalMonitor.isDraggingSource(this.sourceId)}finally{We=!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 _e=!1;class un{receiveHandlerId(t){this.targetId=t}getHandlerId(){return this.targetId}subscribeToStateChange(t,r){return this.internalMonitor.subscribeToStateChange(t,r)}canDrop(){if(!this.targetId)return!1;le(!_e,"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 _e=!0,this.internalMonitor.canDropOnTarget(this.targetId)}finally{_e=!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 pn(e,t,r){const n=r.getRegistry(),o=n.addTarget(e,t);return[o,()=>n.removeTarget(o)]}function fn(e,t,r){const n=r.getRegistry(),o=n.addSource(e,t);return[o,()=>n.removeSource(o)]}function Ye(e,t,r,n){let o;if(o!==void 0)return!!o;if(e===t)return!0;if(typeof e!="object"||!e||typeof t!="object"||!t)return!1;const a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;const c=Object.prototype.hasOwnProperty.bind(t);for(let l=0;l<a.length;l++){const u=a[l];if(!c(u))return!1;const p=e[u],x=t[u];if(o=void 0,o===!1||o===void 0&&p!==x)return!1}return!0}function Ze(e){return e!==null&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function gn(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 mn(e){return(t=null,r=null)=>{if(!d.isValidElement(t)){const a=t;return e(a,r),a}const n=t;return gn(n),hn(n,r?a=>e(a,r):e)}}function Ft(e){const t={};return Object.keys(e).forEach(r=>{const n=e[r];if(r.endsWith("Ref"))t[r]=e[r];else{const o=mn(n);t[r]=()=>o}}),t}function ct(e,t){typeof e=="function"?e(t):e.current=t}function hn(e,t){const r=e.ref;return le(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?d.cloneElement(e,{ref:n=>{ct(r,n),ct(t,n)}}):d.cloneElement(e,{ref:t})}class xn{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,n=t||this.didHandlerIdChange()||this.didConnectedDragPreviewChange()||this.didDragPreviewOptionsChange();if(n&&this.disconnectDragPreview(),!!this.handlerId){if(!r){this.lastConnectedDragPreview=r;return}n&&(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!Ye(this.lastConnectedDragSourceOptions,this.dragSourceOptions)}didDragPreviewOptionsChange(){return!Ye(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=Ft({dragSource:(r,n)=>{this.clearDragSource(),this.dragSourceOptions=n||null,Ze(r)?this.dragSourceRef=r:this.dragSourceNode=r,this.reconnectDragSource()},dragPreview:(r,n)=>{this.clearDragPreview(),this.dragPreviewOptions=n||null,Ze(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 bn{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!Ye(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=Ft({dropTarget:(r,n)=>{this.clearDropTarget(),this.dropTargetOptions=n,Ze(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 Ce(){const{dragDropManager:e}=d.useContext(Jr);return le(e!=null,"Expected drag drop context"),e}function yn(e,t){const r=Ce(),n=d.useMemo(()=>new xn(r.getBackend()),[r]);return fe(()=>(n.dragSourceOptions=e||null,n.reconnect(),()=>n.disconnectDragSource()),[n,e]),fe(()=>(n.dragPreviewOptions=t||null,n.reconnect(),()=>n.disconnectDragPreview()),[n,t]),n}function wn(){const e=Ce();return d.useMemo(()=>new dn(e),[e])}class vn{beginDrag(){const t=this.spec,r=this.monitor;let n=null;return typeof t.item=="object"?n=t.item:typeof t.item=="function"?n=t.item(r):n={},n??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 n=this.spec,o=this.monitor,{isDragging:a}=n;return a?a(o):r===t.getSourceId()}endDrag(){const t=this.spec,r=this.monitor,n=this.connector,{end:o}=t;o&&o(r.getItem(),r),n.reconnect()}constructor(t,r,n){this.spec=t,this.monitor=r,this.connector=n}}function Cn(e,t,r){const n=d.useMemo(()=>new vn(e,t,r),[t,r]);return d.useEffect(()=>{n.spec=e},[e]),n}function kn(e){return d.useMemo(()=>{const t=e.type;return le(t!=null,"spec.type must be defined"),t},[e])}function jn(e,t,r){const n=Ce(),o=Cn(e,t,r),a=kn(e);fe(function(){if(a!=null){const[c,l]=fn(a,o,n);return t.receiveHandlerId(c),r.receiveHandlerId(c),l}},[n,t,r,o,a])}function Dn(e,t){const r=At(e,t);le(!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 n=wn(),o=yn(r.options,r.previewOptions);return jn(r,n,o),[zt(r.collect,n,o),ln(o),cn(o)]}function Sn(e){return d.useMemo(()=>e.hooks.dropTarget(),[e])}function In(e){const t=Ce(),r=d.useMemo(()=>new bn(t.getBackend()),[t]);return fe(()=>(r.dropTargetOptions=e||null,r.reconnect(),()=>r.disconnectDropTarget()),[e]),r}function Nn(){const e=Ce();return d.useMemo(()=>new un(e),[e])}function Tn(e){const{accept:t}=e;return d.useMemo(()=>(le(e.accept!=null,"accept must be defined"),Array.isArray(t)?t:[t]),[t])}class Mn{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 On(e,t){const r=d.useMemo(()=>new Mn(e,t),[t]);return d.useEffect(()=>{r.spec=e},[e]),r}function Rn(e,t,r){const n=Ce(),o=On(e,t),a=Tn(e);fe(function(){const[c,l]=pn(a,o,n);return t.receiveHandlerId(c),r.receiveHandlerId(c),l},[n,t,o,r,a.map(i=>i.toString()).join("|")])}function Pn(e,t){const r=At(e,t),n=Nn(),o=In(r.options);return Rn(r,n,o),[zt(r.collect,n,o),Sn(o)]}const dt="column",En="flex items-center",zn="mr-3 cursor-move text-secondary",An=({id:e,children:t,cssClass:r,findItem:n,moveItem:o,handleAriaLabel:a="Drag item"})=>{const i=d.useRef(null),c=d.useRef(null),l=typeof n=="function"?n(e):-1,[{isDragging:u},p,x]=Dn(()=>({type:dt,item:{id:e,originalIndex:l},collect:b=>{const k=b.getItem();return{isDragging:b.isDragging()&&k?.id===e}},end:(b,k)=>{if(!b)return;!k.didDrop()&&typeof o=="function"&&b.originalIndex>-1&&o(b.id,b.originalIndex)}}),[e,l,o]),[,y]=Pn(()=>({accept:dt,hover:b=>{if(!(!b||b.id===e)&&typeof n=="function"&&typeof o=="function"){const k=n(e);o(b.id,k)}}}),[n,o,e]);return x(y(c)),p(i),s.jsxs("div",{ref:c,className:Y(En,r),style:{opacity:u?0:1},"aria-roledescription":"Draggable item",children:[s.jsx("div",{ref:i,className:zn,"aria-label":a,children:s.jsx(E.IconGripVertical,{...ie})}),t]})};var ze=(e=>(e.Horizontal="horizontal",e.Vertical="vertical",e))(ze||{});const ut=()=>typeof window<"u"&&window.innerWidth<1024,Fn=()=>{const[e,t]=d.useState(ut());return d.useEffect(()=>{const r=()=>t(ut());return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e};var Lt=(e=>(e.Dropdown="dropdown",e.Menu="menu",e))(Lt||{}),xe=(e=>(e.Click="click",e.Hover="hover",e.ContextMenu="contextMenu",e))(xe||{}),Vt=(e=>(e.Item="item",e.Divider="divider",e))(Vt||{});const Ln=g("flex items-center gap-2 align-middle","h-auto px-0 bg-transparent border-0"),Vn=g("z-[53] overflow-auto rounded bg-layer-0 text-primary shadow focus-visible:outline-none","w-max"),Bn=g("flex w-full cursor-pointer items-center gap-3","focus-visible:border-none focus-visible:outline-none","hover:bg-accent-primary-alpha px-3","dial-small h-[34px] rounded text-primary"),Hn="opacity-75 !cursor-not-allowed",Gn="text-error",Wn="my-1 border-t border-hover",je=8,Je=({ariaLabel:e,cssClass:t,size:r=24,onClose:n})=>s.jsx(te,{ariaLabel:e,cssClass:Y("text-secondary hover:text-accent-primary",t),onClick:n,iconBefore:s.jsx(E.IconX,{size:r})}),et=({children:e,menu:t,renderOverlay:r,trigger:n=[xe.Click],placement:o,disabled:a=!1,open:i,defaultOpen:c=!1,onOpenChange:l,closable:u=!1,onClose:p,cssClass:x,listClassName:y,outsidePressIgnoreRef:b,outsideClosable:k=!0,allowedPlacements:w})=>{const[j,O]=d.useState(c),M=i!==void 0,S=M?!!i:j,N=d.useCallback(D=>{M||O(D),l?.(D)},[M,l]),A=d.useId(),W=D=>D?"clientWidth"in D?D.clientWidth:D.getBoundingClientRect?.()?.width??0:0,_=o===void 0,{refs:v,floatingStyles:R,context:L}=T.useFloating({placement:o,open:S,onOpenChange:N,whileElementsMounted:T.autoUpdate,middleware:[T.offset({mainAxis:je,crossAxis:0}),_?T.autoPlacement({alignment:"start",crossAxis:!0,padding:je,allowedPlacements:w}):T.flip({padding:je}),T.shift({padding:je}),T.size({padding:je,apply({availableWidth:D,availableHeight:G,elements:re}){const F=re.floating,f=W(re.reference);F.style.setProperty("--reference-width",`${Math.round(f)}px`),F.style.setProperty("--fui-available-height",`${Math.floor(G)}px`),F.style.minWidth=`${Math.round(f)}px`,F.style.maxWidth=`${Math.floor(D)}px`,F.style.maxHeight=`${Math.floor(G)}px`}})]}),H=T.useClick(L,{enabled:n.includes(xe.Click)&&!a}),q=T.useHover(L,{enabled:n.includes(xe.Hover)&&!a,move:!1,restMs:40,delay:{open:80,close:80}}),de=T.useDismiss(L,{bubbles:!0,referencePress:!1,outsidePress:D=>{if(!k)return!1;const G=D.target;return!(b?.current&&G instanceof Node&&b.current.contains(G))}}),U=T.useRole(L,{role:"menu"}),{getReferenceProps:Z,getFloatingProps:$}=T.useInteractions([H,q,de,U]),Q=D=>{!n.includes(xe.ContextMenu)||a||(D.preventDefault(),N(!0))};d.useEffect(()=>{a&&S&&N(!1)},[a,S,N]);const C=D=>G=>{D.disabled||(D.onClick?.({key:D.key,domEvent:G}),t?.onClick?.({key:D.key,domEvent:G}),N(!1))},se=r?r():t&&s.jsxs(s.Fragment,{children:[t.header&&s.jsx(s.Fragment,{children:typeof t.header=="function"?t.header():t.header}),s.jsx("div",{role:"none",className:"py-1",children:t.items.map(D=>D.type===Vt.Divider?s.jsx("div",{role:"separator",className:Wn},D.key):s.jsxs("button",{role:"menuitem",type:"button","aria-disabled":!!D.disabled,className:g(Bn,D.disabled&&Hn,D.danger&&Gn),disabled:D.disabled,onClick:C(D),children:[D.icon&&s.jsx("span",{className:g(D.danger&&"text-error",D.disabled&&"text-secondary"),children:s.jsx(B,{icon:D.icon})}),s.jsx("span",{className:g("flex-1 truncate text-left",D.danger&&"text-error",D.disabled&&"text-secondary"),children:D.label})]},D.key))}),t.footer&&s.jsx(s.Fragment,{children:typeof t.footer=="function"?t.footer():t.footer})]});return s.jsxs(s.Fragment,{children:[s.jsx("span",{ref:v.setReference,className:g(Ln,a&&"!cursor-not-allowed opacity-75",x),"aria-haspopup":"menu","aria-expanded":S,"aria-controls":A,onContextMenu:Q,...Z(),children:e}),S&&s.jsx(T.FloatingPortal,{children:s.jsx(T.FloatingFocusManager,{context:L,modal:!1,initialFocus:-1,returnFocus:!0,children:s.jsxs("div",{id:A,ref:v.setFloating,style:R,className:g(Vn,y),...$(),children:[u&&s.jsx("div",{className:"flex items-center justify-between px-2 pt-2",children:s.jsx(Je,{ariaLabel:"Close dropdown",onClose:D=>{p?.(D),N(!1)}})}),se]})})})]})},Ee=({tab:e,active:t,disabled:r,invalid:n,cssClass:o,horizontal:a,onClick:i})=>{const l=Y("rounded px-3 py-2 flex flex-row gap-2 h-[32px] cursor-pointer dial-small leading-4 hover:text-accent-primary",{"bg-layer-4":a,"bg-layer-1 text-secondary pointer-events-none":r,"bg-accent-primary-alpha text-primary":t&&!r,"text-primary":!t&&!r,"border-b-2 border-b-accent-primary":t&&a&&!r,"border-l-2 border-l-accent-primary":t&&!a&&!r},o);return s.jsxs("button",{role:"tab",className:l,onClick:()=>i(e.id),disabled:r,children:[s.jsx(be,{text:e.name,contentClassName:"max-w-[200px]",cssClass:"max-w-[200px]"}),n&&s.jsx("div",{className:"text-error",children:s.jsx(E.IconExclamationCircle,{...ie})})]})},_n=({tabs:e,activeTab:t,onClick:r,jsonEditorEnabled:n,orientation:o=ze.Horizontal})=>{const[a,i]=d.useState(!1),c=Fn(),l=o===ze.Horizontal,u=g("flex gap-3 flex-wrap",l?"flex-row":"flex-col",n?"hidden":""),p=g("h-11 flex items-center bg-layer-3",n?"hidden":""),[x,y]=d.useState(g(u,"hidden")),[b,k]=d.useState(g(p,"hidden"));d.useEffect(()=>{y(g(u,c||n?"hidden":"")),k(g(p,!c||n?"hidden":""))},[c,n,u,p]);const w=e.find(j=>j.id===t);return s.jsxs(s.Fragment,{children:[s.jsx("div",{className:x,children:e.map(j=>s.jsx(Ee,{tab:j,active:t===j.id,onClick:r,horizontal:l},j.id))}),s.jsx("div",{className:b,children:s.jsx("div",{className:"h-full px-4",children:s.jsx(et,{trigger:[xe.Click],open:a,onOpenChange:i,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],renderOverlay:()=>e.map(j=>s.jsx(Ee,{tab:j,active:j.id===t,onClick:O=>{r(O),i(!1)},cssClass:"w-full rounded-none h-11 items-center px-6"},j.id)),children:s.jsxs("div",{className:"flex gap-2 items-center h-11 cursor-pointer",children:[s.jsx(Ee,{tab:w,active:!0,onClick:r,cssClass:"rounded-none bg-transparent border-l-0 border-b-[2px] border-accent-primary h-full items-center px-0"},t),s.jsx(B,{icon:s.jsx(E.IconChevronDown,{size:16}),className:g("text-primary",a&&"rotate-180")})]})})})})]})},$n="w-full overflow-x-auto",qn="flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap",Un="flex items-center gap-2 min-w-0 shrink-0 dial-small",pt="inline-flex items-center gap-1 min-w-0 transition-colors",Xn="text-secondary hover:text-accent-primary",Kn="text-primary cursor-default",Yn="flex-none inline-flex items-center leading-none text-icon-secondary",Bt=s.jsx(E.IconChevronRight,{size:16,"aria-hidden":"true"}),Ht=({title:e,href:t,onClick:r,disabled:n,isLast:o,separator:a=Bt,cssClass:i,iconBefore:c,titleCssClass:l})=>{const u=Y(Un,i),p=!!t&&!o&&!n,x=typeof e=="string"?s.jsx(be,{text:e}):e;return s.jsxs("li",{className:u,children:[p?s.jsxs("a",{className:Y(pt,Xn,l),href:t,onClick:r,children:[c,x]}):s.jsxs("span",{className:Y(pt,Kn,n&&"pointer-events-none opacity-75",l),"aria-current":o?"page":void 0,"aria-disabled":n?"true":void 0,children:[c,x]}),!o&&s.jsx("span",{className:Yn,children:a})]})},Zn=({pathItems:e,separator:t=Bt,ariaLabel:r="Breadcrumb",cssClass:n,children:o,titleCssClass:a})=>{const i=e?.length?e.map((c,l)=>s.jsx(Ht,{...c,isLast:l===e.length-1,separator:t,titleCssClass:a},`item-${l}`)):d.Children.toArray(o).map((c,l,u)=>{if(!d.isValidElement(c))return c;const p=l===u.length-1;return d.cloneElement(c,{isLast:p,separator:t})});return s.jsx("nav",{"aria-label":r,className:Y($n,n),children:s.jsx("ol",{className:qn,children:i})})},Gt=({value:e,textareaId:t,placeholder:r,cssClass:n="",disabled:o,invalid:a,readonly:i,onChange:c})=>s.jsx(ce,{tooltip:e,triggerClassName:"flex",children:s.jsx("textarea",{id:t,placeholder:r,value:e||"",disabled:o,className:g("dial-textarea dial-input px-3 py-2",a?"dial-input-error":"",o&&"dial-input-disable",i&&"dial-input-readonly",n),onChange:l=>!i&&c?.(l.currentTarget.value)})}),Qn=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","Delete","Tab","Enter","Escape","Home","End"],Jn=(e,t,r,n)=>{if((t==="number"||r!==void 0||n!==void 0)&&!Qn.includes(e.key)&&!(e.key==="-"&&e.currentTarget.selectionStart===0&&(r===void 0||r<0))&&!(e.key==="."&&t==="number"&&!e.currentTarget.value.includes("."))){if(!/^[0-9]$/.test(e.key)){e.preventDefault();return}if(r!==void 0||n!==void 0){const a=e.currentTarget.value,i=e.currentTarget.selectionStart||0,c=a.slice(0,i)+e.key+a.slice(i),l=parseFloat(c);if(!isNaN(l)){if(r!==void 0&&l<r){e.preventDefault();return}if(n!==void 0&&l>n){e.preventDefault();return}}}}},Se=({iconBefore:e,iconAfter:t,hideBorder:r,value:n,elementId:o,placeholder:a="",cssClass:i="",containerCssClass:c,tooltipTriggerClassName:l,type:u="text",disabled:p,readonly:x,invalid:y,onChange:b,min:k,max:w,prefix:j,suffix:O,textBeforeInput:M,textAfterInput:S,onBlur:N,defaultValue:A})=>{const W=L=>L.target.blur(),_=u==="number"||k!==void 0||w!==void 0,v=L=>{Jn(L,u,k,w)},R=L=>{const H=L.currentTarget.value;if(_&&H!==""){const q=parseFloat(H);if(isNaN(q)&&H!=="-"&&H!=="."||!isNaN(q)&&(k!==void 0&&q<k||w!==void 0&&q>w))return}b?.(H)};return s.jsxs("div",{className:g("dial-input-field flex flex-row items-center justify-between py-2",r?"dial-input-no-border":"dial-input",y&&"dial-input-error",p&&"dial-input-disable",x&&"dial-input-readonly",!M&&"pl-3",!S&&"pr-3",c),children:[M&&s.jsx("div",{className:"mr-2",children:s.jsx(Se,{hideBorder:!0,containerCssClass:"rounded-r-none border-r-0",cssClass:"overflow-hidden overflow-ellipsis dial-small",value:M,disabled:!0,elementId:M+"textBefore"})}),j&&s.jsxs("p",{className:"text-secondary dial-small mr-2",children:[" ",j]}),s.jsx(B,{icon:e}),s.jsx(ce,{tooltip:n,triggerClassName:g(l,"flex-1"),children:s.jsx("input",{type:u,autoComplete:"off",id:o,placeholder:a,value:A?void 0:n??"",disabled:p,className:g("border-0 bg-transparent w-full",i),onChange:L=>!x&&R?.(L),onKeyDown:v,onWheel:W,onBlur:N,min:k,max:w,defaultValue:A})}),s.jsx(B,{icon:t}),O&&s.jsxs("p",{className:"text-secondary dial-small ml-2",children:[" ",O]}),S&&s.jsx("div",{className:"ml-2",children:s.jsx(Se,{hideBorder:!0,containerCssClass:"rounded-l-none border-l-0",value:S,disabled:!0,elementId:S+"textAfter"})})]})},es=/^0+\.(\d+)?$/,ts=/^0+/,Wt=({fieldTitle:e,errorText:t,optional:r,elementCssClass:n,elementContainerCssClass:o,elementId:a,containerCssClass:i,readonly:c,defaultEmptyText:l,min:u,max:p,...x})=>s.jsxs("div",{className:g("flex flex-col",i),children:[s.jsx(ge,{fieldTitle:e,optional:r,htmlFor:a}),c?s.jsx("span",{children:x.value||(l??"None")}):s.jsxs(s.Fragment,{children:[s.jsx(Se,{elementId:a,cssClass:n,containerCssClass:o,invalid:t!=null,min:u,max:p,...x}),s.jsx(ye,{errorText:t})]})]}),rs=({onChange:e,value:t,min:r,max:n,...o})=>{const a=i=>String(i)?.match(es)?String(i)?.replace(ts,"0"):Number(i);return s.jsx(Wt,{type:"number",onChange:i=>e?.(a(i)),value:t,min:r,max:n,...o})},ns=({onChange:e,...t})=>s.jsx(Wt,{type:"text",onChange:r=>e?.(r),...t}),ss=({fieldTitle:e,optional:t,elementId:r,elementCssClass:n,containerCssClass:o,errorText:a,...i})=>s.jsxs("div",{className:Y("flex flex-col",o),children:[s.jsx(ge,{fieldTitle:e,optional:t,htmlFor:r}),s.jsx(Gt,{textareaId:r,cssClass:n,...i}),s.jsx(ye,{errorText:a})]}),os=({title:e,switchId:t,isOn:r=!1,disabled:n,onChange:o})=>{const a=g("flex w-[36px] h-[18px] cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",r?"flex-row-reverse":"flex-row",n?"pointer-events-none":"",n?r?"bg-controls-disable":"bg-layer-4":r?"bg-accent-primary":"bg-layer-4"),i=d.useCallback(c=>{c.stopPropagation(),o?.(!r)},[o,r]);return s.jsxs("div",{className:"flex flex-row items-center",children:[s.jsx("input",{type:"checkbox",onChange:i,id:t,disabled:n,className:"invisible w-0 h-0",checked:r}),s.jsx("label",{htmlFor:t,className:a,children:s.jsx("span",{className:g("size-3 rounded-full",n?r?"bg-layer-4":"bg-controls-disable":"bg-controls-enable-primary")})}),e&&s.jsx("span",{className:"pl-2 dial-small text-primary",children:e})]})};var ae=(e=>(e.Sm="sm",e.Md="md",e.Lg="lg",e))(ae||{});const as="z-[52] flex items-center justify-center bg-blackout md:p-4",is="divide-tertiary divide-y",ls="flex flex-row justify-between py-4 px-6 items-center",cs={[ae.Sm]:"dial-sm-popup",[ae.Md]:"dial-md-popup",[ae.Lg]:"dial-lg-popup"},tt=({open:e=!1,title:t,portalId:r,cssClass:n,overlayClass:o,headingClass:a,dividers:i=!0,children:c,footer:l,onClose:u,size:p=ae.Md})=>{const{refs:x,context:y}=T.useFloating({open:e,onOpenChange:M=>{M||u?.(null)}}),b=T.useRole(y,{role:"dialog"}),k=T.useDismiss(y,{outsidePress:!0}),{getFloatingProps:w}=T.useInteractions([b,k]);if(!e)return null;const j=typeof t=="string"?"dial-popup-heading":void 0,O=M=>M?typeof M=="string"?s.jsx("h3",{id:j,className:g("flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",a),children:s.jsx(ce,{tooltip:M,children:M})}):M:s.jsx("span",{});return s.jsx(T.FloatingPortal,{id:r,children:s.jsx(T.FloatingOverlay,{className:g(as,o),children:s.jsx(T.FloatingFocusManager,{context:y,children:s.jsxs("div",{ref:x.setFloating,...w(),role:"dialog","aria-modal":"true","aria-labelledby":j,className:g("dial-popup",cs[p],i&&is,n),children:[s.jsxs("div",{className:ls,children:[O(t),s.jsx(Je,{ariaLabel:"Close dialog",onClose:M=>u?.(M)})]}),s.jsx("div",{className:"flex-grow overflow-auto",children:c}),l]})})})})};var Ie=(e=>(e.Info="info",e.Danger="danger",e))(Ie||{});const ds="flex justify-end gap-2 px-6 py-4",us="text-secondary dial-small-150 px-6 py-4",ps="Cancel",fs="Ok",ft={[Ie.Info]:{confirmVariant:X.Primary,cancelVariant:X.Secondary},[Ie.Danger]:{container:"dial-danger-popup",confirmVariant:X.Danger,cancelVariant:X.Secondary}},gs=({title:e,description:t,descriptionCssClass:r,open:n=!1,confirmLabel:o=fs,cancelLabel:a=ps,isLoading:i=!1,disableConfirmButton:c=!1,cssClass:l,confirmClassName:u,onClose:p,onConfirm:x,onCancel:y,children:b,dividers:k=!1,variant:w=Ie.Info,size:j=ae.Sm,footer:O})=>{const M=i?null:s.jsxs("div",{className:ds,children:[s.jsx(te,{variant:X.Secondary,title:a,onClick:()=>y?y():p?.()}),s.jsx(te,{variant:ft[w].confirmVariant,cssClass:u,title:o,disable:c,onClick:()=>x()})]}),S=d.useCallback(()=>i?s.jsx("div",{className:"px-6 py-4 h-[120px]",children:s.jsx(ht,{size:50})}):b??(t?s.jsx("div",{className:g(us,r),children:t}):null),[b,t,i,r]);return s.jsx(tt,{open:n,title:e,cssClass:g(ft[w].container,l),dividers:k,onClose:()=>p?.(),footer:O??M,size:j,children:S()})},rt=({selectedItems:e,listCssClass:t,listElementCssClass:r})=>!!e?.length&&s.jsx("ul",{className:g("flex-row items-center truncate flex-wrap","flex gap-x-2 gap-y-1",t),children:e?.map(n=>s.jsx("li",{children:s.jsx(ce,{tooltip:n,children:s.jsx(Fe,{tag:n,cssClass:g([r])})})},n))}),gt=e=>ee.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},ee.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"})),_t=({children:e,open:t,disabled:r=!1,selectedValue:n,valueCssClasses:o,inputCssClasses:a,onOpen:i,elementId:c,errorText:l,emptyValueText:u})=>{const p=Array.isArray(n)&&n.length>0,x=typeof n=="string"&&!!n.trim(),y=p||x?n:u,b=r?void 0:i,k=()=>s.jsxs(s.Fragment,{children:[s.jsx("button",{type:"button",className:"w-full",onClick:b,"aria-label":"open-popup",id:c,children:s.jsxs("div",{className:g("dial-input px-3 py-2 dial-input-field flex flex-row items-center w-full justify-between",a,r&&"dial-input-disable",l&&"dial-input-error"),children:[s.jsx(ce,{tooltip:String(y),children:s.jsx("span",{className:o,children:y})}),!r&&s.jsx("div",{className:"flex-shrink-0",children:s.jsx(B,{icon:s.jsx(gt,{role:"img",width:he,height:he})})})]})}),l&&s.jsx(ye,{errorText:l})]}),w=()=>s.jsx("div",{className:"w-full",onClick:b,children:s.jsxs("div",{className:g("dial-input px-3 py-2 flex flex-row items-center w-full justify-between",r&&"dial-input-disable"),children:[s.jsx(rt,{selectedItems:y}),!r&&s.jsx("div",{className:"ml-1",children:s.jsx(B,{icon:s.jsx(gt,{role:"img",width:he,height:he})})})]})});return s.jsxs(s.Fragment,{children:[p?w():k(),t&&Ut.createPortal(e,document.body)]})},ms=({fieldTitle:e,htmlFor:t,disabled:r,selectedValue:n,radioButtons:o,customInputValue:a,valueCssClasses:i,inputCssClasses:c,emptyValueText:l,onClose:u,title:p,portalId:x,onApply:y,cancelButtonTitle:b="Cancel",applyButtonTitle:k="Apply",isValid:w,selectedRadioValue:j,onChangeRadioField:O,id:M,size:S=ae.Md})=>{const[N,A]=d.useState(!1),W=d.useCallback(()=>{r||A(!0)},[r]),_=d.useCallback(()=>{A(!1),u?.()},[u]),v=d.useCallback(()=>{y(),_()},[y,_]);return s.jsxs("div",{className:"flex flex-col",children:[s.jsx(ge,{fieldTitle:e,htmlFor:t}),s.jsx(_t,{disabled:r,open:N,selectedValue:a??o.find(R=>R.id===n)?.name,valueCssClasses:i,inputCssClasses:g(c,"py-2","px-3"),emptyValueText:l,onOpen:W,children:s.jsx(tt,{open:N,onClose:_,title:p,portalId:x,size:S,footer:s.jsxs("div",{className:"flex flex-row items-center justify-end gap-2 px-6 py-4",children:[s.jsx(te,{variant:X.Secondary,title:b,onClick:_}),s.jsx(te,{variant:X.Primary,title:k,onClick:v,disable:!w})]}),children:s.jsx("div",{className:"px-6 py-4",children:s.jsx(kt,{radioButtons:o,labelCssClass:"dial-small",activeRadioButton:j,onChange:O,elementId:M,orientation:De.Column})})})})]})},hs=({onClick:e})=>s.jsx(E.IconEyeOff,{...ie,className:"text-primary",onClick:e}),xs=({onClick:e})=>s.jsx(E.IconEye,{...ie,className:"text-primary",onClick:e}),$t=({...e})=>{const[t,r]=d.useState(!1),n=d.useCallback(o=>{r(o)},[]);return s.jsx(Se,{type:t?"text":"password",...e,iconAfter:t?s.jsx(hs,{onClick:()=>n(!1)}):s.jsx(xs,{onClick:()=>n(!0)})})},bs=({fieldTitle:e,optional:t,elementCssClass:r,elementId:n,errorText:o,...a})=>s.jsxs("div",{className:"flex flex-col",children:[s.jsx(ge,{fieldTitle:e,optional:t,htmlFor:n}),s.jsx($t,{cssClass:r,elementId:n,invalid:!!o,...a}),s.jsx(ye,{errorText:o})]});var Ne=(e=>(e.Small="small",e.Base="base",e))(Ne||{});const ys={[Ne.Small]:{textClass:"text-xs px-1",containerClass:"px-[6px] py-1 h-[22px]",iconSize:10,iconStroke:1},[Ne.Base]:{textClass:"text-sm px-2",containerClass:"px-3 py-2 h-[38px]",iconSize:18,iconStroke:1.5}},qt=({elementId:e,value:t,placeholder:r,disabled:n,readonly:o,invalid:a,cssClass:i,containerCssClass:c,onChange:l,size:u=Ne.Base})=>{const[p,x]=d.useState(t||"");d.useEffect(()=>{x(t||"")},[t]);const y=d.useCallback(w=>{x(w),l?.(w)},[l]),b=ys[u],k=d.useCallback(()=>{y("")},[y]);return s.jsxs("div",{className:g("dial-input flex flex-row items-center justify-between",a&&"dial-input-error",n&&"dial-input-disable",o&&"dial-input-readonly",b.containerClass,c),children:[s.jsx(B,{className:g(n?"text-secondary":"text-primary"),icon:s.jsx(E.IconSearch,{size:b.iconSize,stroke:b.iconStroke})}),s.jsx("input",{id:e,type:"text",autoComplete:"off",placeholder:r,value:p??"",disabled:n,readOnly:o,className:g("border-0 bg-transparent w-full",i,b.textClass),onChange:w=>!o&&y(w.currentTarget.value)}),p&&!o&&!n&&s.jsx(B,{className:"text-primary cursor-pointer",icon:s.jsx(E.IconX,{size:b.iconSize,stroke:b.iconStroke,onClick:k,"aria-label":"Clear search",role:"button"})})]})},ws=({placeholder:e="",selectedItems:t=[],updateSelected:r,listCssClass:n,listElementCssClass:o,containerCssClass:a,inputCssClass:i})=>{const[c,l]=d.useState(""),u=d.useCallback(x=>{x.key==="Enter"&&(r([...t,x.currentTarget.value]),l("")),(x.key==="Backspace"||x.key==="Delete")&&t.length&&!c&&r(t.slice(0,-1))},[t,r,c]),p=d.useCallback(x=>{l(x.target.value)},[l]);return s.jsxs("div",{className:g(["dial-input px-3 py-2 flex flex-row items-center flex-wrap w-fit gap-2",a]),children:[s.jsx(rt,{selectedItems:t,listCssClass:n,listElementCssClass:o}),s.jsx("input",{type:"text",value:c,className:g(["border-0 bg-transparent p-0",i]),placeholder:t?.length?"":e,onKeyDown:u,onChange:p})]})},vs=({initialTags:e=[],fieldTitle:t,optional:r,elementId:n,placeholder:o,errorText:a,invalid:i,disabled:c,onChange:l})=>{const u=d.useRef(null),[p,x]=d.useState(e),[y,b]=d.useState(""),[k,w]=d.useState(!1),j=S=>{const N=S.trim().replace(/,$/,"");if(N&&!p.includes(N)){const A=[N,...p];x(A),l?.(A)}},O=S=>{(S.key===","||S.key==="Enter")&&(S.preventDefault(),j(y),b(""))},M=S=>{const N=p.filter((A,W)=>W!==S);x(N),l?.(N)};return d.useEffect(()=>{const S=new ResizeObserver(()=>{if(u.current){const N=u.current.scrollHeight>u.current.clientHeight+10;w(N)}});return u.current&&S.observe(u.current),()=>S.disconnect()},[p]),s.jsxs("div",{className:g("flex flex-col w-full"),children:[s.jsx(ge,{fieldTitle:t,optional:r,htmlFor:n}),s.jsx("div",{className:g("dial-input min-h-[38px] p-[6px]",i&&"dial-input-error",c&&"dial-input-disable"),children:s.jsxs("div",{ref:u,className:g("flex flex-wrap gap-2 items-center",k?"flex-col-reverse":"flex-row"),children:[p.map((S,N)=>s.jsx(Fe,{tag:S,remove:c?void 0:()=>M(N)},S+N)),s.jsx("input",{type:"text",value:y,onChange:S=>b(S.target.value),onKeyDown:O,className:g("dial-input-no-border outline-none border-none w-full min-w-[100px] flex-1 p-1"),placeholder:o,disabled:c})]})}),s.jsx(ye,{errorText:a})]})},Cs="dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]",ks="w-full rounded",$e="flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none",js="bg-accent-primary-alpha",Ds="bg-accent-primary-alpha border-l border-accent-primary border-1",mt="opacity-75",Ss=s.jsx(E.IconChevronDown,{size:16}),Is=({options:e,multiple:t=!1,value:r,defaultValue:n,placeholder:o="Select...",searchable:a=!1,selectAll:i=!1,selectAllLabel:c="Select all",emptyStateTitle:l="No options available",emptyStateDescription:u,emptyStateIcon:p,disabled:x=!1,cssClass:y,closable:b=!1,onClose:k,onChange:w})=>{const[j,O]=d.useState(!1),[M,S]=d.useState(""),N=d.useId(),A=r!==void 0,[W,_]=d.useState(n),v=A?r:W,R=d.useMemo(()=>t?Array.isArray(v)?v:[]:typeof v=="string"?[v]:[],[v,t]),L=d.useMemo(()=>{const f=M.trim().toLowerCase();return f?e.filter(z=>z.label.toLowerCase().includes(f)):e},[e,M]);d.useEffect(()=>{j||S("")},[j]);const H=d.useCallback(f=>{A||_(f),w?.(f)},[A,w]),q=f=>{if(t){const z=new Set(R);z.has(f)?z.delete(f):z.add(f),H(Array.from(z))}else H(f),O(!1)},de=d.useCallback((f,z)=>{if(f.stopPropagation(),!t){H("");return}const J=R.filter(P=>P!==z);H(J)},[t,R,H]),U=d.useMemo(()=>L.filter(f=>!f.disabled),[L]),Z=d.useMemo(()=>U.filter(f=>R.includes(f.value)).length,[U,R]),$=U.length>0&&Z===U.length,Q=Z>0&&!$,C=()=>{if(!(!t||U.length===0))if($){const f=new Set(U.map(J=>J.value)),z=R.filter(J=>!f.has(J));H(z)}else{const f=new Set(R);U.forEach(z=>f.add(z.value)),H(Array.from(f))}},se=R.length>0,D=!t&&se?R[0]:void 0,G=d.useMemo(()=>D?e.find(f=>f.value===D):void 0,[e,D]),re=d.useCallback(()=>!t||R.length===0?null:s.jsx("div",{className:"flex flex-wrap w-full items-center gap-1",children:R.map(f=>{const z=e.find(P=>P.value===f)?.label??f,J=e.find(P=>P.value===f)?.icon;return s.jsx(Fe,{tag:z,remove:P=>de(P,f),iconBefore:J?s.jsx(B,{icon:J}):null,cssClass:"max-w-full"},f)})}),[t,e,R,de]),F=d.useCallback(()=>t?se?re():s.jsx("span",{className:"text-secondary truncate",children:o}):G?s.jsxs(s.Fragment,{children:[G.icon&&s.jsx(B,{icon:G.icon}),s.jsx(be,{text:G.label})]}):s.jsx("span",{className:"text-secondary truncate",children:o}),[se,t,o,re,G]);return s.jsx(et,{open:j,onOpenChange:O,disabled:x,closable:b,onClose:k,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],renderOverlay:()=>s.jsxs("div",{id:N,role:"listbox","aria-multiselectable":t||void 0,className:ks,children:[(a||b)&&s.jsxs("div",{className:"flex items-center gap-2 px-2 pt-2",children:[a&&s.jsx(qt,{onChange:S,value:M,elementId:`search-${N}`}),b&&s.jsx(te,{ariaLabel:"Close select",cssClass:"shrink-0",iconBefore:s.jsx(E.IconX,{size:16}),onClick:f=>{k?.(f),O(!1)}})]}),t&&i&&U.length>0&&s.jsx("div",{className:g($e,"mt-2"),children:s.jsx(qe,{id:`${N}-selectAll`,label:c,checked:$,indeterminate:Q,onChange:C,ariaLabel:c})}),s.jsx("div",{className:"overflow-y-auto py-1",children:L.length===0?s.jsx("div",{className:"px-2 py-3",children:s.jsx(jt,{icon:p??s.jsx(E.IconClipboardX,{size:24}),title:l,description:u})}):L.map(f=>{const z=R.includes(f.value);return t?s.jsx("div",{className:g($e,z&&js,f.disabled&&mt,"w-full"),children:s.jsx(qe,{id:`${N}-${f.value}`,label:s.jsxs("span",{className:"flex w-full flex-1 min-w-0 items-center gap-2 text-primary",children:[f.icon&&s.jsx(B,{icon:f.icon}),s.jsx("span",{className:"truncate",children:f.label})]}),checked:z,disabled:f.disabled,onChange:()=>!f.disabled&&q(f.value),ariaLabel:f.label})},f.value):s.jsx("button",{role:"option",type:"button","aria-selected":z,"aria-disabled":!!f.disabled,disabled:f.disabled,className:g($e,z&&Ds,f.disabled&&mt),onClick:()=>!f.disabled&&q(f.value),children:s.jsxs("div",{className:"flex items-center gap-2 w-full",children:[f.icon&&s.jsx(B,{icon:f.icon}),s.jsx(be,{text:f.label})]})},f.value)})})]}),children:s.jsxs("button",{type:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-controls":N,className:Y(Cs,x&&"opacity-75 !cursor-not-allowed",y),onClick:()=>!x&&O(f=>!f),children:[s.jsx("div",{className:"flex min-w-0 items-center gap-2 text-primary",children:F()}),s.jsx(B,{icon:Ss,className:g("text-primary",j&&"rotate-180")})]})})};exports.AlertVariant=pe;exports.ButtonVariant=X;exports.ConfirmationPopupVariant=Ie;exports.DialAlert=Jt;exports.DialAutocompleteInput=ws;exports.DialAutocompleteInputValue=rt;exports.DialBreadcrumb=Zn;exports.DialBreadcrumbItem=Ht;exports.DialButton=te;exports.DialCheckbox=qe;exports.DialCloseButton=Je;exports.DialCollapsibleSidebar=mr;exports.DialConfirmationPopup=gs;exports.DialDraggableItem=An;exports.DialDropdown=et;exports.DialEllipsisTooltip=be;exports.DialErrorText=ye;exports.DialFieldLabel=ge;exports.DialIcon=B;exports.DialInput=Se;exports.DialInputPopup=_t;exports.DialLabelledText=hr;exports.DialLoader=ht;exports.DialNoDataContent=jt;exports.DialNumberInputField=rs;exports.DialPasswordInput=$t;exports.DialPasswordInputField=bs;exports.DialPopup=tt;exports.DialRadioButton=Ct;exports.DialRadioGroup=kt;exports.DialRadioGroupPopupField=ms;exports.DialSearch=qt;exports.DialSelect=Is;exports.DialSteps=cr;exports.DialSwitch=os;exports.DialTab=Ee;exports.DialTabs=_n;exports.DialTag=Fe;exports.DialTagInput=vs;exports.DialTextAreaField=ss;exports.DialTextInputField=ns;exports.DialTextarea=Gt;exports.DialTooltip=ce;exports.DropdownType=Lt;exports.PopupSize=ae;exports.RadioGroupOrientation=De;exports.SearchSize=Ne;exports.StepStatus=K;exports.TabOrientation=ze;exports.TagVariant=Ae;exports.mergeClasses=Y;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("classnames"),z=require("@tabler/icons-react"),u=require("react"),T=require("@floating-ui/react"),Ut=require("react-dom");function Xt(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 te=Xt(u),ye=({errorText:e})=>e&&n.jsx("span",{className:"text-error dial-tiny mt-1",children:e}),me=({fieldTitle:e,htmlFor:t,optional:r,optionalText:s,cssClass:o})=>e?n.jsxs("label",{className:m("dial-tiny text-secondary",o,!o?.includes("mb")&&"mb-2"),htmlFor:t,children:[n.jsx("span",{className:"min-h-4",children:e}),r&&n.jsx("span",{className:"ml-1",children:s??"(Optional)"})]}):null,B=({icon:e,className:t})=>e?n.jsx("span",{className:m("flex-shrink-0",t),children:e}):null;var q=(e=>(e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e.Danger="danger",e))(q||{});const Kt={[q.Primary]:"dial-primary-button",[q.Secondary]:"dial-secondary-button",[q.Tertiary]:"dial-tertiary-button",[q.Danger]:"dial-danger-button"},Z=({title:e,variant:t,cssClass:r,textCssClass:s,ref:o,onClick:a,disable:i,iconAfter:c,iconBefore:l,hideTitleOnMobile:d,ariaLabel:p})=>{const g=m("dial-small-semi",c?"mr-2":"",l?"ml-2":"",d?"hidden sm:inline":"inline",s),y=m(t&&Kt[t],r,"focus-visible:outline outline-offset-0");return n.jsxs("button",{ref:o,type:"button",className:y,onClick:b=>a?.(b),disabled:i,"aria-label":e||p,children:[n.jsx(B,{icon:l}),e&&n.jsx("span",{className:g,children:e}),n.jsx(B,{icon:c})]})};var pe=(e=>(e.Info="info",e.Success="success",e.Warning="warning",e.Error="error",e))(pe||{});const Yt={info:n.jsx(z.IconInfoCircle,{size:24,stroke:2}),error:n.jsx(z.IconAlertCircle,{size:24,stroke:2}),warning:n.jsx(z.IconAlertTriangle,{size:24,stroke:2}),success:n.jsx(z.IconCircleCheck,{size:24,stroke:2})},Zt={[pe.Info]:"bg-info border-info text-info",[pe.Success]:"bg-success border-success text-success",[pe.Warning]:"bg-warning border-warning text-warning",[pe.Error]:"bg-error border-error text-error"},Qt="items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex",Jt=({variant:e=pe.Info,message:t,cssClass:r,closable:s=!1,onClose:o})=>n.jsxs("div",{role:"alert",className:m(Qt,Zt[e],r),children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(B,{icon:Yt[e]}),n.jsx("div",{className:"text-primary",children:t})]}),s&&n.jsx(Z,{cssClass:"ml-2 text-secondary hover:text-primary",ariaLabel:"Close alert",iconBefore:n.jsx(z.IconX,{size:16}),onClick:a=>o?.(a)})]}),er="flex items-center justify-center text-secondary",tr="shrink-0 grow-0 basis-auto animate-spin-steps",rr=e=>te.createElement("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},te.createElement("path",{d:"M24 39V46.5",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.4,d:"M9 24H1.5",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.5,d:"M8.0918 8.0918L13.3994 13.3994",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.6,d:"M24 1.5V9",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.7,d:"M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.8,d:"M46.5 24H39",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.9,d:"M34.6055 34.6055L39.9082 39.9082",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),te.createElement("path",{opacity:.3,d:"M13.3936 34.6055L8.08594 39.9131",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"})),Je=({size:e=18,cssClass:t,iconClass:r,fullWidth:s=!0,ariaLabel:o="Loading"})=>n.jsx("div",{role:"status","aria-label":o,className:m({[er]:!0,"w-full h-full":s,[t||""]:!!t}),children:n.jsx(B,{icon:n.jsx(rr,{width:e,height:e,className:m(tr,r),role:"img"})})}),nr=7,sr=2,xt=u.createContext(null),bt=()=>{const e=u.useContext(xt);if(e==null)throw new Error("Tooltip components must be wrapped in <Tooltip />");return e},or=({initialOpen:e=!1,placement:t="bottom",isTriggerClickable:r=!1,open:s,onOpenChange:o}={})=>{const[a,i]=u.useState(e),c=u.useRef(null),l=s??a,d=o??i,p=T.useFloating({placement:t,open:l,onOpenChange:d,whileElementsMounted:T.autoUpdate,middleware:[T.offset(nr+sr),T.flip({crossAxis:t.includes("-"),fallbackAxisSideDirection:"start",padding:5}),T.shift({padding:5}),T.arrow({element:c})]}),g=T.useHover(p.context,{move:!1,enabled:s==null,mouseOnly:r,delay:{open:500,close:0}}),y=T.useFocus(p.context,{enabled:s==null}),b=T.useDismiss(p.context),C=T.useRole(p.context,{role:"tooltip"}),w=T.useInteractions([g,y,b,C]);return u.useMemo(()=>({open:l,setOpen:d,arrowRef:c,...w,...p}),[l,d,w,p])},yt=({children:e,...t})=>{const r=or(t);return n.jsx(xt.Provider,{value:r,children:e})},wt=u.forwardRef(function({style:t,...r},s){const o=bt(),a=T.useMergeRefs([o.refs.setFloating,s]);return o.open?n.jsx(T.FloatingPortal,{id:"tooltip-portal",children:n.jsxs("div",{ref:a,style:{...o.floatingStyles,...t},...o.getFloatingProps(r),className:m("z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-blackout px-2 py-1 dial-tiny shadow max-w-[300px]",o.getFloatingProps(r).className),children:[r.children,n.jsx(T.FloatingArrow,{ref:o.arrowRef,context:o.context,fill:"currentColor",strokeWidth:1,className:"stroke-primary w-2 text-[var(--bg-layer-0,_#000000)]"})]})}):null}),vt=u.forwardRef(function({children:t,asChild:r=!1,...s},o){const a=bt(),c=t&&typeof t=="object"&&"ref"in t&&t.ref!==void 0?t.ref:void 0,l=T.useMergeRefs([a.refs.setReference,o,c]);return r&&u.isValidElement(t)?u.cloneElement(t,a.getReferenceProps({ref:l,...s,...t.props})):n.jsx("span",{ref:l,...a.getReferenceProps(s),className:s.className??"dial-tooltip-trigger text-left",children:t})}),ce=({hideTooltip:e,tooltip:t,children:r,triggerClassName:s,contentClassName:o,...a})=>n.jsxs(yt,{...a,children:[n.jsx(vt,{className:m(s,"truncate"),children:r}),n.jsx(wt,{className:m("text-primary",o,"max-w-[300px]",(e||!t)&&"hidden"),children:t})]}),he=18,ie={size:he,stroke:2},Ue=({label:e,id:t,checked:r,indeterminate:s,disabled:o,ariaLabel:a,onChange:i,cssClass:c})=>{const l=u.useCallback(y=>{i?.(y.target.checked,t)},[i,t]),d=m("flex flex-row items-center cursor-pointer text-accent-primary small-medium flex-1 min-w-0",`${r||s?"":'before:content-[""] before:inline-block before:w-[18px] before:h-[18px] before:border before:border-hover before:rounded before:mr-2'}`,o?"pointer-events-none text-secondary before:border-icon-secondary before:bg-layer-4":"",c),p=m("mr-2 border rounded",o?"bg-layer-4 border-icon-secondary":""),g=()=>s?n.jsx(z.IconMinus,{className:p,...ie}):r?n.jsx(z.IconCheck,{className:p,...ie}):null;return n.jsxs("label",{className:d,htmlFor:t,children:[g(),e&&(typeof e=="string"?n.jsx(ce,{tooltip:e,triggerClassName:"flex-1 min-w-0",children:n.jsx("span",{className:"text-primary w-full truncate",children:e})}):e),n.jsx("input",{type:"checkbox",role:"checkbox",name:t,onChange:l,id:t,checked:r,"aria-checked":s?"mixed":r,"aria-disabled":o||void 0,"aria-label":e?void 0:a,className:"invisible w-0 h-0"})]})};var Y=(e=>(e.VALID="valid",e.ERROR="error",e))(Y||{});const ar=(e,t)=>{if(t===e.id)switch(e.status){case Y.VALID:return"border-accent-secondary text-primary";case Y.ERROR:return"border-red-900 text-primary";default:return"border-accent-primary text-primary"}switch(e.status){case Y.VALID:return"border-primary text-white";case Y.ERROR:return"border-red-900 text-error";default:return"border-primary text-secondary"}},ir=(e,t)=>{if(t===e.id)switch(e.status){case Y.VALID:return"bg-accent-secondary";case Y.ERROR:return"bg-red-400";default:return"bg-accent-primary"}switch(e.status){case Y.VALID:return"bg-accent-secondary";case Y.ERROR:return"bg-red-400";default:return"bg-layer-4"}},lr=({step:e,index:t,currentStep:r,onChangeStep:s})=>{const o="h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer",a="w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white",i=()=>r===e.id&&e.status===Y.ERROR?n.jsx(z.IconExclamationCircle,{stroke:2,size:16}):r!==e.id&&e.status===Y.VALID?n.jsx(z.IconCheck,{stroke:2,size:16}):t+1;return n.jsxs("button",{className:m(o,ar(e,r)),onClick:()=>s(e.id),children:[n.jsx("span",{className:m(a,ir(e,r)),children:i()}),n.jsx("span",{children:e.name})]})},cr=({steps:e,currentStep:t,onChangeStep:r})=>{const s=o=>{const a=e.findIndex(c=>c.id===t),i=e.findIndex(c=>c.id===o);(o!==t&&e[a].status===Y.VALID||i<a)&&r(o)};return n.jsx("div",{id:"steps",className:"flex gap-x-3",children:e.map((o,a)=>n.jsx(lr,{currentStep:t,onChangeStep:s,step:o,index:a},o.id))})},Ct=({name:e,value:t,title:r,description:s,checked:o=!1,inputId:a,cssClass:i,labelCssClass:c,disabled:l,onChange:d,descriptionCssClass:p})=>{const g=`${a}-desc`,y=m("dial-small cursor-pointer",l?"text-secondary":"text-primary",c),b=m("cursor-pointer dial-input-radio",r&&"mr-2",i),C=m("flex flex-col",!!s&&"mb-2"),w=m("dial-tiny mt-2 ml-[26px] text-secondary",p),j=O=>{l||O.target.checked&&d?.(t)};return n.jsxs("div",{className:C,children:[n.jsxs("div",{className:"flex flex-row items-center",children:[n.jsx("input",{type:"radio",id:a,name:e,value:t,checked:o,disabled:l,"aria-describedby":o&&s?g:void 0,className:b,onChange:j}),r?n.jsx("label",{className:y,htmlFor:a,children:r}):null]}),o&&s&&n.jsx("div",{id:g,className:w,children:s})]})};var De=(e=>(e.Row="Row",e.Column="Column",e))(De||{});const dr="flex flex-col gap-2",ur="flex",pr="pb-1 mt-2",fr={[De.Column]:"flex-col gap-y-3",[De.Row]:"flex-row gap-x-6"},kt=({fieldTitle:e,radioCssClass:t,labelCssClass:r,disabled:s,elementId:o,radioButtons:a,activeRadioButton:i,orientation:c,onChange:l})=>n.jsxs("div",{className:dr,children:[e&&n.jsx(me,{fieldTitle:e,htmlFor:o}),n.jsx("div",{role:"radiogroup","aria-label":e,"aria-disabled":s||void 0,className:m(ur,fr[c]),children:a.map(d=>n.jsxs("div",{className:"flex flex-col",children:[n.jsx(Ct,{name:o,value:d.id,inputId:d.id,disabled:s,cssClass:t,labelCssClass:r,title:d.name,checked:d.id===i,onChange:()=>l(d.id)}),d.id===i&&d.content?n.jsx("div",{className:pr,children:d.content}):null]},d.id))})]}),jt=({icon:e,title:t,description:r})=>n.jsxs("div",{className:"h-full w-full flex flex-col items-center justify-center text-secondary",children:[e||n.jsx(z.IconClipboardX,{width:60,height:60}),n.jsx("span",{className:"dial-small mt-2 text-primary",children:t}),r&&n.jsx("span",{className:"mt-1 text-primary",children:r})]}),mr=60,gr=({containerCssClass:e,children:t,width:r,title:s,iconSize:o=he,titleCssClass:a,additionalButtons:i})=>{const[c,l]=u.useState(r),[d,p]=u.useState(!0),g=m(["transform rotate-180 [writing-mode:tb-rl]",d&&"hidden",a]),y=m(["flex flex-row gap-2 cursor-pointer text-secondary",d?"justify-end":"justify-center"]),b=()=>{l(d?mr:r),p(!d)};return n.jsxs("div",{className:m(["rounded p-4 flex flex-col justify-between overflow-y-auto flex-shrink-0",e]),style:{width:`${c}px`},children:[n.jsx("div",{className:m(["flex-1 min-h-0 overflow-auto",!d&&"hidden"]),children:t}),n.jsx("div",{className:g,children:s}),n.jsxs("div",{className:y,children:[d&&i,n.jsx(Z,{cssClass:"hover:text-icon-accent-primary",onClick:b,iconBefore:d?n.jsx(z.IconChevronsLeft,{size:o,stroke:ie.stroke}):n.jsx(z.IconChevronsRight,{size:o,stroke:ie.stroke})})]})]})},hr=({label:e,text:t,children:r,postfix:s})=>n.jsxs("div",{className:m("flex flex-col",r?"":"max-w-[200px]"),children:[n.jsx("label",{className:"dial-tiny mb-2 text-secondary",children:e}),r||n.jsxs("div",{className:"flex flex-row items-center",children:[n.jsx(ce,{triggerClassName:"text-primary",tooltip:t,children:t}),s||null]})]});var Ae=(e=>(e.Default="default",e))(Ae||{});const xr={[Ae.Default]:"border-icon-secondary bg-layer-3"},br="text-primary",et="-",yr=e=>{const t=vr(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:s}=e;return{getClassGroupId:i=>{const c=i.split(et);return c[0]===""&&c.length!==1&&c.shift(),Dt(c,t)||wr(i)},getConflictingClassGroupIds:(i,c)=>{const l=r[i]||[];return c&&s[i]?[...l,...s[i]]:l}}},Dt=(e,t)=>{if(e.length===0)return t.classGroupId;const r=e[0],s=t.nextPart.get(r),o=s?Dt(e.slice(1),s):void 0;if(o)return o;if(t.validators.length===0)return;const a=e.join(et);return t.validators.find(({validator:i})=>i(a))?.classGroupId},ot=/^\[(.+)\]$/,wr=e=>{if(ot.test(e)){const t=ot.exec(e)[1],r=t?.substring(0,t.indexOf(":"));if(r)return"arbitrary.."+r}},vr=e=>{const{theme:t,classGroups:r}=e,s={nextPart:new Map,validators:[]};for(const o in r)Xe(r[o],s,o,t);return s},Xe=(e,t,r,s)=>{e.forEach(o=>{if(typeof o=="string"){const a=o===""?t:at(t,o);a.classGroupId=r;return}if(typeof o=="function"){if(Cr(o)){Xe(o(s),t,r,s);return}t.validators.push({validator:o,classGroupId:r});return}Object.entries(o).forEach(([a,i])=>{Xe(i,at(t,a),r,s)})})},at=(e,t)=>{let r=e;return t.split(et).forEach(s=>{r.nextPart.has(s)||r.nextPart.set(s,{nextPart:new Map,validators:[]}),r=r.nextPart.get(s)}),r},Cr=e=>e.isThemeGetter,kr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,r=new Map,s=new Map;const o=(a,i)=>{r.set(a,i),t++,t>e&&(t=0,s=r,r=new Map)};return{get(a){let i=r.get(a);if(i!==void 0)return i;if((i=s.get(a))!==void 0)return o(a,i),i},set(a,i){r.has(a)?r.set(a,i):o(a,i)}}},Ke="!",Ye=":",jr=Ye.length,Dr=e=>{const{prefix:t,experimentalParseClassName:r}=e;let s=o=>{const a=[];let i=0,c=0,l=0,d;for(let C=0;C<o.length;C++){let w=o[C];if(i===0&&c===0){if(w===Ye){a.push(o.slice(l,C)),l=C+jr;continue}if(w==="/"){d=C;continue}}w==="["?i++:w==="]"?i--:w==="("?c++:w===")"&&c--}const p=a.length===0?o:o.substring(l),g=Sr(p),y=g!==p,b=d&&d>l?d-l:void 0;return{modifiers:a,hasImportantModifier:y,baseClassName:g,maybePostfixModifierPosition:b}};if(t){const o=t+Ye,a=s;s=i=>i.startsWith(o)?a(i.substring(o.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:i,maybePostfixModifierPosition:void 0}}if(r){const o=s;s=a=>r({className:a,parseClassName:o})}return s},Sr=e=>e.endsWith(Ke)?e.substring(0,e.length-1):e.startsWith(Ke)?e.substring(1):e,Ir=e=>{const t=Object.fromEntries(e.orderSensitiveModifiers.map(s=>[s,!0]));return s=>{if(s.length<=1)return s;const o=[];let a=[];return s.forEach(i=>{i[0]==="["||t[i]?(o.push(...a.sort(),i),a=[]):a.push(i)}),o.push(...a.sort()),o}},Nr=e=>({cache:kr(e.cacheSize),parseClassName:Dr(e),sortModifiers:Ir(e),...yr(e)}),Tr=/\s+/,Mr=(e,t)=>{const{parseClassName:r,getClassGroupId:s,getConflictingClassGroupIds:o,sortModifiers:a}=t,i=[],c=e.trim().split(Tr);let l="";for(let d=c.length-1;d>=0;d-=1){const p=c[d],{isExternal:g,modifiers:y,hasImportantModifier:b,baseClassName:C,maybePostfixModifierPosition:w}=r(p);if(g){l=p+(l.length>0?" "+l:l);continue}let j=!!w,O=s(j?C.substring(0,w):C);if(!O){if(!j){l=p+(l.length>0?" "+l:l);continue}if(O=s(C),!O){l=p+(l.length>0?" "+l:l);continue}j=!1}const M=a(y).join(":"),S=b?M+Ke:M,N=S+O;if(i.includes(N))continue;i.push(N);const A=o(O,j);for(let W=0;W<A.length;++W){const _=A[W];i.push(S+_)}l=p+(l.length>0?" "+l:l)}return l};function Or(){let e=0,t,r,s="";for(;e<arguments.length;)(t=arguments[e++])&&(r=St(t))&&(s&&(s+=" "),s+=r);return s}const St=e=>{if(typeof e=="string")return e;let t,r="";for(let s=0;s<e.length;s++)e[s]&&(t=St(e[s]))&&(r&&(r+=" "),r+=t);return r};function Pr(e,...t){let r,s,o,a=i;function i(l){const d=t.reduce((p,g)=>g(p),e());return r=Nr(d),s=r.cache.get,o=r.cache.set,a=c,c(l)}function c(l){const d=s(l);if(d)return d;const p=Mr(l,r);return o(l,p),p}return function(){return a(Or.apply(null,arguments))}}const V=e=>{const t=r=>r[e]||[];return t.isThemeGetter=!0,t},It=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Nt=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Rr=/^\d+\/\d+$/,zr=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Er=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Ar=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Fr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Lr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,ge=e=>Rr.test(e),I=e=>!!e&&!Number.isNaN(Number(e)),ae=e=>!!e&&Number.isInteger(Number(e)),Be=e=>e.endsWith("%")&&I(e.slice(0,-1)),ne=e=>zr.test(e),Vr=()=>!0,Br=e=>Er.test(e)&&!Ar.test(e),Tt=()=>!1,Hr=e=>Fr.test(e),Gr=e=>Lr.test(e),Wr=e=>!h(e)&&!x(e),_r=e=>we(e,Pt,Tt),h=e=>It.test(e),ue=e=>we(e,Rt,Br),He=e=>we(e,Kr,I),it=e=>we(e,Mt,Tt),$r=e=>we(e,Ot,Gr),Pe=e=>we(e,zt,Hr),x=e=>Nt.test(e),ke=e=>ve(e,Rt),qr=e=>ve(e,Yr),lt=e=>ve(e,Mt),Ur=e=>ve(e,Pt),Xr=e=>ve(e,Ot),Re=e=>ve(e,zt,!0),we=(e,t,r)=>{const s=It.exec(e);return s?s[1]?t(s[1]):r(s[2]):!1},ve=(e,t,r=!1)=>{const s=Nt.exec(e);return s?s[1]?t(s[1]):r:!1},Mt=e=>e==="position"||e==="percentage",Ot=e=>e==="image"||e==="url",Pt=e=>e==="length"||e==="size"||e==="bg-size",Rt=e=>e==="length",Kr=e=>e==="number",Yr=e=>e==="family-name",zt=e=>e==="shadow",Zr=()=>{const e=V("color"),t=V("font"),r=V("text"),s=V("font-weight"),o=V("tracking"),a=V("leading"),i=V("breakpoint"),c=V("container"),l=V("spacing"),d=V("radius"),p=V("shadow"),g=V("inset-shadow"),y=V("text-shadow"),b=V("drop-shadow"),C=V("blur"),w=V("perspective"),j=V("aspect"),O=V("ease"),M=V("animate"),S=()=>["auto","avoid","all","avoid-page","page","left","right","column"],N=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],A=()=>[...N(),x,h],W=()=>["auto","hidden","clip","visible","scroll"],_=()=>["auto","contain","none"],v=()=>[x,h,l],P=()=>[ge,"full","auto",...v()],L=()=>[ae,"none","subgrid",x,h],H=()=>["auto",{span:["full",ae,x,h]},ae,x,h],U=()=>[ae,"auto",x,h],de=()=>["auto","min","max","fr",x,h],X=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],Q=()=>["start","end","center","stretch","center-safe","end-safe"],$=()=>["auto",...v()],J=()=>[ge,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...v()],k=()=>[e,x,h],oe=()=>[...N(),lt,it,{position:[x,h]}],D=()=>["no-repeat",{repeat:["","x","y","space","round"]}],G=()=>["auto","cover","contain",Ur,_r,{size:[x,h]}],re=()=>[Be,ke,ue],F=()=>["","none","full",d,x,h],f=()=>["",I,ke,ue],E=()=>["solid","dashed","dotted","double"],ee=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],R=()=>[I,Be,lt,it],st=()=>["","none",C,x,h],Te=()=>["none",I,x,h],Me=()=>["none",I,x,h],Ve=()=>[I,x,h],Oe=()=>[ge,"full",...v()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[ne],breakpoint:[ne],color:[Vr],container:[ne],"drop-shadow":[ne],ease:["in","out","in-out"],font:[Wr],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[ne],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[ne],shadow:[ne],spacing:["px",I],text:[ne],"text-shadow":[ne],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",ge,h,x,j]}],container:["container"],columns:[{columns:[I,h,x,c]}],"break-after":[{"break-after":S()}],"break-before":[{"break-before":S()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:A()}],overflow:[{overflow:W()}],"overflow-x":[{"overflow-x":W()}],"overflow-y":[{"overflow-y":W()}],overscroll:[{overscroll:_()}],"overscroll-x":[{"overscroll-x":_()}],"overscroll-y":[{"overscroll-y":_()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:P()}],"inset-x":[{"inset-x":P()}],"inset-y":[{"inset-y":P()}],start:[{start:P()}],end:[{end:P()}],top:[{top:P()}],right:[{right:P()}],bottom:[{bottom:P()}],left:[{left:P()}],visibility:["visible","invisible","collapse"],z:[{z:[ae,"auto",x,h]}],basis:[{basis:[ge,"full","auto",c,...v()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[I,ge,"auto","initial","none",h]}],grow:[{grow:["",I,x,h]}],shrink:[{shrink:["",I,x,h]}],order:[{order:[ae,"first","last","none",x,h]}],"grid-cols":[{"grid-cols":L()}],"col-start-end":[{col:H()}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":L()}],"row-start-end":[{row:H()}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":de()}],"auto-rows":[{"auto-rows":de()}],gap:[{gap:v()}],"gap-x":[{"gap-x":v()}],"gap-y":[{"gap-y":v()}],"justify-content":[{justify:[...X(),"normal"]}],"justify-items":[{"justify-items":[...Q(),"normal"]}],"justify-self":[{"justify-self":["auto",...Q()]}],"align-content":[{content:["normal",...X()]}],"align-items":[{items:[...Q(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...Q(),{baseline:["","last"]}]}],"place-content":[{"place-content":X()}],"place-items":[{"place-items":[...Q(),"baseline"]}],"place-self":[{"place-self":["auto",...Q()]}],p:[{p:v()}],px:[{px:v()}],py:[{py:v()}],ps:[{ps:v()}],pe:[{pe:v()}],pt:[{pt:v()}],pr:[{pr:v()}],pb:[{pb:v()}],pl:[{pl:v()}],m:[{m:$()}],mx:[{mx:$()}],my:[{my:$()}],ms:[{ms:$()}],me:[{me:$()}],mt:[{mt:$()}],mr:[{mr:$()}],mb:[{mb:$()}],ml:[{ml:$()}],"space-x":[{"space-x":v()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":v()}],"space-y-reverse":["space-y-reverse"],size:[{size:J()}],w:[{w:[c,"screen",...J()]}],"min-w":[{"min-w":[c,"screen","none",...J()]}],"max-w":[{"max-w":[c,"screen","none","prose",{screen:[i]},...J()]}],h:[{h:["screen","lh",...J()]}],"min-h":[{"min-h":["screen","lh","none",...J()]}],"max-h":[{"max-h":["screen","lh",...J()]}],"font-size":[{text:["base",r,ke,ue]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[s,x,He]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",Be,h]}],"font-family":[{font:[qr,h,t]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[o,x,h]}],"line-clamp":[{"line-clamp":[I,"none",x,He]}],leading:[{leading:[a,...v()]}],"list-image":[{"list-image":["none",x,h]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",x,h]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:k()}],"text-color":[{text:k()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...E(),"wavy"]}],"text-decoration-thickness":[{decoration:[I,"from-font","auto",x,ue]}],"text-decoration-color":[{decoration:k()}],"underline-offset":[{"underline-offset":[I,"auto",x,h]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:v()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",x,h]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",x,h]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:oe()}],"bg-repeat":[{bg:D()}],"bg-size":[{bg:G()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},ae,x,h],radial:["",x,h],conic:[ae,x,h]},Xr,$r]}],"bg-color":[{bg:k()}],"gradient-from-pos":[{from:re()}],"gradient-via-pos":[{via:re()}],"gradient-to-pos":[{to:re()}],"gradient-from":[{from:k()}],"gradient-via":[{via:k()}],"gradient-to":[{to:k()}],rounded:[{rounded:F()}],"rounded-s":[{"rounded-s":F()}],"rounded-e":[{"rounded-e":F()}],"rounded-t":[{"rounded-t":F()}],"rounded-r":[{"rounded-r":F()}],"rounded-b":[{"rounded-b":F()}],"rounded-l":[{"rounded-l":F()}],"rounded-ss":[{"rounded-ss":F()}],"rounded-se":[{"rounded-se":F()}],"rounded-ee":[{"rounded-ee":F()}],"rounded-es":[{"rounded-es":F()}],"rounded-tl":[{"rounded-tl":F()}],"rounded-tr":[{"rounded-tr":F()}],"rounded-br":[{"rounded-br":F()}],"rounded-bl":[{"rounded-bl":F()}],"border-w":[{border:f()}],"border-w-x":[{"border-x":f()}],"border-w-y":[{"border-y":f()}],"border-w-s":[{"border-s":f()}],"border-w-e":[{"border-e":f()}],"border-w-t":[{"border-t":f()}],"border-w-r":[{"border-r":f()}],"border-w-b":[{"border-b":f()}],"border-w-l":[{"border-l":f()}],"divide-x":[{"divide-x":f()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":f()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...E(),"hidden","none"]}],"divide-style":[{divide:[...E(),"hidden","none"]}],"border-color":[{border:k()}],"border-color-x":[{"border-x":k()}],"border-color-y":[{"border-y":k()}],"border-color-s":[{"border-s":k()}],"border-color-e":[{"border-e":k()}],"border-color-t":[{"border-t":k()}],"border-color-r":[{"border-r":k()}],"border-color-b":[{"border-b":k()}],"border-color-l":[{"border-l":k()}],"divide-color":[{divide:k()}],"outline-style":[{outline:[...E(),"none","hidden"]}],"outline-offset":[{"outline-offset":[I,x,h]}],"outline-w":[{outline:["",I,ke,ue]}],"outline-color":[{outline:k()}],shadow:[{shadow:["","none",p,Re,Pe]}],"shadow-color":[{shadow:k()}],"inset-shadow":[{"inset-shadow":["none",g,Re,Pe]}],"inset-shadow-color":[{"inset-shadow":k()}],"ring-w":[{ring:f()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:k()}],"ring-offset-w":[{"ring-offset":[I,ue]}],"ring-offset-color":[{"ring-offset":k()}],"inset-ring-w":[{"inset-ring":f()}],"inset-ring-color":[{"inset-ring":k()}],"text-shadow":[{"text-shadow":["none",y,Re,Pe]}],"text-shadow-color":[{"text-shadow":k()}],opacity:[{opacity:[I,x,h]}],"mix-blend":[{"mix-blend":[...ee(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":ee()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[I]}],"mask-image-linear-from-pos":[{"mask-linear-from":R()}],"mask-image-linear-to-pos":[{"mask-linear-to":R()}],"mask-image-linear-from-color":[{"mask-linear-from":k()}],"mask-image-linear-to-color":[{"mask-linear-to":k()}],"mask-image-t-from-pos":[{"mask-t-from":R()}],"mask-image-t-to-pos":[{"mask-t-to":R()}],"mask-image-t-from-color":[{"mask-t-from":k()}],"mask-image-t-to-color":[{"mask-t-to":k()}],"mask-image-r-from-pos":[{"mask-r-from":R()}],"mask-image-r-to-pos":[{"mask-r-to":R()}],"mask-image-r-from-color":[{"mask-r-from":k()}],"mask-image-r-to-color":[{"mask-r-to":k()}],"mask-image-b-from-pos":[{"mask-b-from":R()}],"mask-image-b-to-pos":[{"mask-b-to":R()}],"mask-image-b-from-color":[{"mask-b-from":k()}],"mask-image-b-to-color":[{"mask-b-to":k()}],"mask-image-l-from-pos":[{"mask-l-from":R()}],"mask-image-l-to-pos":[{"mask-l-to":R()}],"mask-image-l-from-color":[{"mask-l-from":k()}],"mask-image-l-to-color":[{"mask-l-to":k()}],"mask-image-x-from-pos":[{"mask-x-from":R()}],"mask-image-x-to-pos":[{"mask-x-to":R()}],"mask-image-x-from-color":[{"mask-x-from":k()}],"mask-image-x-to-color":[{"mask-x-to":k()}],"mask-image-y-from-pos":[{"mask-y-from":R()}],"mask-image-y-to-pos":[{"mask-y-to":R()}],"mask-image-y-from-color":[{"mask-y-from":k()}],"mask-image-y-to-color":[{"mask-y-to":k()}],"mask-image-radial":[{"mask-radial":[x,h]}],"mask-image-radial-from-pos":[{"mask-radial-from":R()}],"mask-image-radial-to-pos":[{"mask-radial-to":R()}],"mask-image-radial-from-color":[{"mask-radial-from":k()}],"mask-image-radial-to-color":[{"mask-radial-to":k()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":N()}],"mask-image-conic-pos":[{"mask-conic":[I]}],"mask-image-conic-from-pos":[{"mask-conic-from":R()}],"mask-image-conic-to-pos":[{"mask-conic-to":R()}],"mask-image-conic-from-color":[{"mask-conic-from":k()}],"mask-image-conic-to-color":[{"mask-conic-to":k()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:oe()}],"mask-repeat":[{mask:D()}],"mask-size":[{mask:G()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",x,h]}],filter:[{filter:["","none",x,h]}],blur:[{blur:st()}],brightness:[{brightness:[I,x,h]}],contrast:[{contrast:[I,x,h]}],"drop-shadow":[{"drop-shadow":["","none",b,Re,Pe]}],"drop-shadow-color":[{"drop-shadow":k()}],grayscale:[{grayscale:["",I,x,h]}],"hue-rotate":[{"hue-rotate":[I,x,h]}],invert:[{invert:["",I,x,h]}],saturate:[{saturate:[I,x,h]}],sepia:[{sepia:["",I,x,h]}],"backdrop-filter":[{"backdrop-filter":["","none",x,h]}],"backdrop-blur":[{"backdrop-blur":st()}],"backdrop-brightness":[{"backdrop-brightness":[I,x,h]}],"backdrop-contrast":[{"backdrop-contrast":[I,x,h]}],"backdrop-grayscale":[{"backdrop-grayscale":["",I,x,h]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[I,x,h]}],"backdrop-invert":[{"backdrop-invert":["",I,x,h]}],"backdrop-opacity":[{"backdrop-opacity":[I,x,h]}],"backdrop-saturate":[{"backdrop-saturate":[I,x,h]}],"backdrop-sepia":[{"backdrop-sepia":["",I,x,h]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":v()}],"border-spacing-x":[{"border-spacing-x":v()}],"border-spacing-y":[{"border-spacing-y":v()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",x,h]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[I,"initial",x,h]}],ease:[{ease:["linear","initial",O,x,h]}],delay:[{delay:[I,x,h]}],animate:[{animate:["none",M,x,h]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[w,x,h]}],"perspective-origin":[{"perspective-origin":A()}],rotate:[{rotate:Te()}],"rotate-x":[{"rotate-x":Te()}],"rotate-y":[{"rotate-y":Te()}],"rotate-z":[{"rotate-z":Te()}],scale:[{scale:Me()}],"scale-x":[{"scale-x":Me()}],"scale-y":[{"scale-y":Me()}],"scale-z":[{"scale-z":Me()}],"scale-3d":["scale-3d"],skew:[{skew:Ve()}],"skew-x":[{"skew-x":Ve()}],"skew-y":[{"skew-y":Ve()}],transform:[{transform:[x,h,"","none","gpu","cpu"]}],"transform-origin":[{origin:A()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:Oe()}],"translate-x":[{"translate-x":Oe()}],"translate-y":[{"translate-y":Oe()}],"translate-z":[{"translate-z":Oe()}],"translate-none":["translate-none"],accent:[{accent:k()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:k()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",x,h]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":v()}],"scroll-mx":[{"scroll-mx":v()}],"scroll-my":[{"scroll-my":v()}],"scroll-ms":[{"scroll-ms":v()}],"scroll-me":[{"scroll-me":v()}],"scroll-mt":[{"scroll-mt":v()}],"scroll-mr":[{"scroll-mr":v()}],"scroll-mb":[{"scroll-mb":v()}],"scroll-ml":[{"scroll-ml":v()}],"scroll-p":[{"scroll-p":v()}],"scroll-px":[{"scroll-px":v()}],"scroll-py":[{"scroll-py":v()}],"scroll-ps":[{"scroll-ps":v()}],"scroll-pe":[{"scroll-pe":v()}],"scroll-pt":[{"scroll-pt":v()}],"scroll-pr":[{"scroll-pr":v()}],"scroll-pb":[{"scroll-pb":v()}],"scroll-pl":[{"scroll-pl":v()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",x,h]}],fill:[{fill:["none",...k()]}],"stroke-w":[{stroke:[I,ke,ue,He]}],stroke:[{stroke:["none",...k()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},Qr=Pr(Zr);function K(...e){return Qr(m(e))}const be=({text:e,cssClass:t,contentClassName:r,hideTooltip:s,...o})=>{const a=u.useRef(null),[i,c]=u.useState(!1),[l,d]=u.useState(""),p=u.useRef(null),g=()=>{const w=a.current;if(!w)return;d(w.textContent??"");const j=w.clientWidth,O=w.scrollWidth,M=Math.ceil(w.getBoundingClientRect().width);c(O>j||O>M)},y=u.useCallback(()=>{p.current&&cancelAnimationFrame(p.current),p.current=requestAnimationFrame(g)},[]);u.useEffect(()=>{y();const w=()=>y();window.addEventListener("resize",w);let j=null;return"ResizeObserver"in window&&a.current&&(j=new ResizeObserver(()=>y()),j.observe(a.current)),()=>{window.removeEventListener("resize",w),j&&j.disconnect(),p.current&&cancelAnimationFrame(p.current)}},[e,y]);const b=u.useMemo(()=>typeof e=="string"?e:l,[l,e]),C=u.useMemo(()=>s?"":i?b:"",[b,s,i]);return n.jsxs(yt,{...o,children:[n.jsx(vt,{asChild:!0,ref:a,onMouseEnter:y,onFocusCapture:y,children:n.jsx("span",{className:K("block truncate min-w-0 max-w-full",t),"aria-label":i?b:void 0,onMouseEnter:y,onFocus:y,children:e})}),n.jsx(wt,{className:K(br,r,!C&&"hidden"),children:C})]})},Fe=({tag:e,cssClass:t,remove:r,variant:s=Ae.Default,iconBefore:o,bordered:a=!0})=>{const i=xr[s],c=K("flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",i,a?"border":"border-transparent",t);return n.jsxs("div",{className:c,children:[n.jsx(B,{icon:o}),n.jsx(be,{text:e}),r&&n.jsx(Z,{iconAfter:n.jsx(z.IconX,{size:16}),onClick:l=>r(l)})]},e)},Jr=u.createContext({dragDropManager:void 0});function le(e,t,...r){if(en()&&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 o=0;s=new Error(t.replace(/%s/g,function(){return r[o++]})),s.name="Invariant Violation"}throw s.framesToPop=1,s}}function en(){return typeof process<"u"&&process.env.NODE_ENV==="production"}function tn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ge,ct;function rn(){return ct||(ct=1,Ge=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,o,a;if(Array.isArray(t)){if(s=t.length,s!=r.length)return!1;for(o=s;o--!==0;)if(!e(t[o],r[o]))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(a=Object.keys(t),s=a.length,s!==Object.keys(r).length)return!1;for(o=s;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,a[o]))return!1;for(o=s;o--!==0;){var i=a[o];if(!e(t[i],r[i]))return!1}return!0}return t!==t&&r!==r}),Ge}var nn=rn();const sn=tn(nn),fe=typeof window<"u"?u.useLayoutEffect:u.useEffect;function on(e,t,r){const[s,o]=u.useState(()=>t(e)),a=u.useCallback(()=>{const i=t(e);sn(s,i)||(o(i),r&&r())},[s,e,r]);return fe(a),[s,a]}function an(e,t,r){const[s,o]=on(e,t,r);return fe(function(){const i=e.getHandlerId();if(i!=null)return e.subscribeToStateChange(o,{handlerIds:[i]})},[e,o]),s}function Et(e,t,r){return an(t,e||(()=>({})),()=>r.reconnect())}function At(e,t){const r=[...t||[]];return t==null&&typeof e!="function"&&r.push(e),u.useMemo(()=>typeof e=="function"?e():e,r)}function ln(e){return u.useMemo(()=>e.hooks.dragSource(),[e])}function cn(e){return u.useMemo(()=>e.hooks.dragPreview(),[e])}let We=!1,_e=!1;class dn{receiveHandlerId(t){this.sourceId=t}getHandlerId(){return this.sourceId}canDrag(){le(!We,"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 We=!0,this.internalMonitor.canDragSource(this.sourceId)}finally{We=!1}}isDragging(){if(!this.sourceId)return!1;le(!_e,"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 _e=!0,this.internalMonitor.isDraggingSource(this.sourceId)}finally{_e=!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 $e=!1;class un{receiveHandlerId(t){this.targetId=t}getHandlerId(){return this.targetId}subscribeToStateChange(t,r){return this.internalMonitor.subscribeToStateChange(t,r)}canDrop(){if(!this.targetId)return!1;le(!$e,"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 $e=!0,this.internalMonitor.canDropOnTarget(this.targetId)}finally{$e=!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 pn(e,t,r){const s=r.getRegistry(),o=s.addTarget(e,t);return[o,()=>s.removeTarget(o)]}function fn(e,t,r){const s=r.getRegistry(),o=s.addSource(e,t);return[o,()=>s.removeSource(o)]}function Ze(e,t,r,s){let o;if(o!==void 0)return!!o;if(e===t)return!0;if(typeof e!="object"||!e||typeof t!="object"||!t)return!1;const a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;const c=Object.prototype.hasOwnProperty.bind(t);for(let l=0;l<a.length;l++){const d=a[l];if(!c(d))return!1;const p=e[d],g=t[d];if(o=void 0,o===!1||o===void 0&&p!==g)return!1}return!0}function Qe(e){return e!==null&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function mn(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 gn(e){return(t=null,r=null)=>{if(!u.isValidElement(t)){const a=t;return e(a,r),a}const s=t;return mn(s),hn(s,r?a=>e(a,r):e)}}function Ft(e){const t={};return Object.keys(e).forEach(r=>{const s=e[r];if(r.endsWith("Ref"))t[r]=e[r];else{const o=gn(s);t[r]=()=>o}}),t}function dt(e,t){typeof e=="function"?e(t):e.current=t}function hn(e,t){const r=e.ref;return le(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?u.cloneElement(e,{ref:s=>{dt(r,s),dt(t,s)}}):u.cloneElement(e,{ref:t})}class xn{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!Ze(this.lastConnectedDragSourceOptions,this.dragSourceOptions)}didDragPreviewOptionsChange(){return!Ze(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=Ft({dragSource:(r,s)=>{this.clearDragSource(),this.dragSourceOptions=s||null,Qe(r)?this.dragSourceRef=r:this.dragSourceNode=r,this.reconnectDragSource()},dragPreview:(r,s)=>{this.clearDragPreview(),this.dragPreviewOptions=s||null,Qe(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 bn{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!Ze(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=Ft({dropTarget:(r,s)=>{this.clearDropTarget(),this.dropTargetOptions=s,Qe(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 Ce(){const{dragDropManager:e}=u.useContext(Jr);return le(e!=null,"Expected drag drop context"),e}function yn(e,t){const r=Ce(),s=u.useMemo(()=>new xn(r.getBackend()),[r]);return fe(()=>(s.dragSourceOptions=e||null,s.reconnect(),()=>s.disconnectDragSource()),[s,e]),fe(()=>(s.dragPreviewOptions=t||null,s.reconnect(),()=>s.disconnectDragPreview()),[s,t]),s}function wn(){const e=Ce();return u.useMemo(()=>new dn(e),[e])}class vn{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,o=this.monitor,{isDragging:a}=s;return a?a(o):r===t.getSourceId()}endDrag(){const t=this.spec,r=this.monitor,s=this.connector,{end:o}=t;o&&o(r.getItem(),r),s.reconnect()}constructor(t,r,s){this.spec=t,this.monitor=r,this.connector=s}}function Cn(e,t,r){const s=u.useMemo(()=>new vn(e,t,r),[t,r]);return u.useEffect(()=>{s.spec=e},[e]),s}function kn(e){return u.useMemo(()=>{const t=e.type;return le(t!=null,"spec.type must be defined"),t},[e])}function jn(e,t,r){const s=Ce(),o=Cn(e,t,r),a=kn(e);fe(function(){if(a!=null){const[c,l]=fn(a,o,s);return t.receiveHandlerId(c),r.receiveHandlerId(c),l}},[s,t,r,o,a])}function Dn(e,t){const r=At(e,t);le(!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=wn(),o=yn(r.options,r.previewOptions);return jn(r,s,o),[Et(r.collect,s,o),ln(o),cn(o)]}function Sn(e){return u.useMemo(()=>e.hooks.dropTarget(),[e])}function In(e){const t=Ce(),r=u.useMemo(()=>new bn(t.getBackend()),[t]);return fe(()=>(r.dropTargetOptions=e||null,r.reconnect(),()=>r.disconnectDropTarget()),[e]),r}function Nn(){const e=Ce();return u.useMemo(()=>new un(e),[e])}function Tn(e){const{accept:t}=e;return u.useMemo(()=>(le(e.accept!=null,"accept must be defined"),Array.isArray(t)?t:[t]),[t])}class Mn{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 On(e,t){const r=u.useMemo(()=>new Mn(e,t),[t]);return u.useEffect(()=>{r.spec=e},[e]),r}function Pn(e,t,r){const s=Ce(),o=On(e,t),a=Tn(e);fe(function(){const[c,l]=pn(a,o,s);return t.receiveHandlerId(c),r.receiveHandlerId(c),l},[s,t,o,r,a.map(i=>i.toString()).join("|")])}function Rn(e,t){const r=At(e,t),s=Nn(),o=In(r.options);return Pn(r,s,o),[Et(r.collect,s,o),Sn(o)]}const ut="column",zn="flex items-center",En="mr-3 cursor-move text-secondary",An=({id:e,children:t,cssClass:r,findItem:s,moveItem:o,handleAriaLabel:a="Drag item"})=>{const i=u.useRef(null),c=u.useRef(null),l=typeof s=="function"?s(e):-1,[{isDragging:d},p,g]=Dn(()=>({type:ut,item:{id:e,originalIndex:l},collect:b=>{const C=b.getItem();return{isDragging:b.isDragging()&&C?.id===e}},end:(b,C)=>{if(!b)return;!C.didDrop()&&typeof o=="function"&&b.originalIndex>-1&&o(b.id,b.originalIndex)}}),[e,l,o]),[,y]=Rn(()=>({accept:ut,hover:b=>{if(!(!b||b.id===e)&&typeof s=="function"&&typeof o=="function"){const C=s(e);o(b.id,C)}}}),[s,o,e]);return g(y(c)),p(i),n.jsxs("div",{ref:c,className:K(zn,r),style:{opacity:d?0:1},"aria-roledescription":"Draggable item",children:[n.jsx("div",{ref:i,className:En,"aria-label":a,children:n.jsx(z.IconGripVertical,{...ie})}),t]})};var Ee=(e=>(e.Horizontal="horizontal",e.Vertical="vertical",e))(Ee||{});const pt=()=>typeof window<"u"&&window.innerWidth<1024,Fn=()=>{const[e,t]=u.useState(pt());return u.useEffect(()=>{const r=()=>t(pt());return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e};var Lt=(e=>(e.Dropdown="dropdown",e.Menu="menu",e))(Lt||{}),xe=(e=>(e.Click="click",e.Hover="hover",e.ContextMenu="contextMenu",e))(xe||{}),Vt=(e=>(e.Item="item",e.Divider="divider",e))(Vt||{});const Ln=m("flex items-center gap-2 align-middle","h-auto px-0 bg-transparent border-0"),Vn=m("z-[53] overflow-auto rounded bg-layer-0 text-primary shadow focus-visible:outline-none","w-max"),Bn=m("flex w-full cursor-pointer items-center gap-3","focus-visible:border-none focus-visible:outline-none","hover:bg-accent-primary-alpha px-3","dial-small h-[34px] rounded text-primary"),Hn="opacity-75 !cursor-not-allowed",Gn="text-error",Wn="my-1 border-t border-hover",je=8,tt=({ariaLabel:e,cssClass:t,size:r=24,onClose:s})=>n.jsx(Z,{ariaLabel:e,cssClass:K("text-secondary hover:text-accent-primary",t),onClick:s,iconBefore:n.jsx(z.IconX,{size:r})}),rt=({children:e,menu:t,renderOverlay:r,trigger:s=[xe.Click],placement:o,disabled:a=!1,open:i,defaultOpen:c=!1,onOpenChange:l,closable:d=!1,onClose:p,cssClass:g,listClassName:y,outsidePressIgnoreRef:b,outsideClosable:C=!0,allowedPlacements:w})=>{const[j,O]=u.useState(c),M=i!==void 0,S=M?!!i:j,N=u.useCallback(D=>{M||O(D),l?.(D)},[M,l]),A=u.useId(),W=D=>D?"clientWidth"in D?D.clientWidth:D.getBoundingClientRect?.()?.width??0:0,_=o===void 0,{refs:v,floatingStyles:P,context:L}=T.useFloating({placement:o,open:S,onOpenChange:N,whileElementsMounted:T.autoUpdate,middleware:[T.offset({mainAxis:je,crossAxis:0}),_?T.autoPlacement({alignment:"start",crossAxis:!0,padding:je,allowedPlacements:w}):T.flip({padding:je}),T.shift({padding:je}),T.size({padding:je,apply({availableWidth:D,availableHeight:G,elements:re}){const F=re.floating,f=W(re.reference);F.style.setProperty("--reference-width",`${Math.round(f)}px`),F.style.setProperty("--fui-available-height",`${Math.floor(G)}px`),F.style.minWidth=`${Math.round(f)}px`,F.style.maxWidth=`${Math.floor(D)}px`,F.style.maxHeight=`${Math.floor(G)}px`}})]}),H=T.useClick(L,{enabled:s.includes(xe.Click)&&!a}),U=T.useHover(L,{enabled:s.includes(xe.Hover)&&!a,move:!1,restMs:40,delay:{open:80,close:80}}),de=T.useDismiss(L,{bubbles:!0,referencePress:!1,outsidePress:D=>{if(!C)return!1;const G=D.target;return!(b?.current&&G instanceof Node&&b.current.contains(G))}}),X=T.useRole(L,{role:"menu"}),{getReferenceProps:Q,getFloatingProps:$}=T.useInteractions([H,U,de,X]),J=D=>{!s.includes(xe.ContextMenu)||a||(D.preventDefault(),N(!0))};u.useEffect(()=>{a&&S&&N(!1)},[a,S,N]);const k=D=>G=>{D.disabled||(D.onClick?.({key:D.key,domEvent:G}),t?.onClick?.({key:D.key,domEvent:G}),N(!1))},oe=r?r():t&&n.jsxs(n.Fragment,{children:[t.header&&n.jsx(n.Fragment,{children:typeof t.header=="function"?t.header():t.header}),n.jsx("div",{role:"none",className:"py-1",children:t.items.map(D=>D.type===Vt.Divider?n.jsx("div",{role:"separator",className:Wn},D.key):n.jsxs("button",{role:"menuitem",type:"button","aria-disabled":!!D.disabled,className:m(Bn,D.disabled&&Hn,D.danger&&Gn),disabled:D.disabled,onClick:k(D),children:[D.icon&&n.jsx("span",{className:m(D.danger&&"text-error",D.disabled&&"text-secondary"),children:n.jsx(B,{icon:D.icon})}),n.jsx("span",{className:m("flex-1 truncate text-left",D.danger&&"text-error",D.disabled&&"text-secondary"),children:D.label})]},D.key))}),t.footer&&n.jsx(n.Fragment,{children:typeof t.footer=="function"?t.footer():t.footer})]});return n.jsxs(n.Fragment,{children:[n.jsx("span",{ref:v.setReference,className:m(Ln,a&&"!cursor-not-allowed opacity-75",g),"aria-haspopup":"menu","aria-expanded":S,"aria-controls":A,onContextMenu:J,...Q(),children:e}),S&&n.jsx(T.FloatingPortal,{children:n.jsx(T.FloatingFocusManager,{context:L,modal:!1,initialFocus:-1,returnFocus:!0,children:n.jsxs("div",{id:A,ref:v.setFloating,style:P,className:m(Vn,y),...$(),children:[d&&n.jsx("div",{className:"flex items-center justify-between px-2 pt-2",children:n.jsx(tt,{ariaLabel:"Close dropdown",onClose:D=>{p?.(D),N(!1)}})}),oe]})})})]})},ze=({tab:e,active:t,disabled:r,invalid:s,cssClass:o,horizontal:a,onClick:i})=>{const l=K("rounded px-3 py-2 flex flex-row gap-2 h-[32px] cursor-pointer dial-small leading-4 hover:text-accent-primary",{"bg-layer-4":a,"bg-layer-1 text-secondary pointer-events-none":r,"bg-accent-primary-alpha text-primary":t&&!r,"text-primary":!t&&!r,"border-b-2 border-b-accent-primary":t&&a&&!r,"border-l-2 border-l-accent-primary":t&&!a&&!r},o);return n.jsxs("button",{role:"tab",className:l,onClick:()=>i(e.id),disabled:r,children:[n.jsx(be,{text:e.name,contentClassName:"max-w-[200px]",cssClass:"max-w-[200px]"}),s&&n.jsx("div",{className:"text-error",children:n.jsx(z.IconExclamationCircle,{...ie})})]})},_n=({tabs:e,activeTab:t,onClick:r,jsonEditorEnabled:s,orientation:o=Ee.Horizontal})=>{const[a,i]=u.useState(!1),c=Fn(),l=o===Ee.Horizontal,d=m("flex gap-3 flex-wrap",l?"flex-row":"flex-col",s?"hidden":""),p=m("h-11 flex items-center bg-layer-3",s?"hidden":""),[g,y]=u.useState(m(d,"hidden")),[b,C]=u.useState(m(p,"hidden"));u.useEffect(()=>{y(m(d,c||s?"hidden":"")),C(m(p,!c||s?"hidden":""))},[c,s,d,p]);const w=e.find(j=>j.id===t);return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:g,children:e.map(j=>n.jsx(ze,{tab:j,active:t===j.id,onClick:r,horizontal:l},j.id))}),n.jsx("div",{className:b,children:n.jsx("div",{className:"h-full px-4",children:n.jsx(rt,{trigger:[xe.Click],open:a,onOpenChange:i,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],renderOverlay:()=>e.map(j=>n.jsx(ze,{tab:j,active:j.id===t,onClick:O=>{r(O),i(!1)},cssClass:"w-full rounded-none h-11 items-center px-6"},j.id)),children:n.jsxs("div",{className:"flex gap-2 items-center h-11 cursor-pointer",children:[n.jsx(ze,{tab:w,active:!0,onClick:r,cssClass:"rounded-none bg-transparent border-l-0 border-b-[2px] border-accent-primary h-full items-center px-0"},t),n.jsx(B,{icon:n.jsx(z.IconChevronDown,{size:16}),className:m("text-primary",a&&"rotate-180")})]})})})})]})},$n="w-full overflow-x-auto",qn="flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap",Un="flex items-center gap-2 min-w-0 shrink-0 dial-small",ft="inline-flex items-center gap-1 min-w-0 transition-colors",Xn="text-secondary hover:text-accent-primary",Kn="text-primary cursor-default",Yn="flex-none inline-flex items-center leading-none text-icon-secondary",Bt=n.jsx(z.IconChevronRight,{size:16,"aria-hidden":"true"}),Ht=({title:e,href:t,onClick:r,disabled:s,isLast:o,separator:a=Bt,cssClass:i,iconBefore:c,titleCssClass:l})=>{const d=K(Un,i),p=!!t&&!o&&!s,g=typeof e=="string"?n.jsx(be,{text:e}):e;return n.jsxs("li",{className:d,children:[p?n.jsxs("a",{className:K(ft,Xn,l),href:t,onClick:r,children:[c,g]}):n.jsxs("span",{className:K(ft,Kn,s&&"pointer-events-none opacity-75",l),"aria-current":o?"page":void 0,"aria-disabled":s?"true":void 0,children:[c,g]}),!o&&n.jsx("span",{className:Yn,children:a})]})},Zn=({pathItems:e,separator:t=Bt,ariaLabel:r="Breadcrumb",cssClass:s,children:o,titleCssClass:a})=>{const i=e?.length?e.map((c,l)=>n.jsx(Ht,{...c,isLast:l===e.length-1,separator:t,titleCssClass:a},`item-${l}`)):u.Children.toArray(o).map((c,l,d)=>{if(!u.isValidElement(c))return c;const p=l===d.length-1;return u.cloneElement(c,{isLast:p,separator:t})});return n.jsx("nav",{"aria-label":r,className:K($n,s),children:n.jsx("ol",{className:qn,children:i})})},Gt=({value:e,textareaId:t,placeholder:r,cssClass:s="",containerCssClass:o="",disabled:a,invalid:i,readonly:c,disableTooltip:l,onChange:d})=>n.jsx(ce,{tooltip:l?null:e,triggerClassName:K("flex",o),children:n.jsx("textarea",{id:t,placeholder:r,value:e||"",disabled:a,className:m("dial-textarea dial-input px-3 py-2",i?"dial-input-error":"",a&&"dial-input-disable",c&&"dial-input-readonly",s),onChange:p=>!c&&d?.(p.currentTarget.value)})}),Qn=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","Delete","Tab","Enter","Escape","Home","End"],Jn=(e,t,r,s)=>{if((t==="number"||r!==void 0||s!==void 0)&&!Qn.includes(e.key)&&!(e.key==="-"&&e.currentTarget.selectionStart===0&&(r===void 0||r<0))&&!(e.key==="."&&t==="number"&&!e.currentTarget.value.includes("."))){if(!/^[0-9]$/.test(e.key)){e.preventDefault();return}if(r!==void 0||s!==void 0){const a=e.currentTarget.value,i=e.currentTarget.selectionStart||0,c=a.slice(0,i)+e.key+a.slice(i),l=parseFloat(c);if(!isNaN(l)){if(r!==void 0&&l<r){e.preventDefault();return}if(s!==void 0&&l>s){e.preventDefault();return}}}}},Se=({iconBefore:e,iconAfter:t,hideBorder:r,value:s,elementId:o,placeholder:a="",cssClass:i="",containerCssClass:c,tooltipTriggerClassName:l,type:d="text",disabled:p,readonly:g,invalid:y,onChange:b,min:C,max:w,prefix:j,suffix:O,textBeforeInput:M,textAfterInput:S,onBlur:N,defaultValue:A})=>{const W=L=>L.target.blur(),_=d==="number"||C!==void 0||w!==void 0,v=L=>{Jn(L,d,C,w)},P=L=>{const H=L.currentTarget.value;if(_&&H!==""){const U=parseFloat(H);if(isNaN(U)&&H!=="-"&&H!=="."||!isNaN(U)&&(C!==void 0&&U<C||w!==void 0&&U>w))return}b?.(H)};return n.jsxs("div",{className:m("dial-input-field flex flex-row items-center justify-between py-2",r?"dial-input-no-border":"dial-input",y&&"dial-input-error",p&&"dial-input-disable",g&&"dial-input-readonly",!M&&"pl-3",!S&&"pr-3",c),children:[M&&n.jsx("div",{className:"mr-2",children:n.jsx(Se,{hideBorder:!0,containerCssClass:"rounded-r-none border-r-0",cssClass:"overflow-hidden overflow-ellipsis dial-small",value:M,disabled:!0,elementId:M+"textBefore"})}),j&&n.jsxs("p",{className:"text-secondary dial-small mr-2",children:[" ",j]}),n.jsx(B,{icon:e}),n.jsx(ce,{tooltip:s,triggerClassName:m(l,"flex-1"),children:n.jsx("input",{type:d,autoComplete:"off",id:o,placeholder:a,value:A?void 0:s??"",disabled:p,className:m("border-0 bg-transparent w-full",i),onChange:L=>!g&&P?.(L),onKeyDown:v,onWheel:W,onBlur:N,min:C,max:w,defaultValue:A})}),n.jsx(B,{icon:t}),O&&n.jsxs("p",{className:"text-secondary dial-small ml-2",children:[" ",O]}),S&&n.jsx("div",{className:"ml-2",children:n.jsx(Se,{hideBorder:!0,containerCssClass:"rounded-l-none border-l-0",value:S,disabled:!0,elementId:S+"textAfter"})})]})},es=/^0+\.(\d+)?$/,ts=/^0+/,Wt=({fieldTitle:e,errorText:t,optional:r,elementCssClass:s,elementContainerCssClass:o,elementId:a,containerCssClass:i,readonly:c,defaultEmptyText:l,min:d,max:p,...g})=>n.jsxs("div",{className:m("flex flex-col",i),children:[n.jsx(me,{fieldTitle:e,optional:r,htmlFor:a}),c?n.jsx("span",{children:g.value||(l??"None")}):n.jsxs(n.Fragment,{children:[n.jsx(Se,{elementId:a,cssClass:s,containerCssClass:o,invalid:t!=null,min:d,max:p,...g}),n.jsx(ye,{errorText:t})]})]}),rs=({onChange:e,value:t,min:r,max:s,...o})=>{const a=i=>String(i)?.match(es)?String(i)?.replace(ts,"0"):Number(i);return n.jsx(Wt,{type:"number",onChange:i=>e?.(a(i)),value:t,min:r,max:s,...o})},ns=({onChange:e,...t})=>n.jsx(Wt,{type:"text",onChange:r=>e?.(r),...t}),ss=({fieldTitle:e,optional:t,elementId:r,elementCssClass:s,containerCssClass:o,elementContainerCssClass:a,errorText:i,...c})=>n.jsxs("div",{className:K("flex flex-col",o),children:[n.jsx(me,{fieldTitle:e,optional:t,htmlFor:r}),n.jsx(Gt,{textareaId:r,cssClass:s,containerCssClass:a,...c}),n.jsx(ye,{errorText:i})]}),os=({title:e,switchId:t,isOn:r=!1,disabled:s,onChange:o})=>{const a=m("flex w-[36px] h-[18px] cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",r?"flex-row-reverse":"flex-row",s?"pointer-events-none":"",s?r?"bg-controls-disable":"bg-layer-4":r?"bg-accent-primary":"bg-layer-4"),i=u.useCallback(c=>{c.stopPropagation(),o?.(!r)},[o,r]);return n.jsxs("div",{className:"flex flex-row items-center",children:[n.jsx("input",{type:"checkbox",onChange:i,id:t,disabled:s,className:"invisible w-0 h-0",checked:r}),n.jsx("label",{htmlFor:t,className:a,children:n.jsx("span",{className:m("size-3 rounded-full",s?r?"bg-layer-4":"bg-controls-disable":"bg-controls-enable-primary")})}),e&&n.jsx("span",{className:"pl-2 dial-small text-primary",children:e})]})};var se=(e=>(e.Sm="sm",e.Md="md",e.Lg="lg",e))(se||{});const as="z-[52] flex items-center justify-center bg-blackout md:p-4",is="divide-tertiary divide-y",ls="flex flex-row justify-between py-4 px-6 items-center",cs={[se.Sm]:"dial-sm-popup",[se.Md]:"dial-md-popup",[se.Lg]:"dial-lg-popup"},Le=({open:e=!1,title:t,portalId:r,cssClass:s,overlayClass:o,headingClass:a,dividers:i=!0,children:c,footer:l,onClose:d,size:p=se.Md})=>{const{refs:g,context:y}=T.useFloating({open:e,onOpenChange:M=>{M||d?.(null)}}),b=T.useRole(y,{role:"dialog"}),C=T.useDismiss(y,{outsidePress:!0}),{getFloatingProps:w}=T.useInteractions([b,C]);if(!e)return null;const j=typeof t=="string"?"dial-popup-heading":void 0,O=M=>M?typeof M=="string"?n.jsx("h3",{id:j,className:m("flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",a),children:n.jsx(ce,{tooltip:M,children:M})}):M:n.jsx("span",{});return n.jsx(T.FloatingPortal,{id:r,children:n.jsx(T.FloatingOverlay,{className:m(as,o),children:n.jsx(T.FloatingFocusManager,{context:y,children:n.jsxs("div",{ref:g.setFloating,...w(),role:"dialog","aria-modal":"true","aria-labelledby":j,className:m("dial-popup",cs[p],i&&is,s),children:[n.jsxs("div",{className:ls,children:[O(t),n.jsx(tt,{ariaLabel:"Close dialog",onClose:M=>d?.(M)})]}),n.jsx("div",{className:"flex-grow overflow-auto",children:c}),l]})})})})};var Ie=(e=>(e.Info="info",e.Danger="danger",e))(Ie||{});const ds="flex justify-end gap-2 px-6 py-4",us="text-secondary dial-small-150 px-6 py-4",ps="Cancel",fs="Ok",mt={[Ie.Info]:{confirmVariant:q.Primary,cancelVariant:q.Secondary},[Ie.Danger]:{container:"dial-danger-popup",confirmVariant:q.Danger,cancelVariant:q.Secondary}},ms=({title:e,description:t,descriptionCssClass:r,open:s=!1,confirmLabel:o=fs,cancelLabel:a=ps,isLoading:i=!1,disableConfirmButton:c=!1,cssClass:l,confirmClassName:d,onClose:p,onConfirm:g,onCancel:y,children:b,dividers:C=!1,variant:w=Ie.Info,size:j=se.Sm,footer:O})=>{const M=i?null:n.jsxs("div",{className:ds,children:[n.jsx(Z,{variant:q.Secondary,title:a,onClick:()=>y?y():p?.()}),n.jsx(Z,{variant:mt[w].confirmVariant,cssClass:d,title:o,disable:c,onClick:()=>g()})]}),S=u.useCallback(()=>i?n.jsx("div",{className:"px-6 py-4 h-[120px]",children:n.jsx(Je,{size:50})}):b??(t?n.jsx("div",{className:m(us,r),children:t}):null),[b,t,i,r]);return n.jsx(Le,{open:s,title:e,cssClass:m(mt[w].container,l),dividers:C,onClose:()=>p?.(),footer:O??M,size:j,children:S()})},nt=({selectedItems:e,listCssClass:t,listElementCssClass:r})=>!!e?.length&&n.jsx("ul",{className:m("flex-row items-center truncate flex-wrap","flex gap-x-2 gap-y-1",t),children:e?.map(s=>n.jsx("li",{children:n.jsx(ce,{tooltip:s,children:n.jsx(Fe,{tag:s,cssClass:m([r])})})},s))}),gt=e=>te.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},te.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"})),_t=({children:e,open:t,disabled:r=!1,selectedValue:s,valueCssClasses:o,inputCssClasses:a,onOpen:i,elementId:c,errorText:l,emptyValueText:d})=>{const p=Array.isArray(s)&&s.length>0,g=typeof s=="string"&&!!s.trim(),y=p||g?s:d,b=r?void 0:i,C=()=>n.jsxs(n.Fragment,{children:[n.jsx("button",{type:"button",className:"w-full",onClick:b,"aria-label":"open-popup",id:c,children:n.jsxs("div",{className:m("dial-input px-3 py-2 dial-input-field flex flex-row items-center w-full justify-between",a,r&&"dial-input-disable",l&&"dial-input-error"),children:[n.jsx(ce,{tooltip:String(y),children:n.jsx("span",{className:o,children:y})}),!r&&n.jsx("div",{className:"flex-shrink-0",children:n.jsx(B,{icon:n.jsx(gt,{role:"img",width:he,height:he})})})]})}),l&&n.jsx(ye,{errorText:l})]}),w=()=>n.jsx("div",{className:"w-full",onClick:b,children:n.jsxs("div",{className:m("dial-input px-3 py-2 flex flex-row items-center w-full justify-between",r&&"dial-input-disable"),children:[n.jsx(nt,{selectedItems:y}),!r&&n.jsx("div",{className:"ml-1",children:n.jsx(B,{icon:n.jsx(gt,{role:"img",width:he,height:he})})})]})});return n.jsxs(n.Fragment,{children:[p?w():C(),t&&Ut.createPortal(e,document.body)]})},gs=({fieldTitle:e,htmlFor:t,disabled:r,selectedValue:s,radioButtons:o,customInputValue:a,valueCssClasses:i,inputCssClasses:c,emptyValueText:l,onClose:d,title:p,portalId:g,onApply:y,cancelButtonTitle:b="Cancel",applyButtonTitle:C="Apply",isValid:w,selectedRadioValue:j,onChangeRadioField:O,id:M,size:S=se.Md})=>{const[N,A]=u.useState(!1),W=u.useCallback(()=>{r||A(!0)},[r]),_=u.useCallback(()=>{A(!1),d?.()},[d]),v=u.useCallback(()=>{y(),_()},[y,_]);return n.jsxs("div",{className:"flex flex-col",children:[n.jsx(me,{fieldTitle:e,htmlFor:t}),n.jsx(_t,{disabled:r,open:N,selectedValue:a??o.find(P=>P.id===s)?.name,valueCssClasses:i,inputCssClasses:m(c,"py-2","px-3"),emptyValueText:l,onOpen:W,children:n.jsx(Le,{open:N,onClose:_,title:p,portalId:g,size:S,footer:n.jsxs("div",{className:"flex flex-row items-center justify-end gap-2 px-6 py-4",children:[n.jsx(Z,{variant:q.Secondary,title:b,onClick:_}),n.jsx(Z,{variant:q.Primary,title:C,onClick:v,disable:!w})]}),children:n.jsx("div",{className:"px-6 py-4",children:n.jsx(kt,{radioButtons:o,labelCssClass:"dial-small",activeRadioButton:j,onChange:O,elementId:M,orientation:De.Column})})})})]})},hs="Create",xs="Cancel",bs="flex items-center justify-end gap-2 px-6 py-3",ys=({title:e,open:t=!1,submitLabel:r=hs,cancelLabel:s=xs,isLoading:o=!1,disableSubmitButton:a=!1,cssClass:i,submitClassName:c,onClose:l,onSubmit:d,onCancel:p,children:g,dividers:y=!0,size:b=se.Md,footer:C})=>{const w=o?null:n.jsxs("div",{className:bs,children:[n.jsx(Z,{variant:q.Secondary,title:s,onClick:()=>p?p():l?.()}),n.jsx(Z,{variant:q.Primary,cssClass:c,title:r,disable:a,onClick:()=>d()})]}),j=u.useCallback(()=>o?n.jsx("div",{className:"px-6 py-4 h-[120px]",children:n.jsx(Je,{size:50})}):g??null,[g,o]);return n.jsx(Le,{open:t,title:e,cssClass:i,dividers:y,onClose:()=>l?.(),footer:C??w,size:b,children:j()})},ws=({onClick:e})=>n.jsx(z.IconEyeOff,{...ie,className:"text-primary",onClick:e}),vs=({onClick:e})=>n.jsx(z.IconEye,{...ie,className:"text-primary",onClick:e}),$t=({...e})=>{const[t,r]=u.useState(!1),s=u.useCallback(o=>{r(o)},[]);return n.jsx(Se,{type:t?"text":"password",...e,iconAfter:t?n.jsx(ws,{onClick:()=>s(!1)}):n.jsx(vs,{onClick:()=>s(!0)})})},Cs=({fieldTitle:e,optional:t,elementCssClass:r,elementId:s,errorText:o,...a})=>n.jsxs("div",{className:"flex flex-col",children:[n.jsx(me,{fieldTitle:e,optional:t,htmlFor:s}),n.jsx($t,{cssClass:r,elementId:s,invalid:!!o,...a}),n.jsx(ye,{errorText:o})]});var Ne=(e=>(e.Small="small",e.Base="base",e))(Ne||{});const ks={[Ne.Small]:{textClass:"text-xs px-1",containerClass:"px-[6px] py-1 h-[22px]",iconSize:10,iconStroke:1},[Ne.Base]:{textClass:"text-sm px-2",containerClass:"px-3 py-2 h-[38px]",iconSize:18,iconStroke:1.5}},qt=({elementId:e,value:t,placeholder:r,disabled:s,readonly:o,invalid:a,cssClass:i,containerCssClass:c,onChange:l,size:d=Ne.Base})=>{const[p,g]=u.useState(t||"");u.useEffect(()=>{g(t||"")},[t]);const y=u.useCallback(w=>{g(w),l?.(w)},[l]),b=ks[d],C=u.useCallback(()=>{y("")},[y]);return n.jsxs("div",{className:m("dial-input flex flex-row items-center justify-between",a&&"dial-input-error",s&&"dial-input-disable",o&&"dial-input-readonly",b.containerClass,c),children:[n.jsx(B,{className:m(s?"text-secondary":"text-primary"),icon:n.jsx(z.IconSearch,{size:b.iconSize,stroke:b.iconStroke})}),n.jsx("input",{id:e,type:"text",autoComplete:"off",placeholder:r,value:p??"",disabled:s,readOnly:o,className:m("border-0 bg-transparent w-full",i,b.textClass),onChange:w=>!o&&y(w.currentTarget.value)}),p&&!o&&!s&&n.jsx(B,{className:"text-primary cursor-pointer",icon:n.jsx(z.IconX,{size:b.iconSize,stroke:b.iconStroke,onClick:C,"aria-label":"Clear search",role:"button"})})]})},js=({placeholder:e="",selectedItems:t=[],updateSelected:r,listCssClass:s,listElementCssClass:o,containerCssClass:a,inputCssClass:i})=>{const[c,l]=u.useState(""),d=u.useCallback(g=>{g.key==="Enter"&&(r([...t,g.currentTarget.value]),l("")),(g.key==="Backspace"||g.key==="Delete")&&t.length&&!c&&r(t.slice(0,-1))},[t,r,c]),p=u.useCallback(g=>{l(g.target.value)},[l]);return n.jsxs("div",{className:m(["dial-input px-3 py-2 flex flex-row items-center flex-wrap w-fit gap-2",a]),children:[n.jsx(nt,{selectedItems:t,listCssClass:s,listElementCssClass:o}),n.jsx("input",{type:"text",value:c,className:m(["border-0 bg-transparent p-0",i]),placeholder:t?.length?"":e,onKeyDown:d,onChange:p})]})},Ds=({initialTags:e=[],fieldTitle:t,optional:r,elementId:s,placeholder:o,errorText:a,invalid:i,disabled:c,onChange:l})=>{const d=u.useRef(null),[p,g]=u.useState(e),[y,b]=u.useState(""),[C,w]=u.useState(!1),j=S=>{const N=S.trim().replace(/,$/,"");if(N&&!p.includes(N)){const A=[N,...p];g(A),l?.(A)}},O=S=>{(S.key===","||S.key==="Enter")&&(S.preventDefault(),j(y),b(""))},M=S=>{const N=p.filter((A,W)=>W!==S);g(N),l?.(N)};return u.useEffect(()=>{const S=new ResizeObserver(()=>{if(d.current){const N=d.current.scrollHeight>d.current.clientHeight+10;w(N)}});return d.current&&S.observe(d.current),()=>S.disconnect()},[p]),n.jsxs("div",{className:m("flex flex-col w-full"),children:[n.jsx(me,{fieldTitle:t,optional:r,htmlFor:s}),n.jsx("div",{className:m("dial-input min-h-[38px] p-[6px]",i&&"dial-input-error",c&&"dial-input-disable"),children:n.jsxs("div",{ref:d,className:m("flex flex-wrap gap-2 items-center",C?"flex-col-reverse":"flex-row"),children:[p.map((S,N)=>n.jsx(Fe,{tag:S,remove:c?void 0:()=>M(N)},S+N)),n.jsx("input",{type:"text",value:y,onChange:S=>b(S.target.value),onKeyDown:O,className:m("dial-input-no-border outline-none border-none w-full min-w-[100px] flex-1 p-1"),placeholder:o,disabled:c})]})}),n.jsx(ye,{errorText:a})]})},Ss="dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]",Is="w-full rounded",qe="flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none",Ns="bg-accent-primary-alpha",Ts="bg-accent-primary-alpha border-l border-accent-primary border-1",ht="opacity-75",Ms=n.jsx(z.IconChevronDown,{size:16}),Os=({options:e,multiple:t=!1,value:r,defaultValue:s,placeholder:o="Select...",searchable:a=!1,selectAll:i=!1,selectAllLabel:c="Select all",emptyStateTitle:l="No options available",emptyStateDescription:d,emptyStateIcon:p,disabled:g=!1,cssClass:y,closable:b=!1,onClose:C,onChange:w})=>{const[j,O]=u.useState(!1),[M,S]=u.useState(""),N=u.useId(),A=r!==void 0,[W,_]=u.useState(s),v=A?r:W,P=u.useMemo(()=>t?Array.isArray(v)?v:[]:typeof v=="string"?[v]:[],[v,t]),L=u.useMemo(()=>{const f=M.trim().toLowerCase();return f?e.filter(E=>E.label.toLowerCase().includes(f)):e},[e,M]);u.useEffect(()=>{j||S("")},[j]);const H=u.useCallback(f=>{A||_(f),w?.(f)},[A,w]),U=f=>{if(t){const E=new Set(P);E.has(f)?E.delete(f):E.add(f),H(Array.from(E))}else H(f),O(!1)},de=u.useCallback((f,E)=>{if(f.stopPropagation(),!t){H("");return}const ee=P.filter(R=>R!==E);H(ee)},[t,P,H]),X=u.useMemo(()=>L.filter(f=>!f.disabled),[L]),Q=u.useMemo(()=>X.filter(f=>P.includes(f.value)).length,[X,P]),$=X.length>0&&Q===X.length,J=Q>0&&!$,k=()=>{if(!(!t||X.length===0))if($){const f=new Set(X.map(ee=>ee.value)),E=P.filter(ee=>!f.has(ee));H(E)}else{const f=new Set(P);X.forEach(E=>f.add(E.value)),H(Array.from(f))}},oe=P.length>0,D=!t&&oe?P[0]:void 0,G=u.useMemo(()=>D?e.find(f=>f.value===D):void 0,[e,D]),re=u.useCallback(()=>!t||P.length===0?null:n.jsx("div",{className:"flex flex-wrap w-full items-center gap-1",children:P.map(f=>{const E=e.find(R=>R.value===f)?.label??f,ee=e.find(R=>R.value===f)?.icon;return n.jsx(Fe,{tag:E,remove:R=>de(R,f),iconBefore:ee?n.jsx(B,{icon:ee}):null,cssClass:"max-w-full"},f)})}),[t,e,P,de]),F=u.useCallback(()=>t?oe?re():n.jsx("span",{className:"text-secondary truncate",children:o}):G?n.jsxs(n.Fragment,{children:[G.icon&&n.jsx(B,{icon:G.icon}),n.jsx(be,{text:G.label})]}):n.jsx("span",{className:"text-secondary truncate",children:o}),[oe,t,o,re,G]);return n.jsx(rt,{open:j,onOpenChange:O,disabled:g,closable:b,onClose:C,placement:"bottom-start",allowedPlacements:["bottom-start","top-start"],renderOverlay:()=>n.jsxs("div",{id:N,role:"listbox","aria-multiselectable":t||void 0,className:Is,children:[(a||b)&&n.jsxs("div",{className:"flex items-center gap-2 px-2 pt-2",children:[a&&n.jsx(qt,{onChange:S,value:M,elementId:`search-${N}`}),b&&n.jsx(Z,{ariaLabel:"Close select",cssClass:"shrink-0",iconBefore:n.jsx(z.IconX,{size:16}),onClick:f=>{C?.(f),O(!1)}})]}),t&&i&&X.length>0&&n.jsx("div",{className:m(qe,"mt-2"),children:n.jsx(Ue,{id:`${N}-selectAll`,label:c,checked:$,indeterminate:J,onChange:k,ariaLabel:c})}),n.jsx("div",{className:"overflow-y-auto py-1",children:L.length===0?n.jsx("div",{className:"px-2 py-3",children:n.jsx(jt,{icon:p??n.jsx(z.IconClipboardX,{size:24}),title:l,description:d})}):L.map(f=>{const E=P.includes(f.value);return t?n.jsx("div",{className:m(qe,E&&Ns,f.disabled&&ht,"w-full"),children:n.jsx(Ue,{id:`${N}-${f.value}`,label:n.jsxs("span",{className:"flex w-full flex-1 min-w-0 items-center gap-2 text-primary",children:[f.icon&&n.jsx(B,{icon:f.icon}),n.jsx("span",{className:"truncate",children:f.label})]}),checked:E,disabled:f.disabled,onChange:()=>!f.disabled&&U(f.value),ariaLabel:f.label})},f.value):n.jsx("button",{role:"option",type:"button","aria-selected":E,"aria-disabled":!!f.disabled,disabled:f.disabled,className:m(qe,E&&Ts,f.disabled&&ht),onClick:()=>!f.disabled&&U(f.value),children:n.jsxs("div",{className:"flex items-center gap-2 w-full",children:[f.icon&&n.jsx(B,{icon:f.icon}),n.jsx(be,{text:f.label})]})},f.value)})})]}),children:n.jsxs("button",{type:"button","aria-haspopup":"listbox","aria-expanded":j,"aria-controls":N,className:K(Ss,g&&"opacity-75 !cursor-not-allowed",y),onClick:()=>!g&&O(f=>!f),children:[n.jsx("div",{className:"flex min-w-0 items-center gap-2 text-primary",children:F()}),n.jsx(B,{icon:Ms,className:m("text-primary",j&&"rotate-180")})]})})};exports.AlertVariant=pe;exports.ButtonVariant=q;exports.ConfirmationPopupVariant=Ie;exports.DialAlert=Jt;exports.DialAutocompleteInput=js;exports.DialAutocompleteInputValue=nt;exports.DialBreadcrumb=Zn;exports.DialBreadcrumbItem=Ht;exports.DialButton=Z;exports.DialCheckbox=Ue;exports.DialCloseButton=tt;exports.DialCollapsibleSidebar=gr;exports.DialConfirmationPopup=ms;exports.DialDraggableItem=An;exports.DialDropdown=rt;exports.DialEllipsisTooltip=be;exports.DialErrorText=ye;exports.DialFieldLabel=me;exports.DialFormPopup=ys;exports.DialIcon=B;exports.DialInput=Se;exports.DialInputPopup=_t;exports.DialLabelledText=hr;exports.DialLoader=Je;exports.DialNoDataContent=jt;exports.DialNumberInputField=rs;exports.DialPasswordInput=$t;exports.DialPasswordInputField=Cs;exports.DialPopup=Le;exports.DialRadioButton=Ct;exports.DialRadioGroup=kt;exports.DialRadioGroupPopupField=gs;exports.DialSearch=qt;exports.DialSelect=Os;exports.DialSteps=cr;exports.DialSwitch=os;exports.DialTab=ze;exports.DialTabs=_n;exports.DialTag=Fe;exports.DialTagInput=Ds;exports.DialTextAreaField=ss;exports.DialTextInputField=ns;exports.DialTextarea=Gt;exports.DialTooltip=ce;exports.DropdownType=Lt;exports.PopupSize=se;exports.RadioGroupOrientation=De;exports.SearchSize=Ne;exports.StepStatus=Y;exports.TabOrientation=Ee;exports.TagVariant=Ae;exports.mergeClasses=K;
|