@kosdev-code/base-ui-components 0.1.0-dev.5605 → 0.1.0-dev.5623

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/index.cjs CHANGED
@@ -1,28 +1,28 @@
1
- "use strict";var Ma=Object.defineProperty;var za=(e,t,o)=>t in e?Ma(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var T=(e,t,o)=>(za(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("react"),g=require("@emotion/styled"),M=require("@emotion/react"),Br=require("react-dom"),O=require("@floating-ui/react"),Oa=require("@use-gesture/react"),q=require("react-hook-form"),W=require("@kosdev-code/kos-ui-sdk"),wt=require("mobx-react-lite"),D=require("mobx"),ve=require("@tanstack/react-table"),Y=require("date-fns");function Ra(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const io=Ra(d),Na=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Fa=e=>e instanceof RegExp,Aa=e=>typeof e=="string",La=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},Ba=(e,t,o)=>{if(e===""||t==="")return e;let n=t;Fa(n)||(n=new RegExp("("+Na(n)+")","gi"));const r=e.split(n);for(let s=1,l=r.length;s<l;s+=2){if(r[s]===void 0||r[s-1]===void 0){console.warn("Encountered undefined value during string replacement. Your RegExp may not be working the way you expect.");continue}r[s]=o(r[s],s)}return r},Wr=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),La(n.map(r=>Aa(r)?Ba(r,t,o):r))},Ct=(e,t)=>t?e:`var(${e})`,N=(e,t)=>Ct(`--studio-g-${e}`,t),c=(e,t)=>Ct(`--studio-s-${e}`,t),Wa={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},Pa={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},Ha={"artifact-drawer":{"background-color":c("color-grey10"),"border-color":c("color-grey20"),"border-width":c("border-sm"),"padding-x":c("spacing-16"),"branch-padding-x":c("spacing-8"),"artifact-list-y-padding":c("spacing-10"),"artifact-items-gap":c("spacing-10"),"version-items-gap":c("spacing-8"),"version-list-padding":c("spacing-8")}},Va={checkbox:{"background-color":c("color-white"),"border-color":c("color-grey30"),"background-color-disabled":c("color-grey15"),"background-color-checked":c("color-primary"),"border-color-checked":c("color-primary"),"background-color-checked-disabled":c("color-additional3"),"border-color-checked-disabled":c("color-additional3"),size:"14px","border-radius":c("spacing-2"),"border-width":c("border-sm")}},Ua={"collapsible-artifact":{"background-color":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-6"),"border-width":c("border-xsm"),"button-left-or-right":c("spacing-4"),"button-top":"3px","name-and-desc-spacing":c("spacing-2"),"name-and-selected-spacing":c("spacing-8"),padding:`${c("spacing-6")} ${c("spacing-8")}`},"collapsible-artifact-version":{"background-color-hover":c("color-grey20"),"background-color-inherited":"#9747FF12","background-color-selected":c("color-additional3"),"background-color":c("color-grey10"),"border-color-hover":c("color-grey30"),"border-color-inherited":"#9747FF33","border-color-selected":c("color-primary"),"border-color":c("color-grey20"),"border-radius":c("spacing-2"),"border-width":c("border-sm"),padding:`${c("spacing-6")} ${c("spacing-8")}`}},Ga={"collapsible-list-container":{"border-radius":c("spacing-2"),"border-width":"0.5px","border-color":c("color-grey20")},"collapsible-list-header-container":{"background-color":c("color-grey10"),gap:c("spacing-8"),padding:"7px 8px"},"collapsible-list-toggled-container":{"background-color":c("color-white"),gap:c("spacing-8"),padding:c("spacing-8")}},Ka={drawer:{"header-height":c("spacing-30"),"header-bg":c("color-grey10"),"header-border-size":"1px","header-border-color":c("color-grey20"),"header-x-padding":c("spacing-10"),"border-width":"1px","border-color":c("color-grey20"),"left-drop-shadow":"4px 0px 8px -1px rgba(0,0,0,0.2)","right-drop-shadow":"-4px 0px 8px -1px rgba(0,0,0,0.2)"}},Ya={form:{"access-toggle-gap":c("spacing-16"),"access-toggle-height":c("spacing-36"),"error-message-top-margin":c("spacing-4"),"label-column-gap":c("spacing-16"),"label-error-color":c("color-red"),"label-font-family":c("font-family-default"),"label-font-size":c("font-size-med"),"label-font-weight":c("font-weight-normal"),"label-height":"14px","label-line-height":c("line-height-default"),"label-star-padding":c("spacing-4"),"label-width":"112px","label-area-padding":`${c("spacing-7")} 0`}},qa={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},Za={"icon-button":{padding:"0","border-radius":c("spacing-2"),"background-color":"transparent","border-color":"transparent",cursor:"pointer","disabled-cursor":"not-allowed","badge-fill-black":c("color-black"),"badge-fill-blue":c("color-primary"),"badge-fill-green":c("color-green"),"badge-fill-grey":c("color-grey50"),"badge-fill-orange":c("color-orange"),"badge-fill-purple":c("color-purple"),"badge-fill-red":c("color-red"),"badge-fill-white":c("color-white"),"badge-fill-yellow":c("color-yellow"),"badge-right":"1px","badge-top":"1px","active-background-color":"rgba(255, 255, 255, 0.1)"}},Xa={icon:{"fill-black":c("color-black"),"fill-blue":c("color-primary"),"fill-green":c("color-green"),"fill-grey":c("color-grey50"),"fill-orange":c("color-orange"),"fill-purple":c("color-purple"),"fill-red":c("color-red"),"fill-white":c("color-white"),"fill-yellow":c("color-yellow"),"size-lrg":c("spacing-18"),"size-med":c("spacing-16"),"size-sm":c("spacing-14"),"size-xlrg":c("spacing-20"),"size-xsm":c("spacing-12"),"size-xxlrg":c("spacing-22"),"size-xxxlrg":c("spacing-32"),"size-xxsm":c("spacing-10")}},Ja={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},Qa={input:{"background-color-disabled":c("color-grey10"),"background-color":c("color-white"),"border-color-active":c("color-black"),"border-color-invalid":c("color-red"),"border-color":c("color-grey30"),"border-radius":c("spacing-2"),"border-width":c("border-sm"),"color-disabled":c("color-grey30"),"font-family":c("font-family-default"),"font-size-small":c("font-size-sm"),"font-size":c("font-size-med"),"font-weight":c("font-weight-normal"),"icon-left":c("spacing-8"),"line-height":c("line-height-default"),"padding-left-icon":c("spacing-28"),"padding-right-icon":c("spacing-28"),"padding-x":c("spacing-8"),"padding-y-small":"2px","padding-y":c("spacing-7"),color:c("color-black"),height:"28px"}},el={link:{"font-size-med":c("font-size-med"),"font-size-sm":c("font-size-sm"),"font-size-lrg":c("font-size-lrg"),"font-size-xlrg":c("font-size-xlrg"),"font-family":c("font-family-default"),"font-weight":c("font-weight-bold"),"line-height":c("line-height-default"),color:c("color-primary"),"color-hover":c("color-additional1"),"color-active":c("color-additional2"),"color-disabled":c("color-grey30")}},tl={modal:{"overlay-background":"rgba(0, 0, 0, 0.8)","background-color":c("color-white"),headerPadding:c("spacing-10"),headerGap:c("spacing-8"),contentYPadding:c("spacing-10"),contentXPadding:c("spacing-12"),footerYPadding:c("spacing-10"),footerXPadding:c("spacing-12"),footerGap:c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"base-content-width":"400xp"}},ol={"named-section":{"border-radius":"2px","border-width":"0.5px","selected-border-width":"2px","hover-border-width":c("border-sm"),"border-color":c("color-grey20"),"selected-border-color":c("color-primary")},"named-section-header":{bg:c("color-grey10"),"border-width":"0.5px","border-color":c("color-grey20"),"border-radius":"2px",padding:"8px 10px",gap:c("spacing-8"),"row-gap":c("spacing-4")}},nl={segmented:{"border-width":c("border-sm"),"border-radius":c("spacing-2"),padding:c("spacing-2"),"background-color":c("color-grey15"),"border-color":c("color-grey20"),"button-color":c("color-grey60"),"button-color-disabled":c("color-grey40"),"button-background-color":c("color-grey15"),"button-background-color-hover":c("color-grey20"),"button-background-color-active":c("color-grey40"),"button-padding-y":"5px","button-padding-x":"11px","button-border-width":c("border-sm"),"button-border-color":"transparent","button-font-size":c("font-size-med"),"button-font-weight":c("font-weight-normal"),"button-font-family":c("font-family-default"),"button-gap":c("spacing-4"),"indicator-background-color":c("color-white"),"indicator-color":c("color-black")}},rl={select:{"font-size":c("font-size-med"),"border-size":c("border-sm"),"border-color":c("color-grey20")},option:{"column-gap":c("spacing-8"),"font-family":c("font-family-default"),"font-size":c("font-size-med"),"bg-color-active":c("color-grey20"),"bg-color":c("color-white"),"font-weight-selected":c("font-weight-bold"),color:c("color-black"),"color-disabled":c("color-grey40"),padding:"2px 4px"}},sl={button:{xpadding:c("spacing-16"),ypadding:c("spacing-6"),br:c("spacing-2"),cursor:"pointer","line-height":c("line-height-default"),"font-size":c("font-size-med"),"ypadding-small":c("spacing-2"),"border-width":"1px","font-weight":c("font-weight-bold"),"icon-margin":`0px ${c("spacing-4")} 0px 0px`,"flex-direction":"row",bg:c("color-primary"),"bg-hover":c("color-additional1"),"bg-active":c("color-additional2"),"bg-disabled":c("color-grey30"),border:c("color-primary"),"border-hover":c("color-additional1"),"border-active":c("color-additional2"),"border-disabled":c("color-grey30"),color:c("color-white"),"color-hover":c("color-white"),"color-active":c("color-white"),"color-disabled":c("color-white"),"bg-secondary":c("color-white"),"bg-hover-secondary":c("color-white"),"bg-active-secondary":c("color-white"),"bg-disabled-secondary":c("color-grey10"),"border-secondary":c("color-primary"),"border-hover-secondary":c("color-additional1"),"border-active-secondary":c("color-additional2"),"border-disabled-secondary":c("color-grey30"),"color-secondary":c("color-primary"),"color-hover-secondary":c("color-additional1"),"color-active-secondary":c("color-additional2"),"color-disabled-secondary":c("color-grey30"),"bg-borderless":c("color-white"),"bg-hover-borderless":c("color-white"),"bg-active-borderless":c("color-white"),"bg-disabled-borderless":c("color-white"),"border-borderless":c("color-white"),"border-hover-borderless":c("color-white"),"border-active-borderless":c("color-white"),"border-disabled-borderless":c("color-white"),"color-borderless":c("color-primary"),"color-hover-borderless":c("color-additional1"),"color-active-borderless":c("color-additional2"),"color-disabled-borderless":c("color-grey30")}},il={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},al={text:{"font-family":c("font-family-default"),"line-height":c("line-height-default"),"h1-size":c("font-size-xlrg"),"h2-size":c("font-size-lrg"),"body-size":c("font-size-med"),"small-size":c("font-size-sm"),"font-weight-bold":c("font-weight-bold"),"font-weight-normal":c("font-weight-normal"),"color-dark":c("color-black"),"color-light":c("color-white"),"color-green":c("color-green"),"color-purple":c("color-purple"),"color-red":c("color-red"),"color-blue":c("color-primary"),"color-grey":c("color-grey60"),"color-disabled":c("color-grey40"),"color-yellow":c("color-yellow"),"color-orange":c("color-orange")}},ll={tab:{"trigger-padding-y":c("spacing-8"),"trigger-padding-x":"0","column-gap":c("spacing-8"),"indicator-height":c("border-lrg"),"indicator-color":c("color-grey60"),"trigger-list-underline-color":c("color-grey20"),"trigger-list-underline-height":c("border-sm")}},cl={tag:{"font-family":c("font-family-default"),"bg-color-orange":c("color-orange"),"bg-color-light":c("color-white"),"bg-color-green":c("color-green"),"bg-color-red":c("color-red"),"bg-color-purple":c("color-purple"),"bg-color-blue":c("color-blue"),"bg-color-disabled":c("color-white"),"color-light":c("color-white"),"color-dark":c("color-black"),"color-disabled":c("color-grey40"),"border-radius":c("border-sm"),"border-color":c("color-grey20"),height:c("spacing-18"),padding:"0px 4px"}},dl={textarea:{padding:c("spacing-8"),"background-color":c("color-white"),"font-size":c("font-size-med"),"font-family":c("font-family-default"),"font-weight":c("font-weight-normal"),color:c("color-black"),"border-width":c("border-sm"),"border-color":c("color-grey30"),"min-height":"60px","border-color-active":c("color-black"),"border-radius":c("spacing-2"),"border-color-invalid":c("color-red"),"background-color-disabled":c("color-grey10"),"color-disabled":c("color-grey30")}},ul={"toggle-container":{gap:"4px"},"toggle-track":{"background-color-checked-disabled":c("color-additional3"),"background-color-checked-enabled":c("color-primary"),"background-color-unchecked-disabled":c("color-grey20"),"background-color-unchecked-enabled":c("color-grey50"),"border-radius":c("spacing-20"),"padding-horizontal":"3px","padding-vertical":"2px","transition-duration":"150ms"},"toggle-thumb":{"background-color-checked-enabled":c("color-white"),"background-color-checked-disabled":c("color-white"),"background-color-unchecked-enabled":c("color-white"),"background-color-unchecked-disabled":c("color-grey15"),"border-radius":"15px","box-shadow":"0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",height:"8px",width:"8px","transition-duration":"150ms"}},hl={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},pl={combobox:{"background-color-active":c("color-grey15"),"background-color-selected":c("color-additional3"),"background-color":c("color-white"),"border-radius":"4px","box-shadow":"0px 0px 4px 0px rgba(0, 0, 0, 0.25)","input-border-radius":"6px","option-column-gap":c("spacing-4"),"row-gap":c("spacing-6"),"selection-border-radius":"4px",height:"22px",padding:c("spacing-8")}},fl={"radio-button":{size:c("spacing-14"),"check-size":c("spacing-8"),"border-color":c("color-grey20"),"background-color":c("color-white"),"border-width":c("border-sm"),"border-radius":"50%","border-color-checked":c("color-primary"),"background-color-disabled":c("color-grey10")}},gl={"select-view-list":{"item-height":c("spacing-36"),"padding-left":c("spacing-16"),"padding-right":c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"background-color":c("color-white"),"background-color-viewing":c("color-grey15"),gap:c("spacing-4")}},ml={"shell-menu":{"padding-x":c("spacing-20"),"link-gap":c("spacing-12"),"section-gap":c("spacing-8"),"link-padding-y":c("spacing-2"),"link-padding-x":c("spacing-4")}},bl={"named-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-20"),"subtext-padding-with-icon":c("spacing-20")}},xl={"error-list-item":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-26"),"padding-x":c("spacing-4"),"padding-y":c("spacing-12"),"background-color":c("color-white"),"background-color-overview":c("color-grey10"),"background-color-hover":c("color-grey10"),"background-color-overview-hover":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-2")}},yl={"ingredient-card":{border:c("border-sm"),"border-color":c("color-grey20"),"border-color-selected":c("color-primary"),padding:c("spacing-12"),"padding-small":c("spacing-8"),"border-radius":c("spacing-2"),"row-gap":c("spacing-4"),"column-gap":c("spacing-4")}},vl={"branded-header":{"startColor-settings":"#048FEC","startColor-devices":"#9747FF","startColor-tools":"#01528A","startColor-performance":"#B4DEFA","endColor-viewBrowse":"#1C00D8","endColor-configure":"#4CC9F0","endColor-manage":"#9A99F2","endColor-troubleshoot":"#53D7C7","endColor-store":"#193C60","endColor-main":"#048FEC","border-bottom-size":c("border-sm"),"border-bottom-color":c("color-grey20"),"background-color":c("color-white"),"column-gap":c("spacing-16"),padding:"12px 20px","badge-size":"52px","badge-radius":"0","line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-4")}},kl={"artifact-store-settings":{"row-columns-published":"minmax(96px, 1fr) 64px minmax(244px, 2fr) 96px 60px","row-columns-market":"minmax(96px, 1fr) 64px minmax(244px, 2fr)","row-divider-color":c("color-grey20"),"row-gap":c("spacing-4"),"header-padding":"0px 8px 0px 4px","cell-padding":"12px 8px 12px 4px","name-column-gap":c("spacing-4")}},wl={table:{"row-border-bottom-size":c("border-xsm"),"border-color":c("color-grey20"),"header-background-color-hover":c("color-grey20"),"header-background-color":c("color-grey15"),"cell-padding-x":c("spacing-4"),"cell-padding-y":"11px","cell-padding-right-sortable":c("spacing-8"),"cell-padding-left-first-in-row":c("spacing-8"),"head-gap-sortable":c("spacing-4"),"background-color":c("color-white"),"head-font-size":c("font-size-med"),"head-color":c("color-black"),"head-font-weight":c("font-weight-bold"),"cell-font-size":c("font-size-med"),"cell-color":c("color-black"),"cell-font-weight":c("font-weight-normal"),"font-family":c("font-family-default")}},Cl={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},$l={"file-picker":{"background-color":c("color-grey10"),"background-color-accent":c("color-white"),"selected-background":c("color-primary"),"header-x-padding":c("spacing-20"),"header-y-padding":c("spacing-12"),"header-border-size":c("border-sm"),"header-gap":c("spacing-8"),"header-border-color":c("color-grey20"),"footer-padding-x":c("spacing-12"),"footer-padding-y":c("spacing-10"),"footer-controls-gap":c("spacing-4"),"footer-border-size":c("border-xsm"),"footer-border-color":c("color-grey20"),"search-bar-height":c("spacing-36"),"search-bar-border-size":c("border-sm"),"search-bar-border-color":c("color-grey30"),"search-bar-nav-buttons-gap":c("spacing-12"),"search-bar-padding-x":c("spacing-20"),"search-bar-padding-y":"6.5px","search-bar-radius":c("spacing-2"),"search-bar-edit-button-width":c("spacing-22"),"search-bar-breadcrumb-padding-x":c("spacing-4"),"search-bar-breadcrumb-hover-border":c("color-grey50"),"search-bar-export-button-radius":c("spacing-2"),"search-bar-export-button-background":c("color-primary"),"search-bar-export-button-background-disabled":c("color-grey30"),"nav-panel-y-padding":c("spacing-20"),"nav-panel-x-padding":c("spacing-20"),"nav-panel-gap":c("spacing-40"),"nav-panel-header-bottom-margin":c("spacing-4"),"nav-panel-section-gap":c("spacing-4"),"nav-panel-item-gap":c("spacing-4"),"nav-panel-item-y-padding":c("spacing-2"),"explorer-panel-right-gutter-size":c("spacing-12"),"explorer-panel-padding-y":c("spacing-4"),"explorer-panel-padding-x":c("spacing-10"),"explorer-panel-gap":c("spacing-4"),"explorer-panel-item-padding-x":c("spacing-4"),"explorer-panel-item-padding-y":c("spacing-2"),"explorer-panel-item-icon-gap-left":c("spacing-4"),"explorer-panel-item-icon-gap-right":c("spacing-4"),"explorer-panel-kab-background":c("color-grey10"),"preview-details-gap":c("spacing-10"),"preview-details-gap-small":c("spacing-8"),"preview-icon-size":c("spacing-40"),"preview-icon-y-padding":c("spacing-40"),"preview-icon-y-padding-small":c("spacing-12"),"preview-details-x-padding":c("spacing-20"),"preview-details-x-padding-small":c("spacing-8"),"preview-details-y-padding":c("spacing-10"),"preview-details-item-gap":c("spacing-8"),"preview-details-collapsible-bg":c("color-grey10"),"preview-details-collapsible-gap":c("spacing-4"),"preview-details-collapsible-y-padding":c("spacing-4"),"preview-details-collapsible-border-color":c("color-grey20")}},Sl={"shell-icon-button":{padding:"5px"}},jl={"multi-select":{"list-padding":c("spacing-4"),"padding-x":c("spacing-12"),"padding-y":c("spacing-4"),"border-radius":c("spacing-6"),border:c("border-sm"),"border-color":c("color-grey20"),"select-all-border-color":c("color-grey10"),"hover-border-color":c("color-grey40"),gap:c("spacing-4"),background:c("color-white"),"item-padding-x":c("spacing-12"),"item-padding-y":c("spacing-4"),"item-gap":c("spacing-8"),"item-hover-bg":c("color-grey10"),"selected-item-padding-y":c("spacing-2"),"selected-item-padding-x":c("spacing-4"),"selected-item-gap":c("spacing-4"),"selected-item-background":c("color-grey10"),"selected-item-background-hover":c("color-grey20"),"selected-item-radius":c("spacing-4")}},Il={badge:{"color-blue":c("color-blue"),"color-blue-border":"rgba(4, 143, 236, 0.5)","color-red":c("color-red"),"color-red-border":"rgba(244, 0, 0, 0.5)","color-white":c("color-white"),"color-white-border":"rgba(255, 255, 255, 0.5)","color-black":c("color-black"),"color-black-border":"rgba(0, 0, 0, 0.5)","color-orange":c("color-orange"),"color-orange-border":"rgba(255, 133, 0, 0.5)","color-green":c("color-green"),"color-green-border":"rgba(82, 196, 26, 0.5)"}},_l={"button-group":{gap:c("spacing-2"),"background-color":"transparent","border-radius":c("spacing-4"),"border-width":"0","border-color":"transparent",padding:"0","item-padding":c("spacing-4"),"item-border-radius":c("spacing-4"),"item-background-color":"transparent","item-background-color-hover":"rgba(0, 0, 0, 0.08)","item-background-color-active":"rgba(0, 0, 0, 0.15)","item-color":c("color-grey50"),"item-color-active":c("color-black")}},Dl={"named-collapsible-branch":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-12"),"subtext-padding-with-icon":c("spacing-12")}},Tl={notification:{"bg-success":c("color-white"),"bg-error":c("color-white"),"bg-warning":c("color-white"),"bg-info":c("color-white"),"border-success":c("color-green"),"border-error":c("color-red"),"border-warning":c("color-orange"),"border-info":c("color-blue"),"icon-success":c("color-green"),"icon-error":c("color-red"),"icon-warning":c("color-orange"),"icon-info":c("color-blue"),"border-outer":c("color-grey20"),"border-outer-dark":c("color-grey70"),"color-title":c("color-black"),"color-message":c("color-grey60"),"color-close":c("color-grey50"),"color-action":c("color-blue"),"bg-action-hover":c("color-grey10"),"bg-close-hover":c("color-grey10"),"bg-success-dark":c("color-grey80"),"bg-error-dark":c("color-grey80"),"bg-warning-dark":c("color-grey80"),"bg-info-dark":c("color-grey80"),"bg-action-hover-dark":c("color-grey70"),"bg-close-hover-dark":c("color-grey70"),"color-title-dark":c("color-grey10"),"color-message-dark":c("color-grey40")}},El={"studio-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-12"),"subtext-padding-with-icon":c("spacing-12")}},Ml={view:{"background-color":c("color-white"),"border-color":c("color-grey20"),"border-width":"1px","border-radius":c("spacing-4"),"content-padding":"0"},"view-header":{"background-color":c("color-grey10"),"border-color":c("color-grey20"),"border-bottom-width":"1px",padding:`${c("spacing-8")} ${c("spacing-12")}`,gap:c("spacing-8"),"left-gap":c("spacing-8"),"text-gap":c("spacing-2"),"actions-gap":c("spacing-4"),"subtitle-font-size":c("font-size-sm")}},zl={"view-container":{"vertical-gap":"0","horizontal-gap":c("spacing-16"),padding:"0","background-color":"transparent"}},Ol={...Wa,...Pa,...Ha,...Va,...Ua,...Ga,...Ka,...Ya,...qa,...Za,...Xa,...Ja,...Qa,...el,...tl,...ol,...nl,...rl,...sl,...il,...al,...ll,...cl,...dl,...ul,...hl,...pl,...fl,...Il,..._l,...gl,...ml,...bl,...xl,...yl,...vl,...kl,...wl,...Cl,...$l,...Sl,...jl,...Dl,...Tl,...El,...Ml,...zl},Rl={color:{grey0:"#FFFFFF",grey10:"#F6F6F6",grey15:"#F1F1F1",grey20:"#DFDFDF",grey30:"#D9D9D9",grey40:"#C4C4C4",grey50:"#ABABAB",grey60:"#868686",grey65:"#676767",grey70:"#484848",grey80:"#2F2F2F",grey100:"#262626",blue0:"#E6F7FF",blue10:"#C8E8FF",blue20:"#40A9FF",blue30:"#048FEC",blue40:"#096DD9",green0:"#52C41A",red0:"#F40000",orange0:"#FF8500",purple0:"#9747FF",yellow0:"#fffd87",yellow1:"#FFD600"}},Nl={"font-size":{"10px":"10px","12px":"12px","14px":"14px","16px":"16px"},"font-weight":{400:"400",700:"700"},"font-family":{Arial:"Arial, sans-serif"},"line-height":{120:"1.2"}},Fl={spacing:{"0-5px":"0.5px","1px":"1px","2px":"2px","3px":"3px","4px":"4px","6px":"6px","7px":"7px","8px":"8px","10px":"10px","12px":"12px","14px":"14px","16px":"16px","18px":"18px","20px":"20px","22px":"22px","24px":"24px","26px":"26px","28px":"28px","30px":"30px","32px":"32px","34px":"34px","36px":"36px","40px":"40px"}},Al={...Rl,...Nl,...Fl},Ll={color:{white:N("color-grey0"),grey10:N("color-grey10"),grey15:N("color-grey15"),grey20:N("color-grey20"),grey30:N("color-grey30"),grey40:N("color-grey40"),grey50:N("color-grey50"),grey60:N("color-grey60"),grey65:N("color-grey65"),grey70:N("color-grey70"),grey80:N("color-grey80"),black:N("color-grey100"),primary:N("color-blue30"),primaryLight:N("color-blue0"),additional1:N("color-blue20"),additional2:N("color-blue40"),additional3:N("color-blue10"),green:N("color-green0"),orange:N("color-orange0"),red:N("color-red0"),purple:N("color-purple0"),blue:N("color-blue30"),yellow:N("color-yellow0")}},Bl={"font-size":{sm:N("font-size-10px"),med:N("font-size-12px"),lrg:N("font-size-14px"),xlrg:N("font-size-16px")},"font-weight":{normal:N("font-weight-400"),bold:N("font-weight-700")},"font-family":{default:N("font-family-Arial")},"line-height":{default:N("line-height-120")}},Wl={spacing:{2:N("spacing-2px"),4:N("spacing-4px"),6:N("spacing-6px"),7:N("spacing-7px"),8:N("spacing-8px"),10:N("spacing-10px"),12:N("spacing-12px"),14:N("spacing-14px"),16:N("spacing-16px"),18:N("spacing-18px"),20:N("spacing-20px"),22:N("spacing-22px"),24:N("spacing-24px"),26:N("spacing-26px"),28:N("spacing-28px"),30:N("spacing-30px"),32:N("spacing-32px"),34:N("spacing-34px"),36:N("spacing-36px"),40:N("spacing-40px")},border:{xsm:N("spacing-0-5px"),sm:N("spacing-1px"),med:N("spacing-2px"),lrg:N("spacing-3px")}},Pl={...Ll,...Bl,...Wl},dn=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`--${t}-${o}-${n}: ${e[o][n]}`)),Hl=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:n=":root"}=t,r=l=>l.map(a=>(u,h)=>Ct(`--${o}-${String(a)}-${u}`,h)),s=M.css`
2
- ${n} {
3
- ${dn(e,o).join(`;
1
+ "use strict";var za=Object.defineProperty;var Ma=(e,t,o)=>t in e?za(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var T=(e,t,o)=>(Ma(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("react"),g=require("@emotion/styled"),z=require("@emotion/react"),Bn=require("react-dom"),O=require("@floating-ui/react"),Oa=require("@use-gesture/react"),q=require("react-hook-form"),W=require("@kosdev-code/kos-ui-sdk"),$t=require("mobx-react-lite"),D=require("mobx"),ke=require("@tanstack/react-table"),Y=require("date-fns");function Ra(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const ao=Ra(d),Na=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Fa=e=>e instanceof RegExp,Aa=e=>typeof e=="string",La=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},Ba=(e,t,o)=>{if(e===""||t==="")return e;let r=t;Fa(r)||(r=new RegExp("("+Na(r)+")","gi"));const n=e.split(r);for(let s=1,l=n.length;s<l;s+=2){if(n[s]===void 0||n[s-1]===void 0){console.warn("Encountered undefined value during string replacement. Your RegExp may not be working the way you expect.");continue}n[s]=o(n[s],s)}return n},Wn=(e,t,o)=>{let r=e;return Array.isArray(r)||(r=[r]),La(r.map(n=>Aa(n)?Ba(n,t,o):n))},St=(e,t)=>t?e:`var(${e})`,F=(e,t)=>St(`--studio-g-${e}`,t),c=(e,t)=>St(`--studio-s-${e}`,t),Wa={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},Pa={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},Ha={"artifact-drawer":{"background-color":c("color-grey10"),"border-color":c("color-grey20"),"border-width":c("border-sm"),"padding-x":c("spacing-16"),"branch-padding-x":c("spacing-8"),"artifact-list-y-padding":c("spacing-10"),"artifact-items-gap":c("spacing-10"),"version-items-gap":c("spacing-8"),"version-list-padding":c("spacing-8")}},Va={checkbox:{"background-color":c("color-white"),"border-color":c("color-grey30"),"background-color-disabled":c("color-grey15"),"background-color-checked":c("color-primary"),"border-color-checked":c("color-primary"),"background-color-checked-disabled":c("color-additional3"),"border-color-checked-disabled":c("color-additional3"),size:"14px","border-radius":c("spacing-2"),"border-width":c("border-sm")}},Ua={"collapsible-artifact":{"background-color":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-6"),"border-width":c("border-xsm"),"button-left-or-right":c("spacing-4"),"button-top":"3px","name-and-desc-spacing":c("spacing-2"),"name-and-selected-spacing":c("spacing-8"),padding:`${c("spacing-6")} ${c("spacing-8")}`},"collapsible-artifact-version":{"background-color-hover":c("color-grey20"),"background-color-inherited":"#9747FF12","background-color-selected":c("color-additional3"),"background-color":c("color-grey10"),"border-color-hover":c("color-grey30"),"border-color-inherited":"#9747FF33","border-color-selected":c("color-primary"),"border-color":c("color-grey20"),"border-radius":c("spacing-2"),"border-width":c("border-sm"),padding:`${c("spacing-6")} ${c("spacing-8")}`}},Ga={"collapsible-list-container":{"border-radius":c("spacing-2"),"border-width":"0.5px","border-color":c("color-grey20")},"collapsible-list-header-container":{"background-color":c("color-grey10"),gap:c("spacing-8"),padding:"7px 8px"},"collapsible-list-toggled-container":{"background-color":c("color-white"),gap:c("spacing-8"),padding:c("spacing-8")}},Ka={drawer:{"header-height":c("spacing-30"),"header-bg":c("color-grey10"),"header-border-size":"1px","header-border-color":c("color-grey20"),"header-x-padding":c("spacing-10"),"border-width":"1px","border-color":c("color-grey20"),"left-drop-shadow":"4px 0px 8px -1px rgba(0,0,0,0.2)","right-drop-shadow":"-4px 0px 8px -1px rgba(0,0,0,0.2)"}},Ya={form:{"access-toggle-gap":c("spacing-16"),"access-toggle-height":c("spacing-36"),"error-message-top-margin":c("spacing-4"),"label-column-gap":c("spacing-16"),"label-error-color":c("color-red"),"label-font-family":c("font-family-default"),"label-font-size":c("font-size-med"),"label-font-weight":c("font-weight-normal"),"label-height":"14px","label-line-height":c("line-height-default"),"label-star-padding":c("spacing-4"),"label-width":"112px","label-area-padding":`${c("spacing-7")} 0`}},qa={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},Za={"icon-button":{padding:"0","border-radius":c("spacing-2"),"background-color":"transparent","border-color":"transparent",cursor:"pointer","disabled-cursor":"not-allowed","badge-fill-black":c("color-black"),"badge-fill-blue":c("color-primary"),"badge-fill-green":c("color-green"),"badge-fill-grey":c("color-grey50"),"badge-fill-orange":c("color-orange"),"badge-fill-purple":c("color-purple"),"badge-fill-red":c("color-red"),"badge-fill-white":c("color-white"),"badge-fill-yellow":c("color-yellow"),"badge-right":"1px","badge-top":"1px","active-background-color":"rgba(255, 255, 255, 0.1)"}},Xa={icon:{"fill-black":c("color-black"),"fill-blue":c("color-primary"),"fill-green":c("color-green"),"fill-grey":c("color-grey50"),"fill-orange":c("color-orange"),"fill-purple":c("color-purple"),"fill-red":c("color-red"),"fill-white":c("color-white"),"fill-yellow":c("color-yellow"),"size-lrg":c("spacing-18"),"size-med":c("spacing-16"),"size-sm":c("spacing-14"),"size-xlrg":c("spacing-20"),"size-xsm":c("spacing-12"),"size-xxlrg":c("spacing-22"),"size-xxxlrg":c("spacing-32"),"size-xxsm":c("spacing-10")}},Ja={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},Qa={input:{"background-color-disabled":c("color-grey10"),"background-color":c("color-white"),"border-color-active":c("color-black"),"border-color-invalid":c("color-red"),"border-color":c("color-grey30"),"border-radius":c("spacing-2"),"border-width":c("border-sm"),"color-disabled":c("color-grey30"),"font-family":c("font-family-default"),"font-size-small":c("font-size-sm"),"font-size":c("font-size-med"),"font-weight":c("font-weight-normal"),"icon-left":c("spacing-8"),"line-height":c("line-height-default"),"padding-left-icon":c("spacing-28"),"padding-right-icon":c("spacing-28"),"padding-x":c("spacing-8"),"padding-y-small":"2px","padding-y":c("spacing-7"),color:c("color-black"),height:"28px"}},el={link:{"font-size-med":c("font-size-med"),"font-size-sm":c("font-size-sm"),"font-size-lrg":c("font-size-lrg"),"font-size-xlrg":c("font-size-xlrg"),"font-family":c("font-family-default"),"font-weight":c("font-weight-bold"),"line-height":c("line-height-default"),color:c("color-primary"),"color-hover":c("color-additional1"),"color-active":c("color-additional2"),"color-disabled":c("color-grey30")}},tl={modal:{"overlay-background":"rgba(0, 0, 0, 0.8)","background-color":c("color-white"),headerPadding:c("spacing-10"),headerGap:c("spacing-8"),contentYPadding:c("spacing-10"),contentXPadding:c("spacing-12"),footerYPadding:c("spacing-10"),footerXPadding:c("spacing-12"),footerGap:c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"base-content-width":"400xp"}},ol={"named-section":{"border-radius":"2px","border-width":"0.5px","selected-border-width":"2px","hover-border-width":c("border-sm"),"border-color":c("color-grey20"),"selected-border-color":c("color-primary")},"named-section-header":{bg:c("color-grey10"),"border-width":"0.5px","border-color":c("color-grey20"),"border-radius":"2px",padding:"8px 10px",gap:c("spacing-8"),"row-gap":c("spacing-4")}},rl={segmented:{"border-width":c("border-sm"),"border-radius":c("spacing-2"),padding:c("spacing-2"),"background-color":c("color-grey15"),"border-color":c("color-grey20"),"button-color":c("color-grey60"),"button-color-disabled":c("color-grey40"),"button-background-color":c("color-grey15"),"button-background-color-hover":c("color-grey20"),"button-background-color-active":c("color-grey40"),"button-padding-y":"5px","button-padding-x":"11px","button-border-width":c("border-sm"),"button-border-color":"transparent","button-font-size":c("font-size-med"),"button-font-weight":c("font-weight-normal"),"button-font-family":c("font-family-default"),"button-gap":c("spacing-4"),"indicator-background-color":c("color-white"),"indicator-color":c("color-black")}},nl={select:{"font-size":c("font-size-med"),"border-size":c("border-sm"),"border-color":c("color-grey20")},option:{"column-gap":c("spacing-8"),"font-family":c("font-family-default"),"font-size":c("font-size-med"),"bg-color-active":c("color-grey20"),"bg-color":c("color-white"),"font-weight-selected":c("font-weight-bold"),color:c("color-black"),"color-disabled":c("color-grey40"),padding:"2px 4px"}},sl={button:{xpadding:c("spacing-16"),ypadding:c("spacing-6"),br:c("spacing-2"),cursor:"pointer","line-height":c("line-height-default"),"font-size":c("font-size-med"),"ypadding-small":c("spacing-2"),"border-width":"1px","font-weight":c("font-weight-bold"),"icon-margin":`0px ${c("spacing-4")} 0px 0px`,"flex-direction":"row",bg:c("color-primary"),"bg-hover":c("color-additional1"),"bg-active":c("color-additional2"),"bg-disabled":c("color-grey30"),border:c("color-primary"),"border-hover":c("color-additional1"),"border-active":c("color-additional2"),"border-disabled":c("color-grey30"),color:c("color-white"),"color-hover":c("color-white"),"color-active":c("color-white"),"color-disabled":c("color-white"),"bg-secondary":c("color-white"),"bg-hover-secondary":c("color-white"),"bg-active-secondary":c("color-white"),"bg-disabled-secondary":c("color-grey10"),"border-secondary":c("color-primary"),"border-hover-secondary":c("color-additional1"),"border-active-secondary":c("color-additional2"),"border-disabled-secondary":c("color-grey30"),"color-secondary":c("color-primary"),"color-hover-secondary":c("color-additional1"),"color-active-secondary":c("color-additional2"),"color-disabled-secondary":c("color-grey30"),"bg-borderless":c("color-white"),"bg-hover-borderless":c("color-white"),"bg-active-borderless":c("color-white"),"bg-disabled-borderless":c("color-white"),"border-borderless":c("color-white"),"border-hover-borderless":c("color-white"),"border-active-borderless":c("color-white"),"border-disabled-borderless":c("color-white"),"color-borderless":c("color-primary"),"color-hover-borderless":c("color-additional1"),"color-active-borderless":c("color-additional2"),"color-disabled-borderless":c("color-grey30")}},il={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},al={text:{"font-family":c("font-family-default"),"line-height":c("line-height-default"),"h1-size":c("font-size-xlrg"),"h2-size":c("font-size-lrg"),"body-size":c("font-size-med"),"small-size":c("font-size-sm"),"font-weight-bold":c("font-weight-bold"),"font-weight-normal":c("font-weight-normal"),"color-dark":c("color-black"),"color-light":c("color-white"),"color-green":c("color-green"),"color-purple":c("color-purple"),"color-red":c("color-red"),"color-blue":c("color-primary"),"color-grey":c("color-grey60"),"color-disabled":c("color-grey40"),"color-yellow":c("color-yellow"),"color-orange":c("color-orange")}},ll={tab:{"trigger-padding-y":c("spacing-8"),"trigger-padding-x":"0","column-gap":c("spacing-8"),"indicator-height":c("border-lrg"),"indicator-color":c("color-grey60"),"trigger-list-underline-color":c("color-grey20"),"trigger-list-underline-height":c("border-sm"),"standard-active-color":c("color-grey80"),"standard-active-bg":"transparent","standard-inactive-color":c("color-grey50"),"standard-inactive-bg":c("color-grey10"),"standard-separator-color":c("color-grey20"),"badge-min-width":"18px","badge-height":"18px","badge-padding":`0 ${c("spacing-4")}`,"badge-border-radius":"9px","badge-bg":c("color-primary"),"badge-color":c("color-white"),"badge-font-size":"11px","close-size":"18px","close-border-radius":c("spacing-4"),"close-hover-bg":c("color-grey20"),"close-color":c("color-grey50")}},cl={tag:{"font-family":c("font-family-default"),"bg-color-orange":c("color-orange"),"bg-color-light":c("color-white"),"bg-color-green":c("color-green"),"bg-color-red":c("color-red"),"bg-color-purple":c("color-purple"),"bg-color-blue":c("color-blue"),"bg-color-disabled":c("color-white"),"color-light":c("color-white"),"color-dark":c("color-black"),"color-disabled":c("color-grey40"),"border-radius":c("border-sm"),"border-color":c("color-grey20"),height:c("spacing-18"),padding:"0px 4px"}},dl={textarea:{padding:c("spacing-8"),"background-color":c("color-white"),"font-size":c("font-size-med"),"font-family":c("font-family-default"),"font-weight":c("font-weight-normal"),color:c("color-black"),"border-width":c("border-sm"),"border-color":c("color-grey30"),"min-height":"60px","border-color-active":c("color-black"),"border-radius":c("spacing-2"),"border-color-invalid":c("color-red"),"background-color-disabled":c("color-grey10"),"color-disabled":c("color-grey30")}},ul={"toggle-container":{gap:"4px"},"toggle-track":{"background-color-checked-disabled":c("color-additional3"),"background-color-checked-enabled":c("color-primary"),"background-color-unchecked-disabled":c("color-grey20"),"background-color-unchecked-enabled":c("color-grey50"),"border-radius":c("spacing-20"),"padding-horizontal":"3px","padding-vertical":"2px","transition-duration":"150ms"},"toggle-thumb":{"background-color-checked-enabled":c("color-white"),"background-color-checked-disabled":c("color-white"),"background-color-unchecked-enabled":c("color-white"),"background-color-unchecked-disabled":c("color-grey15"),"border-radius":"15px","box-shadow":"0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1)",height:"8px",width:"8px","transition-duration":"150ms"}},hl={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},pl={combobox:{"background-color-active":c("color-grey15"),"background-color-selected":c("color-additional3"),"background-color":c("color-white"),"border-radius":"4px","box-shadow":"0px 0px 4px 0px rgba(0, 0, 0, 0.25)","input-border-radius":"6px","option-column-gap":c("spacing-4"),"row-gap":c("spacing-6"),"selection-border-radius":"4px",height:"22px",padding:c("spacing-8")}},fl={"radio-button":{size:c("spacing-14"),"check-size":c("spacing-8"),"border-color":c("color-grey20"),"background-color":c("color-white"),"border-width":c("border-sm"),"border-radius":"50%","border-color-checked":c("color-primary"),"background-color-disabled":c("color-grey10")}},gl={"select-view-list":{"item-height":c("spacing-36"),"padding-left":c("spacing-16"),"padding-right":c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"background-color":c("color-white"),"background-color-viewing":c("color-grey15"),gap:c("spacing-4")}},ml={"shell-menu":{"padding-x":c("spacing-20"),"link-gap":c("spacing-12"),"section-gap":c("spacing-8"),"link-padding-y":c("spacing-2"),"link-padding-x":c("spacing-4")}},bl={"named-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-20"),"subtext-padding-with-icon":c("spacing-20")}},xl={"error-list-item":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-26"),"padding-x":c("spacing-4"),"padding-y":c("spacing-12"),"background-color":c("color-white"),"background-color-overview":c("color-grey10"),"background-color-hover":c("color-grey10"),"background-color-overview-hover":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-2")}},yl={"ingredient-card":{border:c("border-sm"),"border-color":c("color-grey20"),"border-color-selected":c("color-primary"),padding:c("spacing-12"),"padding-small":c("spacing-8"),"border-radius":c("spacing-2"),"row-gap":c("spacing-4"),"column-gap":c("spacing-4")}},vl={"branded-header":{"startColor-settings":"#048FEC","startColor-devices":"#9747FF","startColor-tools":"#01528A","startColor-performance":"#B4DEFA","endColor-viewBrowse":"#1C00D8","endColor-configure":"#4CC9F0","endColor-manage":"#9A99F2","endColor-troubleshoot":"#53D7C7","endColor-store":"#193C60","endColor-main":"#048FEC","border-bottom-size":c("border-sm"),"border-bottom-color":c("color-grey20"),"background-color":c("color-white"),"column-gap":c("spacing-16"),padding:"12px 20px","badge-size":"52px","badge-radius":"0","line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-4")}},kl={"artifact-store-settings":{"row-columns-published":"minmax(96px, 1fr) 64px minmax(244px, 2fr) 96px 60px","row-columns-market":"minmax(96px, 1fr) 64px minmax(244px, 2fr)","row-divider-color":c("color-grey20"),"row-gap":c("spacing-4"),"header-padding":"0px 8px 0px 4px","cell-padding":"12px 8px 12px 4px","name-column-gap":c("spacing-4")}},wl={table:{"row-border-bottom-size":c("border-xsm"),"border-color":c("color-grey20"),"header-background-color-hover":c("color-grey20"),"header-background-color":c("color-grey15"),"cell-padding-x":c("spacing-4"),"cell-padding-y":"11px","cell-padding-right-sortable":c("spacing-8"),"cell-padding-left-first-in-row":c("spacing-8"),"head-gap-sortable":c("spacing-4"),"background-color":c("color-white"),"head-font-size":c("font-size-med"),"head-color":c("color-black"),"head-font-weight":c("font-weight-bold"),"cell-font-size":c("font-size-med"),"cell-color":c("color-black"),"cell-font-weight":c("font-weight-normal"),"font-family":c("font-family-default")}},Cl={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},$l={"file-picker":{"background-color":c("color-grey10"),"background-color-accent":c("color-white"),"selected-background":c("color-primary"),"header-x-padding":c("spacing-20"),"header-y-padding":c("spacing-12"),"header-border-size":c("border-sm"),"header-gap":c("spacing-8"),"header-border-color":c("color-grey20"),"footer-padding-x":c("spacing-12"),"footer-padding-y":c("spacing-10"),"footer-controls-gap":c("spacing-4"),"footer-border-size":c("border-xsm"),"footer-border-color":c("color-grey20"),"search-bar-height":c("spacing-36"),"search-bar-border-size":c("border-sm"),"search-bar-border-color":c("color-grey30"),"search-bar-nav-buttons-gap":c("spacing-12"),"search-bar-padding-x":c("spacing-20"),"search-bar-padding-y":"6.5px","search-bar-radius":c("spacing-2"),"search-bar-edit-button-width":c("spacing-22"),"search-bar-breadcrumb-padding-x":c("spacing-4"),"search-bar-breadcrumb-hover-border":c("color-grey50"),"search-bar-export-button-radius":c("spacing-2"),"search-bar-export-button-background":c("color-primary"),"search-bar-export-button-background-disabled":c("color-grey30"),"nav-panel-y-padding":c("spacing-20"),"nav-panel-x-padding":c("spacing-20"),"nav-panel-gap":c("spacing-40"),"nav-panel-header-bottom-margin":c("spacing-4"),"nav-panel-section-gap":c("spacing-4"),"nav-panel-item-gap":c("spacing-4"),"nav-panel-item-y-padding":c("spacing-2"),"explorer-panel-right-gutter-size":c("spacing-12"),"explorer-panel-padding-y":c("spacing-4"),"explorer-panel-padding-x":c("spacing-10"),"explorer-panel-gap":c("spacing-4"),"explorer-panel-item-padding-x":c("spacing-4"),"explorer-panel-item-padding-y":c("spacing-2"),"explorer-panel-item-icon-gap-left":c("spacing-4"),"explorer-panel-item-icon-gap-right":c("spacing-4"),"explorer-panel-kab-background":c("color-grey10"),"preview-details-gap":c("spacing-10"),"preview-details-gap-small":c("spacing-8"),"preview-icon-size":c("spacing-40"),"preview-icon-y-padding":c("spacing-40"),"preview-icon-y-padding-small":c("spacing-12"),"preview-details-x-padding":c("spacing-20"),"preview-details-x-padding-small":c("spacing-8"),"preview-details-y-padding":c("spacing-10"),"preview-details-item-gap":c("spacing-8"),"preview-details-collapsible-bg":c("color-grey10"),"preview-details-collapsible-gap":c("spacing-4"),"preview-details-collapsible-y-padding":c("spacing-4"),"preview-details-collapsible-border-color":c("color-grey20")}},Sl={"shell-icon-button":{padding:"5px"}},jl={"multi-select":{"list-padding":c("spacing-4"),"padding-x":c("spacing-12"),"padding-y":c("spacing-4"),"border-radius":c("spacing-6"),border:c("border-sm"),"border-color":c("color-grey20"),"select-all-border-color":c("color-grey10"),"hover-border-color":c("color-grey40"),gap:c("spacing-4"),background:c("color-white"),"item-padding-x":c("spacing-12"),"item-padding-y":c("spacing-4"),"item-gap":c("spacing-8"),"item-hover-bg":c("color-grey10"),"selected-item-padding-y":c("spacing-2"),"selected-item-padding-x":c("spacing-4"),"selected-item-gap":c("spacing-4"),"selected-item-background":c("color-grey10"),"selected-item-background-hover":c("color-grey20"),"selected-item-radius":c("spacing-4")}},Il={badge:{"color-blue":c("color-blue"),"color-blue-border":"rgba(4, 143, 236, 0.5)","color-red":c("color-red"),"color-red-border":"rgba(244, 0, 0, 0.5)","color-white":c("color-white"),"color-white-border":"rgba(255, 255, 255, 0.5)","color-black":c("color-black"),"color-black-border":"rgba(0, 0, 0, 0.5)","color-orange":c("color-orange"),"color-orange-border":"rgba(255, 133, 0, 0.5)","color-green":c("color-green"),"color-green-border":"rgba(82, 196, 26, 0.5)"}},_l={"button-group":{gap:c("spacing-2"),"background-color":"transparent","border-radius":c("spacing-4"),"border-width":"0","border-color":"transparent",padding:"0","item-padding":c("spacing-4"),"item-border-radius":c("spacing-4"),"item-background-color":"transparent","item-background-color-hover":"rgba(0, 0, 0, 0.08)","item-background-color-active":"rgba(0, 0, 0, 0.15)","item-color":c("color-grey50"),"item-color-active":c("color-black")}},Dl={"named-collapsible-branch":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-12"),"subtext-padding-with-icon":c("spacing-12")}},Tl={notification:{"bg-success":c("color-white"),"bg-error":c("color-white"),"bg-warning":c("color-white"),"bg-info":c("color-white"),"border-success":c("color-green"),"border-error":c("color-red"),"border-warning":c("color-orange"),"border-info":c("color-blue"),"icon-success":c("color-green"),"icon-error":c("color-red"),"icon-warning":c("color-orange"),"icon-info":c("color-blue"),"border-outer":c("color-grey20"),"border-outer-dark":c("color-grey70"),"color-title":c("color-black"),"color-message":c("color-grey60"),"color-close":c("color-grey50"),"color-action":c("color-blue"),"bg-action-hover":c("color-grey10"),"bg-close-hover":c("color-grey10"),"bg-success-dark":c("color-grey80"),"bg-error-dark":c("color-grey80"),"bg-warning-dark":c("color-grey80"),"bg-info-dark":c("color-grey80"),"bg-action-hover-dark":c("color-grey70"),"bg-close-hover-dark":c("color-grey70"),"color-title-dark":c("color-grey10"),"color-message-dark":c("color-grey40")}},El={"studio-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-12"),"subtext-padding-with-icon":c("spacing-12")}},zl={view:{"background-color":c("color-white"),"border-color":c("color-grey20"),"border-width":"1px","border-radius":c("spacing-4"),"content-padding":"0"},"view-header":{"background-color":c("color-grey10"),"border-color":c("color-grey20"),"border-bottom-width":"1px",padding:`${c("spacing-8")} ${c("spacing-12")}`,gap:c("spacing-8"),"left-gap":c("spacing-8"),"text-gap":c("spacing-2"),"actions-gap":c("spacing-4"),"content-min-height":"22px","subtitle-font-size":c("font-size-sm")}},Ml={"view-container":{"vertical-gap":"0","horizontal-gap":c("spacing-16"),padding:"0","background-color":"transparent"}},Ol={...Wa,...Pa,...Ha,...Va,...Ua,...Ga,...Ka,...Ya,...qa,...Za,...Xa,...Ja,...Qa,...el,...tl,...ol,...rl,...nl,...sl,...il,...al,...ll,...cl,...dl,...ul,...hl,...pl,...fl,...Il,..._l,...gl,...ml,...bl,...xl,...yl,...vl,...kl,...wl,...Cl,...$l,...Sl,...jl,...Dl,...Tl,...El,...zl,...Ml},Rl={color:{grey0:"#FFFFFF",grey10:"#F6F6F6",grey15:"#F1F1F1",grey20:"#DFDFDF",grey30:"#D9D9D9",grey40:"#C4C4C4",grey50:"#ABABAB",grey60:"#868686",grey65:"#676767",grey70:"#484848",grey80:"#2F2F2F",grey100:"#262626",blue0:"#E6F7FF",blue10:"#C8E8FF",blue20:"#40A9FF",blue30:"#048FEC",blue40:"#096DD9",green0:"#52C41A",red0:"#F40000",orange0:"#FF8500",purple0:"#9747FF",yellow0:"#fffd87",yellow1:"#FFD600"}},Nl={"font-size":{"10px":"10px","12px":"12px","14px":"14px","16px":"16px"},"font-weight":{400:"400",700:"700"},"font-family":{Arial:"Arial, sans-serif"},"line-height":{120:"1.2"}},Fl={spacing:{"0-5px":"0.5px","1px":"1px","2px":"2px","3px":"3px","4px":"4px","6px":"6px","7px":"7px","8px":"8px","10px":"10px","12px":"12px","14px":"14px","16px":"16px","18px":"18px","20px":"20px","22px":"22px","24px":"24px","26px":"26px","28px":"28px","30px":"30px","32px":"32px","34px":"34px","36px":"36px","40px":"40px"}},Al={...Rl,...Nl,...Fl},Ll={color:{white:F("color-grey0"),grey10:F("color-grey10"),grey15:F("color-grey15"),grey20:F("color-grey20"),grey30:F("color-grey30"),grey40:F("color-grey40"),grey50:F("color-grey50"),grey60:F("color-grey60"),grey65:F("color-grey65"),grey70:F("color-grey70"),grey80:F("color-grey80"),black:F("color-grey100"),primary:F("color-blue30"),primaryLight:F("color-blue0"),additional1:F("color-blue20"),additional2:F("color-blue40"),additional3:F("color-blue10"),green:F("color-green0"),orange:F("color-orange0"),red:F("color-red0"),purple:F("color-purple0"),blue:F("color-blue30"),yellow:F("color-yellow0")}},Bl={"font-size":{sm:F("font-size-10px"),med:F("font-size-12px"),lrg:F("font-size-14px"),xlrg:F("font-size-16px")},"font-weight":{normal:F("font-weight-400"),bold:F("font-weight-700")},"font-family":{default:F("font-family-Arial")},"line-height":{default:F("line-height-120")}},Wl={spacing:{2:F("spacing-2px"),4:F("spacing-4px"),6:F("spacing-6px"),7:F("spacing-7px"),8:F("spacing-8px"),10:F("spacing-10px"),12:F("spacing-12px"),14:F("spacing-14px"),16:F("spacing-16px"),18:F("spacing-18px"),20:F("spacing-20px"),22:F("spacing-22px"),24:F("spacing-24px"),26:F("spacing-26px"),28:F("spacing-28px"),30:F("spacing-30px"),32:F("spacing-32px"),34:F("spacing-34px"),36:F("spacing-36px"),40:F("spacing-40px")},border:{xsm:F("spacing-0-5px"),sm:F("spacing-1px"),med:F("spacing-2px"),lrg:F("spacing-3px")}},Pl={...Ll,...Bl,...Wl},cr=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(r=>`--${t}-${o}-${r}: ${e[o][r]}`)),Hl=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:r=":root"}=t,n=l=>l.map(a=>(u,h)=>St(`--${o}-${String(a)}-${u}`,h)),s=z.css`
2
+ ${r} {
3
+ ${cr(e,o).join(`;
4
4
  `)};
5
5
  }
6
- `;return{getLocalComponentTokenHelpers:r,localComponentTokenCss:s}},Vl=(e,t="studio-c")=>(o,n)=>Ct(`--${t}-${e}-${o}`,n),Ul=(e,t={})=>{const{prefix:o="studio-c"}=t;return M.css`
7
- ${dn(e,o).join(`;
6
+ `;return{getLocalComponentTokenHelpers:n,localComponentTokenCss:s}},Vl=(e,t="studio-c")=>(o,r)=>St(`--${t}-${e}-${o}`,r),Ul=(e,t={})=>{const{prefix:o="studio-c"}=t;return z.css`
7
+ ${cr(e,o).join(`;
8
8
  `)};
9
- `},z=e=>e.map(t=>(o,n)=>Ct(`--studio-c-${t}-${o}`,n)),un=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`${t(`${o}-${n}`,!0)}: ${e[o][n]}`)),Gl=M.css`
9
+ `},M=e=>e.map(t=>(o,r)=>St(`--studio-c-${t}-${o}`,r)),dr=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(r=>`${t(`${o}-${r}`,!0)}: ${e[o][r]}`)),Gl=z.css`
10
10
  :root {
11
- ${un(Pl,c)}
11
+ ${dr(Pl,c)}
12
12
  }
13
- `,Kl=M.css`
13
+ `,Kl=z.css`
14
14
  :root {
15
15
  .rdp-root {
16
16
  --rdp-accent-color: ${c("color-primary")};
17
17
  }
18
18
 
19
- ${un(Al,N)}
19
+ ${dr(Al,F)}
20
20
  }
21
- `,Yl=M.css`
21
+ `,Yl=z.css`
22
22
  :root {
23
- ${un(Ol,(e,t)=>Ct(`--studio-c-${e}`,t))}
23
+ ${dr(Ol,(e,t)=>St(`--studio-c-${e}`,t))}
24
24
  }
25
- `,ql=M.css`
25
+ `,ql=z.css`
26
26
  :root {
27
27
  // viewable list item
28
28
  --studio-component-viewable-list-item-padding-inline: var(
@@ -47,7 +47,7 @@
47
47
  --studio-generic-padding-x-small
48
48
  );
49
49
  }
50
- `,Zl=M.css`
50
+ `,Zl=z.css`
51
51
  :root {
52
52
  // button
53
53
  --studio-component-button-background-color-active: var(
@@ -113,7 +113,7 @@
113
113
  --studio-component-button-gap: var(--studio-semantic-control-gap);
114
114
  --studio-component-button-padding: 10px 40px;
115
115
  }
116
- `,Xl=M.css`
116
+ `,Xl=z.css`
117
117
  :root {
118
118
  // list item
119
119
  --studio-component-list-item-border-color-selected: var(
@@ -146,17 +146,17 @@
146
146
  --studio-semantic-component-list-padding-inline
147
147
  );
148
148
  }
149
- `,Jl=M.css`
149
+ `,Jl=z.css`
150
150
  :root {
151
151
  //list
152
152
  --studio-component-list-border-color-default: var(
153
153
  --studio-generic-color-grey-20
154
154
  );
155
155
  }
156
- `,Pr=M.css`
156
+ `,Pn=z.css`
157
157
  :root {
158
158
  }
159
- `,Yo=[Pr,ql,Zl,Xl,Jl],qo=M.css`
159
+ `,Yo=[Pn,ql,Zl,Xl,Jl],qo=z.css`
160
160
  :root {
161
161
  /* radius */
162
162
  --studio-generic-border-radius-small: 4px;
@@ -255,7 +255,7 @@
255
255
  --studio-generic-center-text-align: center;
256
256
  // --studio-generic-center-text-align: var(--studio-generic-color-white, #f0f0f0);
257
257
  }
258
- `,Zo=M.css`
258
+ `,Zo=z.css`
259
259
  :root {
260
260
  // colour
261
261
  --studio-semantic-color-system-green: var(--studio-generic-color-green-100);
@@ -509,7 +509,7 @@
509
509
  )
510
510
  var(--studio-generic-padding-small);
511
511
  }
512
- `,Xo=M.css`
512
+ `,Xo=z.css`
513
513
  ::-webkit-scrollbar {
514
514
  background-color: transparent;
515
515
  height: 8px;
@@ -530,14 +530,14 @@
530
530
  code {
531
531
  font-family: var(--ddk-generic-font-family-code);
532
532
  }
533
- `,Ql=e=>e==="studio"?[Xo,qo,...Yo,Zo]:[Xo,qo,...Yo,Zo],Hr={"--palette-red-0":"hsl(0, 80%, 94%);","--palette-red-1":"hsl(0, 80%, 90%);","--palette-red-2":"hsl(0, 80%, 86%);","--palette-red-3":"hsl(0, 80%, 77%);","--palette-red-4":"hsl(0, 80%, 68%);","--palette-red-5":"hsl(0, 80%, 59%);","--palette-red-6":"hsl(0, 80%, 50%);","--palette-red-7":"hsl(0, 80%, 41%);","--palette-red-8":"hsl(0, 80%, 32%);","--palette-red-9":"hsl(0, 80%, 23%);","--palette-pink-0":"hsl(339, 80%, 94%);","--palette-pink-1":"hsl(339, 80%, 90%);","--palette-pink-2":"hsl(339, 80%, 86%);","--palette-pink-3":"hsl(339, 80%, 77%);","--palette-pink-4":"hsl(339, 80%, 68%);","--palette-pink-5":"hsl(339, 80%, 59%);","--palette-pink-6":"hsl(339, 80%, 50%);","--palette-pink-7":"hsl(339, 80%, 41%);","--palette-pink-8":"hsl(339, 80%, 32%);","--palette-pink-9":"hsl(339, 80%, 23%);","--palette-grape-0":"hsl(288, 80%, 94%);","--palette-grape-1":"hsl(288, 80%, 90%);","--palette-grape-2":"hsl(288, 80%, 86%);","--palette-grape-3":"hsl(288, 80%, 77%);","--palette-grape-4":"hsl(288, 80%, 68%);","--palette-grape-5":"hsl(288, 80%, 59%);","--palette-grape-6":"hsl(288, 80%, 50%);","--palette-grape-7":"hsl(288, 80%, 41%);","--palette-grape-8":"hsl(288, 80%, 32%);","--palette-grape-9":"hsl(288, 80%, 23%);","--palette-violet-0":"hsl(255, 80%, 94%);","--palette-violet-1":"hsl(255, 80%, 90%);","--palette-violet-2":"hsl(255, 80%, 86%);","--palette-violet-3":"hsl(255, 80%, 77%);","--palette-violet-4":"hsl(255, 80%, 68%);","--palette-violet-5":"hsl(255, 80%, 59%);","--palette-violet-6":"hsl(255, 80%, 50%);","--palette-violet-7":"hsl(255, 80%, 41%);","--palette-violet-8":"hsl(255, 80%, 32%);","--palette-violet-9":"hsl(255, 80%, 23%);","--palette-indigo-0":"hsl(230, 80%, 94%);","--palette-indigo-1":"hsl(230, 80%, 90%);","--palette-indigo-2":"hsl(230, 80%, 86%);","--palette-indigo-3":"hsl(230, 80%, 77%);","--palette-indigo-4":"hsl(230, 80%, 68%);","--palette-indigo-5":"hsl(230, 80%, 59%);","--palette-indigo-6":"hsl(230, 80%, 50%);","--palette-indigo-7":"hsl(230, 80%, 41%);","--palette-indigo-8":"hsl(230, 80%, 32%);","--palette-indigo-9":"hsl(230, 80%, 23%);","--palette-blue-0":"hsl(208, 80%, 94%);","--palette-blue-1":"hsl(208, 80%, 90%);","--palette-blue-2":"hsl(208, 80%, 86%);","--palette-blue-3":"hsl(208, 80%, 77%);","--palette-blue-4":"hsl(208, 80%, 68%);","--palette-blue-5":"hsl(208, 80%, 59%);","--palette-blue-6":"hsl(208, 80%, 50%);","--palette-blue-7":"hsl(208, 80%, 41%);","--palette-blue-8":"hsl(208, 80%, 32%);","--palette-blue-9":"hsl(208, 80%, 23%);","--palette-cyan-0":"hsl(188, 80%, 94%);","--palette-cyan-1":"hsl(188, 80%, 90%);","--palette-cyan-2":"hsl(188, 80%, 86%);","--palette-cyan-3":"hsl(188, 80%, 77%);","--palette-cyan-4":"hsl(188, 80%, 68%);","--palette-cyan-5":"hsl(188, 80%, 59%);","--palette-cyan-6":"hsl(188, 80%, 50%);","--palette-cyan-7":"hsl(188, 80%, 41%);","--palette-cyan-8":"hsl(188, 80%, 32%);","--palette-cyan-9":"hsl(188, 80%, 23%);","--palette-teal-0":"hsl(162, 80%, 94%);","--palette-teal-1":"hsl(162, 80%, 90%);","--palette-teal-2":"hsl(162, 80%, 86%);","--palette-teal-3":"hsl(162, 80%, 77%);","--palette-teal-4":"hsl(162, 80%, 68%);","--palette-teal-5":"hsl(162, 80%, 59%);","--palette-teal-6":"hsl(162, 80%, 50%);","--palette-teal-7":"hsl(162, 80%, 41%);","--palette-teal-8":"hsl(162, 80%, 32%);","--palette-teal-9":"hsl(162, 80%, 23%);","--palette-green-0":"hsl(131, 80%, 94%);","--palette-green-1":"hsl(131, 80%, 90%);","--palette-green-2":"hsl(131, 80%, 86%);","--palette-green-3":"hsl(131, 80%, 77%);","--palette-green-4":"hsl(131, 80%, 68%);","--palette-green-5":"hsl(131, 80%, 59%);","--palette-green-6":"hsl(131, 80%, 50%);","--palette-green-7":"hsl(131, 80%, 41%);","--palette-green-8":"hsl(131, 80%, 32%);","--palette-green-9":"hsl(131, 80%, 23%);","--palette-lime-0":"hsl(85, 80%, 94%);","--palette-lime-1":"hsl(85, 80%, 90%);","--palette-lime-2":"hsl(85, 80%, 86%);","--palette-lime-3":"hsl(85, 80%, 77%);","--palette-lime-4":"hsl(85, 80%, 68%);","--palette-lime-5":"hsl(85, 80%, 59%);","--palette-lime-6":"hsl(85, 80%, 50%);","--palette-lime-7":"hsl(85, 80%, 41%);","--palette-lime-8":"hsl(85, 80%, 32%);","--palette-lime-9":"hsl(85, 80%, 23%);","--palette-yellow-0":"hsl(39, 80%, 94%);","--palette-yellow-1":"hsl(39, 80%, 90%);","--palette-yellow-2":"hsl(39, 80%, 86%);","--palette-yellow-3":"hsl(39, 80%, 77%);","--palette-yellow-4":"hsl(39, 80%, 68%);","--palette-yellow-5":"hsl(39, 80%, 59%);","--palette-yellow-6":"hsl(39, 80%, 50%);","--palette-yellow-7":"hsl(39, 80%, 41%);","--palette-yellow-8":"hsl(39, 80%, 32%);","--palette-yellow-9":"hsl(39, 80%, 23%);","--palette-orange-0":"hsl(24, 80%, 94%);","--palette-orange-1":"hsl(24, 80%, 90%);","--palette-orange-2":"hsl(24, 80%, 86%);","--palette-orange-3":"hsl(24, 80%, 77%);","--palette-orange-4":"hsl(24, 80%, 68%);","--palette-orange-5":"hsl(24, 80%, 59%);","--palette-orange-6":"hsl(24, 80%, 50%);","--palette-orange-7":"hsl(24, 80%, 41%);","--palette-orange-8":"hsl(24, 80%, 32%);","--palette-orange-9":"hsl(24, 80%, 23%);","--palette-neutral":"hsl(0, 0%, 98%);","--palette-neutral-0":"hsl(0, 0%, 97%);","--palette-neutral-1":"hsl(0, 0%, 93%);","--palette-neutral-2":"hsl(0, 0%, 87%);","--palette-neutral-3":"hsl(0, 0%, 77%);","--palette-neutral-4":"hsl(0, 0%, 68%);","--palette-neutral-5":"hsl(0, 0%, 59%);","--palette-neutral-6":"hsl(0, 0%, 50%);","--palette-neutral-7":"hsl(0, 0%, 41%);","--palette-neutral-8":"hsl(0, 0%, 32%);","--palette-neutral-9":"hsl(0, 0%, 18%);","--color-grey-0":"var(--palette-neutral-0)","--color-grey-1":"var(--palette-neutral-1)","--color-grey-2":"var(--palette-neutral-2)","--color-grey-3":"var(--palette-neutral-3)","--color-grey-4":"var(--palette-neutral-4)","--color-grey-5":"var(--palette-neutral-5)","--color-grey-6":"var(--palette-neutral-6)","--color-grey-7":"var(--palette-neutral-7)","--color-grey-8":"var(--palette-neutral-8)","--color-grey-9":"var(--palette-neutral-9)","--color-clouds-0":"hsl(192, 15%, 99%);","--color-clouds-1":"hsl(192, 15%, 97%);","--color-clouds-2":"hsl(192, 15%, 96%);","--color-clouds-3":"hsl(192, 15%, 95%);","--color-clouds-4":"hsl(192, 15%, 94%);","--color-error":"#F40000","--color-success":"#52C41A"},Vr={"--kos-layer-1-color":"var(--palette-neutral-2);","--kos-layer-2-color":"var(--palette-neutral-1);","--kos-layer-3-color":"var(--palette-neutral-0);","--kos-primary-1":"var(--palette-neutral-1);","--kos-primary-2":"var(--palette-neutral-2);","--kos-primary-3":"var(--palette-neutral-3);","--kos-primary-4":"var(--palette-neutral-4);","--kos-primary-5":"var(--palette-neutral-5);","--kos-primary-6":"var(--palette-neutral-6);","--kos-primary-7":"var(--palette-neutral-7);","--kos-primary-8":"var(--palette-neutral-8);","--kos-primary-9":"var(--palette-neutral-9);","--kos-accent-1":"var(--palette-blue-1)","--kos-accent-2":"var(--palette-blue-2)","--kos-accent-3":"var(--palette-blue-3)","--kos-accent-4":"var(--palette-blue-4)","--kos-accent-5":"var(--palette-blue-5)","--kos-accent-6":"var(--palette-blue-6)","--kos-accent-7":"var(--palette-blue-7)","--kos-accent-8":"var(--palette-blue-8)","--kos-accent-9":"var(--palette-blue-9)","--kos-primary-color":"var(--kos-primary-8);","--kos-border-color":"var(--palette-neutral-3)","--kos-primary-color-hover":"var(--kos-primary-7);","--kos-primary-color-active":"var(--kos-primary-9);","--kos-primary-color-outline":"var(--kos-primary-6);","--kos-background-color":"var(--palette-neutral-1);","--kos-background-color-hover":"var(--palette-neutral-1);","--kos-background-color-active":"var(--palette-neutral-1);","--kos-background-color-outline":"var(--palette-neutral-1);","--kos-accent-background-color":"var(--kos-primary-9);","--kos-accent-typography-color":"white;","--kos-typography-color":"var(--palette-neutral-9);","--kos-typography-color-hover":"var(--kos-primary-color-hover);","--kos-typography-color-selected":"var(--kos-primary-color-active);","--kos-app-header-background-color":"var(--kos-accent-background-color);","--kos-app-header-typography-color":"white;","--kos-app-sidebar-background-color":"var(--kos-layer-1-color);","--kos-page-header-background-color":"var(--kos-layer-2-color);","--kos-artifact-qualifier-tag-color":"var(--kos-accent-6);","--kos-table-header-background-color":"var(--kos-accent-background-color);","--kos-table-header-typography-color":"var(--kos-accent-typography-color);","--kos-list-item-header-background-color":"white;","--kos-typography-color-link":"hsl(204, 97%, 40%);","--kos-typography-color-link-hover":"hsl(204, 97%, 60%);","--kos-list-item-color-selected":"hsl(204, 97%, 47%);","--kos-list-item-icon-color-selected":"white","--kos-accent-color":"#048FEC","--kos-primary-button-color":"#048FEC","--kos-primary-button-hover-color":"#40A9FF","--kos-primary-button-active-color":"#096DD9","--kos-primary-button-text-color":"#FFFFFF","--kos-shell-menu-button-hover-color":"var(--kos-generic-color-grey-70)"},Ur={"--kos-layer-1-color":"var(--palette-neutral-2);","--kos-layer-2-color":"var(--palette-neutral-1);","--kos-layer-3-color":"var(--palette-neutral-0);","--kos-primary-1":"var(--palette-neutral-1);","--kos-primary-2":"var(--palette-neutral-2);","--kos-primary-3":"var(--palette-neutral-3);","--kos-primary-4":"var(--palette-neutral-4);","--kos-primary-5":"var(--palette-neutral-5);","--kos-primary-6":"var(--palette-neutral-6);","--kos-primary-7":"var(--palette-neutral-7);","--kos-primary-8":"var(--palette-neutral-8);","--kos-primary-9":"var(--palette-neutral-9);","--kos-accent-1":"var(--palette-blue-1)","--kos-accent-2":"var(--palette-blue-2)","--kos-accent-3":"var(--palette-blue-3)","--kos-accent-4":"var(--palette-blue-4)","--kos-accent-5":"var(--palette-blue-5)","--kos-accent-6":"var(--palette-blue-6)","--kos-accent-7":"var(--palette-blue-7)","--kos-accent-8":"var(--palette-blue-8)","--kos-accent-9":"var(--palette-blue-9)","--kos-primary-color":"var(--kos-primary-8);","--kos-border-color":"var(--palette-neutral-3)","--kos-primary-color-hover":"var(--kos-primary-7);","--kos-primary-color-active":"var(--kos-primary-9);","--kos-primary-color-outline":"var(--kos-primary-6);","--kos-background-color":"var(--palette-neutral-1);","--kos-background-color-hover":"var(--palette-neutral-1);","--kos-background-color-active":"var(--palette-neutral-1);","--kos-background-color-outline":"var(--palette-neutral-1);","--kos-accent-background-color":"var(--kos-primary-9);","--kos-accent-typography-color":"white;","--kos-typography-color":"var(--palette-neutral-9);","--kos-typography-color-hover":"var(--kos-primary-color-hover);","--kos-typography-color-selected":"var(--kos-primary-color-active);","--kos-app-header-background-color":"var(--kos-accent-background-color);","--kos-app-header-typography-color":"white;","--kos-app-sidebar-background-color":"var(--kos-layer-1-color);","--kos-page-header-background-color":"var(--kos-layer-2-color);","--kos-artifact-qualifier-tag-color":"var(--kos-accent-6);","--kos-table-header-background-color":"var(--kos-accent-background-color);","--kos-table-header-typography-color":"var(--kos-accent-typography-color);","--kos-list-item-header-background-color":"white;","--kos-typography-color-link":"hsl(204, 97%, 40%);","--kos-typography-color-link-hover":"hsl(204, 97%, 60%);","--kos-list-item-color-selected":"hsl(204, 97%, 47%);","--kos-list-item-icon-color-selected":"white","--kos-accent-color":"var(--kos-generic-color-blue-primary)","--kos-primary-button-color":"var(--kos-generic-color-blue-primary)","--kos-primary-button-hover-color":"#40A9FF","--kos-primary-button-active-color":"#096DD9","--kos-primary-button-text-color":"#FFFFFF"},Gr={"--kos-generic-color-black":"#262626","--kos-generic-color-blue-additional-1":"#40A9FF","--kos-generic-color-blue-additional-2":"#096DD9","--kos-generic-color-blue-additional-3":"#C8E8FF","--kos-generic-color-blue-primary":"#048FEC","--kos-generic-color-grey-10":"#FAFAFA","--kos-generic-color-grey-15":"#f1f1f1","--kos-generic-color-grey-20":"#DFDFDF","--kos-generic-color-grey-30":"#D9D9D9","--kos-generic-color-grey-40":"#C4C4C4","--kos-generic-color-grey-50":"#ABABAB","--kos-generic-color-grey-60":"#868686","--kos-generic-color-grey-70":"#484848","--kos-generic-color-grey-80":"#2F2F2F","--kos-generic-color-white":"#FFFFFF","--kos-generic-table-header":"#F6F6F6","--kos-system-orange":"#FF8500","--kos-system-green":"#52C41A"},ec={"--kos-connection-manager-heading-font-family":"var(--kos-font-family)","--kos-connection-manager-heading-font-size":"14px","--kos-connection-manager-heading-font-style":"","--kos-connection-manager-heading-font-weight":"","--kos-connection-manager-heading-line-height":"","--kos-connection-manager-item-heading-font-family":"","--kos-connection-manager-item-heading-font-size":"","--kos-connection-manager-item-heading-font-style":"","--kos-connection-manager-item-heading-font-weight":"","--kos-connection-manager-item-heading-line-height":"","--kos-connection-manager-image-name-font-family":"","--kos-connection-manager-image-name-font-size":"","--kos-connection-manager-image-name-font-style":"","--kos-connection-manager-image-name-font-weight":"","--kos-connection-manager-image-name-line-height":"","--kos-connection-manager-view-name-font-family":"","--kos-connection-manager-view-name-font-size":"","--kos-connection-manager-view-name-font-style":"","--kos-connection-manager-view-name-font-weight":"","--kos-connection-manager-view-name-line-height":"","--kos-connection-manager-status-label-font-family":"","--kos-connection-manager-status-label-font-size":"10px","--kos-connection-manager-status-label-font-style":"","--kos-connection-manager-status-label-font-weight":"","--kos-connection-manager-status-label-line-height":"","--kos-connection-manager-status-text-font-family":"","--kos-connection-manager-status-text-font-size":"","--kos-connection-manager-status-text-font-style":"","--kos-connection-manager-status-text-font-weight":"","--kos-connection-manager-status-text-line-height":"","--kos-connection-manager-active-tools-heading-font-family":"","--kos-connection-manager-active-tools-heading-font-size":"10px","--kos-connection-manager-active-tools-heading-font-style":"","--kos-connection-manager-active-tools-heading-font-weight":"700","--kos-connection-manager-active-tools-heading-line-height":"","--kos-connection-manager-active-tools-item-font-family":"","--kos-connection-manager-active-tools-item-font-size":"10px","--kos-connection-manager-active-tools-item-font-style":"","--kos-connection-manager-active-tools-item-font-weight":"400","--kos-connection-manager-active-tools-item-line-height":"","--kos-connection-manager-start-new-tool-font-family":"","--kos-connection-manager-start-new-tool-font-size":"12px","--kos-connection-manager-start-new-tool-font-style":"","--kos-connection-manager-start-new-tool-font-weight":"","--kos-connection-manager-start-new-tool-line-height":"","--kos-connection-manager-input-font-family":"","--kos-connection-manager-input-font-size":"","--kos-connection-manager-input-font-style":"","--kos-connection-manager-input-font-weight":"","--kos-connection-manager-input-line-height":"10px","--kos-connection-manager-icon-small-font-size":"10px","--kos-connection-manager-icon-medium-font-size":"12px","--kos-connection-manager-icon-busy-color":"#0000F4","--kos-connection-manager-icon-error-color":"#F40000","--kos-connection-manager-icon-idle-color":"#858585","--kos-connection-manager-icon-success-color":"#52C41A","--kos-connection-manager-connecting-effect-background-color":"#ECFBDF","--kos-component-button-primary-background-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-primary-background-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-primary-background-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-primary-background-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-primary-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-primary-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-primary-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-primary-border-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-primary-color":"var(--kos-generic-color-white)","--kos-component-button-secondary-background-color":"var(--kos-generic-color-white)","--kos-component-button-secondary-background-color-disabled":"var(--kos-generic-color-grey-10)","--kos-component-button-secondary-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-secondary-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-secondary-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-secondary-border-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-secondary-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-secondary-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-secondary-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-secondary-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-borderless-background-color":"transparent","--kos-component-button-borderless-border-color":"transparent","--kos-component-button-borderless-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-borderless-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-borderless-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-borderless-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-default-background-color":"var(--kos-generic-color-white)","--kos-component-checkbox-default-border-color-default":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-default-border-color-hover":"var(--kos-generic-color-grey-10)","--kos-component-checkbox-default-border-color-clicked":"var(--kos-generic-color-grey-50)","--kos-component-checkbox-default-color":"transparent","--kos-component-checkbox-filled-background-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-checkbox-filled-background-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-checkbox-filled-background-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-checkbox-filled-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-checkbox-filled-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-checkbox-filled-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-checkbox-filled-color":"var(--kos-generic-color-white)","--kos-component-checkbox-disabled-background-color":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-disabled-border-color":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-disabled-color":"var(--kos-generic-color-white)","--kos-simulator-config-details-border":"var(--kos-generic-color-grey-30)"},tc={"--kos-size-xxxxs":"1.5rem","--kos-size-xxxs":"3rem","--kos-size-xxs":"6rem","--kos-size-xs":"12rem","--kos-size-s":"15rem","--kos-size-m":"20rem","--kos-size-lg":"25rem","--kos-size-xl":"40rem","--kos-size-xxl":"60rem"},oc={"--kos-border-radius-circle":"50%","--kos-border-radius-large":"0.5rem","--kos-border-radius-medium":"0.25rem","--kos-border-radius-small":"0.125rem","--kos-border-radius":"var(--kos-border-radius-medium)","--kos-spacing-xxxs":".125rem","--kos-spacing-xxs":".25rem","--kos-spacing-xs":".5rem","--kos-spacing-s":".75rem","--kos-spacing-m":"1rem","--kos-spacing-lg":"1.5rem","--kos-spacing-xlg":"2rem","--kos-spacing-xxlg":"3rem"},tr={"--kos-font-family":"Arial, Helvetica, sans-serif","--kos-line-height-body":"14.4px","--kos-line-height-small":"12px","--kos-line-height-body-modal":"14px","--kos-line-height-body-bold":"13px","--kos-line-height-card-title":"18px","--kos-line-height-card-detail":"14px","--kos-line-height-heading-small":"20px","--kos-line-height-heading-medium":"24px","--kos-line-height-heading-large":"30px","--kos-font-family-body":"var(--kos-font-family)","--kos-font-family-body-bold":"var(--kos-font-family)","--kos-font-family-card-title":"var(--kos-font-family)","--kos-font-family-card-detail":"var(--kos-font-family)","--kos-font-family-heading-small":"var(--kos-font-family)","--kos-font-family-heading-medium":"var(--kos-font-family)","--kos-font-family-heading-large":"var(--kos-font-family)","--kos-font-size-body-modal":"12px","--kos-font-size-body":"12px","--kos-font-size-body-bold":"14px","--kos-font-size-card-title":"16px","--kos-font-size-card-detail":"12px","--kos-font-size-heading-small":"14px","--kos-font-size-heading-medium":"16px","--kos-font-size-heading-large":"20px","--kos-font-weight-body":"400","--kos-font-weight-body-bold":"700","--kos-font-weight-card-title":"700","--kos-font-weight-card-detail":"400","--kos-font-weight-heading-small":"700","--kos-font-weight-heading-medium":"700","--kos-font-weight-heading-large":"700"},nc=M.css`
533
+ `,Ql=e=>e==="studio"?[Xo,qo,...Yo,Zo]:[Xo,qo,...Yo,Zo],Hn={"--palette-red-0":"hsl(0, 80%, 94%);","--palette-red-1":"hsl(0, 80%, 90%);","--palette-red-2":"hsl(0, 80%, 86%);","--palette-red-3":"hsl(0, 80%, 77%);","--palette-red-4":"hsl(0, 80%, 68%);","--palette-red-5":"hsl(0, 80%, 59%);","--palette-red-6":"hsl(0, 80%, 50%);","--palette-red-7":"hsl(0, 80%, 41%);","--palette-red-8":"hsl(0, 80%, 32%);","--palette-red-9":"hsl(0, 80%, 23%);","--palette-pink-0":"hsl(339, 80%, 94%);","--palette-pink-1":"hsl(339, 80%, 90%);","--palette-pink-2":"hsl(339, 80%, 86%);","--palette-pink-3":"hsl(339, 80%, 77%);","--palette-pink-4":"hsl(339, 80%, 68%);","--palette-pink-5":"hsl(339, 80%, 59%);","--palette-pink-6":"hsl(339, 80%, 50%);","--palette-pink-7":"hsl(339, 80%, 41%);","--palette-pink-8":"hsl(339, 80%, 32%);","--palette-pink-9":"hsl(339, 80%, 23%);","--palette-grape-0":"hsl(288, 80%, 94%);","--palette-grape-1":"hsl(288, 80%, 90%);","--palette-grape-2":"hsl(288, 80%, 86%);","--palette-grape-3":"hsl(288, 80%, 77%);","--palette-grape-4":"hsl(288, 80%, 68%);","--palette-grape-5":"hsl(288, 80%, 59%);","--palette-grape-6":"hsl(288, 80%, 50%);","--palette-grape-7":"hsl(288, 80%, 41%);","--palette-grape-8":"hsl(288, 80%, 32%);","--palette-grape-9":"hsl(288, 80%, 23%);","--palette-violet-0":"hsl(255, 80%, 94%);","--palette-violet-1":"hsl(255, 80%, 90%);","--palette-violet-2":"hsl(255, 80%, 86%);","--palette-violet-3":"hsl(255, 80%, 77%);","--palette-violet-4":"hsl(255, 80%, 68%);","--palette-violet-5":"hsl(255, 80%, 59%);","--palette-violet-6":"hsl(255, 80%, 50%);","--palette-violet-7":"hsl(255, 80%, 41%);","--palette-violet-8":"hsl(255, 80%, 32%);","--palette-violet-9":"hsl(255, 80%, 23%);","--palette-indigo-0":"hsl(230, 80%, 94%);","--palette-indigo-1":"hsl(230, 80%, 90%);","--palette-indigo-2":"hsl(230, 80%, 86%);","--palette-indigo-3":"hsl(230, 80%, 77%);","--palette-indigo-4":"hsl(230, 80%, 68%);","--palette-indigo-5":"hsl(230, 80%, 59%);","--palette-indigo-6":"hsl(230, 80%, 50%);","--palette-indigo-7":"hsl(230, 80%, 41%);","--palette-indigo-8":"hsl(230, 80%, 32%);","--palette-indigo-9":"hsl(230, 80%, 23%);","--palette-blue-0":"hsl(208, 80%, 94%);","--palette-blue-1":"hsl(208, 80%, 90%);","--palette-blue-2":"hsl(208, 80%, 86%);","--palette-blue-3":"hsl(208, 80%, 77%);","--palette-blue-4":"hsl(208, 80%, 68%);","--palette-blue-5":"hsl(208, 80%, 59%);","--palette-blue-6":"hsl(208, 80%, 50%);","--palette-blue-7":"hsl(208, 80%, 41%);","--palette-blue-8":"hsl(208, 80%, 32%);","--palette-blue-9":"hsl(208, 80%, 23%);","--palette-cyan-0":"hsl(188, 80%, 94%);","--palette-cyan-1":"hsl(188, 80%, 90%);","--palette-cyan-2":"hsl(188, 80%, 86%);","--palette-cyan-3":"hsl(188, 80%, 77%);","--palette-cyan-4":"hsl(188, 80%, 68%);","--palette-cyan-5":"hsl(188, 80%, 59%);","--palette-cyan-6":"hsl(188, 80%, 50%);","--palette-cyan-7":"hsl(188, 80%, 41%);","--palette-cyan-8":"hsl(188, 80%, 32%);","--palette-cyan-9":"hsl(188, 80%, 23%);","--palette-teal-0":"hsl(162, 80%, 94%);","--palette-teal-1":"hsl(162, 80%, 90%);","--palette-teal-2":"hsl(162, 80%, 86%);","--palette-teal-3":"hsl(162, 80%, 77%);","--palette-teal-4":"hsl(162, 80%, 68%);","--palette-teal-5":"hsl(162, 80%, 59%);","--palette-teal-6":"hsl(162, 80%, 50%);","--palette-teal-7":"hsl(162, 80%, 41%);","--palette-teal-8":"hsl(162, 80%, 32%);","--palette-teal-9":"hsl(162, 80%, 23%);","--palette-green-0":"hsl(131, 80%, 94%);","--palette-green-1":"hsl(131, 80%, 90%);","--palette-green-2":"hsl(131, 80%, 86%);","--palette-green-3":"hsl(131, 80%, 77%);","--palette-green-4":"hsl(131, 80%, 68%);","--palette-green-5":"hsl(131, 80%, 59%);","--palette-green-6":"hsl(131, 80%, 50%);","--palette-green-7":"hsl(131, 80%, 41%);","--palette-green-8":"hsl(131, 80%, 32%);","--palette-green-9":"hsl(131, 80%, 23%);","--palette-lime-0":"hsl(85, 80%, 94%);","--palette-lime-1":"hsl(85, 80%, 90%);","--palette-lime-2":"hsl(85, 80%, 86%);","--palette-lime-3":"hsl(85, 80%, 77%);","--palette-lime-4":"hsl(85, 80%, 68%);","--palette-lime-5":"hsl(85, 80%, 59%);","--palette-lime-6":"hsl(85, 80%, 50%);","--palette-lime-7":"hsl(85, 80%, 41%);","--palette-lime-8":"hsl(85, 80%, 32%);","--palette-lime-9":"hsl(85, 80%, 23%);","--palette-yellow-0":"hsl(39, 80%, 94%);","--palette-yellow-1":"hsl(39, 80%, 90%);","--palette-yellow-2":"hsl(39, 80%, 86%);","--palette-yellow-3":"hsl(39, 80%, 77%);","--palette-yellow-4":"hsl(39, 80%, 68%);","--palette-yellow-5":"hsl(39, 80%, 59%);","--palette-yellow-6":"hsl(39, 80%, 50%);","--palette-yellow-7":"hsl(39, 80%, 41%);","--palette-yellow-8":"hsl(39, 80%, 32%);","--palette-yellow-9":"hsl(39, 80%, 23%);","--palette-orange-0":"hsl(24, 80%, 94%);","--palette-orange-1":"hsl(24, 80%, 90%);","--palette-orange-2":"hsl(24, 80%, 86%);","--palette-orange-3":"hsl(24, 80%, 77%);","--palette-orange-4":"hsl(24, 80%, 68%);","--palette-orange-5":"hsl(24, 80%, 59%);","--palette-orange-6":"hsl(24, 80%, 50%);","--palette-orange-7":"hsl(24, 80%, 41%);","--palette-orange-8":"hsl(24, 80%, 32%);","--palette-orange-9":"hsl(24, 80%, 23%);","--palette-neutral":"hsl(0, 0%, 98%);","--palette-neutral-0":"hsl(0, 0%, 97%);","--palette-neutral-1":"hsl(0, 0%, 93%);","--palette-neutral-2":"hsl(0, 0%, 87%);","--palette-neutral-3":"hsl(0, 0%, 77%);","--palette-neutral-4":"hsl(0, 0%, 68%);","--palette-neutral-5":"hsl(0, 0%, 59%);","--palette-neutral-6":"hsl(0, 0%, 50%);","--palette-neutral-7":"hsl(0, 0%, 41%);","--palette-neutral-8":"hsl(0, 0%, 32%);","--palette-neutral-9":"hsl(0, 0%, 18%);","--color-grey-0":"var(--palette-neutral-0)","--color-grey-1":"var(--palette-neutral-1)","--color-grey-2":"var(--palette-neutral-2)","--color-grey-3":"var(--palette-neutral-3)","--color-grey-4":"var(--palette-neutral-4)","--color-grey-5":"var(--palette-neutral-5)","--color-grey-6":"var(--palette-neutral-6)","--color-grey-7":"var(--palette-neutral-7)","--color-grey-8":"var(--palette-neutral-8)","--color-grey-9":"var(--palette-neutral-9)","--color-clouds-0":"hsl(192, 15%, 99%);","--color-clouds-1":"hsl(192, 15%, 97%);","--color-clouds-2":"hsl(192, 15%, 96%);","--color-clouds-3":"hsl(192, 15%, 95%);","--color-clouds-4":"hsl(192, 15%, 94%);","--color-error":"#F40000","--color-success":"#52C41A"},Vn={"--kos-layer-1-color":"var(--palette-neutral-2);","--kos-layer-2-color":"var(--palette-neutral-1);","--kos-layer-3-color":"var(--palette-neutral-0);","--kos-primary-1":"var(--palette-neutral-1);","--kos-primary-2":"var(--palette-neutral-2);","--kos-primary-3":"var(--palette-neutral-3);","--kos-primary-4":"var(--palette-neutral-4);","--kos-primary-5":"var(--palette-neutral-5);","--kos-primary-6":"var(--palette-neutral-6);","--kos-primary-7":"var(--palette-neutral-7);","--kos-primary-8":"var(--palette-neutral-8);","--kos-primary-9":"var(--palette-neutral-9);","--kos-accent-1":"var(--palette-blue-1)","--kos-accent-2":"var(--palette-blue-2)","--kos-accent-3":"var(--palette-blue-3)","--kos-accent-4":"var(--palette-blue-4)","--kos-accent-5":"var(--palette-blue-5)","--kos-accent-6":"var(--palette-blue-6)","--kos-accent-7":"var(--palette-blue-7)","--kos-accent-8":"var(--palette-blue-8)","--kos-accent-9":"var(--palette-blue-9)","--kos-primary-color":"var(--kos-primary-8);","--kos-border-color":"var(--palette-neutral-3)","--kos-primary-color-hover":"var(--kos-primary-7);","--kos-primary-color-active":"var(--kos-primary-9);","--kos-primary-color-outline":"var(--kos-primary-6);","--kos-background-color":"var(--palette-neutral-1);","--kos-background-color-hover":"var(--palette-neutral-1);","--kos-background-color-active":"var(--palette-neutral-1);","--kos-background-color-outline":"var(--palette-neutral-1);","--kos-accent-background-color":"var(--kos-primary-9);","--kos-accent-typography-color":"white;","--kos-typography-color":"var(--palette-neutral-9);","--kos-typography-color-hover":"var(--kos-primary-color-hover);","--kos-typography-color-selected":"var(--kos-primary-color-active);","--kos-app-header-background-color":"var(--kos-accent-background-color);","--kos-app-header-typography-color":"white;","--kos-app-sidebar-background-color":"var(--kos-layer-1-color);","--kos-page-header-background-color":"var(--kos-layer-2-color);","--kos-artifact-qualifier-tag-color":"var(--kos-accent-6);","--kos-table-header-background-color":"var(--kos-accent-background-color);","--kos-table-header-typography-color":"var(--kos-accent-typography-color);","--kos-list-item-header-background-color":"white;","--kos-typography-color-link":"hsl(204, 97%, 40%);","--kos-typography-color-link-hover":"hsl(204, 97%, 60%);","--kos-list-item-color-selected":"hsl(204, 97%, 47%);","--kos-list-item-icon-color-selected":"white","--kos-accent-color":"#048FEC","--kos-primary-button-color":"#048FEC","--kos-primary-button-hover-color":"#40A9FF","--kos-primary-button-active-color":"#096DD9","--kos-primary-button-text-color":"#FFFFFF","--kos-shell-menu-button-hover-color":"var(--kos-generic-color-grey-70)"},Un={"--kos-layer-1-color":"var(--palette-neutral-2);","--kos-layer-2-color":"var(--palette-neutral-1);","--kos-layer-3-color":"var(--palette-neutral-0);","--kos-primary-1":"var(--palette-neutral-1);","--kos-primary-2":"var(--palette-neutral-2);","--kos-primary-3":"var(--palette-neutral-3);","--kos-primary-4":"var(--palette-neutral-4);","--kos-primary-5":"var(--palette-neutral-5);","--kos-primary-6":"var(--palette-neutral-6);","--kos-primary-7":"var(--palette-neutral-7);","--kos-primary-8":"var(--palette-neutral-8);","--kos-primary-9":"var(--palette-neutral-9);","--kos-accent-1":"var(--palette-blue-1)","--kos-accent-2":"var(--palette-blue-2)","--kos-accent-3":"var(--palette-blue-3)","--kos-accent-4":"var(--palette-blue-4)","--kos-accent-5":"var(--palette-blue-5)","--kos-accent-6":"var(--palette-blue-6)","--kos-accent-7":"var(--palette-blue-7)","--kos-accent-8":"var(--palette-blue-8)","--kos-accent-9":"var(--palette-blue-9)","--kos-primary-color":"var(--kos-primary-8);","--kos-border-color":"var(--palette-neutral-3)","--kos-primary-color-hover":"var(--kos-primary-7);","--kos-primary-color-active":"var(--kos-primary-9);","--kos-primary-color-outline":"var(--kos-primary-6);","--kos-background-color":"var(--palette-neutral-1);","--kos-background-color-hover":"var(--palette-neutral-1);","--kos-background-color-active":"var(--palette-neutral-1);","--kos-background-color-outline":"var(--palette-neutral-1);","--kos-accent-background-color":"var(--kos-primary-9);","--kos-accent-typography-color":"white;","--kos-typography-color":"var(--palette-neutral-9);","--kos-typography-color-hover":"var(--kos-primary-color-hover);","--kos-typography-color-selected":"var(--kos-primary-color-active);","--kos-app-header-background-color":"var(--kos-accent-background-color);","--kos-app-header-typography-color":"white;","--kos-app-sidebar-background-color":"var(--kos-layer-1-color);","--kos-page-header-background-color":"var(--kos-layer-2-color);","--kos-artifact-qualifier-tag-color":"var(--kos-accent-6);","--kos-table-header-background-color":"var(--kos-accent-background-color);","--kos-table-header-typography-color":"var(--kos-accent-typography-color);","--kos-list-item-header-background-color":"white;","--kos-typography-color-link":"hsl(204, 97%, 40%);","--kos-typography-color-link-hover":"hsl(204, 97%, 60%);","--kos-list-item-color-selected":"hsl(204, 97%, 47%);","--kos-list-item-icon-color-selected":"white","--kos-accent-color":"var(--kos-generic-color-blue-primary)","--kos-primary-button-color":"var(--kos-generic-color-blue-primary)","--kos-primary-button-hover-color":"#40A9FF","--kos-primary-button-active-color":"#096DD9","--kos-primary-button-text-color":"#FFFFFF"},Gn={"--kos-generic-color-black":"#262626","--kos-generic-color-blue-additional-1":"#40A9FF","--kos-generic-color-blue-additional-2":"#096DD9","--kos-generic-color-blue-additional-3":"#C8E8FF","--kos-generic-color-blue-primary":"#048FEC","--kos-generic-color-grey-10":"#FAFAFA","--kos-generic-color-grey-15":"#f1f1f1","--kos-generic-color-grey-20":"#DFDFDF","--kos-generic-color-grey-30":"#D9D9D9","--kos-generic-color-grey-40":"#C4C4C4","--kos-generic-color-grey-50":"#ABABAB","--kos-generic-color-grey-60":"#868686","--kos-generic-color-grey-70":"#484848","--kos-generic-color-grey-80":"#2F2F2F","--kos-generic-color-white":"#FFFFFF","--kos-generic-table-header":"#F6F6F6","--kos-system-orange":"#FF8500","--kos-system-green":"#52C41A"},ec={"--kos-connection-manager-heading-font-family":"var(--kos-font-family)","--kos-connection-manager-heading-font-size":"14px","--kos-connection-manager-heading-font-style":"","--kos-connection-manager-heading-font-weight":"","--kos-connection-manager-heading-line-height":"","--kos-connection-manager-item-heading-font-family":"","--kos-connection-manager-item-heading-font-size":"","--kos-connection-manager-item-heading-font-style":"","--kos-connection-manager-item-heading-font-weight":"","--kos-connection-manager-item-heading-line-height":"","--kos-connection-manager-image-name-font-family":"","--kos-connection-manager-image-name-font-size":"","--kos-connection-manager-image-name-font-style":"","--kos-connection-manager-image-name-font-weight":"","--kos-connection-manager-image-name-line-height":"","--kos-connection-manager-view-name-font-family":"","--kos-connection-manager-view-name-font-size":"","--kos-connection-manager-view-name-font-style":"","--kos-connection-manager-view-name-font-weight":"","--kos-connection-manager-view-name-line-height":"","--kos-connection-manager-status-label-font-family":"","--kos-connection-manager-status-label-font-size":"10px","--kos-connection-manager-status-label-font-style":"","--kos-connection-manager-status-label-font-weight":"","--kos-connection-manager-status-label-line-height":"","--kos-connection-manager-status-text-font-family":"","--kos-connection-manager-status-text-font-size":"","--kos-connection-manager-status-text-font-style":"","--kos-connection-manager-status-text-font-weight":"","--kos-connection-manager-status-text-line-height":"","--kos-connection-manager-active-tools-heading-font-family":"","--kos-connection-manager-active-tools-heading-font-size":"10px","--kos-connection-manager-active-tools-heading-font-style":"","--kos-connection-manager-active-tools-heading-font-weight":"700","--kos-connection-manager-active-tools-heading-line-height":"","--kos-connection-manager-active-tools-item-font-family":"","--kos-connection-manager-active-tools-item-font-size":"10px","--kos-connection-manager-active-tools-item-font-style":"","--kos-connection-manager-active-tools-item-font-weight":"400","--kos-connection-manager-active-tools-item-line-height":"","--kos-connection-manager-start-new-tool-font-family":"","--kos-connection-manager-start-new-tool-font-size":"12px","--kos-connection-manager-start-new-tool-font-style":"","--kos-connection-manager-start-new-tool-font-weight":"","--kos-connection-manager-start-new-tool-line-height":"","--kos-connection-manager-input-font-family":"","--kos-connection-manager-input-font-size":"","--kos-connection-manager-input-font-style":"","--kos-connection-manager-input-font-weight":"","--kos-connection-manager-input-line-height":"10px","--kos-connection-manager-icon-small-font-size":"10px","--kos-connection-manager-icon-medium-font-size":"12px","--kos-connection-manager-icon-busy-color":"#0000F4","--kos-connection-manager-icon-error-color":"#F40000","--kos-connection-manager-icon-idle-color":"#858585","--kos-connection-manager-icon-success-color":"#52C41A","--kos-connection-manager-connecting-effect-background-color":"#ECFBDF","--kos-component-button-primary-background-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-primary-background-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-primary-background-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-primary-background-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-primary-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-primary-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-primary-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-primary-border-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-primary-color":"var(--kos-generic-color-white)","--kos-component-button-secondary-background-color":"var(--kos-generic-color-white)","--kos-component-button-secondary-background-color-disabled":"var(--kos-generic-color-grey-10)","--kos-component-button-secondary-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-secondary-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-secondary-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-secondary-border-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-secondary-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-secondary-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-secondary-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-secondary-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-button-borderless-background-color":"transparent","--kos-component-button-borderless-border-color":"transparent","--kos-component-button-borderless-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-button-borderless-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-button-borderless-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-button-borderless-color-disabled":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-default-background-color":"var(--kos-generic-color-white)","--kos-component-checkbox-default-border-color-default":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-default-border-color-hover":"var(--kos-generic-color-grey-10)","--kos-component-checkbox-default-border-color-clicked":"var(--kos-generic-color-grey-50)","--kos-component-checkbox-default-color":"transparent","--kos-component-checkbox-filled-background-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-checkbox-filled-background-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-checkbox-filled-background-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-checkbox-filled-border-color-default":"var(--kos-generic-color-blue-primary)","--kos-component-checkbox-filled-border-color-hover":"var(--kos-generic-color-blue-additional-1)","--kos-component-checkbox-filled-border-color-clicked":"var(--kos-generic-color-blue-additional-2)","--kos-component-checkbox-filled-color":"var(--kos-generic-color-white)","--kos-component-checkbox-disabled-background-color":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-disabled-border-color":"var(--kos-generic-color-grey-30)","--kos-component-checkbox-disabled-color":"var(--kos-generic-color-white)","--kos-simulator-config-details-border":"var(--kos-generic-color-grey-30)"},tc={"--kos-size-xxxxs":"1.5rem","--kos-size-xxxs":"3rem","--kos-size-xxs":"6rem","--kos-size-xs":"12rem","--kos-size-s":"15rem","--kos-size-m":"20rem","--kos-size-lg":"25rem","--kos-size-xl":"40rem","--kos-size-xxl":"60rem"},oc={"--kos-border-radius-circle":"50%","--kos-border-radius-large":"0.5rem","--kos-border-radius-medium":"0.25rem","--kos-border-radius-small":"0.125rem","--kos-border-radius":"var(--kos-border-radius-medium)","--kos-spacing-xxxs":".125rem","--kos-spacing-xxs":".25rem","--kos-spacing-xs":".5rem","--kos-spacing-s":".75rem","--kos-spacing-m":"1rem","--kos-spacing-lg":"1.5rem","--kos-spacing-xlg":"2rem","--kos-spacing-xxlg":"3rem"},en={"--kos-font-family":"Arial, Helvetica, sans-serif","--kos-line-height-body":"14.4px","--kos-line-height-small":"12px","--kos-line-height-body-modal":"14px","--kos-line-height-body-bold":"13px","--kos-line-height-card-title":"18px","--kos-line-height-card-detail":"14px","--kos-line-height-heading-small":"20px","--kos-line-height-heading-medium":"24px","--kos-line-height-heading-large":"30px","--kos-font-family-body":"var(--kos-font-family)","--kos-font-family-body-bold":"var(--kos-font-family)","--kos-font-family-card-title":"var(--kos-font-family)","--kos-font-family-card-detail":"var(--kos-font-family)","--kos-font-family-heading-small":"var(--kos-font-family)","--kos-font-family-heading-medium":"var(--kos-font-family)","--kos-font-family-heading-large":"var(--kos-font-family)","--kos-font-size-body-modal":"12px","--kos-font-size-body":"12px","--kos-font-size-body-bold":"14px","--kos-font-size-card-title":"16px","--kos-font-size-card-detail":"12px","--kos-font-size-heading-small":"14px","--kos-font-size-heading-medium":"16px","--kos-font-size-heading-large":"20px","--kos-font-weight-body":"400","--kos-font-weight-body-bold":"700","--kos-font-weight-card-title":"700","--kos-font-weight-card-detail":"400","--kos-font-weight-heading-small":"700","--kos-font-weight-heading-medium":"700","--kos-font-weight-heading-large":"700"},rc=z.css`
534
534
  scrollbar-gutter: stable;
535
535
  //AUTO might be the one that overlays things
536
536
 
537
537
  /* Hide scrollbar for IE, Edge, Firefox, and other browsers */
538
538
  scrollbar-width: thin; /* Firefox */
539
539
  overflow-y: auto;
540
- `,rc=()=>M.css`
540
+ `,nc=()=>z.css`
541
541
  :root {
542
542
  --kos-font-size-base: 10px;
543
543
  --kos-font-size-small: 10px;
@@ -546,11 +546,11 @@
546
546
  font-size: var(--kos-base-font-size);
547
547
  }
548
548
  :root {
549
- ${M.css(Hr)}
550
- ${M.css(oc)}
551
- ${M.css(tc)}
552
- ${M.css(Gr)}
553
- ${M.css(ec)}
549
+ ${z.css(Hn)}
550
+ ${z.css(oc)}
551
+ ${z.css(tc)}
552
+ ${z.css(Gn)}
553
+ ${z.css(ec)}
554
554
  }
555
555
 
556
556
  ::-webkit-scrollbar {
@@ -625,17 +625,17 @@
625
625
 
626
626
  @media (-webkit-max-device-pixel-ratio: 1.25) {
627
627
  :root {
628
- ${M.css(tr)}
628
+ ${z.css(en)}
629
629
  }
630
630
  }
631
631
  @media (-webkit-min-device-pixel-ratio: 1.25) {
632
632
  :root {
633
- ${M.css(tr)}
633
+ ${z.css(en)}
634
634
  }
635
635
  }
636
636
  @media (prefers-color-scheme: light) {
637
637
  :root {
638
- ${M.css(Vr)}
638
+ ${z.css(Vn)}
639
639
  }
640
640
  }
641
641
  :root {
@@ -654,7 +654,7 @@
654
654
  }
655
655
  @media (prefers-color-scheme: dark) {
656
656
  :root {
657
- ${M.css(Ur)}
657
+ ${z.css(Un)}
658
658
  }
659
659
  :root {
660
660
  --ant-primary-color: var(--kos-primary-color);
@@ -671,15 +671,15 @@
671
671
  --ant-font-size-base: var(--kos-font-size-base);
672
672
  }
673
673
  }
674
- `;function $t(e){return d.forwardRef(e)}const[Se]=z(["text"]),Kr=["blue","dark","disabled","green","grey","light","purple","red","yellow","orange"],sc=({bold:e,children:t,color:o,ellipsis:n,lineClamp:r,textAlign:s,underline:l,variant:a,...u},h)=>i.jsx(M.ClassNames,{children:({cx:p})=>i.jsx(ac,{"data-variant":a,"data-alignment":s,"data-color":o,ref:h,...u,className:p(u.className,{isBold:e,isUnderlined:l,isEllipsized:n,isLineClamped:r}),children:t})}),E=$t(sc),ic=["left","right","center","justify"],ac=g.span`
675
- font-family: ${Se("font-family")};
676
- line-height: ${Se("line-height")};
674
+ `;function jt(e){return d.forwardRef(e)}const[je]=M(["text"]),Kn=["blue","dark","disabled","green","grey","light","purple","red","yellow","orange"],sc=({bold:e,children:t,color:o,ellipsis:r,lineClamp:n,textAlign:s,underline:l,variant:a,...u},h)=>i.jsx(z.ClassNames,{children:({cx:p})=>i.jsx(ac,{"data-variant":a,"data-alignment":s,"data-color":o,ref:h,...u,className:p(u.className,{isBold:e,isUnderlined:l,isEllipsized:r,isLineClamped:n}),children:t})}),E=jt(sc),ic=["left","right","center","justify"],ac=g.span`
675
+ font-family: ${je("font-family")};
676
+ line-height: ${je("line-height")};
677
677
  vertical-align: bottom;
678
- font-weight: ${Se("font-weight-normal")};
678
+ font-weight: ${je("font-weight-normal")};
679
679
  margin: 0;
680
680
  color: inherit;
681
681
  &.isBold {
682
- font-weight: ${Se("font-weight-bold")};
682
+ font-weight: ${je("font-weight-bold")};
683
683
  }
684
684
  &.isEllipsized {
685
685
  text-overflow: ellipsis;
@@ -698,67 +698,67 @@
698
698
  text-decoration: underline;
699
699
  }
700
700
  &[data-variant="h1"] {
701
- font-size: ${Se("h1-size")};
702
- font-weight: ${Se("font-weight-bold")};
701
+ font-size: ${je("h1-size")};
702
+ font-weight: ${je("font-weight-bold")};
703
703
  }
704
704
  &[data-variant="h2"] {
705
- font-size: ${Se("h2-size")};
706
- font-weight: ${Se("font-weight-bold")};
705
+ font-size: ${je("h2-size")};
706
+ font-weight: ${je("font-weight-bold")};
707
707
  }
708
708
  &[data-variant="body"] {
709
- font-size: ${Se("body-size")};
709
+ font-size: ${je("body-size")};
710
710
  }
711
711
  &[data-variant="small"] {
712
- font-size: ${Se("small-size")};
712
+ font-size: ${je("small-size")};
713
713
  }
714
714
  ${ic.map(e=>`&[data-alignment="${e}"] {
715
715
  text-align: ${e};
716
716
  }`).join(`
717
717
  `)}
718
- ${Kr.map(e=>`&[data-color="${e}"] {
719
- color: ${Se(`color-${e}`)};
718
+ ${Kn.map(e=>`&[data-color="${e}"] {
719
+ color: ${je(`color-${e}`)};
720
720
  }`).join(`
721
721
  `)}
722
- `,[at]=z(["link"]),hn=d.forwardRef(({children:e,onClick:t,size:o="med",isDisabled:n,...r},s)=>i.jsx("span",{ref:s,css:M.css`
722
+ `,[lt]=M(["link"]),ur=d.forwardRef(({children:e,onClick:t,size:o="med",isDisabled:r,...n},s)=>i.jsx("span",{ref:s,css:z.css`
723
723
  ${lc}
724
- font-size: ${at(`font-size-${o}`)};
725
- `,onClick:t,className:n?"isDisabled":void 0,...r,children:e})),lc=M.css`
726
- font-weight: ${at("font-weight")};
727
- font-family: ${at("font-family")};
728
- line-height: ${at("line-height")};
729
- color: ${at("color")};
724
+ font-size: ${lt(`font-size-${o}`)};
725
+ `,onClick:t,className:r?"isDisabled":void 0,...n,children:e})),lc=z.css`
726
+ font-weight: ${lt("font-weight")};
727
+ font-family: ${lt("font-family")};
728
+ line-height: ${lt("line-height")};
729
+ color: ${lt("color")};
730
730
  transition: color 0.125s ease-in-out;
731
731
  cursor: pointer;
732
732
  &:hover:not(.isDisabled) {
733
- color: ${at("color-hover")};
733
+ color: ${lt("color-hover")};
734
734
  }
735
735
  &:active:not(.isDisabled) {
736
- color: ${at("color-active")};
736
+ color: ${lt("color-active")};
737
737
  }
738
738
  &.isDisabled {
739
- color: ${at("color-disabled")};
739
+ color: ${lt("color-disabled")};
740
740
  pointer-events: none;
741
741
  }
742
- `,Jo=["black","blue","green","grey","orange","purple","red","white","yellow"],cc=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg","xxxlrg"],Yr=d.createContext(null),dc=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return i.jsx(Yr.Provider,{value:o,children:e})},qr=()=>{const e=d.useContext(Yr);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[Tt]=z(["icon"]),uc=d.forwardRef(({iconId:e,size:t="sm",color:o,...n},r)=>{const{basePath:s}=qr();return i.jsx(hc,{viewBox:"0 0 36 36",ref:r,"data-size":t,"data-color":o,xmlns:"http://www.w3.org/2000/svg",...n,children:i.jsx("use",{href:`${s}icon-sprite.svg#${e}`})})}),F=d.memo(uc);F.displayName="Icon";const hc=g.svg`
742
+ `,Jo=["black","blue","green","grey","orange","purple","red","white","yellow"],cc=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg","xxxlrg"],Yn=d.createContext(null),dc=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return i.jsx(Yn.Provider,{value:o,children:e})},qn=()=>{const e=d.useContext(Yn);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[zt]=M(["icon"]),uc=d.forwardRef(({iconId:e,size:t="sm",color:o,...r},n)=>{const{basePath:s}=qn();return i.jsx(hc,{viewBox:"0 0 36 36",ref:n,"data-size":t,"data-color":o,xmlns:"http://www.w3.org/2000/svg",...r,children:i.jsx("use",{href:`${s}icon-sprite.svg#${e}`})})}),N=d.memo(uc);N.displayName="Icon";const hc=g.svg`
743
743
  fill: currentColor;
744
744
  transition: fill 0.125s ease-in-out;
745
745
 
746
746
  // Colors
747
747
  ${Jo.map(e=>`&[data-color="${e}"] {
748
- fill: ${Tt(`fill-${e}`)};
748
+ fill: ${zt(`fill-${e}`)};
749
749
  }`).join("")}
750
750
 
751
751
  // Sizes
752
752
  ${cc.map(e=>`&[data-size="${e}"] {
753
- max-height: ${Tt(`size-${e}`)};
754
- max-width: ${Tt(`size-${e}`)};
755
- min-height: ${Tt(`size-${e}`)};
756
- min-width: ${Tt(`size-${e}`)};
753
+ max-height: ${zt(`size-${e}`)};
754
+ max-width: ${zt(`size-${e}`)};
755
+ min-height: ${zt(`size-${e}`)};
756
+ min-width: ${zt(`size-${e}`)};
757
757
  }`).join("")}
758
- `,[Zr]=z(["actionable-blurb"]),pc=d.memo(({text:e,actions:t,icon:o,title:n,iconColor:r,iconSize:s,className:l})=>{const a=d.useMemo(()=>{if(!t)return e;let u=e;return t.forEach(({action:h,actionText:p})=>{u=Wr(u,p,f=>i.jsx(hn,{onClick:h,children:f},f))}),u},[t,e]);return i.jsxs(fc,{className:l,children:[i.jsx(gc,{children:i.jsx(F,{iconId:o,size:s??"xsm",color:r??"black"})}),i.jsxs(mc,{className:"blurb-wrapper",children:[i.jsx(E,{color:"dark",variant:"body",bold:!0,children:n}),i.jsx(E,{color:"dark",variant:"body",children:a})]})]})}),fc=g.div`
758
+ `,[Zn]=M(["actionable-blurb"]),pc=d.memo(({text:e,actions:t,icon:o,title:r,iconColor:n,iconSize:s,className:l})=>{const a=d.useMemo(()=>{if(!t)return e;let u=e;return t.forEach(({action:h,actionText:p})=>{u=Wn(u,p,f=>i.jsx(ur,{onClick:h,children:f},f))}),u},[t,e]);return i.jsxs(fc,{className:l,children:[i.jsx(gc,{children:i.jsx(N,{iconId:o,size:s??"xsm",color:n??"black"})}),i.jsxs(mc,{className:"blurb-wrapper",children:[i.jsx(E,{color:"dark",variant:"body",bold:!0,children:r}),i.jsx(E,{color:"dark",variant:"body",children:a})]})]})}),fc=g.div`
759
759
  width: 100%;
760
760
  display: grid;
761
- grid-template-columns: ${Zr("icon-column-width")} 1fr;
761
+ grid-template-columns: ${Zn("icon-column-width")} 1fr;
762
762
  `,gc=g.div`
763
763
  height: 100%;
764
764
  display: flex;
@@ -769,12 +769,12 @@
769
769
  align-items: flex-start;
770
770
  justify-content: flex-start;
771
771
  flex-direction: column;
772
- row-gap: ${Zr("row-gap")};
773
- `,bc=({defaultOpen:e=!1,open:t,onOpenChange:o})=>{const[n,r]=d.useState(e),s=t??n,l=o??r;return d.useMemo(()=>({open:s,setOpen:l}),[s,l])},Xr=d.createContext(null),Kt=()=>{const e=d.useContext(Xr);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},ho=({children:e,...t})=>{const o=bc(t);return i.jsx(Xr.Provider,{value:o,children:e})},pn=({children:e})=>{const{open:t,setOpen:o}=Kt(),n=d.useCallback(()=>{o(!t)},[t,o]);if(d.isValidElement(e))return d.cloneElement(e,{...e.props,onClick:n,"data-state":t?"open":"closed"});throw new Error("Passed CollapsibleTrigger an invalid element")},po=({children:e})=>{const{open:t}=Kt();return t?e:null};function Jr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qr={exports:{}};/*!
772
+ row-gap: ${Zn("row-gap")};
773
+ `,bc=({defaultOpen:e=!1,open:t,onOpenChange:o})=>{const[r,n]=d.useState(e),s=t??r,l=o??n;return d.useMemo(()=>({open:s,setOpen:l}),[s,l])},Xn=d.createContext(null),Yt=()=>{const e=d.useContext(Xn);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},po=({children:e,...t})=>{const o=bc(t);return i.jsx(Xn.Provider,{value:o,children:e})},hr=({children:e})=>{const{open:t,setOpen:o}=Yt(),r=d.useCallback(()=>{o(!t)},[t,o]);if(d.isValidElement(e))return d.cloneElement(e,{...e.props,onClick:r,"data-state":t?"open":"closed"});throw new Error("Passed CollapsibleTrigger an invalid element")},fo=({children:e})=>{const{open:t}=Yt();return t?e:null};function Jn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Qn={exports:{}};/*!
774
774
  Copyright (c) 2018 Jed Watson.
775
775
  Licensed under the MIT License (MIT), see
776
776
  http://jedwatson.github.io/classnames
777
- */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",l=0;l<arguments.length;l++){var a=arguments[l];a&&(s=r(s,n(a)))}return s}function n(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return o.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var l="";for(var a in s)t.call(s,a)&&s[a]&&(l=r(l,a));return l}function r(s,l){return l?s?s+" "+l:s+l:s}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(Qr);var xc=Qr.exports;const St=Jr(xc),[Me]=z(["icon-button"]),ie=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:n,className:r,size:s,type:l,isActive:a,badgeColor:u,hasBadge:h,...p},f)=>i.jsxs(yc,{className:St({isActive:a},r),type:l??"button",ref:f,...p,children:[h&&i.jsx(vc,{"data-size":s,"data-border-color":o??n,"data-color":u??n,style:t?{right:t.x,top:t.y}:void 0}),i.jsx(F,{size:s,color:p.disabled?"grey":n??"white",iconId:e,className:"icon-button-icon"})]})),yc=g.button`
777
+ */(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",l=0;l<arguments.length;l++){var a=arguments[l];a&&(s=n(s,r(a)))}return s}function r(s){if(typeof s=="string"||typeof s=="number")return s;if(typeof s!="object")return"";if(Array.isArray(s))return o.apply(null,s);if(s.toString!==Object.prototype.toString&&!s.toString.toString().includes("[native code]"))return s.toString();var l="";for(var a in s)t.call(s,a)&&s[a]&&(l=n(l,a));return l}function n(s,l){return l?s?s+" "+l:s+l:s}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(Qn);var xc=Qn.exports;const It=Jn(xc),[Me]=M(["icon-button"]),ae=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:r,className:n,size:s,type:l,isActive:a,badgeColor:u,hasBadge:h,...p},f)=>i.jsxs(yc,{className:It({isActive:a},n),type:l??"button",ref:f,...p,children:[h&&i.jsx(vc,{"data-size":s,"data-border-color":o??r,"data-color":u??r,style:t?{right:t.x,top:t.y}:void 0}),i.jsx(N,{size:s,color:p.disabled?"grey":r??"white",iconId:e,className:"icon-button-icon"})]})),yc=g.button`
778
778
  box-sizing: border-box;
779
779
  align-items: center;
780
780
  justify-content: center;
@@ -817,11 +817,11 @@
817
817
  }`).join("")}
818
818
  width: ${c("spacing-8")};
819
819
  height: ${c("spacing-8")};
820
- `,kc=g(ie)`
820
+ `,kc=g(ae)`
821
821
  &.isLocked {
822
822
  cursor: url("/ui/custom-cursors/locked-cursor.png"), not-allowed !important;
823
823
  }
824
- `,wc=d.memo(({description:e})=>{const{open:t}=Kt();return i.jsx(Cc,{color:"grey",variant:"small","data-state":t?"open":"closed",children:e})}),Cc=g(E)`
824
+ `,wc=d.memo(({description:e})=>{const{open:t}=Yt();return i.jsx(Cc,{color:"grey",variant:"small","data-state":t?"open":"closed",children:e})}),Cc=g(E)`
825
825
  width: 100%;
826
826
  overflow: hidden;
827
827
  text-overflow: ellipsis;
@@ -832,27 +832,27 @@
832
832
  white-space: normal;
833
833
  word-break: break-word;
834
834
  }
835
- `,[Be]=z(["collapsible-artifact"]),$c=d.memo(({onExternalClick:e,id:t,name:o,isSelected:n,description:r,VersionList:s,className:l})=>{const a=d.useCallback(()=>{e&&e(t)},[t,e]);return i.jsx(ho,{children:i.jsxs(Sc,{className:l,children:[i.jsxs(Ic,{children:[i.jsx(pn,{children:i.jsx(_c,{color:"black",size:"xxsm",iconId:"CaretRight"})}),i.jsxs(Dc,{children:[i.jsxs(Tc,{children:[i.jsx(E,{css:M.css`
835
+ `,[We]=M(["collapsible-artifact"]),$c=d.memo(({onExternalClick:e,id:t,name:o,isSelected:r,description:n,VersionList:s,className:l})=>{const a=d.useCallback(()=>{e&&e(t)},[t,e]);return i.jsx(po,{children:i.jsxs(Sc,{className:l,children:[i.jsxs(Ic,{children:[i.jsx(hr,{children:i.jsx(_c,{color:"black",size:"xxsm",iconId:"CaretRight"})}),i.jsxs(Dc,{children:[i.jsxs(Tc,{children:[i.jsx(E,{css:z.css`
836
836
  word-break: break-all;
837
- `,variant:"small",bold:!0,children:o}),!!n&&i.jsx(E,{variant:"small",color:"blue",children:"Selected"})]}),r&&i.jsx(wc,{description:r})]}),!!e&&i.jsx(jc,{color:"blue",iconId:"Export",onClick:a,size:"xsm"})]}),i.jsx(po,{children:i.jsx(Ec,{children:i.jsx(Mc,{children:s})})})]})})}),Sc=g.div`
837
+ `,variant:"small",bold:!0,children:o}),!!r&&i.jsx(E,{variant:"small",color:"blue",children:"Selected"})]}),n&&i.jsx(wc,{description:n})]}),!!e&&i.jsx(jc,{color:"blue",iconId:"Export",onClick:a,size:"xsm"})]}),i.jsx(fo,{children:i.jsx(Ec,{children:i.jsx(zc,{children:s})})})]})})}),Sc=g.div`
838
838
  align-items: flex-start;
839
- background-color: ${Be("background-color")};
840
- border-radius: ${Be("border-radius")};
841
- border: ${Be("border-width")} solid ${Be("border-color")};
839
+ background-color: ${We("background-color")};
840
+ border-radius: ${We("border-radius")};
841
+ border: ${We("border-width")} solid ${We("border-color")};
842
842
  display: flex;
843
843
  flex-direction: column;
844
844
  justify-content: flex-start;
845
845
  position: relative;
846
846
  width: 100%;
847
- `,jc=g(ie)`
847
+ `,jc=g(ae)`
848
848
  z-index: 1;
849
849
  `,Ic=g.div`
850
850
  align-items: flex-start;
851
851
  display: flex;
852
- gap: ${Be("name-and-selected-spacing")};
853
- padding: ${Be("padding")};
852
+ gap: ${We("name-and-selected-spacing")};
853
+ padding: ${We("padding")};
854
854
  width: 100%;
855
- `,_c=g(ie)`
855
+ `,_c=g(ae)`
856
856
  z-index: 1;
857
857
 
858
858
  &[data-state="open"] {
@@ -862,23 +862,23 @@
862
862
  display: flex;
863
863
  flex-direction: column;
864
864
  flex: 1;
865
- gap: ${Be("name-and-desc-spacing")};
865
+ gap: ${We("name-and-desc-spacing")};
866
866
  overflow: hidden;
867
867
  `,Tc=g.div`
868
868
  align-items: center;
869
869
  display: flex;
870
870
  flex-wrap: wrap;
871
871
  flex: 1;
872
- gap: ${Be("name-and-selected-spacing")};
872
+ gap: ${We("name-and-selected-spacing")};
873
873
  justify-content: flex-start;
874
874
  width: 100%;
875
875
  `,Ec=g.div`
876
- border-top: 1px solid ${Be("border-color")};
876
+ border-top: 1px solid ${We("border-color")};
877
877
  width: 100%;
878
- `,Mc=g.div`
879
- padding: ${Be("name-and-selected-spacing")};
878
+ `,zc=g.div`
879
+ padding: ${We("name-and-selected-spacing")};
880
880
  width: 100%;
881
- `,He=()=>{},zc=e=>(t,o)=>e[t][o]??t,Oc=(e,t)=>d.useReducer(zc(t),e),to=e=>(e==null?void 0:e.animationName)||"none",Rc=(e,t)=>{const[o,n]=d.useState(),r=d.useRef(),s=d.useRef(e),l=d.useRef("none"),a=d.useRef(t);d.useLayoutEffect(()=>{a.current=t},[t]);const[u,h]=Oc(e?"mounted":"unmounted",{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmounting"},unmounted:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounting:{MOUNT:"mounted",ANIMATION_END:"unmounted"}});d.useEffect(()=>{const m=to(r.current);l.current=u==="mounted"?m:"none"},[u]),d.useLayoutEffect(()=>{const m=r.current,x=s.current;if(x!==e){const y=l.current,w=to(m);e?h("MOUNT"):w==="none"||(m==null?void 0:m.display)==="none"?h("UNMOUNT"):h(x&&y!==w?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,h]),d.useLayoutEffect(()=>{if(o){const m=b=>{const w=to(r.current).includes(b.animationName);b.target===o&&w&&Br.flushSync(()=>h("ANIMATION_END"))},x=b=>{b.target===o&&(l.current=to(r.current))};return o.addEventListener("animationstart",x),o.addEventListener("animationcancel",m),o.addEventListener("animationend",m),()=>{o.removeEventListener("animationstart",x),o.removeEventListener("animationcancel",m),o.removeEventListener("animationend",m)}}else return h("ANIMATION_END"),He},[o,h]);const p=d.useCallback(m=>{m&&(r.current=getComputedStyle(m)),n(m)},[]),f=["mounted","unmounting"].includes(u);return d.useEffect(()=>{a.current&&a.current(f)},[f]),{isPresent:f,ref:p}},es=d.memo(({present:e,children:t,onPresenceChange:o})=>{const n=Rc(e,o);return n.isPresent?d.cloneElement(t,{ref:n.ref,present:e}):null});es.displayName="AnimatePresence";const Nc=({offlineContent:e,onlineContent:t})=>t?e?i.jsx(Fc,{children:i.jsxs(Ac,{children:[i.jsx(or,{$front:!0,children:e}),i.jsx(or,{$back:!0,children:t})]})}):t:e,Fc=g.div`
881
+ `,Ue=()=>{},Mc=e=>(t,o)=>e[t][o]??t,Oc=(e,t)=>d.useReducer(Mc(t),e),oo=e=>(e==null?void 0:e.animationName)||"none",Rc=(e,t)=>{const[o,r]=d.useState(),n=d.useRef(),s=d.useRef(e),l=d.useRef("none"),a=d.useRef(t);d.useLayoutEffect(()=>{a.current=t},[t]);const[u,h]=Oc(e?"mounted":"unmounted",{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmounting"},unmounted:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounting:{MOUNT:"mounted",ANIMATION_END:"unmounted"}});d.useEffect(()=>{const m=oo(n.current);l.current=u==="mounted"?m:"none"},[u]),d.useLayoutEffect(()=>{const m=n.current,b=s.current;if(b!==e){const y=l.current,w=oo(m);e?h("MOUNT"):w==="none"||(m==null?void 0:m.display)==="none"?h("UNMOUNT"):h(b&&y!==w?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,h]),d.useLayoutEffect(()=>{if(o){const m=x=>{const w=oo(n.current).includes(x.animationName);x.target===o&&w&&Bn.flushSync(()=>h("ANIMATION_END"))},b=x=>{x.target===o&&(l.current=oo(n.current))};return o.addEventListener("animationstart",b),o.addEventListener("animationcancel",m),o.addEventListener("animationend",m),()=>{o.removeEventListener("animationstart",b),o.removeEventListener("animationcancel",m),o.removeEventListener("animationend",m)}}else return h("ANIMATION_END"),Ue},[o,h]);const p=d.useCallback(m=>{m&&(n.current=getComputedStyle(m)),r(m)},[]),f=["mounted","unmounting"].includes(u);return d.useEffect(()=>{a.current&&a.current(f)},[f]),{isPresent:f,ref:p}},es=d.memo(({present:e,children:t,onPresenceChange:o})=>{const r=Rc(e,o);return r.isPresent?d.cloneElement(t,{ref:r.ref,present:e}):null});es.displayName="AnimatePresence";const Nc=({offlineContent:e,onlineContent:t})=>t?e?i.jsx(Fc,{children:i.jsxs(Ac,{children:[i.jsx(tn,{$front:!0,children:e}),i.jsx(tn,{$back:!0,children:t})]})}):t:e,Fc=g.div`
882
882
  flex: 1;
883
883
  min-width: 0px;
884
884
  height: 100%;
@@ -905,7 +905,7 @@
905
905
  transform: rotateX(360deg);
906
906
  }
907
907
  }
908
- `,or=g.div`
908
+ `,tn=g.div`
909
909
  position: absolute;
910
910
  width: 100%;
911
911
  height: 100%;
@@ -920,7 +920,7 @@
920
920
  ${({$back:e})=>e&&`
921
921
  transform: rotateX(180deg) translateZ(20px);
922
922
  `}
923
- `,[R,me]=z(["button","icon"]),Lc=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},l)=>i.jsx(M.ClassNames,{children:({cx:a})=>i.jsxs(Bc,{disabled:o,className:a(e,n),ref:l,...s,children:[r&&i.jsx(Wc,{children:i.jsx(F,{iconId:r,size:"sm",color:"white"})}),t]})})),Pe=d.memo(Lc);Pe.displayName="StudioButton";const Bc=g.button`
923
+ `,[R,be]=M(["button","icon"]),Lc=d.forwardRef(({variant:e,text:t,disabled:o,className:r,icon:n,...s},l)=>i.jsx(z.ClassNames,{children:({cx:a})=>i.jsxs(Bc,{disabled:o,className:a(e,r),ref:l,...s,children:[n&&i.jsx(Wc,{children:i.jsx(N,{iconId:n,size:"sm",color:"white"})}),t]})})),Ve=d.memo(Lc);Ve.displayName="StudioButton";const Bc=g.button`
924
924
  font-weight: ${R("font-weight")};
925
925
  font-size: ${R("font-size")};
926
926
  line-height: ${R("line-height")};
@@ -942,7 +942,7 @@
942
942
  // This token will let us flip the icon and text if we want to
943
943
  flex-direction: ${R("flex-direction")};
944
944
 
945
- ${`${me("fill-white",!0)}: ${R("color")}`};
945
+ ${`${be("fill-white",!0)}: ${R("color")}`};
946
946
 
947
947
  &.primary-small,
948
948
  &.secondary-small,
@@ -955,14 +955,14 @@
955
955
  border-color: ${R("border-hover")};
956
956
  color: ${R("color-hover")};
957
957
  background-color: ${R("bg-hover")};
958
- ${`${me("fill-white",!0)}: ${R("color-hover")}`};
958
+ ${`${be("fill-white",!0)}: ${R("color-hover")}`};
959
959
  }
960
960
 
961
961
  &:active {
962
962
  border-color: ${R("border-active")};
963
963
  color: ${R("color-active")};
964
964
  background-color: ${R("bg-active")};
965
- ${`${me("fill-white",!0)}: ${R("color-active")}`};
965
+ ${`${be("fill-white",!0)}: ${R("color-active")}`};
966
966
  }
967
967
 
968
968
  &:disabled {
@@ -970,7 +970,7 @@
970
970
  border-color: ${R("border-disabled")};
971
971
  color: ${R("color-disabled")};
972
972
  background-color: ${R("bg-disabled")};
973
- ${`${me("fill-white",!0)}: ${R("color-disabled")}`};
973
+ ${`${be("fill-white",!0)}: ${R("color-disabled")}`};
974
974
  }
975
975
 
976
976
  // Re-assign bg and color vars for secondary buttons.
@@ -979,26 +979,26 @@
979
979
  background-color: ${R("bg-secondary")};
980
980
  color: ${R("color-secondary")};
981
981
  border-color: ${R("border-secondary")};
982
- ${`${me("fill-white",!0)}: ${R("color-secondary")}`};
982
+ ${`${be("fill-white",!0)}: ${R("color-secondary")}`};
983
983
  &:hover {
984
984
  border-color: ${R("border-hover-secondary")};
985
985
  color: ${R("color-hover-secondary")};
986
986
  background-color: ${R("bg-hover-secondary")};
987
- ${`${me("fill-white",!0)}: ${R("color-hover-secondary")}`};
987
+ ${`${be("fill-white",!0)}: ${R("color-hover-secondary")}`};
988
988
  }
989
989
 
990
990
  &:active {
991
991
  border-color: ${R("border-active-secondary")};
992
992
  color: ${R("color-active-secondary")};
993
993
  background-color: ${R("bg-active-secondary")};
994
- ${`${me("fill-white",!0)}: ${R("color-active-secondary")}`};
994
+ ${`${be("fill-white",!0)}: ${R("color-active-secondary")}`};
995
995
  }
996
996
 
997
997
  &:disabled {
998
998
  border-color: ${R("border-disabled-secondary")};
999
999
  color: ${R("color-disabled-secondary")};
1000
1000
  background-color: ${R("bg-disabled-secondary")};
1001
- ${`${me("fill-white",!0)}: ${R("color-disabled-secondary")}`};
1001
+ ${`${be("fill-white",!0)}: ${R("color-disabled-secondary")}`};
1002
1002
  }
1003
1003
  }
1004
1004
 
@@ -1008,19 +1008,19 @@
1008
1008
  background-color: ${R("bg-borderless")};
1009
1009
  color: ${R("color-borderless")};
1010
1010
  border-color: ${R("border-borderless")};
1011
- ${`${me("fill-white",!0)}: ${R("color-borderless")}`};
1011
+ ${`${be("fill-white",!0)}: ${R("color-borderless")}`};
1012
1012
  &:hover {
1013
1013
  border-color: ${R("border-hover-borderless")};
1014
1014
  color: ${R("color-hover-borderless")};
1015
1015
  background-color: ${R("bg-hover-borderless")};
1016
- ${`${me("fill-white",!0)}: ${R("color-hover-borderless")}`};
1016
+ ${`${be("fill-white",!0)}: ${R("color-hover-borderless")}`};
1017
1017
  }
1018
1018
 
1019
1019
  &:active {
1020
1020
  border-color: ${R("border-active-borderless")};
1021
1021
  color: ${R("color-active-borderless")};
1022
1022
  background-color: ${R("bg-active-borderless")};
1023
- ${`${me("fill-white",!0)}: ${R("color-active-borderless")}`};
1023
+ ${`${be("fill-white",!0)}: ${R("color-active-borderless")}`};
1024
1024
  }
1025
1025
 
1026
1026
  &:disabled {
@@ -1028,34 +1028,34 @@
1028
1028
  border-color: ${R("border-disabled-borderless")};
1029
1029
  color: ${R("color-disabled-borderless")};
1030
1030
  background-color: ${R("bg-disabled-borderless")};
1031
- ${`${me("fill-white",!0)}: ${R("color-disabled-borderless")}`};
1031
+ ${`${be("fill-white",!0)}: ${R("color-disabled-borderless")}`};
1032
1032
  }
1033
1033
  }
1034
1034
  `,Wc=g.span`
1035
1035
  display: flex;
1036
1036
  margin: ${R("icon-margin")};
1037
- `,ts=d.createContext(void 0);function os(){const e=d.useContext(ts);if(!e)throw new Error("useButtonGroupContext must be used within a ButtonGroup component");return e}const[gt]=z(["button-group"]),Pc=({value:e,defaultValue:t,onValueChange:o,children:n,className:r})=>{const[s,l]=d.useState(t),a=e??s,u=o??l,h=d.useMemo(()=>({value:a,setValue:u}),[a,u]);return i.jsx(ts.Provider,{value:h,children:i.jsx(Hc,{className:r,children:n})})},Hc=g.div`
1037
+ `,ts=d.createContext(void 0);function os(){const e=d.useContext(ts);if(!e)throw new Error("useButtonGroupContext must be used within a ButtonGroup component");return e}const[mt]=M(["button-group"]),Pc=({value:e,defaultValue:t,onValueChange:o,children:r,className:n})=>{const[s,l]=d.useState(t),a=e??s,u=o??l,h=d.useMemo(()=>({value:a,setValue:u}),[a,u]);return i.jsx(ts.Provider,{value:h,children:i.jsx(Hc,{className:n,children:r})})},Hc=g.div`
1038
1038
  display: inline-flex;
1039
1039
  align-items: center;
1040
- gap: ${gt("gap")};
1041
- background-color: ${gt("background-color")};
1042
- border-radius: ${gt("border-radius")};
1043
- border: ${gt("border-width")} solid ${gt("border-color")};
1044
- padding: ${gt("padding")};
1045
- `,[st,Vc]=z(["button-group","icon"]),ns=d.memo(({value:e,iconId:t,label:o,tooltip:n,disabled:r})=>{const{value:s,setValue:l}=os(),a=s===e,u=d.useCallback(()=>{r||l(e)},[e,l,r]);return i.jsxs(Uc,{type:"button","data-active":a,onClick:u,disabled:r,title:n,"aria-pressed":a,children:[t&&i.jsx(F,{iconId:t,size:"sm",color:a?"black":"grey",className:"button-group-icon"}),o&&i.jsx("span",{className:"button-group-label",children:o})]})});ns.displayName="ButtonGroupItem";const Uc=g.button`
1040
+ gap: ${mt("gap")};
1041
+ background-color: ${mt("background-color")};
1042
+ border-radius: ${mt("border-radius")};
1043
+ border: ${mt("border-width")} solid ${mt("border-color")};
1044
+ padding: ${mt("padding")};
1045
+ `,[it,Vc]=M(["button-group","icon"]),rs=d.memo(({value:e,iconId:t,label:o,tooltip:r,disabled:n})=>{const{value:s,setValue:l}=os(),a=s===e,u=d.useCallback(()=>{n||l(e)},[e,l,n]);return i.jsxs(Uc,{type:"button","data-active":a,onClick:u,disabled:n,title:r,"aria-pressed":a,children:[t&&i.jsx(N,{iconId:t,size:"sm",color:a?"black":"grey",className:"button-group-icon"}),o&&i.jsx("span",{className:"button-group-label",children:o})]})});rs.displayName="ButtonGroupItem";const Uc=g.button`
1046
1046
  display: inline-flex;
1047
1047
  align-items: center;
1048
1048
  justify-content: center;
1049
1049
  gap: 4px;
1050
1050
  border: none;
1051
- background-color: ${st("item-background-color")};
1052
- border-radius: ${st("item-border-radius")};
1053
- padding: ${st("item-padding")};
1051
+ background-color: ${it("item-background-color")};
1052
+ border-radius: ${it("item-border-radius")};
1053
+ padding: ${it("item-padding")};
1054
1054
  cursor: pointer;
1055
1055
  transition: background-color 0.125s ease-in-out;
1056
1056
 
1057
1057
  .button-group-label {
1058
- color: ${st("item-color")};
1058
+ color: ${it("item-color")};
1059
1059
  font-size: 12px;
1060
1060
  transition: color 0.125s ease-in-out;
1061
1061
  }
@@ -1065,7 +1065,7 @@
1065
1065
  }
1066
1066
 
1067
1067
  &:hover:not(:disabled) {
1068
- background-color: ${st("item-background-color-hover")};
1068
+ background-color: ${it("item-background-color-hover")};
1069
1069
  }
1070
1070
 
1071
1071
  &:disabled {
@@ -1074,42 +1074,42 @@
1074
1074
  }
1075
1075
 
1076
1076
  &[data-active="true"] {
1077
- background-color: ${st("item-background-color-active")};
1077
+ background-color: ${it("item-background-color-active")};
1078
1078
 
1079
1079
  .button-group-label {
1080
- color: ${st("item-color-active")};
1080
+ color: ${it("item-color-active")};
1081
1081
  }
1082
1082
 
1083
- ${`${Vc("fill-grey",!0)}: ${st("item-color-active")}`};
1083
+ ${`${Vc("fill-grey",!0)}: ${it("item-color-active")}`};
1084
1084
  }
1085
- `,[je]=z(["checkbox"]),jt=d.forwardRef((e,t)=>i.jsxs(Gc,{children:[i.jsx(Kc,{ref:t,...e,type:"checkbox"}),i.jsx(nr,{className:"check-icon",children:i.jsx(F,{iconId:"CheckSmall",size:"xsm",color:"white"})}),i.jsx(nr,{className:"minus-icon",children:i.jsx(F,{iconId:"Minus",size:"xsm",color:"white"})})]})),Gc=g.div`
1086
- height: ${je("size")};
1087
- width: ${je("size")};
1085
+ `,[Ie]=M(["checkbox"]),_t=d.forwardRef((e,t)=>i.jsxs(Gc,{children:[i.jsx(Kc,{ref:t,...e,type:"checkbox"}),i.jsx(on,{className:"check-icon",children:i.jsx(N,{iconId:"CheckSmall",size:"xsm",color:"white"})}),i.jsx(on,{className:"minus-icon",children:i.jsx(N,{iconId:"Minus",size:"xsm",color:"white"})})]})),Gc=g.div`
1086
+ height: ${Ie("size")};
1087
+ width: ${Ie("size")};
1088
1088
  pointer-events: none;
1089
1089
  position: relative;
1090
1090
  display: flex;
1091
1091
  flex-shrink: 0;
1092
- border: ${je("border-width")} solid ${je("border-color")};
1093
- background-color: ${je("background-color")};
1094
- border-radius: ${je("border-radius")};
1092
+ border: ${Ie("border-width")} solid ${Ie("border-color")};
1093
+ background-color: ${Ie("background-color")};
1094
+ border-radius: ${Ie("border-radius")};
1095
1095
  overflow: hidden;
1096
1096
  cursor: pointer;
1097
1097
  transition: background 0.125s ease-in-out, border 0.125s ease-in-out;
1098
1098
  :has(> input:disabled) {
1099
- background-color: ${je("background-color-disabled")};
1099
+ background-color: ${Ie("background-color-disabled")};
1100
1100
  cursor: not-allowed;
1101
1101
  }
1102
1102
  :has(> input:checked),
1103
1103
  :has(> input:indeterminate) {
1104
- background-color: ${je("background-color-checked")};
1105
- border-color: ${je("border-color-checked")};
1104
+ background-color: ${Ie("background-color-checked")};
1105
+ border-color: ${Ie("border-color-checked")};
1106
1106
  }
1107
1107
  :has(> input:checked:disabled),
1108
1108
  :has(> input:indeterminate:disabled) {
1109
- border-color: ${je("border-color-checked-disabled")};
1110
- background-color: ${je("background-color-checked-disabled")};
1109
+ border-color: ${Ie("border-color-checked-disabled")};
1110
+ background-color: ${Ie("background-color-checked-disabled")};
1111
1111
  }
1112
- `,nr=g.div`
1112
+ `,on=g.div`
1113
1113
  opacity: 0;
1114
1114
  width: 100%;
1115
1115
  height: 100%;
@@ -1146,15 +1146,15 @@
1146
1146
  opacity: 1;
1147
1147
  }
1148
1148
  }
1149
- `;var Yc=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,o=[],n=0;n<e.rangeCount;n++)o.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||o.forEach(function(r){e.addRange(r)}),t&&t.focus()}},qc=Yc,rr={"text/plain":"Text","text/html":"Url",default:"Text"},Zc="Copy to clipboard: #{key}, Enter";function Xc(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function Jc(e,t){var o,n,r,s,l,a,u=!1;t||(t={}),o=t.debug||!1;try{r=qc(),s=document.createRange(),l=document.getSelection(),a=document.createElement("span"),a.textContent=e,a.ariaHidden="true",a.style.all="unset",a.style.position="fixed",a.style.top=0,a.style.clip="rect(0, 0, 0, 0)",a.style.whiteSpace="pre",a.style.webkitUserSelect="text",a.style.MozUserSelect="text",a.style.msUserSelect="text",a.style.userSelect="text",a.addEventListener("copy",function(p){if(p.stopPropagation(),t.format)if(p.preventDefault(),typeof p.clipboardData>"u"){o&&console.warn("unable to use e.clipboardData"),o&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var f=rr[t.format]||rr.default;window.clipboardData.setData(f,e)}else p.clipboardData.clearData(),p.clipboardData.setData(t.format,e);t.onCopy&&(p.preventDefault(),t.onCopy(p.clipboardData))}),document.body.appendChild(a),s.selectNodeContents(a),l.addRange(s);var h=document.execCommand("copy");if(!h)throw new Error("copy command was unsuccessful");u=!0}catch(p){o&&console.error("unable to copy using execCommand: ",p),o&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),u=!0}catch(f){o&&console.error("unable to copy using clipboardData: ",f),o&&console.error("falling back to prompt"),n=Xc("message"in t?t.message:Zc),window.prompt(n,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(s):l.removeAllRanges()),a&&document.body.removeChild(a),r()}return u}var Qc=Jc;const ed=Jr(Qc),td=250,od=500,nd=({children:e,color:t,copyable:o=!0,copyText:n,onClick:r,onMouseMove:s,onMouseOut:l,onMouseOver:a,style:u,...h})=>{const p=d.useRef(),f=d.useRef(),m=d.useRef(null),x=d.useRef(null),[b,y]=d.useState(!1),[w,v]=d.useState(!1),$=d.useCallback(I=>{let j=n;j||(j=typeof e=="string"?String(e):""),y(!0),ed(j);const _=()=>{y(!1)};clearTimeout(p.current),p.current=setTimeout(_,od),r==null||r(I)},[e,n,r]),C=d.useCallback(I=>{if(!m.current||!x.current){s==null||s(I);return}const j=x.current.getBoundingClientRect(),_=I.clientX-j.left+9,B=I.clientY-j.top+9;m.current.style.transform=`translate(${_}px, ${B}px)`,s==null||s(I)},[s]),S=d.useCallback(I=>{y(!1),v(!1),clearTimeout(f.current),l==null||l(I)},[l]),k=d.useCallback(I=>{const j=()=>{v(!0)};return clearTimeout(f.current),f.current=setTimeout(j,td),a==null||a(I),()=>{clearTimeout(f.current)}},[a]);return i.jsxs("div",{style:{position:"relative"},children:[i.jsx(rd,{ref:x,children:e,onClick:o?$:r,onMouseMove:o?C:s,onMouseOut:o?S:l,onMouseOver:o?k:a,style:o?b?{...u,opacity:.5,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"},...h}),o&&i.jsx(F,{ref:m,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:w&&!b?"1":"0"}})]})},rd=g(E)`
1149
+ `;var Yc=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,o=[],r=0;r<e.rangeCount;r++)o.push(e.getRangeAt(r));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||o.forEach(function(n){e.addRange(n)}),t&&t.focus()}},qc=Yc,rn={"text/plain":"Text","text/html":"Url",default:"Text"},Zc="Copy to clipboard: #{key}, Enter";function Xc(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function Jc(e,t){var o,r,n,s,l,a,u=!1;t||(t={}),o=t.debug||!1;try{n=qc(),s=document.createRange(),l=document.getSelection(),a=document.createElement("span"),a.textContent=e,a.ariaHidden="true",a.style.all="unset",a.style.position="fixed",a.style.top=0,a.style.clip="rect(0, 0, 0, 0)",a.style.whiteSpace="pre",a.style.webkitUserSelect="text",a.style.MozUserSelect="text",a.style.msUserSelect="text",a.style.userSelect="text",a.addEventListener("copy",function(p){if(p.stopPropagation(),t.format)if(p.preventDefault(),typeof p.clipboardData>"u"){o&&console.warn("unable to use e.clipboardData"),o&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var f=rn[t.format]||rn.default;window.clipboardData.setData(f,e)}else p.clipboardData.clearData(),p.clipboardData.setData(t.format,e);t.onCopy&&(p.preventDefault(),t.onCopy(p.clipboardData))}),document.body.appendChild(a),s.selectNodeContents(a),l.addRange(s);var h=document.execCommand("copy");if(!h)throw new Error("copy command was unsuccessful");u=!0}catch(p){o&&console.error("unable to copy using execCommand: ",p),o&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),u=!0}catch(f){o&&console.error("unable to copy using clipboardData: ",f),o&&console.error("falling back to prompt"),r=Xc("message"in t?t.message:Zc),window.prompt(r,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(s):l.removeAllRanges()),a&&document.body.removeChild(a),n()}return u}var Qc=Jc;const ed=Jn(Qc),td=250,od=500,rd=({children:e,color:t,copyable:o=!0,copyText:r,onClick:n,onMouseMove:s,onMouseOut:l,onMouseOver:a,style:u,...h})=>{const p=d.useRef(),f=d.useRef(),m=d.useRef(null),b=d.useRef(null),[x,y]=d.useState(!1),[w,v]=d.useState(!1),$=d.useCallback(I=>{let j=r;j||(j=typeof e=="string"?String(e):""),y(!0),ed(j);const _=()=>{y(!1)};clearTimeout(p.current),p.current=setTimeout(_,od),n==null||n(I)},[e,r,n]),C=d.useCallback(I=>{if(!m.current||!b.current){s==null||s(I);return}const j=b.current.getBoundingClientRect(),_=I.clientX-j.left+9,B=I.clientY-j.top+9;m.current.style.transform=`translate(${_}px, ${B}px)`,s==null||s(I)},[s]),S=d.useCallback(I=>{y(!1),v(!1),clearTimeout(f.current),l==null||l(I)},[l]),k=d.useCallback(I=>{const j=()=>{v(!0)};return clearTimeout(f.current),f.current=setTimeout(j,td),a==null||a(I),()=>{clearTimeout(f.current)}},[a]);return i.jsxs("div",{style:{position:"relative"},children:[i.jsx(nd,{ref:b,children:e,onClick:o?$:n,onMouseMove:o?C:s,onMouseOut:o?S:l,onMouseOver:o?k:a,style:o?x?{...u,opacity:.5,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"},...h}),o&&i.jsx(N,{ref:m,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:w&&!x?"1":"0"}})]})},nd=g(E)`
1150
1150
  position: relative;
1151
1151
  transition: opacity 150ms ease-in-out;
1152
- `,sd=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:n,open:r})=>{const s=e.ref,l=O.useMergeRefs([o,t,s]);if(d.isValidElement(e))return d.cloneElement(e,n({ref:l,...e.props,"data-state":r?"open":"closed"}));throw new Error("Passed useDecoratedFloatingUITrigger an invalid child element")};function rs({defaultOpen:e=!1,open:t,onOpenChange:o,dismissOptions:n}={}){const[r,s]=d.useState(e),l=t??r,a=d.useCallback(x=>{t===void 0&&s(x),o==null||o(x)},[t,o]),u=O.useFloating({open:l,onOpenChange:a}),h=u.context,p=O.useClick(h),f=O.useDismiss(h,n?{outsidePressEvent:"mousedown",...n}:{outsidePressEvent:"mousedown"}),m=O.useInteractions([p,f]);return d.useMemo(()=>({open:l,setOpen:a,...m,...u}),[l,a,m,u])}const id=M.css`
1152
+ `,sd=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:r,open:n})=>{const s=e.ref,l=O.useMergeRefs([o,t,s]);if(d.isValidElement(e))return d.cloneElement(e,r({ref:l,...e.props,"data-state":n?"open":"closed"}));throw new Error("Passed useDecoratedFloatingUITrigger an invalid child element")};function ns({defaultOpen:e=!1,open:t,onOpenChange:o,dismissOptions:r}={}){const[n,s]=d.useState(e),l=t??n,a=d.useCallback(b=>{t===void 0&&s(b),o==null||o(b)},[t,o]),u=O.useFloating({open:l,onOpenChange:a}),h=u.context,p=O.useClick(h),f=O.useDismiss(h,r?{outsidePressEvent:"mousedown",...r}:{outsidePressEvent:"mousedown"}),m=O.useInteractions([p,f]);return d.useMemo(()=>({open:l,setOpen:a,...m,...u}),[l,a,m,u])}const id=z.css`
1153
1153
  background: rgba(0, 0, 0, 0.8);
1154
1154
  display: grid;
1155
1155
  place-items: center;
1156
1156
  z-index: 1;
1157
- `,ss=d.createContext(null),ot=()=>{const e=d.useContext(ss);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},fn=d.memo(({children:e,...t})=>{const o=rs(t);return i.jsx(ss.Provider,{value:o,children:e})}),gn=d.forwardRef(({children:e},t)=>{const o=ot();return sd({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),mn=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:n,trapFocus:r,transitionDuration:s,OverlayStyles:l,disableFocusManagement:a,children:u,initialFocus:h,...p},f)=>{const{context:m,...x}=ot(),b=O.useMergeRefs([x.refs.setFloating,f]),{isMounted:y,status:w}=O.useTransitionStatus(m,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!y)return null;const v=t?id:l;return i.jsx(O.FloatingPortal,{id:n,root:o,children:i.jsx(O.FloatingFocusManager,{context:m,modal:r,returnFocus:!1,initialFocus:h,disabled:a,children:i.jsx(O.FloatingOverlay,{css:v,"data-status":w,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:b,"data-status":w==="initial"?"open":w,...x.getFloatingProps(p)})})})})}),bn=300;function xn(){const e=d.useRef(null),[t,o]=d.useState();return d.useEffect(()=>{const n=new ResizeObserver(([r])=>{r&&o(r.contentRect.width)});return e.current&&n.observe(e.current),()=>n.disconnect()},[]),[e,t]}const ad=g.div`
1157
+ `,ss=d.createContext(null),rt=()=>{const e=d.useContext(ss);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},pr=d.memo(({children:e,...t})=>{const o=ns(t);return i.jsx(ss.Provider,{value:o,children:e})}),fr=d.forwardRef(({children:e},t)=>{const o=rt();return sd({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),gr=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:r,trapFocus:n,transitionDuration:s,OverlayStyles:l,disableFocusManagement:a,children:u,initialFocus:h,...p},f)=>{const{context:m,...b}=rt(),x=O.useMergeRefs([b.refs.setFloating,f]),{isMounted:y,status:w}=O.useTransitionStatus(m,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!y)return null;const v=t?id:l;return i.jsx(O.FloatingPortal,{id:r,root:o,children:i.jsx(O.FloatingFocusManager,{context:m,modal:n,returnFocus:!1,initialFocus:h,disabled:a,children:i.jsx(O.FloatingOverlay,{css:v,"data-status":w,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:x,"data-status":w==="initial"?"open":w,...b.getFloatingProps(p)})})})})}),mr=300;function br(){const e=d.useRef(null),[t,o]=d.useState();return d.useEffect(()=>{const r=new ResizeObserver(([n])=>{n&&o(n.contentRect.width)});return e.current&&r.observe(e.current),()=>r.disconnect()},[]),[e,t]}const ad=g.div`
1158
1158
  background-color: transparent;
1159
1159
  box-sizing: border-box;
1160
1160
  cursor: ew-resize;
@@ -1174,28 +1174,28 @@
1174
1174
  right: -4px;
1175
1175
  top: 0;
1176
1176
  }
1177
- `,Yt=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const l=d.useRef(0),a=Oa.useDrag(({down:u,movement:[h],first:p})=>{if(!u)return;p&&(l.current=r);let f=l.current-h*(e?-1:1);f<o&&(f=o),t!==void 0&&f>t&&(f=t),n(f)});return i.jsx(ad,{...s,...a()})},ld=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:n,open:r,size:s=440})=>{const[l,a]=d.useState(e),[u,h]=d.useState(s),p=r??l,f=n??a;return d.useMemo(()=>({mode:o,open:p,setOpen:f,setSize:h,size:u,minSize:t}),[t,o,p,f,u])},Qo=d.createContext(null),dt=()=>{const e=d.useContext(Qo);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[de]=z(["drawer"]),cd=g.div`
1177
+ `,qt=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:r,size:n,...s})=>{const l=d.useRef(0),a=Oa.useDrag(({down:u,movement:[h],first:p})=>{if(!u)return;p&&(l.current=n);let f=l.current-h*(e?-1:1);f<o&&(f=o),t!==void 0&&f>t&&(f=t),r(f)});return i.jsx(ad,{...s,...a()})},ld=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:r,open:n,size:s=440})=>{const[l,a]=d.useState(e),[u,h]=d.useState(s),p=n??l,f=r??a;return d.useMemo(()=>({mode:o,open:p,setOpen:f,setSize:h,size:u,minSize:t}),[t,o,p,f,u])},Qo=d.createContext(null),ut=()=>{const e=d.useContext(Qo);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[ue]=M(["drawer"]),cd=g.div`
1178
1178
  display: flex;
1179
1179
  height: 100%;
1180
1180
  position: absolute;
1181
1181
  width: 100%;
1182
1182
  z-index: 1;
1183
1183
  pointer-events: none;
1184
- `,is=M.css`
1184
+ `,is=z.css`
1185
1185
  pointer-events: none;
1186
1186
  display: grid;
1187
1187
  overflow: hidden !important;
1188
1188
  z-index: 1;
1189
- `,dd=M.css`
1189
+ `,dd=z.css`
1190
1190
  place-items: start;
1191
1191
  ${is};
1192
- `,ud=M.css`
1192
+ `,ud=z.css`
1193
1193
  place-items: end;
1194
1194
  ${is};
1195
1195
  `,as=g.div`
1196
1196
  align-items: flex-start;
1197
1197
  animation-timing-function: ease-in-out;
1198
- border-color: ${de("border-color")};
1198
+ border-color: ${ue("border-color")};
1199
1199
  border-style: solid;
1200
1200
  border-width: 0px;
1201
1201
  display: flex;
@@ -1207,7 +1207,7 @@
1207
1207
  width: 100%;
1208
1208
  // We add 50ms here to hedge against a race condition between
1209
1209
  // the css animation finishing and the floating-ui transition helper hiding the content.
1210
- animation-duration: ${bn+10}ms;
1210
+ animation-duration: ${mr+10}ms;
1211
1211
  `,ls=g.div`
1212
1212
  display: flex;
1213
1213
  height: 100%;
@@ -1216,18 +1216,18 @@
1216
1216
  flex: 1;
1217
1217
  width: 100%;
1218
1218
  height: 100%;
1219
- `,hd=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=dt(),[a,u]=xn(),h=u!==void 0,p=s/(u||1);return i.jsx(ls,{ref:a,children:h&&i.jsxs(i.Fragment,{children:[i.jsx(as,{ref:n,className:t,style:{flexGrow:p},...o,children:e}),i.jsx(Yt,{inverse:!0,size:s,minSize:r,onChange:l}),i.jsx(cs,{style:{flexGrow:1-p}})]})})}),pd=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=dt(),[a,u]=xn(),h=u!==void 0,p=s/(u||1);return i.jsx(ls,{ref:a,children:h&&i.jsxs(i.Fragment,{children:[i.jsx(cs,{style:{flexGrow:1-p}}),i.jsx(Yt,{size:s,minSize:r,onChange:l}),i.jsx(as,{ref:n,className:t,style:{flexGrow:p},...o,children:e})]})})}),fd=M.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),gd=M.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),md=g(hd)`
1220
- border-right-width: ${de("border-width")};
1221
- box-shadow: ${de("left-drop-shadow")};
1219
+ `,hd=d.forwardRef(({children:e,className:t,...o},r)=>{const{minSize:n,size:s,setSize:l}=ut(),[a,u]=br(),h=u!==void 0,p=s/(u||1);return i.jsx(ls,{ref:a,children:h&&i.jsxs(i.Fragment,{children:[i.jsx(as,{ref:r,className:t,style:{flexGrow:p},...o,children:e}),i.jsx(qt,{inverse:!0,size:s,minSize:n,onChange:l}),i.jsx(cs,{style:{flexGrow:1-p}})]})})}),pd=d.forwardRef(({children:e,className:t,...o},r)=>{const{minSize:n,size:s,setSize:l}=ut(),[a,u]=br(),h=u!==void 0,p=s/(u||1);return i.jsx(ls,{ref:a,children:h&&i.jsxs(i.Fragment,{children:[i.jsx(cs,{style:{flexGrow:1-p}}),i.jsx(qt,{size:s,minSize:n,onChange:l}),i.jsx(as,{ref:r,className:t,style:{flexGrow:p},...o,children:e})]})})}),fd=z.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),gd=z.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),md=g(hd)`
1220
+ border-right-width: ${ue("border-width")};
1221
+ box-shadow: ${ue("left-drop-shadow")};
1222
1222
  &[data-status="open"] {
1223
1223
  animation-name: ${fd};
1224
1224
  }
1225
1225
  &[data-status="close"] {
1226
1226
  animation-name: ${gd};
1227
1227
  }
1228
- `,bd=M.keyframes({from:{transform:"translateX(100%)"},to:{transform:"translateX(0%)"}}),xd=M.keyframes({from:{transform:"translateX(0%)"},to:{transform:"translateX(100%)"}}),yd=g(pd)`
1229
- border-left-width: ${de("border-width")};
1230
- box-shadow: ${de("right-drop-shadow")};
1228
+ `,bd=z.keyframes({from:{transform:"translateX(100%)"},to:{transform:"translateX(0%)"}}),xd=z.keyframes({from:{transform:"translateX(0%)"},to:{transform:"translateX(100%)"}}),yd=g(pd)`
1229
+ border-left-width: ${ue("border-width")};
1230
+ box-shadow: ${ue("right-drop-shadow")};
1231
1231
  &[data-status="open"] {
1232
1232
  animation-name: ${bd};
1233
1233
  }
@@ -1240,21 +1240,21 @@
1240
1240
  height: fit-content;
1241
1241
  animation-timing-function: ease-in-out;
1242
1242
  border-width: 0px;
1243
- border-color: ${de("border-color")};
1243
+ border-color: ${ue("border-color")};
1244
1244
  border-style: solid;
1245
1245
  // We add 50ms here to hedge against a race condition between
1246
1246
  // the css animation finishing and the floating-ui transition helper hiding the content.
1247
- animation-duration: ${bn+10}ms;
1248
- `,vd=M.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),kd=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),wd=g(ds)`
1249
- border-bottom-width: ${de("border-width")};
1247
+ animation-duration: ${mr+10}ms;
1248
+ `,vd=z.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),kd=z.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),wd=g(ds)`
1249
+ border-bottom-width: ${ue("border-width")};
1250
1250
  &[data-status="open"] {
1251
1251
  animation-name: ${vd};
1252
1252
  }
1253
1253
  &[data-status="close"] {
1254
1254
  animation-name: ${kd};
1255
1255
  }
1256
- `,us=M.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),hs=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),Cd=g(ds)`
1257
- border-top-width: ${de("border-width")};
1256
+ `,us=z.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),hs=z.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),Cd=g(ds)`
1257
+ border-top-width: ${ue("border-width")};
1258
1258
  &[data-status="open"] {
1259
1259
  animation-name: ${us};
1260
1260
  }
@@ -1270,99 +1270,99 @@
1270
1270
  pointer-events: all;
1271
1271
  width: fit-content;
1272
1272
  border-width: 0px;
1273
- border-color: ${de("border-color")};
1273
+ border-color: ${ue("border-color")};
1274
1274
  border-style: solid;
1275
- `,$d=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=dt();return i.jsxs(i.Fragment,{children:[i.jsx(Yt,{inverse:!0,size:n,onChange:r}),i.jsx(ps,{ref:o,className:t,style:{width:n},children:e})]})}),Sd=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=dt();return i.jsxs(i.Fragment,{children:[i.jsx(Yt,{size:n,onChange:r}),i.jsx(ps,{ref:o,className:t,style:{width:n},children:e})]})}),jd=g($d)`
1276
- border-right-width: ${de("border-width")};
1277
- box-shadow: ${de("left-drop-shadow")};
1275
+ `,$d=d.forwardRef(({children:e,className:t},o)=>{const{size:r,setSize:n}=ut();return i.jsxs(i.Fragment,{children:[i.jsx(qt,{inverse:!0,size:r,onChange:n}),i.jsx(ps,{ref:o,className:t,style:{width:r},children:e})]})}),Sd=d.forwardRef(({children:e,className:t},o)=>{const{size:r,setSize:n}=ut();return i.jsxs(i.Fragment,{children:[i.jsx(qt,{size:r,onChange:n}),i.jsx(ps,{ref:o,className:t,style:{width:r},children:e})]})}),jd=g($d)`
1276
+ border-right-width: ${ue("border-width")};
1277
+ box-shadow: ${ue("left-drop-shadow")};
1278
1278
  `,Id=g(Sd)`
1279
- border-left-width: ${de("border-width")};
1280
- box-shadow: ${de("right-drop-shadow")};
1279
+ border-left-width: ${ue("border-width")};
1280
+ box-shadow: ${ue("right-drop-shadow")};
1281
1281
  `,fs=g.div`
1282
1282
  width: 100%;
1283
1283
  pointer-events: all;
1284
1284
  height: fit-content;
1285
1285
  border-width: 0px;
1286
- border-color: ${de("border-color")};
1286
+ border-color: ${ue("border-color")};
1287
1287
  border-style: solid;
1288
1288
  `,_d=g(fs)`
1289
- border-bottom-width: ${de("border-width")};
1289
+ border-bottom-width: ${ue("border-width")};
1290
1290
  `,Dd=g(fs)`
1291
- border-top-width: ${de("border-width")};
1291
+ border-top-width: ${ue("border-width")};
1292
1292
  &[data-status="open"] {
1293
1293
  animation-name: ${us};
1294
1294
  }
1295
1295
  &[data-status="close"] {
1296
1296
  animation-name: ${hs};
1297
1297
  }
1298
- `,Td={escapeKey:!0,outsidePress:!1},Ed=d.memo(({children:e,...t})=>{const o=ld(t);return t.mode==="dialog"?i.jsx(Qo.Provider,{value:o,children:i.jsx(fn,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Td,children:e})}):i.jsx(Qo.Provider,{value:o,children:e})}),Md=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:n}=dt(),r=d.useCallback(()=>{n(!o)},[o,n]);if(t==="dialog")return i.jsx(gn,{children:e});if(d.isValidElement(e))return d.cloneElement(e,{...e.props,onClick:r,"data-state":o?"open":"closed"});throw new Error("Passed DialogTrigger an invalid element")}),zd=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:n,open:r}=dt();if(n==="dialog")return i.jsx(mn,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:bn,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return r?n==="inline-float"?i.jsx(cd,{children:e}):e:null}),[Et]=z(["drawer"]),Od=d.memo(({children:e,className:t,closeIcon:o,showCloseButton:n=!0,title:r,textVariant:s="h2",textBold:l=!1,inheritTextColor:a=!1})=>{const{setOpen:u}=dt(),h=d.useCallback(()=>{u(!1)},[u]);return i.jsxs(Rd,{className:t,children:[i.jsx(E,{bold:l,color:a?void 0:"dark",variant:s,children:r}),e,n&&i.jsx(ie,{onClick:h,iconId:o||"Close",size:"sm",color:a?void 0:"blue"})]})}),Rd=g.div`
1298
+ `,Td={escapeKey:!0,outsidePress:!1},Ed=d.memo(({children:e,...t})=>{const o=ld(t);return t.mode==="dialog"?i.jsx(Qo.Provider,{value:o,children:i.jsx(pr,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Td,children:e})}):i.jsx(Qo.Provider,{value:o,children:e})}),zd=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:r}=ut(),n=d.useCallback(()=>{r(!o)},[o,r]);if(t==="dialog")return i.jsx(fr,{children:e});if(d.isValidElement(e))return d.cloneElement(e,{...e.props,onClick:n,"data-state":o?"open":"closed"});throw new Error("Passed DialogTrigger an invalid element")}),Md=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:r,open:n}=ut();if(r==="dialog")return i.jsx(gr,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:mr,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return n?r==="inline-float"?i.jsx(cd,{children:e}):e:null}),[Mt]=M(["drawer"]),Od=d.memo(({children:e,className:t,closeIcon:o,showCloseButton:r=!0,title:n,textVariant:s="h2",textBold:l=!1,inheritTextColor:a=!1})=>{const{setOpen:u}=ut(),h=d.useCallback(()=>{u(!1)},[u]);return i.jsxs(Rd,{className:t,children:[i.jsx(E,{bold:l,color:a?void 0:"dark",variant:s,children:n}),e,r&&i.jsx(ae,{onClick:h,iconId:o||"Close",size:"sm",color:a?void 0:"blue"})]})}),Rd=g.div`
1299
1299
  width: 100%;
1300
1300
  display: flex;
1301
1301
  align-items: center;
1302
1302
  justify-content: space-between;
1303
- height: ${Et("header-height")};
1304
- background-color: ${Et("header-bg")};
1305
- border-bottom: ${Et("header-border-size")} solid ${Et("header-border-color")};
1306
- padding: 0px ${Et("header-x-padding")};
1307
- `,[sr]=z(["horizontal-rule"]),Nd=g.div`
1303
+ height: ${Mt("header-height")};
1304
+ background-color: ${Mt("header-bg")};
1305
+ border-bottom: ${Mt("header-border-size")} solid ${Mt("header-border-color")};
1306
+ padding: 0px ${Mt("header-x-padding")};
1307
+ `,[nn]=M(["horizontal-rule"]),Nd=g.div`
1308
1308
  width: 100%;
1309
- border-bottom: ${sr("border-width")} solid
1310
- ${sr("border-color")};
1311
- `,[ne]=z(["input"]),It=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:l="off",autoComplete:a="off",autoCorrect:u="off",suffixIconColor:h,suffixIcon:p,suffixIconId:f,suffixSize:m,onSuffixIconClick:x,onEnter:b,onKeyDown:y,onClear:w,...v},$)=>{const C=t==="password",[S,k]=d.useState(!1),[I,j]=d.useState(t),_=d.useCallback(()=>{j(S?"password":"text"),k(!S)},[S]),B=U=>{U.key==="Enter"&&(b==null||b()),y==null||y(U)};if(d.useEffect(()=>{j(t)},[t]),w&&C)throw new Error("Password inputs cannot have an onClear handler.");if(p&&C)throw new Error("Password inputs cannot have a suffix icon.");if(w&&p)throw new Error("Inputs with an onClear handler cannot have a suffix icon.");return i.jsx(M.ClassNames,{children:({cx:U})=>i.jsxs(Fd,{children:[i.jsx(Ad,{type:I,className:U(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!C||!!f||!!p}),ref:$,autoCapitalize:C?"off":l,autoComplete:C?"current-password":a,autoCorrect:C?"off":u,onKeyDown:B,...v}),o&&i.jsx(Ld,{iconId:o,color:n||"black",size:r||"sm"}),(C||!!f||!!p||w&&!!v.value)&&i.jsx(Bd,{children:p||(f?i.jsx(F,{iconId:f,color:h??"black",size:m||"sm",onClick:x}):w?i.jsx(ie,{iconId:"Close",size:"sm",color:"black",onClick:w}):i.jsx(ie,{onClick:_,iconId:S?"Eye":"EyeInvisible",size:"sm",color:n??"black"}))})]})})}),Fd=g.div`
1309
+ border-bottom: ${nn("border-width")} solid
1310
+ ${nn("border-color")};
1311
+ `,[re]=M(["input"]),Dt=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:r,prefixSize:n,isSmall:s,autoCapitalize:l="off",autoComplete:a="off",autoCorrect:u="off",suffixIconColor:h,suffixIcon:p,suffixIconId:f,suffixSize:m,onSuffixIconClick:b,onEnter:x,onKeyDown:y,onClear:w,...v},$)=>{const C=t==="password",[S,k]=d.useState(!1),[I,j]=d.useState(t),_=d.useCallback(()=>{j(S?"password":"text"),k(!S)},[S]),B=U=>{U.key==="Enter"&&(x==null||x()),y==null||y(U)};if(d.useEffect(()=>{j(t)},[t]),w&&C)throw new Error("Password inputs cannot have an onClear handler.");if(p&&C)throw new Error("Password inputs cannot have a suffix icon.");if(w&&p)throw new Error("Inputs with an onClear handler cannot have a suffix icon.");return i.jsx(z.ClassNames,{children:({cx:U})=>i.jsxs(Fd,{children:[i.jsx(Ad,{type:I,className:U(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!C||!!f||!!p}),ref:$,autoCapitalize:C?"off":l,autoComplete:C?"current-password":a,autoCorrect:C?"off":u,onKeyDown:B,...v}),o&&i.jsx(Ld,{iconId:o,color:r||"black",size:n||"sm"}),(C||!!f||!!p||w&&!!v.value)&&i.jsx(Bd,{children:p||(f?i.jsx(N,{iconId:f,color:h??"black",size:m||"sm",onClick:b}):w?i.jsx(ae,{iconId:"Close",size:"sm",color:"black",onClick:w}):i.jsx(ae,{onClick:_,iconId:S?"Eye":"EyeInvisible",size:"sm",color:r??"black"}))})]})})}),Fd=g.div`
1312
1312
  width: 100%;
1313
1313
  height: fit-content;
1314
1314
  position: relative;
1315
1315
  display: flex;
1316
1316
  `,Ad=g.input`
1317
- border: ${ne("border-width")} solid ${ne("border-color")};
1318
- border-radius: ${ne("border-radius")};
1319
- height: ${ne("height")};
1320
- line-height: ${ne("line-height")};
1317
+ border: ${re("border-width")} solid ${re("border-color")};
1318
+ border-radius: ${re("border-radius")};
1319
+ height: ${re("height")};
1320
+ line-height: ${re("line-height")};
1321
1321
  width: 100%;
1322
- background-color: ${ne("background-color")};
1323
- padding: ${ne("padding-y")} ${ne("padding-x")};
1322
+ background-color: ${re("background-color")};
1323
+ padding: ${re("padding-y")} ${re("padding-x")};
1324
1324
  outline: none;
1325
1325
  box-shadow: none;
1326
- font-size: ${ne("font-size")};
1327
- font-weight: ${ne("font-weight")};
1328
- font-family: ${ne("font-family")};
1329
- color: ${ne("color")};
1326
+ font-size: ${re("font-size")};
1327
+ font-weight: ${re("font-weight")};
1328
+ font-family: ${re("font-family")};
1329
+ color: ${re("color")};
1330
1330
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
1331
1331
  :active:not(:disabled):not(:read-only):not([aria-invalid="true"]),
1332
1332
  :focus:not(:disabled):not(:read-only):not([aria-invalid="true"]) {
1333
- border-color: ${ne("border-color-active")};
1333
+ border-color: ${re("border-color-active")};
1334
1334
  }
1335
1335
  &[aria-invalid="true"]:not(:disabled) {
1336
- border-color: ${ne("border-color-invalid")};
1336
+ border-color: ${re("border-color-invalid")};
1337
1337
  ~ svg {
1338
- fill: ${ne("border-color-invalid")};
1338
+ fill: ${re("border-color-invalid")};
1339
1339
  }
1340
1340
  }
1341
1341
  :disabled,
1342
1342
  :read-only {
1343
1343
  cursor: not-allowed;
1344
- color: ${ne("color-disabled")};
1345
- background-color: ${ne("background-color-disabled")};
1344
+ color: ${re("color-disabled")};
1345
+ background-color: ${re("background-color-disabled")};
1346
1346
  ~ svg {
1347
- fill: ${ne("color-disabled")};
1347
+ fill: ${re("color-disabled")};
1348
1348
  }
1349
1349
  }
1350
1350
  &.isSmall {
1351
- padding: ${ne("padding-y-small")} ${ne("padding-x")};
1351
+ padding: ${re("padding-y-small")} ${re("padding-x")};
1352
1352
  }
1353
1353
  &.hasLeftIcon {
1354
- padding-left: ${ne("padding-left-icon")};
1354
+ padding-left: ${re("padding-left-icon")};
1355
1355
  }
1356
1356
  &.hasRightIcon {
1357
- padding-right: ${ne("padding-right-icon")};
1357
+ padding-right: ${re("padding-right-icon")};
1358
1358
  }
1359
- `,Ld=g(F)`
1359
+ `,Ld=g(N)`
1360
1360
  position: absolute;
1361
1361
  top: 50%;
1362
1362
  transform: translateY(-50%);
1363
1363
  pointer-events: none;
1364
1364
  z-index: 1;
1365
- left: ${ne("icon-left")};
1365
+ left: ${re("icon-left")};
1366
1366
  `,Bd=g.div`
1367
1367
  position: absolute;
1368
1368
  right: 8px;
@@ -1371,13 +1371,13 @@
1371
1371
  z-index: 1;
1372
1372
  display: grid;
1373
1373
  place-content: center;
1374
- `;It.displayName="Input";const Wd=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...l},a)=>i.jsx(It,{...l,ref:a,autoComplete:"off",prefixIconColor:r??"black",prefixIconId:"Search",prefixSize:"xsm",suffixIconColor:s??"blue",suffixIconId:o?"Close":void 0,suffixSize:"xsm",onSuffixIconClick:()=>{t==null||t(""),e==null||e("")},placeholder:n||"Search for...",onKeyPress:u=>{u.key==="Enter"&&(u.preventDefault(),e(u.currentTarget.value))},onChange:u=>{t==null||t(u.target.value)},value:o})),[Pd]=z(["label"]),gs=M.css`
1374
+ `;Dt.displayName="Input";const Wd=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:r,prefixIconColor:n,suffixIconColor:s,...l},a)=>i.jsx(Dt,{...l,ref:a,autoComplete:"off",prefixIconColor:n??"black",prefixIconId:"Search",prefixSize:"xsm",suffixIconColor:s??"blue",suffixIconId:o?"Close":void 0,suffixSize:"xsm",onSuffixIconClick:()=>{t==null||t(""),e==null||e("")},placeholder:r||"Search for...",onKeyPress:u=>{u.key==="Enter"&&(u.preventDefault(),e(u.currentTarget.value))},onChange:u=>{t==null||t(u.target.value)},value:o})),[Pd]=M(["label"]),gs=z.css`
1375
1375
  align-items: center;
1376
1376
  display: flex;
1377
1377
  gap: ${Pd("gap")};
1378
- `,ms=({variant:e="body",...t})=>i.jsx(E,{css:gs,variant:e,...t}),yn=({children:e,prefix:t,suffix:o,...n})=>i.jsxs(ms,{...n,children:[t,e,o]}),[Hd]=z(["label-with-action"]),Vd=M.css([gs,{gap:Hd("gap")}]),Ud=({action:e,variant:t="h2",...o})=>i.jsx(yn,{css:Vd,suffix:e,variant:t,...o}),[Gd]=z(["label-with-content-link"]),Kd=M.css`
1378
+ `,ms=({variant:e="body",...t})=>i.jsx(E,{css:gs,variant:e,...t}),xr=({children:e,prefix:t,suffix:o,...r})=>i.jsxs(ms,{...r,children:[t,e,o]}),[Hd]=M(["label-with-action"]),Vd=z.css([gs,{gap:Hd("gap")}]),Ud=({action:e,variant:t="h2",...o})=>i.jsx(xr,{css:Vd,suffix:e,variant:t,...o}),[Gd]=M(["label-with-content-link"]),Kd=z.css`
1379
1379
  color: ${Gd("color")};
1380
- `,Yd=e=>i.jsx(yn,{css:Kd,...e}),qd=new RegExp(/^[a-zA-Z0-9 _.-]*$/),bs=new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),Zd=new RegExp(/^\d+$/),Xd=new RegExp(/^\S*$/),Jd=new RegExp(/^[a-zA-Z].*/),xs=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/);var ys=(e=>(e.email="email",e))(ys||{});const Qd=()=>({email:e=>bs.test(e)}),eu=12;var At=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e.tooSimilar="tooSimilar",e))(At||{});const tu=(e,t)=>({...e?{tooSimilar:(o,n)=>{const r=n[t??"password_current"];return r?o!==r:!0}}:{tooSimilar:()=>!0},noDigit:o=>new RegExp(/\d/).test(o),noSpecialCharacter:o=>new RegExp(/[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]+/).test(o),noUpperCase:o=>new RegExp(/[A-Z]+/).test(o)}),vs=e=>typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string",ou=e=>{if(vs(e))return e.message},nu=()=>{let e=!1,t=[];const o=new Map,n=new window.ResizeObserver((r,s)=>{t=t.concat(r),e||window.requestAnimationFrame(()=>{const l=new Set;t.forEach(a=>{if(!l.has(a.target)){l.add(a.target);const u=o.get(a.target);u&&u.forEach(h=>h(a,s))}}),t=[],e=!1}),e=!0});return{observer:n,subscribe(r,s){n.observe(r);const l=o.get(r)??[];l.push(s),o.set(r,l)},unsubscribe(r,s){const l=o.get(r)??[];if(l.length===1){n.unobserve(r),o.delete(r);return}const a=l.indexOf(s);a!==-1&&l.splice(a,1),o.set(r,l)}}};let Mo;const ru=()=>Mo||(Mo=nu()),ks=(e,t)=>{const o=ru(),n=d.useRef(t);return d.useLayoutEffect(()=>{n.current=t},[t]),d.useLayoutEffect(()=>{let r=!1;const s=e&&"current"in e?e.current:e;if(!s)return He;const l=(a,u)=>{r||n.current(a,u)};return o.subscribe(s,l),()=>{r=!0,o.unsubscribe(s,l)}},[e,o]),o.observer},fo=e=>{const t=d.useRef(null),o=d.useRef(null),n=d.useCallback(()=>{if(!t.current)return;const l=o.current,a=t.current;if(a!==null&&l!==null){const u=a.getAttribute("data-original");a.textContent!==u&&(a.textContent=u);const p=a.textContent,f=a.offsetWidth,m=l.offsetWidth;if(f>m&&p){const x=p.length,b=f/x,w=Math.ceil((f-m)/b)/2+1.5,v=Math.floor(x/2-w),$=Math.ceil(x/2+w),C=p.substr(0,v),S=p.substr($);a.textContent=`${C.trim()}...${S.trim()}`}}},[]),r=d.useCallback(l=>{n()},[n]);ks(o,r),d.useEffect(()=>n(),[e.children,n]);const s=d.useCallback(l=>{t.current=l,o.current=(l==null?void 0:l.parentElement)??null},[]);return i.jsx(su,{"data-original":e.children,ref:s,...e})},su=g(E)`
1380
+ `,Yd=e=>i.jsx(xr,{css:Kd,...e}),qd=new RegExp(/^[a-zA-Z0-9 _.-]*$/),bs=new RegExp(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/),Zd=new RegExp(/^\d+$/),Xd=new RegExp(/^\S*$/),Jd=new RegExp(/^[a-zA-Z].*/),xs=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/);var ys=(e=>(e.email="email",e))(ys||{});const Qd=()=>({email:e=>bs.test(e)}),eu=12;var Bt=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e.tooSimilar="tooSimilar",e))(Bt||{});const tu=(e,t)=>({...e?{tooSimilar:(o,r)=>{const n=r[t??"password_current"];return n?o!==n:!0}}:{tooSimilar:()=>!0},noDigit:o=>new RegExp(/\d/).test(o),noSpecialCharacter:o=>new RegExp(/[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]+/).test(o),noUpperCase:o=>new RegExp(/[A-Z]+/).test(o)}),vs=e=>typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string",ou=e=>{if(vs(e))return e.message},ru=()=>{let e=!1,t=[];const o=new Map,r=new window.ResizeObserver((n,s)=>{t=t.concat(n),e||window.requestAnimationFrame(()=>{const l=new Set;t.forEach(a=>{if(!l.has(a.target)){l.add(a.target);const u=o.get(a.target);u&&u.forEach(h=>h(a,s))}}),t=[],e=!1}),e=!0});return{observer:r,subscribe(n,s){r.observe(n);const l=o.get(n)??[];l.push(s),o.set(n,l)},unsubscribe(n,s){const l=o.get(n)??[];if(l.length===1){r.unobserve(n),o.delete(n);return}const a=l.indexOf(s);a!==-1&&l.splice(a,1),o.set(n,l)}}};let Mo;const nu=()=>Mo||(Mo=ru()),ks=(e,t)=>{const o=nu(),r=d.useRef(t);return d.useLayoutEffect(()=>{r.current=t},[t]),d.useLayoutEffect(()=>{let n=!1;const s=e&&"current"in e?e.current:e;if(!s)return Ue;const l=(a,u)=>{n||r.current(a,u)};return o.subscribe(s,l),()=>{n=!0,o.unsubscribe(s,l)}},[e,o]),o.observer},go=e=>{const t=d.useRef(null),o=d.useRef(null),r=d.useCallback(()=>{if(!t.current)return;const l=o.current,a=t.current;if(a!==null&&l!==null){const u=a.getAttribute("data-original");a.textContent!==u&&(a.textContent=u);const p=a.textContent,f=a.offsetWidth,m=l.offsetWidth;if(f>m&&p){const b=p.length,x=f/b,w=Math.ceil((f-m)/x)/2+1.5,v=Math.floor(b/2-w),$=Math.ceil(b/2+w),C=p.substr(0,v),S=p.substr($);a.textContent=`${C.trim()}...${S.trim()}`}}},[]),n=d.useCallback(l=>{r()},[r]);ks(o,n),d.useEffect(()=>r(),[e.children,r]);const s=d.useCallback(l=>{t.current=l,o.current=(l==null?void 0:l.parentElement)??null},[]);return i.jsx(su,{"data-original":e.children,ref:s,...e})},su=g(E)`
1381
1381
  white-space: nowrap;
1382
1382
  word-break: keep-all;
1383
1383
  overflow: visible;
@@ -1404,41 +1404,41 @@
1404
1404
  ${({orientation:e})=>e==="horizontal"?"top: 0; bottom: 0; left: -4px; right: -4px;":"left: 0; right: 0; top: -4px; bottom: -4px;"}
1405
1405
  cursor: inherit;
1406
1406
  }
1407
- `;function du(e,t){let o,n;return function(...r){const s=this;n?(clearTimeout(o),o=setTimeout(function(){Date.now()-n>=t&&(e.apply(s,r),n=Date.now())},t-(Date.now()-n))):(e.apply(s,r),n=Date.now())}}const uu=({initialStartSizePct:e=50,startClampSizePx:t=210,minStartSizePct:o=10,minEndSizePct:n=10,startContent:r,endContent:s,orientation:l="horizontal"})=>{const a=d.useRef(null),[u,h]=d.useState(null);d.useEffect(()=>{if(a.current&&u===null){const y=a.current.getBoundingClientRect(),w=l==="horizontal"?y.width:y.height,v=e/100*w,$=Math.max(t,v),C=$/w*100;h($);const S=C,k=100-C;l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${k}%`:a.current.style.gridTemplateRows=`${S}% 2px ${k}%`}},[e,t,u,l]);const p=d.useCallback(()=>{if(!a.current||u===null)return;const y=a.current.getBoundingClientRect(),w=l==="horizontal"?y.width:y.height;let v=Math.round(u/w*100),$=100-v;if($<n){$=n,v=100-$;const C=Math.round(v/100*w);h(C)}if(v<o){v=o,$=100-v;const C=Math.round(v/100*w);h(C)}l==="horizontal"?a.current.style.gridTemplateColumns=`${u}px 2px auto`:a.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,n,l]),f=d.useCallback(du(p,50),[p]);d.useEffect(()=>(window.addEventListener("resize",f),()=>window.removeEventListener("resize",f)),[f]);const m=y=>{y.preventDefault(),document.addEventListener("mousemove",x),document.addEventListener("mouseup",b)},x=y=>{if(!a.current)return;const w=a.current.getBoundingClientRect(),v=l==="horizontal"?w.width:w.height,$=l==="horizontal"?y.clientX-w.left:y.clientY-w.top,C=Math.max(t,$),S=Math.round(C/v*100),k=100-S;S>=o&&k>=n&&(h($),l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${k}%`:a.current.style.gridTemplateRows=`${S}% 2px ${k}%`)},b=()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",b)};return i.jsxs(iu,{ref:a,orientation:l,children:[i.jsx(au,{children:r}),i.jsx(cu,{onMouseDown:m,orientation:l}),i.jsx(lu,{children:s})]})},[Ie]=z(["radio-button"]),Cs=d.forwardRef(({checked:e,onChange:t,...o},n)=>i.jsx(hu,{onClick:t,ref:n,readOnly:!0,type:"radio",checked:!!e,...o})),hu=g.input`
1407
+ `;function du(e,t){let o,r;return function(...n){const s=this;r?(clearTimeout(o),o=setTimeout(function(){Date.now()-r>=t&&(e.apply(s,n),r=Date.now())},t-(Date.now()-r))):(e.apply(s,n),r=Date.now())}}const uu=({initialStartSizePct:e=50,startClampSizePx:t=210,minStartSizePct:o=10,minEndSizePct:r=10,startContent:n,endContent:s,orientation:l="horizontal"})=>{const a=d.useRef(null),[u,h]=d.useState(null);d.useEffect(()=>{if(a.current&&u===null){const y=a.current.getBoundingClientRect(),w=l==="horizontal"?y.width:y.height,v=e/100*w,$=Math.max(t,v),C=$/w*100;h($);const S=C,k=100-C;l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${k}%`:a.current.style.gridTemplateRows=`${S}% 2px ${k}%`}},[e,t,u,l]);const p=d.useCallback(()=>{if(!a.current||u===null)return;const y=a.current.getBoundingClientRect(),w=l==="horizontal"?y.width:y.height;let v=Math.round(u/w*100),$=100-v;if($<r){$=r,v=100-$;const C=Math.round(v/100*w);h(C)}if(v<o){v=o,$=100-v;const C=Math.round(v/100*w);h(C)}l==="horizontal"?a.current.style.gridTemplateColumns=`${u}px 2px auto`:a.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,r,l]),f=d.useCallback(du(p,50),[p]);d.useEffect(()=>(window.addEventListener("resize",f),()=>window.removeEventListener("resize",f)),[f]);const m=y=>{y.preventDefault(),document.addEventListener("mousemove",b),document.addEventListener("mouseup",x)},b=y=>{if(!a.current)return;const w=a.current.getBoundingClientRect(),v=l==="horizontal"?w.width:w.height,$=l==="horizontal"?y.clientX-w.left:y.clientY-w.top,C=Math.max(t,$),S=Math.round(C/v*100),k=100-S;S>=o&&k>=r&&(h($),l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${k}%`:a.current.style.gridTemplateRows=`${S}% 2px ${k}%`)},x=()=>{document.removeEventListener("mousemove",b),document.removeEventListener("mouseup",x)};return i.jsxs(iu,{ref:a,orientation:l,children:[i.jsx(au,{children:n}),i.jsx(cu,{onMouseDown:m,orientation:l}),i.jsx(lu,{children:s})]})},[_e]=M(["radio-button"]),Cs=d.forwardRef(({checked:e,onChange:t,...o},r)=>i.jsx(hu,{onClick:t,ref:r,readOnly:!0,type:"radio",checked:!!e,...o})),hu=g.input`
1408
1408
  appearance: none;
1409
1409
  -webkit-appearance: none;
1410
1410
  margin: 0;
1411
- background-color: ${Ie("background-color")};
1411
+ background-color: ${_e("background-color")};
1412
1412
  appearance: none;
1413
- width: ${Ie("size")};
1414
- height: ${Ie("size")};
1415
- border: ${Ie("border-width")} solid ${Ie("border-color")};
1413
+ width: ${_e("size")};
1414
+ height: ${_e("size")};
1415
+ border: ${_e("border-width")} solid ${_e("border-color")};
1416
1416
  border-radius: 50%;
1417
1417
  display: grid;
1418
1418
  place-content: center;
1419
1419
  ::before {
1420
1420
  content: "";
1421
- width: ${Ie("check-size")};
1422
- height: ${Ie("check-size")};
1421
+ width: ${_e("check-size")};
1422
+ height: ${_e("check-size")};
1423
1423
  border-radius: 50%;
1424
1424
  transform: scale(0);
1425
1425
  transition: transform 0.125s ease-in-out;
1426
- background-color: ${Ie("border-color-checked")};
1426
+ background-color: ${_e("border-color-checked")};
1427
1427
  }
1428
1428
  :checked::before {
1429
1429
  transform: scale(1);
1430
1430
  }
1431
1431
  :checked:not(:disabled) {
1432
- border-color: ${Ie("border-color-checked")};
1432
+ border-color: ${_e("border-color-checked")};
1433
1433
  }
1434
1434
  :disabled {
1435
1435
  cursor: not-allowed;
1436
1436
  ::before {
1437
- background-color: ${Ie("border-color")};
1437
+ background-color: ${_e("border-color")};
1438
1438
  }
1439
- background-color: ${Ie("background-color-disabled")};
1439
+ background-color: ${_e("background-color-disabled")};
1440
1440
  }
1441
- `;function tt(e,t){if(!e)throw console.error(t),Error(t)}function pu(e,t=document){var n;if(t instanceof HTMLElement&&((n=t==null?void 0:t.dataset)==null?void 0:n.resizablePanelGroupId)===e)return t;const o=t.querySelector(`[data-resizable-panel-group][data-resizable-panel-group-id="${e}"]`);return o||null}const fu=e=>e.type.startsWith("mouse"),gu=e=>e.type.startsWith("pointer"),go=e=>{if(gu(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(fu(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},$s=(e,t)=>{const o=e==="horizontal",{x:n,y:r}=go(t);return o?n:r},Ss=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null},mu=(e,t,o,n,r)=>{const s=Ss(t,r);tt(s,`No resize handle element found for id "${t}"`);const l=s.getAttribute("data-resizable-panel-group-id");tt(l,"Resize handle element has no group id attribute");const{initialCursorPosition:a}=n,u=$s(o,e),h=pu(l,r);return tt(h,`No group element found for id "${l}"`),u-a},bu=(e,t,o,n,r)=>n==null?0:mu(e,t,o,n,r),ir=e=>{if(!e||e.dataset.resizablePanelGroupPanel===void 0)return!1;const t=window.getComputedStyle(e);return t.flex!=="1"&&t.flexGrow!=="1"},ar=(e,t,o=document)=>{const n=Array.from(o.querySelectorAll(`[data-resizable-panel-group-element][data-resizable-panel-group-id="${t}"]`)),r=n.findIndex(s=>!!(s.dataset&&s.dataset.resizablePanelGroupHandleId===e));if(r>=0){const s=n[r-1];if(ir(s))return{element:s,panelPosition:"left"};const l=n[r+1];if(ir(l))return{element:l,panelPosition:"right"}}return null},zo=(e,t=document)=>Array.from(t.querySelectorAll(`[data-resizable-panel-group-element][data-resizable-panel-group-id="${e}"]`)).filter(n=>n.dataset&&n.dataset.resizablePanelGroupPanel!==void 0),Lt=(e,t,o)=>{const n=e.dataset[t];let r;if(n)if(n.includes("px"))r=Number(n.replace("px",""));else if(n.includes("%")){if(o){const s=Number(n.replace("%",""));r=o*(s/100)}}else r=Number(n);return r},xu=(e,t,o,n,r,s)=>{t==="vertical"?(e.style.height=`${o}px`,r&&(e.style.minHeight=`${r}px`),s&&(e.style.maxHeight=`${s}px`)):(e.style.width=`${o}px`,r&&(e.style.minWidth=`${r}px`),s&&(e.style.maxWidth=`${s}px`)),e.setAttribute("data-collapsed",`${n}`)},Oo=(e,t,o,n)=>{const r=t==="horizontal"?e.getBoundingClientRect().width:e.getBoundingClientRect().height,s=e.parentElement,l=t==="horizontal"?s==null?void 0:s.getBoundingClientRect().width:s==null?void 0:s.getBoundingClientRect().height,a=Lt(e,"resizablePanelMinSize",l),u=Lt(e,"resizablePanelMaxSize",l),h=Lt(e,"resizablePanelCollapsedSize",l);let p=o??r;const f=a?a*.33:50;a&&r===a?n&&p<a&&h&&a-p>f?p=h:p<a&&(p=a):u&&r===u?p>u&&(p=u):h&&r===h&&(!n&&p>h&&a&&p-h>f?p=a:p=h);const m=p===h;p===r||!l||xu(e,t,p,m,m?h:a,u)},js=d.createContext(null),Is=({children:e,direction:t,onResizeEnd:o})=>{const n=d.useId(),r=d.useRef(null),[s,l]=d.useState(null),a=d.useRef({dragState:s,id:n,initialResizePanelSize:null,direction:t,lastResizedPanelId:null,panelPosition:"left"});d.useLayoutEffect(()=>{a.current.direction=t,a.current.dragState=s,a.current.id=n});const u=d.useCallback((x,b)=>{const{direction:y}=a.current;if(!r.current)return;const w=Ss(x,r.current);tt(w,`Drag handle element not found for id "${x}"`);const v=$s(y,b);l({dragHandleId:x,dragHandleRect:w.getBoundingClientRect(),initialCursorPosition:v});const $=ar(x,a.current.id,r.current);if($){const{element:C,panelPosition:S}=$,k=C.getBoundingClientRect();a.current.initialResizePanelSize=y==="vertical"?k.height:k.width,a.current.lastResizedPanelId=C.dataset.resizablePanelId??null,a.current.panelPosition=S}},[]),h=d.useCallback(()=>{const{direction:x,lastResizedPanelId:b}=a.current;if(o&&b&&r.current){const w=zo(a.current.id,r.current).find(v=>v.dataset.resizablePanelId===b);if(w){const v=w.getBoundingClientRect(),$=x==="vertical"?v.height:v.width;o(b,$)}}l(null),a.current.initialResizePanelSize=null,a.current.lastResizedPanelId=null,a.current.panelPosition="left"},[o]),p=d.useCallback(x=>{const{direction:b}=a.current,w=zo(a.current.id,r.current??void 0).find(v=>v.dataset.resizablePanelId===x);if(w){const v=w.parentElement,$=b==="horizontal"?v==null?void 0:v.getBoundingClientRect().width:v==null?void 0:v.getBoundingClientRect().height,C=w.dataset.collapsed==="true",S=Lt(w,"resizablePanelMinSize",$),k=Lt(w,"resizablePanelCollapsedSize",$);Oo(w,b,C?S:k,!C)}},[]);d.useEffect(()=>{const x=()=>{zo(a.current.id,r.current??void 0).forEach(y=>{Oo(y,a.current.direction)})};return window.addEventListener("resize",x),()=>{window.removeEventListener("resize",x)}},[]);const f=d.useCallback(x=>b=>{b.preventDefault();const y=r.current;if(!y)return()=>null;const{direction:w,dragState:v,panelPosition:$}=a.current;let C=bu(b,x,w,v,y);if($==="right"&&(C=-C),C!==0&&r.current){const S=ar(x,a.current.id,r.current);if(S&&a.current.initialResizePanelSize!==null){const{element:k}=S,I=a.current.initialResizePanelSize;let j=I+C;j=j<0?0:j,Oo(k,w,j,I>j)}}},[]),m=d.useMemo(()=>({id:n,startDragging:u,stopDragging:h,direction:t,registerResizeHandle:f,togglePanelCollapse:p}),[n,u,h,t,f,p]);return i.jsx(js.Provider,{value:m,children:e(r,n)})},vn=()=>{const e=d.useContext(js);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},_s=({children:e,direction:t,className:o,onResizeEnd:n})=>i.jsx(Is,{direction:t,onResizeEnd:n,children:(r,s)=>i.jsx(yu,{"data-resizable-panel-group":"","data-resizable-panel-group-id":s,className:St(o,{isVertical:t==="vertical"}),ref:r,children:e})}),yu=g.div`
1441
+ `;function ot(e,t){if(!e)throw console.error(t),Error(t)}function pu(e,t=document){var r;if(t instanceof HTMLElement&&((r=t==null?void 0:t.dataset)==null?void 0:r.resizablePanelGroupId)===e)return t;const o=t.querySelector(`[data-resizable-panel-group][data-resizable-panel-group-id="${e}"]`);return o||null}const fu=e=>e.type.startsWith("mouse"),gu=e=>e.type.startsWith("pointer"),mo=e=>{if(gu(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(fu(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},$s=(e,t)=>{const o=e==="horizontal",{x:r,y:n}=mo(t);return o?r:n},Ss=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null},mu=(e,t,o,r,n)=>{const s=Ss(t,n);ot(s,`No resize handle element found for id "${t}"`);const l=s.getAttribute("data-resizable-panel-group-id");ot(l,"Resize handle element has no group id attribute");const{initialCursorPosition:a}=r,u=$s(o,e),h=pu(l,n);return ot(h,`No group element found for id "${l}"`),u-a},bu=(e,t,o,r,n)=>r==null?0:mu(e,t,o,r,n),sn=e=>{if(!e||e.dataset.resizablePanelGroupPanel===void 0)return!1;const t=window.getComputedStyle(e);return t.flex!=="1"&&t.flexGrow!=="1"},an=(e,t,o=document)=>{const r=Array.from(o.querySelectorAll(`[data-resizable-panel-group-element][data-resizable-panel-group-id="${t}"]`)),n=r.findIndex(s=>!!(s.dataset&&s.dataset.resizablePanelGroupHandleId===e));if(n>=0){const s=r[n-1];if(sn(s))return{element:s,panelPosition:"left"};const l=r[n+1];if(sn(l))return{element:l,panelPosition:"right"}}return null},Oo=(e,t=document)=>Array.from(t.querySelectorAll(`[data-resizable-panel-group-element][data-resizable-panel-group-id="${e}"]`)).filter(r=>r.dataset&&r.dataset.resizablePanelGroupPanel!==void 0),Wt=(e,t,o)=>{const r=e.dataset[t];let n;if(r)if(r.includes("px"))n=Number(r.replace("px",""));else if(r.includes("%")){if(o){const s=Number(r.replace("%",""));n=o*(s/100)}}else n=Number(r);return n},xu=(e,t,o,r,n,s)=>{t==="vertical"?(e.style.height=`${o}px`,n&&(e.style.minHeight=`${n}px`),s&&(e.style.maxHeight=`${s}px`)):(e.style.width=`${o}px`,n&&(e.style.minWidth=`${n}px`),s&&(e.style.maxWidth=`${s}px`)),e.setAttribute("data-collapsed",`${r}`)},Ro=(e,t,o,r)=>{const n=t==="horizontal"?e.getBoundingClientRect().width:e.getBoundingClientRect().height,s=e.parentElement,l=t==="horizontal"?s==null?void 0:s.getBoundingClientRect().width:s==null?void 0:s.getBoundingClientRect().height,a=Wt(e,"resizablePanelMinSize",l),u=Wt(e,"resizablePanelMaxSize",l),h=Wt(e,"resizablePanelCollapsedSize",l);let p=o??n;const f=a?a*.33:50;a&&n===a?r&&p<a&&h&&a-p>f?p=h:p<a&&(p=a):u&&n===u?p>u&&(p=u):h&&n===h&&(!r&&p>h&&a&&p-h>f?p=a:p=h);const m=p===h;p===n||!l||xu(e,t,p,m,m?h:a,u)},js=d.createContext(null),Is=({children:e,direction:t,onResizeEnd:o})=>{const r=d.useId(),n=d.useRef(null),[s,l]=d.useState(null),a=d.useRef({dragState:s,id:r,initialResizePanelSize:null,direction:t,lastResizedPanelId:null,panelPosition:"left"});d.useLayoutEffect(()=>{a.current.direction=t,a.current.dragState=s,a.current.id=r});const u=d.useCallback((b,x)=>{const{direction:y}=a.current;if(!n.current)return;const w=Ss(b,n.current);ot(w,`Drag handle element not found for id "${b}"`);const v=$s(y,x);l({dragHandleId:b,dragHandleRect:w.getBoundingClientRect(),initialCursorPosition:v});const $=an(b,a.current.id,n.current);if($){const{element:C,panelPosition:S}=$,k=C.getBoundingClientRect();a.current.initialResizePanelSize=y==="vertical"?k.height:k.width,a.current.lastResizedPanelId=C.dataset.resizablePanelId??null,a.current.panelPosition=S}},[]),h=d.useCallback(()=>{const{direction:b,lastResizedPanelId:x}=a.current;if(o&&x&&n.current){const w=Oo(a.current.id,n.current).find(v=>v.dataset.resizablePanelId===x);if(w){const v=w.getBoundingClientRect(),$=b==="vertical"?v.height:v.width;o(x,$)}}l(null),a.current.initialResizePanelSize=null,a.current.lastResizedPanelId=null,a.current.panelPosition="left"},[o]),p=d.useCallback(b=>{const{direction:x}=a.current,w=Oo(a.current.id,n.current??void 0).find(v=>v.dataset.resizablePanelId===b);if(w){const v=w.parentElement,$=x==="horizontal"?v==null?void 0:v.getBoundingClientRect().width:v==null?void 0:v.getBoundingClientRect().height,C=w.dataset.collapsed==="true",S=Wt(w,"resizablePanelMinSize",$),k=Wt(w,"resizablePanelCollapsedSize",$);Ro(w,x,C?S:k,!C)}},[]);d.useEffect(()=>{const b=()=>{Oo(a.current.id,n.current??void 0).forEach(y=>{Ro(y,a.current.direction)})};return window.addEventListener("resize",b),()=>{window.removeEventListener("resize",b)}},[]);const f=d.useCallback(b=>x=>{x.preventDefault();const y=n.current;if(!y)return()=>null;const{direction:w,dragState:v,panelPosition:$}=a.current;let C=bu(x,b,w,v,y);if($==="right"&&(C=-C),C!==0&&n.current){const S=an(b,a.current.id,n.current);if(S&&a.current.initialResizePanelSize!==null){const{element:k}=S,I=a.current.initialResizePanelSize;let j=I+C;j=j<0?0:j,Ro(k,w,j,I>j)}}},[]),m=d.useMemo(()=>({id:r,startDragging:u,stopDragging:h,direction:t,registerResizeHandle:f,togglePanelCollapse:p}),[r,u,h,t,f,p]);return i.jsx(js.Provider,{value:m,children:e(n,r)})},yr=()=>{const e=d.useContext(js);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},_s=({children:e,direction:t,className:o,onResizeEnd:r})=>i.jsx(Is,{direction:t,onResizeEnd:r,children:(n,s)=>i.jsx(yu,{"data-resizable-panel-group":"","data-resizable-panel-group-id":s,className:It(o,{isVertical:t==="vertical"}),ref:n,children:e})}),yu=g.div`
1442
1442
  width: 100%;
1443
1443
  height: 100%;
1444
1444
  overflow: auto;
@@ -1448,42 +1448,42 @@
1448
1448
  &.isVertical {
1449
1449
  flex-direction: column;
1450
1450
  }
1451
- `,kn=({children:e,maxSize:t,minSize:o,defaultSize:n,collapsedSize:r,className:s,panelId:l})=>{const{id:a,direction:u}=vn(),h=typeof t=="string"?t:t?`${t}px`:void 0,p=typeof o=="string"?o:o?`${o}px`:void 0,f=typeof n=="string"?n:n?`${n}px`:void 0;return i.jsx(vu,{className:s,style:u==="horizontal"?{maxWidth:h,minWidth:p,width:f??"auto",height:"100%"}:{maxHeight:h,minHeight:p,height:f??"auto",width:"100%"},"data-resizable-panel-group-element":"","data-resizable-panel-group-panel":"","data-resizable-panel-max-size":t,"data-resizable-panel-min-size":o,"data-resizable-panel-collapsed-size":r,"data-resizable-panel-id":l,"data-resizable-panel-group-id":a,"data-collapsed":!1,children:e})},vu=g.div`
1451
+ `,vr=({children:e,maxSize:t,minSize:o,defaultSize:r,collapsedSize:n,className:s,panelId:l})=>{const{id:a,direction:u}=yr(),h=typeof t=="string"?t:t?`${t}px`:void 0,p=typeof o=="string"?o:o?`${o}px`:void 0,f=typeof r=="string"?r:r?`${r}px`:void 0;return i.jsx(vu,{className:s,style:u==="horizontal"?{maxWidth:h,minWidth:p,width:f??"auto",height:"100%"}:{maxHeight:h,minHeight:p,height:f??"auto",width:"100%"},"data-resizable-panel-group-element":"","data-resizable-panel-group-panel":"","data-resizable-panel-max-size":t,"data-resizable-panel-min-size":o,"data-resizable-panel-collapsed-size":n,"data-resizable-panel-id":l,"data-resizable-panel-group-id":a,"data-collapsed":!1,children:e})},vu=g.div`
1452
1452
  flex-shrink: 0;
1453
1453
  overflow: clip;
1454
- `,Ds=g(kn)`
1454
+ `,Ds=g(vr)`
1455
1455
  flex: 1;
1456
- `;let en=null,pt=null;function ku(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function wu(){pt!==null&&(document.head.removeChild(pt),en=null,pt=null)}function Ro(e){const t=ku(e);en!==t&&(en=t,pt===null&&(pt=document.createElement("style"),document.head.appendChild(pt)),pt.innerHTML=`*{cursor: ${t}!important;}`)}const Cu=(e,t,o)=>e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y;function $u(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:dr(e),b:dr(t)};let n;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),n=e;tt(n,"Stacking order can only be calculated for elements with a common ancestor");const r={a:cr(lr(o.a)),b:cr(lr(o.b))};if(r.a===r.b){const s=n.childNodes,l={a:o.a.at(-1),b:o.b.at(-1)};let a=s.length;for(;a--;){const u=s[a];if(u===l.a)return 1;if(u===l.b)return-1}}return Math.sign(r.a-r.b)}const Su=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function ju(e){const t=getComputedStyle(Ts(e)??e).display;return t==="flex"||t==="inline-flex"}function Iu(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||ju(e))||+t.opacity<1||"transform"in t&&t.transform!=="none"||"webkitTransform"in t&&t.webkitTransform!=="none"||"mixBlendMode"in t&&t.mixBlendMode!=="normal"||"filter"in t&&t.filter!=="none"||"webkitFilter"in t&&t.webkitFilter!=="none"||"isolation"in t&&t.isolation==="isolate"||Su.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function lr(e){let t=e.length;for(;t--;){const o=e[t];if(tt(o,"Missing node"),Iu(o))return o}return null}function cr(e){return e&&Number(getComputedStyle(e).zIndex)||0}function dr(e){const t=[];for(;e;)t.push(e),e=Ts(e);return t}function Ts(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let vt=!1;const _u=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},Re=[],Ht=new Set,Du=_u()==="coarse",lt=new Map,Tu=(e,t,o,n)=>{const{ownerDocument:r}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:n},l=lt.get(r)??0;return lt.set(r,l+1),Ht.add(s),ao(),function(){Ht.delete(s);const u=lt.get(r)??1;if(lt.set(r,u-1),ao(),u===1&&lt.delete(r),Re.includes(s)){const h=Re.indexOf(s);h>=0&&Re.splice(h,1),Cn(),n("up",!0,null)}}},wn=({target:e,x:t,y:o})=>{Re.splice(0);let n=null;e instanceof HTMLElement&&(n=e),Ht.forEach(r=>{const{element:s,hitAreaMargins:l}=r,a=s.getBoundingClientRect(),{bottom:u,left:h,right:p,top:f}=a,m=Du?l.coarse:l.fine;if(t>=h-m&&t<=p+m&&o>=f-m&&o<=u+m){if(n!==null&&document.contains(n)&&s!==n&&!s.contains(n)&&!n.contains(s)&&$u(n,s)>0){let b=n,y=!1;for(;b&&!b.contains(s);){if(Cu(b.getBoundingClientRect(),a)){y=!0;break}b=b.parentElement}if(y)return}Re.push(r)}})},ur=e=>{const{target:t}=e,{x:o,y:n}=go(e);vt=!0,wn({target:t,x:o,y:n}),ao(),Re.length>0&&(lo("down",e),e.preventDefault(),e.stopPropagation())},Mt=e=>{const{x:t,y:o}=go(e);if(vt&&e.buttons===0&&(vt=!1,lo("up",e)),!vt){const{target:n}=e;wn({target:n,x:t,y:o})}lo("move",e),Cn(),Re.length>0&&e.preventDefault()},mt=e=>{const{target:t}=e,{x:o,y:n}=go(e);vt=!1,Re.length>0&&e.preventDefault(),lo("up",e),wn({target:t,x:o,y:n}),Cn(),ao()},ao=()=>{lt.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",mt),o.removeEventListener("pointerdown",ur),o.removeEventListener("pointerleave",Mt),o.removeEventListener("pointermove",Mt)}),window.removeEventListener("pointerup",mt),window.removeEventListener("pointercancel",mt),Ht.size>0&&(vt?(Re.length>0&&lt.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",mt),o.addEventListener("pointerleave",Mt),o.addEventListener("pointermove",Mt))}),window.addEventListener("pointerup",mt),window.addEventListener("pointercancel",mt)):lt.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",ur,{capture:!0}),o.addEventListener("pointermove",Mt))}))},lo=(e,t)=>{Ht.forEach(o=>{const{setResizeHandlerState:n}=o,r=Re.includes(o);n(e,r,t)})},Cn=()=>{let e=!1,t=!1;Re.forEach(o=>{const{direction:n}=o;n==="horizontal"?e=!0:t=!0}),e&&t?Ro("intersection"):e?Ro("horizontal"):t?Ro("vertical"):wu()},[No]=z(["resizable-panels"]),Es=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:n,stopDragging:r,direction:s,registerResizeHandle:l}=vn(),a=d.useId(),[u,h]=d.useState("inactive"),[p,f]=d.useState(null),m=d.useRef(null),x=d.useRef({state:u});return d.useLayoutEffect(()=>{x.current.state=u}),d.useEffect(()=>{if(t)f(null);else{const b=l(a);f(()=>b)}},[t,a,l]),d.useEffect(()=>{if(t||p==null)return;const b=m.current;return tt(b,"Element ref not attached"),Tu(b,s,{coarse:15,fine:5},(w,v,$)=>{if(v)switch(w){case"down":{h("drag"),tt($,'Expected event to be defined for "down" action'),n(a,$);break}case"move":{const{state:C}=x.current;C!=="drag"&&h("hover"),tt($,'Expected event to be defined for "move" action'),p($);break}case"up":{h("hover"),r();break}}else h("inactive")})},[s,t,a,p,n,r]),i.jsx(Eu,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":a,className:St(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:m})}),Eu=g.div`
1456
+ `;let er=null,ft=null;function ku(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function wu(){ft!==null&&(document.head.removeChild(ft),er=null,ft=null)}function No(e){const t=ku(e);er!==t&&(er=t,ft===null&&(ft=document.createElement("style"),document.head.appendChild(ft)),ft.innerHTML=`*{cursor: ${t}!important;}`)}const Cu=(e,t,o)=>e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y;function $u(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:dn(e),b:dn(t)};let r;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),r=e;ot(r,"Stacking order can only be calculated for elements with a common ancestor");const n={a:cn(ln(o.a)),b:cn(ln(o.b))};if(n.a===n.b){const s=r.childNodes,l={a:o.a.at(-1),b:o.b.at(-1)};let a=s.length;for(;a--;){const u=s[a];if(u===l.a)return 1;if(u===l.b)return-1}}return Math.sign(n.a-n.b)}const Su=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function ju(e){const t=getComputedStyle(Ts(e)??e).display;return t==="flex"||t==="inline-flex"}function Iu(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||ju(e))||+t.opacity<1||"transform"in t&&t.transform!=="none"||"webkitTransform"in t&&t.webkitTransform!=="none"||"mixBlendMode"in t&&t.mixBlendMode!=="normal"||"filter"in t&&t.filter!=="none"||"webkitFilter"in t&&t.webkitFilter!=="none"||"isolation"in t&&t.isolation==="isolate"||Su.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function ln(e){let t=e.length;for(;t--;){const o=e[t];if(ot(o,"Missing node"),Iu(o))return o}return null}function cn(e){return e&&Number(getComputedStyle(e).zIndex)||0}function dn(e){const t=[];for(;e;)t.push(e),e=Ts(e);return t}function Ts(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let kt=!1;const _u=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},Ne=[],Vt=new Set,Du=_u()==="coarse",ct=new Map,Tu=(e,t,o,r)=>{const{ownerDocument:n}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:r},l=ct.get(n)??0;return ct.set(n,l+1),Vt.add(s),lo(),function(){Vt.delete(s);const u=ct.get(n)??1;if(ct.set(n,u-1),lo(),u===1&&ct.delete(n),Ne.includes(s)){const h=Ne.indexOf(s);h>=0&&Ne.splice(h,1),wr(),r("up",!0,null)}}},kr=({target:e,x:t,y:o})=>{Ne.splice(0);let r=null;e instanceof HTMLElement&&(r=e),Vt.forEach(n=>{const{element:s,hitAreaMargins:l}=n,a=s.getBoundingClientRect(),{bottom:u,left:h,right:p,top:f}=a,m=Du?l.coarse:l.fine;if(t>=h-m&&t<=p+m&&o>=f-m&&o<=u+m){if(r!==null&&document.contains(r)&&s!==r&&!s.contains(r)&&!r.contains(s)&&$u(r,s)>0){let x=r,y=!1;for(;x&&!x.contains(s);){if(Cu(x.getBoundingClientRect(),a)){y=!0;break}x=x.parentElement}if(y)return}Ne.push(n)}})},un=e=>{const{target:t}=e,{x:o,y:r}=mo(e);kt=!0,kr({target:t,x:o,y:r}),lo(),Ne.length>0&&(co("down",e),e.preventDefault(),e.stopPropagation())},Ot=e=>{const{x:t,y:o}=mo(e);if(kt&&e.buttons===0&&(kt=!1,co("up",e)),!kt){const{target:r}=e;kr({target:r,x:t,y:o})}co("move",e),wr(),Ne.length>0&&e.preventDefault()},bt=e=>{const{target:t}=e,{x:o,y:r}=mo(e);kt=!1,Ne.length>0&&e.preventDefault(),co("up",e),kr({target:t,x:o,y:r}),wr(),lo()},lo=()=>{ct.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",bt),o.removeEventListener("pointerdown",un),o.removeEventListener("pointerleave",Ot),o.removeEventListener("pointermove",Ot)}),window.removeEventListener("pointerup",bt),window.removeEventListener("pointercancel",bt),Vt.size>0&&(kt?(Ne.length>0&&ct.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",bt),o.addEventListener("pointerleave",Ot),o.addEventListener("pointermove",Ot))}),window.addEventListener("pointerup",bt),window.addEventListener("pointercancel",bt)):ct.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",un,{capture:!0}),o.addEventListener("pointermove",Ot))}))},co=(e,t)=>{Vt.forEach(o=>{const{setResizeHandlerState:r}=o,n=Ne.includes(o);r(e,n,t)})},wr=()=>{let e=!1,t=!1;Ne.forEach(o=>{const{direction:r}=o;r==="horizontal"?e=!0:t=!0}),e&&t?No("intersection"):e?No("horizontal"):t?No("vertical"):wu()},[Fo]=M(["resizable-panels"]),Es=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:r,stopDragging:n,direction:s,registerResizeHandle:l}=yr(),a=d.useId(),[u,h]=d.useState("inactive"),[p,f]=d.useState(null),m=d.useRef(null),b=d.useRef({state:u});return d.useLayoutEffect(()=>{b.current.state=u}),d.useEffect(()=>{if(t)f(null);else{const x=l(a);f(()=>x)}},[t,a,l]),d.useEffect(()=>{if(t||p==null)return;const x=m.current;return ot(x,"Element ref not attached"),Tu(x,s,{coarse:15,fine:5},(w,v,$)=>{if(v)switch(w){case"down":{h("drag"),ot($,'Expected event to be defined for "down" action'),r(a,$);break}case"move":{const{state:C}=b.current;C!=="drag"&&h("hover"),ot($,'Expected event to be defined for "move" action'),p($);break}case"up":{h("hover"),n();break}}else h("inactive")})},[s,t,a,p,r,n]),i.jsx(Eu,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":a,className:It(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:m})}),Eu=g.div`
1457
1457
  height: 100%;
1458
1458
  width: 1px;
1459
1459
  flex-shrink: 0;
1460
- background-color: ${No("border-color")};
1460
+ background-color: ${Fo("border-color")};
1461
1461
  transition: background 0.125s ease-in-out;
1462
1462
  &.isHovered {
1463
- background-color: ${No("border-color-hover")};
1463
+ background-color: ${Fo("border-color-hover")};
1464
1464
  }
1465
1465
  &.isDragging {
1466
- background-color: ${No("border-color-drag")};
1466
+ background-color: ${Fo("border-color-drag")};
1467
1467
  }
1468
1468
  &.isVertical {
1469
1469
  width: 100%;
1470
1470
  height: 1px;
1471
1471
  }
1472
- `,Ms=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?i.jsx(O.FloatingPortal,{children:i.jsx(Mu,{className:n,lockScroll:!o,"data-status":r,children:e})}):null,Mu=g(O.FloatingOverlay)`
1472
+ `,zs=({children:e,open:t,disableScrollLock:o,className:r,status:n})=>t?i.jsx(O.FloatingPortal,{children:i.jsx(zu,{className:r,lockScroll:!o,"data-status":n,children:e})}):null,zu=g(O.FloatingOverlay)`
1473
1473
  background: rgba(0, 0, 0, 0.8);
1474
1474
  display: grid;
1475
1475
  place-items: center;
1476
1476
  z-index: 1;
1477
- `,zu=[O.flip()],zs=[O.flip(),O.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[tn]=z(["select"]),$n=d.createContext(null),Sn=()=>{const e=d.useContext($n);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},Ou=()=>Promise.resolve(),_t=({children:e,onSelect:t,Reference:o,disabled:n,selectedIndex:r,onSelectedIndexChange:s,className:l,matchReferenceWidth:a,isFocusTrapDisabled:u,menuPlacement:h,onOpenChange:p,onBeforeOpen:f=Ou,showOpenState:m=!1})=>{const[x,b]=d.useState(!1),[y,w]=d.useState(null),[v,$]=d.useState(null),C=r??v,S=s??$,k=d.useCallback(Q=>{Q?f().then(()=>{b(Q),p&&p(Q)}):(b(Q),p&&p(Q))},[f,p]),{refs:I,floatingStyles:j,context:_}=O.useFloating({placement:h||"bottom-end",open:x,onOpenChange:k,whileElementsMounted:O.autoUpdate,middleware:a?zs:zu}),B=d.useRef([]),U=d.useRef([]),P=d.useCallback(Q=>{var G;S(Q),Q!==null&&t(((G=B.current[Q])==null?void 0:G.dataset.key)||""),b(!1),p&&p(!1)},[p,t,S]),L=O.useListNavigation(_,{listRef:B,activeIndex:y,selectedIndex:C,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:w}),Z=O.useClick(_,{enabled:!n}),se=O.useDismiss(_),J=O.useRole(_,{role:"listbox"}),{getReferenceProps:X,getFloatingProps:$e,getItemProps:ae}=O.useInteractions([L,Z,se,J]),ue=d.useMemo(()=>({activeIndex:y,selectedIndex:C,open:x,getItemProps:ae,handleSelect:P,setIsOpen:b}),[y,x,C,ae,P]);return i.jsxs($n.Provider,{value:ue,children:[i.jsx(Ru,{ref:I.setReference,tabIndex:0,...X({onClick(Q){Q.stopPropagation()}}),children:m?i.jsxs(Fu,{children:[o??i.jsx(ie,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),i.jsx(F,{size:"xsm",iconId:x?"CaretUp":"CaretDown"})]}):o??i.jsx(ie,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"})}),x&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{disabled:u,context:_,modal:!1,children:i.jsx(Nu,{ref:I.setFloating,style:j,className:l,...$e(),children:i.jsx(O.FloatingList,{elementsRef:B,labelsRef:U,children:e})})})})]})},Ru=g.div`
1477
+ `,Mu=[O.flip()],Ms=[O.flip(),O.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[tr]=M(["select"]),Cr=d.createContext(null),$r=()=>{const e=d.useContext(Cr);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},Ou=()=>Promise.resolve(),Tt=({children:e,onSelect:t,Reference:o,disabled:r,selectedIndex:n,onSelectedIndexChange:s,className:l,matchReferenceWidth:a,isFocusTrapDisabled:u,menuPlacement:h,onOpenChange:p,onBeforeOpen:f=Ou,showOpenState:m=!1})=>{const[b,x]=d.useState(!1),[y,w]=d.useState(null),[v,$]=d.useState(null),C=n??v,S=s??$,k=d.useCallback(Q=>{Q?f().then(()=>{x(Q),p&&p(Q)}):(x(Q),p&&p(Q))},[f,p]),{refs:I,floatingStyles:j,context:_}=O.useFloating({placement:h||"bottom-end",open:b,onOpenChange:k,whileElementsMounted:O.autoUpdate,middleware:a?Ms:Mu}),B=d.useRef([]),U=d.useRef([]),P=d.useCallback(Q=>{var G;S(Q),Q!==null&&t(((G=B.current[Q])==null?void 0:G.dataset.key)||""),x(!1),p&&p(!1)},[p,t,S]),L=O.useListNavigation(_,{listRef:B,activeIndex:y,selectedIndex:C,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:w}),Z=O.useClick(_,{enabled:!r}),ie=O.useDismiss(_),J=O.useRole(_,{role:"listbox"}),{getReferenceProps:X,getFloatingProps:Se,getItemProps:le}=O.useInteractions([L,Z,ie,J]),he=d.useMemo(()=>({activeIndex:y,selectedIndex:C,open:b,getItemProps:le,handleSelect:P,setIsOpen:x}),[y,b,C,le,P]);return i.jsxs(Cr.Provider,{value:he,children:[i.jsx(Ru,{ref:I.setReference,tabIndex:0,...X({onClick(Q){Q.stopPropagation()}}),children:m?i.jsxs(Fu,{children:[o??i.jsx(ae,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),i.jsx(N,{size:"xsm",iconId:b?"CaretUp":"CaretDown"})]}):o??i.jsx(ae,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"})}),b&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{disabled:u,context:_,modal:!1,children:i.jsx(Nu,{ref:I.setFloating,style:j,className:l,...Se(),children:i.jsx(O.FloatingList,{elementsRef:B,labelsRef:U,children:e})})})})]})},Ru=g.div`
1478
1478
  align-items: center;
1479
1479
  display: flex;
1480
- font-size: ${tn("font-size")};
1480
+ font-size: ${tr("font-size")};
1481
1481
  cursor: default;
1482
1482
  user-select: none;
1483
1483
  `,Nu=g.div`
1484
1484
  display: flex;
1485
1485
  flex-direction: column;
1486
- border: ${tn("border-size")} solid ${tn("border-color")};
1486
+ border: ${tr("border-size")} solid ${tr("border-color")};
1487
1487
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
1488
1488
  background-color: ${c("color-white")};
1489
1489
  outline: 0;
@@ -1494,14 +1494,14 @@
1494
1494
  align-items: center;
1495
1495
  justify-content: flex-start;
1496
1496
  gap: 2px;
1497
- `,[Fe,hr]=z(["option","text"]),ct=d.memo(({label:e,optionKey:t,disabled:o,className:n,prefixIconId:r,prefixIconColor:s,suffixIconId:l,textColor:a,suffixIconColor:u,disableSelectionStyle:h,disableEnterSelection:p})=>{const{activeIndex:f,selectedIndex:m,getItemProps:x,handleSelect:b}=Sn(),{ref:y,index:w}=O.useListItem({label:t}),v=f!==null&&f!==-1&&f===w,$=!h&&m!==null&&m!==-1&&m===w,C=d.useCallback(S=>{o||(S.stopPropagation(),b(w))},[o,b,w]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(Au,{className:S({isActive:v,isSelected:$,disabled:o},n),ref:y,"data-key":t,role:"option","data-color":a,"aria-selected":v&&$,tabIndex:v?0:-1,...x({onClick:k=>C(k),onKeyDown:!p&&!o?k=>{k.code==="Enter"&&b(w)}:void 0}),children:[!!r&&i.jsx(F,{iconId:r,size:"sm",color:o?"grey":s??"black"}),e,!!l&&i.jsx(Lu,{iconId:l,size:"sm",color:o?"grey":u??"black"})]})})}),Au=g.div`
1498
- color: ${Fe("color")};
1497
+ `,[Ae,hn]=M(["option","text"]),dt=d.memo(({label:e,optionKey:t,disabled:o,className:r,prefixIconId:n,prefixIconColor:s,suffixIconId:l,textColor:a,suffixIconColor:u,disableSelectionStyle:h,disableEnterSelection:p})=>{const{activeIndex:f,selectedIndex:m,getItemProps:b,handleSelect:x}=$r(),{ref:y,index:w}=O.useListItem({label:t}),v=f!==null&&f!==-1&&f===w,$=!h&&m!==null&&m!==-1&&m===w,C=d.useCallback(S=>{o||(S.stopPropagation(),x(w))},[o,x,w]);return i.jsx(z.ClassNames,{children:({cx:S})=>i.jsxs(Au,{className:S({isActive:v,isSelected:$,disabled:o},r),ref:y,"data-key":t,role:"option","data-color":a,"aria-selected":v&&$,tabIndex:v?0:-1,...b({onClick:k=>C(k),onKeyDown:!p&&!o?k=>{k.code==="Enter"&&x(w)}:void 0}),children:[!!n&&i.jsx(N,{iconId:n,size:"sm",color:o?"grey":s??"black"}),e,!!l&&i.jsx(Lu,{iconId:l,size:"sm",color:o?"grey":u??"black"})]})})}),Au=g.div`
1498
+ color: ${Ae("color")};
1499
1499
  cursor: pointer;
1500
1500
  font-size: inherit;
1501
- background-color: ${Fe("bg-color")};
1502
- font-family: ${Fe("font-family")};
1503
- font-size: ${Fe("font-size")};
1504
- padding: ${Fe("padding")};
1501
+ background-color: ${Ae("bg-color")};
1502
+ font-family: ${Ae("font-family")};
1503
+ font-size: ${Ae("font-size")};
1504
+ padding: ${Ae("padding")};
1505
1505
  min-width: 96px;
1506
1506
  line-height: 18px;
1507
1507
  display: flex;
@@ -1511,87 +1511,185 @@
1511
1511
  overflow: hidden;
1512
1512
  outline: 0;
1513
1513
  flex-shrink: 0;
1514
- column-gap: ${Fe("column-gap")};
1515
- ${Kr.map(e=>`&[data-color="${e}"] {
1516
- color: ${hr(`color-${e}`)};
1514
+ column-gap: ${Ae("column-gap")};
1515
+ ${Kn.map(e=>`&[data-color="${e}"] {
1516
+ color: ${hn(`color-${e}`)};
1517
1517
  }`).join(`
1518
1518
  `)}
1519
- ${`${hr("body-size",!0)}: ${Fe("font-size")}`};
1519
+ ${`${hn("body-size",!0)}: ${Ae("font-size")}`};
1520
1520
  &.isActive {
1521
- background: ${Fe("bg-color-active")};
1521
+ background: ${Ae("bg-color-active")};
1522
1522
  }
1523
1523
  &.isSelected {
1524
- font-weight: ${Fe("font-weight-selected")};
1524
+ font-weight: ${Ae("font-weight-selected")};
1525
1525
  }
1526
1526
  &.disabled {
1527
- color: ${Fe("color-disabled")};
1527
+ color: ${Ae("color-disabled")};
1528
1528
  cursor: not-allowed;
1529
1529
  }
1530
- `,Lu=g(F)`
1530
+ `,Lu=g(N)`
1531
1531
  transform: translate(-2px, -1px);
1532
- `,Bu=({actionItems:e,disabled:t,onSelect:o})=>{const n=d.useMemo(()=>e.map(r=>i.jsx(ct,{disabled:t||r.disabled,label:i.jsx(Wu,{label:r.label,iconId:r.iconId,iconSize:r.iconSize,disabled:r.disabled,level:r.level},r.key),optionKey:r.key},r.key)),[e,t]);return i.jsx(_t,{disabled:t,onSelect:o,children:n})},oo=e=>{switch(e){case"normal":return;case"info":return"blue";case"error":return"red";case"warn":return"yellow";default:return}},Wu=d.memo(({label:e,iconId:t,level:o,disabled:n,iconSize:r})=>i.jsxs(Pu,{children:[i.jsx(F,{iconId:t,size:r||"sm",color:n?"grey":oo(o)?oo(o):"black"}),i.jsx(E,{variant:"body",color:n?"grey":oo(o)?oo(o):"dark",children:e})]})),Pu=g.div`
1532
+ `,Bu=({actionItems:e,disabled:t,onSelect:o})=>{const r=d.useMemo(()=>e.map(n=>i.jsx(dt,{disabled:t||n.disabled,label:i.jsx(Wu,{label:n.label,iconId:n.iconId,iconSize:n.iconSize,disabled:n.disabled,level:n.level},n.key),optionKey:n.key},n.key)),[e,t]);return i.jsx(Tt,{disabled:t,onSelect:o,children:r})},ro=e=>{switch(e){case"normal":return;case"info":return"blue";case"error":return"red";case"warn":return"yellow";default:return}},Wu=d.memo(({label:e,iconId:t,level:o,disabled:r,iconSize:n})=>i.jsxs(Pu,{children:[i.jsx(N,{iconId:t,size:n||"sm",color:r?"grey":ro(o)?ro(o):"black"}),i.jsx(E,{variant:"body",color:r?"grey":ro(o)?ro(o):"dark",children:e})]})),Pu=g.div`
1533
1533
  display: flex;
1534
1534
  gap: 8px;
1535
1535
  align-items: center;
1536
- `,[Hu]=z(["shell-icon-button"]),Vu=g(ie)`
1536
+ `,[Hu]=M(["shell-icon-button"]),Vu=g(ae)`
1537
1537
  padding: ${Hu("padding")};
1538
1538
 
1539
1539
  --studio-c-icon-button-badge-top: 6px;
1540
1540
  --studio-c-icon-button-badge-right: 6px;
1541
- `,Uu=e=>i.jsx(Vu,{badgeBorderColor:"black",...e}),Os=d.createContext(null),mo=()=>{const e=d.useContext(Os);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},Gu=d.memo(({children:e,activeTab:t,onTabChange:o,defaultActiveTab:n})=>{const[r,s]=d.useState(n),l=o??s,a=t??r,u=d.useMemo(()=>({onTabChange:l,activeTab:a}),[a,l]);return i.jsx(Os.Provider,{value:u,children:e})}),[Fo]=z(["tab"]),Ku=d.memo(({value:e,text:t,disabled:o,iconColor:n,iconId:r})=>{const{activeTab:s,onTabChange:l}=mo(),a=e===s,u=d.useCallback(()=>{a||l(e)},[l,e,a]);return i.jsxs(Yu,{"data-value":e,onClick:u,disabled:o,children:[!!r&&i.jsx(F,{iconId:r,color:n??"black",size:"sm"}),i.jsx(E,{color:o?"grey":"dark",variant:"body",bold:a,children:t})]})}),Yu=g.button`
1541
+ `,Uu=e=>i.jsx(Vu,{badgeBorderColor:"black",...e}),Os=d.createContext(null),bo=()=>{const e=d.useContext(Os);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},Gu=d.memo(({children:e,activeTab:t,onTabChange:o,defaultActiveTab:r,variant:n="underline"})=>{const[s,l]=d.useState(r),a=o??l,u=t??s,h=d.useMemo(()=>({onTabChange:a,activeTab:u,variant:n}),[u,a,n]);return i.jsx(Os.Provider,{value:h,children:e})}),[ne]=M(["tab"]),Ku=d.memo(({value:e,text:t,disabled:o,iconColor:r,iconId:n,tooltip:s,badge:l,onClose:a,closeable:u,maxWidth:h})=>{const{activeTab:p,onTabChange:f,variant:m}=bo(),b=e===p,x=a!=null&&(u===void 0?!0:u),y=d.useCallback(()=>{b||f(e)},[f,e,b]),w=d.useCallback(v=>{v.stopPropagation(),a==null||a(e)},[a,e]);return i.jsxs(Yu,{"data-value":e,"data-variant":m,"data-active":b,onClick:y,disabled:o,title:s,role:"tab","aria-selected":b,"aria-label":s??t,children:[!!n&&i.jsx(N,{iconId:n,color:r??"black",size:"sm"}),i.jsx(qu,{"data-label":h?t:void 0,style:h?{maxWidth:typeof h=="number"?`${h}px`:h}:void 0,children:i.jsx(E,{color:o||m==="standard"&&!b?"grey":"dark",variant:"body",bold:b,children:t})}),l!==void 0&&i.jsx(Zu,{children:l}),x&&i.jsx(Xu,{onClick:w,"aria-label":`Close ${t}`,title:`Close ${t}`,children:i.jsx(N,{iconId:"Close",size:"xsm"})})]})}),Yu=g.button`
1542
1542
  cursor: pointer;
1543
1543
  outline: none;
1544
1544
  border: none;
1545
1545
  display: flex;
1546
1546
  align-items: center;
1547
1547
  justify-content: flex-start;
1548
- column-gap: ${Fo("column-gap")};
1548
+ column-gap: ${ne("column-gap")};
1549
1549
  background-color: transparent;
1550
- padding: ${Fo("trigger-padding-y")} ${Fo("trigger-padding-x")};
1550
+ padding: ${ne("trigger-padding-y")} ${ne("trigger-padding-x")};
1551
+ white-space: nowrap;
1552
+ transition: all 0.15s ease;
1553
+
1551
1554
  &:disabled {
1552
1555
  cursor: not-allowed;
1556
+ opacity: 0.5;
1557
+ }
1558
+
1559
+ /* Standard variant styling — file-folder tab metaphor */
1560
+ &[data-variant="standard"] {
1561
+ padding: ${ne("trigger-padding-y")} ${ne("column-gap")};
1562
+ color: ${ne("standard-inactive-color")};
1563
+ background-color: ${ne("standard-inactive-bg")};
1564
+ border-bottom: 1px solid ${ne("standard-separator-color")};
1565
+
1566
+ /* Separator between tabs */
1567
+ &:not(:last-of-type) {
1568
+ border-right: 1px solid ${ne("standard-separator-color")};
1569
+ }
1570
+
1571
+ /* Active tab: clear background, no bottom border (opens into content) */
1572
+ &[data-active="true"] {
1573
+ color: ${ne("standard-active-color")};
1574
+ background-color: ${ne("standard-active-bg")};
1575
+ border-bottom-color: transparent;
1576
+ }
1577
+ }
1578
+
1579
+ &:focus-visible {
1580
+ outline: 2px solid var(--studio-s-color-primary, #0066cc);
1581
+ outline-offset: -2px;
1582
+ }
1583
+ `,qu=g.span`
1584
+ overflow: hidden;
1585
+ text-overflow: ellipsis;
1586
+
1587
+ /* Prevent reflow when font-weight changes by reserving space for bold text */
1588
+ &[data-label]::after {
1589
+ content: attr(data-label);
1590
+ display: block;
1591
+ font-weight: 600;
1592
+ height: 0;
1593
+ overflow: hidden;
1594
+ visibility: hidden;
1595
+ }
1596
+ `,Zu=g.span`
1597
+ display: flex;
1598
+ align-items: center;
1599
+ justify-content: center;
1600
+ min-width: ${ne("badge-min-width")};
1601
+ height: ${ne("badge-height")};
1602
+ padding: ${ne("badge-padding")};
1603
+ border-radius: ${ne("badge-border-radius")};
1604
+ background-color: ${ne("badge-bg")};
1605
+ color: ${ne("badge-color")};
1606
+ font-size: ${ne("badge-font-size")};
1607
+ font-weight: 600;
1608
+ `,Xu=g.button`
1609
+ display: flex;
1610
+ align-items: center;
1611
+ justify-content: center;
1612
+ width: ${ne("close-size")};
1613
+ height: ${ne("close-size")};
1614
+ padding: 0;
1615
+ border: none;
1616
+ border-radius: ${ne("close-border-radius")};
1617
+ background-color: transparent;
1618
+ color: ${ne("close-color")};
1619
+ cursor: pointer;
1620
+ opacity: 0.6;
1621
+ transition: all 0.15s ease;
1622
+
1623
+ &:hover {
1624
+ background-color: ${ne("close-hover-bg")};
1625
+ opacity: 1;
1626
+ }
1627
+
1628
+ &:focus-visible {
1629
+ outline: 2px solid var(--studio-s-color-primary, #0066cc);
1630
+ outline-offset: -2px;
1631
+ opacity: 1;
1553
1632
  }
1554
- `,[Bt]=z(["tab"]),qu=({children:e,className:t})=>{const{activeTab:o}=mo(),n=d.useRef(null),r=d.useRef(null);return d.useEffect(()=>{if(r.current&&n.current){const s=r.current.querySelector(`[data-value=${o}]`);if(s){const l=s.getBoundingClientRect(),a=s.offsetLeft;n.current.style.width=`${l.width}px`,n.current.style.left=`${a}px`}}},[o,e]),i.jsxs(Zu,{ref:r,className:t,children:[i.jsx(Xu,{ref:n}),e]})},Zu=g.div`
1633
+ `,[wt]=M(["tab"]),Ju=({children:e,className:t})=>{const{activeTab:o,variant:r}=bo(),n=d.useRef(null),s=d.useRef(null),l=r==="underline";return d.useEffect(()=>{if(l&&s.current&&n.current){const a=s.current.querySelector(`[data-value=${o}]`);if(a){const u=a.getBoundingClientRect(),h=a.offsetLeft;n.current.style.width=`${u.width}px`,n.current.style.left=`${h}px`}}},[o,e,l]),i.jsxs(Qu,{ref:s,className:t,"data-variant":r,role:"tablist",children:[l&&i.jsx(eh,{ref:n}),e]})},Qu=g.div`
1555
1634
  width: 100%;
1556
1635
  height: fit-content;
1557
1636
  display: flex;
1558
1637
  flex-direction: row;
1559
- justify-content: space-between;
1560
- align-items: flex-start;
1561
1638
  position: relative;
1562
- border-bottom: ${Bt("trigger-list-underline-height")} solid
1563
- ${Bt("trigger-list-underline-color")};
1564
1639
  background-color: transparent;
1565
- `,Xu=g.div`
1640
+ overflow-x: auto;
1641
+
1642
+ /* Hide scrollbar but allow scrolling */
1643
+ scrollbar-width: none;
1644
+ -ms-overflow-style: none;
1645
+ &::-webkit-scrollbar {
1646
+ display: none;
1647
+ }
1648
+
1649
+ /* Underline variant: start-aligned, bottom border + indicator */
1650
+ &[data-variant="underline"] {
1651
+ justify-content: flex-start;
1652
+ align-items: flex-start;
1653
+ column-gap: ${wt("column-gap")};
1654
+ border-bottom: ${wt("trigger-list-underline-height")} solid
1655
+ ${wt("trigger-list-underline-color")};
1656
+ }
1657
+
1658
+ /* Standard variant: start-aligned, separators handled by triggers */
1659
+ &[data-variant="standard"] {
1660
+ justify-content: flex-start;
1661
+ align-items: stretch;
1662
+ }
1663
+ `,eh=g.div`
1566
1664
  position: absolute;
1567
1665
  bottom: 0px;
1568
- transform: translateY(${Bt("trigger-list-underline-height")});
1569
- height: ${Bt("indicator-height")};
1570
- background-color: ${Bt("indicator-color")};
1666
+ transform: translateY(${wt("trigger-list-underline-height")});
1667
+ height: ${wt("indicator-height")};
1668
+ background-color: ${wt("indicator-color")};
1571
1669
  transition: all 0.25s ease-in-out;
1572
- `,Ju=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=mo(),s=n===r;return i.jsx(Qu,{className:t,"data-active":s?"true":"false",style:o,children:e})},Qu=g.div`
1670
+ `,th=({children:e,className:t,style:o,value:r})=>{const{activeTab:n}=bo(),s=r===n;return i.jsx(oh,{className:t,"data-active":s?"true":"false",style:o,children:e})},oh=g.div`
1573
1671
  display: none;
1574
1672
  &[data-active="true"] {
1575
1673
  display: block;
1576
1674
  }
1577
- `,[ye]=z(["tag"]),eh={purple:ye("color-light"),orange:ye("color-light"),light:ye("color-dark"),blue:ye("color-dark"),green:ye("color-light"),red:ye("color-light"),disabled:ye("color-disabled")},th={purple:"light",orange:"light",light:"dark",blue:"dark",green:"light",red:"light",disabled:"disabled"},oh=g.div`
1578
- background-color: ${e=>ye(`bg-color-${e.color}`)};
1579
- border-radius: ${ye("border-radius")};
1580
- border: 1px solid ${ye("border-color")};
1675
+ `,[ve]=M(["tag"]),rh={purple:ve("color-light"),orange:ve("color-light"),light:ve("color-dark"),blue:ve("color-dark"),green:ve("color-light"),red:ve("color-light"),disabled:ve("color-disabled")},nh={purple:"light",orange:"light",light:"dark",blue:"dark",green:"light",red:"light",disabled:"disabled"},sh=g.div`
1676
+ background-color: ${e=>ve(`bg-color-${e.color}`)};
1677
+ border-radius: ${ve("border-radius")};
1678
+ border: 1px solid ${ve("border-color")};
1581
1679
  display: flex;
1582
- color: ${e=>eh[e.color]};
1583
- height: ${ye("height")};
1680
+ color: ${e=>rh[e.color]};
1681
+ height: ${ve("height")};
1584
1682
  max-width: 160px;
1585
1683
  align-items: center;
1586
- padding: ${ye("padding")};
1684
+ padding: ${ve("padding")};
1587
1685
  align-items: center;
1588
1686
  justify-content: center;
1589
1687
  gap: 4px;
1590
- `,co=e=>{const t=typeof e.children=="string"?i.jsx(E,{color:th[e.color],variant:"body",children:e.children}):e.children;return i.jsx(oh,{...e,children:t})},nh=({tagName:e,onRemove:t,color:o="light"})=>i.jsxs(co,{color:o,children:[i.jsx(E,{variant:"body",children:e}),i.jsx(F,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),rh=({search:e,style:t,children:o,highlightColor:n,highlightTextColor:r})=>{const s=n||"yellow",l=d.useMemo(()=>Array.isArray(e)?e:[e].filter(Boolean),[e]);if(!l||l.length===0)return i.jsx(i.Fragment,{children:o});const a=h=>{const p=new RegExp(`(${l.join("|")})`,"gi");return h.split(p).map((m,x)=>l.some(b=>b.toLowerCase()===m.toLowerCase())?i.jsx("span",{style:t||{backgroundColor:s,color:r??void 0},children:m},x):m)},u=h=>typeof h=="string"?a(h):d.isValidElement(h)?d.cloneElement(h,{children:d.Children.map(h.props.children,u)}):h;return i.jsx(i.Fragment,{children:d.Children.map(o,u)})},[be]=z(["badge"]),sh=({color:e,children:t,position:o,radius:n,hide:r})=>i.jsxs(ih,{children:[!r&&i.jsx(ah,{"data-color":e,"data-position":o??"top-right","data-radius":n??4}),t]}),ih=g.div`
1688
+ `,uo=e=>{const t=typeof e.children=="string"?i.jsx(E,{color:nh[e.color],variant:"body",children:e.children}):e.children;return i.jsx(sh,{...e,children:t})},ih=({tagName:e,onRemove:t,color:o="light"})=>i.jsxs(uo,{color:o,children:[i.jsx(E,{variant:"body",children:e}),i.jsx(N,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),ah=({search:e,style:t,children:o,highlightColor:r,highlightTextColor:n})=>{const s=r||"yellow",l=d.useMemo(()=>Array.isArray(e)?e:[e].filter(Boolean),[e]);if(!l||l.length===0)return i.jsx(i.Fragment,{children:o});const a=h=>{const p=new RegExp(`(${l.join("|")})`,"gi");return h.split(p).map((m,b)=>l.some(x=>x.toLowerCase()===m.toLowerCase())?i.jsx("span",{style:t||{backgroundColor:s,color:n??void 0},children:m},b):m)},u=h=>typeof h=="string"?a(h):d.isValidElement(h)?d.cloneElement(h,{children:d.Children.map(h.props.children,u)}):h;return i.jsx(i.Fragment,{children:d.Children.map(o,u)})},[xe]=M(["badge"]),lh=({color:e,children:t,position:o,radius:r,hide:n})=>i.jsxs(ch,{children:[!n&&i.jsx(dh,{"data-color":e,"data-position":o??"top-right","data-radius":r??4}),t]}),ch=g.div`
1591
1689
  width: fit-content;
1592
1690
  height: fit-content;
1593
1691
  position: relative;
1594
- `,ah=g.div`
1692
+ `,dh=g.div`
1595
1693
  position: absolute;
1596
1694
  z-index: 2;
1597
1695
  border-radius: 50%;
@@ -1603,28 +1701,28 @@
1603
1701
  0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
1604
1702
  // Color
1605
1703
  &[data-color="blue"] {
1606
- background-color: ${be("color-blue")};
1607
- border-color: ${be("color-blue-border")};
1704
+ background-color: ${xe("color-blue")};
1705
+ border-color: ${xe("color-blue-border")};
1608
1706
  }
1609
1707
  &[data-color="red"] {
1610
- background-color: ${be("color-red")};
1611
- border-color: ${be("color-red-border")};
1708
+ background-color: ${xe("color-red")};
1709
+ border-color: ${xe("color-red-border")};
1612
1710
  }
1613
1711
  &[data-color="white"] {
1614
- background-color: ${be("color-white")};
1615
- border-color: ${be("color-white-border")};
1712
+ background-color: ${xe("color-white")};
1713
+ border-color: ${xe("color-white-border")};
1616
1714
  }
1617
1715
  &[data-color="black"] {
1618
- background-color: ${be("color-black")};
1619
- border-color: ${be("color-black-border")};
1716
+ background-color: ${xe("color-black")};
1717
+ border-color: ${xe("color-black-border")};
1620
1718
  }
1621
1719
  &[data-color="orange"] {
1622
- background-color: ${be("color-orange")};
1623
- border-color: ${be("color-orange-border")};
1720
+ background-color: ${xe("color-orange")};
1721
+ border-color: ${xe("color-orange-border")};
1624
1722
  }
1625
1723
  &[data-color="green"] {
1626
- background-color: ${be("color-green")};
1627
- border-color: ${be("color-green-border")};
1724
+ background-color: ${xe("color-green")};
1725
+ border-color: ${xe("color-green-border")};
1628
1726
  }
1629
1727
  // Position
1630
1728
  &[data-position="top-right"] {
@@ -1667,100 +1765,100 @@
1667
1765
  height: ${c("spacing-16")};
1668
1766
  --xform-factor: ${c("spacing-8")};
1669
1767
  }
1670
- `,[pe]=z(["textarea"]),jn=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:n,...r},s)=>i.jsx(lh,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:n,ref:s,...r})),lh=g.textarea`
1768
+ `,[fe]=M(["textarea"]),Sr=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:r,...n},s)=>i.jsx(uh,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:r,ref:s,...n})),uh=g.textarea`
1671
1769
  display: flex;
1672
- min-height: ${pe("min-height")};
1673
- padding: ${pe("padding")};
1674
- font-size: ${pe("font-size")};
1675
- font-family: ${pe("font-family")};
1676
- font-weight: ${pe("font-weight")};
1677
- color: ${pe("color")};
1770
+ min-height: ${fe("min-height")};
1771
+ padding: ${fe("padding")};
1772
+ font-size: ${fe("font-size")};
1773
+ font-family: ${fe("font-family")};
1774
+ font-weight: ${fe("font-weight")};
1775
+ color: ${fe("color")};
1678
1776
  width: 100%;
1679
1777
  outline: none;
1680
1778
  box-shadow: none;
1681
- border: ${pe("border-width")} solid ${pe("border-color")};
1682
- border-radius: ${pe("border-radius")};
1779
+ border: ${fe("border-width")} solid ${fe("border-color")};
1780
+ border-radius: ${fe("border-radius")};
1683
1781
  :active:not(:disabled):not(:read-only),
1684
1782
  :focus:not(:disabled):not(:read-only) {
1685
- border-color: ${pe("border-color-active")};
1783
+ border-color: ${fe("border-color-active")};
1686
1784
  }
1687
1785
  &[aria-invalid="true"]:not(:disabled):not(:read-only) {
1688
- border-color: ${pe("border-color-invalid")};
1786
+ border-color: ${fe("border-color-invalid")};
1689
1787
  }
1690
1788
  :disabled,
1691
1789
  :read-only {
1692
1790
  cursor: not-allowed;
1693
- color: ${pe("color-disabled")};
1694
- background-color: ${pe("background-color-disabled")};
1791
+ color: ${fe("color-disabled")};
1792
+ background-color: ${fe("background-color-disabled")};
1695
1793
  }
1696
- `;jn.displayName="Textarea";const[ch,_e,xe]=z(["toggle-container","toggle-track","toggle-thumb"]),pr=g(F)`
1794
+ `;Sr.displayName="Textarea";const[hh,De,ye]=M(["toggle-container","toggle-track","toggle-thumb"]),pn=g(N)`
1697
1795
  opacity: 0;
1698
1796
  position: absolute;
1699
1797
  transition-duration: 150ms;
1700
1798
  transition-property: opacity;
1701
1799
  transition-timing-function: ease-in-out;
1702
- `,dh=g.div`
1800
+ `,ph=g.div`
1703
1801
  align-items: center;
1704
1802
  display: flex;
1705
- gap: ${ch("gap")};
1803
+ gap: ${hh("gap")};
1706
1804
  justify-content: center;
1707
1805
  position: relative;
1708
1806
  `,Rs=g.div`
1709
1807
  align-items: center;
1710
- border-radius: ${_e("border-radius")};
1808
+ border-radius: ${De("border-radius")};
1711
1809
  cursor: pointer;
1712
1810
  display: flex;
1713
- height: calc(${_e("padding-vertical")} * 2 + ${xe("height")} + 2px);
1714
- padding: ${_e("padding-vertical")} ${_e("padding-horizontal")};
1811
+ height: calc(${De("padding-vertical")} * 2 + ${ye("height")} + 2px);
1812
+ padding: ${De("padding-vertical")} ${De("padding-horizontal")};
1715
1813
  position: relative;
1716
- transition-duration: ${_e("transition-duration")};
1814
+ transition-duration: ${De("transition-duration")};
1717
1815
  transition-property: background-color;
1718
1816
  transition-timing-function: ease-in-out;
1719
1817
 
1720
1818
  // background-color...
1721
- background-color: ${_e("background-color-unchecked-enabled")};
1819
+ background-color: ${De("background-color-unchecked-enabled")};
1722
1820
  &.isDisabled,
1723
1821
  &.isReadOnly {
1724
- background-color: ${_e("background-color-unchecked-disabled")};
1822
+ background-color: ${De("background-color-unchecked-disabled")};
1725
1823
  cursor: not-allowed;
1726
1824
  }
1727
1825
  &.isChecked {
1728
- background-color: ${_e("background-color-checked-enabled")};
1826
+ background-color: ${De("background-color-checked-enabled")};
1729
1827
  &.isDisabled,
1730
1828
  &.isReadOnly {
1731
- background-color: ${_e("background-color-checked-disabled")};
1829
+ background-color: ${De("background-color-checked-disabled")};
1732
1830
  cursor: not-allowed;
1733
1831
  }
1734
1832
  }
1735
1833
 
1736
1834
  // width...
1737
- width: calc(${_e("padding-horizontal")} * 2 + ${xe("width")} * 2);
1835
+ width: calc(${De("padding-horizontal")} * 2 + ${ye("width")} * 2);
1738
1836
  &.showIcons {
1739
1837
  width: ${`calc(
1740
- ${_e("padding-horizontal")} * 2 + ${xe("width")} * 2 + 4px
1838
+ ${De("padding-horizontal")} * 2 + ${ye("width")} * 2 + 4px
1741
1839
  )`};
1742
1840
  }
1743
1841
  `,Ns=g.div`
1744
- border-radius: ${xe("border-radius")};
1745
- box-shadow: ${xe("box-shadow")};
1746
- height: ${xe("height")};
1747
- transition-duration: ${xe("transition-duration")};
1842
+ border-radius: ${ye("border-radius")};
1843
+ box-shadow: ${ye("box-shadow")};
1844
+ height: ${ye("height")};
1845
+ transition-duration: ${ye("transition-duration")};
1748
1846
  transition-property: transform;
1749
1847
  transition-timing-function: ease-in-out;
1750
- width: ${xe("width")};
1848
+ width: ${ye("width")};
1751
1849
 
1752
1850
  // background-color...
1753
- background-color: ${xe("background-color-unchecked-enabled")};
1851
+ background-color: ${ye("background-color-unchecked-enabled")};
1754
1852
  &.isDisabled,
1755
1853
  &.isReadOnly {
1756
- background-color: ${xe("background-color-unchecked-disabled")};
1854
+ background-color: ${ye("background-color-unchecked-disabled")};
1757
1855
  cursor: not-allowed;
1758
1856
  }
1759
1857
  &.isChecked {
1760
- background-color: ${xe("background-color-checked-enabled")};
1858
+ background-color: ${ye("background-color-checked-enabled")};
1761
1859
  &.isDisabled,
1762
1860
  &.isReadOnly {
1763
- background-color: ${xe("background-color-checked-disabled")};
1861
+ background-color: ${ye("background-color-checked-disabled")};
1764
1862
  cursor: not-allowed;
1765
1863
  }
1766
1864
  }
@@ -1773,12 +1871,12 @@
1773
1871
  transform: translate(calc(100% + 4px), 0px);
1774
1872
  }
1775
1873
  }
1776
- `,bo=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:l,id:a,...u})=>{const[h,p]=d.useState(e??!1);d.useEffect(()=>{p(e??!1)},[e]);const f=d.useCallback(()=>{t||l||(p(!h),r==null||r(!h))},[h,t,l,r]);return i.jsx(M.ClassNames,{children:({cx:m})=>i.jsxs(dh,{children:[o&&i.jsx(E,{color:t?"disabled":"grey",variant:n,children:o}),i.jsxs(Rs,{id:a,className:m({isReadOnly:l},h&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:f,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(pr,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:h?0:1,right:"3px"}}),i.jsx(pr,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:h?1:0}})]}),i.jsx(Ns,{className:m(h&&"isChecked",s&&"showIcons",{isReadOnly:l}),...u})]})]})})},uh=g.div`
1874
+ `,xo=({checked:e,disabled:t,label:o,labelVariant:r="small",onChange:n,showIcons:s,readOnly:l,id:a,...u})=>{const[h,p]=d.useState(e??!1);d.useEffect(()=>{p(e??!1)},[e]);const f=d.useCallback(()=>{t||l||(p(!h),n==null||n(!h))},[h,t,l,n]);return i.jsx(z.ClassNames,{children:({cx:m})=>i.jsxs(ph,{children:[o&&i.jsx(E,{color:t?"disabled":"grey",variant:r,children:o}),i.jsxs(Rs,{id:a,className:m({isReadOnly:l},h&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:f,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(pn,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:h?0:1,right:"3px"}}),i.jsx(pn,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:h?1:0}})]}),i.jsx(Ns,{className:m(h&&"isChecked",s&&"showIcons",{isReadOnly:l}),...u})]})]})})},fh=g.div`
1777
1875
  display: inline-block;
1778
1876
  line-height: 0;
1779
- `,hh=g.div`
1877
+ `,gh=g.div`
1780
1878
  z-index: 2;
1781
- `,Fs=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:l,offset:a,disabled:u})=>{const h=d.useRef(null),[p,f]=d.useState(n);d.useEffect(()=>{n!==void 0&&f(n)},[n]);const{refs:m,floatingStyles:x,context:b}=O.useFloating({open:p,onOpenChange:n===void 0?f:void 0,placement:l??"top",whileElementsMounted:O.autoUpdate,middleware:[O.offset(a??12),O.flip({fallbackAxisSideDirection:"start"}),O.shift(),O.arrow({element:h})]}),y=O.useHover(b,{move:!1,restMs:r}),w=O.useFocus(b),v=O.useDismiss(b),$=O.useRole(b,{role:"tooltip"}),{getReferenceProps:C,getFloatingProps:S}=O.useInteractions(u?[]:[y,w,v,$]);return i.jsxs(i.Fragment,{children:[i.jsx(uh,{className:s,ref:m.setReference,...C(),children:t}),i.jsx(O.FloatingPortal,{children:p&&i.jsxs(hh,{ref:m.setFloating,style:x,...S(),children:[i.jsx(O.FloatingArrow,{...e,ref:h,context:b}),o]})})]})},As=g.div`
1879
+ `,Fs=({arrow:e,children:t,content:o,open:r,openDelay:n=250,className:s,placement:l,offset:a,disabled:u})=>{const h=d.useRef(null),[p,f]=d.useState(r);d.useEffect(()=>{r!==void 0&&f(r)},[r]);const{refs:m,floatingStyles:b,context:x}=O.useFloating({open:p,onOpenChange:r===void 0?f:void 0,placement:l??"top",whileElementsMounted:O.autoUpdate,middleware:[O.offset(a??12),O.flip({fallbackAxisSideDirection:"start"}),O.shift(),O.arrow({element:h})]}),y=O.useHover(x,{move:!1,restMs:n}),w=O.useFocus(x),v=O.useDismiss(x),$=O.useRole(x,{role:"tooltip"}),{getReferenceProps:C,getFloatingProps:S}=O.useInteractions(u?[]:[y,w,v,$]);return i.jsxs(i.Fragment,{children:[i.jsx(fh,{className:s,ref:m.setReference,...C(),children:t}),i.jsx(O.FloatingPortal,{children:p&&i.jsxs(gh,{ref:m.setFloating,style:b,...S(),children:[i.jsx(O.FloatingArrow,{...e,ref:h,context:x}),o]})})]})},As=g.div`
1782
1880
  background-color: #ffffff;
1783
1881
  border-radius: 0px;
1784
1882
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
@@ -1786,120 +1884,120 @@
1786
1884
  display: flex;
1787
1885
  align-items: center;
1788
1886
  padding: ${e=>e.contain&&"7px 10px"};
1789
- `,Ls={fill:"#ffffff",height:12,tipRadius:0,width:14},xo=({arrow:e=Ls,children:t,contain:o=!0,content:n,...r})=>i.jsx(Fs,{arrow:e,content:i.jsx(As,{contain:o,children:i.jsx(E,{color:"dark",variant:"body",children:n})}),...r,children:t}),ph=g.div`
1887
+ `,Ls={fill:"#ffffff",height:12,tipRadius:0,width:14},yo=({arrow:e=Ls,children:t,contain:o=!0,content:r,...n})=>i.jsx(Fs,{arrow:e,content:i.jsx(As,{contain:o,children:i.jsx(E,{color:"dark",variant:"body",children:r})}),...n,children:t}),mh=g.div`
1790
1888
  display: flex;
1791
1889
  flex-direction: column;
1792
1890
  min-width: 160px;
1793
- `,fh=g.div`
1891
+ `,bh=g.div`
1794
1892
  display: flex;
1795
1893
  gap: 8px;
1796
1894
  height: 28px;
1797
1895
  padding: 7px 10px;
1798
- `,gh=g.div`
1896
+ `,xh=g.div`
1799
1897
  border-top: 1px solid #dfdfdf;
1800
- `,mh=g.div`
1898
+ `,yh=g.div`
1801
1899
  padding: 7px 12px;
1802
- `,bh=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},xh=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},yh=({message:e,title:t="Information",type:o="info"})=>i.jsxs(ph,{children:[i.jsxs(fh,{children:[i.jsx(F,{color:bh(o),iconId:xh(o)}),i.jsx(E,{bold:!0,variant:"body",children:t})]}),i.jsx(gh,{}),i.jsx(mh,{children:i.jsx(E,{variant:"body",children:e})})]}),In=({children:e,open:t,openDelay:o,className:n,...r})=>i.jsx(xo,{contain:!1,content:i.jsx(yh,{...r}),open:t,openDelay:o,className:n,children:e}),Bs=g.div`
1900
+ `,vh=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},kh=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},wh=({message:e,title:t="Information",type:o="info"})=>i.jsxs(mh,{children:[i.jsxs(bh,{children:[i.jsx(N,{color:vh(o),iconId:kh(o)}),i.jsx(E,{bold:!0,variant:"body",children:t})]}),i.jsx(xh,{}),i.jsx(yh,{children:i.jsx(E,{variant:"body",children:e})})]}),jr=({children:e,open:t,openDelay:o,className:r,...n})=>i.jsx(yo,{contain:!1,content:i.jsx(wh,{...n}),open:t,openDelay:o,className:r,children:e}),Bs=g.div`
1803
1901
  background-color: #000000;
1804
1902
  border-radius: 4px;
1805
1903
  color: #ffffff;
1806
1904
  display: flex;
1807
1905
  gap: 8px;
1808
1906
  padding: ${e=>e.contain&&"4px 8px"};
1809
- `,Ws={fill:"#000000",height:10,tipRadius:2,width:11},yo=d.forwardRef(({arrow:e=Ws,children:t,contain:o=!0,content:n,...r},s)=>i.jsx(Fs,{arrow:e,content:i.jsx(Bs,{contain:o,children:i.jsx(E,{color:"light",variant:"small",children:n})}),...r,children:d.isValidElement(t)?d.cloneElement(t,{ref:s}):t})),Ps=({title:e,...t})=>i.jsx(In,{...t,title:e??"Error",type:"error"}),vh=g.div`
1907
+ `,Ws={fill:"#000000",height:10,tipRadius:2,width:11},vo=d.forwardRef(({arrow:e=Ws,children:t,contain:o=!0,content:r,...n},s)=>i.jsx(Fs,{arrow:e,content:i.jsx(Bs,{contain:o,children:i.jsx(E,{color:"light",variant:"small",children:r})}),...n,children:d.isValidElement(t)?d.cloneElement(t,{ref:s}):t})),Ps=({title:e,...t})=>i.jsx(jr,{...t,title:e??"Error",type:"error"}),Ch=g.div`
1810
1908
  display: flex;
1811
1909
  gap: 4px;
1812
- `,kh=({label:e,value:t})=>i.jsxs(vh,{children:[i.jsx(F,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(E,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(E,{variant:"body",children:t})]}),Hs=({children:e,open:t,openDelay:o,...n})=>i.jsx(xo,{content:i.jsx(kh,{...n}),open:t,openDelay:o,children:e}),Vs=d.forwardRef(({variant:e,...t},o)=>{let n;switch(e){case"alert":n=In;break;case"dark":n=yo;break;case"error":n=Ps;break;case"light":n=xo;break;case"selector":n=Hs;break}return i.jsx(n,{...t,ref:o})}),Us=d.createContext(null),wh=({children:e,value:t})=>i.jsx(Us.Provider,{value:t,children:e}),Gs=()=>{const e=d.useContext(Us);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[zt]=z(["multi-select"]),Ks=g.div`
1910
+ `,$h=({label:e,value:t})=>i.jsxs(Ch,{children:[i.jsx(N,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(E,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(E,{variant:"body",children:t})]}),Hs=({children:e,open:t,openDelay:o,...r})=>i.jsx(yo,{content:i.jsx($h,{...r}),open:t,openDelay:o,children:e}),Vs=d.forwardRef(({variant:e,...t},o)=>{let r;switch(e){case"alert":r=jr;break;case"dark":r=vo;break;case"error":r=Ps;break;case"light":r=yo;break;case"selector":r=Hs;break}return i.jsx(r,{...t,ref:o})}),Us=d.createContext(null),Sh=({children:e,value:t})=>i.jsx(Us.Provider,{value:t,children:e}),Gs=()=>{const e=d.useContext(Us);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[Rt]=M(["multi-select"]),Ks=g.div`
1813
1911
  width: 100%;
1814
- padding: ${zt("item-padding-y")} ${zt("item-padding-x")};
1912
+ padding: ${Rt("item-padding-y")} ${Rt("item-padding-x")};
1815
1913
  display: flex;
1816
1914
  align-items: center;
1817
1915
  justify-content: flex-start;
1818
- column-gap: ${zt("item-gap")};
1819
- background-color: ${zt("background")};
1916
+ column-gap: ${Rt("item-gap")};
1917
+ background-color: ${Rt("background")};
1820
1918
  cursor: pointer;
1821
1919
  transition: background 0.125s ease-in-out;
1822
1920
  &:hover {
1823
- background-color: ${zt("item-hover-bg")};
1921
+ background-color: ${Rt("item-hover-bg")};
1824
1922
  }
1825
- `,[no]=z(["multi-select"]),Ch=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=Gs(),s=d.useRef(null),{isAllSelected:l,isPartiallySelected:a}=d.useMemo(()=>{const h=t.every(p=>o.some(f=>f.value===p.value));return{isAllSelected:h,isPartiallySelected:!h&&o.length!==0}},[o,t]),u=d.useCallback(()=>{n(l?[]:t),r(!1)},[l,r,n,t]);return d.useEffect(()=>{s.current&&(s.current.indeterminate=a)},[a]),e?i.jsx(e,{onToggleSelectAll:u,isAllSelected:l,isPartiallySelected:a}):i.jsxs($h,{onClick:u,children:[i.jsx(jt,{ref:s,onChange:He,checked:l}),i.jsx(E,{variant:"body",color:"dark",children:l?"Deselect All":"Select All"})]})}),$h=g(Ks)`
1923
+ `,[no]=M(["multi-select"]),jh=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:r,setOpen:n}=Gs(),s=d.useRef(null),{isAllSelected:l,isPartiallySelected:a}=d.useMemo(()=>{const h=t.every(p=>o.some(f=>f.value===p.value));return{isAllSelected:h,isPartiallySelected:!h&&o.length!==0}},[o,t]),u=d.useCallback(()=>{r(l?[]:t),n(!1)},[l,n,r,t]);return d.useEffect(()=>{s.current&&(s.current.indeterminate=a)},[a]),e?i.jsx(e,{onToggleSelectAll:u,isAllSelected:l,isPartiallySelected:a}):i.jsxs(Ih,{onClick:u,children:[i.jsx(_t,{ref:s,onChange:Ue,checked:l}),i.jsx(E,{variant:"body",color:"dark",children:l?"Deselect All":"Select All"})]})}),Ih=g(Ks)`
1826
1924
  border-bottom: ${no("border")} solid ${no("select-all-border-color")};
1827
1925
  position: sticky;
1828
1926
  top: 0;
1829
1927
  z-index: 2;
1830
1928
  padding-top: calc(${no("item-padding-y")} * 2);
1831
1929
  background-color: ${no("background")};
1832
- `,Sh=d.memo(({value:e,label:t,isSelected:o,ListItemTemplate:n,onToggleSelect:r})=>n?i.jsx(n,{value:e,label:t,isSelected:o}):i.jsxs(Ks,{onClick:()=>r({value:e,label:t}),children:[i.jsx(jt,{onChange:He,checked:o}),i.jsx(E,{variant:"body",color:"dark",children:t})]})),[bt]=z(["multi-select"]),jh=d.memo(({value:e,label:t,onRemove:o,SelectedItemTemplate:n})=>n?i.jsx(n,{value:e,label:t,onRemove:o}):i.jsxs(Ih,{children:[i.jsx(E,{variant:"body",color:"dark",children:t}),i.jsx(ie,{size:"xxsm",color:"black",iconId:"Close",onClick:()=>o({value:e,label:t})})]})),Ih=g.div`
1833
- padding: ${bt("selected-item-padding-y")} ${bt("selected-item-padding-x")};
1930
+ `,_h=d.memo(({value:e,label:t,isSelected:o,ListItemTemplate:r,onToggleSelect:n})=>r?i.jsx(r,{value:e,label:t,isSelected:o}):i.jsxs(Ks,{onClick:()=>n({value:e,label:t}),children:[i.jsx(_t,{onChange:Ue,checked:o}),i.jsx(E,{variant:"body",color:"dark",children:t})]})),[xt]=M(["multi-select"]),Dh=d.memo(({value:e,label:t,onRemove:o,SelectedItemTemplate:r})=>r?i.jsx(r,{value:e,label:t,onRemove:o}):i.jsxs(Th,{children:[i.jsx(E,{variant:"body",color:"dark",children:t}),i.jsx(ae,{size:"xxsm",color:"black",iconId:"Close",onClick:()=>o({value:e,label:t})})]})),Th=g.div`
1931
+ padding: ${xt("selected-item-padding-y")} ${xt("selected-item-padding-x")};
1834
1932
  display: flex;
1835
1933
  align-items: center;
1836
1934
  justify-content: flex-start;
1837
- column-gap: ${bt("selected-item-gap")};
1838
- background-color: ${bt("selected-item-background")};
1935
+ column-gap: ${xt("selected-item-gap")};
1936
+ background-color: ${xt("selected-item-background")};
1839
1937
  transition: background 0.125s ease-in-out;
1840
- border-radius: ${bt("selected-item-radius")};
1938
+ border-radius: ${xt("selected-item-radius")};
1841
1939
  :hover {
1842
- background-color: ${bt("selected-item-background-hover")};
1940
+ background-color: ${xt("selected-item-background-hover")};
1843
1941
  }
1844
- `,[ce]=z(["multi-select"]),Ys=d.memo(({options:e,selected:t,className:o,closeOnSelect:n,onChange:r,disabled:s,selectAllHidden:l,SelectAllItemTemplate:a,ListItemTemplate:u,SelectedItemTemplate:h})=>{const[p,f]=d.useState(!1),m=d.useCallback(j=>{console.log({_open:j}),f(j)},[]),{refs:x,floatingStyles:b,context:y}=O.useFloating({placement:"bottom",open:p,onOpenChange:m,whileElementsMounted:O.autoUpdate,middleware:zs}),w=O.useClick(y,{enabled:!s,toggle:!!n}),v=O.useDismiss(y),$=O.useRole(y,{role:"listbox"}),{getReferenceProps:C,getFloatingProps:S}=O.useInteractions([w,v,$]),k=d.useCallback(j=>{t.some(_=>_.value===j.value)?r(t.filter(_=>_.value!==j.value)):r([...t,j])},[r,t]),I=d.useMemo(()=>({open:p,setOpen:f,selected:t,onToggleSelect:k,onSetSelected:r}),[k,p,t,r]);return console.log({open:p}),i.jsx(wh,{value:I,children:i.jsxs(_h,{ref:x.setReference,className:o,...C({onClick(j){j.stopPropagation()}}),children:[t.map(j=>M.createElement(jh,{SelectedItemTemplate:h,...j,key:j.value,onRemove:k})),p&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:y,modal:!1,children:i.jsxs(Dh,{ref:x.setFloating,style:b,className:St({selectAllHidden:!!l||!!a}),...S(),children:[!l&&i.jsx(Ch,{SelectAllItemTemplate:a,options:e}),e.map(j=>i.jsx(Sh,{label:j.label,value:j.value,onToggleSelect:k,isSelected:t.some(_=>j.value===_.value),ListItemTemplate:u},j.value))]})})})]})})}),_h=g.div`
1942
+ `,[de]=M(["multi-select"]),Ys=d.memo(({options:e,selected:t,className:o,closeOnSelect:r,onChange:n,disabled:s,selectAllHidden:l,SelectAllItemTemplate:a,ListItemTemplate:u,SelectedItemTemplate:h})=>{const[p,f]=d.useState(!1),m=d.useCallback(j=>{console.log({_open:j}),f(j)},[]),{refs:b,floatingStyles:x,context:y}=O.useFloating({placement:"bottom",open:p,onOpenChange:m,whileElementsMounted:O.autoUpdate,middleware:Ms}),w=O.useClick(y,{enabled:!s,toggle:!!r}),v=O.useDismiss(y),$=O.useRole(y,{role:"listbox"}),{getReferenceProps:C,getFloatingProps:S}=O.useInteractions([w,v,$]),k=d.useCallback(j=>{t.some(_=>_.value===j.value)?n(t.filter(_=>_.value!==j.value)):n([...t,j])},[n,t]),I=d.useMemo(()=>({open:p,setOpen:f,selected:t,onToggleSelect:k,onSetSelected:n}),[k,p,t,n]);return console.log({open:p}),i.jsx(Sh,{value:I,children:i.jsxs(Eh,{ref:b.setReference,className:o,...C({onClick(j){j.stopPropagation()}}),children:[t.map(j=>z.createElement(Dh,{SelectedItemTemplate:h,...j,key:j.value,onRemove:k})),p&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:y,modal:!1,children:i.jsxs(zh,{ref:b.setFloating,style:x,className:It({selectAllHidden:!!l||!!a}),...S(),children:[!l&&i.jsx(jh,{SelectAllItemTemplate:a,options:e}),e.map(j=>i.jsx(_h,{label:j.label,value:j.value,onToggleSelect:k,isSelected:t.some(_=>j.value===_.value),ListItemTemplate:u},j.value))]})})})]})})}),Eh=g.div`
1845
1943
  width: 100%;
1846
1944
  height: fit-content;
1847
1945
  min-height: 28px;
1848
- padding: ${ce("padding-y")} ${ce("padding-x")};
1849
- border-radius: ${ce("border-radius")};
1946
+ padding: ${de("padding-y")} ${de("padding-x")};
1947
+ border-radius: ${de("border-radius")};
1850
1948
  display: flex;
1851
1949
  align-items: flex-start;
1852
1950
  justify-content: flex-start;
1853
- border-width: ${ce("border")};
1951
+ border-width: ${de("border")};
1854
1952
  border-style: solid;
1855
- border-color: ${ce("border-color")};
1856
- background-color: ${ce("background")};
1857
- gap: ${ce("gap")};
1953
+ border-color: ${de("border-color")};
1954
+ background-color: ${de("background")};
1955
+ gap: ${de("gap")};
1858
1956
  &:hover {
1859
- border-color: ${ce("hover-border-color")};
1957
+ border-color: ${de("hover-border-color")};
1860
1958
  }
1861
- `,Dh=g.div`
1959
+ `,zh=g.div`
1862
1960
  display: flex;
1863
1961
  flex-direction: column;
1864
- border: ${ce("border")} solid ${ce("border-color")};
1962
+ border: ${de("border")} solid ${de("border-color")};
1865
1963
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
1866
1964
  outline: 0;
1867
- border-radius: ${ce("border-radius")};
1965
+ border-radius: ${de("border-radius")};
1868
1966
  z-index: 2;
1869
1967
  max-height: 160px;
1870
1968
  overflow: auto;
1871
- padding-bottom: ${ce("list-padding")};
1872
- padding-left: ${ce("list-padding")};
1873
- padding-right: ${ce("list-padding")};
1874
- background-color: ${ce("background")};
1969
+ padding-bottom: ${de("list-padding")};
1970
+ padding-left: ${de("list-padding")};
1971
+ padding-right: ${de("list-padding")};
1972
+ background-color: ${de("background")};
1875
1973
  &.selectAllHidden {
1876
- padding-top: ${ce("list-padding")};
1974
+ padding-top: ${de("list-padding")};
1877
1975
  }
1878
- `,Th=d.memo(({className:e})=>{const t=d.useId();return i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",className:e,xmlns:"http://www.w3.org/2000/svg",children:[i.jsxs("g",{clipPath:`url(#${t}-clip-0)`,children:[i.jsx("mask",{id:`${t}-mask-1`,style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"48",height:"48",children:i.jsx("path",{d:"M47.95 0H0V47.95H47.95V0Z",fill:"white"})}),i.jsxs("g",{mask:`url(#${t}-mask-1)`,children:[i.jsx("path",{d:"M36.9766 0H10.9735C4.913 0 0 4.913 0 10.9735V36.9766C0 43.037 4.913 47.95 10.9735 47.95H36.9766C43.037 47.95 47.95 43.037 47.95 36.9766V10.9735C47.95 4.913 43.037 0 36.9766 0Z",fill:"black"}),i.jsx("path",{d:"M30.8827 24.7424C30.8827 25.7291 30.6646 26.6208 30.2341 27.393C29.8056 28.1617 29.2034 28.7704 28.4449 29.2013C27.6857 29.6323 26.8124 29.8504 25.8494 29.8504C24.8864 29.8504 24.0126 29.6323 23.2536 29.2013C22.495 28.7704 21.8929 28.1623 21.4643 27.393C21.0339 26.6208 20.8157 25.7291 20.8157 24.7424C20.8157 24.0474 20.9643 23.4216 21.258 22.8811C21.5493 22.345 21.9583 21.92 22.4736 21.6186C22.9907 21.3166 23.5864 21.1638 24.245 21.1638C24.9037 21.1638 25.5 21.3166 26.0166 21.6186C26.5319 21.92 26.9409 22.3444 27.2321 22.8811C27.5259 23.4216 27.6744 24.0481 27.6744 24.7424C27.6744 23.7556 27.4563 22.864 27.0259 22.0917C26.5973 21.3226 25.9951 20.7144 25.2366 20.2834C24.4781 19.8524 23.6049 19.6343 22.6407 19.6343C21.6764 19.6343 20.8039 19.8524 20.0453 20.2834C19.2867 20.7144 18.6846 21.3231 18.256 22.0917C17.8256 22.864 17.6074 23.7556 17.6074 24.7424C17.6074 25.9764 17.8951 27.0964 18.4628 28.0707C19.0311 29.0468 19.8288 29.8184 20.833 30.3636C21.8334 30.9068 22.9819 31.182 24.2457 31.182C25.5094 31.182 26.6586 30.9068 27.659 30.3636C28.663 29.8184 29.4607 29.0474 30.029 28.0707C30.5967 27.0964 30.8844 25.9764 30.8844 24.7424H30.8827Z",fill:"white"}),i.jsx("path",{d:"M17.6073 24.7424C17.6073 23.7556 17.8255 22.864 18.2558 22.0917C18.6845 21.3232 19.2866 20.7144 20.0452 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2365 20.2834C25.9949 20.7144 26.5972 21.3226 27.0258 22.0917C27.456 22.864 27.6743 23.7556 27.6743 24.7424C27.6743 25.4373 27.5256 26.0633 27.232 26.6036C26.9408 27.1399 26.5318 27.5649 26.0163 27.8663C25.4992 28.1682 24.9036 28.321 24.2449 28.321C23.5862 28.321 22.99 28.1682 22.4735 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.9642 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0338 26.6209 21.464 27.393C21.8926 28.1623 22.4949 28.7704 23.2533 29.2014C24.0119 29.6323 24.8852 29.8506 25.8493 29.8506C26.8135 29.8506 27.6862 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.234 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6566 18.578 25.508 18.3027 24.2443 18.3027C22.9805 18.3027 21.8315 18.578 20.831 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6073Z",fill:"white"}),i.jsx("path",{d:"M17.6072 24.7424C17.6072 23.7556 17.8253 22.864 18.2558 22.0917C18.6843 21.3232 19.2865 20.7144 20.045 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2363 20.2834C25.9949 20.7144 26.597 21.3226 27.0256 22.0917C27.456 22.864 27.6742 23.7556 27.6742 24.7424C27.6742 25.4373 27.5256 26.0633 27.2319 26.6036C26.9406 27.1399 26.5316 27.5649 26.0163 27.8663C25.4992 28.1682 24.9035 28.321 24.2449 28.321C23.5862 28.321 22.9899 28.1682 22.4733 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.964 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0336 26.6209 21.464 27.393C21.8926 28.1623 22.4948 28.7704 23.2533 29.2014C24.0118 29.6323 24.885 29.8504 25.8492 29.8504C26.8135 29.8504 27.686 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.2339 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6565 18.578 25.508 18.3027 24.2442 18.3027C22.9805 18.3027 21.8313 18.578 20.8309 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6072Z",fill:`url(#${t}-paint-0)`}),i.jsx("path",{d:"M41.6791 24.6258C41.0531 23.9767 40.1179 23.5308 38.8969 23.3002L36.5435 22.8692C35.7981 22.7276 35.4831 22.5744 35.3499 22.4704C35.1865 22.3431 35.1073 22.2075 35.1073 22.0559C35.1073 21.9627 35.1073 21.6791 35.6429 21.4015C36.0525 21.1892 36.5798 21.0817 37.2099 21.0817C38.3548 21.0817 39.4248 21.4585 40.3902 22.2022C40.4639 22.2592 40.5561 22.2902 40.6488 22.2902C40.7791 22.2902 40.8991 22.2314 40.9793 22.1291L42.2705 20.4789C42.4096 20.3012 42.3841 20.0462 42.2116 19.8981C41.5946 19.3691 40.8641 18.9702 40.0383 18.7128C39.1662 18.4411 38.2425 18.3032 37.2925 18.3032C36.2821 18.3032 35.3618 18.4595 34.5569 18.7675C33.7378 19.0814 33.0875 19.5409 32.6238 20.1329C32.1535 20.7339 31.9152 21.4479 31.9152 22.2539C31.9152 23.1479 32.2159 23.9077 32.8086 24.5122C33.3906 25.1061 34.2698 25.5175 35.4218 25.7362L37.9572 26.2165C38.5236 26.3301 38.9231 26.4757 39.1449 26.6487C39.3392 26.8009 39.4296 26.9691 39.4296 27.1795C39.4296 27.4749 39.2572 27.7247 38.9029 27.9428C38.5142 28.1818 37.9839 28.3036 37.3271 28.3036C35.9058 28.3036 34.6585 27.8589 33.6206 26.9816C33.5452 26.9179 33.4495 26.8829 33.3508 26.8829C33.2242 26.8829 33.1052 26.9388 33.0251 27.0369L31.6275 28.7369C31.4823 28.9135 31.5038 29.1704 31.6756 29.3219C32.2921 29.8652 33.0988 30.2998 34.0736 30.6137C35.1062 30.9465 36.2398 31.1154 37.4435 31.1154C38.4576 31.1154 39.3642 30.9465 40.1388 30.6137C40.9258 30.2754 41.5446 29.7887 41.9798 29.1662C42.4173 28.5397 42.6391 27.8102 42.6391 26.9982C42.6391 26.0834 42.3168 25.2851 41.6808 24.6252L41.6791 24.6258Z",fill:`url(#${t}-paint-1)`}),i.jsx("path",{d:"M12.9952 24.6802L18.8296 19.0464C19.0549 18.8271 19.0123 18.6261 18.9817 18.5529C18.9513 18.4799 18.8477 18.3032 18.5312 18.3032H15.5957C15.3764 18.3032 15.0963 18.4129 14.9319 18.5712L10.0172 23.3951V18.7357C10.0172 18.4981 9.82227 18.3032 9.58476 18.3032H7.26443C7.02692 18.3032 6.83203 18.4981 6.83203 18.7357V30.6249C6.83203 30.8624 7.02692 31.0574 7.26443 31.0574H9.58476C9.82227 31.0574 10.0172 30.8624 10.0172 30.6249V25.9655L14.9319 30.7894C15.0902 30.9417 15.3703 31.0574 15.5896 31.0574H18.525C18.8417 31.0574 18.9453 30.8807 18.9757 30.8077C19.0062 30.7345 19.0487 30.5335 18.8234 30.3142L12.9952 24.6802Z",fill:"white"})]})]}),i.jsxs("defs",{children:[i.jsxs("linearGradient",{id:`${t}-paint-0`,x1:"24.2439",y1:"19.4779",x2:"24.2439",y2:"28.6754",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsxs("linearGradient",{id:`${t}-paint-1`,x1:"37.0852",y1:"19.6069",x2:"37.0852",y2:"29.8117",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsx("clipPath",{id:`${t}-clip-0`,children:i.jsx("rect",{width:"48",height:"48",fill:"white"})})]})]})}),[De]=z(["collapsible-artifact-version"]),Eh=d.memo(({onListItemAction:e,isSelected:t,isInherited:o,id:n,name:r,createdAt:s,description:l})=>{const a=d.useCallback(()=>{e&&!o&&e(n,t?"deselect":"select")},[n,o,t,e]);return i.jsx(M.ClassNames,{children:({cx:u})=>i.jsxs(Mh,{onClick:a,className:u({isSelected:t,isInherited:o}),children:[i.jsxs(zh,{children:[i.jsxs(Oh,{children:[i.jsx(E,{variant:"small",color:"dark",bold:!0,children:r}),!!s&&i.jsx(E,{color:"grey",variant:"small",children:s})]}),l&&i.jsx(fo,{color:"grey",variant:"small",children:`${l}${l}`})]}),t?i.jsx(Rh,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?i.jsx(F,{iconId:"Inherited",color:"purple"}):null]})})}),Mh=g.div`
1976
+ `,Mh=d.memo(({className:e})=>{const t=d.useId();return i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",className:e,xmlns:"http://www.w3.org/2000/svg",children:[i.jsxs("g",{clipPath:`url(#${t}-clip-0)`,children:[i.jsx("mask",{id:`${t}-mask-1`,style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"48",height:"48",children:i.jsx("path",{d:"M47.95 0H0V47.95H47.95V0Z",fill:"white"})}),i.jsxs("g",{mask:`url(#${t}-mask-1)`,children:[i.jsx("path",{d:"M36.9766 0H10.9735C4.913 0 0 4.913 0 10.9735V36.9766C0 43.037 4.913 47.95 10.9735 47.95H36.9766C43.037 47.95 47.95 43.037 47.95 36.9766V10.9735C47.95 4.913 43.037 0 36.9766 0Z",fill:"black"}),i.jsx("path",{d:"M30.8827 24.7424C30.8827 25.7291 30.6646 26.6208 30.2341 27.393C29.8056 28.1617 29.2034 28.7704 28.4449 29.2013C27.6857 29.6323 26.8124 29.8504 25.8494 29.8504C24.8864 29.8504 24.0126 29.6323 23.2536 29.2013C22.495 28.7704 21.8929 28.1623 21.4643 27.393C21.0339 26.6208 20.8157 25.7291 20.8157 24.7424C20.8157 24.0474 20.9643 23.4216 21.258 22.8811C21.5493 22.345 21.9583 21.92 22.4736 21.6186C22.9907 21.3166 23.5864 21.1638 24.245 21.1638C24.9037 21.1638 25.5 21.3166 26.0166 21.6186C26.5319 21.92 26.9409 22.3444 27.2321 22.8811C27.5259 23.4216 27.6744 24.0481 27.6744 24.7424C27.6744 23.7556 27.4563 22.864 27.0259 22.0917C26.5973 21.3226 25.9951 20.7144 25.2366 20.2834C24.4781 19.8524 23.6049 19.6343 22.6407 19.6343C21.6764 19.6343 20.8039 19.8524 20.0453 20.2834C19.2867 20.7144 18.6846 21.3231 18.256 22.0917C17.8256 22.864 17.6074 23.7556 17.6074 24.7424C17.6074 25.9764 17.8951 27.0964 18.4628 28.0707C19.0311 29.0468 19.8288 29.8184 20.833 30.3636C21.8334 30.9068 22.9819 31.182 24.2457 31.182C25.5094 31.182 26.6586 30.9068 27.659 30.3636C28.663 29.8184 29.4607 29.0474 30.029 28.0707C30.5967 27.0964 30.8844 25.9764 30.8844 24.7424H30.8827Z",fill:"white"}),i.jsx("path",{d:"M17.6073 24.7424C17.6073 23.7556 17.8255 22.864 18.2558 22.0917C18.6845 21.3232 19.2866 20.7144 20.0452 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2365 20.2834C25.9949 20.7144 26.5972 21.3226 27.0258 22.0917C27.456 22.864 27.6743 23.7556 27.6743 24.7424C27.6743 25.4373 27.5256 26.0633 27.232 26.6036C26.9408 27.1399 26.5318 27.5649 26.0163 27.8663C25.4992 28.1682 24.9036 28.321 24.2449 28.321C23.5862 28.321 22.99 28.1682 22.4735 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.9642 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0338 26.6209 21.464 27.393C21.8926 28.1623 22.4949 28.7704 23.2533 29.2014C24.0119 29.6323 24.8852 29.8506 25.8493 29.8506C26.8135 29.8506 27.6862 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.234 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6566 18.578 25.508 18.3027 24.2443 18.3027C22.9805 18.3027 21.8315 18.578 20.831 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6073Z",fill:"white"}),i.jsx("path",{d:"M17.6072 24.7424C17.6072 23.7556 17.8253 22.864 18.2558 22.0917C18.6843 21.3232 19.2865 20.7144 20.045 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2363 20.2834C25.9949 20.7144 26.597 21.3226 27.0256 22.0917C27.456 22.864 27.6742 23.7556 27.6742 24.7424C27.6742 25.4373 27.5256 26.0633 27.2319 26.6036C26.9406 27.1399 26.5316 27.5649 26.0163 27.8663C25.4992 28.1682 24.9035 28.321 24.2449 28.321C23.5862 28.321 22.9899 28.1682 22.4733 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.964 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0336 26.6209 21.464 27.393C21.8926 28.1623 22.4948 28.7704 23.2533 29.2014C24.0118 29.6323 24.885 29.8504 25.8492 29.8504C26.8135 29.8504 27.686 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.2339 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6565 18.578 25.508 18.3027 24.2442 18.3027C22.9805 18.3027 21.8313 18.578 20.8309 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6072Z",fill:`url(#${t}-paint-0)`}),i.jsx("path",{d:"M41.6791 24.6258C41.0531 23.9767 40.1179 23.5308 38.8969 23.3002L36.5435 22.8692C35.7981 22.7276 35.4831 22.5744 35.3499 22.4704C35.1865 22.3431 35.1073 22.2075 35.1073 22.0559C35.1073 21.9627 35.1073 21.6791 35.6429 21.4015C36.0525 21.1892 36.5798 21.0817 37.2099 21.0817C38.3548 21.0817 39.4248 21.4585 40.3902 22.2022C40.4639 22.2592 40.5561 22.2902 40.6488 22.2902C40.7791 22.2902 40.8991 22.2314 40.9793 22.1291L42.2705 20.4789C42.4096 20.3012 42.3841 20.0462 42.2116 19.8981C41.5946 19.3691 40.8641 18.9702 40.0383 18.7128C39.1662 18.4411 38.2425 18.3032 37.2925 18.3032C36.2821 18.3032 35.3618 18.4595 34.5569 18.7675C33.7378 19.0814 33.0875 19.5409 32.6238 20.1329C32.1535 20.7339 31.9152 21.4479 31.9152 22.2539C31.9152 23.1479 32.2159 23.9077 32.8086 24.5122C33.3906 25.1061 34.2698 25.5175 35.4218 25.7362L37.9572 26.2165C38.5236 26.3301 38.9231 26.4757 39.1449 26.6487C39.3392 26.8009 39.4296 26.9691 39.4296 27.1795C39.4296 27.4749 39.2572 27.7247 38.9029 27.9428C38.5142 28.1818 37.9839 28.3036 37.3271 28.3036C35.9058 28.3036 34.6585 27.8589 33.6206 26.9816C33.5452 26.9179 33.4495 26.8829 33.3508 26.8829C33.2242 26.8829 33.1052 26.9388 33.0251 27.0369L31.6275 28.7369C31.4823 28.9135 31.5038 29.1704 31.6756 29.3219C32.2921 29.8652 33.0988 30.2998 34.0736 30.6137C35.1062 30.9465 36.2398 31.1154 37.4435 31.1154C38.4576 31.1154 39.3642 30.9465 40.1388 30.6137C40.9258 30.2754 41.5446 29.7887 41.9798 29.1662C42.4173 28.5397 42.6391 27.8102 42.6391 26.9982C42.6391 26.0834 42.3168 25.2851 41.6808 24.6252L41.6791 24.6258Z",fill:`url(#${t}-paint-1)`}),i.jsx("path",{d:"M12.9952 24.6802L18.8296 19.0464C19.0549 18.8271 19.0123 18.6261 18.9817 18.5529C18.9513 18.4799 18.8477 18.3032 18.5312 18.3032H15.5957C15.3764 18.3032 15.0963 18.4129 14.9319 18.5712L10.0172 23.3951V18.7357C10.0172 18.4981 9.82227 18.3032 9.58476 18.3032H7.26443C7.02692 18.3032 6.83203 18.4981 6.83203 18.7357V30.6249C6.83203 30.8624 7.02692 31.0574 7.26443 31.0574H9.58476C9.82227 31.0574 10.0172 30.8624 10.0172 30.6249V25.9655L14.9319 30.7894C15.0902 30.9417 15.3703 31.0574 15.5896 31.0574H18.525C18.8417 31.0574 18.9453 30.8807 18.9757 30.8077C19.0062 30.7345 19.0487 30.5335 18.8234 30.3142L12.9952 24.6802Z",fill:"white"})]})]}),i.jsxs("defs",{children:[i.jsxs("linearGradient",{id:`${t}-paint-0`,x1:"24.2439",y1:"19.4779",x2:"24.2439",y2:"28.6754",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsxs("linearGradient",{id:`${t}-paint-1`,x1:"37.0852",y1:"19.6069",x2:"37.0852",y2:"29.8117",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsx("clipPath",{id:`${t}-clip-0`,children:i.jsx("rect",{width:"48",height:"48",fill:"white"})})]})]})}),[Te]=M(["collapsible-artifact-version"]),Oh=d.memo(({onListItemAction:e,isSelected:t,isInherited:o,id:r,name:n,createdAt:s,description:l})=>{const a=d.useCallback(()=>{e&&!o&&e(r,t?"deselect":"select")},[r,o,t,e]);return i.jsx(z.ClassNames,{children:({cx:u})=>i.jsxs(Rh,{onClick:a,className:u({isSelected:t,isInherited:o}),children:[i.jsxs(Nh,{children:[i.jsxs(Fh,{children:[i.jsx(E,{variant:"small",color:"dark",bold:!0,children:n}),!!s&&i.jsx(E,{color:"grey",variant:"small",children:s})]}),l&&i.jsx(go,{color:"grey",variant:"small",children:`${l}${l}`})]}),t?i.jsx(Ah,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?i.jsx(N,{iconId:"Inherited",color:"purple"}):null]})})}),Rh=g.div`
1879
1977
  width: 100%;
1880
1978
  position: relative;
1881
1979
  display: flex;
1882
- padding: ${De("padding")};
1883
- border-radius: ${De("border-radius")};
1884
- background-color: ${De("background-color")};
1885
- border: ${De("border-width")} solid ${De("border-color")};
1980
+ padding: ${Te("padding")};
1981
+ border-radius: ${Te("border-radius")};
1982
+ background-color: ${Te("background-color")};
1983
+ border: ${Te("border-width")} solid ${Te("border-color")};
1886
1984
  cursor: pointer;
1887
1985
  transition: border-color 0.125s ease-in-out, background 0.125s ease-in-out;
1888
1986
  &.isInherited {
1889
- background-color: ${De("background-color-inherited")};
1890
- border-color: ${De("border-color-inherited")};
1987
+ background-color: ${Te("background-color-inherited")};
1988
+ border-color: ${Te("border-color-inherited")};
1891
1989
  }
1892
1990
  &.isSelected {
1893
- background-color: ${De("background-color-selected")};
1894
- border-color: ${De("border-color-selected")};
1991
+ background-color: ${Te("background-color-selected")};
1992
+ border-color: ${Te("border-color-selected")};
1895
1993
  }
1896
1994
  :hover:not(.isSelected) {
1897
- background-color: ${De("background-color-hover")};
1995
+ background-color: ${Te("background-color-hover")};
1898
1996
  }
1899
1997
  :hover:not(.isSelected):not(.isInherited) {
1900
- border-color: ${De("border-color-hover")};
1998
+ border-color: ${Te("border-color-hover")};
1901
1999
  }
1902
- `,zh=g.div`
2000
+ `,Nh=g.div`
1903
2001
  width: 100%;
1904
2002
  display: flex;
1905
2003
  align-items: flex-start;
@@ -1907,28 +2005,28 @@
1907
2005
  flex-direction: column;
1908
2006
  row-gap: 1px;
1909
2007
  overflow: hidden;
1910
- `,Oh=g.div`
2008
+ `,Fh=g.div`
1911
2009
  width: 100%;
1912
2010
  display: flex;
1913
2011
  align-items: center;
1914
2012
  justify-content: flex-start;
1915
2013
  gap: 8px;
1916
- `,Rh=g(F)`
2014
+ `,Ah=g(N)`
1917
2015
  position: absolute;
1918
2016
  top: 50%;
1919
2017
  transform: translateY(-50%);
1920
2018
  right: 8px;
1921
- `,[Wt,Ao,Nh]=z(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Fh=({headerContent:e,toggledContent:t,isOpen:o,onOpenChange:n})=>i.jsx(ho,{open:o,onOpenChange:n,children:i.jsxs(Lh,{children:[i.jsx(pn,{children:i.jsxs(Bh,{children:[i.jsx(ie,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(po,{children:i.jsx(Ah,{children:t})})]})}),Ah=g.div`
2019
+ `,[Pt,Ao,Lh]=M(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Bh=({headerContent:e,toggledContent:t,isOpen:o,onOpenChange:r})=>i.jsx(po,{open:o,onOpenChange:r,children:i.jsxs(Ph,{children:[i.jsx(hr,{children:i.jsxs(Hh,{children:[i.jsx(ae,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(fo,{children:i.jsx(Wh,{children:t})})]})}),Wh=g.div`
1922
2020
  flex-direction: column;
1923
- gap: ${Nh("gap")};
1924
- `,Lh=g.div`
1925
- border-radius: ${Wt("border-radius")};
1926
- border: ${Wt("border-width")} solid ${Wt("border-color")};
2021
+ gap: ${Lh("gap")};
2022
+ `,Ph=g.div`
2023
+ border-radius: ${Pt("border-radius")};
2024
+ border: ${Pt("border-width")} solid ${Pt("border-color")};
1927
2025
  display: flex;
1928
2026
  flex-direction: column;
1929
2027
  overflow: hidden;
1930
2028
  position: relative;
1931
- `,Bh=g.div`
2029
+ `,Hh=g.div`
1932
2030
  align-items: center;
1933
2031
  background-color: ${Ao("background-color")};
1934
2032
  cursor: pointer;
@@ -1941,14 +2039,14 @@
1941
2039
  }
1942
2040
 
1943
2041
  &[data-state="open"] {
1944
- border-bottom: ${Wt("border-width")} solid
1945
- ${Wt("border-color")};
2042
+ border-bottom: ${Pt("border-width")} solid
2043
+ ${Pt("border-color")};
1946
2044
  }
1947
- `,[fr]=z(["combobox"]),Wh=d.memo(({isDeletable:e,inputText:t,setInputText:o,onSelectionChange:n,placeholder:r,setIsOpen:s,tooltipText:l,onKeyDown:a})=>{const u=d.useCallback(p=>{o(p.target.value??"")},[o]),h=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return i.jsxs(Ph,{children:[i.jsx(Vh,{value:t,onChange:u,onKeyDown:a,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Hh,{children:i.jsx(Vs,{variant:"dark",content:l,children:i.jsx(ie,{onClick:h,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Ph=g.div`
2045
+ `,[fn]=M(["combobox"]),Vh=d.memo(({isDeletable:e,inputText:t,setInputText:o,onSelectionChange:r,placeholder:n,setIsOpen:s,tooltipText:l,onKeyDown:a})=>{const u=d.useCallback(p=>{o(p.target.value??"")},[o]),h=d.useCallback(()=>{o(""),r("select",void 0),s(!1)},[r,o,s]);return i.jsxs(Uh,{children:[i.jsx(Kh,{value:t,onChange:u,onKeyDown:a,placeholder:n,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Gh,{children:i.jsx(Vs,{variant:"dark",content:l,children:i.jsx(ae,{onClick:h,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Uh=g.div`
1948
2046
  width: 100%;
1949
2047
  position: relative;
1950
2048
  display: flex;
1951
- `,Hh=g.div`
2049
+ `,Gh=g.div`
1952
2050
  position: absolute;
1953
2051
  right: 8px;
1954
2052
  top: 50%;
@@ -1956,55 +2054,55 @@
1956
2054
  align-items: center;
1957
2055
  justify-content: center;
1958
2056
  transform: translateY(-50%);
1959
- `,Vh=g(It)`
1960
- border-radius: ${fr("input-border-radius")};
1961
- height: ${fr("height")};
2057
+ `,Kh=g(Dt)`
2058
+ border-radius: ${fn("input-border-radius")};
2059
+ height: ${fn("height")};
1962
2060
  width: 100%;
1963
2061
 
1964
2062
  &.isDeletable {
1965
2063
  padding-right: ${c("spacing-32")};
1966
2064
  }
1967
- `,Uh=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(F,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(fo,{variant:"body",color:"dark",children:e})]})),[ze,Gh]=z(["combobox","option"]),Kh=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:n,isDeletable:r,OptionLabelComponent:s,placeholder:l,createNode:a,createText:u,className:h,onEnter:p,t:f})=>{const{setIsOpen:m,selectedIndex:x}=Sn(),b=d.useCallback(()=>{o("create",{id:t,name:t}),m(!1)},[t,m,o]),y=d.useMemo(()=>!e.length||!e.some(v=>v.name.toLowerCase()===t.toLowerCase()),[t,e]),w=d.useCallback(v=>{v.code==="Enter"&&t&&p&&p(t,()=>m(!1))},[t,p,m]);return i.jsxs(qh,{className:h,children:[i.jsx(Wh,{inputText:t,setIsOpen:m,onSelectionChange:o,setInputText:n,isDeletable:r,onKeyDown:p?w:void 0,placeholder:l??"Enter a name",tooltipText:(f==null?void 0:f("comboBox.tooltipText"))??"Remove?"}),e.map((v,$)=>i.jsx(Jh,{label:s?i.jsx(s,{...v,selected:x===$}):i.jsx(Uh,{name:v.name}),optionKey:v.id,disabled:v.isHeader},v.id)),y&&t?a?i.jsx(Xh,{onClick:b,children:a}):i.jsx(Zh,{size:"med",onClick:b,children:u??"Create?"}):null]})},qs=({children:e,deletable:t,options:o,selected:n,onInputChange:r,onSelectionChange:s,requiresSelection:l,...a})=>{const u=d.useRef(n==null?void 0:n.id),[h,p]=d.useState(l?"":(n==null?void 0:n.name)??""),f=!!n&&n.name===h,m=t!==void 0?t:f&&!l;d.useLayoutEffect(()=>{u.current!==(n==null?void 0:n.id)&&(p(l?"":(n==null?void 0:n.name)??""),u.current=n==null?void 0:n.id)},[n,l]);const x=d.useCallback($=>{p($),r==null||r($)},[r]),b=d.useCallback(($,C)=>{u.current=C==null?void 0:C.id,p(l?"":(C==null?void 0:C.name)??""),s($,C==null?void 0:C.id)},[s,l]),y=d.useCallback($=>{const C=o.find(S=>S.id===$);C&&b("select",C)},[b,o]),w=d.useMemo(()=>f?o:o.filter($=>$.name.toLowerCase().includes(h.toLowerCase())||$.isHeader),[h,o,f]),v=d.useMemo(()=>w.findIndex($=>$.id===(n==null?void 0:n.id)),[w,n==null?void 0:n.id]);return i.jsx(Yh,{selectedIndex:v,isFocusTrapDisabled:!0,onSelect:y,Reference:e,children:i.jsx(Kh,{...a,handleInputChange:x,handleSelectionChange:b,optionsToRender:w,isDeletable:m,inputText:h})})},Yh=g(_t)`
1968
- border-radius: ${ze("border-radius")};
2065
+ `,Yh=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(N,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(go,{variant:"body",color:"dark",children:e})]})),[Oe,qh]=M(["combobox","option"]),Zh=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:r,isDeletable:n,OptionLabelComponent:s,placeholder:l,createNode:a,createText:u,className:h,onEnter:p,t:f})=>{const{setIsOpen:m,selectedIndex:b}=$r(),x=d.useCallback(()=>{o("create",{id:t,name:t}),m(!1)},[t,m,o]),y=d.useMemo(()=>!e.length||!e.some(v=>v.name.toLowerCase()===t.toLowerCase()),[t,e]),w=d.useCallback(v=>{v.code==="Enter"&&t&&p&&p(t,()=>m(!1))},[t,p,m]);return i.jsxs(Jh,{className:h,children:[i.jsx(Vh,{inputText:t,setIsOpen:m,onSelectionChange:o,setInputText:r,isDeletable:n,onKeyDown:p?w:void 0,placeholder:l??"Enter a name",tooltipText:(f==null?void 0:f("comboBox.tooltipText"))??"Remove?"}),e.map((v,$)=>i.jsx(tp,{label:s?i.jsx(s,{...v,selected:b===$}):i.jsx(Yh,{name:v.name}),optionKey:v.id,disabled:v.isHeader},v.id)),y&&t?a?i.jsx(ep,{onClick:x,children:a}):i.jsx(Qh,{size:"med",onClick:x,children:u??"Create?"}):null]})},qs=({children:e,deletable:t,options:o,selected:r,onInputChange:n,onSelectionChange:s,requiresSelection:l,...a})=>{const u=d.useRef(r==null?void 0:r.id),[h,p]=d.useState(l?"":(r==null?void 0:r.name)??""),f=!!r&&r.name===h,m=t!==void 0?t:f&&!l;d.useLayoutEffect(()=>{u.current!==(r==null?void 0:r.id)&&(p(l?"":(r==null?void 0:r.name)??""),u.current=r==null?void 0:r.id)},[r,l]);const b=d.useCallback($=>{p($),n==null||n($)},[n]),x=d.useCallback(($,C)=>{u.current=C==null?void 0:C.id,p(l?"":(C==null?void 0:C.name)??""),s($,C==null?void 0:C.id)},[s,l]),y=d.useCallback($=>{const C=o.find(S=>S.id===$);C&&x("select",C)},[x,o]),w=d.useMemo(()=>f?o:o.filter($=>$.name.toLowerCase().includes(h.toLowerCase())||$.isHeader),[h,o,f]),v=d.useMemo(()=>w.findIndex($=>$.id===(r==null?void 0:r.id)),[w,r==null?void 0:r.id]);return i.jsx(Xh,{selectedIndex:v,isFocusTrapDisabled:!0,onSelect:y,Reference:e,children:i.jsx(Zh,{...a,handleInputChange:b,handleSelectionChange:x,optionsToRender:w,isDeletable:m,inputText:h})})},Xh=g(Tt)`
2066
+ border-radius: ${Oe("border-radius")};
1969
2067
  overflow: hidden;
1970
- `,qh=g.div`
2068
+ `,Jh=g.div`
1971
2069
  width: 200px;
1972
2070
  height: auto;
1973
2071
  display: flex;
1974
2072
  flex-direction: column;
1975
2073
  align-items: flex-start;
1976
2074
  justify-content: flex-start;
1977
- background-color: ${ze("background-color")};
1978
- border-radius: ${ze("border-radius")};
1979
- box-shadow: ${ze("box-shadow")};
1980
- padding: ${ze("padding")};
1981
- row-gap: ${ze("row-gap")};
1982
- `,Zh=g(hn)`
1983
- padding: ${Gh("padding")};
1984
- `,Xh=g.div`
2075
+ background-color: ${Oe("background-color")};
2076
+ border-radius: ${Oe("border-radius")};
2077
+ box-shadow: ${Oe("box-shadow")};
2078
+ padding: ${Oe("padding")};
2079
+ row-gap: ${Oe("row-gap")};
2080
+ `,Qh=g(ur)`
2081
+ padding: ${qh("padding")};
2082
+ `,ep=g.div`
1985
2083
  cursor: pointer;
1986
2084
  width: 100%;
1987
- `,Jh=g(ct)`
2085
+ `,tp=g(dt)`
1988
2086
  width: 100%;
1989
2087
  display: flex;
1990
2088
  align-items: center;
1991
2089
  justify-content: flex-start;
1992
- background-color: ${ze("background-color")};
1993
- border-radius: ${ze("selection-border-radius")};
1994
- column-gap: ${ze("option-column-gap")};
2090
+ background-color: ${Oe("background-color")};
2091
+ border-radius: ${Oe("selection-border-radius")};
2092
+ column-gap: ${Oe("option-column-gap")};
1995
2093
  transition: background 0.125s ease-in-out;
1996
2094
  overflow: hidden;
1997
2095
  > .option-label-icon {
1998
2096
  display: none;
1999
2097
  }
2000
2098
  &.isSelected {
2001
- background-color: ${ze("background-color-selected")};
2099
+ background-color: ${Oe("background-color-selected")};
2002
2100
  > .option-label-icon {
2003
2101
  display: block;
2004
2102
  }
2005
2103
  }
2006
2104
  &.isActive:not(.isSelected) {
2007
- background-color: ${ze("background-color-active")};
2105
+ background-color: ${Oe("background-color-active")};
2008
2106
  }
2009
2107
  &.disabled {
2010
2108
  cursor: initial;
@@ -2034,69 +2132,69 @@
2034
2132
  pointer-events: none;
2035
2133
  background-color: ${c("color-grey10")};
2036
2134
  }
2037
- `,Qh=e=>typeof e=="string"?e.trim().length>0||"Required":!0,ep=e=>{const{register:t}=e,o=d.useCallback((r,s)=>{if(!s||!s.required)return t(r,s);const l=typeof s.validate=="function"?{default:s.validate}:s.validate,a={...s,validate:{...l,whitespaces:Qh}};return t(r,a)},[t]),n=d.useMemo(()=>({...e.control,register:o}),[e.control,o]);return{...e,register:o,control:n}};function Xs({children:e,onSubmit:t,onRootErrorChange:o,className:n,defaultValues:r,variant:s="submit",...l}){const a=q.useForm({shouldUnregister:!0,defaultValues:r,...l,mode:s==="blur"?"onBlur":l.mode}),u=ep(a),h=u.formState.errors.root;d.useEffect(()=>{o&&o(h)},[h,o]);const p=d.useCallback(async f=>{await t(f,u.setError)},[u.setError,t]);return i.jsx(q.FormProvider,{...u,children:i.jsx("form",{className:n,onSubmit:s==="blur"?void 0:u.handleSubmit(p),onBlur:s==="blur"?u.handleSubmit(p):void 0,children:e})})}const tp=d.memo(()=>i.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M5.99961 3.6001C5.35761 3.6001 4.75761 3.8481 4.30361 4.3041C3.84961 4.7581 3.59961 5.3581 3.59961 6.0001C3.59961 6.6421 3.84961 7.2421 4.30361 7.6961C4.75761 8.1481 5.35961 8.4001 5.99961 8.4001C6.63961 8.4001 7.24161 8.1501 7.69561 7.6961C8.14761 7.2421 8.39961 6.6401 8.39961 6.0001C8.39961 5.3601 8.14961 4.7581 7.69561 4.3041C7.24161 3.8481 6.64161 3.6001 5.99961 3.6001Z",fill:"#262626"})})),op=e=>e===void 0?i.jsx(tp,{}):e?i.jsx(F,{iconId:"Check",color:"green",size:"sm"}):i.jsx(F,{iconId:"Close",color:"red",size:"sm"}),Js=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:n,className:r,t:s,title:l})=>i.jsxs(np,{className:r,children:[!!l&&i.jsx(E,{color:"dark",bold:!0,variant:"body",children:l}),i.jsx(rp,{children:t.map(a=>{const u=e?void 0:o.includes(a.id);return i.jsxs(sp,{children:[n?n(a.id,u):op(u),i.jsx(ip,{variant:"body",color:"dark",children:s?s(a.textKey):a.id})]},a.id)})})]})),np=g.div`
2135
+ `,op=e=>typeof e=="string"?e.trim().length>0||"Required":!0,rp=e=>{const{register:t}=e,o=d.useCallback((n,s)=>{if(!s||!s.required)return t(n,s);const l=typeof s.validate=="function"?{default:s.validate}:s.validate,a={...s,validate:{...l,whitespaces:op}};return t(n,a)},[t]),r=d.useMemo(()=>({...e.control,register:o}),[e.control,o]);return{...e,register:o,control:r}};function Xs({children:e,onSubmit:t,onRootErrorChange:o,className:r,defaultValues:n,variant:s="submit",...l}){const a=q.useForm({shouldUnregister:!0,defaultValues:n,...l,mode:s==="blur"?"onBlur":l.mode}),u=rp(a),h=u.formState.errors.root;d.useEffect(()=>{o&&o(h)},[h,o]);const p=d.useCallback(async f=>{await t(f,u.setError)},[u.setError,t]);return i.jsx(q.FormProvider,{...u,children:i.jsx("form",{className:r,onSubmit:s==="blur"?void 0:u.handleSubmit(p),onBlur:s==="blur"?u.handleSubmit(p):void 0,children:e})})}const np=d.memo(()=>i.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M5.99961 3.6001C5.35761 3.6001 4.75761 3.8481 4.30361 4.3041C3.84961 4.7581 3.59961 5.3581 3.59961 6.0001C3.59961 6.6421 3.84961 7.2421 4.30361 7.6961C4.75761 8.1481 5.35961 8.4001 5.99961 8.4001C6.63961 8.4001 7.24161 8.1501 7.69561 7.6961C8.14761 7.2421 8.39961 6.6401 8.39961 6.0001C8.39961 5.3601 8.14961 4.7581 7.69561 4.3041C7.24161 3.8481 6.64161 3.6001 5.99961 3.6001Z",fill:"#262626"})})),sp=e=>e===void 0?i.jsx(np,{}):e?i.jsx(N,{iconId:"Check",color:"green",size:"sm"}):i.jsx(N,{iconId:"Close",color:"red",size:"sm"}),Js=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:r,className:n,t:s,title:l})=>i.jsxs(ip,{className:n,children:[!!l&&i.jsx(E,{color:"dark",bold:!0,variant:"body",children:l}),i.jsx(ap,{children:t.map(a=>{const u=e?void 0:o.includes(a.id);return i.jsxs(lp,{children:[r?r(a.id,u):sp(u),i.jsx(cp,{variant:"body",color:"dark",children:s?s(a.textKey):a.id})]},a.id)})})]})),ip=g.div`
2038
2136
  display: flex;
2039
2137
  align-items: flex-start;
2040
2138
  justify-content: flex-start;
2041
2139
  flex-direction: column;
2042
- `,rp=g.ul`
2140
+ `,ap=g.ul`
2043
2141
  margin: 0px;
2044
2142
  padding-left: 0px;
2045
2143
  row-gap: 4px;
2046
2144
  list-style-type: none;
2047
2145
  list-style-position: inside;
2048
- `,sp=g.li`
2146
+ `,lp=g.li`
2049
2147
  margin: 0;
2050
2148
  align-items: center;
2051
2149
  display: flex;
2052
2150
  justify-content: flex-start;
2053
- `,ip=g(E)`
2151
+ `,cp=g(E)`
2054
2152
  margin-left: 4px;
2055
- `,ap=()=>q.useFormContext(),[gr]=z(["form"]),_n=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],Qs=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},..._n],lp=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:n})=>{const{getFieldState:r,formState:s}=ap(),{error:l,isDirty:a}=r(e??"password",s),u=d.useMemo(()=>{const h=(l==null?void 0:l.types)??{},p=[];return!h.minLength&&!h.required&&p.push("length"),!h.tooSimilar&&n&&p.push("tooSimilar"),!h[At.noDigit]&&!h[At.noUpperCase]&&p.push("uppercaseAndNumber"),h[At.noSpecialCharacter]||p.push("specialCharacter"),p},[l==null?void 0:l.types,n]);return i.jsx(M.ClassNames,{children:({cx:h})=>i.jsx(cp,{t,className:h({hasLabel:o}),isBlank:!a&&!l,requirements:n?Qs:_n,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),cp=g(Js)`
2153
+ `,dp=()=>q.useFormContext(),[gn]=M(["form"]),Ir=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],Qs=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},...Ir],up=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:r})=>{const{getFieldState:n,formState:s}=dp(),{error:l,isDirty:a}=n(e??"password",s),u=d.useMemo(()=>{const h=(l==null?void 0:l.types)??{},p=[];return!h.minLength&&!h.required&&p.push("length"),!h.tooSimilar&&r&&p.push("tooSimilar"),!h[Bt.noDigit]&&!h[Bt.noUpperCase]&&p.push("uppercaseAndNumber"),h[Bt.noSpecialCharacter]||p.push("specialCharacter"),p},[l==null?void 0:l.types,r]);return i.jsx(z.ClassNames,{children:({cx:h})=>i.jsx(hp,{t,className:h({hasLabel:o}),isBlank:!a&&!l,requirements:r?Qs:Ir,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),hp=g(Js)`
2056
2154
  width: 100%;
2057
2155
  align-items: flex-start;
2058
2156
  justify-content: flex-start;
2059
2157
  &.hasLabel {
2060
- padding-left: calc(${gr("label-width")} + ${gr("label-column-gap")});
2061
- }
2062
- `,[ut]=z(["form"]),Ce=d.forwardRef(({className:e,required:t,formItemId:o,isValid:n,...r},s)=>i.jsx(M.ClassNames,{children:({cx:l})=>i.jsx(dp,{ref:s,"aria-required":t,"aria-invalid":!n,className:l(e,"form-label"),htmlFor:o,...r})})),dp=g.label`
2063
- font-family: ${ut("label-font-family")};
2064
- font-size: ${ut("label-font-size")};
2065
- font-weight: ${ut("label-font-weight")};
2066
- height: ${ut("label-height")};
2067
- line-height: ${ut("label-line-height")};
2158
+ padding-left: calc(${gn("label-width")} + ${gn("label-column-gap")});
2159
+ }
2160
+ `,[ht]=M(["form"]),$e=d.forwardRef(({className:e,required:t,formItemId:o,isValid:r,...n},s)=>i.jsx(z.ClassNames,{children:({cx:l})=>i.jsx(pp,{ref:s,"aria-required":t,"aria-invalid":!r,className:l(e,"form-label"),htmlFor:o,...n})})),pp=g.label`
2161
+ font-family: ${ht("label-font-family")};
2162
+ font-size: ${ht("label-font-size")};
2163
+ font-weight: ${ht("label-font-weight")};
2164
+ height: ${ht("label-height")};
2165
+ line-height: ${ht("label-line-height")};
2068
2166
  text-align: right;
2069
2167
  width: 100%;
2070
2168
  &[aria-required="true"] {
2071
2169
  ::before {
2072
2170
  content: "*";
2073
- padding-right: ${ut("label-star-padding")};
2074
- color: ${ut("label-error-color")};
2171
+ padding-right: ${ht("label-star-padding")};
2172
+ color: ${ht("label-error-color")};
2075
2173
  }
2076
2174
  }
2077
- `;Ce.displayName="FormLabel";const[Lo]=z(["form"]),Ve=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:n,formState:r}=q.useFormContext(),{error:s}=n(t,r);if(!s)return null;const l=e==="message"?s.message:e(s);return l?i.jsx(up,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:l}):null}),up=g(E)`
2175
+ `;$e.displayName="FormLabel";const[Lo]=M(["form"]),Ge=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:r,formState:n}=q.useFormContext(),{error:s}=r(t,n);if(!s)return null;const l=e==="message"?s.message:e(s);return l?i.jsx(fp,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:l}):null}),fp=g(E)`
2078
2176
  width: 100%;
2079
2177
  margin-top: ${Lo("error-message-top-margin")};
2080
2178
  &.hasLabel {
2081
2179
  padding-left: calc(${Lo("label-width")} + ${Lo("label-column-gap")});
2082
2180
  }
2083
- `,[on]=z(["form"]),nt=g.div`
2181
+ `,[or]=M(["form"]),nt=g.div`
2084
2182
  display: flex;
2085
2183
  align-items: center;
2086
2184
  justify-content: flex-start;
2087
2185
  flex-direction: column;
2088
2186
  width: 100%;
2089
2187
  position: relative;
2090
- `,Ue=g.div`
2188
+ `,Ke=g.div`
2091
2189
  display: grid;
2092
2190
  align-items: center;
2093
2191
  grid-template-columns: 1fr;
2094
2192
  width: 100%;
2095
- column-gap: ${on("label-column-gap")};
2193
+ column-gap: ${or("label-column-gap")};
2096
2194
  &.hasLabel {
2097
- grid-template-columns: ${on("label-width")} 1fr;
2195
+ grid-template-columns: ${or("label-width")} 1fr;
2098
2196
  }
2099
- `,ei=g(Ue)`
2197
+ `,ei=g(Ke)`
2100
2198
  align-items: flex-start;
2101
2199
 
2102
2200
  /*
@@ -2107,65 +2205,65 @@
2107
2205
  can help...
2108
2206
 
2109
2207
  & label {
2110
- padding: ${on("label-area-padding")};
2208
+ padding: ${or("label-area-padding")};
2111
2209
  } */
2112
- `,Dn=g.input`
2210
+ `,_r=g.input`
2113
2211
  visibility: hidden;
2114
2212
  position: absolute;
2115
2213
  right: 0;
2116
2214
  top: 0;
2117
2215
  pointer-events: none;
2118
- `,hp=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:l,...a})=>{const{control:u}=q.useFormContext(),{field:{onChange:h,value:p,disabled:f},fieldState:{error:m}}=q.useController({name:e,control:u,rules:a,disabled:t}),x=d.useId();return i.jsx(M.ClassNames,{children:({cx:b})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:b({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:x,isValid:!m,required:!!a.required,children:o}),i.jsx(pp,{children:i.jsx(bo,{checked:p,disabled:f,readOnly:l,onChange:h,showIcons:s,id:x})})]}),!!r&&i.jsx(Ve,{handleError:r,name:e,hasLabel:!!o})]})})},pp=g.div`
2216
+ `,gp=({name:e,disabled:t,label:o,className:r,handleError:n,showIcons:s,readOnly:l,...a})=>{const{control:u}=q.useFormContext(),{field:{onChange:h,value:p,disabled:f},fieldState:{error:m}}=q.useController({name:e,control:u,rules:a,disabled:t}),b=d.useId();return i.jsx(z.ClassNames,{children:({cx:x})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:x({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:b,isValid:!m,required:!!a.required,children:o}),i.jsx(mp,{children:i.jsx(xo,{checked:p,disabled:f,readOnly:l,onChange:h,showIcons:s,id:b})})]}),!!n&&i.jsx(Ge,{handleError:n,name:e,hasLabel:!!o})]})})},mp=g.div`
2119
2217
  width: 100%;
2120
2218
  display: flex;
2121
2219
  align-items: center;
2122
2220
  justify-content: flex-start;
2123
- `,fp=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:l,wrap:a,readOnly:u,...h},p)=>{const{control:f}=q.useFormContext(),{field:{ref:m,...x},fieldState:{error:b}}=q.useController({name:e,control:f,rules:h,disabled:t}),y=d.useId(),w=O.useMergeRefs([m,p]);return i.jsx(M.ClassNames,{children:({cx:v})=>i.jsxs(nt,{children:[i.jsxs(ei,{className:v({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:y,isValid:!b,required:!!h.required,children:o}),i.jsx(jn,{...x,id:y,placeholder:n,ref:w,autoComplete:"off",className:v(r,"form-text-area"),"aria-invalid":!!b,autoFocus:l,readOnly:u,wrap:a})]}),!!s&&i.jsx(Ve,{handleError:s,name:e,hasLabel:!!o})]})})},gp=$t(fp),mp=({onSubmit:e,enabledIfClean:t,disabled:o,...n},r)=>{const{handleSubmit:s,setError:l,formState:{isValid:a,isSubmitting:u,dirtyFields:h}}=q.useFormContext(),p=d.useCallback(async x=>{console.log("[FormSubmit] _onSubmit data:",x),console.log("[FormSubmit] _onSubmit data keys:",Object.keys(x)),await e(x,l)},[l,e]),f=Object.keys(h).length>0,m=!a||u||!t&&!f||o;return i.jsx(Pe,{type:"submit",...n,ref:r,disabled:m,onClick:s(p)})},Tn=$t(mp),ti=({disabled:e,isSmall:t,children:o,value:n,id:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,getLabel:h,getIcon:p,onSelect:f,onKeyDown:m})=>{var I,j;const x=d.useRef(n);d.useEffect(()=>{x.current=n},[n]);const b=d.useCallback(_=>{let B=p==null?void 0:p(_),U=h==null?void 0:h(_),P;return _&&d.Children.forEach(o,L=>{d.isValidElement(L)&&L.props.optionKey&&L.props.optionKey===_&&(P=L)}),P!==void 0&&d.isValidElement(P)&&P.props.label&&(U=U??P.props.label,B=B??P.props.prefixIconId),{label:U??"",iconId:B}},[o,p,h]),y=d.useCallback((_,B)=>{let U=null;return d.Children.forEach(_,(P,L)=>{d.isValidElement(P)&&P.props.optionKey&&P.props.optionKey===B&&(U=L)}),U},[]),[w,v]=d.useState(y(o,n));d.useEffect(()=>{v(y(o,x.current))},[o,y]);const[$,C]=d.useState((I=b(n))==null?void 0:I.label),[S,k]=d.useState((j=b(n))==null?void 0:j.iconId);return d.useEffect(()=>{const _=b(n);C(_==null?void 0:_.label),k(_==null?void 0:_.iconId)},[n,b]),i.jsx(M.ClassNames,{children:({cx:_})=>i.jsx(xp,{onSelect:f,disabled:e,matchReferenceWidth:!0,selectedIndex:w,onSelectedIndexChange:v,Reference:i.jsx(bp,{value:$??"",disabled:e,onChange:He,id:r,onKeyDown:m,isSmall:t,prefixIconId:l||S,prefixIconColor:a,type:"text",placeholder:s,autoComplete:"off",className:_(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},bp=g(It)`
2221
+ `,bp=({name:e,disabled:t,label:o,placeholder:r,className:n,handleError:s,autoFocus:l,wrap:a,readOnly:u,...h},p)=>{const{control:f}=q.useFormContext(),{field:{ref:m,...b},fieldState:{error:x}}=q.useController({name:e,control:f,rules:h,disabled:t}),y=d.useId(),w=O.useMergeRefs([m,p]);return i.jsx(z.ClassNames,{children:({cx:v})=>i.jsxs(nt,{children:[i.jsxs(ei,{className:v({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:y,isValid:!x,required:!!h.required,children:o}),i.jsx(Sr,{...b,id:y,placeholder:r,ref:w,autoComplete:"off",className:v(n,"form-text-area"),"aria-invalid":!!x,autoFocus:l,readOnly:u,wrap:a})]}),!!s&&i.jsx(Ge,{handleError:s,name:e,hasLabel:!!o})]})})},xp=jt(bp),yp=({onSubmit:e,enabledIfClean:t,disabled:o,...r},n)=>{const{handleSubmit:s,setError:l,formState:{isValid:a,isSubmitting:u,dirtyFields:h}}=q.useFormContext(),p=d.useCallback(async b=>{console.log("[FormSubmit] _onSubmit data:",b),console.log("[FormSubmit] _onSubmit data keys:",Object.keys(b)),await e(b,l)},[l,e]),f=Object.keys(h).length>0,m=!a||u||!t&&!f||o;return i.jsx(Ve,{type:"submit",...r,ref:n,disabled:m,onClick:s(p)})},Dr=jt(yp),ti=({disabled:e,isSmall:t,children:o,value:r,id:n,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,getLabel:h,getIcon:p,onSelect:f,onKeyDown:m})=>{var I,j;const b=d.useRef(r);d.useEffect(()=>{b.current=r},[r]);const x=d.useCallback(_=>{let B=p==null?void 0:p(_),U=h==null?void 0:h(_),P;return _&&d.Children.forEach(o,L=>{d.isValidElement(L)&&L.props.optionKey&&L.props.optionKey===_&&(P=L)}),P!==void 0&&d.isValidElement(P)&&P.props.label&&(U=U??P.props.label,B=B??P.props.prefixIconId),{label:U??"",iconId:B}},[o,p,h]),y=d.useCallback((_,B)=>{let U=null;return d.Children.forEach(_,(P,L)=>{d.isValidElement(P)&&P.props.optionKey&&P.props.optionKey===B&&(U=L)}),U},[]),[w,v]=d.useState(y(o,r));d.useEffect(()=>{v(y(o,b.current))},[o,y]);const[$,C]=d.useState((I=x(r))==null?void 0:I.label),[S,k]=d.useState((j=x(r))==null?void 0:j.iconId);return d.useEffect(()=>{const _=x(r);C(_==null?void 0:_.label),k(_==null?void 0:_.iconId)},[r,x]),i.jsx(z.ClassNames,{children:({cx:_})=>i.jsx(kp,{onSelect:f,disabled:e,matchReferenceWidth:!0,selectedIndex:w,onSelectedIndexChange:v,Reference:i.jsx(vp,{value:$??"",disabled:e,onChange:Ue,id:n,onKeyDown:m,isSmall:t,prefixIconId:l||S,prefixIconColor:a,type:"text",placeholder:s,autoComplete:"off",className:_(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},vp=g(Dt)`
2124
2222
  caret-color: transparent;
2125
2223
  user-select: none;
2126
2224
  -webkit-user-select: none;
2127
- `,xp=g(_t)`
2225
+ `,kp=g(Tt)`
2128
2226
  max-height: 300px;
2129
- `,yp=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,readOnly:h,onSelectionChange:p,...f})=>{const{control:m}=q.useFormContext(),{field:{ref:x,...b},fieldState:{error:y}}=q.useController({name:e,control:m,rules:f,disabled:t}),w=d.useId(),{onChange:v}=b,$=d.useCallback(C=>{v(C),p&&p(C)},[v,p]);return i.jsx(M.ClassNames,{children:({cx:C})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:C({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:w,isValid:!y,required:!!f.required,children:o}),i.jsx(ti,{disabled:t||h,onSelect:$,className:u,id:w,value:b.value,children:r})]}),!!n&&i.jsx(Ve,{handleError:n,name:e,hasLabel:!!o}),i.jsx(Dn,{ref:x,...b})]})})},vp=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:h,suffixIconId:p,suffixIcon:f,autoFocus:m,readOnly:x,bold:b,...y},w)=>{const{control:v}=q.useFormContext(),{field:{ref:$,...C},fieldState:{error:S}}=q.useController({name:e,control:v,rules:y,disabled:t}),k=d.useId(),I=O.useMergeRefs([$,w]);return i.jsx(M.ClassNames,{children:({cx:j})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:j({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:k,isValid:!S,required:!!y.required,children:o}),i.jsx(It,{...C,onChange:_=>{y.autoTrim?C.onChange(_.target.value.trim()):C.onChange(_.target.value)},id:k,type:r,autoFocus:m,placeholder:n,ref:I,autoComplete:"off",prefixIconColor:u,prefixIconId:a,suffixIconId:p,suffixIconColor:h,suffixIcon:f,className:j(s,"form-input"),"aria-invalid":!!S,readOnly:x})]}),!!l&&i.jsx(Ve,{handleError:l,name:e,hasLabel:!!o})]})})},En=$t(vp),kp=({areaField:e,name:t,disabled:o,readOnly:n,label:r,handleError:s,children:l,className:a,...u})=>{const{control:h}=q.useFormContext(),{field:p,fieldState:{error:f,...m}}=q.useController({name:t,control:h,rules:u,disabled:o}),x=d.useId(),b=e?ei:Ue;return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(nt,{className:a,children:[i.jsxs(b,{className:y("form-input-wrapper",{hasLabel:!!r}),children:[r&&i.jsx(Ce,{formItemId:x,isValid:!f,required:!!u.required,children:r}),l(p,{error:f,readOnly:n,...m})]}),!!s&&i.jsx(Ve,{handleError:s,name:t,hasLabel:!!r})]})})},wp=({name:e,disabled:t,label:o,className:n,handleError:r,readOnly:s,...l},a)=>{const{control:u}=q.useFormContext(),{field:{ref:h,...p},fieldState:{error:f}}=q.useController({name:e,control:u,rules:l,disabled:t}),m=d.useId(),x=O.useMergeRefs([h,a]),b=d.useCallback(y=>{y.target.blur(),p.onChange(y)},[p]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:y({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:m,isValid:!f,required:!!l.required,children:o}),i.jsx(jt,{checked:!!p.value,disabled:p.disabled||s,onChange:b,id:m,ref:x,className:y(n,"form-checkbox"),"aria-invalid":!!f})]}),!!r&&i.jsx(Ve,{handleError:r,name:e,hasLabel:!!o})]})})},Cp=$t(wp),[Pt]=z(["form"]),mr=({control:e,name:t,t:o,readOnly:n})=>{const{field:{onChange:r,value:s,disabled:l}}=q.useController({name:t,control:e,rules:{},disabled:!1}),a=d.useId();return i.jsxs($p,{children:[i.jsx(Sp,{isValid:!0,formItemId:a,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),i.jsx(bo,{checked:s,readOnly:l||n,onChange:r,id:a})]})},$p=g.div`
2227
+ `,wp=({name:e,disabled:t,label:o,handleError:r,children:n,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,readOnly:h,onSelectionChange:p,...f})=>{const{control:m}=q.useFormContext(),{field:{ref:b,...x},fieldState:{error:y}}=q.useController({name:e,control:m,rules:f,disabled:t}),w=d.useId(),{onChange:v}=x,$=d.useCallback(C=>{v(C),p&&p(C)},[v,p]);return i.jsx(z.ClassNames,{children:({cx:C})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:C({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:w,isValid:!y,required:!!f.required,children:o}),i.jsx(ti,{disabled:t||h,onSelect:$,className:u,id:w,value:x.value,children:n})]}),!!r&&i.jsx(Ge,{handleError:r,name:e,hasLabel:!!o}),i.jsx(_r,{ref:b,...x})]})})},Cp=({name:e,disabled:t,label:o,placeholder:r,type:n,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:h,suffixIconId:p,suffixIcon:f,autoFocus:m,readOnly:b,bold:x,...y},w)=>{const{control:v}=q.useFormContext(),{field:{ref:$,...C},fieldState:{error:S}}=q.useController({name:e,control:v,rules:y,disabled:t}),k=d.useId(),I=O.useMergeRefs([$,w]);return i.jsx(z.ClassNames,{children:({cx:j})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:j({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:k,isValid:!S,required:!!y.required,children:o}),i.jsx(Dt,{...C,onChange:_=>{y.autoTrim?C.onChange(_.target.value.trim()):C.onChange(_.target.value)},id:k,type:n,autoFocus:m,placeholder:r,ref:I,autoComplete:"off",prefixIconColor:u,prefixIconId:a,suffixIconId:p,suffixIconColor:h,suffixIcon:f,className:j(s,"form-input"),"aria-invalid":!!S,readOnly:b})]}),!!l&&i.jsx(Ge,{handleError:l,name:e,hasLabel:!!o})]})})},Tr=jt(Cp),$p=({areaField:e,name:t,disabled:o,readOnly:r,label:n,handleError:s,children:l,className:a,...u})=>{const{control:h}=q.useFormContext(),{field:p,fieldState:{error:f,...m}}=q.useController({name:t,control:h,rules:u,disabled:o}),b=d.useId(),x=e?ei:Ke;return i.jsx(z.ClassNames,{children:({cx:y})=>i.jsxs(nt,{className:a,children:[i.jsxs(x,{className:y("form-input-wrapper",{hasLabel:!!n}),children:[n&&i.jsx($e,{formItemId:b,isValid:!f,required:!!u.required,children:n}),l(p,{error:f,readOnly:r,...m})]}),!!s&&i.jsx(Ge,{handleError:s,name:t,hasLabel:!!n})]})})},Sp=({name:e,disabled:t,label:o,className:r,handleError:n,readOnly:s,...l},a)=>{const{control:u}=q.useFormContext(),{field:{ref:h,...p},fieldState:{error:f}}=q.useController({name:e,control:u,rules:l,disabled:t}),m=d.useId(),b=O.useMergeRefs([h,a]),x=d.useCallback(y=>{y.target.blur(),p.onChange(y)},[p]);return i.jsx(z.ClassNames,{children:({cx:y})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:y({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:m,isValid:!f,required:!!l.required,children:o}),i.jsx(_t,{checked:!!p.value,disabled:p.disabled||s,onChange:x,id:m,ref:b,className:y(r,"form-checkbox"),"aria-invalid":!!f})]}),!!n&&i.jsx(Ge,{handleError:n,name:e,hasLabel:!!o})]})})},jp=jt(Sp),[Ht]=M(["form"]),mn=({control:e,name:t,t:o,readOnly:r})=>{const{field:{onChange:n,value:s,disabled:l}}=q.useController({name:t,control:e,rules:{},disabled:!1}),a=d.useId();return i.jsxs(Ip,{children:[i.jsx(_p,{isValid:!0,formItemId:a,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),i.jsx(xo,{checked:s,readOnly:l||r,onChange:n,id:a})]})},Ip=g.div`
2130
2228
  display: flex;
2131
2229
  align-items: center;
2132
2230
  justify-content: flex-start;
2133
- column-gap: ${Pt("access-toggle-gap")};
2134
- `,Sp=g(Ce)`
2231
+ column-gap: ${Ht("access-toggle-gap")};
2232
+ `,_p=g($e)`
2135
2233
  width: auto;
2136
- `,jp=({className:e,t,isAdmin:o,hideHide:n,hideLock:r})=>{const{control:s}=q.useFormContext(),l=q.useWatch();return o?i.jsxs(Ip,{className:e,children:[i.jsx(E,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),i.jsxs(_p,{children:[!n&&i.jsx(mr,{name:"hidden",readOnly:!!l.locked,control:s}),!r&&i.jsx(mr,{name:"locked",control:s})]})]}):null},Ip=g.div`
2234
+ `,Dp=({className:e,t,isAdmin:o,hideHide:r,hideLock:n})=>{const{control:s}=q.useFormContext(),l=q.useWatch();return o?i.jsxs(Tp,{className:e,children:[i.jsx(E,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),i.jsxs(Ep,{children:[!r&&i.jsx(mn,{name:"hidden",readOnly:!!l.locked,control:s}),!n&&i.jsx(mn,{name:"locked",control:s})]})]}):null},Tp=g.div`
2137
2235
  width: 100%;
2138
2236
  display: grid;
2139
2237
  align-items: center;
2140
2238
  background-color: ${c("color-grey10")};
2141
2239
  border-radius: ${c("spacing-4")};
2142
- grid-template-columns: ${Pt("label-width")} 1fr;
2143
- height: ${Pt("access-toggle-height")};
2144
- column-gap: ${Pt("label-column-gap")};
2145
- `,_p=g.div`
2240
+ grid-template-columns: ${Ht("label-width")} 1fr;
2241
+ height: ${Ht("access-toggle-height")};
2242
+ column-gap: ${Ht("label-column-gap")};
2243
+ `,Ep=g.div`
2146
2244
  width: 100%;
2147
2245
  height: 100%;
2148
2246
  display: flex;
2149
2247
  align-items: center;
2150
2248
  justify-content: flex-start;
2151
- column-gap: ${Pt("label-column-gap")};
2152
- `,Dp=d.memo(({nameBlackList:e,maxLength:t,t:o,...n})=>{const r=d.useCallback(s=>xs.test(s)?t&&s.length>t?(o==null?void 0:o("form.tooLongName"))??`Cannot be longer than ${t}.`:e&&e.includes(s)?(o==null?void 0:o("form.duplicateName"))??"This name is already taken":!0:(o==null?void 0:o("form.noLeadingOrTrailingSpacesName"))??"Cannot have leading or trailing spaces.",[t,e,o]);return i.jsx(En,{validate:r,handleError:"message",name:"name",...n})}),Tp=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:h,suffixIconId:p,autoFocus:f,readOnly:m,options:x,useLabelAsValue:b,...y})=>{const{control:w}=q.useFormContext(),{field:{ref:v,...$},fieldState:{error:C}}=q.useController({name:e,control:w,rules:y,disabled:t}),S=d.useId(),k=d.useCallback((j,_)=>{$.onChange(_??"")},[$]),I=d.useMemo(()=>{if($.value)return{id:$.value,name:$.value}},[$.value]);return i.jsx(M.ClassNames,{children:({cx:j})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:j({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:S,isValid:!C,required:!!y.required,children:o}),i.jsx(qs,{options:x,selected:I,onSelectionChange:k,children:i.jsxs(Ep,{children:[i.jsx(fo,{variant:"body",color:"dark",children:$.value}),i.jsx(Mp,{children:i.jsx(F,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!l&&i.jsx(Ve,{handleError:l,name:e,hasLabel:!!o}),i.jsx(Dn,{ref:v,...$})]})})},Ep=g(Zs)`
2249
+ column-gap: ${Ht("label-column-gap")};
2250
+ `,zp=d.memo(({nameBlackList:e,maxLength:t,t:o,...r})=>{const n=d.useCallback(s=>xs.test(s)?t&&s.length>t?(o==null?void 0:o("form.tooLongName"))??`Cannot be longer than ${t}.`:e&&e.includes(s)?(o==null?void 0:o("form.duplicateName"))??"This name is already taken":!0:(o==null?void 0:o("form.noLeadingOrTrailingSpacesName"))??"Cannot have leading or trailing spaces.",[t,e,o]);return i.jsx(Tr,{validate:n,handleError:"message",name:"name",...r})}),Mp=({name:e,disabled:t,label:o,placeholder:r,type:n,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:h,suffixIconId:p,autoFocus:f,readOnly:m,options:b,useLabelAsValue:x,...y})=>{const{control:w}=q.useFormContext(),{field:{ref:v,...$},fieldState:{error:C}}=q.useController({name:e,control:w,rules:y,disabled:t}),S=d.useId(),k=d.useCallback((j,_)=>{$.onChange(_??"")},[$]),I=d.useMemo(()=>{if($.value)return{id:$.value,name:$.value}},[$.value]);return i.jsx(z.ClassNames,{children:({cx:j})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:j({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:S,isValid:!C,required:!!y.required,children:o}),i.jsx(qs,{options:b,selected:I,onSelectionChange:k,children:i.jsxs(Op,{children:[i.jsx(go,{variant:"body",color:"dark",children:$.value}),i.jsx(Rp,{children:i.jsx(N,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!l&&i.jsx(Ge,{handleError:l,name:e,hasLabel:!!o}),i.jsx(_r,{ref:v,...$})]})})},Op=g(Zs)`
2153
2251
  height: 29px;
2154
2252
  width: 100%;
2155
- `,Mp=g.div`
2253
+ `,Rp=g.div`
2156
2254
  width: 100%;
2157
2255
  height: 100%;
2158
2256
  display: flex;
2159
2257
  align-items: center;
2160
2258
  justify-content: center;
2161
- `,zp=({name:e,disabled:t,label:o,handleError:n,readOnly:r,placeholder:s,...l})=>{const{control:a}=q.useFormContext(),u=d.useRef(null),{field:{ref:h,value:p,onChange:f,...m},fieldState:{error:x}}=q.useController({name:e,control:a,rules:l,disabled:t}),b=d.useId(),y=O.useMergeRefs([h,u]),w=d.useCallback(()=>{u.current&&u.current.click()},[]),v=d.useCallback(S=>{S.preventDefault()},[]),$=d.useCallback(S=>{S.preventDefault();let k=!1;if(S.dataTransfer.items.length)for(let I=0;I<S.dataTransfer.items.length&&!k;I++){const j=S.dataTransfer.items[I];if(j.kind==="file"){const _=j.getAsFile();_&&(k=!0,f(_))}}},[f]),C=d.useCallback(()=>{f(void 0)},[f]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:S({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:b,isValid:!x,required:!!l.required,children:o}),p?i.jsxs(Np,{children:[i.jsx(F,{iconId:"File",size:"sm",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:p.name}),i.jsx(Fp,{onClick:C,iconId:"Close",size:"sm",color:"black"})]}):i.jsxs(Op,{onDrop:$,onClick:w,onDragOver:v,children:[i.jsx(F,{iconId:"File",size:"med",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:s})]}),i.jsx(Rp,{value:p==null?void 0:p.fileName,...m,id:b,onChange:k=>{k.target.files&&f(k.target.files[0])},type:"file",ref:y})]}),!!n&&i.jsx(Ve,{handleError:n,name:e,hasLabel:!!o})]})})},oi=g.div`
2259
+ `,Np=({name:e,disabled:t,label:o,handleError:r,readOnly:n,placeholder:s,...l})=>{const{control:a}=q.useFormContext(),u=d.useRef(null),{field:{ref:h,value:p,onChange:f,...m},fieldState:{error:b}}=q.useController({name:e,control:a,rules:l,disabled:t}),x=d.useId(),y=O.useMergeRefs([h,u]),w=d.useCallback(()=>{u.current&&u.current.click()},[]),v=d.useCallback(S=>{S.preventDefault()},[]),$=d.useCallback(S=>{S.preventDefault();let k=!1;if(S.dataTransfer.items.length)for(let I=0;I<S.dataTransfer.items.length&&!k;I++){const j=S.dataTransfer.items[I];if(j.kind==="file"){const _=j.getAsFile();_&&(k=!0,f(_))}}},[f]),C=d.useCallback(()=>{f(void 0)},[f]);return i.jsx(z.ClassNames,{children:({cx:S})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:S({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:x,isValid:!b,required:!!l.required,children:o}),p?i.jsxs(Lp,{children:[i.jsx(N,{iconId:"File",size:"sm",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:p.name}),i.jsx(Bp,{onClick:C,iconId:"Close",size:"sm",color:"black"})]}):i.jsxs(Fp,{onDrop:$,onClick:w,onDragOver:v,children:[i.jsx(N,{iconId:"File",size:"med",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:s})]}),i.jsx(Ap,{value:p==null?void 0:p.fileName,...m,id:x,onChange:k=>{k.target.files&&f(k.target.files[0])},type:"file",ref:y})]}),!!r&&i.jsx(Ge,{handleError:r,name:e,hasLabel:!!o})]})})},oi=g.div`
2162
2260
  width: 100%;
2163
2261
  padding: ${c("spacing-12")};
2164
2262
  display: flex;
2165
2263
  border: 1px solid ${c("color-grey30")};
2166
2264
  background-color: ${c("color-grey10")};
2167
2265
  border-radius: ${c("spacing-6")};
2168
- `,Op=g(oi)`
2266
+ `,Fp=g(oi)`
2169
2267
  align-items: center;
2170
2268
  justify-content: center;
2171
2269
  flex-direction: column;
@@ -2175,15 +2273,15 @@
2175
2273
  :hover {
2176
2274
  border-color: ${c("color-grey50")};
2177
2275
  }
2178
- `,Rp=g.input`
2276
+ `,Ap=g.input`
2179
2277
  display: none;
2180
- `,Np=g(oi)`
2278
+ `,Lp=g(oi)`
2181
2279
  align-items: flex-start;
2182
2280
  justify-content: flex-start;
2183
2281
  column-gap: ${c("spacing-4")};
2184
- `,Fp=g(ie)`
2282
+ `,Bp=g(ae)`
2185
2283
  margin-left: auto;
2186
- `,Ap=({name:e,disabled:t,label:o,handleError:n,options:r,selectAllHidden:s,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u,className:h,readOnly:p,closeOnSelect:f,...m})=>{const{control:x}=q.useFormContext(),{field:{value:b,onChange:y},fieldState:{error:w}}=q.useController({name:e,control:x,rules:m,disabled:t}),v=d.useId(),$=d.useCallback(C=>{y(C)},[y]);return i.jsx(M.ClassNames,{children:({cx:C})=>i.jsxs(nt,{children:[i.jsxs(Ue,{className:C({hasLabel:!!o}),children:[o&&i.jsx(Ce,{formItemId:v,isValid:!w,required:!!m.required,children:o}),i.jsx(Ys,{disabled:t||p,options:r,closeOnSelect:f,onChange:$,selected:b,className:h,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u})]}),!!n&&i.jsx(Ve,{handleError:n,name:e,hasLabel:!!o})]})})},qt=(e,t)=>{const[o,n]=d.useState(!1);return d.useEffect(()=>{async function r(){var s;e!=null&&e.init&&(await((s=e.init)==null?void 0:s.call(e)),t==null||t()),n(!0)}return r(),()=>{var s;(s=e==null?void 0:e.dispose)==null||s.call(e)}},[t,e]),o},Dt=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:He,isDisabled:!1}),Ge=()=>{const e=d.useContext(Dt);return e||{isSelected:()=>!1,selected:[],toggleSelection:He,isDisabled:!1}},Mn=Symbol.for("kos.list.source"),Vt="__kos_source__";function uo(e,t){return{...e,[Mn]:t}}function Ut(e){return e[Mn]??e[Vt]}function Lp(e,t){if(t in e)return e[t];const o=Ut(e);if(o&&typeof o=="object"&&t in o)return o[t]}function Bp(e){return typeof e=="object"&&e!==null&&"locked"in e&&typeof e.locked=="boolean"}const zn=({groupName:e})=>i.jsx(Wp,{children:i.jsx(Pp,{variant:"small",bold:!0,children:e})});zn.displayName="AsyncListGroupHeader";const Wp=g.div`
2284
+ `,Wp=({name:e,disabled:t,label:o,handleError:r,options:n,selectAllHidden:s,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u,className:h,readOnly:p,closeOnSelect:f,...m})=>{const{control:b}=q.useFormContext(),{field:{value:x,onChange:y},fieldState:{error:w}}=q.useController({name:e,control:b,rules:m,disabled:t}),v=d.useId(),$=d.useCallback(C=>{y(C)},[y]);return i.jsx(z.ClassNames,{children:({cx:C})=>i.jsxs(nt,{children:[i.jsxs(Ke,{className:C({hasLabel:!!o}),children:[o&&i.jsx($e,{formItemId:v,isValid:!w,required:!!m.required,children:o}),i.jsx(Ys,{disabled:t||p,options:n,closeOnSelect:f,onChange:$,selected:x,className:h,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u})]}),!!r&&i.jsx(Ge,{handleError:r,name:e,hasLabel:!!o})]})})},Zt=(e,t)=>{const[o,r]=d.useState(!1);return d.useEffect(()=>{async function n(){var s;e!=null&&e.init&&(await((s=e.init)==null?void 0:s.call(e)),t==null||t()),r(!0)}return n(),()=>{var s;(s=e==null?void 0:e.dispose)==null||s.call(e)}},[t,e]),o},Et=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:Ue,isDisabled:!1}),Ye=()=>{const e=d.useContext(Et);return e||{isSelected:()=>!1,selected:[],toggleSelection:Ue,isDisabled:!1}},Er=Symbol.for("kos.list.source"),Ut="__kos_source__";function ho(e,t){return{...e,[Er]:t}}function Gt(e){return e[Er]??e[Ut]}function Pp(e,t){if(t in e)return e[t];const o=Gt(e);if(o&&typeof o=="object"&&t in o)return o[t]}function Hp(e){return typeof e=="object"&&e!==null&&"locked"in e&&typeof e.locked=="boolean"}const zr=({groupName:e})=>i.jsx(Vp,{children:i.jsx(Up,{variant:"small",bold:!0,children:e})});zr.displayName="AsyncListGroupHeader";const Vp=g.div`
2187
2285
  display: flex;
2188
2286
  align-items: center;
2189
2287
  padding: 6px 12px 2px 12px;
@@ -2194,39 +2292,39 @@
2194
2292
  border-top: none;
2195
2293
  margin-top: 0;
2196
2294
  }
2197
- `,Pp=g(E)`
2295
+ `,Up=g(E)`
2198
2296
  text-transform: uppercase;
2199
2297
  font-size: 10px;
2200
2298
  letter-spacing: 0.5px;
2201
2299
  opacity: 0.6;
2202
- `;function ni(e){return(e==null?void 0:e.build)!==void 0}const Hp=W.kosComponent(({item:e,provider:t,ItemTemplate:o,itemIconMap:n,itemActions:r,itemDecorators:s,itemContentRenderer:l,disableSelectionStyling:a=!1})=>{var w;const u=d.useContext(Dt),h=d.useMemo(()=>{if(!n)return;if(typeof n=="function")return n(e);const v=e.type;return v?n[v]:void 0},[n,e]),p=d.useMemo(()=>{if(!(r!=null&&r.length))return;const v=t.originalItems.get(e.id);if(v)return r.filter($=>!$.visibleFor||$.visibleFor(e)).map($=>({id:$.id,iconId:$.iconId,color:$.color,tooltip:$.tooltip,label:$.label,isPrimary:$.isPrimary,onClick:()=>$.onClick(e.id,v)}))},[r,e,t]),f=(()=>{if(s!=null&&s.length)return s.filter(v=>!v.visibleFor||v.visibleFor(e)).map(v=>({id:v.id,iconId:v.iconId,color:v.color,tooltip:v.tooltip}))})(),m=((w=u==null?void 0:u.selected)==null?void 0:w.includes(e.id))??!1,x=l?l(e,m):void 0,b=ni(o)?o.build(e):o,y=Ut(e);return i.jsx(wt.Observer,{children:()=>i.jsx(b,{...e,...y!==void 0?{[Vt]:y}:{},iconId:h==null?void 0:h.iconId,iconColor:h==null?void 0:h.color,actions:p,decorators:f,"data-disable-selection-styling":a,children:x},e.id)})}),Vp=W.kosComponent(({dataProvider:e,ItemTemplate:t,itemIconMap:o,itemActions:n,itemDecorators:r,itemContentRenderer:s,emptyState:l,loadingState:a,className:u,onInit:h,disableSelectionStyling:p=!1,groupExpression:f})=>{const[m,x]=d.useState(!1);return d.useEffect(()=>e?((async()=>{await e.init(),x(!0),h==null||h()})(),()=>{e.dispose()}):void 0,[e,h]),!m||!e?(typeof l=="function"?null:l)||null:i.jsx(wt.Observer,{children:()=>{const b=e.isLoading??!1,y=e.items.length>0,w=typeof a=="function"?a(e):a,v=typeof l=="function"?l(e):l;return i.jsxs("div",{className:u,children:[b&&!y&&w,!b&&!y&&v,(()=>{const $=e.items,C=j=>i.jsx(Hp,{item:j,provider:e,ItemTemplate:t,itemIconMap:o,itemActions:n,itemDecorators:r,itemContentRenderer:s,disableSelectionStyling:p},j.id);if(!f)return $.map(C);const S=[],k=new Map;for(const j of $){const _=f(j);if(_===void 0)S.push(j);else{const B=k.get(_);B?B.push(j):k.set(_,[j])}}const I=Array.from(k.keys()).sort((j,_)=>j.localeCompare(_));return i.jsxs(i.Fragment,{children:[S.map(C),I.map(j=>i.jsxs(d.Fragment,{children:[i.jsx(zn,{groupName:j}),(k.get(j)??[]).map(C)]},`group-${j}`))]})})()]})}})}),[Bo,Up]=z(["option","select"]),On=({trigger:e,onSelection:t,children:o})=>i.jsx(Kp,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),Gp=g(ct)`
2300
+ `;function ri(e){return(e==null?void 0:e.build)!==void 0}const Gp=W.kosComponent(({item:e,provider:t,ItemTemplate:o,itemIconMap:r,itemActions:n,itemDecorators:s,itemContentRenderer:l,disableSelectionStyling:a=!1})=>{var w;const u=d.useContext(Et),h=d.useMemo(()=>{if(!r)return;if(typeof r=="function")return r(e);const v=e.type;return v?r[v]:void 0},[r,e]),p=d.useMemo(()=>{if(!(n!=null&&n.length))return;const v=t.originalItems.get(e.id);if(v)return n.filter($=>!$.visibleFor||$.visibleFor(e)).map($=>({id:$.id,iconId:$.iconId,color:$.color,tooltip:$.tooltip,label:$.label,isPrimary:$.isPrimary,onClick:()=>$.onClick(e.id,v)}))},[n,e,t]),f=(()=>{if(s!=null&&s.length)return s.filter(v=>!v.visibleFor||v.visibleFor(e)).map(v=>({id:v.id,iconId:v.iconId,color:v.color,tooltip:v.tooltip}))})(),m=((w=u==null?void 0:u.selected)==null?void 0:w.includes(e.id))??!1,b=l?l(e,m):void 0,x=ri(o)?o.build(e):o,y=Gt(e);return i.jsx($t.Observer,{children:()=>i.jsx(x,{...e,...y!==void 0?{[Ut]:y}:{},iconId:h==null?void 0:h.iconId,iconColor:h==null?void 0:h.color,actions:p,decorators:f,"data-disable-selection-styling":a,children:b},e.id)})}),Kp=W.kosComponent(({dataProvider:e,ItemTemplate:t,itemIconMap:o,itemActions:r,itemDecorators:n,itemContentRenderer:s,emptyState:l,loadingState:a,className:u,onInit:h,disableSelectionStyling:p=!1,groupExpression:f})=>{const[m,b]=d.useState(!1);return d.useEffect(()=>e?((async()=>{await e.init(),b(!0),h==null||h()})(),()=>{e.dispose()}):void 0,[e,h]),!m||!e?(typeof l=="function"?null:l)||null:i.jsx($t.Observer,{children:()=>{const x=e.isLoading??!1,y=e.items.length>0,w=typeof a=="function"?a(e):a,v=typeof l=="function"?l(e):l;return i.jsxs("div",{className:u,children:[x&&!y&&w,!x&&!y&&v,(()=>{const $=e.items,C=j=>i.jsx(Gp,{item:j,provider:e,ItemTemplate:t,itemIconMap:o,itemActions:r,itemDecorators:n,itemContentRenderer:s,disableSelectionStyling:p},j.id);if(!f)return $.map(C);const S=[],k=new Map;for(const j of $){const _=f(j);if(_===void 0)S.push(j);else{const B=k.get(_);B?B.push(j):k.set(_,[j])}}const I=Array.from(k.keys()).sort((j,_)=>j.localeCompare(_));return i.jsxs(i.Fragment,{children:[S.map(C),I.map(j=>i.jsxs(d.Fragment,{children:[i.jsx(zr,{groupName:j}),(k.get(j)??[]).map(C)]},`group-${j}`))]})})()]})}})}),[Bo,Yp]=M(["option","select"]),Mr=({trigger:e,onSelection:t,children:o})=>i.jsx(Zp,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),qp=g(dt)`
2203
2301
  ${`${Bo("bg-color",!0)}: ${c("color-black")}`};
2204
2302
  ${`${Bo("color",!0)}: ${c("color-white")}`};
2205
2303
  ${`${Bo("bg-color-active",!0)}: ${c("color-grey70")}`};
2206
2304
  gap: 0px;
2207
2305
  cursor: pointer;
2208
- `,Kp=g(_t)`
2209
- ${`${Up("border-color",!0)}: ${c("color-black")}`};
2306
+ `,Zp=g(Tt)`
2307
+ ${`${Yp("border-color",!0)}: ${c("color-black")}`};
2210
2308
  z-index: 15;
2211
- `,Rn=g.div`
2309
+ `,Or=g.div`
2212
2310
  cursor: default;
2213
2311
  border-bottom: 0.5px solid ${c("color-grey60")};
2214
2312
  pointer-events: none;
2215
- `,[Wo,Yp]=z(["option","select"]),br=3,vo=d.memo(({actions:e,isSelected:t=!1,disableSelectionStyling:o=!1})=>{const{inlinePrimary:n,overflowPrimary:r,secondary:s}=d.useMemo(()=>{const f=e.filter(x=>x.isPrimary),m=e.filter(x=>!x.isPrimary);return{inlinePrimary:f.slice(0,br),overflowPrimary:f.slice(br),secondary:m}},[e]),l=r.length>0||s.length>0,a=t&&!o?"white":void 0,u=d.useMemo(()=>{const f=new Map;for(const m of e)f.set(m.id,m);return f},[e]),h=d.useCallback((f,m)=>{f.stopPropagation(),m.disabled||m.onClick()},[]),p=d.useCallback(f=>{const m=u.get(f);m&&!m.disabled&&m.onClick()},[u]);return e.length===0?null:i.jsxs(qp,{onClick:f=>f.stopPropagation(),children:[n.map(f=>i.jsx(yr,{onClick:m=>h(m,f),title:f.tooltip,type:"button",disabled:f.disabled,children:i.jsx(F,{size:"sm",iconId:f.iconId,color:a??f.color})},f.id)),l&&i.jsx(Zp,{children:i.jsxs(On,{trigger:i.jsx(yr,{title:"More actions",type:"button",children:i.jsx(F,{size:"sm",iconId:"Ellipsis",color:a??"blue"})}),onSelection:p,children:[r.map(f=>i.jsx(xr,{optionKey:f.id,label:i.jsxs(vr,{children:[i.jsx(F,{iconId:f.iconId,color:f.disabled?"grey":f.color||"blue",size:"sm"}),i.jsx(kr,{children:f.label||f.tooltip||f.id})]}),disabled:f.disabled,disableSelectionStyle:!0},f.id)),r.length>0&&s.length>0&&i.jsx(Rn,{}),s.map(f=>i.jsx(xr,{optionKey:f.id,label:i.jsxs(vr,{children:[f.iconId?i.jsx(F,{iconId:f.iconId,color:f.disabled?"grey":f.color||"blue",size:"sm"}):i.jsx(Xp,{}),i.jsx(kr,{children:f.label||f.tooltip||f.id})]}),disabled:f.disabled,disableSelectionStyle:!0},f.id))]})})]})});vo.displayName="ItemActionBar";const qp=g.div`
2313
+ `,[Wo,Xp]=M(["option","select"]),bn=3,ko=d.memo(({actions:e,isSelected:t=!1,disableSelectionStyling:o=!1})=>{const{inlinePrimary:r,overflowPrimary:n,secondary:s}=d.useMemo(()=>{const f=e.filter(b=>b.isPrimary),m=e.filter(b=>!b.isPrimary);return{inlinePrimary:f.slice(0,bn),overflowPrimary:f.slice(bn),secondary:m}},[e]),l=n.length>0||s.length>0,a=t&&!o?"white":void 0,u=d.useMemo(()=>{const f=new Map;for(const m of e)f.set(m.id,m);return f},[e]),h=d.useCallback((f,m)=>{f.stopPropagation(),m.disabled||m.onClick()},[]),p=d.useCallback(f=>{const m=u.get(f);m&&!m.disabled&&m.onClick()},[u]);return e.length===0?null:i.jsxs(Jp,{onClick:f=>f.stopPropagation(),children:[r.map(f=>i.jsx(yn,{onClick:m=>h(m,f),title:f.tooltip,type:"button",disabled:f.disabled,children:i.jsx(N,{size:"sm",iconId:f.iconId,color:a??f.color})},f.id)),l&&i.jsx(Qp,{children:i.jsxs(Mr,{trigger:i.jsx(yn,{title:"More actions",type:"button",children:i.jsx(N,{size:"sm",iconId:"Ellipsis",color:a??"blue"})}),onSelection:p,children:[n.map(f=>i.jsx(xn,{optionKey:f.id,label:i.jsxs(vn,{children:[i.jsx(N,{iconId:f.iconId,color:f.disabled?"grey":f.color||"blue",size:"sm"}),i.jsx(kn,{children:f.label||f.tooltip||f.id})]}),disabled:f.disabled,disableSelectionStyle:!0},f.id)),n.length>0&&s.length>0&&i.jsx(Or,{}),s.map(f=>i.jsx(xn,{optionKey:f.id,label:i.jsxs(vn,{children:[f.iconId?i.jsx(N,{iconId:f.iconId,color:f.disabled?"grey":f.color||"blue",size:"sm"}):i.jsx(ef,{}),i.jsx(kn,{children:f.label||f.tooltip||f.id})]}),disabled:f.disabled,disableSelectionStyle:!0},f.id))]})})]})});ko.displayName="ItemActionBar";const Jp=g.div`
2216
2314
  display: flex;
2217
2315
  align-items: center;
2218
2316
  gap: 4px;
2219
2317
  margin-left: auto;
2220
2318
  padding-left: 8px;
2221
- `,xr=g(ct)`
2319
+ `,xn=g(dt)`
2222
2320
  ${`${Wo("bg-color",!0)}: ${c("color-white")}`};
2223
2321
  ${`${Wo("color",!0)}: ${c("color-black")}`};
2224
2322
  ${`${Wo("bg-color-active",!0)}: ${c("color-grey20")}`};
2225
2323
  gap: 0px;
2226
2324
  cursor: pointer;
2227
- `,Zp=g.div`
2228
- ${`${Yp("border-color",!0)}: ${c("color-grey40")}`};
2229
- `,yr=g.button`
2325
+ `,Qp=g.div`
2326
+ ${`${Xp("border-color",!0)}: ${c("color-grey40")}`};
2327
+ `,yn=g.button`
2230
2328
  background: none;
2231
2329
  border: none;
2232
2330
  padding: 4px;
@@ -2251,100 +2349,100 @@
2251
2349
  cursor: not-allowed;
2252
2350
  opacity: 0.3;
2253
2351
  }
2254
- `,vr=g.div`
2352
+ `,vn=g.div`
2255
2353
  display: flex;
2256
2354
  align-items: center;
2257
2355
  gap: 8px;
2258
- `,kr=g.span`
2356
+ `,kn=g.span`
2259
2357
  font-size: 13px;
2260
2358
  white-space: nowrap;
2261
- `,Xp=g.div`
2359
+ `,ef=g.div`
2262
2360
  width: 16px;
2263
2361
  height: 16px;
2264
- `;function nn(e){return e.context!==void 0}const Nn=d.createContext(null),Fn=({children:e,dataProvider:t,onListItemAction:o})=>{const[n,r]=d.useState(),s=d.useMemo(()=>t?{action:o,data:n}:{data:new Map,action:o},[t,n,o]);return d.useEffect(()=>{var a;const l=u=>{r(u)};if(t&&nn(t)){const u=t.context;(a=t.addContextChangeListener)==null||a.call(t,l),u&&r(u)}return()=>{var u;t&&nn(t)&&((u=t==null?void 0:t.removeContextChangeListener)==null||u.call(t,l))}},[t]),i.jsx(Nn.Provider,{value:s,children:e})},Jp=()=>{const e=d.useContext(Nn);return e||W.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},[qe]=z(["studio-list-item"]),Qp=20,ri=W.kosComponent(({id:e,name:t,subText:o,children:n,iconId:r,iconColor:s,actions:l,decorators:a,className:u,disabled:h=!1,"data-depth":p=0,"data-indent-size":f=Qp,"data-disable-selection-styling":m=!1})=>{const{selected:x,toggleSelection:b,isDisabled:y}=Ge(),w=d.useCallback(()=>{!h&&!y&&b(e)},[e,b,h,y]),v=x.includes(e),$=h||y,C=typeof f=="string"?Number(f):f,S=p>0?{marginLeft:`${p*C}px`}:void 0;return i.jsxs(ef,{className:u,onClick:w,$isSelected:v,$isDisabled:$,$disableSelectionStyling:m,"data-depth":p,style:S,children:[r&&i.jsx(F,{size:"sm",iconId:r,color:s}),i.jsx(tf,{children:n||i.jsxs(i.Fragment,{children:[i.jsx(E,{variant:"body",bold:v,children:t}),o&&i.jsx(of,{variant:"small",color:"dark",children:o})]})}),a&&a.length>0&&i.jsx(nf,{children:a.map(k=>i.jsx(rf,{size:"sm",iconId:k.iconId,color:v&&!m?"white":k.color,title:k.tooltip},k.id))}),l&&l.length>0&&i.jsx(vo,{actions:l,isSelected:v,disableSelectionStyling:m})]})});ri.displayName="StudioNamedListItem";const ef=g.div`
2362
+ `;function rr(e){return e.context!==void 0}const Rr=d.createContext(null),Nr=({children:e,dataProvider:t,onListItemAction:o})=>{const[r,n]=d.useState(),s=d.useMemo(()=>t?{action:o,data:r}:{data:new Map,action:o},[t,r,o]);return d.useEffect(()=>{var a;const l=u=>{n(u)};if(t&&rr(t)){const u=t.context;(a=t.addContextChangeListener)==null||a.call(t,l),u&&n(u)}return()=>{var u;t&&rr(t)&&((u=t==null?void 0:t.removeContextChangeListener)==null||u.call(t,l))}},[t]),i.jsx(Rr.Provider,{value:s,children:e})},tf=()=>{const e=d.useContext(Rr);return e||W.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},[Xe]=M(["studio-list-item"]),of=20,ni=W.kosComponent(({id:e,name:t,subText:o,children:r,iconId:n,iconColor:s,actions:l,decorators:a,className:u,disabled:h=!1,"data-depth":p=0,"data-indent-size":f=of,"data-disable-selection-styling":m=!1})=>{const{selected:b,toggleSelection:x,isDisabled:y}=Ye(),w=d.useCallback(()=>{!h&&!y&&x(e)},[e,x,h,y]),v=b.includes(e),$=h||y,C=typeof f=="string"?Number(f):f,S=p>0?{marginLeft:`${p*C}px`}:void 0;return i.jsxs(rf,{className:u,onClick:w,$isSelected:v,$isDisabled:$,$disableSelectionStyling:m,"data-depth":p,style:S,children:[n&&i.jsx(N,{size:"sm",iconId:n,color:s}),i.jsx(nf,{children:r||i.jsxs(i.Fragment,{children:[i.jsx(E,{variant:"body",bold:v,children:t}),o&&i.jsx(sf,{variant:"small",color:"dark",children:o})]})}),a&&a.length>0&&i.jsx(af,{children:a.map(k=>i.jsx(lf,{size:"sm",iconId:k.iconId,color:v&&!m?"white":k.color,title:k.tooltip},k.id))}),l&&l.length>0&&i.jsx(ko,{actions:l,isSelected:v,disableSelectionStyling:m})]})});ni.displayName="StudioNamedListItem";const rf=g.div`
2265
2363
  display: flex;
2266
2364
  align-items: center;
2267
- gap: ${qe("column-gap")};
2268
- padding-left: ${qe("padding-left")};
2269
- padding-top: ${qe("padding-y")};
2270
- padding-bottom: ${qe("padding-y")};
2271
- padding-right: ${qe("padding-right")};
2365
+ gap: ${Xe("column-gap")};
2366
+ padding-left: ${Xe("padding-left")};
2367
+ padding-top: ${Xe("padding-y")};
2368
+ padding-bottom: ${Xe("padding-y")};
2369
+ padding-right: ${Xe("padding-right")};
2272
2370
  min-height: 22px;
2273
2371
 
2274
2372
  cursor: ${({$isDisabled:e})=>e?"not-allowed":"pointer"};
2275
- color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?qe("color-selected"):"inherit"};
2276
- background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?qe("background-color-selected"):"transparent"};
2373
+ color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?Xe("color-selected"):"inherit"};
2374
+ background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?Xe("background-color-selected"):"transparent"};
2277
2375
  opacity: ${({$isDisabled:e})=>e?.5:1};
2278
2376
  transition: background-color 0.15s ease;
2279
2377
 
2280
2378
  &:hover {
2281
- background-color: ${({$isSelected:e,$isDisabled:t,$disableSelectionStyling:o})=>t?"transparent":o?"rgba(0, 0, 0, 0.05)":e?qe("background-color-selected"):"rgba(0, 0, 0, 0.05)"};
2379
+ background-color: ${({$isSelected:e,$isDisabled:t,$disableSelectionStyling:o})=>t?"transparent":o?"rgba(0, 0, 0, 0.05)":e?Xe("background-color-selected"):"rgba(0, 0, 0, 0.05)"};
2282
2380
  }
2283
2381
 
2284
2382
  &:active {
2285
- background-color: ${({$isDisabled:e,$disableSelectionStyling:t})=>e?"transparent":t?"rgba(0, 0, 0, 0.1)":qe("background-color-selected")};
2383
+ background-color: ${({$isDisabled:e,$disableSelectionStyling:t})=>e?"transparent":t?"rgba(0, 0, 0, 0.1)":Xe("background-color-selected")};
2286
2384
  }
2287
- `,tf=g.div`
2385
+ `,nf=g.div`
2288
2386
  display: flex;
2289
2387
  flex-direction: column;
2290
2388
  gap: 2px;
2291
2389
  flex: 1;
2292
2390
  min-width: 0; /* Allow text truncation */
2293
- `,of=g(E)`
2391
+ `,sf=g(E)`
2294
2392
  overflow: hidden;
2295
2393
  text-overflow: ellipsis;
2296
2394
  white-space: nowrap;
2297
- `,nf=g.div`
2395
+ `,af=g.div`
2298
2396
  display: flex;
2299
2397
  align-items: center;
2300
2398
  gap: 4px;
2301
2399
  padding-left: 8px;
2302
- `,rf=g(F)`
2400
+ `,lf=g(N)`
2303
2401
  opacity: 0.8;
2304
- `,sf=e=>t=>o=>()=>o.call(e,t);class An{constructor(t,o,n,r){T(this,"parent");T(this,"_itemMap");T(this,"disposer");T(this,"_items");T(this,"listeners",[]);T(this,"context");T(this,"resolvedItems");T(this,"resolver");T(this,"version");T(this,"initialized");this.parent=t,this.context=D.observable.map(new Map(Object.entries(r||{}))),this.version=0,this._itemMap=n,this.initialized=!1,this._items=D.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],D.makeObservable(this,{items:D.computed,initialized:D.observable,version:D.observable,refresh:D.action,resolvedItems:D.observable,context:D.observable})}filterByInputItem(t,o){return!!t}sortByInputItem(t,o){var n;return t.name?(n=t.name)==null?void 0:n.localeCompare(o.name):-1}filterItem(t,o){return!0}sortItem(t,o){return 0}refresh(){this.version=this.version+1}get items(){if(!this.initialized||this.version<0)return[];const t=this.resolvedItems,o=[...new Set(t)],n=h=>this._itemMap(h,this.context),r=h=>this.filterByInputItem(h,this.context),s=o.filter(r.bind(this)).sort(this.sortByInputItem.bind(this)).map(n),l=h=>this.filterItem(h,this.context),a=s.filter(l.bind(this)).sort(this.sortItem.bind(this));return Array.from(this._items.keys()).filter(h=>!a.find(p=>p.id===h)).forEach(h=>{W.kosAction(()=>{this._items.delete(h)})}),a.reduce((h,p)=>{if(!h.has(p.id))W.kosAction(()=>{h.set(p.id,p)});else{const f=h.get(p.id);f&&W.kosAction(()=>{const m=Object.assign(f,p);h.set(p.id,m)})}return h},this._items),a.map(h=>this._items.get(h.id))}async init(){if(!this.initialized){if(W.isKosDataModel(this.parent)&&await W.whenReady(this.parent),this.resolver){const t=sf(this.parent)(this.context)(this.resolver);this.disposer=D.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}W.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=W.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){W.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),W.kosAction(()=>{this.initialized=!1})}}const af=e=>e.data!==void 0,si=e=>t=>()=>{const o=[];return(Array.isArray(t)?t:[t]).forEach(r=>{const s=e[r];af(s)?o.push(...s.data):Array.isArray(s)&&o.push(...s)}),o};class Ln extends An{constructor(o,n,r,s){super(o,si(o)(n),r,s);T(this,"_key");this._key=Array.isArray(n)?n:[n]}}class lf extends Ln{constructor(t,o,n,r){super(t,o,n,r),D.makeObservable(this,{groups:D.computed,itemsByGroup:D.computed})}get itemsByGroup(){return this.items.reduce((t,o)=>{const n=o.group.groupId;return t[n]||(t[n]=[]),t[n].push(o),t},{})}get groups(){return this.items.map(t=>t.group).sort(this.sortGroup.bind(this))}getGroupItems(t){return this.itemsByGroup[t]||[]}sortGroup(t,o){return t.name.localeCompare(o.name)}}class cf{constructor(t,o=[]){T(this,"items");T(this,"parent");this.parent=t,this.items=o.map(n=>({id:`${this.parent.id}-${n.name.toString()}`,name:n.key||n.name.toString(),data:n,value:this.parent[n.name]}))}}class ii{constructor(t,o,n,r,s){T(this,"parent");T(this,"_itemMap");T(this,"rootResolver");T(this,"childResolver");T(this,"rootDisposer");T(this,"rootTrackingFn");T(this,"childTrackingFn");T(this,"_nodes");T(this,"_rootIds");T(this,"context");T(this,"version");T(this,"initialized");T(this,"_expandingAll",!1);T(this,"_childDisposers",new Map);this.parent=t,this.context=D.observable.map(new Map(Object.entries(s||{}))),this._nodes=D.observable.map(new Map),this._rootIds=D.observable.array([]),this.version=0,this.initialized=!1,this._itemMap=r,this.rootResolver=o.bind(t),this.childResolver=n.bind(t),D.makeObservable(this,{context:D.observable,version:D.observable,initialized:D.observable,tree:D.computed,rootItems:D.computed,loadingStates:D.computed,loadedChildren:D.computed,originalItems:D.computed,expandBranch:D.action,collapseBranch:D.action,clearCache:D.action,refresh:D.action,expandAll:D.action})}filterByInputItem(t,o){return!0}sortByInputItem(t,o){return 0}filterItem(t,o){return!0}sortItem(t,o){return 0}async getRootItems(){return await this.rootResolver.call(this.parent,this.context)}async getChildren(t,o){return await this.childResolver.call(this.parent,t,o)}itemMap(t,o){return this._itemMap(t,o)}refresh(){this.version=this.version+1}updateContextValue(t,o){W.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}get tree(){return this.version,this._rootIds.map(t=>this.buildBranch(t)).filter(t=>t!==null)}get rootItems(){return this._rootIds.map(t=>{var o;return(o=this._nodes.get(t))==null?void 0:o.original}).filter(t=>t!==void 0)}get loadingStates(){const t=new Map;return this._nodes.forEach((o,n)=>{t.set(n,{status:o.fetchState,error:o.error,timestamp:o.timestamp})}),t}get loadedChildren(){const t=new Map;return this._nodes.forEach((o,n)=>{if(o.fetchState==="loaded"&&o.childIds.length>0){const r=o.childIds.map(s=>{var l;return(l=this._nodes.get(s))==null?void 0:l.original}).filter(s=>s!==void 0);t.set(n,r)}}),t}get originalItems(){const t=new Map;return this._nodes.forEach((o,n)=>{t.set(n,o.original)}),t}buildBranch(t){const o=this._nodes.get(t);if(!o||!this.filterByInputItem(o.original,this.context)||!this.filterItem(o.transformed,this.context))return null;const n=o.childIds.map(r=>this.buildBranch(r)).filter(r=>r!==null);return n.sort((r,s)=>this.sortItem(r,s)),{...o.transformed,branches:n,loadingState:{status:o.fetchState,error:o.error,timestamp:o.timestamp},hasChildren:o.hasChildren,isLeaf:o.hasChildren===!1}}setNode(t,o,n="idle"){const r=this.getItemId(t),s=this._nodes.get(r);if(s&&s.parentId!==o){const a=s.parentId;if(a){const u=this._nodes.get(a);if(u){const h=u.childIds.indexOf(r);h!==-1&&u.childIds.splice(h,1)}}}const l={original:t,transformed:uo(this._itemMap(t,this.context),t),parentId:o,childIds:(s==null?void 0:s.childIds)??[],hasChildren:this.hasChildren(t),fetchState:(s==null?void 0:s.fetchState)??n,error:s==null?void 0:s.error,timestamp:s==null?void 0:s.timestamp};return this._nodes.set(r,l),r}setChildren(t,o){const n=this._nodes.get(t);if(!n)return;const l=[...o.filter(a=>this.filterByInputItem(a,this.context))].sort(this.sortByInputItem.bind(this)).map(a=>this.setNode(a,t));D.runInAction(()=>{n.childIds=l,n.fetchState="loaded",n.timestamp=Date.now()})}async expandBranch(t,o){const n=this._nodes.get(t);if(!n){console.warn(`expandBranch: Node ${t} not found`);return}if(!(n.fetchState==="loading"||n.fetchState==="loaded")){D.runInAction(()=>{n.fetchState="loading",n.timestamp=Date.now()});try{const r=await this.getChildren(o,this.context);D.runInAction(()=>{this.setChildren(t,r)}),this.setupChildReaction(t,o)}catch(r){D.runInAction(()=>{n.fetchState="error",n.error=r,n.timestamp=Date.now()})}}}setupChildReaction(t,o){const n=this._childDisposers.get(t);n&&n();const r=W.kosAutoEffect(()=>{this.childTrackingFn?this.childTrackingFn(this.parent,o,this.context):this.childResolver.call(this.parent,o,this.context),this.reloadChildren(t,o)});this._childDisposers.set(t,r)}async reloadChildren(t,o){const n=this._nodes.get(t);if(!(!n||n.fetchState!=="loaded"))try{const r=await this.getChildren(o,this.context);D.runInAction(()=>{const s=new Set(n.childIds),u=[...r.filter(p=>this.filterByInputItem(p,this.context))].sort(this.sortByInputItem.bind(this)).map(p=>this.setNode(p,t)),h=new Set(u);for(const p of s)if(!h.has(p)){const f=this._nodes.get(p);f&&(this.disposeChildReaction(p),this.removeChildrenRecursively(f.childIds)),this._nodes.delete(p)}n.childIds=u,n.timestamp=Date.now()})}catch(r){console.error(`Failed to reload children for ${t}:`,r)}}disposeChildReaction(t){const o=this._childDisposers.get(t);o&&(o(),this._childDisposers.delete(t))}async expandAll(){if(!this._expandingAll){this._expandingAll=!0;try{await this.expandNodesRecursively(this._rootIds.slice())}finally{this._expandingAll=!1}}}async expandNodesRecursively(t){const o=t.map(s=>this._nodes.get(s)).filter(s=>s!==void 0&&s.hasChildren!==!1);if(o.length===0)return;const n=o.filter(s=>s.fetchState==="idle");n.length>0&&await Promise.all(n.map(s=>this.expandBranch(this.getItemId(s.original),s.original)));const r=[];for(const s of o)r.push(...s.childIds);r.length>0&&await this.expandNodesRecursively(r)}collapseBranch(t){const o=this._nodes.get(t);o&&(this.disposeChildReaction(t),D.runInAction(()=>{this.disposeDescendantReactions(o.childIds),this.removeChildrenRecursively(o.childIds),o.childIds=[],o.fetchState="idle",o.error=void 0,o.timestamp=Date.now()}))}disposeDescendantReactions(t){for(const o of t){this.disposeChildReaction(o);const n=this._nodes.get(o);n&&this.disposeDescendantReactions(n.childIds)}}removeChildrenRecursively(t){for(const o of t){const n=this._nodes.get(o);n&&(this.removeChildrenRecursively(n.childIds),this._nodes.delete(o))}}clearCache(t){t?this.collapseBranch(t):(this._childDisposers.forEach(o=>o()),this._childDisposers.clear(),D.runInAction(()=>{const o=new Set(this._rootIds),n=[];this._nodes.forEach((r,s)=>{o.has(s)?(r.childIds=[],r.fetchState="idle",r.error=void 0):n.push(s)}),n.forEach(r=>this._nodes.delete(r))}))}async init(){this.initialized&&D.runInAction(()=>{this._nodes.clear(),this._rootIds.clear(),this.initialized=!1}),W.isKosDataModel(this.parent)&&await W.whenReady(this.parent);try{const t=await this.getRootItems();D.runInAction(()=>{const r=[...t.filter(s=>this.filterByInputItem(s,this.context))].sort(this.sortByInputItem.bind(this)).map(s=>this.setNode(s));this._rootIds.replace(r),this.initialized=!0})}catch(t){console.error("Failed to load root items:",t),D.runInAction(()=>{this.initialized=!0})}this.rootDisposer=W.kosAutoEffect(()=>{this.rootTrackingFn?this.rootTrackingFn(this.parent,this.context):this.rootResolver.call(this.parent,this.context),this.reloadRoots()})}async reloadRoots(){if(this.initialized)try{const t=await this.getRootItems();D.runInAction(()=>{const o=new Set(this._rootIds),s=[...t.filter(a=>this.filterByInputItem(a,this.context))].sort(this.sortByInputItem.bind(this)).map(a=>this.setNode(a)),l=new Set(s);for(const a of o)if(!l.has(a)){const u=this._nodes.get(a);u&&this.removeChildrenRecursively(u.childIds),this._nodes.delete(a)}this._rootIds.replace(s)})}catch(t){console.error("Failed to reload root items:",t)}}whenReady(){return new Promise(t=>{const o=W.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}dispose(){this.rootDisposer&&this.rootDisposer(),this._childDisposers.forEach(t=>t()),this._childDisposers.clear(),D.runInAction(()=>{this._nodes.clear(),this._rootIds.clear(),this.initialized=!1})}}function Gt(e){return e.build!==void 0}const df=g.div`
2402
+ `,cf=e=>t=>o=>()=>o.call(e,t);class Fr{constructor(t,o,r,n){T(this,"parent");T(this,"_itemMap");T(this,"disposer");T(this,"_items");T(this,"listeners",[]);T(this,"context");T(this,"resolvedItems");T(this,"resolver");T(this,"version");T(this,"initialized");this.parent=t,this.context=D.observable.map(new Map(Object.entries(n||{}))),this.version=0,this._itemMap=r,this.initialized=!1,this._items=D.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],D.makeObservable(this,{items:D.computed,initialized:D.observable,version:D.observable,refresh:D.action,resolvedItems:D.observable,context:D.observable})}filterByInputItem(t,o){return!!t}sortByInputItem(t,o){var r;return t.name?(r=t.name)==null?void 0:r.localeCompare(o.name):-1}filterItem(t,o){return!0}sortItem(t,o){return 0}refresh(){this.version=this.version+1}get items(){if(!this.initialized||this.version<0)return[];const t=this.resolvedItems,o=[...new Set(t)],r=h=>this._itemMap(h,this.context),n=h=>this.filterByInputItem(h,this.context),s=o.filter(n.bind(this)).sort(this.sortByInputItem.bind(this)).map(r),l=h=>this.filterItem(h,this.context),a=s.filter(l.bind(this)).sort(this.sortItem.bind(this));return Array.from(this._items.keys()).filter(h=>!a.find(p=>p.id===h)).forEach(h=>{W.kosAction(()=>{this._items.delete(h)})}),a.reduce((h,p)=>{if(!h.has(p.id))W.kosAction(()=>{h.set(p.id,p)});else{const f=h.get(p.id);f&&W.kosAction(()=>{const m=Object.assign(f,p);h.set(p.id,m)})}return h},this._items),a.map(h=>this._items.get(h.id))}async init(){if(!this.initialized){if(W.isKosDataModel(this.parent)&&await W.whenReady(this.parent),this.resolver){const t=cf(this.parent)(this.context)(this.resolver);this.disposer=D.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}W.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=W.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){W.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),W.kosAction(()=>{this.initialized=!1})}}const df=e=>e.data!==void 0,si=e=>t=>()=>{const o=[];return(Array.isArray(t)?t:[t]).forEach(n=>{const s=e[n];df(s)?o.push(...s.data):Array.isArray(s)&&o.push(...s)}),o};class Ar extends Fr{constructor(o,r,n,s){super(o,si(o)(r),n,s);T(this,"_key");this._key=Array.isArray(r)?r:[r]}}class uf extends Ar{constructor(t,o,r,n){super(t,o,r,n),D.makeObservable(this,{groups:D.computed,itemsByGroup:D.computed})}get itemsByGroup(){return this.items.reduce((t,o)=>{const r=o.group.groupId;return t[r]||(t[r]=[]),t[r].push(o),t},{})}get groups(){return this.items.map(t=>t.group).sort(this.sortGroup.bind(this))}getGroupItems(t){return this.itemsByGroup[t]||[]}sortGroup(t,o){return t.name.localeCompare(o.name)}}class hf{constructor(t,o=[]){T(this,"items");T(this,"parent");this.parent=t,this.items=o.map(r=>({id:`${this.parent.id}-${r.name.toString()}`,name:r.key||r.name.toString(),data:r,value:this.parent[r.name]}))}}class ii{constructor(t,o,r,n,s){T(this,"parent");T(this,"_itemMap");T(this,"rootResolver");T(this,"childResolver");T(this,"rootDisposer");T(this,"rootTrackingFn");T(this,"childTrackingFn");T(this,"_nodes");T(this,"_rootIds");T(this,"context");T(this,"version");T(this,"initialized");T(this,"_expandingAll",!1);T(this,"_childDisposers",new Map);this.parent=t,this.context=D.observable.map(new Map(Object.entries(s||{}))),this._nodes=D.observable.map(new Map),this._rootIds=D.observable.array([]),this.version=0,this.initialized=!1,this._itemMap=n,this.rootResolver=o.bind(t),this.childResolver=r.bind(t),D.makeObservable(this,{context:D.observable,version:D.observable,initialized:D.observable,tree:D.computed,rootItems:D.computed,loadingStates:D.computed,loadedChildren:D.computed,originalItems:D.computed,expandBranch:D.action,collapseBranch:D.action,clearCache:D.action,refresh:D.action,expandAll:D.action})}filterByInputItem(t,o){return!0}sortByInputItem(t,o){return 0}filterItem(t,o){return!0}sortItem(t,o){return 0}async getRootItems(){return await this.rootResolver.call(this.parent,this.context)}async getChildren(t,o){return await this.childResolver.call(this.parent,t,o)}itemMap(t,o){return this._itemMap(t,o)}refresh(){this.version=this.version+1}updateContextValue(t,o){W.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}get tree(){return this.version,this._rootIds.map(t=>this.buildBranch(t)).filter(t=>t!==null)}get rootItems(){return this._rootIds.map(t=>{var o;return(o=this._nodes.get(t))==null?void 0:o.original}).filter(t=>t!==void 0)}get loadingStates(){const t=new Map;return this._nodes.forEach((o,r)=>{t.set(r,{status:o.fetchState,error:o.error,timestamp:o.timestamp})}),t}get loadedChildren(){const t=new Map;return this._nodes.forEach((o,r)=>{if(o.fetchState==="loaded"&&o.childIds.length>0){const n=o.childIds.map(s=>{var l;return(l=this._nodes.get(s))==null?void 0:l.original}).filter(s=>s!==void 0);t.set(r,n)}}),t}get originalItems(){const t=new Map;return this._nodes.forEach((o,r)=>{t.set(r,o.original)}),t}buildBranch(t){const o=this._nodes.get(t);if(!o||!this.filterByInputItem(o.original,this.context)||!this.filterItem(o.transformed,this.context))return null;const r=o.childIds.map(n=>this.buildBranch(n)).filter(n=>n!==null);return r.sort((n,s)=>this.sortItem(n,s)),{...o.transformed,branches:r,loadingState:{status:o.fetchState,error:o.error,timestamp:o.timestamp},hasChildren:o.hasChildren,isLeaf:o.hasChildren===!1}}setNode(t,o,r="idle"){const n=this.getItemId(t),s=this._nodes.get(n);if(s&&s.parentId!==o){const a=s.parentId;if(a){const u=this._nodes.get(a);if(u){const h=u.childIds.indexOf(n);h!==-1&&u.childIds.splice(h,1)}}}const l={original:t,transformed:ho(this._itemMap(t,this.context),t),parentId:o,childIds:(s==null?void 0:s.childIds)??[],hasChildren:this.hasChildren(t),fetchState:(s==null?void 0:s.fetchState)??r,error:s==null?void 0:s.error,timestamp:s==null?void 0:s.timestamp};return this._nodes.set(n,l),n}setChildren(t,o){const r=this._nodes.get(t);if(!r)return;const l=[...o.filter(a=>this.filterByInputItem(a,this.context))].sort(this.sortByInputItem.bind(this)).map(a=>this.setNode(a,t));D.runInAction(()=>{r.childIds=l,r.fetchState="loaded",r.timestamp=Date.now()})}async expandBranch(t,o){const r=this._nodes.get(t);if(!r){console.warn(`expandBranch: Node ${t} not found`);return}if(!(r.fetchState==="loading"||r.fetchState==="loaded")){D.runInAction(()=>{r.fetchState="loading",r.timestamp=Date.now()});try{const n=await this.getChildren(o,this.context);D.runInAction(()=>{this.setChildren(t,n)}),this.setupChildReaction(t,o)}catch(n){D.runInAction(()=>{r.fetchState="error",r.error=n,r.timestamp=Date.now()})}}}setupChildReaction(t,o){const r=this._childDisposers.get(t);r&&r();const n=W.kosAutoEffect(()=>{this.childTrackingFn?this.childTrackingFn(this.parent,o,this.context):this.childResolver.call(this.parent,o,this.context),this.reloadChildren(t,o)});this._childDisposers.set(t,n)}async reloadChildren(t,o){const r=this._nodes.get(t);if(!(!r||r.fetchState!=="loaded"))try{const n=await this.getChildren(o,this.context);D.runInAction(()=>{const s=new Set(r.childIds),u=[...n.filter(p=>this.filterByInputItem(p,this.context))].sort(this.sortByInputItem.bind(this)).map(p=>this.setNode(p,t)),h=new Set(u);for(const p of s)if(!h.has(p)){const f=this._nodes.get(p);f&&(this.disposeChildReaction(p),this.removeChildrenRecursively(f.childIds)),this._nodes.delete(p)}r.childIds=u,r.timestamp=Date.now()})}catch(n){console.error(`Failed to reload children for ${t}:`,n)}}disposeChildReaction(t){const o=this._childDisposers.get(t);o&&(o(),this._childDisposers.delete(t))}async expandAll(){if(!this._expandingAll){this._expandingAll=!0;try{await this.expandNodesRecursively(this._rootIds.slice())}finally{this._expandingAll=!1}}}async expandNodesRecursively(t){const o=t.map(s=>this._nodes.get(s)).filter(s=>s!==void 0&&s.hasChildren!==!1);if(o.length===0)return;const r=o.filter(s=>s.fetchState==="idle");r.length>0&&await Promise.all(r.map(s=>this.expandBranch(this.getItemId(s.original),s.original)));const n=[];for(const s of o)n.push(...s.childIds);n.length>0&&await this.expandNodesRecursively(n)}collapseBranch(t){const o=this._nodes.get(t);o&&(this.disposeChildReaction(t),D.runInAction(()=>{this.disposeDescendantReactions(o.childIds),this.removeChildrenRecursively(o.childIds),o.childIds=[],o.fetchState="idle",o.error=void 0,o.timestamp=Date.now()}))}disposeDescendantReactions(t){for(const o of t){this.disposeChildReaction(o);const r=this._nodes.get(o);r&&this.disposeDescendantReactions(r.childIds)}}removeChildrenRecursively(t){for(const o of t){const r=this._nodes.get(o);r&&(this.removeChildrenRecursively(r.childIds),this._nodes.delete(o))}}clearCache(t){t?this.collapseBranch(t):(this._childDisposers.forEach(o=>o()),this._childDisposers.clear(),D.runInAction(()=>{const o=new Set(this._rootIds),r=[];this._nodes.forEach((n,s)=>{o.has(s)?(n.childIds=[],n.fetchState="idle",n.error=void 0):r.push(s)}),r.forEach(n=>this._nodes.delete(n))}))}async init(){this.initialized&&D.runInAction(()=>{this._nodes.clear(),this._rootIds.clear(),this.initialized=!1}),W.isKosDataModel(this.parent)&&await W.whenReady(this.parent);try{const t=await this.getRootItems();D.runInAction(()=>{const n=[...t.filter(s=>this.filterByInputItem(s,this.context))].sort(this.sortByInputItem.bind(this)).map(s=>this.setNode(s));this._rootIds.replace(n),this.initialized=!0})}catch(t){console.error("Failed to load root items:",t),D.runInAction(()=>{this.initialized=!0})}this.rootDisposer=W.kosAutoEffect(()=>{this.rootTrackingFn?this.rootTrackingFn(this.parent,this.context):this.rootResolver.call(this.parent,this.context),this.reloadRoots()})}async reloadRoots(){if(this.initialized)try{const t=await this.getRootItems();D.runInAction(()=>{const o=new Set(this._rootIds),s=[...t.filter(a=>this.filterByInputItem(a,this.context))].sort(this.sortByInputItem.bind(this)).map(a=>this.setNode(a)),l=new Set(s);for(const a of o)if(!l.has(a)){const u=this._nodes.get(a);u&&this.removeChildrenRecursively(u.childIds),this._nodes.delete(a)}this._rootIds.replace(s)})}catch(t){console.error("Failed to reload root items:",t)}}whenReady(){return new Promise(t=>{const o=W.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}dispose(){this.rootDisposer&&this.rootDisposer(),this._childDisposers.forEach(t=>t()),this._childDisposers.clear(),D.runInAction(()=>{this._nodes.clear(),this._rootIds.clear(),this.initialized=!1})}}function Kt(e){return e.build!==void 0}const pf=g.div`
2305
2403
  width: 100%;
2306
- `,uf=(e,t,o)=>e.items.map(n=>{const r=Gt(t)?t.build(n):t;return i.jsx(r,{"data-key":n.id,...n,onListItemAction:o},n.id)}),Bn=W.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:n,onListItemAction:r,onInit:s,emptyState:l,className:a,itemListRenderer:u=uf})=>{const h=qt(e,s),p=h&&e?u(e,o,r):[];return i.jsx(Fn,{dataProvider:e||void 0,onListItemAction:r,children:i.jsxs(df,{className:a,children:[t,h?p.length===0&&l?l:p:null,n]})})}),ko=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,className:a,...u})=>{const[h,p]=d.useState(o??[]),f=d.useRef(h??[]);d.useLayoutEffect(()=>{f.current=h},[h]),d.useEffect(()=>{p(o??[])},[o]);const m=d.useCallback(y=>{t(y,f.current.includes(y)?"unselected":"selected"),p(w=>e?[y]:w.includes(y)?w.filter(v=>v!==y):[...w,y])},[e,t]),x=d.useCallback(y=>f.current.includes(y),[]),b=d.useMemo(()=>({isSelected:x,selected:h,toggleSelection:m,isDisabled:!!n}),[x,h,m,n]);return d.useEffect(()=>{var y,w;if(r&&(s!=null&&s.items)&&f.current.length===0){let v;l?v=(y=l(s.items))==null?void 0:y.id:v=(w=s.items[0])==null?void 0:w.id,v&&m(v)}},[r,s==null?void 0:s.items,l,m]),i.jsx(Dt.Provider,{value:b,children:i.jsx(Bn,{dataProvider:s,className:a,...u})})});function ai(e){return e.build!==void 0}const hf=e=>(t,o,n)=>t.groups.reduce((s,l)=>s.find(a=>a.groupId===l.groupId)?s:[...s,l],[]).map(s=>{const l=ai(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(h=>{const p=Gt(o)?o.build(h):o;return i.jsx(p,{"data-key":h.id,...h,onListItemAction:n},h.id)});return i.jsx(l,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),Wn=d.createContext({openedGroups:[],toggleGroup:He});function pf(e){const t=e.supportMultipleOpen??!0,[o,n]=d.useState(e.openedGroups??[]),r=d.useCallback(l=>{var a;(a=e.onGroupOpen)==null||a.call(e,l,o.includes(l)?"closed":"opened"),n(u=>t?u.includes(l)?u.filter(h=>h!==l):[...u,l]:[l])},[o,e,t]);d.useEffect(()=>{n(e.openedGroups??[])},[e.openedGroups]);const s=d.useMemo(()=>({openedGroups:o,toggleGroup:r}),[o,r]);return i.jsx(Wn.Provider,{value:s,children:i.jsx(ko,{...e,itemListRenderer:hf(e.GroupTemplate)})})}const li=()=>{const e=d.useContext(Wn);return e||{openedGroups:[],toggleGroup:He}},ff=({children:e,name:t,groupId:o,className:n})=>{const{openedGroups:r,toggleGroup:s}=li(),l=r.includes(o),a=d.useCallback(()=>{s(o)},[o,s]);return i.jsxs(ci,{className:n,children:[i.jsxs(mf,{"data-open":l,onClick:a,children:[l?i.jsx(F,{iconId:"CaretDown",size:"xsm"}):i.jsx(F,{iconId:"CaretRight",size:"xsm"}),i.jsx(E,{variant:"body",bold:!0,children:t})]}),i.jsx(bf,{children:l?i.jsx(xf,{className:"list-container",children:e}):null})]},o)},gf=({children:e,groupId:t,className:o})=>i.jsx(ci,{className:o,children:e},t),ci=g.div`
2404
+ `,ff=(e,t,o)=>e.items.map(r=>{const n=Kt(t)?t.build(r):t;return i.jsx(n,{"data-key":r.id,...r,onListItemAction:o},r.id)}),Lr=W.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:r,onListItemAction:n,onInit:s,emptyState:l,className:a,itemListRenderer:u=ff})=>{const h=Zt(e,s),p=h&&e?u(e,o,n):[];return i.jsx(Nr,{dataProvider:e||void 0,onListItemAction:n,children:i.jsxs(pf,{className:a,children:[t,h?p.length===0&&l?l:p:null,r]})})}),wo=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:r,autoSelectFirstItem:n,dataProvider:s,getFirstItem:l,className:a,...u})=>{const[h,p]=d.useState(o??[]),f=d.useRef(h??[]);d.useLayoutEffect(()=>{f.current=h},[h]),d.useEffect(()=>{p(o??[])},[o]);const m=d.useCallback(y=>{t(y,f.current.includes(y)?"unselected":"selected"),p(w=>e?[y]:w.includes(y)?w.filter(v=>v!==y):[...w,y])},[e,t]),b=d.useCallback(y=>f.current.includes(y),[]),x=d.useMemo(()=>({isSelected:b,selected:h,toggleSelection:m,isDisabled:!!r}),[b,h,m,r]);return d.useEffect(()=>{var y,w;if(n&&(s!=null&&s.items)&&f.current.length===0){let v;l?v=(y=l(s.items))==null?void 0:y.id:v=(w=s.items[0])==null?void 0:w.id,v&&m(v)}},[n,s==null?void 0:s.items,l,m]),i.jsx(Et.Provider,{value:x,children:i.jsx(Lr,{dataProvider:s,className:a,...u})})});function ai(e){return e.build!==void 0}const gf=e=>(t,o,r)=>t.groups.reduce((s,l)=>s.find(a=>a.groupId===l.groupId)?s:[...s,l],[]).map(s=>{const l=ai(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(h=>{const p=Kt(o)?o.build(h):o;return i.jsx(p,{"data-key":h.id,...h,onListItemAction:r},h.id)});return i.jsx(l,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),Br=d.createContext({openedGroups:[],toggleGroup:Ue});function mf(e){const t=e.supportMultipleOpen??!0,[o,r]=d.useState(e.openedGroups??[]),n=d.useCallback(l=>{var a;(a=e.onGroupOpen)==null||a.call(e,l,o.includes(l)?"closed":"opened"),r(u=>t?u.includes(l)?u.filter(h=>h!==l):[...u,l]:[l])},[o,e,t]);d.useEffect(()=>{r(e.openedGroups??[])},[e.openedGroups]);const s=d.useMemo(()=>({openedGroups:o,toggleGroup:n}),[o,n]);return i.jsx(Br.Provider,{value:s,children:i.jsx(wo,{...e,itemListRenderer:gf(e.GroupTemplate)})})}const li=()=>{const e=d.useContext(Br);return e||{openedGroups:[],toggleGroup:Ue}},bf=({children:e,name:t,groupId:o,className:r})=>{const{openedGroups:n,toggleGroup:s}=li(),l=n.includes(o),a=d.useCallback(()=>{s(o)},[o,s]);return i.jsxs(ci,{className:r,children:[i.jsxs(yf,{"data-open":l,onClick:a,children:[l?i.jsx(N,{iconId:"CaretDown",size:"xsm"}):i.jsx(N,{iconId:"CaretRight",size:"xsm"}),i.jsx(E,{variant:"body",bold:!0,children:t})]}),i.jsx(vf,{children:l?i.jsx(kf,{className:"list-container",children:e}):null})]},o)},xf=({children:e,groupId:t,className:o})=>i.jsx(ci,{className:o,children:e},t),ci=g.div`
2307
2405
  display: flex;
2308
2406
  flex-direction: column;
2309
2407
  padding-bottom: 8px;
2310
- `,mf=g.div`
2408
+ `,yf=g.div`
2311
2409
  display: flex;
2312
2410
  flex: 0;
2313
2411
  cursor: pointer;
2314
2412
  gap: 4px;
2315
2413
  padding-inline: 12px 12px;
2316
2414
  align-items: center;
2317
- `,bf=g.div`
2415
+ `,vf=g.div`
2318
2416
  display: flex;
2319
2417
  flex-direction: column;
2320
- `,xf=g.div`
2418
+ `,kf=g.div`
2321
2419
  padding-inline-start: 16px;
2322
2420
  align-items: center;
2323
2421
  gap: 6px;
2324
2422
  padding-block-start: 8px;
2325
- `,Zt=g.div`
2423
+ `,Xt=g.div`
2326
2424
  align-items: center;
2327
2425
  align-self: stretch;
2328
2426
  background: var(--Grey-White, #fff);
2329
2427
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2330
2428
  display: flex;
2331
- `,Pn=g(Zt)`
2429
+ `,Wr=g(Xt)`
2332
2430
  padding: 0 0 6px 0;
2333
- `,di=g(Zt)`
2431
+ `,di=g(Xt)`
2334
2432
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2335
- `,ui=g(Pn)`
2433
+ `,ui=g(Wr)`
2336
2434
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2337
- `,wo=g.div`
2435
+ `,Co=g.div`
2338
2436
  align-items: center;
2339
2437
  display: flex;
2340
2438
  gap: 16px;
2341
2439
  height: 30px;
2342
2440
  justify-content: center;
2343
2441
  padding: 8px;
2344
- `,hi=g(wo)`
2442
+ `,hi=g(Co)`
2345
2443
  height: initial;
2346
2444
  padding: 0 4px 0 14px;
2347
- `,Co=g.div`
2445
+ `,$o=g.div`
2348
2446
  align-items: center;
2349
2447
  align-self: stretch;
2350
2448
  display: flex;
@@ -2353,10 +2451,10 @@
2353
2451
  height: 30px;
2354
2452
  justify-content: space-between;
2355
2453
  padding: 8px 8px 8px 4px;
2356
- `,pi=g(Co)`
2454
+ `,pi=g($o)`
2357
2455
  height: initial;
2358
2456
  padding: 0;
2359
- `,fi=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:l=!0})=>{const{selected:a,toggleSelection:u,isDisabled:h}=Ge(),p=d.useCallback(()=>{u(o)},[o,u]),f=r==="compact"?hi:wo,m=r==="compact"?pi:Co,x=l?r==="compact"?ui:di:r==="compact"?Pn:Zt;return i.jsxs(x,{className:e,children:[i.jsx(f,{children:i.jsx(jt,{disabled:h||t,checked:a.includes(o),onChange:p})}),i.jsxs(m,{children:[i.jsx(E,{variant:"body",children:s}),!!n&&i.jsx(E,{color:"grey",variant:"body",children:n})]})]})}),yf=g.div`
2457
+ `,fi=d.memo(({className:e,disabled:t,id:o,label:r,mode:n="standard",name:s,showDivider:l=!0})=>{const{selected:a,toggleSelection:u,isDisabled:h}=Ye(),p=d.useCallback(()=>{u(o)},[o,u]),f=n==="compact"?hi:Co,m=n==="compact"?pi:$o,b=l?n==="compact"?ui:di:n==="compact"?Wr:Xt;return i.jsxs(b,{className:e,children:[i.jsx(f,{children:i.jsx(_t,{disabled:h||t,checked:a.includes(o),onChange:p})}),i.jsxs(m,{children:[i.jsx(E,{variant:"body",children:s}),!!r&&i.jsx(E,{color:"grey",variant:"body",children:r})]})]})}),wf=g.div`
2360
2458
  display: flex;
2361
2459
  padding: 4px 12px 4px 4px;
2362
2460
  align-items: center;
@@ -2364,14 +2462,14 @@
2364
2462
  align-self: stretch;
2365
2463
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2366
2464
  background: var(--Grey-White, #fff);
2367
- `,vf=g.div`
2465
+ `,Cf=g.div`
2368
2466
  display: flex;
2369
2467
  height: 30px;
2370
2468
  padding: 8px;
2371
2469
  justify-content: center;
2372
2470
  align-items: center;
2373
2471
  gap: 16px;
2374
- `,kf=g.div`
2472
+ `,$f=g.div`
2375
2473
  flex: 1 1 auto;
2376
2474
  display: flex;
2377
2475
  align-items: center;
@@ -2380,15 +2478,15 @@
2380
2478
  padding: 8px 8px 8px 4px;
2381
2479
  gap: 4px;
2382
2480
  align-self: stretch;
2383
- `,wf=e=>{const{selected:t,toggleSelection:o,isDisabled:n}=Ge(),r=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsxs(yf,{children:[i.jsx(vf,{children:i.jsx("input",{onChange:r,type:"checkbox",checked:t.includes(e.id),disabled:n})}),i.jsx(kf,{children:i.jsx(E,{variant:"body",children:e.name})})]})},[Le]=z(["named-list-item"]),Cf=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:n,name:r,className:s,subText:l,subTextColor:a})=>{const{selected:u,toggleSelection:h,isDisabled:p}=Ge(),f=d.useCallback(()=>{p||h(e)},[e,h,p]),m=u.includes(e);return i.jsx(M.ClassNames,{children:({cx:x})=>i.jsxs($f,{className:x(s,{isSelected:m,isDisabled:p}),onClick:f,children:[i.jsxs(Sf,{children:[t&&i.jsx(F,{size:"sm",iconId:t,color:o}),i.jsx(E,{className:"named-list-item-text",variant:"body",children:r}),!!n&&i.jsx(If,{children:n.map(({iconId:b,iconColor:y})=>i.jsx(F,{size:"xsm",iconId:b,color:m?"white":y},b))})]}),!!l&&i.jsx(jf,{className:x({hasIcon:!!t}),children:i.jsx(_f,{color:a??"dark",variant:"body",children:l})})]})})}),$f=g.div`
2481
+ `,Sf=e=>{const{selected:t,toggleSelection:o,isDisabled:r}=Ye(),n=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsxs(wf,{children:[i.jsx(Cf,{children:i.jsx("input",{onChange:n,type:"checkbox",checked:t.includes(e.id),disabled:r})}),i.jsx($f,{children:i.jsx(E,{variant:"body",children:e.name})})]})},[Be]=M(["named-list-item"]),jf=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:r,name:n,className:s,subText:l,subTextColor:a})=>{const{selected:u,toggleSelection:h,isDisabled:p}=Ye(),f=d.useCallback(()=>{p||h(e)},[e,h,p]),m=u.includes(e);return i.jsx(z.ClassNames,{children:({cx:b})=>i.jsxs(If,{className:b(s,{isSelected:m,isDisabled:p}),onClick:f,children:[i.jsxs(_f,{children:[t&&i.jsx(N,{size:"sm",iconId:t,color:o}),i.jsx(E,{className:"named-list-item-text",variant:"body",children:n}),!!r&&i.jsx(Tf,{children:r.map(({iconId:x,iconColor:y})=>i.jsx(N,{size:"xsm",iconId:x,color:m?"white":y},x))})]}),!!l&&i.jsx(Df,{className:b({hasIcon:!!t}),children:i.jsx(Ef,{color:a??"dark",variant:"body",children:l})})]})})}),If=g.div`
2384
2482
  display: flex;
2385
- padding-top: ${Le("padding-y")};
2386
- padding-right: ${Le("padding-right")};
2387
- padding-bottom: ${Le("padding-y")};
2388
- padding-left: ${Le("padding-left")};
2483
+ padding-top: ${Be("padding-y")};
2484
+ padding-right: ${Be("padding-right")};
2485
+ padding-bottom: ${Be("padding-y")};
2486
+ padding-left: ${Be("padding-left")};
2389
2487
  align-items: flex-start;
2390
2488
  justify-content: flex-start;
2391
- gap: ${Le("row-gap")};
2489
+ gap: ${Be("row-gap")};
2392
2490
  color: inherit;
2393
2491
  background-color: transparent;
2394
2492
  flex-direction: column;
@@ -2397,37 +2495,37 @@
2397
2495
  cursor: unset;
2398
2496
  }
2399
2497
  &.isSelected {
2400
- color: ${Le("color-selected")};
2401
- background-color: ${Le("background-color-selected")};
2498
+ color: ${Be("color-selected")};
2499
+ background-color: ${Be("background-color-selected")};
2402
2500
  }
2403
- `,Sf=g.div`
2501
+ `,_f=g.div`
2404
2502
  width: 100%;
2405
2503
  display: flex;
2406
2504
  align-items: center;
2407
2505
  justify-content: flex-start;
2408
- gap: ${Le("column-gap")};
2409
- `,jf=g.div`
2506
+ gap: ${Be("column-gap")};
2507
+ `,Df=g.div`
2410
2508
  width: 100%;
2411
2509
  display: flex;
2412
2510
  align-items: center;
2413
2511
  justify-content: flex-start;
2414
2512
  &.hasIcon {
2415
- padding-left: ${Le("subtext-padding-with-icon")};
2513
+ padding-left: ${Be("subtext-padding-with-icon")};
2416
2514
  }
2417
- `,If=g.div`
2515
+ `,Tf=g.div`
2418
2516
  display: flex;
2419
2517
  align-items: center;
2420
2518
  justify-content: flex-end;
2421
2519
  margin-left: auto;
2422
- gap: ${Le("column-gap")};
2423
- `,_f=g(E)`
2520
+ gap: ${Be("column-gap")};
2521
+ `,Ef=g(E)`
2424
2522
  -webkit-box-orient: vertical;
2425
2523
  -webkit-line-clamp: 2;
2426
2524
  display: -webkit-box;
2427
2525
  overflow-wrap: anywhere;
2428
2526
  overflow: hidden;
2429
2527
  text-overflow: ellipsis;
2430
- `,Df=g.div`
2528
+ `,zf=g.div`
2431
2529
  display: flex;
2432
2530
  padding: ${c("spacing-8")} ${c("spacing-10")};
2433
2531
  align-items: center;
@@ -2440,11 +2538,11 @@
2440
2538
  color: ${c("color-white")};
2441
2539
  background-color: ${c("color-primary")};
2442
2540
  }
2443
- `,Tf=e=>{const{selected:t,toggleSelection:o}=Ge(),n=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsx(M.ClassNames,{children:({cx:r})=>i.jsxs(Df,{className:r({isSelected:t.includes(e.id)}),onClick:n,children:[e.iconId&&i.jsx(F,{size:"sm",iconId:e.iconId}),i.jsx(E,{variant:"body",children:e.name})]})})},Ef=e=>{const[t,o]=d.useState(e);return{onGroupOpen:d.useCallback(async(r,s)=>{o((l=[])=>s==="opened"&&!(l!=null&&l.includes(r))?[...l,r]:s==="closed"&&l.includes(r)?l.filter(a=>a!==r):l)},[]),openedGroups:t}},Mf=(e,t={})=>{const[o,n]=d.useState(t),r=d.useCallback((l,a)=>{var f;const u=(f=e==null?void 0:e.items.find(m=>m.id===l))==null?void 0:f.group.groupId;if(!u)return;const h=o[u]||[],p=a==="selected"?{...o,[u]:[...h,l]}:{...o,[u]:h.filter(m=>m!==l)};n(p)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{n({})},[]),groupSelection:o,onSelect:r}},zf=(e=[],t=!0)=>{const[o,n]=d.useState(e),r=d.useCallback(l=>{n(a=>t?[l]:a.includes(l)?a.filter(u=>u!==l):[...a,l])},[t]);return{clear:d.useCallback(()=>{n([])},[]),onSelect:r,selected:o}};class Of extends An{constructor(o,n,r,s,l){super(o,n,r,l);T(this,"parentIdKey");T(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,D.makeObservable(this,{tree:D.computed,childBranchLookup:D.computed,itemsById:D.computed})}sortBranch(o,n){return o.name.localeCompare(n.name)}get itemsById(){return this.items.reduce((o,n)=>({...o,[n[this.idKey]]:n}),{})}get childBranchLookup(){return this.items.reduce((o,n)=>{let r=n[this.parentIdKey];return(!r||this.itemsById[r]===void 0)&&(r="ROOT"),r&&o[r]?(o[r].push(n),o):(o[r]=[n],o)},{ROOT:[]})}get tree(){const o=r=>{const s=[];for(const l in r){let a={...r[l],branches:[]};const u=this.childBranchLookup[a[this.idKey]];a&&(u&&(a={...a,branches:o(u)}),s.push(a))}return s},n=this.childBranchLookup.ROOT;return n?o(n):[]}}const gi=d.createContext(null),Rf=W.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:n,dataProvider:r})=>{const[s,l]=d.useState([]),a=o??s,u=n??l,h=d.useRef(a);d.useLayoutEffect(()=>{h.current=a},[a]);const p=d.useCallback(m=>{if(!(r!=null&&r.tree))return;const x=m[r.idKey],b=h.current.includes(x),y=v=>v.branches.flatMap($=>{const C=$[r.idKey];return $.branches.length?[C,...y($)]:[]}),w=y(m);if(t){const v=[],$=C=>{const S=C[r.parentIdKey];if(S){const k=r.itemsById[S];k&&(v.push(S),$(k))}};$(m),u(b?v:[...v,x])}else{const v=b?h.current.filter($=>x!==$&&!w.includes($)):[...h.current,x];u(v)}},[r==null?void 0:r.idKey,r==null?void 0:r.itemsById,r==null?void 0:r.parentIdKey,r==null?void 0:r.tree,u,t]),f=d.useMemo(()=>({openedBranches:a,toggleBranch:p}),[a,p]);return i.jsx(gi.Provider,{value:f,children:e})}),mi=()=>{const e=d.useContext(gi);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function bi(e){return e.build!==void 0}const Nf=e=>(t,o,n)=>{const r=(s,l)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const a=bi(e)?e.build(s):e,u=s.branches.map(h=>{if(h.branches.length)return r(h,!0);{const p=Gt(o)?o.build(h):o;return i.jsx(p,{"data-key":h.id,...h,onListItemAction:n},h.id)}});return i.jsx(M.ClassNames,{children:({cx:h})=>i.jsx(a,{className:h({isNotRoot:l},s.className),...s,children:u},s.id)},s.id)}else{const a=Gt(o)?o.build(s):o;return i.jsx(a,{"data-key":s.id,...s,onListItemAction:n},s.id)}};return t.tree.map(s=>r(s))},Ff=W.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:n,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,className:a,autoSelectFirstItem:u,selected:h,emptyState:p,getFirstItem:f,onListItemAction:m})=>i.jsx(Rf,{dataProvider:e,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,children:i.jsx(ko,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:p,className:a,selected:h,onListItemAction:m,getFirstItem:f,itemListRenderer:Nf(n)})}));function Af(e){return(e==null?void 0:e.build)!==void 0}const xi=d.createContext(null),Lf=()=>{const e=d.useContext(xi);if(e===null)throw new Error("useAsyncTreeContext can only be used inside AsyncTreeList");return e},yi=W.kosComponent(({branch:e,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:h=i.jsx("div",{style:{paddingLeft:"32px",color:"#999"},children:"No items"}),depth:p=0,nodeIconMap:f,nodeActions:m,nodeDecorators:x,expandedMode:b=!1,indentSize:y,isNodeSelectable:w,branchContentRenderer:v,itemContentRenderer:$,disableSelectionStyling:C=!1})=>{const S=Lf();d.useEffect(()=>{const G=S.openedBranches.includes(e.id),ee=e.loadingState.status==="idle",Ye=!e.isLeaf;if(G&&ee&&Ye){const Ne=t.originalItems.get(e.id);Ne&&t.expandBranch(e.id,Ne)}},[S.openedBranches,e.id,e.loadingState.status,e.isLeaf,t]);const k=d.useMemo(()=>{if(!f)return;if(typeof f=="function")return f(e);const G=e.type;return G?f[G]:void 0},[f,e]),I=d.useMemo(()=>{if(!(m!=null&&m.length))return;const G=t.originalItems.get(e.id);if(G)return m.filter(ee=>!ee.visibleFor||ee.visibleFor(e)).map(ee=>({id:ee.id,iconId:ee.iconId,color:ee.color,tooltip:ee.tooltip,label:ee.label,isPrimary:ee.isPrimary,onClick:()=>ee.onClick(e.id,G)}))},[m,e,t]),j=(()=>{if(x!=null&&x.length)return x.filter(G=>!G.visibleFor||G.visibleFor(e)).map(G=>({id:G.id,iconId:G.iconId,color:G.color,tooltip:G.tooltip}))})(),_=async()=>{if(S.openedBranches.includes(e.id))s==null||s(e.id);else if(e.loadingState.status==="idle"){const ee=t.originalItems.get(e.id);ee&&(await(r==null?void 0:r(e.id,ee)),await t.expandBranch(e.id,ee))}S.toggleBranch(e.id)},B=()=>{const G=t.originalItems.get(e.id);G&&(a==null||a(e.id,G))},U=Ge();if(e.isLeaf){const G=Af(n)?n.build(e):n,ee=U.selected.includes(e.id),Ye=$?$(e,ee):void 0,Ne=Ut(e);return i.jsx(G,{"data-key":e.id,...e,...Ne!==void 0?{[Vt]:Ne}:{},onListItemAction:l,"data-depth":p,"data-indent-size":y,"data-disable-selection-styling":C,iconId:k==null?void 0:k.iconId,iconColor:k==null?void 0:k.color,actions:I,decorators:j,children:Ye},e.id)}const P=bi(o)?o.build(e):o,L=b||S.openedBranches.includes(e.id),Z=e.loadingState.status==="loading",se=e.loadingState.status==="error",J=e.loadingState.status==="loaded",X=u===e.id,$e=L?e.branches.length>0?e.branches.map(G=>i.jsx(yi,{branch:G,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:h,depth:p+1,nodeIconMap:f,nodeActions:m,nodeDecorators:x,expandedMode:b,indentSize:y,isNodeSelectable:w,branchContentRenderer:v,itemContentRenderer:$,disableSelectionStyling:C},G.id)):J&&h?[h]:[]:[],ae=v?v(e,X):void 0,ue=w?w(e):!0,Q=Ut(e);return i.jsx(wt.Observer,{children:()=>i.jsx(P,{className:e.className,...e,...Q!==void 0?{[Vt]:Q}:{},onClick:b?B:_,onSelect:B,"data-loading":Z,"data-error":se,"data-open":L,"data-selected":X,"data-expanded-mode":b,"data-depth":p,"data-indent-size":y,"data-selectable":ue,"data-disable-selection-styling":C,iconId:k==null?void 0:k.iconId,iconColor:k==null?void 0:k.color,actions:I,decorators:j,content:ae,children:$e})})}),vi=W.kosComponent(({dataProvider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,emptyState:u,branchEmptyState:h,className:p,singleBranchOnly:f,openedBranches:m,setOpenedBranches:x,nodeIconMap:b,nodeActions:y,nodeDecorators:w,expandedMode:v=!1,indentSize:$,isNodeSelectable:C,branchContentRenderer:S,itemContentRenderer:k,disableSelectionStyling:I=!1})=>{const[j,_]=d.useState(!1),[B,U]=d.useState([]),P=m??B,L=x??U;d.useEffect(()=>e?((async()=>{await e.init(),_(!0)})(),()=>{e.dispose()}):void 0,[e]),d.useEffect(()=>{var X;!v||!j||!e||(X=e.expandAll)==null||X.call(e)},[v,j,e]);const Z=d.useCallback(X=>{const $e=P.includes(X);L(f?$e?[]:[X]:$e?P.filter(ae=>ae!==X):[...P,X])},[P,L,f]),se=d.useMemo(()=>({openedBranches:P,toggleBranch:Z}),[P,Z]);if(!j||!e)return u||null;const J=m&&m.length>0&&e.tree.some(X=>m.includes(X.id)&&!X.isLeaf&&X.loadingState.status!=="loaded");return i.jsx(xi.Provider,{value:se,children:i.jsx(wt.Observer,{children:()=>i.jsxs("div",{className:p,style:J?{visibility:"hidden"}:void 0,children:[e.tree.length===0&&u,e.tree.map(X=>i.jsx(yi,{branch:X,provider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,branchEmptyState:h,nodeIconMap:b,nodeActions:y,nodeDecorators:w,expandedMode:v,indentSize:$,isNodeSelectable:C,branchContentRenderer:S,itemContentRenderer:k,disableSelectionStyling:I},X.id))]})})})}),Bf=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,...l})=>{const[a,u]=d.useState(o??[]),h=d.useRef(a??[]);d.useLayoutEffect(()=>{h.current=a},[a]),d.useEffect(()=>{u(o??[])},[o]);const p=d.useCallback(x=>{t(x,h.current.includes(x)?"unselected":"selected"),u(b=>e?[x]:b.includes(x)?b.filter(y=>y!==x):[...b,x])},[e,t]),f=d.useCallback(x=>h.current.includes(x),[]),m=d.useMemo(()=>({isSelected:f,selected:a,toggleSelection:p,isDisabled:!!n}),[f,a,p,n]);return d.useEffect(()=>{var x;if(r&&(s!=null&&s.rootItems)&&h.current.length===0){const b=(x=s.rootItems[0])==null?void 0:x.id;b&&p(b)}},[r,s==null?void 0:s.rootItems,p]),i.jsx(Dt.Provider,{value:m,children:i.jsx(vi,{dataProvider:s,...l})})}),Wf=({children:e,id:t,className:o})=>i.jsx(M.ClassNames,{children:({cx:n})=>i.jsx(Pf,{className:n("anonymous-branch",o),children:e},t)}),Pf=g.div`
2541
+ `,Mf=e=>{const{selected:t,toggleSelection:o}=Ye(),r=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsx(z.ClassNames,{children:({cx:n})=>i.jsxs(zf,{className:n({isSelected:t.includes(e.id)}),onClick:r,children:[e.iconId&&i.jsx(N,{size:"sm",iconId:e.iconId}),i.jsx(E,{variant:"body",children:e.name})]})})},Of=e=>{const[t,o]=d.useState(e);return{onGroupOpen:d.useCallback(async(n,s)=>{o((l=[])=>s==="opened"&&!(l!=null&&l.includes(n))?[...l,n]:s==="closed"&&l.includes(n)?l.filter(a=>a!==n):l)},[]),openedGroups:t}},Rf=(e,t={})=>{const[o,r]=d.useState(t),n=d.useCallback((l,a)=>{var f;const u=(f=e==null?void 0:e.items.find(m=>m.id===l))==null?void 0:f.group.groupId;if(!u)return;const h=o[u]||[],p=a==="selected"?{...o,[u]:[...h,l]}:{...o,[u]:h.filter(m=>m!==l)};r(p)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{r({})},[]),groupSelection:o,onSelect:n}},Nf=(e=[],t=!0)=>{const[o,r]=d.useState(e),n=d.useCallback(l=>{r(a=>t?[l]:a.includes(l)?a.filter(u=>u!==l):[...a,l])},[t]);return{clear:d.useCallback(()=>{r([])},[]),onSelect:n,selected:o}};class Ff extends Fr{constructor(o,r,n,s,l){super(o,r,n,l);T(this,"parentIdKey");T(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,D.makeObservable(this,{tree:D.computed,childBranchLookup:D.computed,itemsById:D.computed})}sortBranch(o,r){return o.name.localeCompare(r.name)}get itemsById(){return this.items.reduce((o,r)=>({...o,[r[this.idKey]]:r}),{})}get childBranchLookup(){return this.items.reduce((o,r)=>{let n=r[this.parentIdKey];return(!n||this.itemsById[n]===void 0)&&(n="ROOT"),n&&o[n]?(o[n].push(r),o):(o[n]=[r],o)},{ROOT:[]})}get tree(){const o=n=>{const s=[];for(const l in n){let a={...n[l],branches:[]};const u=this.childBranchLookup[a[this.idKey]];a&&(u&&(a={...a,branches:o(u)}),s.push(a))}return s},r=this.childBranchLookup.ROOT;return r?o(r):[]}}const gi=d.createContext(null),Af=W.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:r,dataProvider:n})=>{const[s,l]=d.useState([]),a=o??s,u=r??l,h=d.useRef(a);d.useLayoutEffect(()=>{h.current=a},[a]);const p=d.useCallback(m=>{if(!(n!=null&&n.tree))return;const b=m[n.idKey],x=h.current.includes(b),y=v=>v.branches.flatMap($=>{const C=$[n.idKey];return $.branches.length?[C,...y($)]:[]}),w=y(m);if(t){const v=[],$=C=>{const S=C[n.parentIdKey];if(S){const k=n.itemsById[S];k&&(v.push(S),$(k))}};$(m),u(x?v:[...v,b])}else{const v=x?h.current.filter($=>b!==$&&!w.includes($)):[...h.current,b];u(v)}},[n==null?void 0:n.idKey,n==null?void 0:n.itemsById,n==null?void 0:n.parentIdKey,n==null?void 0:n.tree,u,t]),f=d.useMemo(()=>({openedBranches:a,toggleBranch:p}),[a,p]);return i.jsx(gi.Provider,{value:f,children:e})}),mi=()=>{const e=d.useContext(gi);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function bi(e){return e.build!==void 0}const Lf=e=>(t,o,r)=>{const n=(s,l)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const a=bi(e)?e.build(s):e,u=s.branches.map(h=>{if(h.branches.length)return n(h,!0);{const p=Kt(o)?o.build(h):o;return i.jsx(p,{"data-key":h.id,...h,onListItemAction:r},h.id)}});return i.jsx(z.ClassNames,{children:({cx:h})=>i.jsx(a,{className:h({isNotRoot:l},s.className),...s,children:u},s.id)},s.id)}else{const a=Kt(o)?o.build(s):o;return i.jsx(a,{"data-key":s.id,...s,onListItemAction:r},s.id)}};return t.tree.map(s=>n(s))},Bf=W.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:r,openedBranches:n,setOpenedBranches:s,singleBranchOnly:l,className:a,autoSelectFirstItem:u,selected:h,emptyState:p,getFirstItem:f,onListItemAction:m})=>i.jsx(Af,{dataProvider:e,openedBranches:n,setOpenedBranches:s,singleBranchOnly:l,children:i.jsx(wo,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:p,className:a,selected:h,onListItemAction:m,getFirstItem:f,itemListRenderer:Lf(r)})}));function Wf(e){return(e==null?void 0:e.build)!==void 0}const xi=d.createContext(null),Pf=()=>{const e=d.useContext(xi);if(e===null)throw new Error("useAsyncTreeContext can only be used inside AsyncTreeList");return e},yi=W.kosComponent(({branch:e,provider:t,BranchTemplate:o,ItemTemplate:r,onBranchExpand:n,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:h=i.jsx("div",{style:{paddingLeft:"32px",color:"#999"},children:"No items"}),depth:p=0,nodeIconMap:f,nodeActions:m,nodeDecorators:b,expandedMode:x=!1,indentSize:y,isNodeSelectable:w,branchContentRenderer:v,itemContentRenderer:$,disableSelectionStyling:C=!1})=>{const S=Pf();d.useEffect(()=>{const G=S.openedBranches.includes(e.id),ee=e.loadingState.status==="idle",Ze=!e.isLeaf;if(G&&ee&&Ze){const Fe=t.originalItems.get(e.id);Fe&&t.expandBranch(e.id,Fe)}},[S.openedBranches,e.id,e.loadingState.status,e.isLeaf,t]);const k=d.useMemo(()=>{if(!f)return;if(typeof f=="function")return f(e);const G=e.type;return G?f[G]:void 0},[f,e]),I=d.useMemo(()=>{if(!(m!=null&&m.length))return;const G=t.originalItems.get(e.id);if(G)return m.filter(ee=>!ee.visibleFor||ee.visibleFor(e)).map(ee=>({id:ee.id,iconId:ee.iconId,color:ee.color,tooltip:ee.tooltip,label:ee.label,isPrimary:ee.isPrimary,onClick:()=>ee.onClick(e.id,G)}))},[m,e,t]),j=(()=>{if(b!=null&&b.length)return b.filter(G=>!G.visibleFor||G.visibleFor(e)).map(G=>({id:G.id,iconId:G.iconId,color:G.color,tooltip:G.tooltip}))})(),_=async()=>{if(S.openedBranches.includes(e.id))s==null||s(e.id);else if(e.loadingState.status==="idle"){const ee=t.originalItems.get(e.id);ee&&(await(n==null?void 0:n(e.id,ee)),await t.expandBranch(e.id,ee))}S.toggleBranch(e.id)},B=()=>{const G=t.originalItems.get(e.id);G&&(a==null||a(e.id,G))},U=Ye();if(e.isLeaf){const G=Wf(r)?r.build(e):r,ee=U.selected.includes(e.id),Ze=$?$(e,ee):void 0,Fe=Gt(e);return i.jsx(G,{"data-key":e.id,...e,...Fe!==void 0?{[Ut]:Fe}:{},onListItemAction:l,"data-depth":p,"data-indent-size":y,"data-disable-selection-styling":C,iconId:k==null?void 0:k.iconId,iconColor:k==null?void 0:k.color,actions:I,decorators:j,children:Ze},e.id)}const P=bi(o)?o.build(e):o,L=x||S.openedBranches.includes(e.id),Z=e.loadingState.status==="loading",ie=e.loadingState.status==="error",J=e.loadingState.status==="loaded",X=u===e.id,Se=L?e.branches.length>0?e.branches.map(G=>i.jsx(yi,{branch:G,provider:t,BranchTemplate:o,ItemTemplate:r,onBranchExpand:n,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:h,depth:p+1,nodeIconMap:f,nodeActions:m,nodeDecorators:b,expandedMode:x,indentSize:y,isNodeSelectable:w,branchContentRenderer:v,itemContentRenderer:$,disableSelectionStyling:C},G.id)):J&&h?[h]:[]:[],le=v?v(e,X):void 0,he=w?w(e):!0,Q=Gt(e);return i.jsx($t.Observer,{children:()=>i.jsx(P,{className:e.className,...e,...Q!==void 0?{[Ut]:Q}:{},onClick:x?B:_,onSelect:B,"data-loading":Z,"data-error":ie,"data-open":L,"data-selected":X,"data-expanded-mode":x,"data-depth":p,"data-indent-size":y,"data-selectable":he,"data-disable-selection-styling":C,iconId:k==null?void 0:k.iconId,iconColor:k==null?void 0:k.color,actions:I,decorators:j,content:le,children:Se})})}),vi=W.kosComponent(({dataProvider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:r,onBranchCollapse:n,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,emptyState:u,branchEmptyState:h,className:p,singleBranchOnly:f,openedBranches:m,setOpenedBranches:b,nodeIconMap:x,nodeActions:y,nodeDecorators:w,expandedMode:v=!1,indentSize:$,isNodeSelectable:C,branchContentRenderer:S,itemContentRenderer:k,disableSelectionStyling:I=!1})=>{const[j,_]=d.useState(!1),[B,U]=d.useState([]),P=m??B,L=b??U;d.useEffect(()=>e?((async()=>{await e.init(),_(!0)})(),()=>{e.dispose()}):void 0,[e]),d.useEffect(()=>{var X;!v||!j||!e||(X=e.expandAll)==null||X.call(e)},[v,j,e]);const Z=d.useCallback(X=>{const Se=P.includes(X);L(f?Se?[]:[X]:Se?P.filter(le=>le!==X):[...P,X])},[P,L,f]),ie=d.useMemo(()=>({openedBranches:P,toggleBranch:Z}),[P,Z]);if(!j||!e)return u||null;const J=m&&m.length>0&&e.tree.some(X=>m.includes(X.id)&&!X.isLeaf&&X.loadingState.status!=="loaded");return i.jsx(xi.Provider,{value:ie,children:i.jsx($t.Observer,{children:()=>i.jsxs("div",{className:p,style:J?{visibility:"hidden"}:void 0,children:[e.tree.length===0&&u,e.tree.map(X=>i.jsx(yi,{branch:X,provider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:r,onBranchCollapse:n,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,branchEmptyState:h,nodeIconMap:x,nodeActions:y,nodeDecorators:w,expandedMode:v,indentSize:$,isNodeSelectable:C,branchContentRenderer:S,itemContentRenderer:k,disableSelectionStyling:I},X.id))]})})})}),Hf=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:r,autoSelectFirstItem:n,dataProvider:s,...l})=>{const[a,u]=d.useState(o??[]),h=d.useRef(a??[]);d.useLayoutEffect(()=>{h.current=a},[a]),d.useEffect(()=>{u(o??[])},[o]);const p=d.useCallback(b=>{t(b,h.current.includes(b)?"unselected":"selected"),u(x=>e?[b]:x.includes(b)?x.filter(y=>y!==b):[...x,b])},[e,t]),f=d.useCallback(b=>h.current.includes(b),[]),m=d.useMemo(()=>({isSelected:f,selected:a,toggleSelection:p,isDisabled:!!r}),[f,a,p,r]);return d.useEffect(()=>{var b;if(n&&(s!=null&&s.rootItems)&&h.current.length===0){const x=(b=s.rootItems[0])==null?void 0:b.id;x&&p(x)}},[n,s==null?void 0:s.rootItems,p]),i.jsx(Et.Provider,{value:m,children:i.jsx(vi,{dataProvider:s,...l})})}),Vf=({children:e,id:t,className:o})=>i.jsx(z.ClassNames,{children:({cx:r})=>i.jsx(Uf,{className:r("anonymous-branch",o),children:e},t)}),Uf=g.div`
2444
2542
  display: flex;
2445
2543
  flex-direction: column;
2446
2544
  width: 100%;
2447
- `,[Ee]=z(["named-collapsible-branch"]),Hf=20,Vf=W.kosComponent(({children:e,className:t,onClick:o,onSelect:n,"data-loading":r,"data-open":s,"data-expanded-mode":l,"data-depth":a=0,"data-indent-size":u=Hf,"data-selectable":h=!0,"data-disable-selection-styling":p=!1,iconId:f,iconColor:m,actions:x,decorators:b,content:y,...w})=>{const{isSelected:v,toggleSelection:$,selected:C}=Ge(),S=h&&C.includes(w.id),k=B=>{B.stopPropagation(),o==null||o()},I=()=>{h?($(w.id),n==null||n()):o==null||o()},j=typeof u=="string"?Number(u):u,_=a>0?{marginLeft:`${a*j}px`}:void 0;return i.jsxs(Yf,{className:t,isOpen:s,style:_,children:[i.jsxs(qf,{"data-loading":r,"data-selected":S,onClick:I,$isSelected:S,$disableSelectionStyling:p,children:[!l&&i.jsx(Uf,{onClick:k,type:"button",children:i.jsx(Gf,{iconId:"CaretRight",size:"xxsm",$isOpen:s})}),f&&i.jsx(F,{size:"sm",iconId:f,color:m}),i.jsxs(Kf,{children:[y||i.jsx(E,{variant:"body",bold:!0,children:w.name}),r&&i.jsx(E,{variant:"body",children:"(Loading...)"})]}),b&&b.length>0&&i.jsx(Jf,{children:b.map(B=>i.jsx(Qf,{size:"sm",iconId:B.iconId,color:S&&!p?"white":B.color,title:B.tooltip},B.id))}),x&&x.length>0&&i.jsx(vo,{actions:x,isSelected:S,disableSelectionStyling:p})]}),i.jsx(Zf,{className:"inner-container",children:i.jsx(Xf,{className:"list-container",children:e})})]},w.id)}),Uf=g.button`
2545
+ `,[ze]=M(["named-collapsible-branch"]),Gf=20,Kf=W.kosComponent(({children:e,className:t,onClick:o,onSelect:r,"data-loading":n,"data-open":s,"data-expanded-mode":l,"data-depth":a=0,"data-indent-size":u=Gf,"data-selectable":h=!0,"data-disable-selection-styling":p=!1,iconId:f,iconColor:m,actions:b,decorators:x,content:y,...w})=>{const{isSelected:v,toggleSelection:$,selected:C}=Ye(),S=h&&C.includes(w.id),k=B=>{B.stopPropagation(),o==null||o()},I=()=>{h?($(w.id),r==null||r()):o==null||o()},j=typeof u=="string"?Number(u):u,_=a>0?{marginLeft:`${a*j}px`}:void 0;return i.jsxs(Xf,{className:t,isOpen:s,style:_,children:[i.jsxs(Jf,{"data-loading":n,"data-selected":S,onClick:I,$isSelected:S,$disableSelectionStyling:p,children:[!l&&i.jsx(Yf,{onClick:k,type:"button",children:i.jsx(qf,{iconId:"CaretRight",size:"xxsm",$isOpen:s})}),f&&i.jsx(N,{size:"sm",iconId:f,color:m}),i.jsxs(Zf,{children:[y||i.jsx(E,{variant:"body",bold:!0,children:w.name}),n&&i.jsx(E,{variant:"body",children:"(Loading...)"})]}),x&&x.length>0&&i.jsx(tg,{children:x.map(B=>i.jsx(og,{size:"sm",iconId:B.iconId,color:S&&!p?"white":B.color,title:B.tooltip},B.id))}),b&&b.length>0&&i.jsx(ko,{actions:b,isSelected:S,disableSelectionStyling:p})]}),i.jsx(Qf,{className:"inner-container",children:i.jsx(eg,{className:"list-container",children:e})})]},w.id)}),Yf=g.button`
2448
2546
  background: none;
2449
2547
  border: none;
2450
2548
  padding: 0;
@@ -2463,63 +2561,63 @@
2463
2561
  &:active {
2464
2562
  opacity: 0.5;
2465
2563
  }
2466
- `,Gf=g(F)`
2564
+ `,qf=g(N)`
2467
2565
  transition: transform 0.2s ease-in-out;
2468
2566
  transform: ${({$isOpen:e})=>e?"rotate(90deg)":"rotate(0deg)"};
2469
- `,Kf=g.div`
2567
+ `,Zf=g.div`
2470
2568
  display: flex;
2471
2569
  align-items: center;
2472
- gap: ${Ee("column-gap")};
2570
+ gap: ${ze("column-gap")};
2473
2571
  flex: 1;
2474
- `,Yf=g.div`
2572
+ `,Xf=g.div`
2475
2573
  display: flex;
2476
2574
  flex-direction: column;
2477
- ${({isOpen:e})=>e?`gap: ${Ee("padding-y")}`:""}
2478
- `,qf=g.div`
2575
+ ${({isOpen:e})=>e?`gap: ${ze("padding-y")}`:""}
2576
+ `,Jf=g.div`
2479
2577
  align-items: center;
2480
- gap: ${Ee("column-gap")};
2578
+ gap: ${ze("column-gap")};
2481
2579
  display: flex;
2482
2580
  flex: 0;
2483
2581
  min-height: 22px;
2484
- padding-left: ${Ee("padding-left")};
2485
- padding-top: ${Ee("padding-y")};
2486
- padding-bottom: ${Ee("padding-y")};
2487
- padding-right: ${Ee("padding-right")};
2582
+ padding-left: ${ze("padding-left")};
2583
+ padding-top: ${ze("padding-y")};
2584
+ padding-bottom: ${ze("padding-y")};
2585
+ padding-right: ${ze("padding-right")};
2488
2586
 
2489
2587
  cursor: pointer;
2490
- color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?Ee("color-selected"):"inherit"};
2491
- background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?Ee("background-color-selected"):"transparent"};
2588
+ color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?ze("color-selected"):"inherit"};
2589
+ background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>e&&!t?ze("background-color-selected"):"transparent"};
2492
2590
  transition: background-color 0.15s ease;
2493
2591
 
2494
2592
  &:hover {
2495
- background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>t?"rgba(0, 0, 0, 0.05)":e?Ee("background-color-selected"):"rgba(0, 0, 0, 0.05)"};
2593
+ background-color: ${({$isSelected:e,$disableSelectionStyling:t})=>t?"rgba(0, 0, 0, 0.05)":e?ze("background-color-selected"):"rgba(0, 0, 0, 0.05)"};
2496
2594
  }
2497
2595
 
2498
2596
  &:active {
2499
- background-color: ${({$disableSelectionStyling:e})=>e?"rgba(0, 0, 0, 0.1)":Ee("background-color-selected")};
2597
+ background-color: ${({$disableSelectionStyling:e})=>e?"rgba(0, 0, 0, 0.1)":ze("background-color-selected")};
2500
2598
  }
2501
- `,Zf=g.div`
2599
+ `,Qf=g.div`
2502
2600
  display: flex;
2503
2601
  flex-direction: column;
2504
- `,Xf=g.div`
2602
+ `,eg=g.div`
2505
2603
  display: flex;
2506
2604
  flex-direction: column;
2507
2605
  row-gap: 4px;
2508
- `,Jf=g.div`
2606
+ `,tg=g.div`
2509
2607
  display: flex;
2510
2608
  align-items: center;
2511
2609
  gap: 4px;
2512
2610
  padding-left: 8px;
2513
- `,Qf=g(F)`
2611
+ `,og=g(N)`
2514
2612
  opacity: 0.8;
2515
- `,eg=W.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:n,toggleBranch:r}=mi(),s=n.includes(o.id),l=d.useCallback(()=>{r(o)},[o,r]);return i.jsxs(tg,{className:t,children:[i.jsxs(og,{"data-open":s,onClick:l,children:[s?i.jsx(F,{iconId:"CaretDown",size:"xxsm"}):i.jsx(F,{iconId:"CaretRight",size:"xxsm"}),i.jsx(E,{variant:"body",bold:!0,children:o.name})]}),i.jsx(ng,{className:"inner-container",children:s?i.jsx(rg,{className:"list-container",children:e}):null})]},o.id)}),tg=g.div`
2613
+ `,rg=W.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:r,toggleBranch:n}=mi(),s=r.includes(o.id),l=d.useCallback(()=>{n(o)},[o,n]);return i.jsxs(ng,{className:t,children:[i.jsxs(sg,{"data-open":s,onClick:l,children:[s?i.jsx(N,{iconId:"CaretDown",size:"xxsm"}):i.jsx(N,{iconId:"CaretRight",size:"xxsm"}),i.jsx(E,{variant:"body",bold:!0,children:o.name})]}),i.jsx(ig,{className:"inner-container",children:s?i.jsx(ag,{className:"list-container",children:e}):null})]},o.id)}),ng=g.div`
2516
2614
  display: flex;
2517
2615
  flex-direction: column;
2518
2616
 
2519
2617
  &.isNotRoot {
2520
2618
  padding-left: 12px;
2521
2619
  }
2522
- `,og=g.div`
2620
+ `,sg=g.div`
2523
2621
  align-items: center;
2524
2622
  column-gap: 4px;
2525
2623
  cursor: pointer;
@@ -2527,90 +2625,90 @@
2527
2625
  flex: 0;
2528
2626
  min-height: 22px;
2529
2627
  padding-right: 12px;
2530
- `,ng=g.div`
2628
+ `,ig=g.div`
2531
2629
  display: flex;
2532
2630
  flex-direction: column;
2533
- `,rg=g.div`
2631
+ `,ag=g.div`
2534
2632
  display: flex;
2535
2633
  flex-direction: column;
2536
2634
  row-gap: 4px;
2537
- `,ki=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:l})=>{const[a,u]=d.useState(0),[h,p]=d.useState(0),f=d.useRef(null),m=d.useRef(null),x=o*n,b=Math.ceil(h/n),y=Math.max(Math.floor(a/n-(s??0)),0),w=Math.min(o-1,y+b+(s??0)),v=C=>{u(C.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const C=()=>{f.current&&p(f.current.clientHeight)};return C(),window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]),d.useEffect(()=>{e&&m.current&&(m.current.scrollTop=m.current.scrollHeight)},[o,e]);const $=[];for(let C=y;C<=w;C++)$.push(l(C,{top:C*n,height:n,position:"absolute",width:"100%"}));return d.useEffect(()=>{const C=()=>{const k=m.current;if(!k)return;const I=k.scrollHeight-k.scrollTop<=k.clientHeight+n;!e&&I&&(r==null||r())},S=m.current;return S&&S.addEventListener("scroll",C),()=>{S&&S.removeEventListener("scroll",C)}},[e,n,r]),i.jsx(sg,{ref:f,children:i.jsx(ig,{ref:m,style:{height:h},onScroll:v,className:t,children:i.jsx(ag,{style:{height:x},children:$})})})}),sg=g.div`
2635
+ `,ki=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:r,onBottom:n,overscanAmount:s,renderRow:l})=>{const[a,u]=d.useState(0),[h,p]=d.useState(0),f=d.useRef(null),m=d.useRef(null),b=o*r,x=Math.ceil(h/r),y=Math.max(Math.floor(a/r-(s??0)),0),w=Math.min(o-1,y+x+(s??0)),v=C=>{u(C.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const C=()=>{f.current&&p(f.current.clientHeight)};return C(),window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]),d.useEffect(()=>{e&&m.current&&(m.current.scrollTop=m.current.scrollHeight)},[o,e]);const $=[];for(let C=y;C<=w;C++)$.push(l(C,{top:C*r,height:r,position:"absolute",width:"100%"}));return d.useEffect(()=>{const C=()=>{const k=m.current;if(!k)return;const I=k.scrollHeight-k.scrollTop<=k.clientHeight+r;!e&&I&&(n==null||n())},S=m.current;return S&&S.addEventListener("scroll",C),()=>{S&&S.removeEventListener("scroll",C)}},[e,r,n]),i.jsx(lg,{ref:f,children:i.jsx(cg,{ref:m,style:{height:h},onScroll:v,className:t,children:i.jsx(dg,{style:{height:b},children:$})})})}),lg=g.div`
2538
2636
  height: 100%;
2539
2637
  width: 100%;
2540
2638
  overflow-y: hidden;
2541
2639
  position: relative;
2542
- `,ig=g.div`
2640
+ `,cg=g.div`
2543
2641
  overflow-y: auto;
2544
2642
  width: 100%;
2545
2643
  position: relative;
2546
- `,ag=g.div`
2644
+ `,dg=g.div`
2547
2645
  position: relative;
2548
2646
  width: 100%;
2549
- `,wi=W.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:n,emptyState:r,...s})=>{const l=qt(e,n),a=d.useCallback((u,h)=>{const p=e==null?void 0:e.items.find((f,m)=>m===u);if(p){const f=Gt(t)?t.build(p):t;return i.jsx(f,{"data-key":p.id,style:h,...p,onListItemAction:o},p.id)}return null},[t,e==null?void 0:e.items,o]);return i.jsx(Fn,{dataProvider:e||void 0,onListItemAction:o,children:l?(e==null?void 0:e.items.length)===0&&r?r:i.jsx(ki,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:a,...s}):null})}),lg=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,...a})=>{const[u,h]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{h(o??[])},[o]);const f=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),h(y=>e?[b]:y.includes(b)?y.filter(w=>w!==b):[...y,b])},[e,t]),m=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:f,isDisabled:!!n}),[m,u,f,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let w;l?w=(b=l(s.items))==null?void 0:b.id:w=(y=s.items[0])==null?void 0:y.id,w&&f(w)}},[r,s==null?void 0:s.items,l,f]),i.jsx(Dt.Provider,{value:x,children:i.jsx(wi,{dataProvider:s,...a})})}),[ke]=z(["modal"]),Ci=g.div`
2647
+ `,wi=W.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:r,emptyState:n,...s})=>{const l=Zt(e,r),a=d.useCallback((u,h)=>{const p=e==null?void 0:e.items.find((f,m)=>m===u);if(p){const f=Kt(t)?t.build(p):t;return i.jsx(f,{"data-key":p.id,style:h,...p,onListItemAction:o},p.id)}return null},[t,e==null?void 0:e.items,o]);return i.jsx(Nr,{dataProvider:e||void 0,onListItemAction:o,children:l?(e==null?void 0:e.items.length)===0&&n?n:i.jsx(ki,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:a,...s}):null})}),ug=W.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:r,autoSelectFirstItem:n,dataProvider:s,getFirstItem:l,...a})=>{const[u,h]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{h(o??[])},[o]);const f=d.useCallback(x=>{t(x,p.current.includes(x)?"unselected":"selected"),h(y=>e?[x]:y.includes(x)?y.filter(w=>w!==x):[...y,x])},[e,t]),m=d.useCallback(x=>p.current.includes(x),[]),b=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:f,isDisabled:!!r}),[m,u,f,r]);return d.useEffect(()=>{var x,y;if(n&&(s!=null&&s.items)&&p.current.length===0){let w;l?w=(x=l(s.items))==null?void 0:x.id:w=(y=s.items[0])==null?void 0:y.id,w&&f(w)}},[n,s==null?void 0:s.items,l,f]),i.jsx(Et.Provider,{value:b,children:i.jsx(wi,{dataProvider:s,...a})})}),[we]=M(["modal"]),Ci=g.div`
2550
2648
  width: fit-content;
2551
2649
  height: fit-content;
2552
2650
  display: flex;
2553
2651
  align-items: flex-start;
2554
2652
  justify-content: flex-start;
2555
2653
  flex-direction: column;
2556
- background-color: ${ke("background-color")};
2654
+ background-color: ${we("background-color")};
2557
2655
  `,$i=g.div`
2558
- padding: ${ke("headerPadding")};
2559
- column-gap: ${ke("headerGap")};
2656
+ padding: ${we("headerPadding")};
2657
+ column-gap: ${we("headerGap")};
2560
2658
  width: 100%;
2561
2659
  display: flex;
2562
2660
  align-items: center;
2563
2661
  justify-content: flex-start;
2564
- border-bottom: ${ke("border-width")} solid ${ke("border-color")};
2662
+ border-bottom: ${we("border-width")} solid ${we("border-color")};
2565
2663
  `,Si=g.div`
2566
- padding: ${ke("contentYPadding")} ${ke("contentXPadding")};
2664
+ padding: ${we("contentYPadding")} ${we("contentXPadding")};
2567
2665
  width: fit-content;
2568
- `,Hn=g.div`
2569
- padding: ${ke("footerYPadding")} ${ke("footerXPadding")};
2570
- border-top: ${ke("border-width")} solid ${ke("border-color")};
2666
+ `,Pr=g.div`
2667
+ padding: ${we("footerYPadding")} ${we("footerXPadding")};
2668
+ border-top: ${we("border-width")} solid ${we("border-color")};
2571
2669
  width: 100%;
2572
2670
  display: flex;
2573
2671
  align-items: center;
2574
2672
  justify-content: flex-end;
2575
- `,cg=g.div`
2576
- width: ${ke("base-content-width")};
2673
+ `,hg=g.div`
2674
+ width: ${we("base-content-width")};
2577
2675
  display: flex;
2578
2676
  align-items: flex-start;
2579
2677
  justify-content: flex-start;
2580
2678
  flex-direction: column;
2581
- `,$o=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},l)=>{const a=r??$i,u=s??Si,h=n??Hn;return i.jsxs(Ci,{ref:l,children:[i.jsx(a,{children:e}),i.jsx(u,{children:o}),i.jsx(h,{children:t})]})}),dg=d.forwardRef(({level:e,headerText:t,content:o,acceptButtonVariant:n,acceptButtonText:r,onAccept:s},l)=>{const a=d.useMemo(()=>{if(e==="error")return{iconId:"ExclamationCircle",color:"red"};if(e==="warn")return{iconId:"Warning",color:"orange"};if(e==="success")return{iconId:"CheckCircle",color:"green"};if(e==="info")return{iconId:"InfoCircle",color:"blue"}},[e]),{setOpen:u}=ot(),h=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return i.jsx($o,{ref:l,header:i.jsxs(i.Fragment,{children:[!!a&&i.jsx(F,{iconId:a.iconId,color:a.color}),i.jsx(E,{variant:"h2",color:"dark",children:t})]}),content:o,footer:i.jsx(Pe,{onClick:h,variant:n??"primary",text:r??"Okay"})})}),[ug]=z(["modal"]),hg=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:n,cancelText:r,content:s,confirmButtonVariant:l,cancelButtonVariant:a,confirmDisabled:u,headerIcon:h,headerIconColor:p,contentWrapper:f,cancelDisabled:m},x)=>{const{setOpen:b}=ot(),y=d.useCallback(()=>{e(()=>b(!1))},[e,b]),w=d.useCallback(()=>{t&&t(),b(!1)},[t,b]);return i.jsx($o,{ref:x,header:i.jsxs(i.Fragment,{children:[!!h&&i.jsx(F,{iconId:h,color:p??"black"}),i.jsx(E,{variant:"h2",color:"dark",children:o})]}),contentWrapper:f,content:s,footerWrapper:pg,footer:i.jsxs(i.Fragment,{children:[i.jsx(Pe,{text:r??"Cancel",onClick:w,disabled:m,variant:a??"borderless"}),i.jsx(Pe,{onClick:y,variant:l??"primary",text:n??"Confirm",disabled:u})]})})}),pg=g(Hn)`
2582
- column-gap: ${ug("footerGap")};
2583
- `,fg=d.memo(({headerText:e})=>i.jsxs(i.Fragment,{children:[i.jsx(F,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),i.jsx(E,{variant:"h2",color:"dark",children:e})]})),gg=d.memo(({contentText:e,compareText:t,errorText:o})=>{const n=d.useCallback(s=>s.message&&s.message!==""?s.message:o??"That does not match.",[o]),r=d.useCallback(s=>s===t,[t]);return i.jsxs(mg,{children:[i.jsx(E,{variant:"body",color:"dark",children:e}),i.jsx(En,{name:"matchText",handleError:n,validate:r})]})}),mg=g.div`
2679
+ `,So=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:r,headerWrapper:n,contentWrapper:s},l)=>{const a=n??$i,u=s??Si,h=r??Pr;return i.jsxs(Ci,{ref:l,children:[i.jsx(a,{children:e}),i.jsx(u,{children:o}),i.jsx(h,{children:t})]})}),pg=d.forwardRef(({level:e,headerText:t,content:o,acceptButtonVariant:r,acceptButtonText:n,onAccept:s},l)=>{const a=d.useMemo(()=>{if(e==="error")return{iconId:"ExclamationCircle",color:"red"};if(e==="warn")return{iconId:"Warning",color:"orange"};if(e==="success")return{iconId:"CheckCircle",color:"green"};if(e==="info")return{iconId:"InfoCircle",color:"blue"}},[e]),{setOpen:u}=rt(),h=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return i.jsx(So,{ref:l,header:i.jsxs(i.Fragment,{children:[!!a&&i.jsx(N,{iconId:a.iconId,color:a.color}),i.jsx(E,{variant:"h2",color:"dark",children:t})]}),content:o,footer:i.jsx(Ve,{onClick:h,variant:r??"primary",text:n??"Okay"})})}),[fg]=M(["modal"]),gg=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:r,cancelText:n,content:s,confirmButtonVariant:l,cancelButtonVariant:a,confirmDisabled:u,headerIcon:h,headerIconColor:p,contentWrapper:f,cancelDisabled:m},b)=>{const{setOpen:x}=rt(),y=d.useCallback(()=>{e(()=>x(!1))},[e,x]),w=d.useCallback(()=>{t&&t(),x(!1)},[t,x]);return i.jsx(So,{ref:b,header:i.jsxs(i.Fragment,{children:[!!h&&i.jsx(N,{iconId:h,color:p??"black"}),i.jsx(E,{variant:"h2",color:"dark",children:o})]}),contentWrapper:f,content:s,footerWrapper:mg,footer:i.jsxs(i.Fragment,{children:[i.jsx(Ve,{text:n??"Cancel",onClick:w,disabled:m,variant:a??"borderless"}),i.jsx(Ve,{onClick:y,variant:l??"primary",text:r??"Confirm",disabled:u})]})})}),mg=g(Pr)`
2680
+ column-gap: ${fg("footerGap")};
2681
+ `,bg=d.memo(({headerText:e})=>i.jsxs(i.Fragment,{children:[i.jsx(N,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),i.jsx(E,{variant:"h2",color:"dark",children:e})]})),xg=d.memo(({contentText:e,compareText:t,errorText:o})=>{const r=d.useCallback(s=>s.message&&s.message!==""?s.message:o??"That does not match.",[o]),n=d.useCallback(s=>s===t,[t]);return i.jsxs(yg,{children:[i.jsx(E,{variant:"body",color:"dark",children:e}),i.jsx(Tr,{name:"matchText",handleError:r,validate:n})]})}),yg=g.div`
2584
2682
  width: 288px;
2585
2683
  display: flex;
2586
2684
  align-items: flex-start;
2587
2685
  justify-content: flex-start;
2588
2686
  flex-direction: column;
2589
2687
  row-gap: 8px;
2590
- `,bg=d.memo(({onSubmit:e})=>{const{setOpen:t}=ot(),o=d.useCallback(()=>{t(!1)},[t]);return i.jsxs(i.Fragment,{children:[i.jsx(Pe,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),i.jsx(Tn,{onSubmit:e,variant:"primary",text:"Delete"})]})}),xg={matchText:""},yg=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:n,onConfirm:r},s)=>{const{setOpen:l}=ot(),a=d.useCallback((u,h)=>{r(u,()=>l(!1),h)},[r,l]);return i.jsx(vg,{onSubmit:a,mode:"onChange",delayError:400,defaultValues:xg,children:i.jsx($o,{ref:s,header:i.jsx(fg,{headerText:t}),content:i.jsx(gg,{compareText:e,contentText:o,errorText:n}),footer:i.jsx(bg,{onSubmit:a})})})}),vg=g(Xs)`
2688
+ `,vg=d.memo(({onSubmit:e})=>{const{setOpen:t}=rt(),o=d.useCallback(()=>{t(!1)},[t]);return i.jsxs(i.Fragment,{children:[i.jsx(Ve,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),i.jsx(Dr,{onSubmit:e,variant:"primary",text:"Delete"})]})}),kg={matchText:""},wg=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:r,onConfirm:n},s)=>{const{setOpen:l}=rt(),a=d.useCallback((u,h)=>{n(u,()=>l(!1),h)},[n,l]);return i.jsx(Cg,{onSubmit:a,mode:"onChange",delayError:400,defaultValues:kg,children:i.jsx(So,{ref:s,header:i.jsx(bg,{headerText:t}),content:i.jsx(xg,{compareText:e,contentText:o,errorText:r}),footer:i.jsx(vg,{onSubmit:a})})})}),Cg=g(Xs)`
2591
2689
  height: fit-content;
2592
2690
  width: fit-content;
2593
- `,kg=({className:e,defaultValues:t,header:o,submitText:n,cancelText:r,onCancel:s,enabledIfClean:l,onSubmit:a,content:u,submitButtonVariant:h,cancelButtonVariant:p,variant:f="submit",ContentWrapper:m,disabled:x,...b},y)=>{const w=q.useForm({shouldUnregister:!0,defaultValues:t,disabled:x,...b,mode:f==="blur"?"onBlur":b.mode}),{setOpen:v}=ot(),{setError:$,reset:C}=w,S=d.useCallback(_=>{a({data:_,closeModal:()=>v(!1),setError:$,resetForm:C})},[a,C,$,v]),k=d.useCallback(()=>{s==null||s(C),v(!1)},[s,C,v]),I=d.useCallback(_=>S(_),[S]),j=m??Si;return i.jsx(q.FormProvider,{...w,children:i.jsxs(Ci,{ref:y,as:"form",className:e,onSubmit:f==="blur"?void 0:w.handleSubmit(S),onBlur:f==="blur"?w.handleSubmit(S):void 0,children:[i.jsx($i,{children:o}),i.jsx(j,{children:u}),i.jsxs(Hn,{children:[i.jsx(Pe,{text:r??"Cancel",onClick:k,type:"button",variant:p??"borderless"}),f!=="blur"&&i.jsx(Tn,{onSubmit:I,variant:h??"primary",text:n??"Submit",enabledIfClean:l,disabled:x})]})]})})},wg=$t(kg),[Cg]=z(["modal"]),$g={escapeKey:!0,outsidePress:!1,bubbles:!1};function Sg(e){const{type:t,open:o,defaultOpen:n,onOpenChange:r,children:s,initialFocus:l,...a}=e,u=t==="confirm"?hg:t==="status"?dg:t==="confirm-delete"?yg:t==="form"?wg:$o;return i.jsxs(fn,{dismissOptions:$g,open:o,defaultOpen:n,onOpenChange:r,children:[i.jsx(mn,{initialFocus:l,OverlayStyles:ji,trapFocus:!0,children:i.jsx(u,{...a})}),!!s&&s]})}const jg=({children:e})=>i.jsx(gn,{children:e}),ji=M.css`
2594
- background: ${Cg("overlay-background")};
2691
+ `,$g=({className:e,defaultValues:t,header:o,submitText:r,cancelText:n,onCancel:s,enabledIfClean:l,onSubmit:a,content:u,submitButtonVariant:h,cancelButtonVariant:p,variant:f="submit",ContentWrapper:m,disabled:b,...x},y)=>{const w=q.useForm({shouldUnregister:!0,defaultValues:t,disabled:b,...x,mode:f==="blur"?"onBlur":x.mode}),{setOpen:v}=rt(),{setError:$,reset:C}=w,S=d.useCallback(_=>{a({data:_,closeModal:()=>v(!1),setError:$,resetForm:C})},[a,C,$,v]),k=d.useCallback(()=>{s==null||s(C),v(!1)},[s,C,v]),I=d.useCallback(_=>S(_),[S]),j=m??Si;return i.jsx(q.FormProvider,{...w,children:i.jsxs(Ci,{ref:y,as:"form",className:e,onSubmit:f==="blur"?void 0:w.handleSubmit(S),onBlur:f==="blur"?w.handleSubmit(S):void 0,children:[i.jsx($i,{children:o}),i.jsx(j,{children:u}),i.jsxs(Pr,{children:[i.jsx(Ve,{text:n??"Cancel",onClick:k,type:"button",variant:p??"borderless"}),f!=="blur"&&i.jsx(Dr,{onSubmit:I,variant:h??"primary",text:r??"Submit",enabledIfClean:l,disabled:b})]})]})})},Sg=jt($g),[jg]=M(["modal"]),Ig={escapeKey:!0,outsidePress:!1,bubbles:!1};function _g(e){const{type:t,open:o,defaultOpen:r,onOpenChange:n,children:s,initialFocus:l,...a}=e,u=t==="confirm"?gg:t==="status"?pg:t==="confirm-delete"?wg:t==="form"?Sg:So;return i.jsxs(pr,{dismissOptions:Ig,open:o,defaultOpen:r,onOpenChange:n,children:[i.jsx(gr,{initialFocus:l,OverlayStyles:ji,trapFocus:!0,children:i.jsx(u,{...a})}),!!s&&s]})}const Dg=({children:e})=>i.jsx(fr,{children:e}),ji=z.css`
2692
+ background: ${jg("overlay-background")};
2595
2693
  display: grid;
2596
2694
  place-items: center;
2597
2695
  z-index: 2;
2598
- `,[ht]=z(["named-section-header"]),Ii=g.div`
2696
+ `,[pt]=M(["named-section-header"]),Ii=g.div`
2599
2697
  align-items: flex-start;
2600
- background-color: ${ht("bg")};
2601
- border-bottom: ${ht("border-width")} solid ${ht("border-color")};
2602
- border-radius: ${ht("border-radius")} ${ht("border-radius")} 0px 0px;
2698
+ background-color: ${pt("bg")};
2699
+ border-bottom: ${pt("border-width")} solid ${pt("border-color")};
2700
+ border-radius: ${pt("border-radius")} ${pt("border-radius")} 0px 0px;
2603
2701
  display: flex;
2604
- padding: ${ht("padding")};
2605
- column-gap: ${ht("gap")};
2702
+ padding: ${pt("padding")};
2703
+ column-gap: ${pt("gap")};
2606
2704
  &.isCollapsed {
2607
2705
  border-bottom-width: 0px;
2608
2706
  }
2609
- `,Ig=d.memo(({children:e})=>{const{setOpen:t,open:o}=Kt(),n=d.useCallback(r=>{r.stopPropagation(),t(!o)},[o,t]);return i.jsxs(Ii,{className:St("header-wrapper",{isCollapsed:o}),children:[i.jsx(ie,{iconId:o?"CaretDown":"CaretUp",onClick:n,size:"xsm",color:"black"}),e]})}),[Ze]=z(["named-section"]),_g=e=>e.variant==="selectable",_i=e=>{const{variant:t,className:o,children:n,header:r,isCollapsible:s}=e,l=d.useRef(null),[a,u,h]=_g(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],p=e.ContentWrapper??Tg,f=d.useCallback(m=>{h&&l.current&&l.current.contains(m.target)&&h()},[h]);return i.jsx(M.ClassNames,{children:({cx:m})=>i.jsx(Dg,{"data-variant":t,className:m(o,{disabled:a,isSelected:u}),onClick:f,ref:l,children:s?i.jsxs(ho,{defaultOpen:!0,children:[i.jsx(Ig,{children:r}),i.jsx(po,{children:i.jsx(p,{children:n})})]}):i.jsxs(i.Fragment,{children:[i.jsx(Ii,{className:"header-wrapper",children:r}),i.jsx(p,{children:n})]})})})},Dg=g.div`
2610
- border-color: ${Ze("border-color")};
2611
- border-radius: ${Ze("border-radius")};
2707
+ `,Tg=d.memo(({children:e})=>{const{setOpen:t,open:o}=Yt(),r=d.useCallback(n=>{n.stopPropagation(),t(!o)},[o,t]);return i.jsxs(Ii,{className:It("header-wrapper",{isCollapsed:o}),children:[i.jsx(ae,{iconId:o?"CaretDown":"CaretUp",onClick:r,size:"xsm",color:"black"}),e]})}),[Je]=M(["named-section"]),Eg=e=>e.variant==="selectable",_i=e=>{const{variant:t,className:o,children:r,header:n,isCollapsible:s}=e,l=d.useRef(null),[a,u,h]=Eg(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],p=e.ContentWrapper??Mg,f=d.useCallback(m=>{h&&l.current&&l.current.contains(m.target)&&h()},[h]);return i.jsx(z.ClassNames,{children:({cx:m})=>i.jsx(zg,{"data-variant":t,className:m(o,{disabled:a,isSelected:u}),onClick:f,ref:l,children:s?i.jsxs(po,{defaultOpen:!0,children:[i.jsx(Tg,{children:n}),i.jsx(fo,{children:i.jsx(p,{children:r})})]}):i.jsxs(i.Fragment,{children:[i.jsx(Ii,{className:"header-wrapper",children:n}),i.jsx(p,{children:r})]})})})},zg=g.div`
2708
+ border-color: ${Je("border-color")};
2709
+ border-radius: ${Je("border-radius")};
2612
2710
  border-style: solid;
2613
- border-width: ${Ze("border-width")};
2711
+ border-width: ${Je("border-width")};
2614
2712
  display: flex;
2615
2713
  flex-direction: column;
2616
2714
  width: 100%;
@@ -2620,19 +2718,19 @@
2620
2718
  }
2621
2719
  &[data-variant="selectable"] {
2622
2720
  &.isSelected {
2623
- outline-color: ${Ze("selected-border-color")};
2624
- outline-width: ${Ze("selected-border-width")};
2625
- outline-offset: calc(-1.5 * ${Ze("selected-border-width")});
2721
+ outline-color: ${Je("selected-border-color")};
2722
+ outline-width: ${Je("selected-border-width")};
2723
+ outline-offset: calc(-1.5 * ${Je("selected-border-width")});
2626
2724
  }
2627
2725
  cursor: pointer;
2628
2726
  outline-color: transparent;
2629
- outline-offset: calc(-1.5 * ${Ze("hover-border-width")});
2727
+ outline-offset: calc(-1.5 * ${Je("hover-border-width")});
2630
2728
  outline-style: solid;
2631
- outline-width: ${Ze("hover-border-width")};
2729
+ outline-width: ${Je("hover-border-width")};
2632
2730
 
2633
2731
  &:hover {
2634
2732
  opacity: 1;
2635
- outline-color: ${Ze("selected-border-color")};
2733
+ outline-color: ${Je("selected-border-color")};
2636
2734
  }
2637
2735
  }
2638
2736
  &[data-variant="scrollable"] {
@@ -2642,67 +2740,67 @@
2642
2740
  top: 0;
2643
2741
  }
2644
2742
  }
2645
- `,Tg=g.div`
2743
+ `,Mg=g.div`
2646
2744
  display: flex;
2647
2745
  width: 100%;
2648
- `,[So]=z(["named-section-header"]),Eg=d.memo(({name:e,description:t,prefix:o,suffix:n,children:r,...s})=>i.jsxs(Mg,{...s,className:t?"hasDesc":void 0,children:[i.jsxs(zg,{children:[i.jsxs(Og,{children:[o,i.jsx(E,{color:"dark",bold:!0,variant:"body",children:e}),n]}),!!t&&i.jsx(E,{color:"grey",variant:"small",children:t})]}),!!r&&i.jsx(Rg,{children:r})]})),Mg=g.div`
2746
+ `,[jo]=M(["named-section-header"]),Og=d.memo(({name:e,description:t,prefix:o,suffix:r,children:n,...s})=>i.jsxs(Rg,{...s,className:t?"hasDesc":void 0,children:[i.jsxs(Ng,{children:[i.jsxs(Fg,{children:[o,i.jsx(E,{color:"dark",bold:!0,variant:"body",children:e}),r]}),!!t&&i.jsx(E,{color:"grey",variant:"small",children:t})]}),!!n&&i.jsx(Ag,{children:n})]})),Rg=g.div`
2649
2747
  width: 100%;
2650
2748
  display: flex;
2651
2749
  align-items: center;
2652
- column-gap: ${So("gap")};
2750
+ column-gap: ${jo("gap")};
2653
2751
  justify-content: space-between;
2654
2752
  &.hasDesc {
2655
2753
  align-items: flex-start;
2656
2754
  }
2657
- `,zg=g.div`
2755
+ `,Ng=g.div`
2658
2756
  display: flex;
2659
2757
  align-items: flex-start;
2660
2758
  justify-content: center;
2661
2759
  flex-direction: column;
2662
- row-gap: ${So("row-gap")};
2663
- `,Og=g.div`
2760
+ row-gap: ${jo("row-gap")};
2761
+ `,Fg=g.div`
2664
2762
  display: flex;
2665
2763
  align-items: center;
2666
2764
  justify-content: flex-start;
2667
- column-gap: ${So("row-gap")};
2668
- `,Rg=g.div`
2765
+ column-gap: ${jo("row-gap")};
2766
+ `,Ag=g.div`
2669
2767
  display: flex;
2670
2768
  align-items: center;
2671
2769
  justify-content: flex-end;
2672
- row-gap: ${So("row-gap")};
2673
- `,[so]=z(["image-config-page-header"]),Ng=e=>e?Array.isArray(e)?e.map(t=>i.jsx(co,{color:"light",children:t},t)):i.jsx(co,{color:"light",children:e}):null,Fg=({action:e,description:t,title:o,titleTag:n,subTitle:r,...s})=>i.jsxs(Ag,{...s,children:[i.jsxs(Bg,{children:[i.jsxs(Lg,{children:[i.jsx(E,{variant:"h1",children:o}),Ng(n)]}),t&&i.jsx(E,{variant:"body",color:"grey",children:t}),r&&i.jsx(E,{variant:"body",color:"dark",children:r})]}),e]}),Ag=g.div`
2770
+ row-gap: ${jo("row-gap")};
2771
+ `,[io]=M(["image-config-page-header"]),Lg=e=>e?Array.isArray(e)?e.map(t=>i.jsx(uo,{color:"light",children:t},t)):i.jsx(uo,{color:"light",children:e}):null,Bg=({action:e,description:t,title:o,titleTag:r,subTitle:n,...s})=>i.jsxs(Wg,{...s,children:[i.jsxs(Hg,{children:[i.jsxs(Pg,{children:[i.jsx(E,{variant:"h1",children:o}),Lg(r)]}),t&&i.jsx(E,{variant:"body",color:"grey",children:t}),n&&i.jsx(E,{variant:"body",color:"dark",children:n})]}),e]}),Wg=g.div`
2674
2772
  align-items: center;
2675
- background: ${so("bg")};
2773
+ background: ${io("bg")};
2676
2774
  display: flex;
2677
- gap: ${so("gap")};
2678
- padding: 0 0 ${so("padding-bottom")} 0;
2775
+ gap: ${io("gap")};
2776
+ padding: 0 0 ${io("padding-bottom")} 0;
2679
2777
  width: 100%;
2680
- `,Lg=g.div`
2778
+ `,Pg=g.div`
2681
2779
  width: 100%;
2682
2780
  display: flex;
2683
2781
  align-items: center;
2684
2782
  column-gap: ${c("spacing-8")};
2685
2783
  justify-content: flex-start;
2686
- `,Bg=g.div`
2784
+ `,Hg=g.div`
2687
2785
  display: flex;
2688
2786
  flex-direction: column;
2689
2787
  flex: 1;
2690
- gap: ${so("title-gap")};
2691
- `,Di=d.createContext(null),Wg=()=>{const e=d.useContext(Di);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e};function Pg(e){if(e=typeof e=="number"?e:parseInt(e),e===0)return"0.00 B";const t=Math.floor(Math.log(e)/Math.log(1024));return(e/Math.pow(1024,t)).toFixed(2)+" "+" KMGTP".charAt(t)+"B"}const rn=new IntersectionObserver(([e])=>{const t=e.boundingClientRect.top-e.intersectionRect.top<0,o=e.boundingClientRect.bottom-e.intersectionRect.bottom>0;e.target.classList.toggle("isStuckTop",t),e.target.classList.toggle("isStuckBottom",o)},{threshold:[1]}),Hg=(e,t)=>{if(e==="\\"||e==="/")return"/";if(e.length<=1)return e;const n=e.replace(/\\/g,"/").split(/[/\\]+/);return t!==!1&&n[n.length-1]===""&&n.pop(),n.join("/")},[he]=z(["select-view-list"]),Ti=d.memo(({id:e,name:t,icon:o,onListItemAction:n,isSelectDisabled:r})=>{const{selected:s,viewing:l}=Wg(),a=d.useRef(null),u=d.useRef(null),h=d.useRef(!1),p=s===e,f=l===e;d.useEffect(()=>{u.current&&(p?(rn.observe(u.current),h.current=!0):h.current&&(h.current=!1,rn.unobserve(u.current)))},[p]);const m=d.useCallback(()=>{n==null||n(e,"select")},[n,e]),x=d.useCallback(b=>{a.current&&a.current.contains(b.target)||n==null||n(e,"view")},[e,n]);return i.jsx(M.ClassNames,{children:({cx:b})=>i.jsx(Vg,{ref:u,className:b({isSelected:p}),onClick:x,children:i.jsxs(Ug,{className:b({isViewing:f}),children:[i.jsx(Cs,{ref:a,checked:p,disabled:r,onChange:m}),i.jsxs(Gg,{color:"dark",bold:p,variant:"body",children:[t,o]}),i.jsx(F,{iconId:"Right",color:"blue",size:"sm"})]})})})}),Vg=g.div`
2788
+ gap: ${io("title-gap")};
2789
+ `,Di=d.createContext(null),Vg=()=>{const e=d.useContext(Di);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e};function Ug(e){if(e=typeof e=="number"?e:parseInt(e),e===0)return"0.00 B";const t=Math.floor(Math.log(e)/Math.log(1024));return(e/Math.pow(1024,t)).toFixed(2)+" "+" KMGTP".charAt(t)+"B"}const nr=new IntersectionObserver(([e])=>{const t=e.boundingClientRect.top-e.intersectionRect.top<0,o=e.boundingClientRect.bottom-e.intersectionRect.bottom>0;e.target.classList.toggle("isStuckTop",t),e.target.classList.toggle("isStuckBottom",o)},{threshold:[1]}),Gg=(e,t)=>{if(e==="\\"||e==="/")return"/";if(e.length<=1)return e;const r=e.replace(/\\/g,"/").split(/[/\\]+/);return t!==!1&&r[r.length-1]===""&&r.pop(),r.join("/")},[pe]=M(["select-view-list"]),Ti=d.memo(({id:e,name:t,icon:o,onListItemAction:r,isSelectDisabled:n})=>{const{selected:s,viewing:l}=Vg(),a=d.useRef(null),u=d.useRef(null),h=d.useRef(!1),p=s===e,f=l===e;d.useEffect(()=>{u.current&&(p?(nr.observe(u.current),h.current=!0):h.current&&(h.current=!1,nr.unobserve(u.current)))},[p]);const m=d.useCallback(()=>{r==null||r(e,"select")},[r,e]),b=d.useCallback(x=>{a.current&&a.current.contains(x.target)||r==null||r(e,"view")},[e,r]);return i.jsx(z.ClassNames,{children:({cx:x})=>i.jsx(Kg,{ref:u,className:x({isSelected:p}),onClick:b,children:i.jsxs(Yg,{className:x({isViewing:f}),children:[i.jsx(Cs,{ref:a,checked:p,disabled:n,onChange:m}),i.jsxs(qg,{color:"dark",bold:p,variant:"body",children:[t,o]}),i.jsx(N,{iconId:"Right",color:"blue",size:"sm"})]})})})}),Kg=g.div`
2692
2790
  width: 100%;
2693
2791
  display: flex;
2694
2792
  height: auto;
2695
2793
  flex-shrink: 0;
2696
2794
  align-items: center;
2697
2795
  justify-content: flex-start;
2698
- border-bottom: ${he("border-width")} solid ${he("border-color")};
2796
+ border-bottom: ${pe("border-width")} solid ${pe("border-color")};
2699
2797
 
2700
2798
  &:first-of-type {
2701
- border-top-color: ${he("border-color")};
2799
+ border-top-color: ${pe("border-color")};
2702
2800
  }
2703
2801
 
2704
2802
  :not(:first-of-type):not(.isStuckBottom):has(div.isViewing) {
2705
- border-top-color: ${he("background-color-viewing")};
2803
+ border-top-color: ${pe("background-color-viewing")};
2706
2804
  }
2707
2805
 
2708
2806
  &.isSelected {
@@ -2713,38 +2811,38 @@
2713
2811
 
2714
2812
  &.isStuckBottom {
2715
2813
  box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.04);
2716
- border-top: ${he("border-width")} solid ${he("background-color")};
2717
- border-top-color: ${he("border-color")};
2814
+ border-top: ${pe("border-width")} solid ${pe("background-color")};
2815
+ border-top-color: ${pe("border-color")};
2718
2816
  }
2719
2817
 
2720
2818
  &.isStuckTop {
2721
2819
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.04);
2722
2820
  }
2723
- `,Ug=g.div`
2821
+ `,Yg=g.div`
2724
2822
  width: 100%;
2725
2823
  display: flex;
2726
2824
  flex-shrink: 0;
2727
2825
  align-items: center;
2728
2826
  justify-content: flex-start;
2729
- height: ${he("item-height")};
2730
- padding-left: ${he("padding-left")};
2731
- padding-right: ${he("padding-right")};
2732
- background-color: ${he("background-color")};
2827
+ height: ${pe("item-height")};
2828
+ padding-left: ${pe("padding-left")};
2829
+ padding-right: ${pe("padding-right")};
2830
+ background-color: ${pe("background-color")};
2733
2831
  transition: background 0.125s ease-in-out;
2734
2832
  &.isViewing {
2735
- background-color: ${he("background-color-viewing")};
2833
+ background-color: ${pe("background-color-viewing")};
2736
2834
  }
2737
- `,Gg=g(E)`
2835
+ `,qg=g(E)`
2738
2836
  flex: 1;
2739
2837
  overflow: hidden;
2740
2838
  text-overflow: ellipsis;
2741
2839
  white-space: nowrap;
2742
- padding-left: ${he("padding-left")};
2743
- padding-right: ${he("padding-right")};
2744
- gap: ${he("gap")};
2840
+ padding-left: ${pe("padding-left")};
2841
+ padding-right: ${pe("padding-right")};
2842
+ gap: ${pe("gap")};
2745
2843
  align-items: center;
2746
2844
  display: flex;
2747
- `,Kg=({className:e,dp:t,emptyState:o,firstChild:n,lastChild:r,onListItemAction:s,selected:l,viewing:a})=>{const u=d.useMemo(()=>({selected:l,viewing:a}),[l,a]);return i.jsx(Di.Provider,{value:u,children:i.jsx(Yg,{className:e,dataProvider:t,emptyState:o,firstChild:n,ItemTemplate:Ti,lastChild:r,onListItemAction:s})})},Yg=g(Bn)`
2845
+ `,Zg=({className:e,dp:t,emptyState:o,firstChild:r,lastChild:n,onListItemAction:s,selected:l,viewing:a})=>{const u=d.useMemo(()=>({selected:l,viewing:a}),[l,a]);return i.jsx(Di.Provider,{value:u,children:i.jsx(Xg,{className:e,dataProvider:t,emptyState:o,firstChild:r,ItemTemplate:Ti,lastChild:n,onListItemAction:s})})},Xg=g(Lr)`
2748
2846
  height: 100%;
2749
2847
  width: 100%;
2750
2848
  align-items: flex-start;
@@ -2760,86 +2858,86 @@
2760
2858
  ::-webkit-scrollbar-thumb {
2761
2859
  border-left: 3px solid transparent;
2762
2860
  }
2763
- `,Ei=d.createContext(!1),qg=()=>d.useContext(Ei),Zg=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:n})=>i.jsxs(Xg,{children:[i.jsx(E,{variant:"h2",color:"dark",children:e}),i.jsxs(Jg,{children:[i.jsx(E,{variant:"small",color:"grey",children:(n==null?void 0:n("selectedOnly"))??"MISSING T FUNC"}),i.jsx(bo,{disabled:t,onChange:o})]})]})),Xg=g.div`
2861
+ `,Ei=d.createContext(!1),Jg=()=>d.useContext(Ei),Qg=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:r})=>i.jsxs(em,{children:[i.jsx(E,{variant:"h2",color:"dark",children:e}),i.jsxs(tm,{children:[i.jsx(E,{variant:"small",color:"grey",children:(r==null?void 0:r("selectedOnly"))??"MISSING T FUNC"}),i.jsx(xo,{disabled:t,onChange:o})]})]})),em=g.div`
2764
2862
  display: flex;
2765
2863
  align-items: center;
2766
2864
  width: 100%;
2767
2865
  justify-content: space-between;
2768
2866
  gap: ${c("spacing-8")};
2769
- `,Jg=g.div`
2867
+ `,tm=g.div`
2770
2868
  display: flex;
2771
2869
  align-items: center;
2772
2870
  gap: ${c("spacing-4")};
2773
- `,Qg=d.memo(e=>{const{selected:t}=Ge(),o=qg(),n=t.includes(e.id);return o&&!n?null:i.jsx(fi,{...e})}),em=g(_i)`
2871
+ `,om=d.memo(e=>{const{selected:t}=Ye(),o=Jg(),r=t.includes(e.id);return o&&!r?null:i.jsx(fi,{...e})}),rm=g(_i)`
2774
2872
  overflow: hidden;
2775
- `,tm=g.div`
2873
+ `,nm=g.div`
2776
2874
  overflow-x: hidden;
2777
2875
  overflow-y: auto;
2778
- `,om=W.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:n,onSelect:r,emptyMessage:s,dataProvider:l,className:a,onSelectAll:u,t:h})=>{const[p,f]=d.useState(e??!1),m=d.useRef(null),x=d.useCallback(y=>{f(y)},[]);d.useEffect(()=>{const y=l;y&&y.updateContextValue&&(y==null||y.updateContextValue("isOnlySelectedVisible",p))},[l,p]),d.useEffect(()=>{const y=l;y&&y.updateContextValue&&(y==null||y.updateContextValue("selected",n))},[l,n]),d.useEffect(()=>{m.current&&n&&(n.length&&n.length!==(l==null?void 0:l.items.length)?m.current.indeterminate!==!0&&(l!=null&&l.items.length)&&(m.current.indeterminate=!0):m.current.indeterminate===!0&&(m.current.indeterminate=!1))},[l==null?void 0:l.items,n]);const b=d.useCallback(()=>{u&&u(n&&n.length>0?"deselect":"select")},[u,n]);return i.jsx(Ei.Provider,{value:p,children:i.jsx(em,{className:a,variant:"display",header:i.jsx(Zg,{title:o,disabled:t,t:h,onToggleShowSelected:x}),ContentWrapper:tm,children:i.jsxs(nm,{children:[!!u&&!!(l!=null&&l.items.length)&&i.jsxs(Zt,{children:[i.jsx(wo,{children:i.jsx(jt,{ref:m,disabled:t,checked:!!n&&!!n.length&&n.length===l.items.length,onChange:b})}),i.jsx(Co,{children:i.jsx(E,{bold:!0,variant:"body",children:(h==null?void 0:h("selectAll"))??"MISSING T FUNC"})})]}),i.jsx(ko,{disabled:t,selected:n,isSingleSelect:!1,onSelect:r,emptyState:s?i.jsx(rm,{children:i.jsx(E,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:Qg,dataProvider:l})]})})})}),nm=g.div`
2876
+ `,sm=W.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:r,onSelect:n,emptyMessage:s,dataProvider:l,className:a,onSelectAll:u,t:h})=>{const[p,f]=d.useState(e??!1),m=d.useRef(null),b=d.useCallback(y=>{f(y)},[]);d.useEffect(()=>{const y=l;y&&y.updateContextValue&&(y==null||y.updateContextValue("isOnlySelectedVisible",p))},[l,p]),d.useEffect(()=>{const y=l;y&&y.updateContextValue&&(y==null||y.updateContextValue("selected",r))},[l,r]),d.useEffect(()=>{m.current&&r&&(r.length&&r.length!==(l==null?void 0:l.items.length)?m.current.indeterminate!==!0&&(l!=null&&l.items.length)&&(m.current.indeterminate=!0):m.current.indeterminate===!0&&(m.current.indeterminate=!1))},[l==null?void 0:l.items,r]);const x=d.useCallback(()=>{u&&u(r&&r.length>0?"deselect":"select")},[u,r]);return i.jsx(Ei.Provider,{value:p,children:i.jsx(rm,{className:a,variant:"display",header:i.jsx(Qg,{title:o,disabled:t,t:h,onToggleShowSelected:b}),ContentWrapper:nm,children:i.jsxs(im,{children:[!!u&&!!(l!=null&&l.items.length)&&i.jsxs(Xt,{children:[i.jsx(Co,{children:i.jsx(_t,{ref:m,disabled:t,checked:!!r&&!!r.length&&r.length===l.items.length,onChange:x})}),i.jsx($o,{children:i.jsx(E,{bold:!0,variant:"body",children:(h==null?void 0:h("selectAll"))??"MISSING T FUNC"})})]}),i.jsx(wo,{disabled:t,selected:r,isSingleSelect:!1,onSelect:n,emptyState:s?i.jsx(am,{children:i.jsx(E,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:om,dataProvider:l})]})})})}),im=g.div`
2779
2877
  width: 100%;
2780
2878
  display: flex;
2781
2879
  flex-direction: column;
2782
2880
  align-items: flex-start;
2783
2881
  justify-content: flex-start;
2784
- `,rm=g.div`
2882
+ `,am=g.div`
2785
2883
  width: 100%;
2786
2884
  display: flex;
2787
2885
  align-items: center;
2788
2886
  justify-content: center;
2789
2887
  padding: ${c("spacing-12")} ${c("spacing-20")};
2790
- `;class sm extends Ln{constructor(o,n,r,s){super(o,n,r,{...s,isOnlySelectedVisible:(s==null?void 0:s.isOnlySelectedVisible)??!1,selected:(s==null?void 0:s.selected)??[]});T(this,"itemMapper");T(this,"observableItems");this.itemMapper=r,this.observableItems=D.observable.map(new Map)}get items(){if(!this.initialized||this.version<0)return[];const o=this.resolvedItems,n=[...new Set(o)],r=u=>this.itemMapper(u,this.context),s=u=>this.filterByInputItem(u,this.context),l=n.filter(s.bind(this)).filter(this.context.get("isOnlySelectedVisible")===!0?u=>(this.context.get("selected")??[]).includes(u.id):()=>!0).sort(this.sortByInputItem.bind(this)).map(r);return Array.from(this.observableItems.keys()).filter(u=>!l.find(h=>h.id===u)).forEach(u=>{W.kosAction(()=>{this.observableItems.delete(u)})}),l.reduce((u,h)=>{if(!u.has(h.id))W.kosAction(()=>{u.set(h.id,h)});else{const p=u.get(h.id);p&&W.kosAction(()=>{const f=Object.assign(p,h);u.set(h.id,f)})}return u},this.observableItems),l.map(u=>this.observableItems.get(u.id))}}const[sn]=z(["shell-menu"]),im=({className:e,left:t,right:o})=>i.jsxs(am,{className:e,children:[i.jsx(wr,{children:t}),!!o&&i.jsx(wr,{children:o})]}),am=g.div`
2888
+ `;class lm extends Ar{constructor(o,r,n,s){super(o,r,n,{...s,isOnlySelectedVisible:(s==null?void 0:s.isOnlySelectedVisible)??!1,selected:(s==null?void 0:s.selected)??[]});T(this,"itemMapper");T(this,"observableItems");this.itemMapper=n,this.observableItems=D.observable.map(new Map)}get items(){if(!this.initialized||this.version<0)return[];const o=this.resolvedItems,r=[...new Set(o)],n=u=>this.itemMapper(u,this.context),s=u=>this.filterByInputItem(u,this.context),l=r.filter(s.bind(this)).filter(this.context.get("isOnlySelectedVisible")===!0?u=>(this.context.get("selected")??[]).includes(u.id):()=>!0).sort(this.sortByInputItem.bind(this)).map(n);return Array.from(this.observableItems.keys()).filter(u=>!l.find(h=>h.id===u)).forEach(u=>{W.kosAction(()=>{this.observableItems.delete(u)})}),l.reduce((u,h)=>{if(!u.has(h.id))W.kosAction(()=>{u.set(h.id,h)});else{const p=u.get(h.id);p&&W.kosAction(()=>{const f=Object.assign(p,h);u.set(h.id,f)})}return u},this.observableItems),l.map(u=>this.observableItems.get(u.id))}}const[sr]=M(["shell-menu"]),cm=({className:e,left:t,right:o})=>i.jsxs(dm,{className:e,children:[i.jsx(wn,{children:t}),!!o&&i.jsx(wn,{children:o})]}),dm=g.div`
2791
2889
  align-items: center;
2792
- column-gap: ${sn("section-gap")};
2890
+ column-gap: ${sr("section-gap")};
2793
2891
  display: flex;
2794
2892
  height: 100%;
2795
2893
  justify-content: space-between;
2796
- padding: 0px ${sn("padding-x")};
2894
+ padding: 0px ${sr("padding-x")};
2797
2895
  width: 100%;
2798
- `,wr=g.div`
2896
+ `,wn=g.div`
2799
2897
  align-items: center;
2800
- column-gap: ${sn("link-gap")};
2898
+ column-gap: ${sr("link-gap")};
2801
2899
  display: flex;
2802
2900
  height: 100%;
2803
2901
  justify-content: flex-start;
2804
- `,[Cr]=z(["shell-menu"]),lm=d.memo(({text:e,onClick:t,isActive:o})=>i.jsx(cm,{onClick:t,variant:"body",color:"light",bold:o,children:e})),cm=g(E)`
2805
- padding: ${Cr("link-padding-y")} ${Cr("link-padding-x")};
2902
+ `,[Cn]=M(["shell-menu"]),um=d.memo(({text:e,onClick:t,isActive:o})=>i.jsx(hm,{onClick:t,variant:"body",color:"light",bold:o,children:e})),hm=g(E)`
2903
+ padding: ${Cn("link-padding-y")} ${Cn("link-padding-x")};
2806
2904
  line-height: unset;
2807
2905
  cursor: pointer;
2808
- `,[Xe]=z(["ingredient-card"]),dm=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:l,isSmall:a})=>{const{selected:u,toggleSelection:h}=Ge(),{t:p}=W.useKosTranslation("dispenser"),f=d.useMemo(()=>u.includes(e),[u,e]),m=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),x=d.useCallback(y=>{s&&s(e,y)},[e,s]),b=d.useCallback(()=>{h(e)},[e,h]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(um,{className:y("holder-list-item",{isSelected:f,isSmall:a}),onClick:b,children:[i.jsxs(hm,{children:[i.jsxs(pm,{children:[i.jsx(E,{variant:a?"small":"body",color:"dark",children:t}),!!o&&i.jsx(yo,{content:o,children:i.jsx(F,{iconId:"ExclamationCircle",color:"red",size:a?"xsm":"sm"})})]}),!!n&&i.jsxs(fm,{children:[i.jsx(ie,{iconId:"DeleteOutlined",color:"blue",size:a?"xsm":"sm",onClick:m,disabled:!r}),i.jsxs(_t,{Reference:i.jsx(ie,{iconId:"Ellipsis",color:"black",size:a?"xsm":"sm"}),onSelect:x,children:[i.jsx(ct,{optionKey:"remove",label:p("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),i.jsx(ct,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:p(`holder.${l?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(gm,{className:y({isIngredientLess:n===void 0}),children:n?i.jsx(E,{color:"dark",variant:a?"small":"body",bold:!0,children:n}):i.jsx(Pe,{variant:a?"borderless-small":"borderless",text:p("holder.assignButton"),icon:"Plus"})})]})})}),um=g.div`
2906
+ `,[Qe]=M(["ingredient-card"]),pm=d.memo(({id:e,name:t,trouble:o,ingredientName:r,assigned:n,onListItemAction:s,blocked:l,isSmall:a})=>{const{selected:u,toggleSelection:h}=Ye(),{t:p}=W.useKosTranslation("dispenser"),f=d.useMemo(()=>u.includes(e),[u,e]),m=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),b=d.useCallback(y=>{s&&s(e,y)},[e,s]),x=d.useCallback(()=>{h(e)},[e,h]);return i.jsx(z.ClassNames,{children:({cx:y})=>i.jsxs(fm,{className:y("holder-list-item",{isSelected:f,isSmall:a}),onClick:x,children:[i.jsxs(gm,{children:[i.jsxs(mm,{children:[i.jsx(E,{variant:a?"small":"body",color:"dark",children:t}),!!o&&i.jsx(vo,{content:o,children:i.jsx(N,{iconId:"ExclamationCircle",color:"red",size:a?"xsm":"sm"})})]}),!!r&&i.jsxs(bm,{children:[i.jsx(ae,{iconId:"DeleteOutlined",color:"blue",size:a?"xsm":"sm",onClick:m,disabled:!n}),i.jsxs(Tt,{Reference:i.jsx(ae,{iconId:"Ellipsis",color:"black",size:a?"xsm":"sm"}),onSelect:b,children:[i.jsx(dt,{optionKey:"remove",label:p("holder.removeOption"),disableSelectionStyle:!0,disabled:!n}),i.jsx(dt,{optionKey:"block",disableSelectionStyle:!0,disabled:!n,label:p(`holder.${l?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(xm,{className:y({isIngredientLess:r===void 0}),children:r?i.jsx(E,{color:"dark",variant:a?"small":"body",bold:!0,children:r}):i.jsx(Ve,{variant:a?"borderless-small":"borderless",text:p("holder.assignButton"),icon:"Plus"})})]})})}),fm=g.div`
2809
2907
  width: 100%;
2810
2908
  height: 100%;
2811
- border: ${Xe("border")} solid ${Xe("border-color")};
2909
+ border: ${Qe("border")} solid ${Qe("border-color")};
2812
2910
  transition: border 0.125s ease-in-out;
2813
- border-radius: ${Xe("border-radius")};
2814
- padding: ${Xe("padding")};
2911
+ border-radius: ${Qe("border-radius")};
2912
+ padding: ${Qe("padding")};
2815
2913
  display: flex;
2816
2914
  flex-direction: column;
2817
2915
  align-items: flex-start;
2818
2916
  justify-content: flex-start;
2819
2917
  cursor: pointer;
2820
2918
  &.isSmall {
2821
- padding: ${Xe("padding-small")};
2919
+ padding: ${Qe("padding-small")};
2822
2920
  }
2823
2921
  &.isSelected {
2824
- border-color: ${Xe("border-color-selected")};
2922
+ border-color: ${Qe("border-color-selected")};
2825
2923
  }
2826
- `,hm=g.div`
2924
+ `,gm=g.div`
2827
2925
  width: 100%;
2828
2926
  display: flex;
2829
2927
  align-items: center;
2830
2928
  justify-content: flex-start;
2831
- column-gap: ${Xe("column-gap")};
2832
- `,pm=g.div`
2929
+ column-gap: ${Qe("column-gap")};
2930
+ `,mm=g.div`
2833
2931
  flex: 1;
2834
2932
  display: flex;
2835
2933
  align-items: center;
2836
2934
  justify-content: flex-start;
2837
- column-gap: ${Xe("column-gap")};
2838
- `,fm=g.div`
2935
+ column-gap: ${Qe("column-gap")};
2936
+ `,bm=g.div`
2839
2937
  display: flex;
2840
2938
  align-items: center;
2841
- column-gap: ${Xe("column-gap")};
2842
- `,gm=g.div`
2939
+ column-gap: ${Qe("column-gap")};
2940
+ `,xm=g.div`
2843
2941
  width: 100%;
2844
2942
  display: flex;
2845
2943
  align-items: center;
@@ -2848,25 +2946,25 @@
2848
2946
  &.isIngredientLess {
2849
2947
  justify-content: center;
2850
2948
  }
2851
- `,mm=["settings","devices","tools","performance"],bm=["viewBrowse","manage","configure","troubleshoot","store","main"],xm=mm.map(e=>bm.map(t=>({start:e,end:t}))).flatMap(e=>e),[we,Mi]=z(["branded-header","icon"]),ym=g.div`
2949
+ `,ym=["settings","devices","tools","performance"],vm=["viewBrowse","manage","configure","troubleshoot","store","main"],km=ym.map(e=>vm.map(t=>({start:e,end:t}))).flatMap(e=>e),[Ce,zi]=M(["branded-header","icon"]),wm=g.div`
2852
2950
  width: 100%;
2853
2951
  display: flex;
2854
2952
  flex-direction: column;
2855
2953
  align-items: flex-start;
2856
2954
  justify-content: flex-start;
2857
- border-bottom: ${we("border-bottom-size")} solid ${we("border-bottom-color")};
2858
- `,vm=g.div`
2955
+ border-bottom: ${Ce("border-bottom-size")} solid ${Ce("border-bottom-color")};
2956
+ `,Cm=g.div`
2859
2957
  width: 100%;
2860
2958
  display: flex;
2861
2959
  align-items: center;
2862
2960
  justify-content: flex-start;
2863
2961
  max-height: 52px;
2864
- `;g.div``;const km=g.div`
2962
+ `;g.div``;const $m=g.div`
2865
2963
  display: flex;
2866
2964
  flex: 1;
2867
2965
  gap: 16px;
2868
2966
  padding: 12px 20px 12px 16px;
2869
- `,wm=g.div`
2967
+ `,Sm=g.div`
2870
2968
  flex: 1;
2871
2969
  display: flex;
2872
2970
  align-items: center;
@@ -2876,39 +2974,39 @@
2876
2974
  /* &.hasDescription {
2877
2975
  align-items: flex-start;
2878
2976
  } */
2879
- `,Cm=g.div`
2977
+ `,jm=g.div`
2880
2978
  flex: 1;
2881
2979
  overflow: hidden;
2882
2980
  display: flex;
2883
2981
  flex-direction: column;
2884
2982
  align-items: flex-start;
2885
2983
  justify-content: flex-start;
2886
- row-gap: ${we("text-wrapper-gap")};
2984
+ row-gap: ${Ce("text-wrapper-gap")};
2887
2985
  `;g.img`
2888
2986
  height: 100%;
2889
- `;const zi=M.css`
2890
- ${xm.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
2987
+ `;const Mi=z.css`
2988
+ ${km.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
2891
2989
  background: linear-gradient(
2892
2990
  90deg,
2893
- ${we(`startColor-${e}`)} 0%,
2894
- ${we(`endColor-${t}`)} 100%
2991
+ ${Ce(`startColor-${e}`)} 0%,
2992
+ ${Ce(`endColor-${t}`)} 100%
2895
2993
  );
2896
2994
  }`)}
2897
- `,$m=g.div`
2995
+ `,Im=g.div`
2898
2996
  background-color: ${e=>e.color};
2899
- height: ${we("badge-size")};
2900
- width: ${we("badge-size")};
2901
- border-radius: ${we("badge-radius")};
2997
+ height: ${Ce("badge-size")};
2998
+ width: ${Ce("badge-size")};
2999
+ border-radius: ${Ce("badge-radius")};
2902
3000
  position: relative;
2903
- ${`${Mi("size-xxlrg",!0)}: 52px`};
3001
+ ${`${zi("size-xxlrg",!0)}: 52px`};
2904
3002
  `;g.div`
2905
- height: ${we("badge-size")};
2906
- width: ${we("badge-size")};
2907
- border-radius: ${we("badge-radius")};
3003
+ height: ${Ce("badge-size")};
3004
+ width: ${Ce("badge-size")};
3005
+ border-radius: ${Ce("badge-radius")};
2908
3006
  position: relative;
2909
- ${`${Mi("size-xxlrg",!0)}: calc(100% - 2px)`};
2910
- ${zi}
2911
- `;const Sm=g.div`
3007
+ ${`${zi("size-xxlrg",!0)}: calc(100% - 2px)`};
3008
+ ${Mi}
3009
+ `;const _m=g.div`
2912
3010
  width: 100%;
2913
3011
  height: 100%;
2914
3012
  position: absolute;
@@ -2924,10 +3022,10 @@
2924
3022
  align-items: center;
2925
3023
  justify-content: center;
2926
3024
  position: relative;
2927
- height: ${we("line-height")};
3025
+ height: ${Ce("line-height")};
2928
3026
  overflow: hidden;
2929
- ${zi}
2930
- `;const jm=g.div`
3027
+ ${Mi}
3028
+ `;const Dm=g.div`
2931
3029
  width: 100%;
2932
3030
  height: 100%;
2933
3031
  position: absolute;
@@ -2936,62 +3034,62 @@
2936
3034
  z-index: 1;
2937
3035
  background-color: ${c("color-grey60")};
2938
3036
  opacity: 0.5;
2939
- `,Im=g(E)`
3037
+ `,Tm=g(E)`
2940
3038
  display: -webkit-box;
2941
3039
  -webkit-line-clamp: 2;
2942
3040
  -webkit-box-orient: vertical;
2943
3041
  overflow: hidden;
2944
3042
  text-overflow: ellipsis;
2945
- `,_m=e=>i.jsx(Im,{...e,variant:"body",color:"dark"}),Dm=d.memo(({color:e,title:t,description:o,icon:n,Action:r,isOffline:s})=>i.jsx(M.ClassNames,{children:({cx:l})=>i.jsx(ym,{children:i.jsxs(vm,{children:[i.jsxs($m,{color:e,children:[i.jsx(Sm,{children:n&&i.jsx(F,{iconId:n,size:"xxlrg",color:"white"})}),!!s&&i.jsx(jm,{})]}),i.jsxs(km,{children:[i.jsx(wm,{className:l({hasDescription:!!o}),children:i.jsxs(Cm,{children:[i.jsx(E,{variant:"h1",children:t}),!!o&&i.jsx(_m,{children:o})]})}),!!r&&i.jsx(r,{})]})]})})})),Oi=d.createContext(null),Ri=W.kosComponent(({children:e,t,isSortable:o,onListItemAction:n})=>{const r=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:n}),[o,t,n]);return i.jsx(Oi.Provider,{value:r,children:e})}),Vn=()=>{const e=d.useContext(Oi);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[it]=z(["table"]),jo=g.td`
2946
- padding: ${it("cell-padding-y")} ${it("cell-padding-x")};
2947
- background-color: ${it("background-color")};
2948
- color: ${it("cell-color")};
2949
- font-size: ${it("cell-font-size")};
2950
- font-weight: ${it("cell-font-weight")};
3043
+ `,Em=e=>i.jsx(Tm,{...e,variant:"body",color:"dark"}),zm=d.memo(({color:e,title:t,description:o,icon:r,Action:n,isOffline:s})=>i.jsx(z.ClassNames,{children:({cx:l})=>i.jsx(wm,{children:i.jsxs(Cm,{children:[i.jsxs(Im,{color:e,children:[i.jsx(_m,{children:r&&i.jsx(N,{iconId:r,size:"xxlrg",color:"white"})}),!!s&&i.jsx(Dm,{})]}),i.jsxs($m,{children:[i.jsx(Sm,{className:l({hasDescription:!!o}),children:i.jsxs(jm,{children:[i.jsx(E,{variant:"h1",children:t}),!!o&&i.jsx(Em,{children:o})]})}),!!n&&i.jsx(n,{})]})]})})})),Oi=d.createContext(null),Ri=W.kosComponent(({children:e,t,isSortable:o,onListItemAction:r})=>{const n=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:r}),[o,t,r]);return i.jsx(Oi.Provider,{value:n,children:e})}),Hr=()=>{const e=d.useContext(Oi);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[at]=M(["table"]),Io=g.td`
3044
+ padding: ${at("cell-padding-y")} ${at("cell-padding-x")};
3045
+ background-color: ${at("background-color")};
3046
+ color: ${at("cell-color")};
3047
+ font-size: ${at("cell-font-size")};
3048
+ font-weight: ${at("cell-font-weight")};
2951
3049
  &.isSortable {
2952
- padding-right: ${it("cell-padding-right-sortable")};
3050
+ padding-right: ${at("cell-padding-right-sortable")};
2953
3051
  }
2954
3052
  &:first-of-type {
2955
- padding-left: ${it("cell-padding-left-first-in-row")};
3053
+ padding-left: ${at("cell-padding-left-first-in-row")};
2956
3054
  }
2957
- `,Un=d.memo(({cell:e})=>{const{isSortable:t}=Vn();return i.jsx(jo,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:ve.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[$r]=z(["table"]),kt=g.tr`
3055
+ `,Vr=d.memo(({cell:e})=>{const{isSortable:t}=Hr();return i.jsx(Io,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:ke.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[$n]=M(["table"]),Ct=g.tr`
2958
3056
  width: 100%;
2959
- border-bottom: ${$r("row-border-bottom-size")} solid ${$r("border-color")};
2960
- `,Tm=d.memo(({row:e,TdComponent:t})=>{const o=t??Un;return i.jsx(kt,{children:e.getVisibleCells().map(n=>i.jsx(o,{cell:n},n.id))})}),[Em]=z(["table"]),Mm=e=>e.id,zm=({items:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})=>{const[m,x]=d.useState([]),b=ve.useReactTable({columns:t,meta:{disabled:p},data:e,getCoreRowModel:ve.getCoreRowModel(),getSortedRowModel:r?ve.getSortedRowModel():void 0,getRowId:o??Mm,onSortingChange:r?x:void 0,state:{sorting:m}}),y=a??Tm,w=!b.getRowModel().rows.length;return w&&h?n??null:i.jsx(Ri,{onListItemAction:u,isSortable:r,t:s,children:i.jsxs(Nm,{...f,children:[i.jsx(Fm,{children:b.getHeaderGroups().map(v=>i.jsx(kt,{children:v.headers.map($=>i.jsx(d.Fragment,{children:ve.flexRender($.column.columnDef.header,$.getContext())},$.id))},v.id))}),i.jsx(Am,{children:w?i.jsx(kt,{children:i.jsx(jo,{colSpan:t.length,children:n??null})}):b.getRowModel().rows.map(v=>i.jsx(y,{row:v,TdComponent:l??Un},v.id))})]})})},Om=[],Rm=W.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})=>(qt(e),i.jsx(wt.Observer,{children:()=>{const m=e?e.items:Om;return i.jsx(zm,{items:m,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})}}))),Nm=g.table`
3057
+ border-bottom: ${$n("row-border-bottom-size")} solid ${$n("border-color")};
3058
+ `,Mm=d.memo(({row:e,TdComponent:t})=>{const o=t??Vr;return i.jsx(Ct,{children:e.getVisibleCells().map(r=>i.jsx(o,{cell:r},r.id))})}),[Om]=M(["table"]),Rm=e=>e.id,Nm=({items:e,columns:t,getRowId:o,emptyState:r,isSortable:n,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})=>{const[m,b]=d.useState([]),x=ke.useReactTable({columns:t,meta:{disabled:p},data:e,getCoreRowModel:ke.getCoreRowModel(),getSortedRowModel:n?ke.getSortedRowModel():void 0,getRowId:o??Rm,onSortingChange:n?b:void 0,state:{sorting:m}}),y=a??Mm,w=!x.getRowModel().rows.length;return w&&h?r??null:i.jsx(Ri,{onListItemAction:u,isSortable:n,t:s,children:i.jsxs(Lm,{...f,children:[i.jsx(Bm,{children:x.getHeaderGroups().map(v=>i.jsx(Ct,{children:v.headers.map($=>i.jsx(d.Fragment,{children:ke.flexRender($.column.columnDef.header,$.getContext())},$.id))},v.id))}),i.jsx(Wm,{children:w?i.jsx(Ct,{children:i.jsx(Io,{colSpan:t.length,children:r??null})}):x.getRowModel().rows.map(v=>i.jsx(y,{row:v,TdComponent:l??Vr},v.id))})]})})},Fm=[],Am=W.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:r,isSortable:n,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})=>(Zt(e),i.jsx($t.Observer,{children:()=>{const m=e?e.items:Fm;return i.jsx(Nm,{items:m,columns:t,getRowId:o,emptyState:r,isSortable:n,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:h,disabled:p,...f})}}))),Lm=g.table`
2961
3059
  width: 100%;
2962
3060
  overflow: auto;
2963
3061
  border-collapse: collapse;
2964
- font-family: ${Em("font-family")};
3062
+ font-family: ${Om("font-family")};
2965
3063
  table-layout: fixed;
2966
- `,Fm=g.thead`
3064
+ `,Bm=g.thead`
2967
3065
  width: 100%;
2968
- `,Am=g.tbody`
3066
+ `,Wm=g.tbody`
2969
3067
  width: 100%;
2970
- `,[Te]=z(["table"]),Lm=(e,t)=>e?e==="desc"?(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.ascending"),defaultValue:"Click to sort ascending"}))??"Click to sort ascending":(t==null?void 0:t("table.cancelSort",{defaultValue:"Cancel sort"}))??"Cancel sort":(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.descending"),defaultValue:"Click to sort descending"}))??"Click to sort descending",an=d.memo(({width:e,isBlank:t,toggleSorting:o,id:n,alignment:r,sortValue:s,canSort:l,isVirtual:a})=>{const{isSortable:u,t:h}=Vn(),p=d.useCallback(()=>{o()},[o]);return i.jsx(Bm,{className:St({isSortable:u&&l,isSorted:s!==!1}),style:{width:e??"auto",display:a?"flex":"table-cell"},children:i.jsxs(Wm,{"data-alignment":r,children:[!t&&((h==null?void 0:h(`table.header.${n}`))??n),u&&l&&i.jsx(yo,{content:Lm(s,h),children:i.jsx(ie,{iconId:s?s==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:p,color:"grey"})})]})})}),Bm=g.th`
2971
- padding: ${Te("cell-padding-y")} ${Te("cell-padding-x")};
2972
- background-color: ${Te("header-background-color")};
2973
- color: ${Te("head-color")};
2974
- font-size: ${Te("head-font-size")};
2975
- font-weight: ${Te("head-font-weight")};
3068
+ `,[Ee]=M(["table"]),Pm=(e,t)=>e?e==="desc"?(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.ascending"),defaultValue:"Click to sort ascending"}))??"Click to sort ascending":(t==null?void 0:t("table.cancelSort",{defaultValue:"Cancel sort"}))??"Cancel sort":(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.descending"),defaultValue:"Click to sort descending"}))??"Click to sort descending",ir=d.memo(({width:e,isBlank:t,toggleSorting:o,id:r,alignment:n,sortValue:s,canSort:l,isVirtual:a})=>{const{isSortable:u,t:h}=Hr(),p=d.useCallback(()=>{o()},[o]);return i.jsx(Hm,{className:It({isSortable:u&&l,isSorted:s!==!1}),style:{width:e??"auto",display:a?"flex":"table-cell"},children:i.jsxs(Vm,{"data-alignment":n,children:[!t&&((h==null?void 0:h(`table.header.${r}`))??r),u&&l&&i.jsx(vo,{content:Pm(s,h),children:i.jsx(ae,{iconId:s?s==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:p,color:"grey"})})]})})}),Hm=g.th`
3069
+ padding: ${Ee("cell-padding-y")} ${Ee("cell-padding-x")};
3070
+ background-color: ${Ee("header-background-color")};
3071
+ color: ${Ee("head-color")};
3072
+ font-size: ${Ee("head-font-size")};
3073
+ font-weight: ${Ee("head-font-weight")};
2976
3074
  &.isSortable {
2977
3075
  transition: background 0.125s ease-in-out;
2978
- padding-right: ${Te("cell-padding-right-sortable")};
3076
+ padding-right: ${Ee("cell-padding-right-sortable")};
2979
3077
  cursor: pointer;
2980
3078
  :hover {
2981
- background-color: ${Te("header-background-color-hover")};
3079
+ background-color: ${Ee("header-background-color-hover")};
2982
3080
  }
2983
3081
  }
2984
3082
  &.isSorted {
2985
- background-color: ${Te("header-background-color-hover")};
3083
+ background-color: ${Ee("header-background-color-hover")};
2986
3084
  }
2987
3085
  &:first-of-type {
2988
- padding-left: ${Te("cell-padding-left-first-in-row")};
3086
+ padding-left: ${Ee("cell-padding-left-first-in-row")};
2989
3087
  }
2990
- `,Wm=g.div`
3088
+ `,Vm=g.div`
2991
3089
  display: flex;
2992
3090
  align-items: center;
2993
3091
  justify-content: space-between;
2994
- column-gap: ${Te("head-gap-sortable")};
3092
+ column-gap: ${Ee("head-gap-sortable")};
2995
3093
  &[data-alignment="left"] {
2996
3094
  justify-content: flex-start;
2997
3095
  }
@@ -3001,43 +3099,43 @@
3001
3099
  &[data-alignment="center"] {
3002
3100
  justify-content: center;
3003
3101
  }
3004
- `,Pm=()=>{const e=ve.createColumnHelper();return{displayColumn:r=>s=>e.display({header:({column:l,header:a})=>{var u,h,p;return i.jsx(an,{id:a.id,canSort:l.getCanSort(),width:(u=l.columnDef.meta)==null?void 0:u.width,alignment:(h=l.columnDef.meta)==null?void 0:h.headerAlign,isBlank:(p=l.columnDef.meta)==null?void 0:p.isBlank,toggleSorting:l.toggleSorting,sortValue:l.getIsSorted(),isVirtual:r==null?void 0:r.isVirtual},a.id)},...s,meta:{...s.meta,width:"auto",...r}}),accessorColumn:r=>(s,l)=>e.accessor(s,{header:({column:a,header:u})=>{var h,p,f;return i.jsx(an,{id:u.id,canSort:a.getCanSort(),width:(h=a.columnDef.meta)==null?void 0:h.width,alignment:(p=a.columnDef.meta)==null?void 0:p.headerAlign,isBlank:(f=a.columnDef.meta)==null?void 0:f.isBlank,toggleSorting:a.toggleSorting,sortValue:a.getIsSorted(),isVirtual:r==null?void 0:r.isVirtual},u.id)},...l,meta:{...l.meta,width:"auto",...r}}),groupColumn:r=>s=>e.group({...s,meta:{...s.meta,width:"auto",...r}})}};function xt(e,t,o){let n=o.initialDeps??[],r;function s(){var l,a,u,h;let p;o.key&&((l=o.debug)!=null&&l.call(o))&&(p=Date.now());const f=e();if(!(f.length!==n.length||f.some((b,y)=>n[y]!==b)))return r;n=f;let x;if(o.key&&((a=o.debug)!=null&&a.call(o))&&(x=Date.now()),r=t(...f),o.key&&((u=o.debug)!=null&&u.call(o))){const b=Math.round((Date.now()-p)*100)/100,y=Math.round((Date.now()-x)*100)/100,w=y/16,v=($,C)=>{for($=String($);$.length<C;)$=" "+$;return $};console.info(`%c⏱ ${v(y,5)} /${v(b,5)} ms`,`
3102
+ `,Um=()=>{const e=ke.createColumnHelper();return{displayColumn:n=>s=>e.display({header:({column:l,header:a})=>{var u,h,p;return i.jsx(ir,{id:a.id,canSort:l.getCanSort(),width:(u=l.columnDef.meta)==null?void 0:u.width,alignment:(h=l.columnDef.meta)==null?void 0:h.headerAlign,isBlank:(p=l.columnDef.meta)==null?void 0:p.isBlank,toggleSorting:l.toggleSorting,sortValue:l.getIsSorted(),isVirtual:n==null?void 0:n.isVirtual},a.id)},...s,meta:{...s.meta,width:"auto",...n}}),accessorColumn:n=>(s,l)=>e.accessor(s,{header:({column:a,header:u})=>{var h,p,f;return i.jsx(ir,{id:u.id,canSort:a.getCanSort(),width:(h=a.columnDef.meta)==null?void 0:h.width,alignment:(p=a.columnDef.meta)==null?void 0:p.headerAlign,isBlank:(f=a.columnDef.meta)==null?void 0:f.isBlank,toggleSorting:a.toggleSorting,sortValue:a.getIsSorted(),isVirtual:n==null?void 0:n.isVirtual},u.id)},...l,meta:{...l.meta,width:"auto",...n}}),groupColumn:n=>s=>e.group({...s,meta:{...s.meta,width:"auto",...n}})}};function yt(e,t,o){let r=o.initialDeps??[],n;function s(){var l,a,u,h;let p;o.key&&((l=o.debug)!=null&&l.call(o))&&(p=Date.now());const f=e();if(!(f.length!==r.length||f.some((x,y)=>r[y]!==x)))return n;r=f;let b;if(o.key&&((a=o.debug)!=null&&a.call(o))&&(b=Date.now()),n=t(...f),o.key&&((u=o.debug)!=null&&u.call(o))){const x=Math.round((Date.now()-p)*100)/100,y=Math.round((Date.now()-b)*100)/100,w=y/16,v=($,C)=>{for($=String($);$.length<C;)$=" "+$;return $};console.info(`%c⏱ ${v(y,5)} /${v(x,5)} ms`,`
3005
3103
  font-size: .6rem;
3006
3104
  font-weight: bold;
3007
- color: hsl(${Math.max(0,Math.min(120-120*w,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(h=o==null?void 0:o.onChange)==null||h.call(o,r),r}return s.updateDeps=l=>{n=l},s}function Sr(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Hm=(e,t)=>Math.abs(e-t)<1.01,Vm=(e,t,o)=>{let n;return function(...r){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,r),o)}},jr=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},Um=e=>e,Gm=e=>{const t=Math.max(e.startIndex-e.overscan,0),o=Math.min(e.endIndex+e.overscan,e.count-1),n=[];for(let r=t;r<=o;r++)n.push(r);return n},Km=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;const r=l=>{const{width:a,height:u}=l;t({width:Math.round(a),height:Math.round(u)})};if(r(jr(o)),!n.ResizeObserver)return()=>{};const s=new n.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u!=null&&u.borderBoxSize){const h=u.borderBoxSize[0];if(h){r({width:h.inlineSize,height:h.blockSize});return}}r(jr(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},Ir={passive:!0},_r=typeof window>"u"?!0:"onscrollend"in window,Ym=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;let r=0;const s=e.options.useScrollendEvent&&_r?()=>{}:Vm(n,()=>{t(r,!1)},e.options.isScrollingResetDelay),l=p=>()=>{const{horizontal:f,isRtl:m}=e.options;r=f?o.scrollLeft*(m&&-1||1):o.scrollTop,s(),t(r,p)},a=l(!0),u=l(!1);u(),o.addEventListener("scroll",a,Ir);const h=e.options.useScrollendEvent&&_r;return h&&o.addEventListener("scrollend",u,Ir),()=>{o.removeEventListener("scroll",a),h&&o.removeEventListener("scrollend",u)}},qm=(e,t,o)=>{if(t!=null&&t.borderBoxSize){const n=t.borderBoxSize[0];if(n)return Math.round(n[o.options.horizontal?"inlineSize":"blockSize"])}return e[o.options.horizontal?"offsetWidth":"offsetHeight"]},Zm=(e,{adjustments:t=0,behavior:o},n)=>{var r,s;const l=e+t;(s=(r=n.scrollElement)==null?void 0:r.scrollTo)==null||s.call(r,{[n.options.horizontal?"left":"top"]:l,behavior:o})};class Xm{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let o=null;const n=()=>o||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:o=new this.targetWindow.ResizeObserver(r=>{r.forEach(s=>{const l=()=>{this._measureElement(s.target,s)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var r;(r=n())==null||r.disconnect(),o=null},observe:r=>{var s;return(s=n())==null?void 0:s.observe(r,{box:"border-box"})},unobserve:r=>{var s;return(s=n())==null?void 0:s.unobserve(r)}}})(),this.range=null,this.setOptions=o=>{Object.entries(o).forEach(([n,r])=>{typeof r>"u"&&delete o[n]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Um,rangeExtractor:Gm,onChange:()=>{},measureElement:qm,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...o}},this.notify=o=>{var n,r;(r=(n=this.options).onChange)==null||r.call(n,this,o)},this.maybeNotify=xt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),o=>{this.notify(o)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(o=>o()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var o;const n=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==n){if(this.cleanup(),!n){this.maybeNotify();return}this.scrollElement=n,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((o=this.scrollElement)==null?void 0:o.window)??null,this.elementsCache.forEach(r=>{this.observer.observe(r)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,r=>{this.scrollRect=r,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(r,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<r?"forward":"backward":null,this.scrollOffset=r,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(o,n)=>{const r=new Map,s=new Map;for(let l=n-1;l>=0;l--){const a=o[l];if(r.has(a.lane))continue;const u=s.get(a.lane);if(u==null||a.end>u.end?s.set(a.lane,a):a.end<u.end&&r.set(a.lane,!0),r.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((l,a)=>l.end===a.end?l.index-a.index:l.end-a.end)[0]:void 0},this.getMeasurementOptions=xt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(o,n,r,s,l)=>(this.pendingMeasuredCacheIndexes=[],{count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:l}),{key:!1}),this.getMeasurements=xt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:l},a)=>{if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(p=>{this.itemSizeCache.set(p.key,p.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const h=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const f=s(p),m=this.options.lanes===1?h[p-1]:this.getFurthestMeasurement(h,p),x=m?m.end+this.options.gap:n+r,b=a.get(f),y=typeof b=="number"?b:this.options.estimateSize(p),w=x+y,v=m?m.lane:p%this.options.lanes;h[p]={index:p,start:x,size:y,end:w,key:f,lane:v}}return this.measurementsCache=h,h},{key:!1,debug:()=>this.options.debug}),this.calculateRange=xt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,n,r,s)=>this.range=o.length>0&&n>0?Jm({measurements:o,outerSize:n,scrollOffset:r,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=xt(()=>{let o=null,n=null;const r=this.calculateRange();return r&&(o=r.startIndex,n=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,o,n]),[this.options.rangeExtractor,this.options.overscan,this.options.count,o,n]},(o,n,r,s,l)=>s===null||l===null?[]:o({startIndex:s,endIndex:l,overscan:n,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=o=>{const n=this.options.indexAttribute,r=o.getAttribute(n);return r?parseInt(r,10):(console.warn(`Missing attribute name '${n}={index}' on measured element.`),-1)},this._measureElement=(o,n)=>{const r=this.indexFromElement(o),s=this.measurementsCache[r];if(!s)return;const l=s.key,a=this.elementsCache.get(l);a!==o&&(a&&this.observer.unobserve(a),this.observer.observe(o),this.elementsCache.set(l,o)),o.isConnected&&this.resizeItem(r,this.options.measureElement(o,n,this))},this.resizeItem=(o,n)=>{const r=this.measurementsCache[o];if(!r)return;const s=this.itemSizeCache.get(r.key)??r.size,l=n-s;l!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(r,l,this):r.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=l,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(r.index),this.itemSizeCache=new Map(this.itemSizeCache.set(r.key,n)),this.notify(!1))},this.measureElement=o=>{if(!o){this.elementsCache.forEach((n,r)=>{n.isConnected||(this.observer.unobserve(n),this.elementsCache.delete(r))});return}this._measureElement(o,void 0)},this.getVirtualItems=xt(()=>[this.getVirtualIndexes(),this.getMeasurements()],(o,n)=>{const r=[];for(let s=0,l=o.length;s<l;s++){const a=o[s],u=n[a];r.push(u)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=o=>{const n=this.getMeasurements();if(n.length!==0)return Sr(n[Ni(0,n.length-1,r=>Sr(n[r]).start,o)])},this.getOffsetForAlignment=(o,n,r=0)=>{const s=this.getSize(),l=this.getScrollOffset();n==="auto"&&(n=o>=l+s?"end":"start"),n==="center"?o+=(r-s)/2:n==="end"&&(o-=s);const a=this.getTotalSize()+this.options.scrollMargin-s;return Math.max(Math.min(a,o),0)},this.getOffsetForIndex=(o,n="auto")=>{o=Math.max(0,Math.min(o,this.options.count-1));const r=this.measurementsCache[o];if(!r)return;const s=this.getSize(),l=this.getScrollOffset();if(n==="auto")if(r.end>=l+s-this.options.scrollPaddingEnd)n="end";else if(r.start<=l+this.options.scrollPaddingStart)n="start";else return[l,n];const a=n==="end"?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,n,r.size),n]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(o,{align:n="start",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(o,n),{adjustments:void 0,behavior:r})},this.scrollToIndex=(o,{align:n="auto",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),o=Math.max(0,Math.min(o,this.options.count-1));let s=0;const l=10,a=h=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,h);if(!p){console.warn("Failed to get offset for index:",o);return}const[f,m]=p;this._scrollToOffset(f,{adjustments:void 0,behavior:r}),this.targetWindow.requestAnimationFrame(()=>{const x=this.getScrollOffset(),b=this.getOffsetForIndex(o,m);if(!b){console.warn("Failed to get offset for index:",o);return}Hm(b[0],x)||u(m)})},u=h=>{this.targetWindow&&(s++,s<l?this.targetWindow.requestAnimationFrame(()=>a(h)):console.warn(`Failed to scroll to index ${o} after ${l} attempts.`))};a(n)},this.scrollBy=(o,{behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+o,{adjustments:void 0,behavior:n})},this.getTotalSize=()=>{var o;const n=this.getMeasurements();let r;if(n.length===0)r=this.options.paddingStart;else if(this.options.lanes===1)r=((o=n[n.length-1])==null?void 0:o.end)??0;else{const s=Array(this.options.lanes).fill(null);let l=n.length-1;for(;l>=0&&s.some(a=>a===null);){const a=n[l];s[a.lane]===null&&(s[a.lane]=a.end),l--}r=Math.max(...s.filter(a=>a!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(o,{adjustments:n,behavior:r})=>{this.options.scrollToFn(o,{behavior:r,adjustments:n},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const Ni=(e,t,o,n)=>{for(;e<=t;){const r=(e+t)/2|0,s=o(r);if(s<n)e=r+1;else if(s>n)t=r-1;else return r}return e>0?e-1:0};function Jm({measurements:e,outerSize:t,scrollOffset:o,lanes:n}){const r=e.length-1,s=u=>e[u].start;if(e.length<=n)return{startIndex:0,endIndex:r};let l=Ni(0,r,s,o),a=l;if(n===1)for(;a<r&&e[a].end<o+t;)a++;else if(n>1){const u=Array(n).fill(0);for(;a<r&&u.some(p=>p<o+t);){const p=e[a];u[p.lane]=p.end,a++}const h=Array(n).fill(o+t);for(;l>=0&&h.some(p=>p>=o);){const p=e[l];h[p.lane]=p.start,l--}l=Math.max(0,l-l%n),a=Math.min(r,a+(n-1-a%n))}return{startIndex:l,endIndex:a}}const Dr=typeof document<"u"?io.useLayoutEffect:io.useEffect;function Qm(e){const t=io.useReducer(()=>({}),{})[1],o={...e,onChange:(r,s)=>{var l;s?Br.flushSync(t):t(),(l=e.onChange)==null||l.call(e,r,s)}},[n]=io.useState(()=>new Xm(o));return n.setOptions(o),Dr(()=>n._didMount(),[]),Dr(()=>n._willUpdate()),n}function eb(e){return Qm({observeElementRect:Km,observeElementOffset:Ym,scrollToFn:Zm,...e})}const[Fi]=z(["table"]),tb=e=>e.id,ob=({items:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,onListItemAction:a,renderEmptyAsStandalone:u,...h})=>{const p=d.useRef(null),[f,m]=d.useState([]),x=ve.useReactTable({columns:t,data:e,getCoreRowModel:ve.getCoreRowModel(),getSortedRowModel:s?ve.getSortedRowModel():void 0,getRowId:n??tb,onSortingChange:s?m:void 0,state:{sorting:f}}),b=!x.getRowModel().rows.length;return b&&u?r??null:i.jsx(Ri,{onListItemAction:a,isSortable:s,t:l,children:i.jsx(ab,{className:o,ref:p,children:i.jsxs(lb,{...h,children:[i.jsx(cb,{children:x.getHeaderGroups().map(y=>i.jsx(kt,{style:{display:"flex"},children:y.headers.map(w=>i.jsx(d.Fragment,{children:ve.flexRender(w.column.columnDef.header,w.getContext())},w.id))},y.id))}),i.jsx(sb,{isEmpty:b,numColumns:t.length,emptyState:r,table:x,tableContainerRef:p})]})})})},nb=[],rb=W.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,TdComponent:a,TrComponent:u,onListItemAction:h,renderEmptyAsStandalone:p,...f})=>(qt(e),i.jsx(wt.Observer,{children:()=>{const m=e?e.items:nb;return i.jsx(ob,{items:m,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,onListItemAction:h,renderEmptyAsStandalone:p,...f})}}))),sb=W.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:n,emptyState:r,numColumns:s})=>{const{rows:l}=e.getRowModel(),a=eb({count:l.length,estimateSize:()=>33,getScrollElement:()=>t.current,measureElement:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?u=>u==null?void 0:u.getBoundingClientRect().height:void 0,overscan:5});return i.jsx(db,{style:{position:"relative",height:`${a.getTotalSize()}px`},children:n?i.jsx(kt,{children:i.jsx(jo,{colSpan:s,children:r??null})}):a.getVirtualItems().map(u=>{const h=l[u.index];return i.jsx(ib,{trClassName:o,row:h,virtualRow:u,rowVirtualizer:a},h.id)})})}),ib=W.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:n})=>i.jsx(kt,{"data-index":o.index,ref:r=>n.measureElement(r),className:e,style:{display:"flex",position:"absolute",transform:`translateY(${o.start}px)`,width:"100%"},children:t.getVisibleCells().map(r=>{var s;return i.jsx(jo,{style:{display:"flex",width:((s=r.column.columnDef.meta)==null?void 0:s.width)??r.column.getSize()},children:ve.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)),ab=g.div`
3105
+ color: hsl(${Math.max(0,Math.min(120-120*w,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(h=o==null?void 0:o.onChange)==null||h.call(o,n),n}return s.updateDeps=l=>{r=l},s}function Sn(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Gm=(e,t)=>Math.abs(e-t)<1.01,Km=(e,t,o)=>{let r;return function(...n){e.clearTimeout(r),r=e.setTimeout(()=>t.apply(this,n),o)}},jn=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},Ym=e=>e,qm=e=>{const t=Math.max(e.startIndex-e.overscan,0),o=Math.min(e.endIndex+e.overscan,e.count-1),r=[];for(let n=t;n<=o;n++)r.push(n);return r},Zm=(e,t)=>{const o=e.scrollElement;if(!o)return;const r=e.targetWindow;if(!r)return;const n=l=>{const{width:a,height:u}=l;t({width:Math.round(a),height:Math.round(u)})};if(n(jn(o)),!r.ResizeObserver)return()=>{};const s=new r.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u!=null&&u.borderBoxSize){const h=u.borderBoxSize[0];if(h){n({width:h.inlineSize,height:h.blockSize});return}}n(jn(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},In={passive:!0},_n=typeof window>"u"?!0:"onscrollend"in window,Xm=(e,t)=>{const o=e.scrollElement;if(!o)return;const r=e.targetWindow;if(!r)return;let n=0;const s=e.options.useScrollendEvent&&_n?()=>{}:Km(r,()=>{t(n,!1)},e.options.isScrollingResetDelay),l=p=>()=>{const{horizontal:f,isRtl:m}=e.options;n=f?o.scrollLeft*(m&&-1||1):o.scrollTop,s(),t(n,p)},a=l(!0),u=l(!1);u(),o.addEventListener("scroll",a,In);const h=e.options.useScrollendEvent&&_n;return h&&o.addEventListener("scrollend",u,In),()=>{o.removeEventListener("scroll",a),h&&o.removeEventListener("scrollend",u)}},Jm=(e,t,o)=>{if(t!=null&&t.borderBoxSize){const r=t.borderBoxSize[0];if(r)return Math.round(r[o.options.horizontal?"inlineSize":"blockSize"])}return e[o.options.horizontal?"offsetWidth":"offsetHeight"]},Qm=(e,{adjustments:t=0,behavior:o},r)=>{var n,s;const l=e+t;(s=(n=r.scrollElement)==null?void 0:n.scrollTo)==null||s.call(n,{[r.options.horizontal?"left":"top"]:l,behavior:o})};class eb{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let o=null;const r=()=>o||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:o=new this.targetWindow.ResizeObserver(n=>{n.forEach(s=>{const l=()=>{this._measureElement(s.target,s)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var n;(n=r())==null||n.disconnect(),o=null},observe:n=>{var s;return(s=r())==null?void 0:s.observe(n,{box:"border-box"})},unobserve:n=>{var s;return(s=r())==null?void 0:s.unobserve(n)}}})(),this.range=null,this.setOptions=o=>{Object.entries(o).forEach(([r,n])=>{typeof n>"u"&&delete o[r]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Ym,rangeExtractor:qm,onChange:()=>{},measureElement:Jm,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...o}},this.notify=o=>{var r,n;(n=(r=this.options).onChange)==null||n.call(r,this,o)},this.maybeNotify=yt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),o=>{this.notify(o)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(o=>o()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var o;const r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r){this.maybeNotify();return}this.scrollElement=r,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((o=this.scrollElement)==null?void 0:o.window)??null,this.elementsCache.forEach(n=>{this.observer.observe(n)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,n=>{this.scrollRect=n,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(n,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<n?"forward":"backward":null,this.scrollOffset=n,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(o,r)=>{const n=new Map,s=new Map;for(let l=r-1;l>=0;l--){const a=o[l];if(n.has(a.lane))continue;const u=s.get(a.lane);if(u==null||a.end>u.end?s.set(a.lane,a):a.end<u.end&&n.set(a.lane,!0),n.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((l,a)=>l.end===a.end?l.index-a.index:l.end-a.end)[0]:void 0},this.getMeasurementOptions=yt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(o,r,n,s,l)=>(this.pendingMeasuredCacheIndexes=[],{count:o,paddingStart:r,scrollMargin:n,getItemKey:s,enabled:l}),{key:!1}),this.getMeasurements=yt(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:o,paddingStart:r,scrollMargin:n,getItemKey:s,enabled:l},a)=>{if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(p=>{this.itemSizeCache.set(p.key,p.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const h=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const f=s(p),m=this.options.lanes===1?h[p-1]:this.getFurthestMeasurement(h,p),b=m?m.end+this.options.gap:r+n,x=a.get(f),y=typeof x=="number"?x:this.options.estimateSize(p),w=b+y,v=m?m.lane:p%this.options.lanes;h[p]={index:p,start:b,size:y,end:w,key:f,lane:v}}return this.measurementsCache=h,h},{key:!1,debug:()=>this.options.debug}),this.calculateRange=yt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,r,n,s)=>this.range=o.length>0&&r>0?tb({measurements:o,outerSize:r,scrollOffset:n,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=yt(()=>{let o=null,r=null;const n=this.calculateRange();return n&&(o=n.startIndex,r=n.endIndex),this.maybeNotify.updateDeps([this.isScrolling,o,r]),[this.options.rangeExtractor,this.options.overscan,this.options.count,o,r]},(o,r,n,s,l)=>s===null||l===null?[]:o({startIndex:s,endIndex:l,overscan:r,count:n}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=o=>{const r=this.options.indexAttribute,n=o.getAttribute(r);return n?parseInt(n,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this._measureElement=(o,r)=>{const n=this.indexFromElement(o),s=this.measurementsCache[n];if(!s)return;const l=s.key,a=this.elementsCache.get(l);a!==o&&(a&&this.observer.unobserve(a),this.observer.observe(o),this.elementsCache.set(l,o)),o.isConnected&&this.resizeItem(n,this.options.measureElement(o,r,this))},this.resizeItem=(o,r)=>{const n=this.measurementsCache[o];if(!n)return;const s=this.itemSizeCache.get(n.key)??n.size,l=r-s;l!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(n,l,this):n.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=l,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(n.index),this.itemSizeCache=new Map(this.itemSizeCache.set(n.key,r)),this.notify(!1))},this.measureElement=o=>{if(!o){this.elementsCache.forEach((r,n)=>{r.isConnected||(this.observer.unobserve(r),this.elementsCache.delete(n))});return}this._measureElement(o,void 0)},this.getVirtualItems=yt(()=>[this.getVirtualIndexes(),this.getMeasurements()],(o,r)=>{const n=[];for(let s=0,l=o.length;s<l;s++){const a=o[s],u=r[a];n.push(u)}return n},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=o=>{const r=this.getMeasurements();if(r.length!==0)return Sn(r[Ni(0,r.length-1,n=>Sn(r[n]).start,o)])},this.getOffsetForAlignment=(o,r,n=0)=>{const s=this.getSize(),l=this.getScrollOffset();r==="auto"&&(r=o>=l+s?"end":"start"),r==="center"?o+=(n-s)/2:r==="end"&&(o-=s);const a=this.getTotalSize()+this.options.scrollMargin-s;return Math.max(Math.min(a,o),0)},this.getOffsetForIndex=(o,r="auto")=>{o=Math.max(0,Math.min(o,this.options.count-1));const n=this.measurementsCache[o];if(!n)return;const s=this.getSize(),l=this.getScrollOffset();if(r==="auto")if(n.end>=l+s-this.options.scrollPaddingEnd)r="end";else if(n.start<=l+this.options.scrollPaddingStart)r="start";else return[l,r];const a=r==="end"?n.end+this.options.scrollPaddingEnd:n.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,r,n.size),r]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(o,{align:r="start",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(o,r),{adjustments:void 0,behavior:n})},this.scrollToIndex=(o,{align:r="auto",behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),o=Math.max(0,Math.min(o,this.options.count-1));let s=0;const l=10,a=h=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,h);if(!p){console.warn("Failed to get offset for index:",o);return}const[f,m]=p;this._scrollToOffset(f,{adjustments:void 0,behavior:n}),this.targetWindow.requestAnimationFrame(()=>{const b=this.getScrollOffset(),x=this.getOffsetForIndex(o,m);if(!x){console.warn("Failed to get offset for index:",o);return}Gm(x[0],b)||u(m)})},u=h=>{this.targetWindow&&(s++,s<l?this.targetWindow.requestAnimationFrame(()=>a(h)):console.warn(`Failed to scroll to index ${o} after ${l} attempts.`))};a(r)},this.scrollBy=(o,{behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+o,{adjustments:void 0,behavior:r})},this.getTotalSize=()=>{var o;const r=this.getMeasurements();let n;if(r.length===0)n=this.options.paddingStart;else if(this.options.lanes===1)n=((o=r[r.length-1])==null?void 0:o.end)??0;else{const s=Array(this.options.lanes).fill(null);let l=r.length-1;for(;l>=0&&s.some(a=>a===null);){const a=r[l];s[a.lane]===null&&(s[a.lane]=a.end),l--}n=Math.max(...s.filter(a=>a!==null))}return Math.max(n-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(o,{adjustments:r,behavior:n})=>{this.options.scrollToFn(o,{behavior:n,adjustments:r},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const Ni=(e,t,o,r)=>{for(;e<=t;){const n=(e+t)/2|0,s=o(n);if(s<r)e=n+1;else if(s>r)t=n-1;else return n}return e>0?e-1:0};function tb({measurements:e,outerSize:t,scrollOffset:o,lanes:r}){const n=e.length-1,s=u=>e[u].start;if(e.length<=r)return{startIndex:0,endIndex:n};let l=Ni(0,n,s,o),a=l;if(r===1)for(;a<n&&e[a].end<o+t;)a++;else if(r>1){const u=Array(r).fill(0);for(;a<n&&u.some(p=>p<o+t);){const p=e[a];u[p.lane]=p.end,a++}const h=Array(r).fill(o+t);for(;l>=0&&h.some(p=>p>=o);){const p=e[l];h[p.lane]=p.start,l--}l=Math.max(0,l-l%r),a=Math.min(n,a+(r-1-a%r))}return{startIndex:l,endIndex:a}}const Dn=typeof document<"u"?ao.useLayoutEffect:ao.useEffect;function ob(e){const t=ao.useReducer(()=>({}),{})[1],o={...e,onChange:(n,s)=>{var l;s?Bn.flushSync(t):t(),(l=e.onChange)==null||l.call(e,n,s)}},[r]=ao.useState(()=>new eb(o));return r.setOptions(o),Dn(()=>r._didMount(),[]),Dn(()=>r._willUpdate()),r}function rb(e){return ob({observeElementRect:Zm,observeElementOffset:Xm,scrollToFn:Qm,...e})}const[Fi]=M(["table"]),nb=e=>e.id,sb=({items:e,columns:t,className:o,getRowId:r,emptyState:n,isSortable:s,t:l,onListItemAction:a,renderEmptyAsStandalone:u,...h})=>{const p=d.useRef(null),[f,m]=d.useState([]),b=ke.useReactTable({columns:t,data:e,getCoreRowModel:ke.getCoreRowModel(),getSortedRowModel:s?ke.getSortedRowModel():void 0,getRowId:r??nb,onSortingChange:s?m:void 0,state:{sorting:f}}),x=!b.getRowModel().rows.length;return x&&u?n??null:i.jsx(Ri,{onListItemAction:a,isSortable:s,t:l,children:i.jsx(db,{className:o,ref:p,children:i.jsxs(ub,{...h,children:[i.jsx(hb,{children:b.getHeaderGroups().map(y=>i.jsx(Ct,{style:{display:"flex"},children:y.headers.map(w=>i.jsx(d.Fragment,{children:ke.flexRender(w.column.columnDef.header,w.getContext())},w.id))},y.id))}),i.jsx(lb,{isEmpty:x,numColumns:t.length,emptyState:n,table:b,tableContainerRef:p})]})})})},ib=[],ab=W.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:r,emptyState:n,isSortable:s,t:l,TdComponent:a,TrComponent:u,onListItemAction:h,renderEmptyAsStandalone:p,...f})=>(Zt(e),i.jsx($t.Observer,{children:()=>{const m=e?e.items:ib;return i.jsx(sb,{items:m,columns:t,className:o,getRowId:r,emptyState:n,isSortable:s,t:l,onListItemAction:h,renderEmptyAsStandalone:p,...f})}}))),lb=W.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:r,emptyState:n,numColumns:s})=>{const{rows:l}=e.getRowModel(),a=rb({count:l.length,estimateSize:()=>33,getScrollElement:()=>t.current,measureElement:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?u=>u==null?void 0:u.getBoundingClientRect().height:void 0,overscan:5});return i.jsx(pb,{style:{position:"relative",height:`${a.getTotalSize()}px`},children:r?i.jsx(Ct,{children:i.jsx(Io,{colSpan:s,children:n??null})}):a.getVirtualItems().map(u=>{const h=l[u.index];return i.jsx(cb,{trClassName:o,row:h,virtualRow:u,rowVirtualizer:a},h.id)})})}),cb=W.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:r})=>i.jsx(Ct,{"data-index":o.index,ref:n=>r.measureElement(n),className:e,style:{display:"flex",position:"absolute",transform:`translateY(${o.start}px)`,width:"100%"},children:t.getVisibleCells().map(n=>{var s;return i.jsx(Io,{style:{display:"flex",width:((s=n.column.columnDef.meta)==null?void 0:s.width)??n.column.getSize()},children:ke.flexRender(n.column.columnDef.cell,n.getContext())},n.id)})},t.id)),db=g.div`
3008
3106
  width: 100%;
3009
3107
  display: grid;
3010
3108
  overflow: auto;
3011
- `,lb=g.table`
3109
+ `,ub=g.table`
3012
3110
  width: 100%;
3013
3111
  border-collapse: collapse;
3014
3112
  font-family: ${Fi("font-family")};
3015
3113
  table-layout: fixed;
3016
- `,cb=g.thead`
3114
+ `,hb=g.thead`
3017
3115
  width: 100%;
3018
3116
  position: sticky;
3019
3117
  background-color: ${Fi("header-background-color")};
3020
3118
  top: 0;
3021
3119
  z-index: 1;
3022
- `,db=g.tbody`
3120
+ `,pb=g.tbody`
3023
3121
  width: 100%;
3024
- `,[yt]=z(["button"]),ub=d.memo(({onClick:e,open:t,buttonText:o,text:n})=>i.jsx(hb,{open:t,children:i.jsxs(pb,{children:[i.jsx(E,{variant:"h2",color:"light",children:n}),i.jsx(Pe,{variant:"borderless",text:o,onClick:e})]})})),hb=g(Ms)`
3122
+ `,[vt]=M(["button"]),fb=d.memo(({onClick:e,open:t,buttonText:o,text:r})=>i.jsx(gb,{open:t,children:i.jsxs(mb,{children:[i.jsx(E,{variant:"h2",color:"light",children:r}),i.jsx(Ve,{variant:"borderless",text:o,onClick:e})]})})),gb=g(zs)`
3025
3123
  z-index: 5;
3026
- `,pb=g.div`
3124
+ `,mb=g.div`
3027
3125
  display: flex;
3028
3126
  align-items: center;
3029
3127
  justify-content: center;
3030
3128
  flex-direction: column;
3031
3129
  row-gap: ${c("spacing-12")};
3032
- ${`${yt("bg-borderless",!0)}: transparent`};
3033
- ${`${yt("border-borderless",!0)}: transparent`};
3034
- ${`${yt("color-borderless",!0)}: ${c("color-white")}`};
3035
- ${`${yt("border-hover-borderless",!0)}: ${c("color-white")}`};
3036
- ${`${yt("color-hover-borderless",!0)}: ${c("color-white")}`};
3037
- ${`${yt("bg-hover-borderless",!0)}: transparent`};
3038
- `;function fb(e,t,o="long"){return new Intl.DateTimeFormat("en-US",{hour:"numeric",timeZone:e,timeZoneName:o}).format(t).split(/\s/g).slice(2).join(" ")}const Po={},Nt={};function ft(e,t){try{const n=(Po[e]||(Po[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return n in Nt?Nt[n]:Tr(n,n.split(":"))}catch{if(e in Nt)return Nt[e];const o=e==null?void 0:e.match(gb);return o?Tr(e,o.slice(1)):NaN}}const gb=/([+-]\d\d):?(\d\d)?/;function Tr(e,t){const o=+(t[0]||0),n=+(t[1]||0),r=+(t[2]||0)/60;return Nt[e]=o*60+n>0?o*60+n+r:o*60-n-r}class We extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(ft(this.timeZone,this))?this.setTime(NaN):t.length?typeof t[0]=="number"&&(t.length===1||t.length===2&&typeof t[1]!="number")?this.setTime(t[0]):typeof t[0]=="string"?this.setTime(+new Date(t[0])):t[0]instanceof Date?this.setTime(+t[0]):(this.setTime(+new Date(...t)),Ai(this),ln(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new We(...o,t):new We(Date.now(),t)}withTimeZone(t){return new We(+this,t)}getTimezoneOffset(){const t=-ft(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),ln(this),+this}[Symbol.for("constructDateFrom")](t){return new We(+new Date(t),this.timeZone)}}const Er=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!Er.test(e))return;const t=e.replace(Er,"$1UTC");We.prototype[t]&&(e.startsWith("get")?We.prototype[e]=function(){return this.internal[t]()}:(We.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),mb(this),+this},We.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),ln(this),+this}))});function ln(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-ft(e.timeZone,e)*60))}function mb(e){Date.prototype.setFullYear.call(e,e.internal.getUTCFullYear(),e.internal.getUTCMonth(),e.internal.getUTCDate()),Date.prototype.setHours.call(e,e.internal.getUTCHours(),e.internal.getUTCMinutes(),e.internal.getUTCSeconds(),e.internal.getUTCMilliseconds()),Ai(e)}function Ai(e){const t=ft(e.timeZone,e),o=t>0?Math.floor(t):Math.ceil(t),n=new Date(+e);n.setUTCHours(n.getUTCHours()-1);const r=-new Date(+e).getTimezoneOffset(),s=-new Date(+n).getTimezoneOffset(),l=r-s,a=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();l&&a&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+l);const u=r-o;u&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+u);const h=new Date(+e);h.setUTCSeconds(0);const p=r>0?h.getSeconds():(h.getSeconds()-60)%60,f=Math.round(-(ft(e.timeZone,e)*60))%60;(f||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+f),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+f+p));const m=ft(e.timeZone,e),x=m>0?Math.floor(m):Math.ceil(m),y=-new Date(+e).getTimezoneOffset()-x,w=x!==o,v=y-u;if(w&&v){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+v);const $=ft(e.timeZone,e),C=$>0?Math.floor($):Math.ceil($),S=x-C;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class le extends We{static tz(t,...o){return o.length?new le(...o,t):new le(Date.now(),t)}toISOString(){const[t,o,n]=this.tzComponents(),r=`${t}${o}:${n}`;return this.internal.toISOString().slice(0,-1)+r}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,o,n,r]=this.internal.toUTCString().split(" ");return`${t==null?void 0:t.slice(0,-1)} ${n} ${o} ${r}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[o,n,r]=this.tzComponents();return`${t} GMT${o}${n}${r} (${fb(this.timeZone,this)})`}toLocaleString(t,o){return Date.prototype.toLocaleString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleDateString(t,o){return Date.prototype.toLocaleDateString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleTimeString(t,o){return Date.prototype.toLocaleTimeString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),o=t>0?"-":"+",n=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),r=String(Math.abs(t)%60).padStart(2,"0");return[o,n,r]}withTimeZone(t){return new le(+this,t)}[Symbol.for("constructDateFrom")](t){return new le(+new Date(t),this.timeZone)}}const bb={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},xb=(e,t,o)=>{let n;const r=bb[e];return typeof r=="string"?n=r:t===1?n=r.one:n=r.other.replace("{{count}}",t.toString()),o!=null&&o.addSuffix?o.comparison&&o.comparison>0?"in "+n:n+" ago":n};function Ho(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const yb={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},vb={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},kb={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},wb={date:Ho({formats:yb,defaultWidth:"full"}),time:Ho({formats:vb,defaultWidth:"full"}),dateTime:Ho({formats:kb,defaultWidth:"full"})},Cb={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},$b=(e,t,o,n)=>Cb[e];function Ot(e){return(t,o)=>{const n=o!=null&&o.context?String(o.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const l=e.defaultFormattingWidth||e.defaultWidth,a=o!=null&&o.width?String(o.width):l;r=e.formattingValues[a]||e.formattingValues[l]}else{const l=e.defaultWidth,a=o!=null&&o.width?String(o.width):e.defaultWidth;r=e.values[a]||e.values[l]}const s=e.argumentCallback?e.argumentCallback(t):t;return r[s]}}const Sb={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},jb={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Ib={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},_b={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Db={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Tb={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Eb=(e,t)=>{const o=Number(e),n=o%100;if(n>20||n<10)switch(n%10){case 1:return o+"st";case 2:return o+"nd";case 3:return o+"rd"}return o+"th"},Mb={ordinalNumber:Eb,era:Ot({values:Sb,defaultWidth:"wide"}),quarter:Ot({values:jb,defaultWidth:"wide",argumentCallback:e=>e-1}),month:Ot({values:Ib,defaultWidth:"wide"}),day:Ot({values:_b,defaultWidth:"wide"}),dayPeriod:Ot({values:Db,defaultWidth:"wide",formattingValues:Tb,defaultFormattingWidth:"wide"})};function Rt(e){return(t,o={})=>{const n=o.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],s=t.match(r);if(!s)return null;const l=s[0],a=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(a)?Ob(a,f=>f.test(l)):zb(a,f=>f.test(l));let h;h=e.valueCallback?e.valueCallback(u):u,h=o.valueCallback?o.valueCallback(h):h;const p=t.slice(l.length);return{value:h,rest:p}}}function zb(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function Ob(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function Rb(e){return(t,o={})=>{const n=t.match(e.matchPattern);if(!n)return null;const r=n[0],s=t.match(e.parsePattern);if(!s)return null;let l=e.valueCallback?e.valueCallback(s[0]):s[0];l=o.valueCallback?o.valueCallback(l):l;const a=t.slice(r.length);return{value:l,rest:a}}}const Nb=/^(\d+)(th|st|nd|rd)?/i,Fb=/\d+/i,Ab={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Lb={any:[/^b/i,/^(a|c)/i]},Bb={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Wb={any:[/1/i,/2/i,/3/i,/4/i]},Pb={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Hb={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Vb={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Ub={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Gb={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Kb={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Yb={ordinalNumber:Rb({matchPattern:Nb,parsePattern:Fb,valueCallback:e=>parseInt(e,10)}),era:Rt({matchPatterns:Ab,defaultMatchWidth:"wide",parsePatterns:Lb,defaultParseWidth:"any"}),quarter:Rt({matchPatterns:Bb,defaultMatchWidth:"wide",parsePatterns:Wb,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Rt({matchPatterns:Pb,defaultMatchWidth:"wide",parsePatterns:Hb,defaultParseWidth:"any"}),day:Rt({matchPatterns:Vb,defaultMatchWidth:"wide",parsePatterns:Ub,defaultParseWidth:"any"}),dayPeriod:Rt({matchPatterns:Gb,defaultMatchWidth:"any",parsePatterns:Kb,defaultParseWidth:"any"})},Li={code:"en-US",formatDistance:xb,formatLong:wb,formatRelative:$b,localize:Mb,match:Yb,options:{weekStartsOn:0,firstWeekContainsDate:1}},Mr=5,qb=4;function Zb(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,Mr*7-1);return t.getMonth(e)===t.getMonth(s)?Mr:qb}function Bi(e,t){const o=t.startOfMonth(e),n=o.getDay();return n===1?o:n===0?t.addDays(o,-1*6):t.addDays(o,-1*(n-1))}function Xb(e,t){const o=Bi(e,t),n=Zb(e,t);return t.addDays(o,n*7-1)}class rt{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?le.tz(this.options.timeZone):new this.Date},this.newDate=(n,r,s)=>{var l;return(l=this.overrides)!=null&&l.newDate?this.overrides.newDate(n,r,s):this.options.timeZone?new le(n,r,s,this.options.timeZone):new Date(n,r,s)},this.addDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addDays?this.overrides.addDays(n,r):Y.addDays(n,r)},this.addMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addMonths?this.overrides.addMonths(n,r):Y.addMonths(n,r)},this.addWeeks=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addWeeks?this.overrides.addWeeks(n,r):Y.addWeeks(n,r)},this.addYears=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addYears?this.overrides.addYears(n,r):Y.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarDays?this.overrides.differenceInCalendarDays(n,r):Y.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarMonths?this.overrides.differenceInCalendarMonths(n,r):Y.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r;return(r=this.overrides)!=null&&r.eachMonthOfInterval?this.overrides.eachMonthOfInterval(n):Y.eachMonthOfInterval(n)},this.endOfBroadcastWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfBroadcastWeek?this.overrides.endOfBroadcastWeek(n):Xb(n,this)},this.endOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfISOWeek?this.overrides.endOfISOWeek(n):Y.endOfISOWeek(n)},this.endOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.endOfMonth?this.overrides.endOfMonth(n):Y.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.endOfWeek?this.overrides.endOfWeek(n,r):Y.endOfWeek(n,this.options)},this.endOfYear=n=>{var r;return(r=this.overrides)!=null&&r.endOfYear?this.overrides.endOfYear(n):Y.endOfYear(n)},this.format=(n,r,s)=>{var a;const l=(a=this.overrides)!=null&&a.format?this.overrides.format(n,r,this.options):Y.format(n,r,this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(l):l},this.getISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.getISOWeek?this.overrides.getISOWeek(n):Y.getISOWeek(n)},this.getMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getMonth?this.overrides.getMonth(n,this.options):Y.getMonth(n,this.options)},this.getYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getYear?this.overrides.getYear(n,this.options):Y.getYear(n,this.options)},this.getWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getWeek?this.overrides.getWeek(n,this.options):Y.getWeek(n,this.options)},this.isAfter=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isAfter?this.overrides.isAfter(n,r):Y.isAfter(n,r)},this.isBefore=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isBefore?this.overrides.isBefore(n,r):Y.isBefore(n,r)},this.isDate=n=>{var r;return(r=this.overrides)!=null&&r.isDate?this.overrides.isDate(n):Y.isDate(n)},this.isSameDay=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameDay?this.overrides.isSameDay(n,r):Y.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameMonth?this.overrides.isSameMonth(n,r):Y.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameYear?this.overrides.isSameYear(n,r):Y.isSameYear(n,r)},this.max=n=>{var r;return(r=this.overrides)!=null&&r.max?this.overrides.max(n):Y.max(n)},this.min=n=>{var r;return(r=this.overrides)!=null&&r.min?this.overrides.min(n):Y.min(n)},this.setMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setMonth?this.overrides.setMonth(n,r):Y.setMonth(n,r)},this.setYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setYear?this.overrides.setYear(n,r):Y.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfBroadcastWeek?this.overrides.startOfBroadcastWeek(n,this):Bi(n,this)},this.startOfDay=n=>{var r;return(r=this.overrides)!=null&&r.startOfDay?this.overrides.startOfDay(n):Y.startOfDay(n)},this.startOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.startOfISOWeek?this.overrides.startOfISOWeek(n):Y.startOfISOWeek(n)},this.startOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.startOfMonth?this.overrides.startOfMonth(n):Y.startOfMonth(n)},this.startOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfWeek?this.overrides.startOfWeek(n,this.options):Y.startOfWeek(n,this.options)},this.startOfYear=n=>{var r;return(r=this.overrides)!=null&&r.startOfYear?this.overrides.startOfYear(n):Y.startOfYear(n)},this.options={locale:Li,...t},this.overrides=o}getDigitMap(){const{numerals:t="latn"}=this.options,o=new Intl.NumberFormat("en-US",{numberingSystem:t}),n={};for(let r=0;r<10;r++)n[r.toString()]=o.format(r);return n}replaceDigits(t){const o=this.getDigitMap();return t.replace(/\d/g,n=>o[n]||n)}formatNumber(t){return this.replaceDigits(t.toString())}}const Ke=new rt;class Wi{constructor(t,o,n=Ke){this.date=t,this.displayMonth=o,this.outside=!!(o&&!n.isSameMonth(t,o)),this.dateLib=n}isEqualTo(t){return this.dateLib.isSameDay(t.date,this.date)&&this.dateLib.isSameMonth(t.displayMonth,this.displayMonth)}}class Jb{constructor(t,o){this.date=t,this.weeks=o}}class Qb{constructor(t,o){this.days=o,this.weekNumber=t}}function ex(e){return d.createElement("button",{...e})}function tx(e){return d.createElement("span",{...e})}function ox(e){const{size:t=24,orientation:o="left",className:n}=e;return d.createElement("svg",{className:n,width:t,height:t,viewBox:"0 0 24 24"},o==="up"&&d.createElement("polygon",{points:"6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28"}),o==="down"&&d.createElement("polygon",{points:"6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72"}),o==="left"&&d.createElement("polygon",{points:"16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20"}),o==="right"&&d.createElement("polygon",{points:"8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20"}))}function nx(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function rx(e){const{day:t,modifiers:o,...n}=e,r=d.useRef(null);return d.useEffect(()=>{var s;o.focused&&((s=r.current)==null||s.focus())},[o.focused]),d.createElement("button",{ref:r,...n})}var A;(function(e){e.Root="root",e.Chevron="chevron",e.Day="day",e.DayButton="day_button",e.CaptionLabel="caption_label",e.Dropdowns="dropdowns",e.Dropdown="dropdown",e.DropdownRoot="dropdown_root",e.Footer="footer",e.MonthGrid="month_grid",e.MonthCaption="month_caption",e.MonthsDropdown="months_dropdown",e.Month="month",e.Months="months",e.Nav="nav",e.NextMonthButton="button_next",e.PreviousMonthButton="button_previous",e.Week="week",e.Weeks="weeks",e.Weekday="weekday",e.Weekdays="weekdays",e.WeekNumber="week_number",e.WeekNumberHeader="week_number_header",e.YearsDropdown="years_dropdown"})(A||(A={}));var re;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(re||(re={}));var Oe;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(Oe||(Oe={}));var fe;(function(e){e.weeks_before_enter="weeks_before_enter",e.weeks_before_exit="weeks_before_exit",e.weeks_after_enter="weeks_after_enter",e.weeks_after_exit="weeks_after_exit",e.caption_after_enter="caption_after_enter",e.caption_after_exit="caption_after_exit",e.caption_before_enter="caption_before_enter",e.caption_before_exit="caption_before_exit"})(fe||(fe={}));function sx(e){const{options:t,className:o,components:n,classNames:r,...s}=e,l=[r[A.Dropdown],o].join(" "),a=t==null?void 0:t.find(({value:u})=>u===s.value);return d.createElement("span",{"data-disabled":s.disabled,className:r[A.DropdownRoot]},d.createElement(n.Select,{className:l,...s},t==null?void 0:t.map(({value:u,label:h,disabled:p})=>d.createElement(n.Option,{key:u,value:u,disabled:p},h))),d.createElement("span",{className:r[A.CaptionLabel],"aria-hidden":!0},a==null?void 0:a.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[A.Chevron]})))}function ix(e){return d.createElement("div",{...e})}function ax(e){return d.createElement("div",{...e})}function lx(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function cx(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function dx(e){return d.createElement("table",{...e})}function ux(e){return d.createElement("div",{...e})}const Pi=d.createContext(void 0);function Xt(){const e=d.useContext(Pi);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function hx(e){const{components:t}=Xt();return d.createElement(t.Dropdown,{...e})}function px(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:l,classNames:a,labels:{labelPrevious:u,labelNext:h}}=Xt(),p=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),f=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(l.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:f},d.createElement(l.Chevron,{disabled:n?void 0:!0,className:a[A.Chevron],orientation:"left"})),d.createElement(l.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":h(r),onClick:p},d.createElement(l.Chevron,{disabled:r?void 0:!0,orientation:"right",className:a[A.Chevron]})))}function fx(e){const{components:t}=Xt();return d.createElement(t.Button,{...e})}function gx(e){return d.createElement("option",{...e})}function mx(e){const{components:t}=Xt();return d.createElement(t.Button,{...e})}function bx(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function xx(e){return d.createElement("select",{...e})}function yx(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function vx(e){return d.createElement("th",{...e})}function kx(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function wx(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function Cx(e){return d.createElement("th",{...e})}function $x(e){return d.createElement("tbody",{...e})}function Sx(e){const{components:t}=Xt();return d.createElement(t.Dropdown,{...e})}const jx=Object.freeze(Object.defineProperty({__proto__:null,Button:ex,CaptionLabel:tx,Chevron:ox,Day:nx,DayButton:rx,Dropdown:sx,DropdownNav:ix,Footer:ax,Month:lx,MonthCaption:cx,MonthGrid:dx,Months:ux,MonthsDropdown:hx,Nav:px,NextMonthButton:fx,Option:gx,PreviousMonthButton:mx,Root:bx,Select:xx,Week:yx,WeekNumber:wx,WeekNumberHeader:Cx,Weekday:vx,Weekdays:kx,Weeks:$x,YearsDropdown:Sx},Symbol.toStringTag,{value:"Module"}));function Je(e,t,o=!1,n=Ke){let{from:r,to:s}=e;const{differenceInCalendarDays:l,isSameDay:a}=n;return r&&s?(l(s,r)<0&&([r,s]=[s,r]),l(t,r)>=(o?1:0)&&l(s,t)>=(o?1:0)):!o&&s?a(s,t):!o&&r?a(r,t):!1}function Hi(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function Gn(e){return!!(e&&typeof e=="object"&&"from"in e)}function Vi(e){return!!(e&&typeof e=="object"&&"after"in e)}function Ui(e){return!!(e&&typeof e=="object"&&"before"in e)}function Gi(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function Ki(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Qe(e,t,o=Ke){const n=Array.isArray(t)?t:[t],{isSameDay:r,differenceInCalendarDays:s,isAfter:l}=o;return n.some(a=>{if(typeof a=="boolean")return a;if(o.isDate(a))return r(e,a);if(Ki(a,o))return a.includes(e);if(Gn(a))return Je(a,e,!1,o);if(Gi(a))return Array.isArray(a.dayOfWeek)?a.dayOfWeek.includes(e.getDay()):a.dayOfWeek===e.getDay();if(Hi(a)){const u=s(a.before,e),h=s(a.after,e),p=u>0,f=h<0;return l(a.before,a.after)?f&&p:p||f}return Vi(a)?s(e,a.after)>0:Ui(a)?s(a.before,e)>0:typeof a=="function"?a(e):!1})}function Ix(e,t,o,n,r){const{disabled:s,hidden:l,modifiers:a,showOutsideDays:u,broadcastCalendar:h,today:p}=t,{isSameDay:f,isSameMonth:m,startOfMonth:x,isBefore:b,endOfMonth:y,isAfter:w}=r,v=o&&x(o),$=n&&y(n),C={[re.focused]:[],[re.outside]:[],[re.disabled]:[],[re.hidden]:[],[re.today]:[]},S={};for(const k of e){const{date:I,displayMonth:j}=k,_=!!(j&&!m(I,j)),B=!!(v&&b(I,v)),U=!!($&&w(I,$)),P=!!(s&&Qe(I,s,r)),L=!!(l&&Qe(I,l,r))||B||U||!h&&!u&&_||h&&u===!1&&_,Z=f(I,p??r.today());_&&C.outside.push(k),P&&C.disabled.push(k),L&&C.hidden.push(k),Z&&C.today.push(k),a&&Object.keys(a).forEach(se=>{const J=a==null?void 0:a[se];J&&Qe(I,J,r)&&(S[se]?S[se].push(k):S[se]=[k])})}return k=>{const I={[re.focused]:!1,[re.disabled]:!1,[re.hidden]:!1,[re.outside]:!1,[re.today]:!1},j={};for(const _ in C){const B=C[_];I[_]=B.some(U=>U===k)}for(const _ in S)j[_]=S[_].some(B=>B===k);return{...I,...j}}}function _x(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[re[s]]?r.push(t[re[s]]):t[Oe[s]]&&r.push(t[Oe[s]]),r),[t[A.Day]])}function Dx(e){return{...jx,...e}}function Tx(e){const t={"data-mode":e.mode??void 0,"data-required":"required"in e?e.required:void 0,"data-multiple-months":e.numberOfMonths&&e.numberOfMonths>1||void 0,"data-week-numbers":e.showWeekNumber||void 0,"data-broadcast-calendar":e.broadcastCalendar||void 0,"data-nav-layout":e.navLayout||void 0};return Object.entries(e).forEach(([o,n])=>{o.startsWith("data-")&&(t[o]=n)}),t}function Ex(){const e={};for(const t in A)e[A[t]]=`rdp-${A[t]}`;for(const t in re)e[re[t]]=`rdp-${re[t]}`;for(const t in Oe)e[Oe[t]]=`rdp-${Oe[t]}`;for(const t in fe)e[fe[t]]=`rdp-${fe[t]}`;return e}function Yi(e,t,o){return(o??new rt(t)).format(e,"LLLL y")}const Mx=Yi;function zx(e,t,o){return(o??new rt(t)).format(e,"d")}function Ox(e,t=Ke){return t.format(e,"LLLL")}function Rx(e,t,o){return(o??new rt(t)).format(e,"cccccc")}function Nx(e,t=Ke){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function Fx(){return""}function qi(e,t=Ke){return t.format(e,"yyyy")}const Ax=qi,Lx=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:Yi,formatDay:zx,formatMonthCaption:Mx,formatMonthDropdown:Ox,formatWeekNumber:Nx,formatWeekNumberHeader:Fx,formatWeekdayName:Rx,formatYearCaption:Ax,formatYearDropdown:qi},Symbol.toStringTag,{value:"Module"}));function Bx(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...Lx,...e}}function Wx(e,t,o,n,r){const{startOfMonth:s,startOfYear:l,endOfYear:a,eachMonthOfInterval:u,getMonth:h}=r;return u({start:l(e),end:a(e)}).map(m=>{const x=n.formatMonthDropdown(m,r),b=h(m),y=t&&m<s(t)||o&&m>s(o)||!1;return{value:b,label:x,disabled:y}})}function Px(e,t={},o={}){let n={...t==null?void 0:t[A.Day]};return Object.entries(e).filter(([,r])=>r===!0).forEach(([r])=>{n={...n,...o==null?void 0:o[r]}}),n}function Hx(e,t,o){const n=e.today(),r=t?e.startOfISOWeek(n):e.startOfWeek(n),s=[];for(let l=0;l<7;l++){const a=e.addDays(r,l);s.push(a)}return s}function Vx(e,t,o,n,r=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:l,addYears:a,getYear:u,isBefore:h,isSameYear:p}=n,f=s(e),m=l(t),x=[];let b=f;for(;h(b,m)||p(b,m);)x.push(b),b=a(b,1);return r&&x.reverse(),x.map(y=>{const w=o.formatYearDropdown(y,n);return{value:u(y),label:w,disabled:!1}})}function Zi(e,t,o,n){let r=(n??new rt(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const Ux=Zi;function Xi(e,t,o){return(o??new rt(t)).format(e,"LLLL y")}const Gx=Xi;function Kx(e,t,o,n){let r=(n??new rt(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function Yx(e){return"Choose the Month"}function qx(){return""}function Zx(e){return"Go to the Next Month"}function Xx(e){return"Go to the Previous Month"}function Jx(e,t,o){return(o??new rt(t)).format(e,"cccc")}function Qx(e,t){return`Week ${e}`}function e0(e){return"Week Number"}function t0(e){return"Choose the Year"}const o0=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:Gx,labelDay:Ux,labelDayButton:Zi,labelGrid:Xi,labelGridcell:Kx,labelMonthDropdown:Yx,labelNav:qx,labelNext:Zx,labelPrevious:Xx,labelWeekNumber:Qx,labelWeekNumberHeader:e0,labelWeekday:Jx,labelYearDropdown:t0},Symbol.toStringTag,{value:"Module"})),Jt=e=>e instanceof HTMLElement?e:null,Vo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],n0=e=>Jt(e.querySelector("[data-animated-month]")),Uo=e=>Jt(e.querySelector("[data-animated-caption]")),Go=e=>Jt(e.querySelector("[data-animated-weeks]")),r0=e=>Jt(e.querySelector("[data-animated-nav]")),s0=e=>Jt(e.querySelector("[data-animated-weekdays]"));function i0(e,t,{classNames:o,months:n,focused:r,dateLib:s}){const l=d.useRef(null),a=d.useRef(n),u=d.useRef(!1);d.useLayoutEffect(()=>{const h=a.current;if(a.current=n,!t||!e.current||!(e.current instanceof HTMLElement)||n.length===0||h.length===0||n.length!==h.length)return;const p=s.isSameMonth(n[0].date,h[0].date),f=s.isAfter(n[0].date,h[0].date),m=f?o[fe.caption_after_enter]:o[fe.caption_before_enter],x=f?o[fe.weeks_after_enter]:o[fe.weeks_before_enter],b=l.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(Vo(y).forEach(C=>{if(!(C instanceof HTMLElement))return;const S=n0(C);S&&C.contains(S)&&C.removeChild(S);const k=Uo(C);k&&k.classList.remove(m);const I=Go(C);I&&I.classList.remove(x)}),l.current=y):l.current=null,u.current||p||r)return;const w=b instanceof HTMLElement?Vo(b):[],v=Vo(e.current);if(v!=null&&v.every($=>$ instanceof HTMLElement)&&w&&w.every($=>$ instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const $=r0(e.current);$&&($.style.zIndex="1"),v.forEach((C,S)=>{const k=w[S];if(!k)return;C.style.position="relative",C.style.overflow="hidden";const I=Uo(C);I&&I.classList.add(m);const j=Go(C);j&&j.classList.add(x);const _=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),$&&($.style.zIndex=""),I&&I.classList.remove(m),j&&j.classList.remove(x),C.style.position="",C.style.overflow="",C.contains(k)&&C.removeChild(k)};k.style.pointerEvents="none",k.style.position="absolute",k.style.overflow="hidden",k.setAttribute("aria-hidden","true");const B=s0(k);B&&(B.style.opacity="0");const U=Uo(k);U&&(U.classList.add(f?o[fe.caption_before_exit]:o[fe.caption_after_exit]),U.addEventListener("animationend",_));const P=Go(k);P&&P.classList.add(f?o[fe.weeks_before_exit]:o[fe.weeks_after_exit]),C.insertBefore(k,C.firstChild)})}})}function a0(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:l,fixedWeeks:a,broadcastCalendar:u}=o??{},{addDays:h,differenceInCalendarDays:p,differenceInCalendarMonths:f,endOfBroadcastWeek:m,endOfISOWeek:x,endOfMonth:b,endOfWeek:y,isAfter:w,startOfBroadcastWeek:v,startOfISOWeek:$,startOfWeek:C}=n,S=u?v(r,n):l?$(r):C(r),k=u?m(s):l?x(b(s)):y(b(s)),I=p(k,S),j=f(s,r)+1,_=[];for(let P=0;P<=I;P++){const L=h(S,P);if(t&&w(L,t))break;_.push(L)}const U=(u?35:42)*j;if(a&&_.length<U){const P=U-_.length;for(let L=0;L<P;L++){const Z=h(_[_.length-1],1);_.push(Z)}}return _}function l0(e){const t=[];return e.reduce((o,n)=>{const r=n.weeks.reduce((s,l)=>s.concat(l.days.slice()),t.slice());return o.concat(r.slice())},t.slice())}function c0(e,t,o,n){const{numberOfMonths:r=1}=o,s=[];for(let l=0;l<r;l++){const a=n.addMonths(e,l);if(t&&a>t)break;s.push(a)}return s}function zr(e,t,o,n){const{month:r,defaultMonth:s,today:l=n.today(),numberOfMonths:a=1}=e;let u=r||s||l;const{differenceInCalendarMonths:h,addMonths:p,startOfMonth:f}=n;if(o&&h(o,u)<a-1){const m=-1*(a-1);u=p(o,m)}return t&&h(u,t)<0&&(u=t),f(u)}function d0(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:l,endOfMonth:a,endOfWeek:u,getISOWeek:h,getWeek:p,startOfBroadcastWeek:f,startOfISOWeek:m,startOfWeek:x}=n,b=e.reduce((y,w)=>{const v=o.broadcastCalendar?f(w,n):o.ISOWeek?m(w):x(w),$=o.broadcastCalendar?s(w):o.ISOWeek?l(a(w)):u(a(w)),C=t.filter(j=>j>=v&&j<=$),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&C.length<S){const j=t.filter(_=>{const B=S-C.length;return _>$&&_<=r($,B)});C.push(...j)}const k=C.reduce((j,_)=>{const B=o.ISOWeek?h(_):p(_),U=j.find(L=>L.weekNumber===B),P=new Wi(_,w,n);return U?U.days.push(P):j.push(new Qb(B,[P])),j},[]),I=new Jb(w,k);return y.push(I),y},[]);return o.reverseMonths?b.reverse():b}function u0(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:l,endOfMonth:a,addYears:u,endOfYear:h,newDate:p,today:f}=t,{fromYear:m,toYear:x,fromMonth:b,toMonth:y}=e;!o&&b&&(o=b),!o&&m&&(o=t.newDate(m,0,1)),!n&&y&&(n=y),!n&&x&&(n=p(x,11,31));const w=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=l(o):m?o=p(m,0,1):!o&&w&&(o=r(u(e.today??f(),-100))),n?n=a(n):x?n=p(x,11,31):!n&&w&&(n=h(e.today??f())),[o&&s(o),n&&s(n)]}function h0(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,h=r?s:1,p=l(e);if(!t)return a(p,h);if(!(u(t,e)<s))return a(p,h)}function p0(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,h=r?s??1:1,p=l(e);if(!t)return a(p,-h);if(!(u(p,t)<=0))return a(p,-h)}function f0(e){const t=[];return e.reduce((o,n)=>o.concat(n.weeks.slice()),t.slice())}function Io(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function g0(e,t){const[o,n]=u0(e,t),{startOfMonth:r,endOfMonth:s}=t,l=zr(e,o,n,t),[a,u]=Io(l,e.month?l:void 0);d.useEffect(()=>{const I=zr(e,o,n,t);u(I)},[e.timeZone]);const h=c0(a,n,e,t),p=a0(h,e.endMonth?s(e.endMonth):void 0,e,t),f=d0(h,p,e,t),m=f0(f),x=l0(f),b=p0(a,o,e,t),y=h0(a,n,e,t),{disableNavigation:w,onMonthChange:v}=e,$=I=>m.some(j=>j.days.some(_=>_.isEqualTo(I))),C=I=>{if(w)return;let j=r(I);o&&j<r(o)&&(j=r(o)),n&&j>r(n)&&(j=r(n)),u(j),v==null||v(j)};return{months:f,weeks:m,days:x,navStart:o,navEnd:n,previousMonth:b,nextMonth:y,goToMonth:C,goToDay:I=>{$(I)||C(I.date)}}}var Ae;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(Ae||(Ae={}));function Or(e){return!e[re.disabled]&&!e[re.hidden]&&!e[re.outside]}function m0(e,t,o,n){let r,s=-1;for(const l of e){const a=t(l);Or(a)&&(a[re.focused]&&s<Ae.FocusedModifier?(r=l,s=Ae.FocusedModifier):n!=null&&n.isEqualTo(l)&&s<Ae.LastFocused?(r=l,s=Ae.LastFocused):o(l.date)&&s<Ae.Selected?(r=l,s=Ae.Selected):a[re.today]&&s<Ae.Today&&(r=l,s=Ae.Today))}return r||(r=e.find(l=>Or(t(l)))),r}function b0(e,t,o,n,r,s,l){const{ISOWeek:a,broadcastCalendar:u}=s,{addDays:h,addMonths:p,addWeeks:f,addYears:m,endOfBroadcastWeek:x,endOfISOWeek:b,endOfWeek:y,max:w,min:v,startOfBroadcastWeek:$,startOfISOWeek:C,startOfWeek:S}=l;let I={day:h,week:f,month:p,year:m,startOfWeek:j=>u?$(j,l):a?C(j):S(j),endOfWeek:j=>u?x(j):a?b(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&n?I=w([n,I]):t==="after"&&r&&(I=v([r,I])),I}function Ji(e,t,o,n,r,s,l,a=0){if(a>365)return;const u=b0(e,t,o.date,n,r,s,l),h=!!(s.disabled&&Qe(u,s.disabled,l)),p=!!(s.hidden&&Qe(u,s.hidden,l)),f=u,m=new Wi(u,f,l);return!h&&!p?m:Ji(e,t,m,n,r,s,l,a+1)}function x0(e,t,o,n,r){const{autoFocus:s}=e,[l,a]=d.useState(),u=m0(t.days,o,n||(()=>!1),l),[h,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:h,blur:()=>{a(h),p(void 0)},moveFocus:(y,w)=>{if(!h)return;const v=Ji(y,w,h,t.navStart,t.navEnd,e,r);v&&(t.goToDay(v),p(v))}}}function y0(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=Io(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t,h=x=>(a==null?void 0:a.some(b=>u(b,x)))??!1,{min:p,max:f}=e;return{selected:a,select:(x,b,y)=>{let w=[...a??[]];if(h(x)){if((a==null?void 0:a.length)===p||n&&(a==null?void 0:a.length)===1)return;w=a==null?void 0:a.filter(v=>!u(v,x))}else(a==null?void 0:a.length)===f?w=[x]:w=[...w,x];return r||l(w),r==null||r(w,x,b,y),w},isSelected:h}}function v0(e,t,o=0,n=0,r=!1,s=Ke){const{from:l,to:a}=t||{},{isSameDay:u,isAfter:h,isBefore:p}=s;let f;if(!l&&!a)f={from:e,to:o>0?void 0:e};else if(l&&!a)u(l,e)?o===0?f={from:l,to:e}:r?f={from:l,to:void 0}:f=void 0:p(e,l)?f={from:e,to:l}:f={from:l,to:e};else if(l&&a)if(u(l,e)&&u(a,e))r?f={from:l,to:a}:f=void 0;else if(u(l,e))f={from:l,to:o>0?void 0:e};else if(u(a,e))f={from:e,to:o>0?void 0:e};else if(p(e,l))f={from:e,to:a};else if(h(e,l))f={from:l,to:e};else if(h(e,a))f={from:l,to:e};else throw new Error("Invalid range");if(f!=null&&f.from&&(f!=null&&f.to)){const m=s.differenceInCalendarDays(f.to,f.from);n>0&&m>n?f={from:e,to:void 0}:o>1&&m<o&&(f={from:e,to:void 0})}return f}function k0(e,t,o=Ke){const n=Array.isArray(t)?t:[t];let r=e.from;const s=o.differenceInCalendarDays(e.to,e.from),l=Math.min(s,6);for(let a=0;a<=l;a++){if(n.includes(r.getDay()))return!0;r=o.addDays(r,1)}return!1}function Rr(e,t,o=Ke){return Je(e,t.from,!1,o)||Je(e,t.to,!1,o)||Je(t,e.from,!1,o)||Je(t,e.to,!1,o)}function w0(e,t,o=Ke){const n=Array.isArray(t)?t:[t];if(n.filter(a=>typeof a!="function").some(a=>typeof a=="boolean"?a:o.isDate(a)?Je(e,a,!1,o):Ki(a,o)?a.some(u=>Je(e,u,!1,o)):Gn(a)?a.from&&a.to?Rr(e,{from:a.from,to:a.to},o):!1:Gi(a)?k0(e,a.dayOfWeek,o):Hi(a)?o.isAfter(a.before,a.after)?Rr(e,{from:o.addDays(a.after,1),to:o.addDays(a.before,-1)},o):Qe(e.from,a,o)||Qe(e.to,a,o):Vi(a)||Ui(a)?Qe(e.from,a,o)||Qe(e.to,a,o):!1))return!0;const l=n.filter(a=>typeof a=="function");if(l.length){let a=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let h=0;h<=u;h++){if(l.some(p=>p(a)))return!0;a=o.addDays(a,1)}}return!1}function C0(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:l}=e,[a,u]=Io(r,l?r:void 0),h=l?r:a;return{selected:h,select:(m,x,b)=>{const{min:y,max:w}=e,v=m?v0(m,h,y,w,s,t):void 0;return n&&o&&(v!=null&&v.from)&&v.to&&w0({from:v.from,to:v.to},o,t)&&(v.from=m,v.to=void 0),l||u(v),l==null||l(v,m,x,b),v},isSelected:m=>h&&Je(h,m,!1,t)}}function $0(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=Io(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t;return{selected:a,select:(f,m,x)=>{let b=f;return!n&&a&&a&&u(f,a)&&(b=void 0),r||l(b),r==null||r(b,f,m,x),b},isSelected:f=>a?u(a,f):!1}}function S0(e,t){const o=$0(e,t),n=y0(e,t),r=C0(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function j0(e){var er;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new le(t.today,t.timeZone)),t.month&&(t.month=new le(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new le(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new le(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new le(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new le(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(er=t.selected)==null?void 0:er.map(V=>new le(V,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new le(t.selected.from,t.timeZone):void 0,to:t.selected.to?new le(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:n,labels:r,dateLib:s,locale:l,classNames:a}=d.useMemo(()=>{const V={...Li,...t.locale};return{dateLib:new rt({locale:V,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:Dx(t.components),formatters:Bx(t.formatters),labels:{...o0,...t.labels},locale:V,classNames:{...Ex(),...t.classNames}}},[t.locale,t.broadcastCalendar,t.weekStartsOn,t.firstWeekContainsDate,t.useAdditionalWeekYearTokens,t.useAdditionalDayOfYearTokens,t.timeZone,t.numerals,t.dateLib,t.components,t.formatters,t.labels,t.classNames]),{captionLayout:u,mode:h,navLayout:p,numberOfMonths:f=1,onDayBlur:m,onDayClick:x,onDayFocus:b,onDayKeyDown:y,onDayMouseEnter:w,onDayMouseLeave:v,onNextClick:$,onPrevClick:C,showWeekNumber:S,styles:k}=t,{formatCaption:I,formatDay:j,formatMonthDropdown:_,formatWeekNumber:B,formatWeekNumberHeader:U,formatWeekdayName:P,formatYearDropdown:L}=n,Z=g0(t,s),{days:se,months:J,navStart:X,navEnd:$e,previousMonth:ae,nextMonth:ue,goToMonth:Q}=Z,G=Ix(se,t,X,$e,s),{isSelected:ee,select:Ye,selected:Ne}=S0(t,s)??{},{blur:qn,focused:Qt,isFocusTarget:sa,moveFocus:Zn,setFocused:eo}=x0(t,Z,G,ee??(()=>!1),s),{labelDayButton:ia,labelGridcell:aa,labelGrid:la,labelMonthDropdown:ca,labelNav:Xn,labelPrevious:da,labelNext:ua,labelWeekday:ha,labelWeekNumber:pa,labelWeekNumberHeader:fa,labelYearDropdown:ga}=r,ma=d.useMemo(()=>Hx(s,t.ISOWeek),[s,t.ISOWeek]),Jn=h!==void 0||x!==void 0,_o=d.useCallback(()=>{ae&&(Q(ae),C==null||C(ae))},[ae,Q,C]),Do=d.useCallback(()=>{ue&&(Q(ue),$==null||$(ue))},[Q,ue,$]),ba=d.useCallback((V,te)=>H=>{H.preventDefault(),H.stopPropagation(),eo(V),Ye==null||Ye(V.date,te,H),x==null||x(V.date,te,H)},[Ye,x,eo]),xa=d.useCallback((V,te)=>H=>{eo(V),b==null||b(V.date,te,H)},[b,eo]),ya=d.useCallback((V,te)=>H=>{qn(),m==null||m(V.date,te,H)},[qn,m]),va=d.useCallback((V,te)=>H=>{const oe={ArrowLeft:[H.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[H.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[H.shiftKey?"year":"week","after"],ArrowUp:[H.shiftKey?"year":"week","before"],PageUp:[H.shiftKey?"year":"month","before"],PageDown:[H.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(oe[H.key]){H.preventDefault(),H.stopPropagation();const[ge,K]=oe[H.key];Zn(ge,K)}y==null||y(V.date,te,H)},[Zn,y,t.dir]),ka=d.useCallback((V,te)=>H=>{w==null||w(V.date,te,H)},[w]),wa=d.useCallback((V,te)=>H=>{v==null||v(V.date,te,H)},[v]),Ca=d.useCallback(V=>te=>{const H=Number(te.target.value),oe=s.setMonth(s.startOfMonth(V),H);Q(oe)},[s,Q]),$a=d.useCallback(V=>te=>{const H=Number(te.target.value),oe=s.setYear(s.startOfMonth(V),H);Q(oe)},[s,Q]),{className:Sa,style:ja}=d.useMemo(()=>({className:[a[A.Root],t.className].filter(Boolean).join(" "),style:{...k==null?void 0:k[A.Root],...t.style}}),[a,t.className,t.style,k]),Ia=Tx(t),Qn=d.useRef(null);i0(Qn,!!t.animate,{classNames:a,months:J,focused:Qt,dateLib:s});const _a={dayPickerProps:t,selected:Ne,select:Ye,isSelected:ee,months:J,nextMonth:ue,previousMonth:ae,goToMonth:Q,getModifiers:G,components:o,classNames:a,styles:k,labels:r,formatters:n};return d.createElement(Pi.Provider,{value:_a},d.createElement(o.Root,{rootRef:t.animate?Qn:void 0,className:Sa,style:ja,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Ia},d.createElement(o.Months,{className:a[A.Months],style:k==null?void 0:k[A.Months]},!t.hideNavigation&&!p&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:k==null?void 0:k[A.Nav],"aria-label":Xn(),onPreviousClick:_o,onNextClick:Do,previousMonth:ae,nextMonth:ue}),J.map((V,te)=>d.createElement(o.Month,{"data-animated-month":t.animate?"true":void 0,className:a[A.Month],style:k==null?void 0:k[A.Month],key:te,displayIndex:te,calendarMonth:V},p==="around"&&!t.hideNavigation&&te===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:ae?void 0:-1,"aria-disabled":ae?void 0:!0,"aria-label":da(ae),onClick:_o,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ae?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"right":"left"})),d.createElement(o.MonthCaption,{"data-animated-caption":t.animate?"true":void 0,className:a[A.MonthCaption],style:k==null?void 0:k[A.MonthCaption],calendarMonth:V,displayIndex:te},u!=null&&u.startsWith("dropdown")?d.createElement(o.DropdownNav,{className:a[A.Dropdowns],style:k==null?void 0:k[A.Dropdowns]},u==="dropdown"||u==="dropdown-months"?d.createElement(o.MonthsDropdown,{className:a[A.MonthsDropdown],"aria-label":ca(),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Ca(V.date),options:Wx(V.date,X,$e,n,s),style:k==null?void 0:k[A.Dropdown],value:s.getMonth(V.date)}):d.createElement("span",null,_(V.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:a[A.YearsDropdown],"aria-label":ga(s.options),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:$a(V.date),options:Vx(X,$e,n,s,!!t.reverseYears),style:k==null?void 0:k[A.Dropdown],value:s.getYear(V.date)}):d.createElement("span",null,L(V.date,s)),d.createElement("span",{role:"status","aria-live":"polite",style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}},I(V.date,s.options,s))):d.createElement(o.CaptionLabel,{className:a[A.CaptionLabel],role:"status","aria-live":"polite"},I(V.date,s.options,s))),p==="around"&&!t.hideNavigation&&te===f-1&&d.createElement(o.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:ue?void 0:-1,"aria-disabled":ue?void 0:!0,"aria-label":ua(ue),onClick:Do,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ue?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"left":"right"})),te===f-1&&p==="after"&&!t.hideNavigation&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:k==null?void 0:k[A.Nav],"aria-label":Xn(),onPreviousClick:_o,onNextClick:Do,previousMonth:ae,nextMonth:ue}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":h==="multiple"||h==="range","aria-label":la(V.date,s.options,s)||void 0,className:a[A.MonthGrid],style:k==null?void 0:k[A.MonthGrid]},!t.hideWeekdays&&d.createElement(o.Weekdays,{"data-animated-weekdays":t.animate?"true":void 0,className:a[A.Weekdays],style:k==null?void 0:k[A.Weekdays]},S&&d.createElement(o.WeekNumberHeader,{"aria-label":fa(s.options),className:a[A.WeekNumberHeader],style:k==null?void 0:k[A.WeekNumberHeader],scope:"col"},U()),ma.map(H=>d.createElement(o.Weekday,{"aria-label":ha(H,s.options,s),className:a[A.Weekday],key:String(H),style:k==null?void 0:k[A.Weekday],scope:"col"},P(H,s.options,s)))),d.createElement(o.Weeks,{"data-animated-weeks":t.animate?"true":void 0,className:a[A.Weeks],style:k==null?void 0:k[A.Weeks]},V.weeks.map(H=>d.createElement(o.Week,{className:a[A.Week],key:H.weekNumber,style:k==null?void 0:k[A.Week],week:H},S&&d.createElement(o.WeekNumber,{week:H,style:k==null?void 0:k[A.WeekNumber],"aria-label":pa(H.weekNumber,{locale:l}),className:a[A.WeekNumber],scope:"row",role:"rowheader"},B(H.weekNumber,s)),H.days.map(oe=>{const{date:ge}=oe,K=G(oe);if(K[re.focused]=!K.hidden&&!!(Qt!=null&&Qt.isEqualTo(oe)),K[Oe.selected]=(ee==null?void 0:ee(ge))||K.selected,Gn(Ne)){const{from:To,to:Eo}=Ne;K[Oe.range_start]=!!(To&&Eo&&s.isSameDay(ge,To)),K[Oe.range_end]=!!(To&&Eo&&s.isSameDay(ge,Eo)),K[Oe.range_middle]=Je(Ne,ge,!0,s)}const Da=Px(K,k,t.modifiersStyles),Ta=_x(K,a,t.modifiersClassNames),Ea=!Jn&&!K.hidden?aa(ge,K,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(ge,"yyyy-MM-dd")}_${s.format(oe.displayMonth,"yyyy-MM")}`,day:oe,modifiers:K,className:Ta.join(" "),style:Da,role:"gridcell","aria-selected":K.selected||void 0,"aria-label":Ea,"data-day":s.format(ge,"yyyy-MM-dd"),"data-month":oe.outside?s.format(ge,"yyyy-MM"):void 0,"data-selected":K.selected||void 0,"data-disabled":K.disabled||void 0,"data-hidden":K.hidden||void 0,"data-outside":oe.outside||void 0,"data-focused":K.focused||void 0,"data-today":K.today||void 0},!K.hidden&&Jn?d.createElement(o.DayButton,{className:a[A.DayButton],style:k==null?void 0:k[A.DayButton],type:"button",day:oe,modifiers:K,disabled:K.disabled||void 0,tabIndex:sa(oe)?0:-1,"aria-label":ia(ge,K,s.options,s),onClick:ba(oe,K),onBlur:ya(oe,K),onFocus:xa(oe,K),onKeyDown:va(oe,K),onMouseEnter:ka(oe,K),onMouseLeave:wa(oe,K)},j(ge,s.options,s)):!K.hidden&&j(oe.date,s.options,s))})))))))),t.footer&&d.createElement(o.Footer,{className:a[A.Footer],style:k==null?void 0:k[A.Footer],role:"status","aria-live":"polite"},t.footer)))}const I0=d.memo(({...e})=>i.jsx(_0,{mode:"single",...e})),_0=g(j0)`
3130
+ ${`${vt("bg-borderless",!0)}: transparent`};
3131
+ ${`${vt("border-borderless",!0)}: transparent`};
3132
+ ${`${vt("color-borderless",!0)}: ${c("color-white")}`};
3133
+ ${`${vt("border-hover-borderless",!0)}: ${c("color-white")}`};
3134
+ ${`${vt("color-hover-borderless",!0)}: ${c("color-white")}`};
3135
+ ${`${vt("bg-hover-borderless",!0)}: transparent`};
3136
+ `;function bb(e,t,o="long"){return new Intl.DateTimeFormat("en-US",{hour:"numeric",timeZone:e,timeZoneName:o}).format(t).split(/\s/g).slice(2).join(" ")}const Po={},At={};function gt(e,t){try{const r=(Po[e]||(Po[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return r in At?At[r]:Tn(r,r.split(":"))}catch{if(e in At)return At[e];const o=e==null?void 0:e.match(xb);return o?Tn(e,o.slice(1)):NaN}}const xb=/([+-]\d\d):?(\d\d)?/;function Tn(e,t){const o=+(t[0]||0),r=+(t[1]||0),n=+(t[2]||0)/60;return At[e]=o*60+r>0?o*60+r+n:o*60-r-n}class Pe extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(gt(this.timeZone,this))?this.setTime(NaN):t.length?typeof t[0]=="number"&&(t.length===1||t.length===2&&typeof t[1]!="number")?this.setTime(t[0]):typeof t[0]=="string"?this.setTime(+new Date(t[0])):t[0]instanceof Date?this.setTime(+t[0]):(this.setTime(+new Date(...t)),Ai(this),ar(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Pe(...o,t):new Pe(Date.now(),t)}withTimeZone(t){return new Pe(+this,t)}getTimezoneOffset(){const t=-gt(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),ar(this),+this}[Symbol.for("constructDateFrom")](t){return new Pe(+new Date(t),this.timeZone)}}const En=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!En.test(e))return;const t=e.replace(En,"$1UTC");Pe.prototype[t]&&(e.startsWith("get")?Pe.prototype[e]=function(){return this.internal[t]()}:(Pe.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),yb(this),+this},Pe.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),ar(this),+this}))});function ar(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-gt(e.timeZone,e)*60))}function yb(e){Date.prototype.setFullYear.call(e,e.internal.getUTCFullYear(),e.internal.getUTCMonth(),e.internal.getUTCDate()),Date.prototype.setHours.call(e,e.internal.getUTCHours(),e.internal.getUTCMinutes(),e.internal.getUTCSeconds(),e.internal.getUTCMilliseconds()),Ai(e)}function Ai(e){const t=gt(e.timeZone,e),o=t>0?Math.floor(t):Math.ceil(t),r=new Date(+e);r.setUTCHours(r.getUTCHours()-1);const n=-new Date(+e).getTimezoneOffset(),s=-new Date(+r).getTimezoneOffset(),l=n-s,a=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();l&&a&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+l);const u=n-o;u&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+u);const h=new Date(+e);h.setUTCSeconds(0);const p=n>0?h.getSeconds():(h.getSeconds()-60)%60,f=Math.round(-(gt(e.timeZone,e)*60))%60;(f||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+f),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+f+p));const m=gt(e.timeZone,e),b=m>0?Math.floor(m):Math.ceil(m),y=-new Date(+e).getTimezoneOffset()-b,w=b!==o,v=y-u;if(w&&v){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+v);const $=gt(e.timeZone,e),C=$>0?Math.floor($):Math.ceil($),S=b-C;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class ce extends Pe{static tz(t,...o){return o.length?new ce(...o,t):new ce(Date.now(),t)}toISOString(){const[t,o,r]=this.tzComponents(),n=`${t}${o}:${r}`;return this.internal.toISOString().slice(0,-1)+n}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,o,r,n]=this.internal.toUTCString().split(" ");return`${t==null?void 0:t.slice(0,-1)} ${r} ${o} ${n}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[o,r,n]=this.tzComponents();return`${t} GMT${o}${r}${n} (${bb(this.timeZone,this)})`}toLocaleString(t,o){return Date.prototype.toLocaleString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleDateString(t,o){return Date.prototype.toLocaleDateString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleTimeString(t,o){return Date.prototype.toLocaleTimeString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),o=t>0?"-":"+",r=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),n=String(Math.abs(t)%60).padStart(2,"0");return[o,r,n]}withTimeZone(t){return new ce(+this,t)}[Symbol.for("constructDateFrom")](t){return new ce(+new Date(t),this.timeZone)}}const vb={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},kb=(e,t,o)=>{let r;const n=vb[e];return typeof n=="string"?r=n:t===1?r=n.one:r=n.other.replace("{{count}}",t.toString()),o!=null&&o.addSuffix?o.comparison&&o.comparison>0?"in "+r:r+" ago":r};function Ho(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const wb={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Cb={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},$b={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Sb={date:Ho({formats:wb,defaultWidth:"full"}),time:Ho({formats:Cb,defaultWidth:"full"}),dateTime:Ho({formats:$b,defaultWidth:"full"})},jb={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Ib=(e,t,o,r)=>jb[e];function Nt(e){return(t,o)=>{const r=o!=null&&o.context?String(o.context):"standalone";let n;if(r==="formatting"&&e.formattingValues){const l=e.defaultFormattingWidth||e.defaultWidth,a=o!=null&&o.width?String(o.width):l;n=e.formattingValues[a]||e.formattingValues[l]}else{const l=e.defaultWidth,a=o!=null&&o.width?String(o.width):e.defaultWidth;n=e.values[a]||e.values[l]}const s=e.argumentCallback?e.argumentCallback(t):t;return n[s]}}const _b={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Db={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Tb={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Eb={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},zb={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Mb={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Ob=(e,t)=>{const o=Number(e),r=o%100;if(r>20||r<10)switch(r%10){case 1:return o+"st";case 2:return o+"nd";case 3:return o+"rd"}return o+"th"},Rb={ordinalNumber:Ob,era:Nt({values:_b,defaultWidth:"wide"}),quarter:Nt({values:Db,defaultWidth:"wide",argumentCallback:e=>e-1}),month:Nt({values:Tb,defaultWidth:"wide"}),day:Nt({values:Eb,defaultWidth:"wide"}),dayPeriod:Nt({values:zb,defaultWidth:"wide",formattingValues:Mb,defaultFormattingWidth:"wide"})};function Ft(e){return(t,o={})=>{const r=o.width,n=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],s=t.match(n);if(!s)return null;const l=s[0],a=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(a)?Fb(a,f=>f.test(l)):Nb(a,f=>f.test(l));let h;h=e.valueCallback?e.valueCallback(u):u,h=o.valueCallback?o.valueCallback(h):h;const p=t.slice(l.length);return{value:h,rest:p}}}function Nb(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function Fb(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function Ab(e){return(t,o={})=>{const r=t.match(e.matchPattern);if(!r)return null;const n=r[0],s=t.match(e.parsePattern);if(!s)return null;let l=e.valueCallback?e.valueCallback(s[0]):s[0];l=o.valueCallback?o.valueCallback(l):l;const a=t.slice(n.length);return{value:l,rest:a}}}const Lb=/^(\d+)(th|st|nd|rd)?/i,Bb=/\d+/i,Wb={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Pb={any:[/^b/i,/^(a|c)/i]},Hb={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Vb={any:[/1/i,/2/i,/3/i,/4/i]},Ub={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Gb={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Kb={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Yb={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},qb={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Zb={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Xb={ordinalNumber:Ab({matchPattern:Lb,parsePattern:Bb,valueCallback:e=>parseInt(e,10)}),era:Ft({matchPatterns:Wb,defaultMatchWidth:"wide",parsePatterns:Pb,defaultParseWidth:"any"}),quarter:Ft({matchPatterns:Hb,defaultMatchWidth:"wide",parsePatterns:Vb,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Ft({matchPatterns:Ub,defaultMatchWidth:"wide",parsePatterns:Gb,defaultParseWidth:"any"}),day:Ft({matchPatterns:Kb,defaultMatchWidth:"wide",parsePatterns:Yb,defaultParseWidth:"any"}),dayPeriod:Ft({matchPatterns:qb,defaultMatchWidth:"any",parsePatterns:Zb,defaultParseWidth:"any"})},Li={code:"en-US",formatDistance:kb,formatLong:Sb,formatRelative:Ib,localize:Rb,match:Xb,options:{weekStartsOn:0,firstWeekContainsDate:1}},zn=5,Jb=4;function Qb(e,t){const o=t.startOfMonth(e),r=o.getDay()>0?o.getDay():7,n=t.addDays(e,-r+1),s=t.addDays(n,zn*7-1);return t.getMonth(e)===t.getMonth(s)?zn:Jb}function Bi(e,t){const o=t.startOfMonth(e),r=o.getDay();return r===1?o:r===0?t.addDays(o,-1*6):t.addDays(o,-1*(r-1))}function ex(e,t){const o=Bi(e,t),r=Qb(e,t);return t.addDays(o,r*7-1)}class st{constructor(t,o){this.Date=Date,this.today=()=>{var r;return(r=this.overrides)!=null&&r.today?this.overrides.today():this.options.timeZone?ce.tz(this.options.timeZone):new this.Date},this.newDate=(r,n,s)=>{var l;return(l=this.overrides)!=null&&l.newDate?this.overrides.newDate(r,n,s):this.options.timeZone?new ce(r,n,s,this.options.timeZone):new Date(r,n,s)},this.addDays=(r,n)=>{var s;return(s=this.overrides)!=null&&s.addDays?this.overrides.addDays(r,n):Y.addDays(r,n)},this.addMonths=(r,n)=>{var s;return(s=this.overrides)!=null&&s.addMonths?this.overrides.addMonths(r,n):Y.addMonths(r,n)},this.addWeeks=(r,n)=>{var s;return(s=this.overrides)!=null&&s.addWeeks?this.overrides.addWeeks(r,n):Y.addWeeks(r,n)},this.addYears=(r,n)=>{var s;return(s=this.overrides)!=null&&s.addYears?this.overrides.addYears(r,n):Y.addYears(r,n)},this.differenceInCalendarDays=(r,n)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarDays?this.overrides.differenceInCalendarDays(r,n):Y.differenceInCalendarDays(r,n)},this.differenceInCalendarMonths=(r,n)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarMonths?this.overrides.differenceInCalendarMonths(r,n):Y.differenceInCalendarMonths(r,n)},this.eachMonthOfInterval=r=>{var n;return(n=this.overrides)!=null&&n.eachMonthOfInterval?this.overrides.eachMonthOfInterval(r):Y.eachMonthOfInterval(r)},this.endOfBroadcastWeek=r=>{var n;return(n=this.overrides)!=null&&n.endOfBroadcastWeek?this.overrides.endOfBroadcastWeek(r):ex(r,this)},this.endOfISOWeek=r=>{var n;return(n=this.overrides)!=null&&n.endOfISOWeek?this.overrides.endOfISOWeek(r):Y.endOfISOWeek(r)},this.endOfMonth=r=>{var n;return(n=this.overrides)!=null&&n.endOfMonth?this.overrides.endOfMonth(r):Y.endOfMonth(r)},this.endOfWeek=(r,n)=>{var s;return(s=this.overrides)!=null&&s.endOfWeek?this.overrides.endOfWeek(r,n):Y.endOfWeek(r,this.options)},this.endOfYear=r=>{var n;return(n=this.overrides)!=null&&n.endOfYear?this.overrides.endOfYear(r):Y.endOfYear(r)},this.format=(r,n,s)=>{var a;const l=(a=this.overrides)!=null&&a.format?this.overrides.format(r,n,this.options):Y.format(r,n,this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(l):l},this.getISOWeek=r=>{var n;return(n=this.overrides)!=null&&n.getISOWeek?this.overrides.getISOWeek(r):Y.getISOWeek(r)},this.getMonth=(r,n)=>{var s;return(s=this.overrides)!=null&&s.getMonth?this.overrides.getMonth(r,this.options):Y.getMonth(r,this.options)},this.getYear=(r,n)=>{var s;return(s=this.overrides)!=null&&s.getYear?this.overrides.getYear(r,this.options):Y.getYear(r,this.options)},this.getWeek=(r,n)=>{var s;return(s=this.overrides)!=null&&s.getWeek?this.overrides.getWeek(r,this.options):Y.getWeek(r,this.options)},this.isAfter=(r,n)=>{var s;return(s=this.overrides)!=null&&s.isAfter?this.overrides.isAfter(r,n):Y.isAfter(r,n)},this.isBefore=(r,n)=>{var s;return(s=this.overrides)!=null&&s.isBefore?this.overrides.isBefore(r,n):Y.isBefore(r,n)},this.isDate=r=>{var n;return(n=this.overrides)!=null&&n.isDate?this.overrides.isDate(r):Y.isDate(r)},this.isSameDay=(r,n)=>{var s;return(s=this.overrides)!=null&&s.isSameDay?this.overrides.isSameDay(r,n):Y.isSameDay(r,n)},this.isSameMonth=(r,n)=>{var s;return(s=this.overrides)!=null&&s.isSameMonth?this.overrides.isSameMonth(r,n):Y.isSameMonth(r,n)},this.isSameYear=(r,n)=>{var s;return(s=this.overrides)!=null&&s.isSameYear?this.overrides.isSameYear(r,n):Y.isSameYear(r,n)},this.max=r=>{var n;return(n=this.overrides)!=null&&n.max?this.overrides.max(r):Y.max(r)},this.min=r=>{var n;return(n=this.overrides)!=null&&n.min?this.overrides.min(r):Y.min(r)},this.setMonth=(r,n)=>{var s;return(s=this.overrides)!=null&&s.setMonth?this.overrides.setMonth(r,n):Y.setMonth(r,n)},this.setYear=(r,n)=>{var s;return(s=this.overrides)!=null&&s.setYear?this.overrides.setYear(r,n):Y.setYear(r,n)},this.startOfBroadcastWeek=(r,n)=>{var s;return(s=this.overrides)!=null&&s.startOfBroadcastWeek?this.overrides.startOfBroadcastWeek(r,this):Bi(r,this)},this.startOfDay=r=>{var n;return(n=this.overrides)!=null&&n.startOfDay?this.overrides.startOfDay(r):Y.startOfDay(r)},this.startOfISOWeek=r=>{var n;return(n=this.overrides)!=null&&n.startOfISOWeek?this.overrides.startOfISOWeek(r):Y.startOfISOWeek(r)},this.startOfMonth=r=>{var n;return(n=this.overrides)!=null&&n.startOfMonth?this.overrides.startOfMonth(r):Y.startOfMonth(r)},this.startOfWeek=(r,n)=>{var s;return(s=this.overrides)!=null&&s.startOfWeek?this.overrides.startOfWeek(r,this.options):Y.startOfWeek(r,this.options)},this.startOfYear=r=>{var n;return(n=this.overrides)!=null&&n.startOfYear?this.overrides.startOfYear(r):Y.startOfYear(r)},this.options={locale:Li,...t},this.overrides=o}getDigitMap(){const{numerals:t="latn"}=this.options,o=new Intl.NumberFormat("en-US",{numberingSystem:t}),r={};for(let n=0;n<10;n++)r[n.toString()]=o.format(n);return r}replaceDigits(t){const o=this.getDigitMap();return t.replace(/\d/g,r=>o[r]||r)}formatNumber(t){return this.replaceDigits(t.toString())}}const qe=new st;class Wi{constructor(t,o,r=qe){this.date=t,this.displayMonth=o,this.outside=!!(o&&!r.isSameMonth(t,o)),this.dateLib=r}isEqualTo(t){return this.dateLib.isSameDay(t.date,this.date)&&this.dateLib.isSameMonth(t.displayMonth,this.displayMonth)}}class tx{constructor(t,o){this.date=t,this.weeks=o}}class ox{constructor(t,o){this.days=o,this.weekNumber=t}}function rx(e){return d.createElement("button",{...e})}function nx(e){return d.createElement("span",{...e})}function sx(e){const{size:t=24,orientation:o="left",className:r}=e;return d.createElement("svg",{className:r,width:t,height:t,viewBox:"0 0 24 24"},o==="up"&&d.createElement("polygon",{points:"6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28"}),o==="down"&&d.createElement("polygon",{points:"6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72"}),o==="left"&&d.createElement("polygon",{points:"16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20"}),o==="right"&&d.createElement("polygon",{points:"8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20"}))}function ix(e){const{day:t,modifiers:o,...r}=e;return d.createElement("td",{...r})}function ax(e){const{day:t,modifiers:o,...r}=e,n=d.useRef(null);return d.useEffect(()=>{var s;o.focused&&((s=n.current)==null||s.focus())},[o.focused]),d.createElement("button",{ref:n,...r})}var A;(function(e){e.Root="root",e.Chevron="chevron",e.Day="day",e.DayButton="day_button",e.CaptionLabel="caption_label",e.Dropdowns="dropdowns",e.Dropdown="dropdown",e.DropdownRoot="dropdown_root",e.Footer="footer",e.MonthGrid="month_grid",e.MonthCaption="month_caption",e.MonthsDropdown="months_dropdown",e.Month="month",e.Months="months",e.Nav="nav",e.NextMonthButton="button_next",e.PreviousMonthButton="button_previous",e.Week="week",e.Weeks="weeks",e.Weekday="weekday",e.Weekdays="weekdays",e.WeekNumber="week_number",e.WeekNumberHeader="week_number_header",e.YearsDropdown="years_dropdown"})(A||(A={}));var se;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(se||(se={}));var Re;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(Re||(Re={}));var ge;(function(e){e.weeks_before_enter="weeks_before_enter",e.weeks_before_exit="weeks_before_exit",e.weeks_after_enter="weeks_after_enter",e.weeks_after_exit="weeks_after_exit",e.caption_after_enter="caption_after_enter",e.caption_after_exit="caption_after_exit",e.caption_before_enter="caption_before_enter",e.caption_before_exit="caption_before_exit"})(ge||(ge={}));function lx(e){const{options:t,className:o,components:r,classNames:n,...s}=e,l=[n[A.Dropdown],o].join(" "),a=t==null?void 0:t.find(({value:u})=>u===s.value);return d.createElement("span",{"data-disabled":s.disabled,className:n[A.DropdownRoot]},d.createElement(r.Select,{className:l,...s},t==null?void 0:t.map(({value:u,label:h,disabled:p})=>d.createElement(r.Option,{key:u,value:u,disabled:p},h))),d.createElement("span",{className:n[A.CaptionLabel],"aria-hidden":!0},a==null?void 0:a.label,d.createElement(r.Chevron,{orientation:"down",size:18,className:n[A.Chevron]})))}function cx(e){return d.createElement("div",{...e})}function dx(e){return d.createElement("div",{...e})}function ux(e){const{calendarMonth:t,displayIndex:o,...r}=e;return d.createElement("div",{...r},e.children)}function hx(e){const{calendarMonth:t,displayIndex:o,...r}=e;return d.createElement("div",{...r})}function px(e){return d.createElement("table",{...e})}function fx(e){return d.createElement("div",{...e})}const Pi=d.createContext(void 0);function Jt(){const e=d.useContext(Pi);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function gx(e){const{components:t}=Jt();return d.createElement(t.Dropdown,{...e})}function mx(e){const{onPreviousClick:t,onNextClick:o,previousMonth:r,nextMonth:n,...s}=e,{components:l,classNames:a,labels:{labelPrevious:u,labelNext:h}}=Jt(),p=d.useCallback(m=>{n&&(o==null||o(m))},[n,o]),f=d.useCallback(m=>{r&&(t==null||t(m))},[r,t]);return d.createElement("nav",{...s},d.createElement(l.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":u(r),onClick:f},d.createElement(l.Chevron,{disabled:r?void 0:!0,className:a[A.Chevron],orientation:"left"})),d.createElement(l.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":h(n),onClick:p},d.createElement(l.Chevron,{disabled:n?void 0:!0,orientation:"right",className:a[A.Chevron]})))}function bx(e){const{components:t}=Jt();return d.createElement(t.Button,{...e})}function xx(e){return d.createElement("option",{...e})}function yx(e){const{components:t}=Jt();return d.createElement(t.Button,{...e})}function vx(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function kx(e){return d.createElement("select",{...e})}function wx(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function Cx(e){return d.createElement("th",{...e})}function $x(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function Sx(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function jx(e){return d.createElement("th",{...e})}function Ix(e){return d.createElement("tbody",{...e})}function _x(e){const{components:t}=Jt();return d.createElement(t.Dropdown,{...e})}const Dx=Object.freeze(Object.defineProperty({__proto__:null,Button:rx,CaptionLabel:nx,Chevron:sx,Day:ix,DayButton:ax,Dropdown:lx,DropdownNav:cx,Footer:dx,Month:ux,MonthCaption:hx,MonthGrid:px,Months:fx,MonthsDropdown:gx,Nav:mx,NextMonthButton:bx,Option:xx,PreviousMonthButton:yx,Root:vx,Select:kx,Week:wx,WeekNumber:Sx,WeekNumberHeader:jx,Weekday:Cx,Weekdays:$x,Weeks:Ix,YearsDropdown:_x},Symbol.toStringTag,{value:"Module"}));function et(e,t,o=!1,r=qe){let{from:n,to:s}=e;const{differenceInCalendarDays:l,isSameDay:a}=r;return n&&s?(l(s,n)<0&&([n,s]=[s,n]),l(t,n)>=(o?1:0)&&l(s,t)>=(o?1:0)):!o&&s?a(s,t):!o&&n?a(n,t):!1}function Hi(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function Ur(e){return!!(e&&typeof e=="object"&&"from"in e)}function Vi(e){return!!(e&&typeof e=="object"&&"after"in e)}function Ui(e){return!!(e&&typeof e=="object"&&"before"in e)}function Gi(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function Ki(e,t){return Array.isArray(e)&&e.every(t.isDate)}function tt(e,t,o=qe){const r=Array.isArray(t)?t:[t],{isSameDay:n,differenceInCalendarDays:s,isAfter:l}=o;return r.some(a=>{if(typeof a=="boolean")return a;if(o.isDate(a))return n(e,a);if(Ki(a,o))return a.includes(e);if(Ur(a))return et(a,e,!1,o);if(Gi(a))return Array.isArray(a.dayOfWeek)?a.dayOfWeek.includes(e.getDay()):a.dayOfWeek===e.getDay();if(Hi(a)){const u=s(a.before,e),h=s(a.after,e),p=u>0,f=h<0;return l(a.before,a.after)?f&&p:p||f}return Vi(a)?s(e,a.after)>0:Ui(a)?s(a.before,e)>0:typeof a=="function"?a(e):!1})}function Tx(e,t,o,r,n){const{disabled:s,hidden:l,modifiers:a,showOutsideDays:u,broadcastCalendar:h,today:p}=t,{isSameDay:f,isSameMonth:m,startOfMonth:b,isBefore:x,endOfMonth:y,isAfter:w}=n,v=o&&b(o),$=r&&y(r),C={[se.focused]:[],[se.outside]:[],[se.disabled]:[],[se.hidden]:[],[se.today]:[]},S={};for(const k of e){const{date:I,displayMonth:j}=k,_=!!(j&&!m(I,j)),B=!!(v&&x(I,v)),U=!!($&&w(I,$)),P=!!(s&&tt(I,s,n)),L=!!(l&&tt(I,l,n))||B||U||!h&&!u&&_||h&&u===!1&&_,Z=f(I,p??n.today());_&&C.outside.push(k),P&&C.disabled.push(k),L&&C.hidden.push(k),Z&&C.today.push(k),a&&Object.keys(a).forEach(ie=>{const J=a==null?void 0:a[ie];J&&tt(I,J,n)&&(S[ie]?S[ie].push(k):S[ie]=[k])})}return k=>{const I={[se.focused]:!1,[se.disabled]:!1,[se.hidden]:!1,[se.outside]:!1,[se.today]:!1},j={};for(const _ in C){const B=C[_];I[_]=B.some(U=>U===k)}for(const _ in S)j[_]=S[_].some(B=>B===k);return{...I,...j}}}function Ex(e,t,o={}){return Object.entries(e).filter(([,n])=>n===!0).reduce((n,[s])=>(o[s]?n.push(o[s]):t[se[s]]?n.push(t[se[s]]):t[Re[s]]&&n.push(t[Re[s]]),n),[t[A.Day]])}function zx(e){return{...Dx,...e}}function Mx(e){const t={"data-mode":e.mode??void 0,"data-required":"required"in e?e.required:void 0,"data-multiple-months":e.numberOfMonths&&e.numberOfMonths>1||void 0,"data-week-numbers":e.showWeekNumber||void 0,"data-broadcast-calendar":e.broadcastCalendar||void 0,"data-nav-layout":e.navLayout||void 0};return Object.entries(e).forEach(([o,r])=>{o.startsWith("data-")&&(t[o]=r)}),t}function Ox(){const e={};for(const t in A)e[A[t]]=`rdp-${A[t]}`;for(const t in se)e[se[t]]=`rdp-${se[t]}`;for(const t in Re)e[Re[t]]=`rdp-${Re[t]}`;for(const t in ge)e[ge[t]]=`rdp-${ge[t]}`;return e}function Yi(e,t,o){return(o??new st(t)).format(e,"LLLL y")}const Rx=Yi;function Nx(e,t,o){return(o??new st(t)).format(e,"d")}function Fx(e,t=qe){return t.format(e,"LLLL")}function Ax(e,t,o){return(o??new st(t)).format(e,"cccccc")}function Lx(e,t=qe){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function Bx(){return""}function qi(e,t=qe){return t.format(e,"yyyy")}const Wx=qi,Px=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:Yi,formatDay:Nx,formatMonthCaption:Rx,formatMonthDropdown:Fx,formatWeekNumber:Lx,formatWeekNumberHeader:Bx,formatWeekdayName:Ax,formatYearCaption:Wx,formatYearDropdown:qi},Symbol.toStringTag,{value:"Module"}));function Hx(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...Px,...e}}function Vx(e,t,o,r,n){const{startOfMonth:s,startOfYear:l,endOfYear:a,eachMonthOfInterval:u,getMonth:h}=n;return u({start:l(e),end:a(e)}).map(m=>{const b=r.formatMonthDropdown(m,n),x=h(m),y=t&&m<s(t)||o&&m>s(o)||!1;return{value:x,label:b,disabled:y}})}function Ux(e,t={},o={}){let r={...t==null?void 0:t[A.Day]};return Object.entries(e).filter(([,n])=>n===!0).forEach(([n])=>{r={...r,...o==null?void 0:o[n]}}),r}function Gx(e,t,o){const r=e.today(),n=t?e.startOfISOWeek(r):e.startOfWeek(r),s=[];for(let l=0;l<7;l++){const a=e.addDays(n,l);s.push(a)}return s}function Kx(e,t,o,r,n=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:l,addYears:a,getYear:u,isBefore:h,isSameYear:p}=r,f=s(e),m=l(t),b=[];let x=f;for(;h(x,m)||p(x,m);)b.push(x),x=a(x,1);return n&&b.reverse(),b.map(y=>{const w=o.formatYearDropdown(y,r);return{value:u(y),label:w,disabled:!1}})}function Zi(e,t,o,r){let n=(r??new st(o)).format(e,"PPPP");return t.today&&(n=`Today, ${n}`),t.selected&&(n=`${n}, selected`),n}const Yx=Zi;function Xi(e,t,o){return(o??new st(t)).format(e,"LLLL y")}const qx=Xi;function Zx(e,t,o,r){let n=(r??new st(o)).format(e,"PPPP");return t!=null&&t.today&&(n=`Today, ${n}`),n}function Xx(e){return"Choose the Month"}function Jx(){return""}function Qx(e){return"Go to the Next Month"}function e0(e){return"Go to the Previous Month"}function t0(e,t,o){return(o??new st(t)).format(e,"cccc")}function o0(e,t){return`Week ${e}`}function r0(e){return"Week Number"}function n0(e){return"Choose the Year"}const s0=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:qx,labelDay:Yx,labelDayButton:Zi,labelGrid:Xi,labelGridcell:Zx,labelMonthDropdown:Xx,labelNav:Jx,labelNext:Qx,labelPrevious:e0,labelWeekNumber:o0,labelWeekNumberHeader:r0,labelWeekday:t0,labelYearDropdown:n0},Symbol.toStringTag,{value:"Module"})),Qt=e=>e instanceof HTMLElement?e:null,Vo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],i0=e=>Qt(e.querySelector("[data-animated-month]")),Uo=e=>Qt(e.querySelector("[data-animated-caption]")),Go=e=>Qt(e.querySelector("[data-animated-weeks]")),a0=e=>Qt(e.querySelector("[data-animated-nav]")),l0=e=>Qt(e.querySelector("[data-animated-weekdays]"));function c0(e,t,{classNames:o,months:r,focused:n,dateLib:s}){const l=d.useRef(null),a=d.useRef(r),u=d.useRef(!1);d.useLayoutEffect(()=>{const h=a.current;if(a.current=r,!t||!e.current||!(e.current instanceof HTMLElement)||r.length===0||h.length===0||r.length!==h.length)return;const p=s.isSameMonth(r[0].date,h[0].date),f=s.isAfter(r[0].date,h[0].date),m=f?o[ge.caption_after_enter]:o[ge.caption_before_enter],b=f?o[ge.weeks_after_enter]:o[ge.weeks_before_enter],x=l.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(Vo(y).forEach(C=>{if(!(C instanceof HTMLElement))return;const S=i0(C);S&&C.contains(S)&&C.removeChild(S);const k=Uo(C);k&&k.classList.remove(m);const I=Go(C);I&&I.classList.remove(b)}),l.current=y):l.current=null,u.current||p||n)return;const w=x instanceof HTMLElement?Vo(x):[],v=Vo(e.current);if(v!=null&&v.every($=>$ instanceof HTMLElement)&&w&&w.every($=>$ instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const $=a0(e.current);$&&($.style.zIndex="1"),v.forEach((C,S)=>{const k=w[S];if(!k)return;C.style.position="relative",C.style.overflow="hidden";const I=Uo(C);I&&I.classList.add(m);const j=Go(C);j&&j.classList.add(b);const _=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),$&&($.style.zIndex=""),I&&I.classList.remove(m),j&&j.classList.remove(b),C.style.position="",C.style.overflow="",C.contains(k)&&C.removeChild(k)};k.style.pointerEvents="none",k.style.position="absolute",k.style.overflow="hidden",k.setAttribute("aria-hidden","true");const B=l0(k);B&&(B.style.opacity="0");const U=Uo(k);U&&(U.classList.add(f?o[ge.caption_before_exit]:o[ge.caption_after_exit]),U.addEventListener("animationend",_));const P=Go(k);P&&P.classList.add(f?o[ge.weeks_before_exit]:o[ge.weeks_after_exit]),C.insertBefore(k,C.firstChild)})}})}function d0(e,t,o,r){const n=e[0],s=e[e.length-1],{ISOWeek:l,fixedWeeks:a,broadcastCalendar:u}=o??{},{addDays:h,differenceInCalendarDays:p,differenceInCalendarMonths:f,endOfBroadcastWeek:m,endOfISOWeek:b,endOfMonth:x,endOfWeek:y,isAfter:w,startOfBroadcastWeek:v,startOfISOWeek:$,startOfWeek:C}=r,S=u?v(n,r):l?$(n):C(n),k=u?m(s):l?b(x(s)):y(x(s)),I=p(k,S),j=f(s,n)+1,_=[];for(let P=0;P<=I;P++){const L=h(S,P);if(t&&w(L,t))break;_.push(L)}const U=(u?35:42)*j;if(a&&_.length<U){const P=U-_.length;for(let L=0;L<P;L++){const Z=h(_[_.length-1],1);_.push(Z)}}return _}function u0(e){const t=[];return e.reduce((o,r)=>{const n=r.weeks.reduce((s,l)=>s.concat(l.days.slice()),t.slice());return o.concat(n.slice())},t.slice())}function h0(e,t,o,r){const{numberOfMonths:n=1}=o,s=[];for(let l=0;l<n;l++){const a=r.addMonths(e,l);if(t&&a>t)break;s.push(a)}return s}function Mn(e,t,o,r){const{month:n,defaultMonth:s,today:l=r.today(),numberOfMonths:a=1}=e;let u=n||s||l;const{differenceInCalendarMonths:h,addMonths:p,startOfMonth:f}=r;if(o&&h(o,u)<a-1){const m=-1*(a-1);u=p(o,m)}return t&&h(u,t)<0&&(u=t),f(u)}function p0(e,t,o,r){const{addDays:n,endOfBroadcastWeek:s,endOfISOWeek:l,endOfMonth:a,endOfWeek:u,getISOWeek:h,getWeek:p,startOfBroadcastWeek:f,startOfISOWeek:m,startOfWeek:b}=r,x=e.reduce((y,w)=>{const v=o.broadcastCalendar?f(w,r):o.ISOWeek?m(w):b(w),$=o.broadcastCalendar?s(w):o.ISOWeek?l(a(w)):u(a(w)),C=t.filter(j=>j>=v&&j<=$),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&C.length<S){const j=t.filter(_=>{const B=S-C.length;return _>$&&_<=n($,B)});C.push(...j)}const k=C.reduce((j,_)=>{const B=o.ISOWeek?h(_):p(_),U=j.find(L=>L.weekNumber===B),P=new Wi(_,w,r);return U?U.days.push(P):j.push(new ox(B,[P])),j},[]),I=new tx(w,k);return y.push(I),y},[]);return o.reverseMonths?x.reverse():x}function f0(e,t){let{startMonth:o,endMonth:r}=e;const{startOfYear:n,startOfDay:s,startOfMonth:l,endOfMonth:a,addYears:u,endOfYear:h,newDate:p,today:f}=t,{fromYear:m,toYear:b,fromMonth:x,toMonth:y}=e;!o&&x&&(o=x),!o&&m&&(o=t.newDate(m,0,1)),!r&&y&&(r=y),!r&&b&&(r=p(b,11,31));const w=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=l(o):m?o=p(m,0,1):!o&&w&&(o=n(u(e.today??f(),-100))),r?r=a(r):b?r=p(b,11,31):!r&&w&&(r=h(e.today??f())),[o&&s(o),r&&s(r)]}function g0(e,t,o,r){if(o.disableNavigation)return;const{pagedNavigation:n,numberOfMonths:s=1}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=r,h=n?s:1,p=l(e);if(!t)return a(p,h);if(!(u(t,e)<s))return a(p,h)}function m0(e,t,o,r){if(o.disableNavigation)return;const{pagedNavigation:n,numberOfMonths:s}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=r,h=n?s??1:1,p=l(e);if(!t)return a(p,-h);if(!(u(p,t)<=0))return a(p,-h)}function b0(e){const t=[];return e.reduce((o,r)=>o.concat(r.weeks.slice()),t.slice())}function _o(e,t){const[o,r]=d.useState(e);return[t===void 0?o:t,r]}function x0(e,t){const[o,r]=f0(e,t),{startOfMonth:n,endOfMonth:s}=t,l=Mn(e,o,r,t),[a,u]=_o(l,e.month?l:void 0);d.useEffect(()=>{const I=Mn(e,o,r,t);u(I)},[e.timeZone]);const h=h0(a,r,e,t),p=d0(h,e.endMonth?s(e.endMonth):void 0,e,t),f=p0(h,p,e,t),m=b0(f),b=u0(f),x=m0(a,o,e,t),y=g0(a,r,e,t),{disableNavigation:w,onMonthChange:v}=e,$=I=>m.some(j=>j.days.some(_=>_.isEqualTo(I))),C=I=>{if(w)return;let j=n(I);o&&j<n(o)&&(j=n(o)),r&&j>n(r)&&(j=n(r)),u(j),v==null||v(j)};return{months:f,weeks:m,days:b,navStart:o,navEnd:r,previousMonth:x,nextMonth:y,goToMonth:C,goToDay:I=>{$(I)||C(I.date)}}}var Le;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(Le||(Le={}));function On(e){return!e[se.disabled]&&!e[se.hidden]&&!e[se.outside]}function y0(e,t,o,r){let n,s=-1;for(const l of e){const a=t(l);On(a)&&(a[se.focused]&&s<Le.FocusedModifier?(n=l,s=Le.FocusedModifier):r!=null&&r.isEqualTo(l)&&s<Le.LastFocused?(n=l,s=Le.LastFocused):o(l.date)&&s<Le.Selected?(n=l,s=Le.Selected):a[se.today]&&s<Le.Today&&(n=l,s=Le.Today))}return n||(n=e.find(l=>On(t(l)))),n}function v0(e,t,o,r,n,s,l){const{ISOWeek:a,broadcastCalendar:u}=s,{addDays:h,addMonths:p,addWeeks:f,addYears:m,endOfBroadcastWeek:b,endOfISOWeek:x,endOfWeek:y,max:w,min:v,startOfBroadcastWeek:$,startOfISOWeek:C,startOfWeek:S}=l;let I={day:h,week:f,month:p,year:m,startOfWeek:j=>u?$(j,l):a?C(j):S(j),endOfWeek:j=>u?b(j):a?x(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&r?I=w([r,I]):t==="after"&&n&&(I=v([n,I])),I}function Ji(e,t,o,r,n,s,l,a=0){if(a>365)return;const u=v0(e,t,o.date,r,n,s,l),h=!!(s.disabled&&tt(u,s.disabled,l)),p=!!(s.hidden&&tt(u,s.hidden,l)),f=u,m=new Wi(u,f,l);return!h&&!p?m:Ji(e,t,m,r,n,s,l,a+1)}function k0(e,t,o,r,n){const{autoFocus:s}=e,[l,a]=d.useState(),u=y0(t.days,o,r||(()=>!1),l),[h,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:h,blur:()=>{a(h),p(void 0)},moveFocus:(y,w)=>{if(!h)return;const v=Ji(y,w,h,t.navStart,t.navEnd,e,n);v&&(t.goToDay(v),p(v))}}}function w0(e,t){const{selected:o,required:r,onSelect:n}=e,[s,l]=_o(o,n?o:void 0),a=n?o:s,{isSameDay:u}=t,h=b=>(a==null?void 0:a.some(x=>u(x,b)))??!1,{min:p,max:f}=e;return{selected:a,select:(b,x,y)=>{let w=[...a??[]];if(h(b)){if((a==null?void 0:a.length)===p||r&&(a==null?void 0:a.length)===1)return;w=a==null?void 0:a.filter(v=>!u(v,b))}else(a==null?void 0:a.length)===f?w=[b]:w=[...w,b];return n||l(w),n==null||n(w,b,x,y),w},isSelected:h}}function C0(e,t,o=0,r=0,n=!1,s=qe){const{from:l,to:a}=t||{},{isSameDay:u,isAfter:h,isBefore:p}=s;let f;if(!l&&!a)f={from:e,to:o>0?void 0:e};else if(l&&!a)u(l,e)?o===0?f={from:l,to:e}:n?f={from:l,to:void 0}:f=void 0:p(e,l)?f={from:e,to:l}:f={from:l,to:e};else if(l&&a)if(u(l,e)&&u(a,e))n?f={from:l,to:a}:f=void 0;else if(u(l,e))f={from:l,to:o>0?void 0:e};else if(u(a,e))f={from:e,to:o>0?void 0:e};else if(p(e,l))f={from:e,to:a};else if(h(e,l))f={from:l,to:e};else if(h(e,a))f={from:l,to:e};else throw new Error("Invalid range");if(f!=null&&f.from&&(f!=null&&f.to)){const m=s.differenceInCalendarDays(f.to,f.from);r>0&&m>r?f={from:e,to:void 0}:o>1&&m<o&&(f={from:e,to:void 0})}return f}function $0(e,t,o=qe){const r=Array.isArray(t)?t:[t];let n=e.from;const s=o.differenceInCalendarDays(e.to,e.from),l=Math.min(s,6);for(let a=0;a<=l;a++){if(r.includes(n.getDay()))return!0;n=o.addDays(n,1)}return!1}function Rn(e,t,o=qe){return et(e,t.from,!1,o)||et(e,t.to,!1,o)||et(t,e.from,!1,o)||et(t,e.to,!1,o)}function S0(e,t,o=qe){const r=Array.isArray(t)?t:[t];if(r.filter(a=>typeof a!="function").some(a=>typeof a=="boolean"?a:o.isDate(a)?et(e,a,!1,o):Ki(a,o)?a.some(u=>et(e,u,!1,o)):Ur(a)?a.from&&a.to?Rn(e,{from:a.from,to:a.to},o):!1:Gi(a)?$0(e,a.dayOfWeek,o):Hi(a)?o.isAfter(a.before,a.after)?Rn(e,{from:o.addDays(a.after,1),to:o.addDays(a.before,-1)},o):tt(e.from,a,o)||tt(e.to,a,o):Vi(a)||Ui(a)?tt(e.from,a,o)||tt(e.to,a,o):!1))return!0;const l=r.filter(a=>typeof a=="function");if(l.length){let a=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let h=0;h<=u;h++){if(l.some(p=>p(a)))return!0;a=o.addDays(a,1)}}return!1}function j0(e,t){const{disabled:o,excludeDisabled:r,selected:n,required:s,onSelect:l}=e,[a,u]=_o(n,l?n:void 0),h=l?n:a;return{selected:h,select:(m,b,x)=>{const{min:y,max:w}=e,v=m?C0(m,h,y,w,s,t):void 0;return r&&o&&(v!=null&&v.from)&&v.to&&S0({from:v.from,to:v.to},o,t)&&(v.from=m,v.to=void 0),l||u(v),l==null||l(v,m,b,x),v},isSelected:m=>h&&et(h,m,!1,t)}}function I0(e,t){const{selected:o,required:r,onSelect:n}=e,[s,l]=_o(o,n?o:void 0),a=n?o:s,{isSameDay:u}=t;return{selected:a,select:(f,m,b)=>{let x=f;return!r&&a&&a&&u(f,a)&&(x=void 0),n||l(x),n==null||n(x,f,m,b),x},isSelected:f=>a?u(a,f):!1}}function _0(e,t){const o=I0(e,t),r=w0(e,t),n=j0(e,t);switch(e.mode){case"single":return o;case"multiple":return r;case"range":return n;default:return}}function D0(e){var Qr;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new ce(t.today,t.timeZone)),t.month&&(t.month=new ce(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new ce(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new ce(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new ce(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new ce(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(Qr=t.selected)==null?void 0:Qr.map(V=>new ce(V,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new ce(t.selected.from,t.timeZone):void 0,to:t.selected.to?new ce(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:r,labels:n,dateLib:s,locale:l,classNames:a}=d.useMemo(()=>{const V={...Li,...t.locale};return{dateLib:new st({locale:V,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:zx(t.components),formatters:Hx(t.formatters),labels:{...s0,...t.labels},locale:V,classNames:{...Ox(),...t.classNames}}},[t.locale,t.broadcastCalendar,t.weekStartsOn,t.firstWeekContainsDate,t.useAdditionalWeekYearTokens,t.useAdditionalDayOfYearTokens,t.timeZone,t.numerals,t.dateLib,t.components,t.formatters,t.labels,t.classNames]),{captionLayout:u,mode:h,navLayout:p,numberOfMonths:f=1,onDayBlur:m,onDayClick:b,onDayFocus:x,onDayKeyDown:y,onDayMouseEnter:w,onDayMouseLeave:v,onNextClick:$,onPrevClick:C,showWeekNumber:S,styles:k}=t,{formatCaption:I,formatDay:j,formatMonthDropdown:_,formatWeekNumber:B,formatWeekNumberHeader:U,formatWeekdayName:P,formatYearDropdown:L}=r,Z=x0(t,s),{days:ie,months:J,navStart:X,navEnd:Se,previousMonth:le,nextMonth:he,goToMonth:Q}=Z,G=Tx(ie,t,X,Se,s),{isSelected:ee,select:Ze,selected:Fe}=_0(t,s)??{},{blur:Yr,focused:eo,isFocusTarget:sa,moveFocus:qr,setFocused:to}=k0(t,Z,G,ee??(()=>!1),s),{labelDayButton:ia,labelGridcell:aa,labelGrid:la,labelMonthDropdown:ca,labelNav:Zr,labelPrevious:da,labelNext:ua,labelWeekday:ha,labelWeekNumber:pa,labelWeekNumberHeader:fa,labelYearDropdown:ga}=n,ma=d.useMemo(()=>Gx(s,t.ISOWeek),[s,t.ISOWeek]),Xr=h!==void 0||b!==void 0,Do=d.useCallback(()=>{le&&(Q(le),C==null||C(le))},[le,Q,C]),To=d.useCallback(()=>{he&&(Q(he),$==null||$(he))},[Q,he,$]),ba=d.useCallback((V,te)=>H=>{H.preventDefault(),H.stopPropagation(),to(V),Ze==null||Ze(V.date,te,H),b==null||b(V.date,te,H)},[Ze,b,to]),xa=d.useCallback((V,te)=>H=>{to(V),x==null||x(V.date,te,H)},[x,to]),ya=d.useCallback((V,te)=>H=>{Yr(),m==null||m(V.date,te,H)},[Yr,m]),va=d.useCallback((V,te)=>H=>{const oe={ArrowLeft:[H.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[H.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[H.shiftKey?"year":"week","after"],ArrowUp:[H.shiftKey?"year":"week","before"],PageUp:[H.shiftKey?"year":"month","before"],PageDown:[H.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(oe[H.key]){H.preventDefault(),H.stopPropagation();const[me,K]=oe[H.key];qr(me,K)}y==null||y(V.date,te,H)},[qr,y,t.dir]),ka=d.useCallback((V,te)=>H=>{w==null||w(V.date,te,H)},[w]),wa=d.useCallback((V,te)=>H=>{v==null||v(V.date,te,H)},[v]),Ca=d.useCallback(V=>te=>{const H=Number(te.target.value),oe=s.setMonth(s.startOfMonth(V),H);Q(oe)},[s,Q]),$a=d.useCallback(V=>te=>{const H=Number(te.target.value),oe=s.setYear(s.startOfMonth(V),H);Q(oe)},[s,Q]),{className:Sa,style:ja}=d.useMemo(()=>({className:[a[A.Root],t.className].filter(Boolean).join(" "),style:{...k==null?void 0:k[A.Root],...t.style}}),[a,t.className,t.style,k]),Ia=Mx(t),Jr=d.useRef(null);c0(Jr,!!t.animate,{classNames:a,months:J,focused:eo,dateLib:s});const _a={dayPickerProps:t,selected:Fe,select:Ze,isSelected:ee,months:J,nextMonth:he,previousMonth:le,goToMonth:Q,getModifiers:G,components:o,classNames:a,styles:k,labels:n,formatters:r};return d.createElement(Pi.Provider,{value:_a},d.createElement(o.Root,{rootRef:t.animate?Jr:void 0,className:Sa,style:ja,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Ia},d.createElement(o.Months,{className:a[A.Months],style:k==null?void 0:k[A.Months]},!t.hideNavigation&&!p&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:k==null?void 0:k[A.Nav],"aria-label":Zr(),onPreviousClick:Do,onNextClick:To,previousMonth:le,nextMonth:he}),J.map((V,te)=>d.createElement(o.Month,{"data-animated-month":t.animate?"true":void 0,className:a[A.Month],style:k==null?void 0:k[A.Month],key:te,displayIndex:te,calendarMonth:V},p==="around"&&!t.hideNavigation&&te===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:le?void 0:-1,"aria-disabled":le?void 0:!0,"aria-label":da(le),onClick:Do,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:le?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"right":"left"})),d.createElement(o.MonthCaption,{"data-animated-caption":t.animate?"true":void 0,className:a[A.MonthCaption],style:k==null?void 0:k[A.MonthCaption],calendarMonth:V,displayIndex:te},u!=null&&u.startsWith("dropdown")?d.createElement(o.DropdownNav,{className:a[A.Dropdowns],style:k==null?void 0:k[A.Dropdowns]},u==="dropdown"||u==="dropdown-months"?d.createElement(o.MonthsDropdown,{className:a[A.MonthsDropdown],"aria-label":ca(),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Ca(V.date),options:Vx(V.date,X,Se,r,s),style:k==null?void 0:k[A.Dropdown],value:s.getMonth(V.date)}):d.createElement("span",null,_(V.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:a[A.YearsDropdown],"aria-label":ga(s.options),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:$a(V.date),options:Kx(X,Se,r,s,!!t.reverseYears),style:k==null?void 0:k[A.Dropdown],value:s.getYear(V.date)}):d.createElement("span",null,L(V.date,s)),d.createElement("span",{role:"status","aria-live":"polite",style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}},I(V.date,s.options,s))):d.createElement(o.CaptionLabel,{className:a[A.CaptionLabel],role:"status","aria-live":"polite"},I(V.date,s.options,s))),p==="around"&&!t.hideNavigation&&te===f-1&&d.createElement(o.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:he?void 0:-1,"aria-disabled":he?void 0:!0,"aria-label":ua(he),onClick:To,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:he?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"left":"right"})),te===f-1&&p==="after"&&!t.hideNavigation&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:k==null?void 0:k[A.Nav],"aria-label":Zr(),onPreviousClick:Do,onNextClick:To,previousMonth:le,nextMonth:he}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":h==="multiple"||h==="range","aria-label":la(V.date,s.options,s)||void 0,className:a[A.MonthGrid],style:k==null?void 0:k[A.MonthGrid]},!t.hideWeekdays&&d.createElement(o.Weekdays,{"data-animated-weekdays":t.animate?"true":void 0,className:a[A.Weekdays],style:k==null?void 0:k[A.Weekdays]},S&&d.createElement(o.WeekNumberHeader,{"aria-label":fa(s.options),className:a[A.WeekNumberHeader],style:k==null?void 0:k[A.WeekNumberHeader],scope:"col"},U()),ma.map(H=>d.createElement(o.Weekday,{"aria-label":ha(H,s.options,s),className:a[A.Weekday],key:String(H),style:k==null?void 0:k[A.Weekday],scope:"col"},P(H,s.options,s)))),d.createElement(o.Weeks,{"data-animated-weeks":t.animate?"true":void 0,className:a[A.Weeks],style:k==null?void 0:k[A.Weeks]},V.weeks.map(H=>d.createElement(o.Week,{className:a[A.Week],key:H.weekNumber,style:k==null?void 0:k[A.Week],week:H},S&&d.createElement(o.WeekNumber,{week:H,style:k==null?void 0:k[A.WeekNumber],"aria-label":pa(H.weekNumber,{locale:l}),className:a[A.WeekNumber],scope:"row",role:"rowheader"},B(H.weekNumber,s)),H.days.map(oe=>{const{date:me}=oe,K=G(oe);if(K[se.focused]=!K.hidden&&!!(eo!=null&&eo.isEqualTo(oe)),K[Re.selected]=(ee==null?void 0:ee(me))||K.selected,Ur(Fe)){const{from:Eo,to:zo}=Fe;K[Re.range_start]=!!(Eo&&zo&&s.isSameDay(me,Eo)),K[Re.range_end]=!!(Eo&&zo&&s.isSameDay(me,zo)),K[Re.range_middle]=et(Fe,me,!0,s)}const Da=Ux(K,k,t.modifiersStyles),Ta=Ex(K,a,t.modifiersClassNames),Ea=!Xr&&!K.hidden?aa(me,K,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(me,"yyyy-MM-dd")}_${s.format(oe.displayMonth,"yyyy-MM")}`,day:oe,modifiers:K,className:Ta.join(" "),style:Da,role:"gridcell","aria-selected":K.selected||void 0,"aria-label":Ea,"data-day":s.format(me,"yyyy-MM-dd"),"data-month":oe.outside?s.format(me,"yyyy-MM"):void 0,"data-selected":K.selected||void 0,"data-disabled":K.disabled||void 0,"data-hidden":K.hidden||void 0,"data-outside":oe.outside||void 0,"data-focused":K.focused||void 0,"data-today":K.today||void 0},!K.hidden&&Xr?d.createElement(o.DayButton,{className:a[A.DayButton],style:k==null?void 0:k[A.DayButton],type:"button",day:oe,modifiers:K,disabled:K.disabled||void 0,tabIndex:sa(oe)?0:-1,"aria-label":ia(me,K,s.options,s),onClick:ba(oe,K),onBlur:ya(oe,K),onFocus:xa(oe,K),onKeyDown:va(oe,K),onMouseEnter:ka(oe,K),onMouseLeave:wa(oe,K)},j(me,s.options,s)):!K.hidden&&j(oe.date,s.options,s))})))))))),t.footer&&d.createElement(o.Footer,{className:a[A.Footer],style:k==null?void 0:k[A.Footer],role:"status","aria-live":"polite"},t.footer)))}const T0=d.memo(({...e})=>i.jsx(E0,{mode:"single",...e})),E0=g(D0)`
3039
3137
  font-family: ${c("font-family-default")};
3040
- `,D0=({rightMenu:e,leftMenu:t,className:o})=>i.jsxs(T0,{className:o,children:[t,i.jsx(E0,{children:e})]}),T0=g.div`
3138
+ `,z0=({rightMenu:e,leftMenu:t,className:o})=>i.jsxs(M0,{className:o,children:[t,i.jsx(O0,{children:e})]}),M0=g.div`
3041
3139
  align-items: center;
3042
3140
  background-color: ${c("color-black")};
3043
3141
  display: flex;
@@ -3046,10 +3144,10 @@
3046
3144
  justify-content: space-between;
3047
3145
  padding: 0px ${c("spacing-20")};
3048
3146
  width: 100%;
3049
- `,E0=g.div`
3147
+ `,O0=g.div`
3050
3148
  display: flex;
3051
3149
  align-items: center;
3052
- `,M0=d.memo(({title:e,message:t})=>i.jsxs(z0,{children:[i.jsx(E,{variant:"body",bold:!0,children:e}),i.jsx(E,{variant:"body",color:"grey",children:t})]})),z0=g.div`
3150
+ `,R0=d.memo(({title:e,message:t})=>i.jsxs(N0,{children:[i.jsx(E,{variant:"body",bold:!0,children:e}),i.jsx(E,{variant:"body",color:"grey",children:t})]})),N0=g.div`
3053
3151
  display: flex;
3054
3152
  padding: ${c("spacing-8")} ${c("spacing-10")}
3055
3153
  ${c("spacing-8")} ${c("spacing-20")};
@@ -3060,7 +3158,7 @@
3060
3158
  max-width: 100%;
3061
3159
  word-wrap: break-word;
3062
3160
  overflow-wrap: break-word;
3063
- `,O0=({groups:e,onSelectionChange:t,value:o,showSelectAll:n=!0,showClearAll:r=!0,placement:s="bottom-end",className:l,buttonContent:a,disabled:u=!1})=>{const[h,p]=d.useState(()=>{const L={};return e.forEach(Z=>{L[Z.id]=new Set}),L}),[f,m]=d.useState(!1),x=o??h,b=o!==void 0,y=d.useCallback(L=>{b||p(L),t(L)},[b,t]),{refs:w,floatingStyles:v,context:$}=O.useFloating({placement:s,open:f,onOpenChange:m,whileElementsMounted:O.autoUpdate,middleware:[O.offset(4),O.flip(),O.shift({padding:8})]}),C=O.useClick($,{enabled:!u}),S=O.useDismiss($),k=O.useRole($),{getReferenceProps:I,getFloatingProps:j}=O.useInteractions([C,S,k]),_=d.useCallback((L,Z)=>{const se={...x},J=new Set(x[L]);J.has(Z)?J.delete(Z):J.add(Z),se[L]=J,y(se)},[x,y]),B=d.useCallback(L=>{const Z=e.find(J=>J.id===L);if(!Z)return;const se={...x};se[L]=new Set(Z.options.map(J=>J.value)),y(se)},[e,x,y]),U=d.useCallback(()=>{const L={};e.forEach(Z=>{L[Z.id]=new Set}),y(L)},[e,y]),P=d.useMemo(()=>Object.values(x).some(L=>L.size>0),[x]);return i.jsxs(i.Fragment,{children:[i.jsx(R0,{ref:w.setReference,className:l,$isActive:P,$isDisabled:u,...I(),children:a||i.jsxs(i.Fragment,{children:[i.jsx(F,{iconId:"Filter",size:"sm",color:P?"blue":"grey"}),P&&i.jsx(N0,{})]})}),f&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:$,modal:!1,children:i.jsxs(F0,{ref:w.setFloating,style:v,...j(),children:[i.jsxs(A0,{children:[i.jsx(E,{variant:"body",bold:!0,children:"Filters"}),i.jsxs(L0,{children:[r&&P&&i.jsx(B0,{onClick:U,children:i.jsx(E,{variant:"small",color:"blue",children:"Clear all"})}),i.jsx(W0,{onClick:()=>m(!1),children:i.jsx(F,{iconId:"Close",size:"sm",color:"grey"})})]})]}),i.jsx(P0,{children:e.map(L=>i.jsxs(H0,{children:[i.jsxs(V0,{children:[i.jsx(E,{variant:"small",bold:!0,children:L.label}),n&&i.jsx(U0,{onClick:()=>B(L.id),children:i.jsx(E,{variant:"small",color:"blue",children:"Select all"})})]}),i.jsx(G0,{children:L.options.map(Z=>{var J;const se=((J=x[L.id])==null?void 0:J.has(Z.value))||!1;return i.jsxs(K0,{$isSelected:se,onClick:()=>_(L.id,Z.value),children:[i.jsx(Y0,{$isChecked:se,children:se&&i.jsx(F,{iconId:"Check",size:"xsm",color:"white"})}),i.jsx(E,{variant:"small",children:Z.label})]},Z.value)})})]},L.id))})]})})})]})},R0=g.button`
3161
+ `,F0=({groups:e,onSelectionChange:t,value:o,showSelectAll:r=!0,showClearAll:n=!0,placement:s="bottom-end",className:l,buttonContent:a,disabled:u=!1})=>{const[h,p]=d.useState(()=>{const L={};return e.forEach(Z=>{L[Z.id]=new Set}),L}),[f,m]=d.useState(!1),b=o??h,x=o!==void 0,y=d.useCallback(L=>{x||p(L),t(L)},[x,t]),{refs:w,floatingStyles:v,context:$}=O.useFloating({placement:s,open:f,onOpenChange:m,whileElementsMounted:O.autoUpdate,middleware:[O.offset(4),O.flip(),O.shift({padding:8})]}),C=O.useClick($,{enabled:!u}),S=O.useDismiss($),k=O.useRole($),{getReferenceProps:I,getFloatingProps:j}=O.useInteractions([C,S,k]),_=d.useCallback((L,Z)=>{const ie={...b},J=new Set(b[L]);J.has(Z)?J.delete(Z):J.add(Z),ie[L]=J,y(ie)},[b,y]),B=d.useCallback(L=>{const Z=e.find(J=>J.id===L);if(!Z)return;const ie={...b};ie[L]=new Set(Z.options.map(J=>J.value)),y(ie)},[e,b,y]),U=d.useCallback(()=>{const L={};e.forEach(Z=>{L[Z.id]=new Set}),y(L)},[e,y]),P=d.useMemo(()=>Object.values(b).some(L=>L.size>0),[b]);return i.jsxs(i.Fragment,{children:[i.jsx(A0,{ref:w.setReference,className:l,$isActive:P,$isDisabled:u,...I(),children:a||i.jsxs(i.Fragment,{children:[i.jsx(N,{iconId:"Filter",size:"sm",color:P?"blue":"grey"}),P&&i.jsx(L0,{})]})}),f&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:$,modal:!1,children:i.jsxs(B0,{ref:w.setFloating,style:v,...j(),children:[i.jsxs(W0,{children:[i.jsx(E,{variant:"body",bold:!0,children:"Filters"}),i.jsxs(P0,{children:[n&&P&&i.jsx(H0,{onClick:U,children:i.jsx(E,{variant:"small",color:"blue",children:"Clear all"})}),i.jsx(V0,{onClick:()=>m(!1),children:i.jsx(N,{iconId:"Close",size:"sm",color:"grey"})})]})]}),i.jsx(U0,{children:e.map(L=>i.jsxs(G0,{children:[i.jsxs(K0,{children:[i.jsx(E,{variant:"small",bold:!0,children:L.label}),r&&i.jsx(Y0,{onClick:()=>B(L.id),children:i.jsx(E,{variant:"small",color:"blue",children:"Select all"})})]}),i.jsx(q0,{children:L.options.map(Z=>{var J;const ie=((J=b[L.id])==null?void 0:J.has(Z.value))||!1;return i.jsxs(Z0,{$isSelected:ie,onClick:()=>_(L.id,Z.value),children:[i.jsx(X0,{$isChecked:ie,children:ie&&i.jsx(N,{iconId:"Check",size:"xsm",color:"white"})}),i.jsx(E,{variant:"small",children:Z.label})]},Z.value)})})]},L.id))})]})})})]})},A0=g.button`
3064
3162
  display: flex;
3065
3163
  align-items: center;
3066
3164
  justify-content: center;
@@ -3079,7 +3177,7 @@
3079
3177
  background-color: ${e=>e.$isActive?c("color-additional1"):c("color-grey10")};
3080
3178
  border-color: ${e=>e.$isActive?c("color-blue"):c("color-grey40")};
3081
3179
  }
3082
- `,N0=g.div`
3180
+ `,L0=g.div`
3083
3181
  position: absolute;
3084
3182
  top: 4px;
3085
3183
  right: 4px;
@@ -3087,7 +3185,7 @@
3087
3185
  height: 6px;
3088
3186
  background-color: ${c("color-blue")};
3089
3187
  border-radius: 50%;
3090
- `,F0=g.div`
3188
+ `,B0=g.div`
3091
3189
  background-color: ${c("color-white")};
3092
3190
  border: 1px solid ${c("color-grey30")};
3093
3191
  border-radius: ${c("spacing-4")};
@@ -3095,17 +3193,17 @@
3095
3193
  min-width: 280px;
3096
3194
  max-width: 320px;
3097
3195
  z-index: 1000;
3098
- `,A0=g.div`
3196
+ `,W0=g.div`
3099
3197
  display: flex;
3100
3198
  align-items: center;
3101
3199
  justify-content: space-between;
3102
3200
  padding: ${c("spacing-12")} ${c("spacing-16")};
3103
3201
  border-bottom: 1px solid ${c("color-grey20")};
3104
- `,L0=g.div`
3202
+ `,P0=g.div`
3105
3203
  display: flex;
3106
3204
  align-items: center;
3107
3205
  gap: ${c("spacing-8")};
3108
- `,B0=g.button`
3206
+ `,H0=g.button`
3109
3207
  background: none;
3110
3208
  border: none;
3111
3209
  padding: 0;
@@ -3115,7 +3213,7 @@
3115
3213
  &:hover {
3116
3214
  text-decoration: underline;
3117
3215
  }
3118
- `,W0=g.button`
3216
+ `,V0=g.button`
3119
3217
  background: none;
3120
3218
  border: none;
3121
3219
  padding: 0;
@@ -3130,20 +3228,20 @@
3130
3228
  &:hover {
3131
3229
  background-color: ${c("color-grey10")};
3132
3230
  }
3133
- `,P0=g.div`
3231
+ `,U0=g.div`
3134
3232
  padding: ${c("spacing-12")};
3135
3233
  max-height: 400px;
3136
3234
  overflow-y: auto;
3137
- `,H0=g.div`
3235
+ `,G0=g.div`
3138
3236
  &:not(:last-child) {
3139
3237
  margin-bottom: ${c("spacing-16")};
3140
3238
  }
3141
- `,V0=g.div`
3239
+ `,K0=g.div`
3142
3240
  display: flex;
3143
3241
  align-items: center;
3144
3242
  justify-content: space-between;
3145
3243
  margin-bottom: ${c("spacing-8")};
3146
- `,U0=g.button`
3244
+ `,Y0=g.button`
3147
3245
  background: none;
3148
3246
  border: none;
3149
3247
  padding: 0;
@@ -3153,11 +3251,11 @@
3153
3251
  &:hover {
3154
3252
  text-decoration: underline;
3155
3253
  }
3156
- `,G0=g.div`
3254
+ `,q0=g.div`
3157
3255
  display: flex;
3158
3256
  flex-direction: column;
3159
3257
  gap: ${c("spacing-4")};
3160
- `,K0=g.div`
3258
+ `,Z0=g.div`
3161
3259
  display: flex;
3162
3260
  align-items: center;
3163
3261
  gap: ${c("spacing-8")};
@@ -3169,7 +3267,7 @@
3169
3267
  &:hover {
3170
3268
  background-color: ${e=>e.$isSelected?c("color-additional1"):c("color-grey10")};
3171
3269
  }
3172
- `,Y0=g.div`
3270
+ `,X0=g.div`
3173
3271
  width: 16px;
3174
3272
  height: 16px;
3175
3273
  border: 1.5px solid
@@ -3180,20 +3278,20 @@
3180
3278
  align-items: center;
3181
3279
  justify-content: center;
3182
3280
  flex-shrink: 0;
3183
- `,[q0,Ko,Z0]=z(["view-header","option","select"]),Nr=3,Kn=d.memo(({actions:e})=>{const{inlinePrimary:t,overflowPrimary:o,secondary:n}=d.useMemo(()=>{const a=e.filter(h=>h.isPrimary),u=e.filter(h=>!h.isPrimary);return{inlinePrimary:a.slice(0,Nr),overflowPrimary:a.slice(Nr),secondary:u}},[e]),r=o.length>0||n.length>0,s=d.useMemo(()=>{const a=new Map;for(const u of e)a.set(u.id,u);return a},[e]),l=d.useCallback(a=>{const u=s.get(a);u&&!u.disabled&&u.onClick()},[s]);return e.length===0?null:i.jsxs(X0,{children:[t.map(a=>i.jsx(ie,{iconId:a.iconId,color:a.color||"grey",size:"sm",onClick:a.onClick,disabled:a.disabled,title:a.tooltip,"aria-label":a.tooltip||a.label||a.id},a.id)),r&&i.jsx(J0,{children:i.jsxs(On,{trigger:i.jsx(Q0,{title:"More actions",type:"button",children:i.jsx(F,{size:"sm",iconId:"Ellipsis",color:"blue"})}),onSelection:l,children:[o.map(a=>i.jsx(Fr,{optionKey:a.id,label:i.jsxs(Ar,{children:[i.jsx(F,{iconId:a.iconId,color:a.disabled?"grey":a.color||"blue",size:"sm"}),i.jsx(Lr,{children:a.label||a.tooltip||a.id})]}),disabled:a.disabled,disableSelectionStyle:!0},a.id)),o.length>0&&n.length>0&&i.jsx(Rn,{}),n.map(a=>i.jsx(Fr,{optionKey:a.id,label:i.jsxs(Ar,{children:[a.iconId?i.jsx(F,{iconId:a.iconId,color:a.disabled?"grey":a.color||"blue",size:"sm"}):i.jsx(ey,{}),i.jsx(Lr,{children:a.label||a.tooltip||a.id})]}),disabled:a.disabled,disableSelectionStyle:!0},a.id))]})})]})});Kn.displayName="ActionBar";const X0=g.div`
3281
+ `,[J0,Ko,Q0]=M(["view-header","option","select"]),Nn=3,Gr=d.memo(({actions:e})=>{const{inlinePrimary:t,overflowPrimary:o,secondary:r}=d.useMemo(()=>{const a=e.filter(h=>h.isPrimary),u=e.filter(h=>!h.isPrimary);return{inlinePrimary:a.slice(0,Nn),overflowPrimary:a.slice(Nn),secondary:u}},[e]),n=o.length>0||r.length>0,s=d.useMemo(()=>{const a=new Map;for(const u of e)a.set(u.id,u);return a},[e]),l=d.useCallback(a=>{const u=s.get(a);u&&!u.disabled&&u.onClick()},[s]);return e.length===0?null:i.jsxs(ey,{children:[t.map(a=>i.jsx(ae,{iconId:a.iconId,color:a.color||"grey",size:"sm",onClick:a.onClick,disabled:a.disabled,title:a.tooltip,"aria-label":a.tooltip||a.label||a.id},a.id)),n&&i.jsx(ty,{children:i.jsxs(Mr,{trigger:i.jsx(oy,{title:"More actions",type:"button",children:i.jsx(N,{size:"sm",iconId:"Ellipsis",color:"blue"})}),onSelection:l,children:[o.map(a=>i.jsx(Fn,{optionKey:a.id,label:i.jsxs(An,{children:[i.jsx(N,{iconId:a.iconId,color:a.disabled?"grey":a.color||"blue",size:"sm"}),i.jsx(Ln,{children:a.label||a.tooltip||a.id})]}),disabled:a.disabled,disableSelectionStyle:!0},a.id)),o.length>0&&r.length>0&&i.jsx(Or,{}),r.map(a=>i.jsx(Fn,{optionKey:a.id,label:i.jsxs(An,{children:[a.iconId?i.jsx(N,{iconId:a.iconId,color:a.disabled?"grey":a.color||"blue",size:"sm"}):i.jsx(ry,{}),i.jsx(Ln,{children:a.label||a.tooltip||a.id})]}),disabled:a.disabled,disableSelectionStyle:!0},a.id))]})})]})});Gr.displayName="ActionBar";const ey=g.div`
3184
3282
  display: flex;
3185
3283
  align-items: center;
3186
- gap: ${q0("actions-gap")};
3284
+ gap: ${J0("actions-gap")};
3187
3285
  flex-shrink: 0;
3188
- `,Fr=g(ct)`
3286
+ `,Fn=g(dt)`
3189
3287
  ${`${Ko("bg-color",!0)}: ${c("color-white")}`};
3190
3288
  ${`${Ko("color",!0)}: ${c("color-black")}`};
3191
3289
  ${`${Ko("bg-color-active",!0)}: ${c("color-grey20")}`};
3192
3290
  gap: 0px;
3193
3291
  cursor: pointer;
3194
- `,J0=g.div`
3195
- ${`${Z0("border-color",!0)}: ${c("color-grey40")}`};
3196
- `,Q0=g.button`
3292
+ `,ty=g.div`
3293
+ ${`${Q0("border-color",!0)}: ${c("color-grey40")}`};
3294
+ `,oy=g.button`
3197
3295
  background: none;
3198
3296
  border: none;
3199
3297
  padding: 4px;
@@ -3218,72 +3316,73 @@
3218
3316
  cursor: not-allowed;
3219
3317
  opacity: 0.3;
3220
3318
  }
3221
- `,Ar=g.div`
3319
+ `,An=g.div`
3222
3320
  display: flex;
3223
3321
  align-items: center;
3224
3322
  gap: 8px;
3225
- `,Lr=g.span`
3323
+ `,Ln=g.span`
3226
3324
  font-size: 13px;
3227
3325
  white-space: nowrap;
3228
- `,ey=g.div`
3326
+ `,ry=g.div`
3229
3327
  width: 16px;
3230
3328
  height: 16px;
3231
- `,[et]=z(["view-header"]),Yn=d.memo(({title:e,subtitle:t,icon:o,actions:n,headerContent:r,collapsible:s,collapsed:l,onToggleCollapse:a})=>{const u=d.useMemo(()=>n&&n.length>0,[n]);return i.jsx(ty,{children:i.jsxs(oy,{children:[i.jsxs(ny,{children:[s&&i.jsx(ie,{iconId:l?"CaretRight":"CaretDown",color:"grey",size:"sm",onClick:a,"aria-label":l?"Expand view":"Collapse view"}),o&&i.jsx(ry,{children:i.jsx(F,{iconId:o.iconId,color:o.color||"blue",size:"sm"})}),i.jsxs(sy,{children:[i.jsx(E,{variant:"h2",children:e}),t&&i.jsx(iy,{variant:"small",color:"grey",children:t})]})]}),(r||n&&n.length>0)&&i.jsxs(ay,{children:[r,u&&n?i.jsx(Kn,{actions:n}):n==null?void 0:n.map(h=>i.jsx(ie,{iconId:h.iconId,color:h.color||"grey",size:"sm",onClick:h.onClick,disabled:h.disabled,title:h.tooltip,"aria-label":h.tooltip||h.id},h.id))]})]})})});Yn.displayName="ViewHeader";const ty=g.div`
3232
- background-color: ${et("background-color")};
3233
- border-bottom: ${et("border-bottom-width")} solid ${et("border-color")};
3234
- padding: ${et("padding")};
3235
- `,oy=g.div`
3329
+ `,[He]=M(["view-header"]),Kr=d.memo(({title:e,subtitle:t,icon:o,actions:r,headerContent:n,collapsible:s,collapsed:l,onToggleCollapse:a})=>{const u=d.useMemo(()=>r&&r.length>0,[r]);return i.jsx(ny,{children:i.jsxs(sy,{children:[i.jsxs(iy,{children:[s&&i.jsx(ae,{iconId:l?"CaretRight":"CaretDown",color:"grey",size:"sm",onClick:a,"aria-label":l?"Expand view":"Collapse view"}),o&&i.jsx(ay,{children:i.jsx(N,{iconId:o.iconId,color:o.color||"blue",size:"sm"})}),i.jsxs(ly,{children:[i.jsx(E,{variant:"h2",children:e}),t&&i.jsx(cy,{variant:"small",color:"grey",children:t})]})]}),(n||r&&r.length>0)&&i.jsxs(dy,{children:[n,u&&r?i.jsx(Gr,{actions:r}):r==null?void 0:r.map(h=>i.jsx(ae,{iconId:h.iconId,color:h.color||"grey",size:"sm",onClick:h.onClick,disabled:h.disabled,title:h.tooltip,"aria-label":h.tooltip||h.id},h.id))]})]})})});Kr.displayName="ViewHeader";const ny=g.div`
3330
+ background-color: ${He("background-color")};
3331
+ border-bottom: ${He("border-bottom-width")} solid ${He("border-color")};
3332
+ padding: ${He("padding")};
3333
+ `,sy=g.div`
3236
3334
  display: flex;
3237
3335
  align-items: center;
3238
3336
  justify-content: space-between;
3239
- gap: ${et("gap")};
3240
- `,ny=g.div`
3337
+ gap: ${He("gap")};
3338
+ min-height: ${He("content-min-height")};
3339
+ `,iy=g.div`
3241
3340
  display: flex;
3242
3341
  align-items: center;
3243
- gap: ${et("left-gap")};
3342
+ gap: ${He("left-gap")};
3244
3343
  flex: 1;
3245
3344
  min-width: 0; /* Allow text truncation */
3246
- `,ry=g.div`
3345
+ `,ay=g.div`
3247
3346
  display: flex;
3248
3347
  align-items: center;
3249
3348
  flex-shrink: 0;
3250
- `,sy=g.div`
3349
+ `,ly=g.div`
3251
3350
  display: flex;
3252
3351
  flex-direction: column;
3253
- gap: ${et("text-gap")};
3352
+ gap: ${He("text-gap")};
3254
3353
  min-width: 0; /* Allow text truncation */
3255
- `,iy=g(E)`
3256
- font-size: ${et("subtitle-font-size")};
3257
- `,ay=g.div`
3354
+ `,cy=g(E)`
3355
+ font-size: ${He("subtitle-font-size")};
3356
+ `,dy=g.div`
3258
3357
  display: flex;
3259
3358
  align-items: center;
3260
- gap: ${et("actions-gap")};
3359
+ gap: ${He("actions-gap")};
3261
3360
  flex-shrink: 0;
3262
- `,[Ft]=z(["view"]),Qi=d.memo(({title:e,subtitle:t,icon:o,actions:n,headerContent:r,collapsible:s=!1,defaultCollapsed:l=!1,collapsed:a,onToggleCollapse:u,children:h,className:p,onFocus:f})=>{const[m,x]=d.useState(l),b=a!==void 0?a:m,y=d.useCallback(()=>{u?u():x(w=>!w)},[u]);return i.jsxs(ly,{className:p,tabIndex:0,onFocus:f,collapsed:b,children:[i.jsx(Yn,{title:e,subtitle:t,icon:o,actions:n,headerContent:r,collapsible:s,collapsed:b,onToggleCollapse:y}),!b&&i.jsx(cy,{children:h})]})});Qi.displayName="View";const ly=g.div`
3361
+ `,[Lt]=M(["view"]),Qi=d.memo(({title:e,subtitle:t,icon:o,actions:r,headerContent:n,collapsible:s=!1,defaultCollapsed:l=!1,collapsed:a,onToggleCollapse:u,children:h,className:p,onFocus:f})=>{const[m,b]=d.useState(l),x=a!==void 0?a:m,y=d.useCallback(()=>{u?u():b(w=>!w)},[u]);return i.jsxs(uy,{className:p,tabIndex:0,onFocus:f,collapsed:x,children:[i.jsx(Kr,{title:e,subtitle:t,icon:o,actions:r,headerContent:n,collapsible:s,collapsed:x,onToggleCollapse:y}),!x&&i.jsx(hy,{children:h})]})});Qi.displayName="View";const uy=g.div`
3263
3362
  display: flex;
3264
3363
  flex-direction: column;
3265
3364
  width: 100%;
3266
- background-color: ${Ft("background-color")};
3267
- border: ${Ft("border-width")} solid ${Ft("border-color")};
3268
- border-radius: ${Ft("border-radius")};
3365
+ background-color: ${Lt("background-color")};
3366
+ border: ${Lt("border-width")} solid ${Lt("border-color")};
3367
+ border-radius: ${Lt("border-radius")};
3269
3368
  overflow: hidden;
3270
3369
 
3271
3370
  /* When collapsed, don't take up flex space - only show header */
3272
3371
  ${({collapsed:e})=>e&&`
3273
3372
  flex: 0 0 auto !important;
3274
3373
  `}
3275
- `,cy=g.div`
3374
+ `,hy=g.div`
3276
3375
  display: flex;
3277
3376
  flex-direction: column;
3278
3377
  flex: 1;
3279
3378
  overflow: auto;
3280
- padding: ${Ft("content-padding")};
3281
- `,[ro]=z(["view-container"]),ea=d.memo(({id:e,direction:t="vertical",gap:o,children:n,className:r})=>i.jsx(dy,{id:e,direction:t,gap:o,className:r,children:n}));ea.displayName="ViewContainer";const dy=g.div`
3379
+ padding: ${Lt("content-padding")};
3380
+ `,[so]=M(["view-container"]),ea=d.memo(({id:e,direction:t="vertical",gap:o,children:r,className:n})=>i.jsx(py,{id:e,direction:t,gap:o,className:n,children:r}));ea.displayName="ViewContainer";const py=g.div`
3282
3381
  display: flex;
3283
3382
  flex-direction: ${({direction:e})=>e==="vertical"?"column":"row"};
3284
- gap: ${({direction:e,gap:t})=>t!==void 0?typeof t=="number"?`${t}px`:t:ro(e==="vertical"?"vertical-gap":"horizontal-gap")};
3285
- padding: ${ro("padding")};
3286
- background-color: ${ro("background-color")};
3383
+ gap: ${({direction:e,gap:t})=>t!==void 0?typeof t=="number"?`${t}px`:t:so(e==="vertical"?"vertical-gap":"horizontal-gap")};
3384
+ padding: ${so("padding")};
3385
+ background-color: ${so("background-color")};
3287
3386
  width: 100%;
3288
3387
  height: 100%;
3289
3388
 
@@ -3293,7 +3392,7 @@
3293
3392
  min-height: 0;
3294
3393
  min-width: 0;
3295
3394
  }
3296
- `,uy=d.memo(({listMaxSize:e,listMinSize:t,listCollapsedSize:o,disabled:n,List:r,Details:s,ListPanelComponent:l=kn})=>i.jsx(hy,{style:{"--studio-c-table-cell-padding-y":c("spacing-8")},children:i.jsxs(_s,{direction:"horizontal",children:[i.jsx(l,{minSize:t,maxSize:e,collapsedSize:o,children:i.jsx(ta,{children:i.jsx(r,{disabled:n})})}),i.jsx(Es,{}),i.jsx(Ds,{children:i.jsx(py,{children:i.jsx(s,{})})})]})})),hy=g.div`
3395
+ `,fy=d.memo(({listMaxSize:e,listMinSize:t,listCollapsedSize:o,disabled:r,List:n,Details:s,ListPanelComponent:l=vr})=>i.jsx(gy,{style:{"--studio-c-table-cell-padding-y":c("spacing-8")},children:i.jsxs(_s,{direction:"horizontal",children:[i.jsx(l,{minSize:t,maxSize:e,collapsedSize:o,children:i.jsx(ta,{children:i.jsx(n,{disabled:r})})}),i.jsx(Es,{}),i.jsx(Ds,{children:i.jsx(my,{children:i.jsx(s,{})})})]})})),gy=g.div`
3297
3396
  width: 100%;
3298
3397
  height: 100%;
3299
3398
  display: flex;
@@ -3306,7 +3405,7 @@
3306
3405
  align-items: flex-start;
3307
3406
  justify-content: flex-start;
3308
3407
  flex-direction: column;
3309
- `,py=g(ta)`
3408
+ `,my=g(ta)`
3310
3409
  overflow: auto;
3311
- `;let cn=null;const fy=()=>cn,gy=({ref:e,data:t,canDrag:o=!0,transformDragData:n=h=>h,onDrop:r,onDragStart:s,onDragEnd:l,onDragOver:a,onDragLeave:u})=>{const[h,p]=d.useState(!1),[f,m]=d.useState(!1),x=C=>{C.preventDefault(),C.stopPropagation()},b=d.useCallback(C=>{x(C),m(!0),C.dataTransfer&&(C.dataTransfer.dropEffect="move"),a==null||a(C)},[a]),y=d.useCallback(C=>{x(C),m(!1),u==null||u(C)},[u]),w=d.useCallback(C=>{x(C),p(!1),m(!1),cn=null,l==null||l(C)},[l]),v=d.useCallback(C=>{var k;x(C),p(!1),m(!1);let S=null;try{S=JSON.parse(((k=C.dataTransfer)==null?void 0:k.getData("application/json"))??"null")}catch(I){console.error("Invalid drag data:",I)}S&&(r==null||r(S,C))},[r]),$=d.useCallback(C=>{var k;if(!o)return;C.stopPropagation(),p(!0),m(!1),C.dataTransfer&&(C.dataTransfer.effectAllowed="move");const S=n(t);cn=S,(k=C.dataTransfer)==null||k.setData("application/json",JSON.stringify(S)),s==null||s(t,C)},[o,t,s,n]);return d.useEffect(()=>{const C=e.current,S={dragover:k=>b(k),dragenter:k=>b(k),dragleave:k=>y(k),drop:k=>v(k),dragstart:k=>$(k),dragend:k=>w(k)};return C&&Object.entries(S).forEach(([k,I])=>C.addEventListener(k,I)),()=>{Object.entries(S).forEach(([k,I])=>{C&&C.removeEventListener(k,I)})}},[e,b,y,v,$,w]),{dragging:h,over:f}};class my{constructor(t){T(this,"model");T(this,"itemsExpression");T(this,"transformer");T(this,"autoDispose");T(this,"_itemsById",D.observable.map(new Map));T(this,"originalItems",new Map);T(this,"_isInitialized",!1);T(this,"_isDisposed",!1);T(this,"_reactionDisposer",null);this.model=t.model,this.itemsExpression=t.itemsExpression,this.transformer=t.transformer,this.autoDispose=t.autoDispose??!0,D.makeObservable(this,{items:D.computed})}get items(){return Array.from(this._itemsById.values()).sort((t,o)=>t.name.localeCompare(o.name))}get isInitialized(){return this._isInitialized}get isDisposed(){return this._isDisposed}async init(){if(!this._isInitialized){if(this._isDisposed)throw new Error("Cannot initialize a disposed ObservableListDataProvider");this._reactionDisposer=D.reaction(()=>{try{if(!this.model)return{raw:[],transformed:[]};const t=this.itemsExpression(this.model)||[],o=t.map(n=>uo(this.transformer(n),n));return{raw:t,transformed:o}}catch{return{raw:[],transformed:[]}}},({raw:t,transformed:o})=>{this.updateItemsFromTransformed(t,o)},{fireImmediately:!0}),this._isInitialized=!0}}dispose(){this._isDisposed||(this._reactionDisposer&&(this._reactionDisposer(),this._reactionDisposer=null),this._itemsById.clear(),this.originalItems.clear(),this._isDisposed=!0,this._isInitialized=!1)}async whenReady(){if(!this._isInitialized)throw new Error("ObservableListDataProvider must be initialized before calling whenReady()");return Promise.resolve()}async refresh(){if(!this._isInitialized||this._isDisposed)return;const t=this.itemsExpression(this.model);this.updateItems(t)}updateItemsFromTransformed(t,o){const n=new Map,r=new Map;o.forEach((s,l)=>{n.set(s.id,s),r.set(s.id,t[l])}),D.runInAction(()=>{for(const[s]of this._itemsById)n.has(s)||(this._itemsById.delete(s),this.originalItems.delete(s));for(const[s,l]of n)this._itemsById.set(s,l),this.originalItems.set(s,r.get(s))})}updateItems(t){const o=t.map(n=>uo(this.transformer(n),n));this.updateItemsFromTransformed(t,o)}}function oa(e){return new my(e)}const by="/kos/model/ready/";class na{constructor(t){T(this,"itemsExpression");T(this,"transformer");T(this,"autoDispose",!0);T(this,"_modelId");T(this,"_context");T(this,"_innerProvider",null);T(this,"_isInitialized",!1);T(this,"_isDisposed",!1);T(this,"_isLoading",!1);T(this,"_eventBusUnsubscribe",null);T(this,"_modelIdReactionDisposer",null);T(this,"_currentModelId");T(this,"_modelType");T(this,"_shouldActivate");T(this,"_items",D.observable.array([]));this._modelType=t.modelType,this._modelId=t.modelId,this._context=t.context,this._shouldActivate=t.activate??!1,this.itemsExpression=t.itemsExpression,this.transformer=t.transformer,D.makeObservable(this,{_innerProvider:D.observable.ref,_isLoading:D.observable,items:D.computed,model:D.computed,isLoading:D.computed})}get model(){var t;return(t=this._innerProvider)==null?void 0:t.model}get items(){var t;return((t=this._innerProvider)==null?void 0:t.items)??[]}get isInitialized(){return this._isInitialized}get isDisposed(){return this._isDisposed}get isLoading(){return this._isLoading||!!this._currentModelId&&!this._innerProvider&&this._isInitialized}get originalItems(){var t;return((t=this._innerProvider)==null?void 0:t.originalItems)??new Map}async init(){if(!this._isInitialized){if(this._isDisposed&&(this._isDisposed=!1),typeof this._modelId=="function"){const t=this._modelId;this._modelIdReactionDisposer=D.reaction(()=>{try{return t(this._context)}catch{return}},o=>{o!==this._currentModelId&&this.handleModelIdChange(o)},{fireImmediately:!0,scheduler:o=>queueMicrotask(o)})}else this._currentModelId=this._modelId,this.subscribeToModelLifecycle(this._modelId);this._isInitialized=!0}}handleModelIdChange(t){this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._currentModelId=t}),t&&this.subscribeToModelLifecycle(t)}subscribeToModelLifecycle(t){const o=this.getModelFromManager(t);if(o){this.createInnerProvider(o);return}const n=`${by}${this._modelType}/${t}`,r=W.EventBus.subscribe(n,()=>{const s=this.getModelFromManager(t);s&&this.createInnerProvider(s)});this._eventBusUnsubscribe=r.unsubscribe}async createInnerProvider(t){if(this._innerProvider)return;const o=oa({model:t,itemsExpression:this.itemsExpression,transformer:this.transformer,autoDispose:!1});D.runInAction(()=>{this._isLoading=!1,this._innerProvider=o}),await o.init()}getModelFromManager(t){var o;try{const n=W.getKosModelSync(t);return this._shouldActivate&&((o=n==null?void 0:n.model)!=null&&o.activate)&&(D.runInAction(()=>{this._isLoading=!0}),n.model.activate().finally(()=>{D.runInAction(()=>{this._isLoading=!1})})),n==null?void 0:n.model}catch{return null}}dispose(){this._isDisposed||(this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null)}),this._isDisposed=!0,this._isInitialized=!1,this._currentModelId=void 0)}async whenReady(){if(!this._isInitialized)throw new Error("LifecycleAwareListProvider must be initialized before calling whenReady()");return this._innerProvider&&this._innerProvider.whenReady?this._innerProvider.whenReady():Promise.resolve()}async refresh(){return this._innerProvider&&this._innerProvider.refresh?this._innerProvider.refresh():Promise.resolve()}}function xy(e){return new na(e)}const yy="/kos/model/ready/";class vy extends ii{constructor(o,n,r,s,l,a){super(o,async function(){return n(this)},async function(u){return r(this,u)},a);T(this,"_hasChildrenExpr");T(this,"_childrenExpr");T(this,"_getItemIdFn");this._hasChildrenExpr=s,this._childrenExpr=r,this._getItemIdFn=l,this.rootTrackingFn=u=>{n(u)},this.childTrackingFn=(u,h)=>{r(u,h)}}hasChildren(o){return this._hasChildrenExpr(this.parent,o)}getItemId(o){return this._getItemIdFn(o)}}class ra{constructor(t){T(this,"_modelId");T(this,"_context");T(this,"_innerProvider",null);T(this,"_isInitialized",!1);T(this,"_isInitializing",!1);T(this,"_isDisposed",!1);T(this,"_isLoading",!1);T(this,"_eventBusUnsubscribe",null);T(this,"_modelIdReactionDisposer",null);T(this,"_currentModelId");T(this,"_modelType");T(this,"_shouldActivate");T(this,"_rootsExpression");T(this,"_childrenExpression");T(this,"_hasChildrenExpression");T(this,"_getItemIdFn");T(this,"_transformer");this._modelType=t.modelType,this._modelId=t.modelId,this._context=t.context,this._shouldActivate=t.activate??!1,this._rootsExpression=t.rootsExpression,this._childrenExpression=t.childrenExpression,this._hasChildrenExpression=t.hasChildrenExpression,this._getItemIdFn=t.getItemId,this._transformer=t.transformer,D.makeObservable(this,{_innerProvider:D.observable.ref,_isLoading:D.observable,_isInitialized:D.observable,tree:D.computed,originalItems:D.computed,initialized:D.computed,isLoading:D.computed})}get tree(){var t;return((t=this._innerProvider)==null?void 0:t.tree)??[]}get originalItems(){var t;return((t=this._innerProvider)==null?void 0:t.originalItems)??new Map}get initialized(){var t;return this._isInitialized&&!!((t=this._innerProvider)!=null&&t.initialized)}get isLoading(){return this._isLoading||!!this._currentModelId&&!this._innerProvider&&this._isInitialized}hasChildren(t){return this._innerProvider?this._innerProvider.hasChildren(t):"unknown"}getItemId(t){return this._getItemIdFn(t)}async init(){if(!this._isInitializing){if(this._isInitialized&&(this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._isInitialized=!1,this._currentModelId=void 0),this._isDisposed&&(this._isDisposed=!1),this._isInitializing=!0,typeof this._modelId=="function"){const t=this._modelId;this._modelIdReactionDisposer=D.reaction(()=>{try{return t(this._context)}catch{return}},o=>{o!==this._currentModelId&&this.handleModelIdChange(o)},{fireImmediately:!0,scheduler:o=>queueMicrotask(o)})}else this._currentModelId=this._modelId,await this.subscribeToModelLifecycle(this._modelId);D.runInAction(()=>{this._isInitialized=!0,this._isInitializing=!1})}}handleModelIdChange(t){this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._currentModelId=t}),t&&this.subscribeToModelLifecycle(t)}async subscribeToModelLifecycle(t){if(this._innerProvider)return;const o=this.getModelFromManager(t);if(o){await this.createInnerProvider(o);return}const n=`${yy}${this._modelType}/${t}`,r=W.EventBus.subscribe(n,()=>{const s=this.getModelFromManager(t);s&&this.createInnerProvider(s)});this._eventBusUnsubscribe=r.unsubscribe}async createInnerProvider(t){if(this._innerProvider)return;const o=new vy(t,this._rootsExpression,this._childrenExpression,this._hasChildrenExpression,this._getItemIdFn,this._transformer);D.runInAction(()=>{this._isLoading=!1,this._innerProvider=o}),await o.init()}getModelFromManager(t){var o;try{const n=W.getKosModelSync(t);return this._shouldActivate&&((o=n==null?void 0:n.model)!=null&&o.activate)&&(D.runInAction(()=>{this._isLoading=!0}),n.model.activate().finally(()=>{D.runInAction(()=>{this._isLoading=!1})})),n==null?void 0:n.model}catch{return null}}async expandBranch(t,o){return this._innerProvider?this._innerProvider.expandBranch(t,o):Promise.resolve()}async expandAll(){return this._innerProvider?this._innerProvider.expandAll():Promise.resolve()}collapseBranch(t){this._innerProvider&&this._innerProvider.collapseBranch(t)}clearCache(t){this._innerProvider&&this._innerProvider.clearCache(t)}refresh(){this._innerProvider&&this._innerProvider.refresh()}async whenReady(){return this._innerProvider?this._innerProvider.whenReady():Promise.resolve()}dispose(){this._isDisposed||(this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null)}),this._isDisposed=!0,this._isInitialized=!1,this._isInitializing=!1,this._currentModelId=void 0)}}function ky(e){return new ra(e)}Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>q.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>q.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>q.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>ve.flexRender});exports.ActionBar=Kn;exports.ActionSelect=Bu;exports.ActionableBlurb=pc;exports.AlertTooltip=In;exports.AlternatingStatus=Nc;exports.AnimatePresence=es;exports.AnonymousBranch=Wf;exports.AnonymousGroup=gf;exports.ArtifactVersion=Eh;exports.AsyncList=Vp;exports.AsyncListGroupHeader=zn;exports.AsyncNamedCollapsibleBranch=Vf;exports.AsyncTreeList=vi;exports.Badge=sh;exports.BaseAsyncTreeDataProvider=ii;exports.BaseModalContent=cg;exports.BaseObservableDataProvider=An;exports.BaseUIComponentsContextProvider=dc;exports.BottomDialogDrawer=Cd;exports.BottomInlineDrawer=Dd;exports.BrandedHeader=Dm;exports.Button=Pe;exports.ButtonGroup=Pc;exports.ButtonGroupItem=ns;exports.CheckBox=jt;exports.CheckListItemCheck=wo;exports.CheckListItemCheckCompact=hi;exports.CheckListItemContainer=Zt;exports.CheckListItemContainerCompact=Pn;exports.CheckListItemContainerWithDivider=di;exports.CheckListItemContainerWithDividerCompact=ui;exports.CheckListItemName=Co;exports.CheckListItemNameCompact=pi;exports.CheckListItemTemplate=fi;exports.Collapsible=ho;exports.CollapsibleArtifact=$c;exports.CollapsibleContent=po;exports.CollapsibleList=Fh;exports.CollapsibleTrigger=pn;exports.ComboBox=qs;exports.CopyableText=nd;exports.DarkTooltip=yo;exports.DarkTooltipStyle=Bs;exports.DatePicker=I0;exports.DescriptionListItemTemplate=wf;exports.Dialog=fn;exports.DialogContent=mn;exports.DialogTrigger=gn;exports.Drawer=Ed;exports.DrawerContent=zd;exports.DrawerHeader=Od;exports.DrawerTrigger=Md;exports.Dropdown=ti;exports.DropdownMenu=On;exports.EMAIL_PATTERN=bs;exports.EmailRequirementKeys=ys;exports.EmptyListMessage=M0;exports.EndOverlayStyle=ud;exports.ErrorTooltip=Ps;exports.FIRST_CHAR_ALPHA=Jd;exports.FakeInputReference=Zs;exports.FilterPanel=O0;exports.FlexHandle=Yt;exports.FlexResizablePanel=Ds;exports.Form=Xs;exports.FormAccessToggles=jp;exports.FormCheckbox=Cp;exports.FormComboBox=Tp;exports.FormErrorMessage=Ve;exports.FormField=kp;exports.FormFileInput=zp;exports.FormInput=En;exports.FormInputWrapper=Ue;exports.FormLabel=Ce;exports.FormMultiSelect=Ap;exports.FormNameInput=Dp;exports.FormSelect=yp;exports.FormSubmit=Tn;exports.FormTextArea=gp;exports.FormToggle=hp;exports.GroupContext=Wn;exports.GroupList=pf;exports.GroupedObservableDataProvider=lf;exports.HiddenFormInput=Dn;exports.HolderListItemTemplate=dm;exports.HorizontalRule=Nd;exports.Icon=F;exports.IconButton=ie;exports.Input=It;exports.InputSearch=Wd;exports.ItemActionBar=vo;exports.ItemSelectionList=om;exports.ItemSelectionListDataProvider=sm;exports.KOSLogo=Th;exports.Label=ms;exports.LabelWithAction=Ud;exports.LabelWithContent=yn;exports.LabelWithContentLink=Yd;exports.LeftDialogDrawer=md;exports.LeftInlineDrawer=jd;exports.LifecycleAwareListProvider=na;exports.LifecycleAwareTreeProvider=ra;exports.LightTooltip=xo;exports.LightTooltipStyle=As;exports.Link=hn;exports.List=Bn;exports.ListContext=Nn;exports.ListContextProvider=Fn;exports.ListWithDetailsLayout=uy;exports.LockedButton=kc;exports.MenuWrapper=D0;exports.MiddleTruncateText=fo;exports.Modal=Sg;exports.ModalOverlayStyles=ji;exports.ModalTrigger=jg;exports.MultiSelect=Ys;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=xs;exports.NO_SPACES_PATTERN=Xd;exports.NUMBERS_ONLY_PATTERN=Zd;exports.NamedCollapsibleBranch=eg;exports.NamedCollapsibleGroup=ff;exports.NamedListItemTemplate=Cf;exports.NamedSection=_i;exports.NamedSectionHeader=Eg;exports.ObservableDataProvider=Ln;exports.Option=ct;exports.PASSWORD_MIN_LENGTH=eu;exports.PASSWORD_REQUIREMENTS=_n;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=Qs;exports.PageHeader=Fg;exports.PaneSplitter=uu;exports.PasswordRequirementKeys=At;exports.PasswordRequirementsList=lp;exports.PropertyDataProvider=cf;exports.RadioButton=Cs;exports.RequirementsList=Js;exports.ResizablePanel=kn;exports.ResizablePanelGroup=_s;exports.ResizablePanelGroupContextProvider=Is;exports.ResizablePanelHandle=Es;exports.RightDialogDrawer=yd;exports.RightInlineDrawer=Id;exports.SOURCE_PROP_KEY=Vt;exports.SOURCE_SYMBOL=Mn;exports.ScreenOverlay=Ms;exports.ScreenOverlayWithAction=ub;exports.Select=_t;exports.SelectAsyncTreeList=Bf;exports.SelectContext=$n;exports.SelectList=ko;exports.SelectListContext=Dt;exports.SelectSeparator=Rn;exports.SelectViewList=Kg;exports.SelectViewListItem=Ti;exports.SelectorTooltip=Hs;exports.ShellIconButton=Uu;exports.ShellMenu=im;exports.ShellMenuLink=lm;exports.StartOverlayStyle=dd;exports.StickyObserver=rn;exports.StudioNamedListItem=ri;exports.StyledSelectOption=Gp;exports.Tab=Gu;exports.TabPane=Ju;exports.TabTrigger=Ku;exports.TabTriggerList=qu;exports.Table=Rm;exports.TableHeader=an;exports.TableNamedListItemTemplate=Tf;exports.TableTd=Un;exports.Tag=co;exports.TagWithRemove=nh;exports.Text=E;exports.TextHighlight=rh;exports.Textarea=jn;exports.Toggle=bo;exports.ToggleThumb=Ns;exports.ToggleTrack=Rs;exports.Tooltip=Vs;exports.TopDialogDrawer=wd;exports.TopInlineDrawer=_d;exports.TreeDataProvider=Of;exports.TreeList=Ff;exports.USERNAME_PATTERN=qd;exports.View=Qi;exports.ViewContainer=ea;exports.ViewHeader=Yn;exports.VirtualList=ki;exports.VirtualTable=rb;exports.VirtualizedList=wi;exports.VirtualizedSelectList=lg;exports.attachSource=uo;exports.baseComponentStyles=Pr;exports.baseGenericStyles=qo;exports.baseSemanticStyles=Zo;exports.componentStudioTokenCss=Yl;exports.componentStyles=Yo;exports.createLifecycleAwareProvider=xy;exports.createLifecycleAwareTreeProvider=ky;exports.createLocalComponentHelper=Vl;exports.createLocalComponentTokenCss=Ul;exports.createLocalTokenSystem=Hl;exports.createObservableListProvider=oa;exports.createTableColumnHelper=Pm;exports.darkTooltipArrow=Ws;exports.getByteString=Pg;exports.getComponentTokenHelpers=z;exports.getCurrentDragData=fy;exports.getEmailValidation=Qd;exports.getErrorMessage=ou;exports.getGlobalToken=N;exports.getPasswordValidation=tu;exports.getPropertyWithFallback=Lp;exports.getSemanticToken=c;exports.getSource=Ut;exports.getStyles=Ql;exports.globalStudioTokenCss=Kl;exports.isContextAware=nn;exports.isErrorWithMessage=vs;exports.isGroupFactory=ai;exports.isItemTemplateFactory=ni;exports.isLockedAware=Bp;exports.keyResolver=si;exports.lightTooltipArrow=Ls;exports.noop=He;exports.normalizePathDisplay=Hg;exports.rootStyles=Xo;exports.scrollbarStyle=nc;exports.semanticStudioTokenCss=Gl;exports.stringComponentInsert=Wr;exports.studioColors=Hr;exports.studioDarkColors=Ur;exports.studioGenericColor=Gr;exports.studioLightColors=Vr;exports.studioTheme=rc;exports.transformLocalTokenObject=dn;exports.useBaseUIComponentsContext=qr;exports.useButtonGroupContext=os;exports.useCollapsibleContext=Kt;exports.useContainerWidth=xn;exports.useDialogContext=ot;exports.useDialogContextValue=rs;exports.useDragDrop=gy;exports.useDrawerContext=dt;exports.useGroupSelection=Mf;exports.useListContext=Jp;exports.useListGroupContext=li;exports.useLoadDataProvider=qt;exports.useModalContext=ot;exports.useMultiSelectContext=Gs;exports.useOpenedGroups=Ef;exports.useResizablePanelGroupContext=vn;exports.useResizeObserver=ks;exports.useSelectContext=Sn;exports.useSelectListContext=Ge;exports.useSelection=zf;exports.useTabContext=mo;exports.useTableContext=Vn;exports.useTreeListContext=mi;
3410
+ `;let lr=null;const by=()=>lr,xy=({ref:e,data:t,canDrag:o=!0,transformDragData:r=h=>h,onDrop:n,onDragStart:s,onDragEnd:l,onDragOver:a,onDragLeave:u})=>{const[h,p]=d.useState(!1),[f,m]=d.useState(!1),b=C=>{C.preventDefault(),C.stopPropagation()},x=d.useCallback(C=>{b(C),m(!0),C.dataTransfer&&(C.dataTransfer.dropEffect="move"),a==null||a(C)},[a]),y=d.useCallback(C=>{b(C),m(!1),u==null||u(C)},[u]),w=d.useCallback(C=>{b(C),p(!1),m(!1),lr=null,l==null||l(C)},[l]),v=d.useCallback(C=>{var k;b(C),p(!1),m(!1);let S=null;try{S=JSON.parse(((k=C.dataTransfer)==null?void 0:k.getData("application/json"))??"null")}catch(I){console.error("Invalid drag data:",I)}S&&(n==null||n(S,C))},[n]),$=d.useCallback(C=>{var k;if(!o)return;C.stopPropagation(),p(!0),m(!1),C.dataTransfer&&(C.dataTransfer.effectAllowed="move");const S=r(t);lr=S,(k=C.dataTransfer)==null||k.setData("application/json",JSON.stringify(S)),s==null||s(t,C)},[o,t,s,r]);return d.useEffect(()=>{const C=e.current,S={dragover:k=>x(k),dragenter:k=>x(k),dragleave:k=>y(k),drop:k=>v(k),dragstart:k=>$(k),dragend:k=>w(k)};return C&&Object.entries(S).forEach(([k,I])=>C.addEventListener(k,I)),()=>{Object.entries(S).forEach(([k,I])=>{C&&C.removeEventListener(k,I)})}},[e,x,y,v,$,w]),{dragging:h,over:f}};class yy{constructor(t){T(this,"model");T(this,"itemsExpression");T(this,"transformer");T(this,"autoDispose");T(this,"_itemsById",D.observable.map(new Map));T(this,"originalItems",new Map);T(this,"_isInitialized",!1);T(this,"_isDisposed",!1);T(this,"_reactionDisposer",null);this.model=t.model,this.itemsExpression=t.itemsExpression,this.transformer=t.transformer,this.autoDispose=t.autoDispose??!0,D.makeObservable(this,{items:D.computed})}get items(){return Array.from(this._itemsById.values()).sort((t,o)=>t.name.localeCompare(o.name))}get isInitialized(){return this._isInitialized}get isDisposed(){return this._isDisposed}async init(){if(!this._isInitialized){if(this._isDisposed)throw new Error("Cannot initialize a disposed ObservableListDataProvider");this._reactionDisposer=D.reaction(()=>{try{if(!this.model)return{raw:[],transformed:[]};const t=this.itemsExpression(this.model)||[],o=t.map(r=>ho(this.transformer(r),r));return{raw:t,transformed:o}}catch{return{raw:[],transformed:[]}}},({raw:t,transformed:o})=>{this.updateItemsFromTransformed(t,o)},{fireImmediately:!0}),this._isInitialized=!0}}dispose(){this._isDisposed||(this._reactionDisposer&&(this._reactionDisposer(),this._reactionDisposer=null),this._itemsById.clear(),this.originalItems.clear(),this._isDisposed=!0,this._isInitialized=!1)}async whenReady(){if(!this._isInitialized)throw new Error("ObservableListDataProvider must be initialized before calling whenReady()");return Promise.resolve()}async refresh(){if(!this._isInitialized||this._isDisposed)return;const t=this.itemsExpression(this.model);this.updateItems(t)}updateItemsFromTransformed(t,o){const r=new Map,n=new Map;o.forEach((s,l)=>{r.set(s.id,s),n.set(s.id,t[l])}),D.runInAction(()=>{for(const[s]of this._itemsById)r.has(s)||(this._itemsById.delete(s),this.originalItems.delete(s));for(const[s,l]of r)this._itemsById.set(s,l),this.originalItems.set(s,n.get(s))})}updateItems(t){const o=t.map(r=>ho(this.transformer(r),r));this.updateItemsFromTransformed(t,o)}}function oa(e){return new yy(e)}const vy="/kos/model/ready/";class ra{constructor(t){T(this,"itemsExpression");T(this,"transformer");T(this,"autoDispose",!0);T(this,"_modelId");T(this,"_context");T(this,"_innerProvider",null);T(this,"_isInitialized",!1);T(this,"_isDisposed",!1);T(this,"_isLoading",!1);T(this,"_eventBusUnsubscribe",null);T(this,"_modelIdReactionDisposer",null);T(this,"_currentModelId");T(this,"_modelType");T(this,"_shouldActivate");T(this,"_items",D.observable.array([]));this._modelType=t.modelType,this._modelId=t.modelId,this._context=t.context,this._shouldActivate=t.activate??!1,this.itemsExpression=t.itemsExpression,this.transformer=t.transformer,D.makeObservable(this,{_innerProvider:D.observable.ref,_isLoading:D.observable,items:D.computed,model:D.computed,isLoading:D.computed})}get model(){var t;return(t=this._innerProvider)==null?void 0:t.model}get items(){var t;return((t=this._innerProvider)==null?void 0:t.items)??[]}get isInitialized(){return this._isInitialized}get isDisposed(){return this._isDisposed}get isLoading(){return this._isLoading||!!this._currentModelId&&!this._innerProvider&&this._isInitialized}get originalItems(){var t;return((t=this._innerProvider)==null?void 0:t.originalItems)??new Map}async init(){if(!this._isInitialized){if(this._isDisposed&&(this._isDisposed=!1),typeof this._modelId=="function"){const t=this._modelId;this._modelIdReactionDisposer=D.reaction(()=>{try{return t(this._context)}catch{return}},o=>{o!==this._currentModelId&&this.handleModelIdChange(o)},{fireImmediately:!0,scheduler:o=>queueMicrotask(o)})}else this._currentModelId=this._modelId,this.subscribeToModelLifecycle(this._modelId);this._isInitialized=!0}}handleModelIdChange(t){this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._currentModelId=t}),t&&this.subscribeToModelLifecycle(t)}subscribeToModelLifecycle(t){const o=this.getModelFromManager(t);if(o){this.createInnerProvider(o);return}const r=`${vy}${this._modelType}/${t}`,n=W.EventBus.subscribe(r,()=>{const s=this.getModelFromManager(t);s&&this.createInnerProvider(s)});this._eventBusUnsubscribe=n.unsubscribe}async createInnerProvider(t){if(this._innerProvider)return;const o=oa({model:t,itemsExpression:this.itemsExpression,transformer:this.transformer,autoDispose:!1});D.runInAction(()=>{this._isLoading=!1,this._innerProvider=o}),await o.init()}getModelFromManager(t){var o;try{const r=W.getKosModelSync(t);return this._shouldActivate&&((o=r==null?void 0:r.model)!=null&&o.activate)&&(D.runInAction(()=>{this._isLoading=!0}),r.model.activate().finally(()=>{D.runInAction(()=>{this._isLoading=!1})})),r==null?void 0:r.model}catch{return null}}dispose(){this._isDisposed||(this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null)}),this._isDisposed=!0,this._isInitialized=!1,this._currentModelId=void 0)}async whenReady(){if(!this._isInitialized)throw new Error("LifecycleAwareListProvider must be initialized before calling whenReady()");return this._innerProvider&&this._innerProvider.whenReady?this._innerProvider.whenReady():Promise.resolve()}async refresh(){return this._innerProvider&&this._innerProvider.refresh?this._innerProvider.refresh():Promise.resolve()}}function ky(e){return new ra(e)}const wy="/kos/model/ready/";class Cy extends ii{constructor(o,r,n,s,l,a){super(o,async function(){return r(this)},async function(u){return n(this,u)},a);T(this,"_hasChildrenExpr");T(this,"_childrenExpr");T(this,"_getItemIdFn");this._hasChildrenExpr=s,this._childrenExpr=n,this._getItemIdFn=l,this.rootTrackingFn=u=>{r(u)},this.childTrackingFn=(u,h)=>{n(u,h)}}hasChildren(o){return this._hasChildrenExpr(this.parent,o)}getItemId(o){return this._getItemIdFn(o)}}class na{constructor(t){T(this,"_modelId");T(this,"_context");T(this,"_innerProvider",null);T(this,"_isInitialized",!1);T(this,"_isInitializing",!1);T(this,"_isDisposed",!1);T(this,"_isLoading",!1);T(this,"_eventBusUnsubscribe",null);T(this,"_modelIdReactionDisposer",null);T(this,"_currentModelId");T(this,"_modelType");T(this,"_shouldActivate");T(this,"_rootsExpression");T(this,"_childrenExpression");T(this,"_hasChildrenExpression");T(this,"_getItemIdFn");T(this,"_transformer");this._modelType=t.modelType,this._modelId=t.modelId,this._context=t.context,this._shouldActivate=t.activate??!1,this._rootsExpression=t.rootsExpression,this._childrenExpression=t.childrenExpression,this._hasChildrenExpression=t.hasChildrenExpression,this._getItemIdFn=t.getItemId,this._transformer=t.transformer,D.makeObservable(this,{_innerProvider:D.observable.ref,_isLoading:D.observable,_isInitialized:D.observable,tree:D.computed,originalItems:D.computed,initialized:D.computed,isLoading:D.computed})}get tree(){var t;return((t=this._innerProvider)==null?void 0:t.tree)??[]}get originalItems(){var t;return((t=this._innerProvider)==null?void 0:t.originalItems)??new Map}get initialized(){var t;return this._isInitialized&&!!((t=this._innerProvider)!=null&&t.initialized)}get isLoading(){return this._isLoading||!!this._currentModelId&&!this._innerProvider&&this._isInitialized}hasChildren(t){return this._innerProvider?this._innerProvider.hasChildren(t):"unknown"}getItemId(t){return this._getItemIdFn(t)}async init(){if(!this._isInitializing){if(this._isInitialized&&(this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._isInitialized=!1,this._currentModelId=void 0),this._isDisposed&&(this._isDisposed=!1),this._isInitializing=!0,typeof this._modelId=="function"){const t=this._modelId;this._modelIdReactionDisposer=D.reaction(()=>{try{return t(this._context)}catch{return}},o=>{o!==this._currentModelId&&this.handleModelIdChange(o)},{fireImmediately:!0,scheduler:o=>queueMicrotask(o)})}else this._currentModelId=this._modelId,await this.subscribeToModelLifecycle(this._modelId);D.runInAction(()=>{this._isInitialized=!0,this._isInitializing=!1})}}handleModelIdChange(t){this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null),this._currentModelId=t}),t&&this.subscribeToModelLifecycle(t)}async subscribeToModelLifecycle(t){if(this._innerProvider)return;const o=this.getModelFromManager(t);if(o){await this.createInnerProvider(o);return}const r=`${wy}${this._modelType}/${t}`,n=W.EventBus.subscribe(r,()=>{const s=this.getModelFromManager(t);s&&this.createInnerProvider(s)});this._eventBusUnsubscribe=n.unsubscribe}async createInnerProvider(t){if(this._innerProvider)return;const o=new Cy(t,this._rootsExpression,this._childrenExpression,this._hasChildrenExpression,this._getItemIdFn,this._transformer);D.runInAction(()=>{this._isLoading=!1,this._innerProvider=o}),await o.init()}getModelFromManager(t){var o;try{const r=W.getKosModelSync(t);return this._shouldActivate&&((o=r==null?void 0:r.model)!=null&&o.activate)&&(D.runInAction(()=>{this._isLoading=!0}),r.model.activate().finally(()=>{D.runInAction(()=>{this._isLoading=!1})})),r==null?void 0:r.model}catch{return null}}async expandBranch(t,o){return this._innerProvider?this._innerProvider.expandBranch(t,o):Promise.resolve()}async expandAll(){return this._innerProvider?this._innerProvider.expandAll():Promise.resolve()}collapseBranch(t){this._innerProvider&&this._innerProvider.collapseBranch(t)}clearCache(t){this._innerProvider&&this._innerProvider.clearCache(t)}refresh(){this._innerProvider&&this._innerProvider.refresh()}async whenReady(){return this._innerProvider?this._innerProvider.whenReady():Promise.resolve()}dispose(){this._isDisposed||(this._modelIdReactionDisposer&&(this._modelIdReactionDisposer(),this._modelIdReactionDisposer=null),this._eventBusUnsubscribe&&(this._eventBusUnsubscribe(),this._eventBusUnsubscribe=null),D.runInAction(()=>{this._innerProvider&&(this._innerProvider.dispose(),this._innerProvider=null)}),this._isDisposed=!0,this._isInitialized=!1,this._isInitializing=!1,this._currentModelId=void 0)}}function $y(e){return new na(e)}Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>q.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>q.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>q.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>ke.flexRender});exports.ActionBar=Gr;exports.ActionSelect=Bu;exports.ActionableBlurb=pc;exports.AlertTooltip=jr;exports.AlternatingStatus=Nc;exports.AnimatePresence=es;exports.AnonymousBranch=Vf;exports.AnonymousGroup=xf;exports.ArtifactVersion=Oh;exports.AsyncList=Kp;exports.AsyncListGroupHeader=zr;exports.AsyncNamedCollapsibleBranch=Kf;exports.AsyncTreeList=vi;exports.Badge=lh;exports.BaseAsyncTreeDataProvider=ii;exports.BaseModalContent=hg;exports.BaseObservableDataProvider=Fr;exports.BaseUIComponentsContextProvider=dc;exports.BottomDialogDrawer=Cd;exports.BottomInlineDrawer=Dd;exports.BrandedHeader=zm;exports.Button=Ve;exports.ButtonGroup=Pc;exports.ButtonGroupItem=rs;exports.CheckBox=_t;exports.CheckListItemCheck=Co;exports.CheckListItemCheckCompact=hi;exports.CheckListItemContainer=Xt;exports.CheckListItemContainerCompact=Wr;exports.CheckListItemContainerWithDivider=di;exports.CheckListItemContainerWithDividerCompact=ui;exports.CheckListItemName=$o;exports.CheckListItemNameCompact=pi;exports.CheckListItemTemplate=fi;exports.Collapsible=po;exports.CollapsibleArtifact=$c;exports.CollapsibleContent=fo;exports.CollapsibleList=Bh;exports.CollapsibleTrigger=hr;exports.ComboBox=qs;exports.CopyableText=rd;exports.DarkTooltip=vo;exports.DarkTooltipStyle=Bs;exports.DatePicker=T0;exports.DescriptionListItemTemplate=Sf;exports.Dialog=pr;exports.DialogContent=gr;exports.DialogTrigger=fr;exports.Drawer=Ed;exports.DrawerContent=Md;exports.DrawerHeader=Od;exports.DrawerTrigger=zd;exports.Dropdown=ti;exports.DropdownMenu=Mr;exports.EMAIL_PATTERN=bs;exports.EmailRequirementKeys=ys;exports.EmptyListMessage=R0;exports.EndOverlayStyle=ud;exports.ErrorTooltip=Ps;exports.FIRST_CHAR_ALPHA=Jd;exports.FakeInputReference=Zs;exports.FilterPanel=F0;exports.FlexHandle=qt;exports.FlexResizablePanel=Ds;exports.Form=Xs;exports.FormAccessToggles=Dp;exports.FormCheckbox=jp;exports.FormComboBox=Mp;exports.FormErrorMessage=Ge;exports.FormField=$p;exports.FormFileInput=Np;exports.FormInput=Tr;exports.FormInputWrapper=Ke;exports.FormLabel=$e;exports.FormMultiSelect=Wp;exports.FormNameInput=zp;exports.FormSelect=wp;exports.FormSubmit=Dr;exports.FormTextArea=xp;exports.FormToggle=gp;exports.GroupContext=Br;exports.GroupList=mf;exports.GroupedObservableDataProvider=uf;exports.HiddenFormInput=_r;exports.HolderListItemTemplate=pm;exports.HorizontalRule=Nd;exports.Icon=N;exports.IconButton=ae;exports.Input=Dt;exports.InputSearch=Wd;exports.ItemActionBar=ko;exports.ItemSelectionList=sm;exports.ItemSelectionListDataProvider=lm;exports.KOSLogo=Mh;exports.Label=ms;exports.LabelWithAction=Ud;exports.LabelWithContent=xr;exports.LabelWithContentLink=Yd;exports.LeftDialogDrawer=md;exports.LeftInlineDrawer=jd;exports.LifecycleAwareListProvider=ra;exports.LifecycleAwareTreeProvider=na;exports.LightTooltip=yo;exports.LightTooltipStyle=As;exports.Link=ur;exports.List=Lr;exports.ListContext=Rr;exports.ListContextProvider=Nr;exports.ListWithDetailsLayout=fy;exports.LockedButton=kc;exports.MenuWrapper=z0;exports.MiddleTruncateText=go;exports.Modal=_g;exports.ModalOverlayStyles=ji;exports.ModalTrigger=Dg;exports.MultiSelect=Ys;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=xs;exports.NO_SPACES_PATTERN=Xd;exports.NUMBERS_ONLY_PATTERN=Zd;exports.NamedCollapsibleBranch=rg;exports.NamedCollapsibleGroup=bf;exports.NamedListItemTemplate=jf;exports.NamedSection=_i;exports.NamedSectionHeader=Og;exports.ObservableDataProvider=Ar;exports.Option=dt;exports.PASSWORD_MIN_LENGTH=eu;exports.PASSWORD_REQUIREMENTS=Ir;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=Qs;exports.PageHeader=Bg;exports.PaneSplitter=uu;exports.PasswordRequirementKeys=Bt;exports.PasswordRequirementsList=up;exports.PropertyDataProvider=hf;exports.RadioButton=Cs;exports.RequirementsList=Js;exports.ResizablePanel=vr;exports.ResizablePanelGroup=_s;exports.ResizablePanelGroupContextProvider=Is;exports.ResizablePanelHandle=Es;exports.RightDialogDrawer=yd;exports.RightInlineDrawer=Id;exports.SOURCE_PROP_KEY=Ut;exports.SOURCE_SYMBOL=Er;exports.ScreenOverlay=zs;exports.ScreenOverlayWithAction=fb;exports.Select=Tt;exports.SelectAsyncTreeList=Hf;exports.SelectContext=Cr;exports.SelectList=wo;exports.SelectListContext=Et;exports.SelectSeparator=Or;exports.SelectViewList=Zg;exports.SelectViewListItem=Ti;exports.SelectorTooltip=Hs;exports.ShellIconButton=Uu;exports.ShellMenu=cm;exports.ShellMenuLink=um;exports.StartOverlayStyle=dd;exports.StickyObserver=nr;exports.StudioNamedListItem=ni;exports.StyledSelectOption=qp;exports.Tab=Gu;exports.TabPane=th;exports.TabTrigger=Ku;exports.TabTriggerList=Ju;exports.Table=Am;exports.TableHeader=ir;exports.TableNamedListItemTemplate=Mf;exports.TableTd=Vr;exports.Tag=uo;exports.TagWithRemove=ih;exports.Text=E;exports.TextHighlight=ah;exports.Textarea=Sr;exports.Toggle=xo;exports.ToggleThumb=Ns;exports.ToggleTrack=Rs;exports.Tooltip=Vs;exports.TopDialogDrawer=wd;exports.TopInlineDrawer=_d;exports.TreeDataProvider=Ff;exports.TreeList=Bf;exports.USERNAME_PATTERN=qd;exports.View=Qi;exports.ViewContainer=ea;exports.ViewHeader=Kr;exports.VirtualList=ki;exports.VirtualTable=ab;exports.VirtualizedList=wi;exports.VirtualizedSelectList=ug;exports.attachSource=ho;exports.baseComponentStyles=Pn;exports.baseGenericStyles=qo;exports.baseSemanticStyles=Zo;exports.componentStudioTokenCss=Yl;exports.componentStyles=Yo;exports.createLifecycleAwareProvider=ky;exports.createLifecycleAwareTreeProvider=$y;exports.createLocalComponentHelper=Vl;exports.createLocalComponentTokenCss=Ul;exports.createLocalTokenSystem=Hl;exports.createObservableListProvider=oa;exports.createTableColumnHelper=Um;exports.darkTooltipArrow=Ws;exports.getByteString=Ug;exports.getComponentTokenHelpers=M;exports.getCurrentDragData=by;exports.getEmailValidation=Qd;exports.getErrorMessage=ou;exports.getGlobalToken=F;exports.getPasswordValidation=tu;exports.getPropertyWithFallback=Pp;exports.getSemanticToken=c;exports.getSource=Gt;exports.getStyles=Ql;exports.globalStudioTokenCss=Kl;exports.isContextAware=rr;exports.isErrorWithMessage=vs;exports.isGroupFactory=ai;exports.isItemTemplateFactory=ri;exports.isLockedAware=Hp;exports.keyResolver=si;exports.lightTooltipArrow=Ls;exports.noop=Ue;exports.normalizePathDisplay=Gg;exports.rootStyles=Xo;exports.scrollbarStyle=rc;exports.semanticStudioTokenCss=Gl;exports.stringComponentInsert=Wn;exports.studioColors=Hn;exports.studioDarkColors=Un;exports.studioGenericColor=Gn;exports.studioLightColors=Vn;exports.studioTheme=nc;exports.transformLocalTokenObject=cr;exports.useBaseUIComponentsContext=qn;exports.useButtonGroupContext=os;exports.useCollapsibleContext=Yt;exports.useContainerWidth=br;exports.useDialogContext=rt;exports.useDialogContextValue=ns;exports.useDragDrop=xy;exports.useDrawerContext=ut;exports.useGroupSelection=Rf;exports.useListContext=tf;exports.useListGroupContext=li;exports.useLoadDataProvider=Zt;exports.useModalContext=rt;exports.useMultiSelectContext=Gs;exports.useOpenedGroups=Of;exports.useResizablePanelGroupContext=yr;exports.useResizeObserver=ks;exports.useSelectContext=$r;exports.useSelectListContext=Ye;exports.useSelection=Nf;exports.useTabContext=bo;exports.useTableContext=Hr;exports.useTreeListContext=mi;
3312
3411
  //# sourceMappingURL=index.cjs.map