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