@kosdev-code/base-ui-components 0.1.0-dev.5200 → 0.1.0-dev.5264

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.
Files changed (43) hide show
  1. package/components/atoms/icon/common/types.d.ts +1 -1
  2. package/components/atoms/icon/common/types.d.ts.map +1 -1
  3. package/components/molecules/filter-panel/filter-panel.d.ts +58 -0
  4. package/components/molecules/filter-panel/filter-panel.d.ts.map +1 -0
  5. package/components/molecules/filter-panel/index.d.ts +3 -0
  6. package/components/molecules/filter-panel/index.d.ts.map +1 -0
  7. package/components/molecules/form/components/form-input.d.ts +2 -0
  8. package/components/molecules/form/components/form-input.d.ts.map +1 -1
  9. package/components/molecules/index.d.ts +1 -0
  10. package/components/molecules/index.d.ts.map +1 -1
  11. package/components/molecules/list/common/data-providers/async-tree-data-provider.d.ts +178 -0
  12. package/components/molecules/list/common/data-providers/async-tree-data-provider.d.ts.map +1 -0
  13. package/components/molecules/list/common/data-providers/base-async-tree-data-provider.d.ts +177 -0
  14. package/components/molecules/list/common/data-providers/base-async-tree-data-provider.d.ts.map +1 -0
  15. package/components/molecules/list/common/data-providers/base-observable-data-provider.d.ts +4 -2
  16. package/components/molecules/list/common/data-providers/base-observable-data-provider.d.ts.map +1 -1
  17. package/components/molecules/list/common/data-providers/index.d.ts +2 -0
  18. package/components/molecules/list/common/data-providers/index.d.ts.map +1 -1
  19. package/components/molecules/list/common/samples/data-providers/async-tree-example.d.ts +153 -0
  20. package/components/molecules/list/common/samples/data-providers/async-tree-example.d.ts.map +1 -0
  21. package/components/molecules/list/common/templates/group/named-collapsible-group.d.ts.map +1 -1
  22. package/components/molecules/list/common/types.d.ts +1 -0
  23. package/components/molecules/list/common/types.d.ts.map +1 -1
  24. package/components/molecules/list/tree-list/async-tree-list.d.ts +183 -0
  25. package/components/molecules/list/tree-list/async-tree-list.d.ts.map +1 -0
  26. package/components/molecules/list/tree-list/index.d.ts +2 -0
  27. package/components/molecules/list/tree-list/index.d.ts.map +1 -1
  28. package/components/molecules/list/tree-list/select-async-tree-list.d.ts +19 -0
  29. package/components/molecules/list/tree-list/select-async-tree-list.d.ts.map +1 -0
  30. package/components/molecules/list/tree-list/templates/named-collapsible-branch.d.ts.map +1 -1
  31. package/hooks/use-drag-drop.d.ts +3 -1
  32. package/hooks/use-drag-drop.d.ts.map +1 -1
  33. package/index.cjs +727 -598
  34. package/index.cjs.map +1 -1
  35. package/index.js +4400 -3631
  36. package/index.js.map +1 -1
  37. package/package.json +3 -3
  38. package/styles/tokens/component-tokens/index.d.ts +10 -0
  39. package/styles/tokens/component-tokens/index.d.ts.map +1 -1
  40. package/styles/tokens/component-tokens/named-collapsable-branch/index.d.ts +13 -0
  41. package/styles/tokens/component-tokens/named-collapsable-branch/index.d.ts.map +1 -0
  42. package/styles/tokens/index.d.ts +11 -1
  43. package/styles/tokens/index.d.ts.map +1 -1
package/index.cjs CHANGED
@@ -1,28 +1,28 @@
1
- "use strict";var Li=Object.defineProperty;var Wi=(e,t,o)=>t in e?Li(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var J=(e,t,o)=>(Wi(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"),h=require("@emotion/styled"),E=require("@emotion/react"),lr=require("react-dom"),N=require("@floating-ui/react"),Bi=require("@use-gesture/react"),P=require("react-hook-form"),V=require("@kosdev-code/kos-ui-sdk"),Q=require("mobx"),ge=require("@tanstack/react-table"),B=require("date-fns");function Pi(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 qt=Pi(d),Hi=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Vi=e=>e instanceof RegExp,Gi=e=>typeof e=="string",Ui=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},Yi=(e,t,o)=>{if(e===""||t==="")return e;let n=t;Vi(n)||(n=new RegExp("("+Hi(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},cr=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),Ui(n.map(r=>Gi(r)?Yi(r,t,o):r))},pt=(e,t)=>t?e:`var(${e})`,I=(e,t)=>pt(`--studio-g-${e}`,t),c=(e,t)=>pt(`--studio-s-${e}`,t),Ki={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},qi={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},Zi={"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")}},Xi={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")}},Ji={"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")}`}},Qi={"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")}},ea={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)"}},ta={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`}},oa={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},na={"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)"}},ra={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-xxsm":c("spacing-10")}},sa={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},ia={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"}},aa={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")}},la={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"}},ca={"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")}},da={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")}},ua={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"}},fa={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")}},pa={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},ga={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-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")}},ha={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")}},ma={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"}},ba={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")}},xa={"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"}},ya={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},ka={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")}},va={"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")}},wa={"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")}},Ca={"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")}},$a={"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")}},Sa={"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")}},ja={"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")}},Ta={"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")}},Da={"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")}},Ea={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"),"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")}},Ma={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},za={"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")}},Oa={"shell-icon-button":{padding:"5px"}},Ia={"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")}},Ra={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)"}},Na={...Ki,...qi,...Zi,...Xi,...Ji,...Qi,...ea,...ta,...oa,...na,...ra,...sa,...ia,...aa,...la,...ca,...da,...ua,...fa,...pa,...ga,...ha,...ma,...ba,...xa,...ya,...ka,...va,...Ra,...wa,...Ca,...$a,...Sa,...ja,...Ta,...Da,...Ea,...Ma,...za,...Oa,...Ia},Fa={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"}},Aa={"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"}},_a={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"}},La={...Fa,...Aa,..._a},Wa={color:{white:I("color-grey0"),grey10:I("color-grey10"),grey15:I("color-grey15"),grey20:I("color-grey20"),grey30:I("color-grey30"),grey40:I("color-grey40"),grey50:I("color-grey50"),grey60:I("color-grey60"),grey65:I("color-grey65"),grey70:I("color-grey70"),grey80:I("color-grey80"),black:I("color-grey100"),primary:I("color-blue30"),primaryLight:I("color-blue0"),additional1:I("color-blue20"),additional2:I("color-blue40"),additional3:I("color-blue10"),green:I("color-green0"),orange:I("color-orange0"),red:I("color-red0"),purple:I("color-purple0"),blue:I("color-blue30"),yellow:I("color-yellow0")}},Ba={"font-size":{sm:I("font-size-10px"),med:I("font-size-12px"),lrg:I("font-size-14px"),xlrg:I("font-size-16px")},"font-weight":{normal:I("font-weight-400"),bold:I("font-weight-700")},"font-family":{default:I("font-family-Arial")},"line-height":{default:I("line-height-120")}},Pa={spacing:{2:I("spacing-2px"),4:I("spacing-4px"),6:I("spacing-6px"),7:I("spacing-7px"),8:I("spacing-8px"),10:I("spacing-10px"),12:I("spacing-12px"),14:I("spacing-14px"),16:I("spacing-16px"),18:I("spacing-18px"),20:I("spacing-20px"),22:I("spacing-22px"),24:I("spacing-24px"),26:I("spacing-26px"),28:I("spacing-28px"),30:I("spacing-30px"),32:I("spacing-32px"),34:I("spacing-34px"),36:I("spacing-36px"),40:I("spacing-40px")},border:{xsm:I("spacing-0-5px"),sm:I("spacing-1px"),med:I("spacing-2px"),lrg:I("spacing-3px")}},Ha={...Wa,...Ba,...Pa},Uo=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`--${t}-${o}-${n}: ${e[o][n]}`)),Va=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:n=":root"}=t,r=l=>l.map(a=>(u,f)=>pt(`--${o}-${String(a)}-${u}`,f)),s=E.css`
1
+ "use strict";var Gi=Object.defineProperty;var Ui=(e,t,o)=>t in e?Gi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var V=(e,t,o)=>(Ui(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"),m=require("@emotion/styled"),M=require("@emotion/react"),cr=require("react-dom"),O=require("@floating-ui/react"),Yi=require("@use-gesture/react"),K=require("react-hook-form"),L=require("@kosdev-code/kos-ui-sdk"),P=require("mobx"),dr=require("mobx-react-lite"),be=require("@tanstack/react-table"),Y=require("date-fns");function Ki(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 Zt=Ki(d),qi=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Zi=e=>e instanceof RegExp,Xi=e=>typeof e=="string",Ji=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},Qi=(e,t,o)=>{if(e===""||t==="")return e;let n=t;Zi(n)||(n=new RegExp("("+qi(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},ur=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),Ji(n.map(r=>Xi(r)?Qi(r,t,o):r))},pt=(e,t)=>t?e:`var(${e})`,F=(e,t)=>pt(`--studio-g-${e}`,t),c=(e,t)=>pt(`--studio-s-${e}`,t),ea={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},ta={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},oa={"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")}},na={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")}},ra={"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")}`}},sa={"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")}},ia={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)"}},aa={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`}},la={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},ca={"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)"}},da={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-xxsm":c("spacing-10")}},ua={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},fa={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"}},pa={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")}},ha={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"}},ga={"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")}},ma={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")}},ba={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"}},xa={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")}},ya={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},ka={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-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")}},va={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")}},wa={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"}},Ca={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")}},$a={"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"}},Sa={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},ja={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")}},Ta={"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")}},Da={"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")}},Ma={"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")}},Ea={"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")}},Oa={"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")}},za={"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")}},Ia={"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")}},Ra={"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")}},Na={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"),"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")}},Fa={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},Aa={"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")}},_a={"shell-icon-button":{padding:"5px"}},La={"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")}},Wa={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)"}},Ba={"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-8"),"subtext-padding-with-icon":c("spacing-20")}},Pa={...ea,...ta,...oa,...na,...ra,...sa,...ia,...aa,...la,...ca,...da,...ua,...fa,...pa,...ha,...ga,...ma,...ba,...xa,...ya,...ka,...va,...wa,...Ca,...$a,...Sa,...ja,...Ta,...Wa,...Da,...Ma,...Ea,...Oa,...za,...Ia,...Ra,...Na,...Fa,...Aa,..._a,...La,...Ba},Ha={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"}},Va={"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"}},Ga={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"}},Ua={...Ha,...Va,...Ga},Ya={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")}},Ka={"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")}},qa={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")}},Za={...Ya,...Ka,...qa},Yo=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`--${t}-${o}-${n}: ${e[o][n]}`)),Xa=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:n=":root"}=t,r=l=>l.map(a=>(u,f)=>pt(`--${o}-${String(a)}-${u}`,f)),s=M.css`
2
2
  ${n} {
3
- ${Uo(e,o).join(`;
3
+ ${Yo(e,o).join(`;
4
4
  `)};
5
5
  }
6
- `;return{getLocalComponentTokenHelpers:r,localComponentTokenCss:s}},Ga=(e,t="studio-c")=>(o,n)=>pt(`--${t}-${e}-${o}`,n),Ua=(e,t={})=>{const{prefix:o="studio-c"}=t;return E.css`
7
- ${Uo(e,o).join(`;
6
+ `;return{getLocalComponentTokenHelpers:r,localComponentTokenCss:s}},Ja=(e,t="studio-c")=>(o,n)=>pt(`--${t}-${e}-${o}`,n),Qa=(e,t={})=>{const{prefix:o="studio-c"}=t;return M.css`
7
+ ${Yo(e,o).join(`;
8
8
  `)};
9
- `},O=e=>e.map(t=>(o,n)=>pt(`--studio-c-${t}-${o}`,n)),Yo=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`${t(`${o}-${n}`,!0)}: ${e[o][n]}`)),Ya=E.css`
9
+ `},I=e=>e.map(t=>(o,n)=>pt(`--studio-c-${t}-${o}`,n)),Ko=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`${t(`${o}-${n}`,!0)}: ${e[o][n]}`)),el=M.css`
10
10
  :root {
11
- ${Yo(Ha,c)}
11
+ ${Ko(Za,c)}
12
12
  }
13
- `,Ka=E.css`
13
+ `,tl=M.css`
14
14
  :root {
15
15
  .rdp-root {
16
16
  --rdp-accent-color: ${c("color-primary")};
17
17
  }
18
18
 
19
- ${Yo(La,I)}
19
+ ${Ko(Ua,F)}
20
20
  }
21
- `,qa=E.css`
21
+ `,ol=M.css`
22
22
  :root {
23
- ${Yo(Na,(e,t)=>pt(`--studio-c-${e}`,t))}
23
+ ${Ko(Pa,(e,t)=>pt(`--studio-c-${e}`,t))}
24
24
  }
25
- `,Za=E.css`
25
+ `,nl=M.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
- `,Xa=E.css`
50
+ `,rl=M.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
- `,Ja=E.css`
116
+ `,sl=M.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
- `,Qa=E.css`
149
+ `,il=M.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
- `,dr=E.css`
156
+ `,fr=M.css`
157
157
  :root {
158
158
  }
159
- `,Oo=[dr,Za,Xa,Ja,Qa],Io=E.css`
159
+ `,zo=[fr,nl,rl,sl,il],Io=M.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
- `,Ro=E.css`
258
+ `,Ro=M.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
- `,No=E.css`
512
+ `,No=M.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
- `,el=e=>e==="studio"?[No,Io,...Oo,Ro]:[No,Io,...Oo,Ro],ur={"--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"},fr={"--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)"},pr={"--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"},tl={"--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)"},ol={"--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"},nl={"--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"},On={"--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"},rl=E.css`
533
+ `,al=e=>e==="studio"?[No,Io,...zo,Ro]:[No,Io,...zo,Ro],pr={"--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"},hr={"--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)"},gr={"--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"},mr={"--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"},ll={"--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)"},cl={"--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"},dl={"--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"},In={"--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"},ul=M.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
- `,sl=()=>E.css`
540
+ `,fl=()=>M.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
- ${E.css(ur)}
550
- ${E.css(nl)}
551
- ${E.css(ol)}
552
- ${E.css(gr)}
553
- ${E.css(tl)}
549
+ ${M.css(pr)}
550
+ ${M.css(dl)}
551
+ ${M.css(cl)}
552
+ ${M.css(mr)}
553
+ ${M.css(ll)}
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
- ${E.css(On)}
628
+ ${M.css(In)}
629
629
  }
630
630
  }
631
631
  @media (-webkit-min-device-pixel-ratio: 1.25) {
632
632
  :root {
633
- ${E.css(On)}
633
+ ${M.css(In)}
634
634
  }
635
635
  }
636
636
  @media (prefers-color-scheme: light) {
637
637
  :root {
638
- ${E.css(fr)}
638
+ ${M.css(hr)}
639
639
  }
640
640
  }
641
641
  :root {
@@ -654,7 +654,7 @@
654
654
  }
655
655
  @media (prefers-color-scheme: dark) {
656
656
  :root {
657
- ${E.css(pr)}
657
+ ${M.css(gr)}
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 gt(e){return d.forwardRef(e)}const[xe]=O(["text"]),hr=["blue","dark","disabled","green","grey","light","red","yellow","orange"],il=({bold:e,children:t,color:o,ellipsis:n,lineClamp:r,textAlign:s,underline:l,variant:a,...u},f)=>i.jsx(E.ClassNames,{children:({cx:p})=>i.jsx(ll,{"data-variant":a,"data-alignment":s,"data-color":o,ref:f,...u,className:p(u.className,{isBold:e,isUnderlined:l,isEllipsized:n,isLineClamped:r}),children:t})}),M=gt(il),al=["left","right","center","justify"],ll=h.span`
675
- font-family: ${xe("font-family")};
676
- line-height: ${xe("line-height")};
674
+ `;function ht(e){return d.forwardRef(e)}const[ve]=I(["text"]),br=["blue","dark","disabled","green","grey","light","red","yellow","orange"],pl=({bold:e,children:t,color:o,ellipsis:n,lineClamp:r,textAlign:s,underline:l,variant:a,...u},f)=>i.jsx(M.ClassNames,{children:({cx:p})=>i.jsx(gl,{"data-variant":a,"data-alignment":s,"data-color":o,ref:f,...u,className:p(u.className,{isBold:e,isUnderlined:l,isEllipsized:n,isLineClamped:r}),children:t})}),E=ht(pl),hl=["left","right","center","justify"],gl=m.span`
675
+ font-family: ${ve("font-family")};
676
+ line-height: ${ve("line-height")};
677
677
  vertical-align: bottom;
678
- font-weight: ${xe("font-weight-normal")};
678
+ font-weight: ${ve("font-weight-normal")};
679
679
  margin: 0;
680
680
  color: inherit;
681
681
  &.isBold {
682
- font-weight: ${xe("font-weight-bold")};
682
+ font-weight: ${ve("font-weight-bold")};
683
683
  }
684
684
  &.isEllipsized {
685
685
  text-overflow: ellipsis;
@@ -698,31 +698,31 @@
698
698
  text-decoration: underline;
699
699
  }
700
700
  &[data-variant="h1"] {
701
- font-size: ${xe("h1-size")};
702
- font-weight: ${xe("font-weight-bold")};
701
+ font-size: ${ve("h1-size")};
702
+ font-weight: ${ve("font-weight-bold")};
703
703
  }
704
704
  &[data-variant="h2"] {
705
- font-size: ${xe("h2-size")};
706
- font-weight: ${xe("font-weight-bold")};
705
+ font-size: ${ve("h2-size")};
706
+ font-weight: ${ve("font-weight-bold")};
707
707
  }
708
708
  &[data-variant="body"] {
709
- font-size: ${xe("body-size")};
709
+ font-size: ${ve("body-size")};
710
710
  }
711
711
  &[data-variant="small"] {
712
- font-size: ${xe("small-size")};
712
+ font-size: ${ve("small-size")};
713
713
  }
714
- ${al.map(e=>`&[data-alignment="${e}"] {
714
+ ${hl.map(e=>`&[data-alignment="${e}"] {
715
715
  text-align: ${e};
716
716
  }`).join(`
717
717
  `)}
718
- ${hr.map(e=>`&[data-color="${e}"] {
719
- color: ${xe(`color-${e}`)};
718
+ ${br.map(e=>`&[data-color="${e}"] {
719
+ color: ${ve(`color-${e}`)};
720
720
  }`).join(`
721
721
  `)}
722
- `,[qe]=O(["link"]),Ko=({children:e,onClick:t,size:o="med",isDisabled:n,...r})=>i.jsx("span",{css:E.css`
723
- ${cl}
722
+ `,[qe]=I(["link"]),qo=({children:e,onClick:t,size:o="med",isDisabled:n,...r})=>i.jsx("span",{css:M.css`
723
+ ${ml}
724
724
  font-size: ${qe(`font-size-${o}`)};
725
- `,onClick:t,className:n?"isDisabled":void 0,...r,children:e}),cl=E.css`
725
+ `,onClick:t,className:n?"isDisabled":void 0,...r,children:e}),ml=M.css`
726
726
  font-weight: ${qe("font-weight")};
727
727
  font-family: ${qe("font-family")};
728
728
  line-height: ${qe("line-height")};
@@ -739,7 +739,7 @@
739
739
  color: ${qe("color-disabled")};
740
740
  pointer-events: none;
741
741
  }
742
- `,Fo=["black","blue","green","grey","orange","purple","red","white","yellow"],dl=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg"],mr=d.createContext(null),ul=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return i.jsx(mr.Provider,{value:o,children:e})},br=()=>{const e=d.useContext(mr);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[wt]=O(["icon"]),fl=d.forwardRef(({iconId:e,size:t="sm",color:o,...n},r)=>{const{basePath:s}=br();return i.jsx(pl,{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(fl);F.displayName="Icon";const pl=h.svg`
742
+ `,Fo=["black","blue","green","grey","orange","purple","red","white","yellow"],bl=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg"],xr=d.createContext(null),xl=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return i.jsx(xr.Provider,{value:o,children:e})},yr=()=>{const e=d.useContext(xr);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[wt]=I(["icon"]),yl=d.forwardRef(({iconId:e,size:t="sm",color:o,...n},r)=>{const{basePath:s}=yr();return i.jsx(kl,{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}`})})}),W=d.memo(yl);W.displayName="Icon";const kl=m.svg`
743
743
  fill: currentColor;
744
744
  transition: fill 0.125s ease-in-out;
745
745
 
@@ -749,45 +749,45 @@
749
749
  }`).join("")}
750
750
 
751
751
  // Sizes
752
- ${dl.map(e=>`&[data-size="${e}"] {
752
+ ${bl.map(e=>`&[data-size="${e}"] {
753
753
  max-height: ${wt(`size-${e}`)};
754
754
  max-width: ${wt(`size-${e}`)};
755
755
  min-height: ${wt(`size-${e}`)};
756
756
  min-width: ${wt(`size-${e}`)};
757
757
  }`).join("")}
758
- `,[xr]=O(["actionable-blurb"]),gl=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:f,actionText:p})=>{u=cr(u,p,g=>i.jsx(Ko,{onClick:f,children:g},g))}),u},[t,e]);return i.jsxs(hl,{className:l,children:[i.jsx(ml,{children:i.jsx(F,{iconId:o,size:s??"xsm",color:r??"black"})}),i.jsxs(bl,{className:"blurb-wrapper",children:[i.jsx(M,{color:"dark",variant:"body",bold:!0,children:n}),i.jsx(M,{color:"dark",variant:"body",children:a})]})]})}),hl=h.div`
758
+ `,[kr]=I(["actionable-blurb"]),vl=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:f,actionText:p})=>{u=ur(u,p,h=>i.jsx(qo,{onClick:f,children:h},h))}),u},[t,e]);return i.jsxs(wl,{className:l,children:[i.jsx(Cl,{children:i.jsx(W,{iconId:o,size:s??"xsm",color:r??"black"})}),i.jsxs($l,{className:"blurb-wrapper",children:[i.jsx(E,{color:"dark",variant:"body",bold:!0,children:n}),i.jsx(E,{color:"dark",variant:"body",children:a})]})]})}),wl=m.div`
759
759
  width: 100%;
760
760
  display: grid;
761
- grid-template-columns: ${xr("icon-column-width")} 1fr;
762
- `,ml=h.div`
761
+ grid-template-columns: ${kr("icon-column-width")} 1fr;
762
+ `,Cl=m.div`
763
763
  height: 100%;
764
764
  display: flex;
765
765
  align-items: flex-start;
766
766
  justify-content: flex-start;
767
- `,bl=h.div`
767
+ `,$l=m.div`
768
768
  display: flex;
769
769
  align-items: flex-start;
770
770
  justify-content: flex-start;
771
771
  flex-direction: column;
772
- row-gap: ${xr("row-gap")};
773
- `,xl=({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])},yr=d.createContext(null),Ft=()=>{const e=d.useContext(yr);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},Jt=({children:e,...t})=>{const o=xl(t);return i.jsx(yr.Provider,{value:o,children:e})},qo=({children:e})=>{const{open:t,setOpen:o}=Ft(),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")},Qt=({children:e})=>{const{open:t}=Ft();return t?e:null};function kr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var vr={exports:{}};/*!
772
+ row-gap: ${kr("row-gap")};
773
+ `,Sl=({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])},vr=d.createContext(null),Ft=()=>{const e=d.useContext(vr);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},Qt=({children:e,...t})=>{const o=Sl(t);return i.jsx(vr.Provider,{value:o,children:e})},Zo=({children:e})=>{const{open:t,setOpen:o}=Ft(),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")},eo=({children:e})=>{const{open:t}=Ft();return t?e:null};function wr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Cr={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})()})(vr);var yl=vr.exports;const ht=kr(yl),[Ce]=O(["icon-button"]),ee=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:n,className:r,size:s,type:l,isActive:a,badgeColor:u,hasBadge:f,...p},g)=>i.jsxs(kl,{className:ht({isActive:a},r),type:l??"button",ref:g,...p,children:[f&&i.jsx(vl,{"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"})]})),kl=h.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=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})()})(Cr);var jl=Cr.exports;const gt=wr(jl),[je]=I(["icon-button"]),ne=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:n,className:r,size:s,type:l,isActive:a,badgeColor:u,hasBadge:f,...p},h)=>i.jsxs(Tl,{className:gt({isActive:a},r),type:l??"button",ref:h,...p,children:[f&&i.jsx(Dl,{"data-size":s,"data-border-color":o??n,"data-color":u??n,style:t?{right:t.x,top:t.y}:void 0}),i.jsx(W,{size:s,color:p.disabled?"grey":n??"white",iconId:e,className:"icon-button-icon"})]})),Tl=m.button`
778
778
  box-sizing: border-box;
779
779
  align-items: center;
780
780
  justify-content: center;
781
781
  display: flex;
782
782
  position: relative;
783
783
  border: 0px;
784
- background-color: ${Ce("background-color")};
785
- border-color: ${Ce("border-color")};
786
- border-radius: ${Ce("border-radius")};
787
- padding: ${Ce("padding")};
788
- cursor: ${Ce("cursor")};
784
+ background-color: ${je("background-color")};
785
+ border-color: ${je("border-color")};
786
+ border-radius: ${je("border-radius")};
787
+ padding: ${je("padding")};
788
+ cursor: ${je("cursor")};
789
789
  &:disabled {
790
- cursor: ${Ce("disabled-cursor")};
790
+ cursor: ${je("disabled-cursor")};
791
791
  }
792
792
  > .icon-button-icon {
793
793
  transition: fill-opacity 0.125s ease-in-out;
@@ -798,30 +798,30 @@
798
798
  }
799
799
  }
800
800
  &.isActive {
801
- background-color: ${Ce("active-background-color")};
801
+ background-color: ${je("active-background-color")};
802
802
  }
803
- `,vl=h.div`
803
+ `,Dl=m.div`
804
804
  position: absolute;
805
805
  border: 1.5px solid ${c("color-black")};
806
806
  border-radius: 50%;
807
- top: ${Ce("badge-top")};
808
- right: ${Ce("badge-right")};
807
+ top: ${je("badge-top")};
808
+ right: ${je("badge-right")};
809
809
  transform: translate(50%, -50%);
810
810
  // Border Colors
811
811
  ${Fo.map(e=>`&[data-border-color="${e}"] {
812
- border-color: ${Ce(`badge-fill-${e}`)};
812
+ border-color: ${je(`badge-fill-${e}`)};
813
813
  }`).join("")}
814
814
  // Colors
815
815
  ${Fo.map(e=>`&[data-color="${e}"] {
816
- background-color: ${Ce(`badge-fill-${e}`)};
816
+ background-color: ${je(`badge-fill-${e}`)};
817
817
  }`).join("")}
818
818
  width: ${c("spacing-8")};
819
819
  height: ${c("spacing-8")};
820
- `,wl=h(ee)`
820
+ `,Ml=m(ne)`
821
821
  &.isLocked {
822
822
  cursor: url("/ui/custom-cursors/locked-cursor.png"), not-allowed !important;
823
823
  }
824
- `,Cl=d.memo(({description:e})=>{const{open:t}=Ft();return i.jsx($l,{color:"grey",variant:"small","data-state":t?"open":"closed",children:e})}),$l=h(M)`
824
+ `,El=d.memo(({description:e})=>{const{open:t}=Ft();return i.jsx(Ol,{color:"grey",variant:"small","data-state":t?"open":"closed",children:e})}),Ol=m(E)`
825
825
  width: 100%;
826
826
  overflow: hidden;
827
827
  text-overflow: ellipsis;
@@ -832,60 +832,60 @@
832
832
  white-space: normal;
833
833
  word-break: break-word;
834
834
  }
835
- `,[ze]=O(["collapsible-artifact"]),Sl=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(Jt,{children:i.jsxs(jl,{className:l,children:[i.jsxs(Dl,{children:[i.jsx(qo,{children:i.jsx(El,{color:"black",size:"xxsm",iconId:"CaretRight"})}),i.jsxs(Ml,{children:[i.jsxs(zl,{children:[i.jsx(M,{css:E.css`
835
+ `,[Re]=I(["collapsible-artifact"]),zl=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(Qt,{children:i.jsxs(Il,{className:l,children:[i.jsxs(Nl,{children:[i.jsx(Zo,{children:i.jsx(Fl,{color:"black",size:"xxsm",iconId:"CaretRight"})}),i.jsxs(Al,{children:[i.jsxs(_l,{children:[i.jsx(E,{css:M.css`
836
836
  word-break: break-all;
837
- `,variant:"small",bold:!0,children:o}),!!n&&i.jsx(M,{variant:"small",color:"blue",children:"Selected"})]}),r&&i.jsx(Cl,{description:r})]}),!!e&&i.jsx(Tl,{color:"blue",iconId:"Export",onClick:a,size:"xsm"})]}),i.jsx(Qt,{children:i.jsx(Ol,{children:i.jsx(Il,{children:s})})})]})})}),jl=h.div`
837
+ `,variant:"small",bold:!0,children:o}),!!n&&i.jsx(E,{variant:"small",color:"blue",children:"Selected"})]}),r&&i.jsx(El,{description:r})]}),!!e&&i.jsx(Rl,{color:"blue",iconId:"Export",onClick:a,size:"xsm"})]}),i.jsx(eo,{children:i.jsx(Ll,{children:i.jsx(Wl,{children:s})})})]})})}),Il=m.div`
838
838
  align-items: flex-start;
839
- background-color: ${ze("background-color")};
840
- border-radius: ${ze("border-radius")};
841
- border: ${ze("border-width")} solid ${ze("border-color")};
839
+ background-color: ${Re("background-color")};
840
+ border-radius: ${Re("border-radius")};
841
+ border: ${Re("border-width")} solid ${Re("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
- `,Tl=h(ee)`
847
+ `,Rl=m(ne)`
848
848
  z-index: 1;
849
- `,Dl=h.div`
849
+ `,Nl=m.div`
850
850
  align-items: flex-start;
851
851
  display: flex;
852
- gap: ${ze("name-and-selected-spacing")};
853
- padding: ${ze("padding")};
852
+ gap: ${Re("name-and-selected-spacing")};
853
+ padding: ${Re("padding")};
854
854
  width: 100%;
855
- `,El=h(ee)`
855
+ `,Fl=m(ne)`
856
856
  z-index: 1;
857
857
 
858
858
  &[data-state="open"] {
859
859
  transform: rotate(90deg);
860
860
  }
861
- `,Ml=h.div`
861
+ `,Al=m.div`
862
862
  display: flex;
863
863
  flex-direction: column;
864
864
  flex: 1;
865
- gap: ${ze("name-and-desc-spacing")};
865
+ gap: ${Re("name-and-desc-spacing")};
866
866
  overflow: hidden;
867
- `,zl=h.div`
867
+ `,_l=m.div`
868
868
  align-items: center;
869
869
  display: flex;
870
870
  flex-wrap: wrap;
871
871
  flex: 1;
872
- gap: ${ze("name-and-selected-spacing")};
872
+ gap: ${Re("name-and-selected-spacing")};
873
873
  justify-content: flex-start;
874
874
  width: 100%;
875
- `,Ol=h.div`
876
- border-top: 1px solid ${ze("border-color")};
875
+ `,Ll=m.div`
876
+ border-top: 1px solid ${Re("border-color")};
877
877
  width: 100%;
878
- `,Il=h.div`
879
- padding: ${ze("name-and-selected-spacing")};
878
+ `,Wl=m.div`
879
+ padding: ${Re("name-and-selected-spacing")};
880
880
  width: 100%;
881
- `,Re=()=>{},Rl=e=>(t,o)=>e[t][o]??t,Nl=(e,t)=>d.useReducer(Rl(t),e),Gt=e=>(e==null?void 0:e.animationName)||"none",Fl=(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,f]=Nl(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=Gt(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,v=Gt(m);e?f("MOUNT"):v==="none"||(m==null?void 0:m.display)==="none"?f("UNMOUNT"):f(x&&y!==v?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,f]),d.useLayoutEffect(()=>{if(o){const m=b=>{const v=Gt(r.current).includes(b.animationName);b.target===o&&v&&lr.flushSync(()=>f("ANIMATION_END"))},x=b=>{b.target===o&&(l.current=Gt(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 f("ANIMATION_END"),Re},[o,f]);const p=d.useCallback(m=>{m&&(r.current=getComputedStyle(m)),n(m)},[]),g=["mounted","unmounting"].includes(u);return d.useEffect(()=>{a.current&&a.current(g)},[g]),{isPresent:g,ref:p}},wr=d.memo(({present:e,children:t,onPresenceChange:o})=>{const n=Fl(e,o);return n.isPresent?d.cloneElement(t,{ref:n.ref,present:e}):null});wr.displayName="AnimatePresence";const Al=({offlineContent:e,onlineContent:t})=>t?e?i.jsx(_l,{children:i.jsxs(Ll,{children:[i.jsx(In,{$front:!0,children:e}),i.jsx(In,{$back:!0,children:t})]})}):t:e,_l=h.div`
881
+ `,Ae=()=>{},Bl=e=>(t,o)=>e[t][o]??t,Pl=(e,t)=>d.useReducer(Bl(t),e),Ut=e=>(e==null?void 0:e.animationName)||"none",Hl=(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,f]=Pl(e?"mounted":"unmounted",{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmounting"},unmounted:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounting:{MOUNT:"mounted",ANIMATION_END:"unmounted"}});d.useEffect(()=>{const g=Ut(r.current);l.current=u==="mounted"?g:"none"},[u]),d.useLayoutEffect(()=>{const g=r.current,x=s.current;if(x!==e){const y=l.current,v=Ut(g);e?f("MOUNT"):v==="none"||(g==null?void 0:g.display)==="none"?f("UNMOUNT"):f(x&&y!==v?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,f]),d.useLayoutEffect(()=>{if(o){const g=b=>{const v=Ut(r.current).includes(b.animationName);b.target===o&&v&&cr.flushSync(()=>f("ANIMATION_END"))},x=b=>{b.target===o&&(l.current=Ut(r.current))};return o.addEventListener("animationstart",x),o.addEventListener("animationcancel",g),o.addEventListener("animationend",g),()=>{o.removeEventListener("animationstart",x),o.removeEventListener("animationcancel",g),o.removeEventListener("animationend",g)}}else return f("ANIMATION_END"),Ae},[o,f]);const p=d.useCallback(g=>{g&&(r.current=getComputedStyle(g)),n(g)},[]),h=["mounted","unmounting"].includes(u);return d.useEffect(()=>{a.current&&a.current(h)},[h]),{isPresent:h,ref:p}},$r=d.memo(({present:e,children:t,onPresenceChange:o})=>{const n=Hl(e,o);return n.isPresent?d.cloneElement(t,{ref:n.ref,present:e}):null});$r.displayName="AnimatePresence";const Vl=({offlineContent:e,onlineContent:t})=>t?e?i.jsx(Gl,{children:i.jsxs(Ul,{children:[i.jsx(Rn,{$front:!0,children:e}),i.jsx(Rn,{$back:!0,children:t})]})}):t:e,Gl=m.div`
882
882
  flex: 1;
883
883
  min-width: 0px;
884
884
  height: 100%;
885
885
  overflow: visible;
886
886
  perspective: 300px;
887
887
  perspective-origin: left center;
888
- `,Ll=h.div`
888
+ `,Ul=m.div`
889
889
  width: 100%;
890
890
  height: 100%;
891
891
  position: relative;
@@ -905,7 +905,7 @@
905
905
  transform: rotateX(360deg);
906
906
  }
907
907
  }
908
- `,In=h.div`
908
+ `,Rn=m.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
- `,[z,de]=O(["button","icon"]),Wl=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},l)=>i.jsx(E.ClassNames,{children:({cx:a})=>i.jsxs(Bl,{disabled:o,className:a(e,n),ref:l,...s,children:[r&&i.jsx(Pl,{children:i.jsx(F,{iconId:r,size:"sm",color:"white"})}),t]})})),Ie=d.memo(Wl);Ie.displayName="StudioButton";const Bl=h.button`
923
+ `,[z,pe]=I(["button","icon"]),Yl=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},l)=>i.jsx(M.ClassNames,{children:({cx:a})=>i.jsxs(Kl,{disabled:o,className:a(e,n),ref:l,...s,children:[r&&i.jsx(ql,{children:i.jsx(W,{iconId:r,size:"sm",color:"white"})}),t]})})),Fe=d.memo(Yl);Fe.displayName="StudioButton";const Kl=m.button`
924
924
  font-weight: ${z("font-weight")};
925
925
  font-size: ${z("font-size")};
926
926
  line-height: ${z("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: ${z("flex-direction")};
944
944
 
945
- ${`${de("fill-white",!0)}: ${z("color")}`};
945
+ ${`${pe("fill-white",!0)}: ${z("color")}`};
946
946
 
947
947
  &.primary-small,
948
948
  &.secondary-small,
@@ -955,14 +955,14 @@
955
955
  border-color: ${z("border-hover")};
956
956
  color: ${z("color-hover")};
957
957
  background-color: ${z("bg-hover")};
958
- ${`${de("fill-white",!0)}: ${z("color-hover")}`};
958
+ ${`${pe("fill-white",!0)}: ${z("color-hover")}`};
959
959
  }
960
960
 
961
961
  &:active {
962
962
  border-color: ${z("border-active")};
963
963
  color: ${z("color-active")};
964
964
  background-color: ${z("bg-active")};
965
- ${`${de("fill-white",!0)}: ${z("color-active")}`};
965
+ ${`${pe("fill-white",!0)}: ${z("color-active")}`};
966
966
  }
967
967
 
968
968
  &:disabled {
@@ -970,7 +970,7 @@
970
970
  border-color: ${z("border-disabled")};
971
971
  color: ${z("color-disabled")};
972
972
  background-color: ${z("bg-disabled")};
973
- ${`${de("fill-white",!0)}: ${z("color-disabled")}`};
973
+ ${`${pe("fill-white",!0)}: ${z("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: ${z("bg-secondary")};
980
980
  color: ${z("color-secondary")};
981
981
  border-color: ${z("border-secondary")};
982
- ${`${de("fill-white",!0)}: ${z("color-secondary")}`};
982
+ ${`${pe("fill-white",!0)}: ${z("color-secondary")}`};
983
983
  &:hover {
984
984
  border-color: ${z("border-hover-secondary")};
985
985
  color: ${z("color-hover-secondary")};
986
986
  background-color: ${z("bg-hover-secondary")};
987
- ${`${de("fill-white",!0)}: ${z("color-hover-secondary")}`};
987
+ ${`${pe("fill-white",!0)}: ${z("color-hover-secondary")}`};
988
988
  }
989
989
 
990
990
  &:active {
991
991
  border-color: ${z("border-active-secondary")};
992
992
  color: ${z("color-active-secondary")};
993
993
  background-color: ${z("bg-active-secondary")};
994
- ${`${de("fill-white",!0)}: ${z("color-active-secondary")}`};
994
+ ${`${pe("fill-white",!0)}: ${z("color-active-secondary")}`};
995
995
  }
996
996
 
997
997
  &:disabled {
998
998
  border-color: ${z("border-disabled-secondary")};
999
999
  color: ${z("color-disabled-secondary")};
1000
1000
  background-color: ${z("bg-disabled-secondary")};
1001
- ${`${de("fill-white",!0)}: ${z("color-disabled-secondary")}`};
1001
+ ${`${pe("fill-white",!0)}: ${z("color-disabled-secondary")}`};
1002
1002
  }
1003
1003
  }
1004
1004
 
@@ -1008,19 +1008,19 @@
1008
1008
  background-color: ${z("bg-borderless")};
1009
1009
  color: ${z("color-borderless")};
1010
1010
  border-color: ${z("border-borderless")};
1011
- ${`${de("fill-white",!0)}: ${z("color-borderless")}`};
1011
+ ${`${pe("fill-white",!0)}: ${z("color-borderless")}`};
1012
1012
  &:hover {
1013
1013
  border-color: ${z("border-hover-borderless")};
1014
1014
  color: ${z("color-hover-borderless")};
1015
1015
  background-color: ${z("bg-hover-borderless")};
1016
- ${`${de("fill-white",!0)}: ${z("color-hover-borderless")}`};
1016
+ ${`${pe("fill-white",!0)}: ${z("color-hover-borderless")}`};
1017
1017
  }
1018
1018
 
1019
1019
  &:active {
1020
1020
  border-color: ${z("border-active-borderless")};
1021
1021
  color: ${z("color-active-borderless")};
1022
1022
  background-color: ${z("bg-active-borderless")};
1023
- ${`${de("fill-white",!0)}: ${z("color-active-borderless")}`};
1023
+ ${`${pe("fill-white",!0)}: ${z("color-active-borderless")}`};
1024
1024
  }
1025
1025
 
1026
1026
  &:disabled {
@@ -1028,40 +1028,40 @@
1028
1028
  border-color: ${z("border-disabled-borderless")};
1029
1029
  color: ${z("color-disabled-borderless")};
1030
1030
  background-color: ${z("bg-disabled-borderless")};
1031
- ${`${de("fill-white",!0)}: ${z("color-disabled-borderless")}`};
1031
+ ${`${pe("fill-white",!0)}: ${z("color-disabled-borderless")}`};
1032
1032
  }
1033
1033
  }
1034
- `,Pl=h.span`
1034
+ `,ql=m.span`
1035
1035
  display: flex;
1036
1036
  margin: ${z("icon-margin")};
1037
- `,[ye]=O(["checkbox"]),mt=d.forwardRef((e,t)=>i.jsxs(Hl,{children:[i.jsx(Vl,{ref:t,...e,type:"checkbox"}),i.jsx(Rn,{className:"check-icon",children:i.jsx(F,{iconId:"CheckSmall",size:"xsm",color:"white"})}),i.jsx(Rn,{className:"minus-icon",children:i.jsx(F,{iconId:"Minus",size:"xsm",color:"white"})})]})),Hl=h.div`
1038
- height: ${ye("size")};
1039
- width: ${ye("size")};
1037
+ `,[we]=I(["checkbox"]),mt=d.forwardRef((e,t)=>i.jsxs(Zl,{children:[i.jsx(Xl,{ref:t,...e,type:"checkbox"}),i.jsx(Nn,{className:"check-icon",children:i.jsx(W,{iconId:"CheckSmall",size:"xsm",color:"white"})}),i.jsx(Nn,{className:"minus-icon",children:i.jsx(W,{iconId:"Minus",size:"xsm",color:"white"})})]})),Zl=m.div`
1038
+ height: ${we("size")};
1039
+ width: ${we("size")};
1040
1040
  pointer-events: none;
1041
1041
  position: relative;
1042
1042
  display: flex;
1043
1043
  flex-shrink: 0;
1044
- border: ${ye("border-width")} solid ${ye("border-color")};
1045
- background-color: ${ye("background-color")};
1046
- border-radius: ${ye("border-radius")};
1044
+ border: ${we("border-width")} solid ${we("border-color")};
1045
+ background-color: ${we("background-color")};
1046
+ border-radius: ${we("border-radius")};
1047
1047
  overflow: hidden;
1048
1048
  cursor: pointer;
1049
1049
  transition: background 0.125s ease-in-out, border 0.125s ease-in-out;
1050
1050
  :has(> input:disabled) {
1051
- background-color: ${ye("background-color-disabled")};
1051
+ background-color: ${we("background-color-disabled")};
1052
1052
  cursor: not-allowed;
1053
1053
  }
1054
1054
  :has(> input:checked),
1055
1055
  :has(> input:indeterminate) {
1056
- background-color: ${ye("background-color-checked")};
1057
- border-color: ${ye("border-color-checked")};
1056
+ background-color: ${we("background-color-checked")};
1057
+ border-color: ${we("border-color-checked")};
1058
1058
  }
1059
1059
  :has(> input:checked:disabled),
1060
1060
  :has(> input:indeterminate:disabled) {
1061
- border-color: ${ye("border-color-checked-disabled")};
1062
- background-color: ${ye("background-color-checked-disabled")};
1061
+ border-color: ${we("border-color-checked-disabled")};
1062
+ background-color: ${we("background-color-checked-disabled")};
1063
1063
  }
1064
- `,Rn=h.div`
1064
+ `,Nn=m.div`
1065
1065
  opacity: 0;
1066
1066
  width: 100%;
1067
1067
  height: 100%;
@@ -1073,7 +1073,7 @@
1073
1073
  top: 0;
1074
1074
  left: 0;
1075
1075
  z-index: 1;
1076
- `,Vl=h.input`
1076
+ `,Xl=m.input`
1077
1077
  margin: 0px;
1078
1078
  position: absolute;
1079
1079
  top: 0;
@@ -1095,15 +1095,15 @@
1095
1095
  opacity: 1;
1096
1096
  }
1097
1097
  }
1098
- `;var Gl=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()}},Ul=Gl,Nn={"text/plain":"Text","text/html":"Url",default:"Text"},Yl="Copy to clipboard: #{key}, Enter";function Kl(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function ql(e,t){var o,n,r,s,l,a,u=!1;t||(t={}),o=t.debug||!1;try{r=Ul(),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 g=Nn[t.format]||Nn.default;window.clipboardData.setData(g,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 f=document.execCommand("copy");if(!f)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(g){o&&console.error("unable to copy using clipboardData: ",g),o&&console.error("falling back to prompt"),n=Kl("message"in t?t.message:Yl),window.prompt(n,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(s):l.removeAllRanges()),a&&document.body.removeChild(a),r()}return u}var Zl=ql;const Xl=kr(Zl),Jl=250,Ql=500,ec=({children:e,color:t,copyable:o=!0,copyText:n,onClick:r,onMouseMove:s,onMouseOut:l,onMouseOver:a,style:u,...f})=>{const p=d.useRef(),g=d.useRef(),m=d.useRef(null),x=d.useRef(null),[b,y]=d.useState(!1),[v,w]=d.useState(!1),k=d.useCallback(T=>{const j=typeof e=="string";y(!0),Xl(n??j?String(e):"");const D=()=>{y(!1)};clearTimeout(p.current),p.current=setTimeout(D,Ql),r==null||r(T)},[e,n,r]),$=d.useCallback(T=>{if(!m.current||!x.current){s==null||s(T);return}const j=x.current.getBoundingClientRect(),D=T.clientX-j.left+9,L=T.clientY-j.top+9;m.current.style.transform=`translate(${D}px, ${L}px)`,s==null||s(T)},[s]),S=d.useCallback(T=>{y(!1),w(!1),clearTimeout(g.current),l==null||l(T)},[l]),C=d.useCallback(T=>{const j=()=>{w(!0)};return clearTimeout(g.current),g.current=setTimeout(j,Jl),a==null||a(T),()=>{clearTimeout(g.current)}},[a]);return i.jsxs("div",{style:{position:"relative"},children:[i.jsx(tc,{ref:x,children:e,onClick:o?k:r,onMouseMove:o?$:s,onMouseOut:o?S:l,onMouseOver:o?C:a,style:o?b?{...u,opacity:.5,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"},...f}),o&&i.jsx(F,{ref:m,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:v&&!b?"1":"0"}})]})},tc=h(M)`
1098
+ `;var Jl=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()}},Ql=Jl,Fn={"text/plain":"Text","text/html":"Url",default:"Text"},ec="Copy to clipboard: #{key}, Enter";function tc(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function oc(e,t){var o,n,r,s,l,a,u=!1;t||(t={}),o=t.debug||!1;try{r=Ql(),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 h=Fn[t.format]||Fn.default;window.clipboardData.setData(h,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 f=document.execCommand("copy");if(!f)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(h){o&&console.error("unable to copy using clipboardData: ",h),o&&console.error("falling back to prompt"),n=tc("message"in t?t.message:ec),window.prompt(n,e)}}finally{l&&(typeof l.removeRange=="function"?l.removeRange(s):l.removeAllRanges()),a&&document.body.removeChild(a),r()}return u}var nc=oc;const rc=wr(nc),sc=250,ic=500,ac=({children:e,color:t,copyable:o=!0,copyText:n,onClick:r,onMouseMove:s,onMouseOut:l,onMouseOver:a,style:u,...f})=>{const p=d.useRef(),h=d.useRef(),g=d.useRef(null),x=d.useRef(null),[b,y]=d.useState(!1),[v,$]=d.useState(!1),C=d.useCallback(T=>{const j=typeof e=="string";y(!0),rc(n??j?String(e):"");const D=()=>{y(!1)};clearTimeout(p.current),p.current=setTimeout(D,ic),r==null||r(T)},[e,n,r]),w=d.useCallback(T=>{if(!g.current||!x.current){s==null||s(T);return}const j=x.current.getBoundingClientRect(),D=T.clientX-j.left+9,_=T.clientY-j.top+9;g.current.style.transform=`translate(${D}px, ${_}px)`,s==null||s(T)},[s]),S=d.useCallback(T=>{y(!1),$(!1),clearTimeout(h.current),l==null||l(T)},[l]),k=d.useCallback(T=>{const j=()=>{$(!0)};return clearTimeout(h.current),h.current=setTimeout(j,sc),a==null||a(T),()=>{clearTimeout(h.current)}},[a]);return i.jsxs("div",{style:{position:"relative"},children:[i.jsx(lc,{ref:x,children:e,onClick:o?C:r,onMouseMove:o?w: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"},...f}),o&&i.jsx(W,{ref:g,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:v&&!b?"1":"0"}})]})},lc=m(E)`
1099
1099
  position: relative;
1100
1100
  transition: opacity 150ms ease-in-out;
1101
- `,oc=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:n,open:r})=>{const s=e.ref,l=N.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 Cr({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=N.useFloating({open:l,onOpenChange:a}),f=u.context,p=N.useClick(f),g=N.useDismiss(f,n?{outsidePressEvent:"mousedown",...n}:{outsidePressEvent:"mousedown"}),m=N.useInteractions([p,g]);return d.useMemo(()=>({open:l,setOpen:a,...m,...u}),[l,a,m,u])}const nc=E.css`
1101
+ `,cc=({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 Sr({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}),f=u.context,p=O.useClick(f),h=O.useDismiss(f,n?{outsidePressEvent:"mousedown",...n}:{outsidePressEvent:"mousedown"}),g=O.useInteractions([p,h]);return d.useMemo(()=>({open:l,setOpen:a,...g,...u}),[l,a,g,u])}const dc=M.css`
1102
1102
  background: rgba(0, 0, 0, 0.8);
1103
1103
  display: grid;
1104
1104
  place-items: center;
1105
1105
  z-index: 1;
1106
- `,$r=d.createContext(null),He=()=>{const e=d.useContext($r);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},Zo=d.memo(({children:e,...t})=>{const o=Cr(t);return i.jsx($r.Provider,{value:o,children:e})}),Xo=d.forwardRef(({children:e},t)=>{const o=He();return oc({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),Jo=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:n,trapFocus:r,transitionDuration:s,OverlayStyles:l,disableFocusManagement:a,children:u,initialFocus:f,...p},g)=>{const{context:m,...x}=He(),b=N.useMergeRefs([x.refs.setFloating,g]),{isMounted:y,status:v}=N.useTransitionStatus(m,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!y)return null;const w=t?nc:l;return i.jsx(N.FloatingPortal,{id:n,root:o,children:i.jsx(N.FloatingFocusManager,{context:m,modal:r,returnFocus:!1,initialFocus:f,disabled:a,children:i.jsx(N.FloatingOverlay,{css:w,"data-status":v,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:b,"data-status":v==="initial"?"open":v,...x.getFloatingProps(p)})})})})}),Qo=300;function en(){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 rc=h.div`
1106
+ `,jr=d.createContext(null),Ue=()=>{const e=d.useContext(jr);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},Xo=d.memo(({children:e,...t})=>{const o=Sr(t);return i.jsx(jr.Provider,{value:o,children:e})}),Jo=d.forwardRef(({children:e},t)=>{const o=Ue();return cc({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),Qo=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:n,trapFocus:r,transitionDuration:s,OverlayStyles:l,disableFocusManagement:a,children:u,initialFocus:f,...p},h)=>{const{context:g,...x}=Ue(),b=O.useMergeRefs([x.refs.setFloating,h]),{isMounted:y,status:v}=O.useTransitionStatus(g,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!y)return null;const $=t?dc:l;return i.jsx(O.FloatingPortal,{id:n,root:o,children:i.jsx(O.FloatingFocusManager,{context:g,modal:r,returnFocus:!1,initialFocus:f,disabled:a,children:i.jsx(O.FloatingOverlay,{css:$,"data-status":v,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:b,"data-status":v==="initial"?"open":v,...x.getFloatingProps(p)})})})})}),en=300;function tn(){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 uc=m.div`
1107
1107
  background-color: transparent;
1108
1108
  box-sizing: border-box;
1109
1109
  cursor: ew-resize;
@@ -1123,28 +1123,28 @@
1123
1123
  right: -4px;
1124
1124
  top: 0;
1125
1125
  }
1126
- `,At=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const l=d.useRef(0),a=Bi.useDrag(({down:u,movement:[f],first:p})=>{if(!u)return;p&&(l.current=r);let g=l.current-f*(e?-1:1);g<o&&(g=o),t!==void 0&&g>t&&(g=t),n(g)});return i.jsx(rc,{...s,...a()})},sc=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:n,open:r,size:s=440})=>{const[l,a]=d.useState(e),[u,f]=d.useState(s),p=r??l,g=n??a;return d.useMemo(()=>({mode:o,open:p,setOpen:g,setSize:f,size:u,minSize:t}),[t,o,p,g,u])},Ao=d.createContext(null),Xe=()=>{const e=d.useContext(Ao);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[ne]=O(["drawer"]),ic=h.div`
1126
+ `,At=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const l=d.useRef(0),a=Yi.useDrag(({down:u,movement:[f],first:p})=>{if(!u)return;p&&(l.current=r);let h=l.current-f*(e?-1:1);h<o&&(h=o),t!==void 0&&h>t&&(h=t),n(h)});return i.jsx(uc,{...s,...a()})},fc=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:n,open:r,size:s=440})=>{const[l,a]=d.useState(e),[u,f]=d.useState(s),p=r??l,h=n??a;return d.useMemo(()=>({mode:o,open:p,setOpen:h,setSize:f,size:u,minSize:t}),[t,o,p,h,u])},Ao=d.createContext(null),Xe=()=>{const e=d.useContext(Ao);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[ie]=I(["drawer"]),pc=m.div`
1127
1127
  display: flex;
1128
1128
  height: 100%;
1129
1129
  position: absolute;
1130
1130
  width: 100%;
1131
1131
  z-index: 1;
1132
1132
  pointer-events: none;
1133
- `,Sr=E.css`
1133
+ `,Tr=M.css`
1134
1134
  pointer-events: none;
1135
1135
  display: grid;
1136
1136
  overflow: hidden !important;
1137
1137
  z-index: 1;
1138
- `,ac=E.css`
1138
+ `,hc=M.css`
1139
1139
  place-items: start;
1140
- ${Sr};
1141
- `,lc=E.css`
1140
+ ${Tr};
1141
+ `,gc=M.css`
1142
1142
  place-items: end;
1143
- ${Sr};
1144
- `,jr=h.div`
1143
+ ${Tr};
1144
+ `,Dr=m.div`
1145
1145
  align-items: flex-start;
1146
1146
  animation-timing-function: ease-in-out;
1147
- border-color: ${ne("border-color")};
1147
+ border-color: ${ie("border-color")};
1148
1148
  border-style: solid;
1149
1149
  border-width: 0px;
1150
1150
  display: flex;
@@ -1156,61 +1156,61 @@
1156
1156
  width: 100%;
1157
1157
  // We add 50ms here to hedge against a race condition between
1158
1158
  // the css animation finishing and the floating-ui transition helper hiding the content.
1159
- animation-duration: ${Qo+10}ms;
1160
- `,Tr=h.div`
1159
+ animation-duration: ${en+10}ms;
1160
+ `,Mr=m.div`
1161
1161
  display: flex;
1162
1162
  height: 100%;
1163
1163
  width: 100%;
1164
- `,Dr=h.div`
1164
+ `,Er=m.div`
1165
1165
  flex: 1;
1166
1166
  width: 100%;
1167
1167
  height: 100%;
1168
- `,cc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=Xe(),[a,u]=en(),f=u!==void 0,p=s/(u||1);return i.jsx(Tr,{ref:a,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(jr,{ref:n,className:t,style:{flexGrow:p},...o,children:e}),i.jsx(At,{inverse:!0,size:s,minSize:r,onChange:l}),i.jsx(Dr,{style:{flexGrow:1-p}})]})})}),dc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=Xe(),[a,u]=en(),f=u!==void 0,p=s/(u||1);return i.jsx(Tr,{ref:a,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(Dr,{style:{flexGrow:1-p}}),i.jsx(At,{size:s,minSize:r,onChange:l}),i.jsx(jr,{ref:n,className:t,style:{flexGrow:p},...o,children:e})]})})}),uc=E.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),fc=E.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),pc=h(cc)`
1169
- border-right-width: ${ne("border-width")};
1170
- box-shadow: ${ne("left-drop-shadow")};
1168
+ `,mc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=Xe(),[a,u]=tn(),f=u!==void 0,p=s/(u||1);return i.jsx(Mr,{ref:a,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(Dr,{ref:n,className:t,style:{flexGrow:p},...o,children:e}),i.jsx(At,{inverse:!0,size:s,minSize:r,onChange:l}),i.jsx(Er,{style:{flexGrow:1-p}})]})})}),bc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:l}=Xe(),[a,u]=tn(),f=u!==void 0,p=s/(u||1);return i.jsx(Mr,{ref:a,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(Er,{style:{flexGrow:1-p}}),i.jsx(At,{size:s,minSize:r,onChange:l}),i.jsx(Dr,{ref:n,className:t,style:{flexGrow:p},...o,children:e})]})})}),xc=M.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),yc=M.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),kc=m(mc)`
1169
+ border-right-width: ${ie("border-width")};
1170
+ box-shadow: ${ie("left-drop-shadow")};
1171
1171
  &[data-status="open"] {
1172
- animation-name: ${uc};
1172
+ animation-name: ${xc};
1173
1173
  }
1174
1174
  &[data-status="close"] {
1175
- animation-name: ${fc};
1175
+ animation-name: ${yc};
1176
1176
  }
1177
- `,gc=E.keyframes({from:{transform:"translateX(100%)"},to:{transform:"translateX(0%)"}}),hc=E.keyframes({from:{transform:"translateX(0%)"},to:{transform:"translateX(100%)"}}),mc=h(dc)`
1178
- border-left-width: ${ne("border-width")};
1179
- box-shadow: ${ne("right-drop-shadow")};
1177
+ `,vc=M.keyframes({from:{transform:"translateX(100%)"},to:{transform:"translateX(0%)"}}),wc=M.keyframes({from:{transform:"translateX(0%)"},to:{transform:"translateX(100%)"}}),Cc=m(bc)`
1178
+ border-left-width: ${ie("border-width")};
1179
+ box-shadow: ${ie("right-drop-shadow")};
1180
1180
  &[data-status="open"] {
1181
- animation-name: ${gc};
1181
+ animation-name: ${vc};
1182
1182
  }
1183
1183
  &[data-status="close"] {
1184
- animation-name: ${hc};
1184
+ animation-name: ${wc};
1185
1185
  }
1186
- `,Er=h.div`
1186
+ `,Or=m.div`
1187
1187
  width: 100%;
1188
1188
  pointer-events: all;
1189
1189
  height: fit-content;
1190
1190
  animation-timing-function: ease-in-out;
1191
1191
  border-width: 0px;
1192
- border-color: ${ne("border-color")};
1192
+ border-color: ${ie("border-color")};
1193
1193
  border-style: solid;
1194
1194
  // We add 50ms here to hedge against a race condition between
1195
1195
  // the css animation finishing and the floating-ui transition helper hiding the content.
1196
- animation-duration: ${Qo+10}ms;
1197
- `,bc=E.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),xc=E.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),yc=h(Er)`
1198
- border-bottom-width: ${ne("border-width")};
1196
+ animation-duration: ${en+10}ms;
1197
+ `,$c=M.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),Sc=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),jc=m(Or)`
1198
+ border-bottom-width: ${ie("border-width")};
1199
1199
  &[data-status="open"] {
1200
- animation-name: ${bc};
1200
+ animation-name: ${$c};
1201
1201
  }
1202
1202
  &[data-status="close"] {
1203
- animation-name: ${xc};
1203
+ animation-name: ${Sc};
1204
1204
  }
1205
- `,Mr=E.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),zr=E.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),kc=h(Er)`
1206
- border-top-width: ${ne("border-width")};
1205
+ `,zr=M.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),Ir=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),Tc=m(Or)`
1206
+ border-top-width: ${ie("border-width")};
1207
1207
  &[data-status="open"] {
1208
- animation-name: ${Mr};
1208
+ animation-name: ${zr};
1209
1209
  }
1210
1210
  &[data-status="close"] {
1211
- animation-name: ${zr};
1211
+ animation-name: ${Ir};
1212
1212
  }
1213
- `,Or=h.div`
1213
+ `,Rr=m.div`
1214
1214
  display: flex;
1215
1215
  align-items: flex-start;
1216
1216
  justify-content: flex-start;
@@ -1219,32 +1219,32 @@
1219
1219
  pointer-events: all;
1220
1220
  width: fit-content;
1221
1221
  border-width: 0px;
1222
- border-color: ${ne("border-color")};
1222
+ border-color: ${ie("border-color")};
1223
1223
  border-style: solid;
1224
- `,vc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Xe();return i.jsxs(i.Fragment,{children:[i.jsx(At,{inverse:!0,size:n,onChange:r}),i.jsx(Or,{ref:o,className:t,style:{width:n},children:e})]})}),wc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Xe();return i.jsxs(i.Fragment,{children:[i.jsx(At,{size:n,onChange:r}),i.jsx(Or,{ref:o,className:t,style:{width:n},children:e})]})}),Cc=h(vc)`
1225
- border-right-width: ${ne("border-width")};
1226
- box-shadow: ${ne("left-drop-shadow")};
1227
- `,$c=h(wc)`
1228
- border-left-width: ${ne("border-width")};
1229
- box-shadow: ${ne("right-drop-shadow")};
1230
- `,Ir=h.div`
1224
+ `,Dc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Xe();return i.jsxs(i.Fragment,{children:[i.jsx(At,{inverse:!0,size:n,onChange:r}),i.jsx(Rr,{ref:o,className:t,style:{width:n},children:e})]})}),Mc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Xe();return i.jsxs(i.Fragment,{children:[i.jsx(At,{size:n,onChange:r}),i.jsx(Rr,{ref:o,className:t,style:{width:n},children:e})]})}),Ec=m(Dc)`
1225
+ border-right-width: ${ie("border-width")};
1226
+ box-shadow: ${ie("left-drop-shadow")};
1227
+ `,Oc=m(Mc)`
1228
+ border-left-width: ${ie("border-width")};
1229
+ box-shadow: ${ie("right-drop-shadow")};
1230
+ `,Nr=m.div`
1231
1231
  width: 100%;
1232
1232
  pointer-events: all;
1233
1233
  height: fit-content;
1234
1234
  border-width: 0px;
1235
- border-color: ${ne("border-color")};
1235
+ border-color: ${ie("border-color")};
1236
1236
  border-style: solid;
1237
- `,Sc=h(Ir)`
1238
- border-bottom-width: ${ne("border-width")};
1239
- `,jc=h(Ir)`
1240
- border-top-width: ${ne("border-width")};
1237
+ `,zc=m(Nr)`
1238
+ border-bottom-width: ${ie("border-width")};
1239
+ `,Ic=m(Nr)`
1240
+ border-top-width: ${ie("border-width")};
1241
1241
  &[data-status="open"] {
1242
- animation-name: ${Mr};
1242
+ animation-name: ${zr};
1243
1243
  }
1244
1244
  &[data-status="close"] {
1245
- animation-name: ${zr};
1245
+ animation-name: ${Ir};
1246
1246
  }
1247
- `,Tc={escapeKey:!0,outsidePress:!1},Dc=d.memo(({children:e,...t})=>{const o=sc(t);return t.mode==="dialog"?i.jsx(Ao.Provider,{value:o,children:i.jsx(Zo,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Tc,children:e})}):i.jsx(Ao.Provider,{value:o,children:e})}),Ec=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:n}=Xe(),r=d.useCallback(()=>{n(!o)},[o,n]);if(t==="dialog")return i.jsx(Xo,{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")}),Mc=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:n,open:r}=Xe();if(n==="dialog")return i.jsx(Jo,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:Qo,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return r?n==="inline-float"?i.jsx(ic,{children:e}):e:null}),[Ct]=O(["drawer"]),zc=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}=Xe(),f=d.useCallback(()=>{u(!1)},[u]);return i.jsxs(Oc,{className:t,children:[i.jsx(M,{bold:l,color:a?void 0:"dark",variant:s,children:r}),e,n&&i.jsx(ee,{onClick:f,iconId:o||"Close",size:"sm",color:a?void 0:"blue"})]})}),Oc=h.div`
1247
+ `,Rc={escapeKey:!0,outsidePress:!1},Nc=d.memo(({children:e,...t})=>{const o=fc(t);return t.mode==="dialog"?i.jsx(Ao.Provider,{value:o,children:i.jsx(Xo,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Rc,children:e})}):i.jsx(Ao.Provider,{value:o,children:e})}),Fc=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:n}=Xe(),r=d.useCallback(()=>{n(!o)},[o,n]);if(t==="dialog")return i.jsx(Jo,{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")}),Ac=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:n,open:r}=Xe();if(n==="dialog")return i.jsx(Qo,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:en,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return r?n==="inline-float"?i.jsx(pc,{children:e}):e:null}),[Ct]=I(["drawer"]),_c=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}=Xe(),f=d.useCallback(()=>{u(!1)},[u]);return i.jsxs(Lc,{className:t,children:[i.jsx(E,{bold:l,color:a?void 0:"dark",variant:s,children:r}),e,n&&i.jsx(ne,{onClick:f,iconId:o||"Close",size:"sm",color:a?void 0:"blue"})]})}),Lc=m.div`
1248
1248
  width: 100%;
1249
1249
  display: flex;
1250
1250
  align-items: center;
@@ -1253,66 +1253,66 @@
1253
1253
  background-color: ${Ct("header-bg")};
1254
1254
  border-bottom: ${Ct("header-border-size")} solid ${Ct("header-border-color")};
1255
1255
  padding: 0px ${Ct("header-x-padding")};
1256
- `,[Fn]=O(["horizontal-rule"]),Ic=h.div`
1256
+ `,[An]=I(["horizontal-rule"]),Wc=m.div`
1257
1257
  width: 100%;
1258
- border-bottom: ${Fn("border-width")} solid
1259
- ${Fn("border-color")};
1260
- `,[K]=O(["input"]),bt=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:l="off",autoComplete:a="off",autoCorrect:u="off",suffixIconColor:f,suffixIcon:p,suffixIconId:g,suffixSize:m,onSuffixIconClick:x,onEnter:b,onKeyDown:y,...v},w)=>{const k=t==="password",[$,S]=d.useState(!1),[C,T]=d.useState(t),j=d.useCallback(()=>{T($?"password":"text"),S(!$)},[$]),D=L=>{L.key==="Enter"&&(b==null||b()),y==null||y(L)};return d.useEffect(()=>{T(t)},[t]),i.jsx(E.ClassNames,{children:({cx:L})=>i.jsxs(Rc,{children:[i.jsx(Nc,{type:C,className:L(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!k||!!g}),ref:w,autoCapitalize:k?"off":l,autoComplete:k?"current-password":a,autoCorrect:k?"off":u,onKeyDown:D,...v}),o&&i.jsx(Fc,{iconId:o,color:n||"black",size:r||"sm"}),(k||!!g||!!p)&&i.jsx(Ac,{children:p||(g?i.jsx(F,{iconId:g,color:f??"black",size:m||"sm",onClick:x}):i.jsx(ee,{onClick:j,iconId:$?"Eye":"EyeInvisible",size:"sm",color:n??"black"}))})]})})}),Rc=h.div`
1258
+ border-bottom: ${An("border-width")} solid
1259
+ ${An("border-color")};
1260
+ `,[J]=I(["input"]),bt=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:l="off",autoComplete:a="off",autoCorrect:u="off",suffixIconColor:f,suffixIcon:p,suffixIconId:h,suffixSize:g,onSuffixIconClick:x,onEnter:b,onKeyDown:y,...v},$)=>{const C=t==="password",[w,S]=d.useState(!1),[k,T]=d.useState(t),j=d.useCallback(()=>{T(w?"password":"text"),S(!w)},[w]),D=_=>{_.key==="Enter"&&(b==null||b()),y==null||y(_)};return d.useEffect(()=>{T(t)},[t]),i.jsx(M.ClassNames,{children:({cx:_})=>i.jsxs(Bc,{children:[i.jsx(Pc,{type:k,className:_(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!C||!!h}),ref:$,autoCapitalize:C?"off":l,autoComplete:C?"current-password":a,autoCorrect:C?"off":u,onKeyDown:D,...v}),o&&i.jsx(Hc,{iconId:o,color:n||"black",size:r||"sm"}),(C||!!h||!!p)&&i.jsx(Vc,{children:p||(h?i.jsx(W,{iconId:h,color:f??"black",size:g||"sm",onClick:x}):i.jsx(ne,{onClick:j,iconId:w?"Eye":"EyeInvisible",size:"sm",color:n??"black"}))})]})})}),Bc=m.div`
1261
1261
  width: 100%;
1262
1262
  height: fit-content;
1263
1263
  position: relative;
1264
1264
  display: flex;
1265
- `,Nc=h.input`
1266
- border: ${K("border-width")} solid ${K("border-color")};
1267
- border-radius: ${K("border-radius")};
1268
- height: ${K("height")};
1269
- line-height: ${K("line-height")};
1265
+ `,Pc=m.input`
1266
+ border: ${J("border-width")} solid ${J("border-color")};
1267
+ border-radius: ${J("border-radius")};
1268
+ height: ${J("height")};
1269
+ line-height: ${J("line-height")};
1270
1270
  width: 100%;
1271
- background-color: ${K("background-color")};
1272
- padding: ${K("padding-y")} ${K("padding-x")};
1271
+ background-color: ${J("background-color")};
1272
+ padding: ${J("padding-y")} ${J("padding-x")};
1273
1273
  outline: none;
1274
1274
  box-shadow: none;
1275
- font-size: ${K("font-size")};
1276
- font-weight: ${K("font-weight")};
1277
- font-family: ${K("font-family")};
1278
- color: ${K("color")};
1275
+ font-size: ${J("font-size")};
1276
+ font-weight: ${J("font-weight")};
1277
+ font-family: ${J("font-family")};
1278
+ color: ${J("color")};
1279
1279
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
1280
1280
  :active:not(:disabled):not(:read-only):not([aria-invalid="true"]),
1281
1281
  :focus:not(:disabled):not(:read-only):not([aria-invalid="true"]) {
1282
- border-color: ${K("border-color-active")};
1282
+ border-color: ${J("border-color-active")};
1283
1283
  }
1284
1284
  &[aria-invalid="true"]:not(:disabled) {
1285
- border-color: ${K("border-color-invalid")};
1285
+ border-color: ${J("border-color-invalid")};
1286
1286
  ~ svg {
1287
- fill: ${K("border-color-invalid")};
1287
+ fill: ${J("border-color-invalid")};
1288
1288
  }
1289
1289
  }
1290
1290
  :disabled,
1291
1291
  :read-only {
1292
1292
  cursor: not-allowed;
1293
- color: ${K("color-disabled")};
1294
- background-color: ${K("background-color-disabled")};
1293
+ color: ${J("color-disabled")};
1294
+ background-color: ${J("background-color-disabled")};
1295
1295
  ~ svg {
1296
- fill: ${K("color-disabled")};
1296
+ fill: ${J("color-disabled")};
1297
1297
  }
1298
1298
  }
1299
1299
  &.isSmall {
1300
- padding: ${K("padding-y-small")} ${K("padding-x")};
1300
+ padding: ${J("padding-y-small")} ${J("padding-x")};
1301
1301
  }
1302
1302
  &.hasLeftIcon {
1303
- padding-left: ${K("padding-left-icon")};
1303
+ padding-left: ${J("padding-left-icon")};
1304
1304
  }
1305
1305
  &.hasRightIcon {
1306
- padding-right: ${K("padding-right-icon")};
1306
+ padding-right: ${J("padding-right-icon")};
1307
1307
  }
1308
- `,Fc=h(F)`
1308
+ `,Hc=m(W)`
1309
1309
  position: absolute;
1310
1310
  top: 50%;
1311
1311
  transform: translateY(-50%);
1312
1312
  pointer-events: none;
1313
1313
  z-index: 1;
1314
- left: ${K("icon-left")};
1315
- `,Ac=h.div`
1314
+ left: ${J("icon-left")};
1315
+ `,Vc=m.div`
1316
1316
  position: absolute;
1317
1317
  right: 8px;
1318
1318
  top: 50%;
@@ -1320,26 +1320,26 @@
1320
1320
  z-index: 1;
1321
1321
  display: grid;
1322
1322
  place-content: center;
1323
- `;bt.displayName="Input";const _c=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...l},a)=>i.jsx(bt,{...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})),[Lc]=O(["label"]),Rr=E.css`
1323
+ `;bt.displayName="Input";const Gc=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...l},a)=>i.jsx(bt,{...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})),[Uc]=I(["label"]),Fr=M.css`
1324
1324
  align-items: center;
1325
1325
  display: flex;
1326
- gap: ${Lc("gap")};
1327
- `,Nr=({variant:e="body",...t})=>i.jsx(M,{css:Rr,variant:e,...t}),tn=({children:e,prefix:t,suffix:o,...n})=>i.jsxs(Nr,{...n,children:[t,e,o]}),[Wc]=O(["label-with-action"]),Bc=E.css([Rr,{gap:Wc("gap")}]),Pc=({action:e,variant:t="h2",...o})=>i.jsx(tn,{css:Bc,suffix:e,variant:t,...o}),[Hc]=O(["label-with-content-link"]),Vc=E.css`
1328
- color: ${Hc("color")};
1329
- `,Gc=e=>i.jsx(tn,{css:Vc,...e}),Uc=new RegExp(/^[a-zA-Z0-9 _.-]*$/),Fr=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,}))$/),Yc=new RegExp(/^\d+$/),Kc=new RegExp(/^\S*$/),qc=new RegExp(/^[a-zA-Z].*/),Ar=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/);var _r=(e=>(e.email="email",e))(_r||{});const Zc=()=>({email:e=>Fr.test(e)}),Xc=12;var Et=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e.tooSimilar="tooSimilar",e))(Et||{});const Jc=(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)}),Lr=e=>typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string",Qc=e=>{if(Lr(e))return e.message},ed=()=>{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(f=>f(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 yo;const td=()=>yo||(yo=ed()),Wr=(e,t)=>{const o=td(),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 Re;const l=(a,u)=>{r||n.current(a,u)};return o.subscribe(s,l),()=>{r=!0,o.unsubscribe(s,l)}},[e,o]),o.observer},eo=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,g=a.offsetWidth,m=l.offsetWidth;if(g>m&&p){const x=p.length,b=g/x,v=Math.ceil((g-m)/b)/2+1.5,w=Math.floor(x/2-v),k=Math.ceil(x/2+v),$=p.substr(0,w),S=p.substr(k);a.textContent=`${$.trim()}...${S.trim()}`}}},[]),r=d.useCallback(l=>{n()},[n]);Wr(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(od,{"data-original":e.children,ref:s,...e})},od=h(M)`
1326
+ gap: ${Uc("gap")};
1327
+ `,Ar=({variant:e="body",...t})=>i.jsx(E,{css:Fr,variant:e,...t}),on=({children:e,prefix:t,suffix:o,...n})=>i.jsxs(Ar,{...n,children:[t,e,o]}),[Yc]=I(["label-with-action"]),Kc=M.css([Fr,{gap:Yc("gap")}]),qc=({action:e,variant:t="h2",...o})=>i.jsx(on,{css:Kc,suffix:e,variant:t,...o}),[Zc]=I(["label-with-content-link"]),Xc=M.css`
1328
+ color: ${Zc("color")};
1329
+ `,Jc=e=>i.jsx(on,{css:Xc,...e}),Qc=new RegExp(/^[a-zA-Z0-9 _.-]*$/),_r=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,}))$/),ed=new RegExp(/^\d+$/),td=new RegExp(/^\S*$/),od=new RegExp(/^[a-zA-Z].*/),Lr=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/);var Wr=(e=>(e.email="email",e))(Wr||{});const nd=()=>({email:e=>_r.test(e)}),rd=12;var Mt=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e.tooSimilar="tooSimilar",e))(Mt||{});const sd=(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)}),Br=e=>typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string",id=e=>{if(Br(e))return e.message},ad=()=>{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(f=>f(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 yo;const ld=()=>yo||(yo=ad()),Pr=(e,t)=>{const o=ld(),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 Ae;const l=(a,u)=>{r||n.current(a,u)};return o.subscribe(s,l),()=>{r=!0,o.unsubscribe(s,l)}},[e,o]),o.observer},to=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,h=a.offsetWidth,g=l.offsetWidth;if(h>g&&p){const x=p.length,b=h/x,v=Math.ceil((h-g)/b)/2+1.5,$=Math.floor(x/2-v),C=Math.ceil(x/2+v),w=p.substr(0,$),S=p.substr(C);a.textContent=`${w.trim()}...${S.trim()}`}}},[]),r=d.useCallback(l=>{n()},[n]);Pr(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(cd,{"data-original":e.children,ref:s,...e})},cd=m(E)`
1330
1330
  white-space: nowrap;
1331
1331
  word-break: keep-all;
1332
1332
  overflow: visible;
1333
- `,nd=h.div`
1333
+ `,dd=m.div`
1334
1334
  display: grid;
1335
1335
  width: 100%;
1336
1336
  height: 100%;
1337
1337
  position: relative;
1338
1338
 
1339
1339
  ${({orientation:e})=>e==="horizontal"?"grid-template-columns: auto 2px auto;":"grid-template-rows: auto 2px auto;"}
1340
- `,Br=h.div`
1340
+ `,Hr=m.div`
1341
1341
  overflow: auto;
1342
- `,rd=h(Br)``,sd=h(Br)``,id=h.div`
1342
+ `,ud=m(Hr)``,fd=m(Hr)``,pd=m.div`
1343
1343
  ${({orientation:e})=>e==="horizontal"?"width: 1px; cursor: col-resize;":"height: 1px; cursor: row-resize;"}
1344
1344
 
1345
1345
  background-color: ${c("color-grey20")};
@@ -1353,7 +1353,7 @@
1353
1353
  ${({orientation:e})=>e==="horizontal"?"top: 0; bottom: 0; left: -4px; right: -4px;":"left: 0; right: 0; top: -4px; bottom: -4px;"}
1354
1354
  cursor: inherit;
1355
1355
  }
1356
- `;function ad(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 ld=({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,f]=d.useState(null);d.useEffect(()=>{if(a.current&&u===null){const y=a.current.getBoundingClientRect(),v=l==="horizontal"?y.width:y.height,w=e/100*v,k=Math.max(t,w),$=k/v*100;f(k);const S=$,C=100-$;l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${C}%`:a.current.style.gridTemplateRows=`${S}% 2px ${C}%`}},[e,t,u,l]);const p=d.useCallback(()=>{if(!a.current||u===null)return;const y=a.current.getBoundingClientRect(),v=l==="horizontal"?y.width:y.height;let w=Math.round(u/v*100),k=100-w;if(k<n){k=n,w=100-k;const $=Math.round(w/100*v);f($)}if(w<o){w=o,k=100-w;const $=Math.round(w/100*v);f($)}l==="horizontal"?a.current.style.gridTemplateColumns=`${u}px 2px auto`:a.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,n,l]),g=d.useCallback(ad(p,50),[p]);d.useEffect(()=>(window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)),[g]);const m=y=>{y.preventDefault(),document.addEventListener("mousemove",x),document.addEventListener("mouseup",b)},x=y=>{if(!a.current)return;const v=a.current.getBoundingClientRect(),w=l==="horizontal"?v.width:v.height,k=l==="horizontal"?y.clientX-v.left:y.clientY-v.top,$=Math.max(t,k),S=Math.round($/w*100),C=100-S;S>=o&&C>=n&&(f(k),l==="horizontal"?a.current.style.gridTemplateColumns=`${S}% 2px ${C}%`:a.current.style.gridTemplateRows=`${S}% 2px ${C}%`)},b=()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",b)};return i.jsxs(nd,{ref:a,orientation:l,children:[i.jsx(rd,{children:r}),i.jsx(id,{onMouseDown:m,orientation:l}),i.jsx(sd,{children:s})]})};function Pe(e,t){if(!e)throw console.error(t),Error(t)}const Pr=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null};function cd(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 dd=e=>e.type.startsWith("mouse"),ud=e=>e.type.startsWith("pointer"),to=e=>{if(ud(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(dd(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},Hr=(e,t)=>{const o=e==="horizontal",{x:n,y:r}=to(t);return o?n:r},fd=(e,t,o,n,r)=>{const s=Pr(t,r);Pe(s,`No resize handle element found for id "${t}"`);const l=s.getAttribute("data-resizable-panel-group-id");Pe(l,"Resize handle element has no group id attribute");const{initialCursorPosition:a}=n,u=Hr(o,e),f=cd(l,r);return Pe(f,`No group element found for id "${l}"`),u-a},pd=(e,t,o,n,r)=>n==null?0:fd(e,t,o,n,r),An=(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){const s=r-1,l=n[s];if(l&&l.dataset.resizablePanelGroupPanel!==void 0)return l}return null},_n=(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),Mt=(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},gd=(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}`)},ko=(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=Mt(e,"resizablePanelMinSize",l),u=Mt(e,"resizablePanelMaxSize",l),f=Mt(e,"resizablePanelCollapsedSize",l);let p=o??r;const g=a?a*.33:50;a&&r===a?n&&p<a&&f&&a-p>g?p=f:p<a&&(p=a):u&&r===u?p>u&&(p=u):f&&r===f&&(!n&&p>f&&a&&p-f>g?p=a:p=f);const m=p===f;p===r||!l||gd(e,t,p,m,m?f:a,u)},Vr=d.createContext(null),Gr=({children:e,direction:t})=>{const o=d.useId(),n=d.useRef(null),[r,s]=d.useState(null),l=d.useRef({dragState:r,id:o,initialResizePanelSize:null,direction:t});d.useLayoutEffect(()=>{l.current.direction=t,l.current.dragState=r,l.current.id=o});const a=d.useCallback((m,x)=>{const{direction:b}=l.current;if(!n.current)return;const y=Pr(m,n.current);Pe(y,`Drag handle element not found for id "${m}"`);const v=Hr(b,x);s({dragHandleId:m,dragHandleRect:y.getBoundingClientRect(),initialCursorPosition:v});const w=An(m,l.current.id,n.current);if(w){const k=w.getBoundingClientRect();l.current.initialResizePanelSize=b==="vertical"?k.height:k.width}},[]),u=d.useCallback(()=>{s(null),l.current.initialResizePanelSize=null},[]),f=d.useCallback(m=>{const{direction:x}=l.current,y=_n(l.current.id,n.current??void 0).find(v=>v.dataset.resizablePanelId===m);if(y){const v=y.parentElement,w=x==="horizontal"?v==null?void 0:v.getBoundingClientRect().width:v==null?void 0:v.getBoundingClientRect().height,k=y.dataset.collapsed==="true",$=Mt(y,"resizablePanelMinSize",w),S=Mt(y,"resizablePanelCollapsedSize",w);ko(y,x,k?$:S,!k)}},[]);d.useEffect(()=>{const m=()=>{_n(l.current.id,n.current??void 0).forEach(b=>{ko(b,l.current.direction)})};return window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}},[]);const p=d.useCallback(m=>x=>{x.preventDefault();const b=n.current;if(!b)return()=>null;const{direction:y,dragState:v}=l.current,w=pd(x,m,y,v,b);if(w!==0&&n.current){const k=An(m,l.current.id,n.current);if(k&&l.current.initialResizePanelSize!==null){const $=l.current.initialResizePanelSize;let S=$+w;S=S<0?0:S,ko(k,y,S,$>S)}}},[]),g=d.useMemo(()=>({id:o,startDragging:a,stopDragging:u,direction:t,registerResizeHandle:p,togglePanelCollapse:f}),[o,a,u,t,p,f]);return i.jsx(Vr.Provider,{value:g,children:e(n,o)})},on=()=>{const e=d.useContext(Vr);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},Ur=({children:e,direction:t,className:o})=>i.jsx(Gr,{direction:t,children:(n,r)=>i.jsx(hd,{"data-resizable-panel-group":"","data-resizable-panel-group-id":r,className:ht(o,{isVertical:t==="vertical"}),ref:n,children:e})}),hd=h.div`
1356
+ `;function hd(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 gd=({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,f]=d.useState(null);d.useEffect(()=>{if(a.current&&u===null){const y=a.current.getBoundingClientRect(),v=l==="horizontal"?y.width:y.height,$=e/100*v,C=Math.max(t,$),w=C/v*100;f(C);const S=w,k=100-w;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(),v=l==="horizontal"?y.width:y.height;let $=Math.round(u/v*100),C=100-$;if(C<n){C=n,$=100-C;const w=Math.round($/100*v);f(w)}if($<o){$=o,C=100-$;const w=Math.round($/100*v);f(w)}l==="horizontal"?a.current.style.gridTemplateColumns=`${u}px 2px auto`:a.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,n,l]),h=d.useCallback(hd(p,50),[p]);d.useEffect(()=>(window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)),[h]);const g=y=>{y.preventDefault(),document.addEventListener("mousemove",x),document.addEventListener("mouseup",b)},x=y=>{if(!a.current)return;const v=a.current.getBoundingClientRect(),$=l==="horizontal"?v.width:v.height,C=l==="horizontal"?y.clientX-v.left:y.clientY-v.top,w=Math.max(t,C),S=Math.round(w/$*100),k=100-S;S>=o&&k>=n&&(f(C),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(dd,{ref:a,orientation:l,children:[i.jsx(ud,{children:r}),i.jsx(pd,{onMouseDown:g,orientation:l}),i.jsx(fd,{children:s})]})};function Ge(e,t){if(!e)throw console.error(t),Error(t)}const Vr=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null};function md(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 bd=e=>e.type.startsWith("mouse"),xd=e=>e.type.startsWith("pointer"),oo=e=>{if(xd(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(bd(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},Gr=(e,t)=>{const o=e==="horizontal",{x:n,y:r}=oo(t);return o?n:r},yd=(e,t,o,n,r)=>{const s=Vr(t,r);Ge(s,`No resize handle element found for id "${t}"`);const l=s.getAttribute("data-resizable-panel-group-id");Ge(l,"Resize handle element has no group id attribute");const{initialCursorPosition:a}=n,u=Gr(o,e),f=md(l,r);return Ge(f,`No group element found for id "${l}"`),u-a},kd=(e,t,o,n,r)=>n==null?0:yd(e,t,o,n,r),_n=(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){const s=r-1,l=n[s];if(l&&l.dataset.resizablePanelGroupPanel!==void 0)return l}return null},Ln=(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),Et=(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},vd=(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}`)},ko=(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=Et(e,"resizablePanelMinSize",l),u=Et(e,"resizablePanelMaxSize",l),f=Et(e,"resizablePanelCollapsedSize",l);let p=o??r;const h=a?a*.33:50;a&&r===a?n&&p<a&&f&&a-p>h?p=f:p<a&&(p=a):u&&r===u?p>u&&(p=u):f&&r===f&&(!n&&p>f&&a&&p-f>h?p=a:p=f);const g=p===f;p===r||!l||vd(e,t,p,g,g?f:a,u)},Ur=d.createContext(null),Yr=({children:e,direction:t})=>{const o=d.useId(),n=d.useRef(null),[r,s]=d.useState(null),l=d.useRef({dragState:r,id:o,initialResizePanelSize:null,direction:t});d.useLayoutEffect(()=>{l.current.direction=t,l.current.dragState=r,l.current.id=o});const a=d.useCallback((g,x)=>{const{direction:b}=l.current;if(!n.current)return;const y=Vr(g,n.current);Ge(y,`Drag handle element not found for id "${g}"`);const v=Gr(b,x);s({dragHandleId:g,dragHandleRect:y.getBoundingClientRect(),initialCursorPosition:v});const $=_n(g,l.current.id,n.current);if($){const C=$.getBoundingClientRect();l.current.initialResizePanelSize=b==="vertical"?C.height:C.width}},[]),u=d.useCallback(()=>{s(null),l.current.initialResizePanelSize=null},[]),f=d.useCallback(g=>{const{direction:x}=l.current,y=Ln(l.current.id,n.current??void 0).find(v=>v.dataset.resizablePanelId===g);if(y){const v=y.parentElement,$=x==="horizontal"?v==null?void 0:v.getBoundingClientRect().width:v==null?void 0:v.getBoundingClientRect().height,C=y.dataset.collapsed==="true",w=Et(y,"resizablePanelMinSize",$),S=Et(y,"resizablePanelCollapsedSize",$);ko(y,x,C?w:S,!C)}},[]);d.useEffect(()=>{const g=()=>{Ln(l.current.id,n.current??void 0).forEach(b=>{ko(b,l.current.direction)})};return window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}},[]);const p=d.useCallback(g=>x=>{x.preventDefault();const b=n.current;if(!b)return()=>null;const{direction:y,dragState:v}=l.current,$=kd(x,g,y,v,b);if($!==0&&n.current){const C=_n(g,l.current.id,n.current);if(C&&l.current.initialResizePanelSize!==null){const w=l.current.initialResizePanelSize;let S=w+$;S=S<0?0:S,ko(C,y,S,w>S)}}},[]),h=d.useMemo(()=>({id:o,startDragging:a,stopDragging:u,direction:t,registerResizeHandle:p,togglePanelCollapse:f}),[o,a,u,t,p,f]);return i.jsx(Ur.Provider,{value:h,children:e(n,o)})},nn=()=>{const e=d.useContext(Ur);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},Kr=({children:e,direction:t,className:o})=>i.jsx(Yr,{direction:t,children:(n,r)=>i.jsx(wd,{"data-resizable-panel-group":"","data-resizable-panel-group-id":r,className:gt(o,{isVertical:t==="vertical"}),ref:n,children:e})}),wd=m.div`
1357
1357
  width: 100%;
1358
1358
  height: 100%;
1359
1359
  overflow: auto;
@@ -1363,12 +1363,12 @@
1363
1363
  &.isVertical {
1364
1364
  flex-direction: column;
1365
1365
  }
1366
- `,nn=({children:e,maxSize:t,minSize:o,defaultSize:n,collapsedSize:r,className:s,panelId:l})=>{const{id:a,direction:u}=on(),f=typeof t=="string"?t:t?`${t}px`:void 0,p=typeof o=="string"?o:o?`${o}px`:void 0,g=typeof n=="string"?n:n?`${n}px`:void 0;return i.jsx(md,{className:s,style:u==="horizontal"?{maxWidth:f,minWidth:p,width:g??"auto",height:"100%"}:{maxHeight:f,minHeight:p,height:g??"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})},md=h.div`
1366
+ `,rn=({children:e,maxSize:t,minSize:o,defaultSize:n,collapsedSize:r,className:s,panelId:l})=>{const{id:a,direction:u}=nn(),f=typeof t=="string"?t:t?`${t}px`:void 0,p=typeof o=="string"?o:o?`${o}px`:void 0,h=typeof n=="string"?n:n?`${n}px`:void 0;return i.jsx(Cd,{className:s,style:u==="horizontal"?{maxWidth:f,minWidth:p,width:h??"auto",height:"100%"}:{maxHeight:f,minHeight:p,height:h??"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})},Cd=m.div`
1367
1367
  flex-shrink: 0;
1368
1368
  overflow: clip;
1369
- `,Yr=h(nn)`
1369
+ `,qr=m(rn)`
1370
1370
  flex: 1;
1371
- `;let _o=null,tt=null;function bd(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function xd(){tt!==null&&(document.head.removeChild(tt),_o=null,tt=null)}function vo(e){const t=bd(e);_o!==t&&(_o=t,tt===null&&(tt=document.createElement("style"),document.head.appendChild(tt)),tt.innerHTML=`*{cursor: ${t}!important;}`)}const yd=(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 kd(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:Bn(e),b:Bn(t)};let n;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),n=e;Pe(n,"Stacking order can only be calculated for elements with a common ancestor");const r={a:Wn(Ln(o.a)),b:Wn(Ln(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 vd=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function wd(e){const t=getComputedStyle(Kr(e)??e).display;return t==="flex"||t==="inline-flex"}function Cd(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||wd(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"||vd.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function Ln(e){let t=e.length;for(;t--;){const o=e[t];if(Pe(o,"Missing node"),Cd(o))return o}return null}function Wn(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Bn(e){const t=[];for(;e;)t.push(e),e=Kr(e);return t}function Kr(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let dt=!1;const $d=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},je=[],Rt=new Set,Sd=$d()==="coarse",Ze=new Map,jd=(e,t,o,n)=>{const{ownerDocument:r}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:n},l=Ze.get(r)??0;return Ze.set(r,l+1),Rt.add(s),Zt(),function(){Rt.delete(s);const u=Ze.get(r)??1;if(Ze.set(r,u-1),Zt(),u===1&&Ze.delete(r),je.includes(s)){const f=je.indexOf(s);f>=0&&je.splice(f,1),sn(),n("up",!0,null)}}},rn=({target:e,x:t,y:o})=>{je.splice(0);let n=null;e instanceof HTMLElement&&(n=e),Rt.forEach(r=>{const{element:s,hitAreaMargins:l}=r,a=s.getBoundingClientRect(),{bottom:u,left:f,right:p,top:g}=a,m=Sd?l.coarse:l.fine;if(t>=f-m&&t<=p+m&&o>=g-m&&o<=u+m){if(n!==null&&document.contains(n)&&s!==n&&!s.contains(n)&&!n.contains(s)&&kd(n,s)>0){let b=n,y=!1;for(;b&&!b.contains(s);){if(yd(b.getBoundingClientRect(),a)){y=!0;break}b=b.parentElement}if(y)return}je.push(r)}})},Pn=e=>{const{target:t}=e,{x:o,y:n}=to(e);dt=!0,rn({target:t,x:o,y:n}),Zt(),je.length>0&&(Xt("down",e),e.preventDefault(),e.stopPropagation())},$t=e=>{const{x:t,y:o}=to(e);if(dt&&e.buttons===0&&(dt=!1,Xt("up",e)),!dt){const{target:n}=e;rn({target:n,x:t,y:o})}Xt("move",e),sn(),je.length>0&&e.preventDefault()},it=e=>{const{target:t}=e,{x:o,y:n}=to(e);dt=!1,je.length>0&&e.preventDefault(),Xt("up",e),rn({target:t,x:o,y:n}),sn(),Zt()},Zt=()=>{Ze.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",it),o.removeEventListener("pointerdown",Pn),o.removeEventListener("pointerleave",$t),o.removeEventListener("pointermove",$t)}),window.removeEventListener("pointerup",it),window.removeEventListener("pointercancel",it),Rt.size>0&&(dt?(je.length>0&&Ze.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",it),o.addEventListener("pointerleave",$t),o.addEventListener("pointermove",$t))}),window.addEventListener("pointerup",it),window.addEventListener("pointercancel",it)):Ze.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",Pn,{capture:!0}),o.addEventListener("pointermove",$t))}))},Xt=(e,t)=>{Rt.forEach(o=>{const{setResizeHandlerState:n}=o,r=je.includes(o);n(e,r,t)})},sn=()=>{let e=!1,t=!1;je.forEach(o=>{const{direction:n}=o;n==="horizontal"?e=!0:t=!0}),e&&t?vo("intersection"):e?vo("horizontal"):t?vo("vertical"):xd()},[wo]=O(["resizable-panels"]),qr=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:n,stopDragging:r,direction:s,registerResizeHandle:l}=on(),a=d.useId(),[u,f]=d.useState("inactive"),[p,g]=d.useState(null),m=d.useRef(null),x=d.useRef({state:u});return d.useLayoutEffect(()=>{x.current.state=u}),d.useEffect(()=>{if(t)g(null);else{const b=l(a);g(()=>b)}},[t,a,l]),d.useEffect(()=>{if(t||p==null)return;const b=m.current;return Pe(b,"Element ref not attached"),jd(b,s,{coarse:15,fine:5},(v,w,k)=>{if(w)switch(v){case"down":{f("drag"),Pe(k,'Expected event to be defined for "down" action'),n(a,k);break}case"move":{const{state:$}=x.current;$!=="drag"&&f("hover"),Pe(k,'Expected event to be defined for "move" action'),p(k);break}case"up":{f("hover"),r();break}}else f("inactive")})},[s,t,a,p,n,r]),i.jsx(Td,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":a,className:ht(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:m})}),Td=h.div`
1371
+ `;let _o=null,tt=null;function $d(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function Sd(){tt!==null&&(document.head.removeChild(tt),_o=null,tt=null)}function vo(e){const t=$d(e);_o!==t&&(_o=t,tt===null&&(tt=document.createElement("style"),document.head.appendChild(tt)),tt.innerHTML=`*{cursor: ${t}!important;}`)}const jd=(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 Td(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:Pn(e),b:Pn(t)};let n;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),n=e;Ge(n,"Stacking order can only be calculated for elements with a common ancestor");const r={a:Bn(Wn(o.a)),b:Bn(Wn(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 Dd=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Md(e){const t=getComputedStyle(Zr(e)??e).display;return t==="flex"||t==="inline-flex"}function Ed(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||Md(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"||Dd.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function Wn(e){let t=e.length;for(;t--;){const o=e[t];if(Ge(o,"Missing node"),Ed(o))return o}return null}function Bn(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Pn(e){const t=[];for(;e;)t.push(e),e=Zr(e);return t}function Zr(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let dt=!1;const Od=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},Me=[],Rt=new Set,zd=Od()==="coarse",Ze=new Map,Id=(e,t,o,n)=>{const{ownerDocument:r}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:n},l=Ze.get(r)??0;return Ze.set(r,l+1),Rt.add(s),Xt(),function(){Rt.delete(s);const u=Ze.get(r)??1;if(Ze.set(r,u-1),Xt(),u===1&&Ze.delete(r),Me.includes(s)){const f=Me.indexOf(s);f>=0&&Me.splice(f,1),an(),n("up",!0,null)}}},sn=({target:e,x:t,y:o})=>{Me.splice(0);let n=null;e instanceof HTMLElement&&(n=e),Rt.forEach(r=>{const{element:s,hitAreaMargins:l}=r,a=s.getBoundingClientRect(),{bottom:u,left:f,right:p,top:h}=a,g=zd?l.coarse:l.fine;if(t>=f-g&&t<=p+g&&o>=h-g&&o<=u+g){if(n!==null&&document.contains(n)&&s!==n&&!s.contains(n)&&!n.contains(s)&&Td(n,s)>0){let b=n,y=!1;for(;b&&!b.contains(s);){if(jd(b.getBoundingClientRect(),a)){y=!0;break}b=b.parentElement}if(y)return}Me.push(r)}})},Hn=e=>{const{target:t}=e,{x:o,y:n}=oo(e);dt=!0,sn({target:t,x:o,y:n}),Xt(),Me.length>0&&(Jt("down",e),e.preventDefault(),e.stopPropagation())},$t=e=>{const{x:t,y:o}=oo(e);if(dt&&e.buttons===0&&(dt=!1,Jt("up",e)),!dt){const{target:n}=e;sn({target:n,x:t,y:o})}Jt("move",e),an(),Me.length>0&&e.preventDefault()},it=e=>{const{target:t}=e,{x:o,y:n}=oo(e);dt=!1,Me.length>0&&e.preventDefault(),Jt("up",e),sn({target:t,x:o,y:n}),an(),Xt()},Xt=()=>{Ze.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",it),o.removeEventListener("pointerdown",Hn),o.removeEventListener("pointerleave",$t),o.removeEventListener("pointermove",$t)}),window.removeEventListener("pointerup",it),window.removeEventListener("pointercancel",it),Rt.size>0&&(dt?(Me.length>0&&Ze.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",it),o.addEventListener("pointerleave",$t),o.addEventListener("pointermove",$t))}),window.addEventListener("pointerup",it),window.addEventListener("pointercancel",it)):Ze.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",Hn,{capture:!0}),o.addEventListener("pointermove",$t))}))},Jt=(e,t)=>{Rt.forEach(o=>{const{setResizeHandlerState:n}=o,r=Me.includes(o);n(e,r,t)})},an=()=>{let e=!1,t=!1;Me.forEach(o=>{const{direction:n}=o;n==="horizontal"?e=!0:t=!0}),e&&t?vo("intersection"):e?vo("horizontal"):t?vo("vertical"):Sd()},[wo]=I(["resizable-panels"]),Xr=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:n,stopDragging:r,direction:s,registerResizeHandle:l}=nn(),a=d.useId(),[u,f]=d.useState("inactive"),[p,h]=d.useState(null),g=d.useRef(null),x=d.useRef({state:u});return d.useLayoutEffect(()=>{x.current.state=u}),d.useEffect(()=>{if(t)h(null);else{const b=l(a);h(()=>b)}},[t,a,l]),d.useEffect(()=>{if(t||p==null)return;const b=g.current;return Ge(b,"Element ref not attached"),Id(b,s,{coarse:15,fine:5},(v,$,C)=>{if($)switch(v){case"down":{f("drag"),Ge(C,'Expected event to be defined for "down" action'),n(a,C);break}case"move":{const{state:w}=x.current;w!=="drag"&&f("hover"),Ge(C,'Expected event to be defined for "move" action'),p(C);break}case"up":{f("hover"),r();break}}else f("inactive")})},[s,t,a,p,n,r]),i.jsx(Rd,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":a,className:gt(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:g})}),Rd=m.div`
1372
1372
  height: 100%;
1373
1373
  width: 1px;
1374
1374
  flex-shrink: 0;
@@ -1384,37 +1384,37 @@
1384
1384
  width: 100%;
1385
1385
  height: 1px;
1386
1386
  }
1387
- `,Zr=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?i.jsx(N.FloatingPortal,{children:i.jsx(Dd,{className:n,lockScroll:!o,"data-status":r,children:e})}):null,Dd=h(N.FloatingOverlay)`
1387
+ `,Jr=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?i.jsx(O.FloatingPortal,{children:i.jsx(Nd,{className:n,lockScroll:!o,"data-status":r,children:e})}):null,Nd=m(O.FloatingOverlay)`
1388
1388
  background: rgba(0, 0, 0, 0.8);
1389
1389
  display: grid;
1390
1390
  place-items: center;
1391
1391
  z-index: 1;
1392
- `,Ed=[N.flip()],Xr=[N.flip(),N.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[Lo]=O(["select"]),an=d.createContext(null),ln=()=>{const e=d.useContext(an);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},Md=()=>Promise.resolve(),xt=({children:e,onSelect:t,Reference:o,disabled:n,selectedIndex:r,onSelectedIndexChange:s,className:l,matchReferenceWidth:a,isFocusTrapDisabled:u,menuPlacement:f,onOpenChange:p,onBeforeOpen:g=Md,showOpenState:m=!1})=>{const[x,b]=d.useState(!1),[y,v]=d.useState(null),[w,k]=d.useState(null),$=r??w,S=s??k,C=d.useCallback(Z=>{Z?g().then(()=>{b(Z),p&&p(Z)}):(b(Z),p&&p(Z))},[g,p]),{refs:T,floatingStyles:j,context:D}=N.useFloating({placement:f||"bottom-end",open:x,onOpenChange:C,whileElementsMounted:N.autoUpdate,middleware:a?Xr:Ed}),L=d.useRef([]),G=d.useRef([]),H=d.useCallback(Z=>{var st;S(Z),Z!==null&&t(((st=L.current[Z])==null?void 0:st.dataset.key)||""),b(!1),p&&p(!1)},[p,t,S]),X=N.useListNavigation(D,{listRef:L,activeIndex:y,selectedIndex:$,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:v}),Ue=N.useClick(D,{enabled:!n}),Ye=N.useDismiss(D),Ke=N.useRole(D,{role:"listbox"}),{getReferenceProps:rt,getFloatingProps:yt,getItemProps:se}=N.useInteractions([X,Ue,Ye,Ke]),ie=d.useMemo(()=>({activeIndex:y,selectedIndex:$,open:x,getItemProps:se,handleSelect:H,setIsOpen:b}),[y,x,$,se,H]);return i.jsxs(an.Provider,{value:ie,children:[i.jsx(zd,{ref:T.setReference,tabIndex:0,...rt({onClick(Z){Z.stopPropagation()}}),children:m?i.jsxs(Id,{children:[o??i.jsx(ee,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),i.jsx(F,{size:"xsm",iconId:x?"CaretUp":"CaretDown"})]}):o??i.jsx(ee,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"})}),x&&i.jsx(N.FloatingPortal,{children:i.jsx(N.FloatingFocusManager,{disabled:u,context:D,modal:!1,children:i.jsx(Od,{ref:T.setFloating,style:j,className:l,...yt(),children:i.jsx(N.FloatingList,{elementsRef:L,labelsRef:G,children:e})})})})]})},zd=h.div`
1392
+ `,Fd=[O.flip()],Qr=[O.flip(),O.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[Lo]=I(["select"]),ln=d.createContext(null),cn=()=>{const e=d.useContext(ln);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},Ad=()=>Promise.resolve(),xt=({children:e,onSelect:t,Reference:o,disabled:n,selectedIndex:r,onSelectedIndexChange:s,className:l,matchReferenceWidth:a,isFocusTrapDisabled:u,menuPlacement:f,onOpenChange:p,onBeforeOpen:h=Ad,showOpenState:g=!1})=>{const[x,b]=d.useState(!1),[y,v]=d.useState(null),[$,C]=d.useState(null),w=r??$,S=s??C,k=d.useCallback(ee=>{ee?h().then(()=>{b(ee),p&&p(ee)}):(b(ee),p&&p(ee))},[h,p]),{refs:T,floatingStyles:j,context:D}=O.useFloating({placement:f||"bottom-end",open:x,onOpenChange:k,whileElementsMounted:O.autoUpdate,middleware:a?Qr:Fd}),_=d.useRef([]),G=d.useRef([]),R=d.useCallback(ee=>{var st;S(ee),ee!==null&&t(((st=_.current[ee])==null?void 0:st.dataset.key)||""),b(!1),p&&p(!1)},[p,t,S]),N=O.useListNavigation(D,{listRef:_,activeIndex:y,selectedIndex:w,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:v}),q=O.useClick(D,{enabled:!n}),oe=O.useDismiss(D),te=O.useRole(D,{role:"listbox"}),{getReferenceProps:rt,getFloatingProps:yt,getItemProps:le}=O.useInteractions([N,q,oe,te]),ce=d.useMemo(()=>({activeIndex:y,selectedIndex:w,open:x,getItemProps:le,handleSelect:R,setIsOpen:b}),[y,x,w,le,R]);return i.jsxs(ln.Provider,{value:ce,children:[i.jsx(_d,{ref:T.setReference,tabIndex:0,...rt({onClick(ee){ee.stopPropagation()}}),children:g?i.jsxs(Wd,{children:[o??i.jsx(ne,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),i.jsx(W,{size:"xsm",iconId:x?"CaretUp":"CaretDown"})]}):o??i.jsx(ne,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"})}),x&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{disabled:u,context:D,modal:!1,children:i.jsx(Ld,{ref:T.setFloating,style:j,className:l,...yt(),children:i.jsx(O.FloatingList,{elementsRef:_,labelsRef:G,children:e})})})})]})},_d=m.div`
1393
1393
  align-items: center;
1394
1394
  display: flex;
1395
1395
  font-size: ${Lo("font-size")};
1396
1396
  cursor: default;
1397
1397
  user-select: none;
1398
- `,Od=h.div`
1398
+ `,Ld=m.div`
1399
1399
  display: flex;
1400
1400
  flex-direction: column;
1401
1401
  border: ${Lo("border-size")} solid ${Lo("border-color")};
1402
1402
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
1403
1403
  outline: 0;
1404
1404
  z-index: 2;
1405
- `,Id=h.div`
1405
+ `,Wd=m.div`
1406
1406
  display: flex;
1407
1407
  align-items: center;
1408
1408
  justify-content: flex-start;
1409
1409
  gap: 2px;
1410
- `,[Te,Hn]=O(["option","text"]),ut=d.memo(({label:e,optionKey:t,disabled:o,className:n,prefixIconId:r,prefixIconColor:s,suffixIconId:l,textColor:a,suffixIconColor:u,disableSelectionStyle:f,disableEnterSelection:p})=>{const{activeIndex:g,selectedIndex:m,getItemProps:x,handleSelect:b}=ln(),{ref:y,index:v}=N.useListItem({label:t}),w=g!==null&&g!==-1&&g===v,k=!f&&m!==null&&m!==-1&&m===v,$=d.useCallback(S=>{o||(S.stopPropagation(),b(v))},[o,b,v]);return i.jsx(E.ClassNames,{children:({cx:S})=>i.jsxs(Rd,{className:S({isActive:w,isSelected:k,disabled:o},n),ref:y,"data-key":t,role:"option","data-color":a,"aria-selected":w&&k,tabIndex:w?0:-1,...x({onClick:C=>$(C),onKeyDown:!p&&!o?C=>{C.code==="Enter"&&b(v)}:void 0}),children:[!!r&&i.jsx(F,{iconId:r,size:"sm",color:o?"grey":s??"black"}),e,!!l&&i.jsx(Nd,{iconId:l,size:"sm",color:o?"grey":u??"black"})]})})}),Rd=h.div`
1411
- color: ${Te("color")};
1410
+ `,[Ee,Vn]=I(["option","text"]),ut=d.memo(({label:e,optionKey:t,disabled:o,className:n,prefixIconId:r,prefixIconColor:s,suffixIconId:l,textColor:a,suffixIconColor:u,disableSelectionStyle:f,disableEnterSelection:p})=>{const{activeIndex:h,selectedIndex:g,getItemProps:x,handleSelect:b}=cn(),{ref:y,index:v}=O.useListItem({label:t}),$=h!==null&&h!==-1&&h===v,C=!f&&g!==null&&g!==-1&&g===v,w=d.useCallback(S=>{o||(S.stopPropagation(),b(v))},[o,b,v]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(Bd,{className:S({isActive:$,isSelected:C,disabled:o},n),ref:y,"data-key":t,role:"option","data-color":a,"aria-selected":$&&C,tabIndex:$?0:-1,...x({onClick:k=>w(k),onKeyDown:!p&&!o?k=>{k.code==="Enter"&&b(v)}:void 0}),children:[!!r&&i.jsx(W,{iconId:r,size:"sm",color:o?"grey":s??"black"}),e,!!l&&i.jsx(Pd,{iconId:l,size:"sm",color:o?"grey":u??"black"})]})})}),Bd=m.div`
1411
+ color: ${Ee("color")};
1412
1412
  cursor: pointer;
1413
1413
  font-size: inherit;
1414
- background-color: ${Te("bg-color")};
1415
- font-family: ${Te("font-family")};
1416
- font-size: ${Te("font-size")};
1417
- padding: ${Te("padding")};
1414
+ background-color: ${Ee("bg-color")};
1415
+ font-family: ${Ee("font-family")};
1416
+ font-size: ${Ee("font-size")};
1417
+ padding: ${Ee("padding")};
1418
1418
  min-width: 96px;
1419
1419
  line-height: 18px;
1420
1420
  display: flex;
@@ -1423,34 +1423,34 @@
1423
1423
  text-align: left;
1424
1424
  overflow: hidden;
1425
1425
  outline: 0;
1426
- column-gap: ${Te("column-gap")};
1427
- ${hr.map(e=>`&[data-color="${e}"] {
1428
- color: ${Hn(`color-${e}`)};
1426
+ column-gap: ${Ee("column-gap")};
1427
+ ${br.map(e=>`&[data-color="${e}"] {
1428
+ color: ${Vn(`color-${e}`)};
1429
1429
  }`).join(`
1430
1430
  `)}
1431
- ${`${Hn("body-size",!0)}: ${Te("font-size")}`};
1431
+ ${`${Vn("body-size",!0)}: ${Ee("font-size")}`};
1432
1432
  &.isActive {
1433
- background: ${Te("bg-color-active")};
1433
+ background: ${Ee("bg-color-active")};
1434
1434
  }
1435
1435
  &.isSelected {
1436
- font-weight: ${Te("font-weight-selected")};
1436
+ font-weight: ${Ee("font-weight-selected")};
1437
1437
  }
1438
1438
  &.disabled {
1439
- color: ${Te("color-disabled")};
1439
+ color: ${Ee("color-disabled")};
1440
1440
  cursor: not-allowed;
1441
1441
  }
1442
- `,Nd=h(F)`
1442
+ `,Pd=m(W)`
1443
1443
  transform: translate(-2px, -1px);
1444
- `,Fd=({actionItems:e,disabled:t,onSelect:o})=>{const n=d.useMemo(()=>e.map(r=>i.jsx(ut,{disabled:t||r.disabled,label:i.jsx(Ad,{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(xt,{disabled:t,onSelect:o,children:n})},Ut=e=>{switch(e){case"normal":return;case"info":return"blue";case"error":return"red";case"warn":return"yellow";default:return}},Ad=d.memo(({label:e,iconId:t,level:o,disabled:n,iconSize:r})=>i.jsxs(_d,{children:[i.jsx(F,{iconId:t,size:r||"sm",color:n?"grey":Ut(o)?Ut(o):"black"}),i.jsx(M,{variant:"body",color:n?"grey":Ut(o)?Ut(o):"dark",children:e})]})),_d=h.div`
1444
+ `,Hd=({actionItems:e,disabled:t,onSelect:o})=>{const n=d.useMemo(()=>e.map(r=>i.jsx(ut,{disabled:t||r.disabled,label:i.jsx(Vd,{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(xt,{disabled:t,onSelect:o,children:n})},Yt=e=>{switch(e){case"normal":return;case"info":return"blue";case"error":return"red";case"warn":return"yellow";default:return}},Vd=d.memo(({label:e,iconId:t,level:o,disabled:n,iconSize:r})=>i.jsxs(Gd,{children:[i.jsx(W,{iconId:t,size:r||"sm",color:n?"grey":Yt(o)?Yt(o):"black"}),i.jsx(E,{variant:"body",color:n?"grey":Yt(o)?Yt(o):"dark",children:e})]})),Gd=m.div`
1445
1445
  display: flex;
1446
1446
  gap: 8px;
1447
1447
  align-items: center;
1448
- `,[Ld]=O(["shell-icon-button"]),Wd=h(ee)`
1449
- padding: ${Ld("padding")};
1448
+ `,[Ud]=I(["shell-icon-button"]),Yd=m(ne)`
1449
+ padding: ${Ud("padding")};
1450
1450
 
1451
1451
  --studio-c-icon-button-badge-top: 6px;
1452
1452
  --studio-c-icon-button-badge-right: 6px;
1453
- `,Bd=e=>i.jsx(Wd,{badgeBorderColor:"black",...e}),Jr=d.createContext(null),oo=()=>{const e=d.useContext(Jr);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},Pd=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(Jr.Provider,{value:u,children:e})}),[Co]=O(["tab"]),Hd=d.memo(({value:e,text:t,disabled:o,iconColor:n,iconId:r})=>{const{activeTab:s,onTabChange:l}=oo(),a=e===s,u=d.useCallback(()=>{a||l(e)},[l,e,a]);return i.jsxs(Vd,{"data-value":e,onClick:u,disabled:o,children:[!!r&&i.jsx(F,{iconId:r,color:n??"black",size:"sm"}),i.jsx(M,{color:o?"grey":"dark",variant:"body",bold:a,children:t})]})}),Vd=h.button`
1453
+ `,Kd=e=>i.jsx(Yd,{badgeBorderColor:"black",...e}),es=d.createContext(null),no=()=>{const e=d.useContext(es);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},qd=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(es.Provider,{value:u,children:e})}),[Co]=I(["tab"]),Zd=d.memo(({value:e,text:t,disabled:o,iconColor:n,iconId:r})=>{const{activeTab:s,onTabChange:l}=no(),a=e===s,u=d.useCallback(()=>{a||l(e)},[l,e,a]);return i.jsxs(Xd,{"data-value":e,onClick:u,disabled:o,children:[!!r&&i.jsx(W,{iconId:r,color:n??"black",size:"sm"}),i.jsx(E,{color:o?"grey":"dark",variant:"body",bold:a,children:t})]})}),Xd=m.button`
1454
1454
  cursor: pointer;
1455
1455
  outline: none;
1456
1456
  border: none;
@@ -1463,7 +1463,7 @@
1463
1463
  &:disabled {
1464
1464
  cursor: not-allowed;
1465
1465
  }
1466
- `,[zt]=O(["tab"]),Gd=({children:e,className:t})=>{const{activeTab:o}=oo(),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(Ud,{ref:r,className:t,children:[i.jsx(Yd,{ref:n}),e]})},Ud=h.div`
1466
+ `,[Ot]=I(["tab"]),Jd=({children:e,className:t})=>{const{activeTab:o}=no(),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(Qd,{ref:r,className:t,children:[i.jsx(eu,{ref:n}),e]})},Qd=m.div`
1467
1467
  width: 100%;
1468
1468
  height: fit-content;
1469
1469
  display: flex;
@@ -1471,39 +1471,39 @@
1471
1471
  justify-content: space-between;
1472
1472
  align-items: flex-start;
1473
1473
  position: relative;
1474
- border-bottom: ${zt("trigger-list-underline-height")} solid
1475
- ${zt("trigger-list-underline-color")};
1474
+ border-bottom: ${Ot("trigger-list-underline-height")} solid
1475
+ ${Ot("trigger-list-underline-color")};
1476
1476
  background-color: transparent;
1477
- `,Yd=h.div`
1477
+ `,eu=m.div`
1478
1478
  position: absolute;
1479
1479
  bottom: 0px;
1480
- transform: translateY(${zt("trigger-list-underline-height")});
1481
- height: ${zt("indicator-height")};
1482
- background-color: ${zt("indicator-color")};
1480
+ transform: translateY(${Ot("trigger-list-underline-height")});
1481
+ height: ${Ot("indicator-height")};
1482
+ background-color: ${Ot("indicator-color")};
1483
1483
  transition: all 0.25s ease-in-out;
1484
- `,Kd=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=oo(),s=n===r;return i.jsx(qd,{className:t,"data-active":s?"true":"false",style:o,children:e})},qd=h.div`
1484
+ `,tu=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=no(),s=n===r;return i.jsx(ou,{className:t,"data-active":s?"true":"false",style:o,children:e})},ou=m.div`
1485
1485
  display: none;
1486
1486
  &[data-active="true"] {
1487
1487
  display: block;
1488
1488
  }
1489
- `,[pe]=O(["tag"]),Zd={purple:pe("color-light"),orange:pe("color-light"),light:pe("color-dark"),blue:pe("color-dark"),green:pe("color-light"),red:pe("color-light"),disabled:pe("color-disabled")},Xd={purple:"light",orange:"light",light:"dark",blue:"dark",green:"light",red:"light",disabled:"disabled"},Jd=h.div`
1490
- background-color: ${e=>pe(`bg-color-${e.color}`)};
1491
- border-radius: ${pe("border-radius")};
1492
- border: 1px solid ${pe("border-color")};
1489
+ `,[me]=I(["tag"]),nu={purple:me("color-light"),orange:me("color-light"),light:me("color-dark"),blue:me("color-dark"),green:me("color-light"),red:me("color-light"),disabled:me("color-disabled")},ru={purple:"light",orange:"light",light:"dark",blue:"dark",green:"light",red:"light",disabled:"disabled"},su=m.div`
1490
+ background-color: ${e=>me(`bg-color-${e.color}`)};
1491
+ border-radius: ${me("border-radius")};
1492
+ border: 1px solid ${me("border-color")};
1493
1493
  display: flex;
1494
- color: ${e=>Zd[e.color]};
1495
- height: ${pe("height")};
1494
+ color: ${e=>nu[e.color]};
1495
+ height: ${me("height")};
1496
1496
  max-width: 160px;
1497
1497
  align-items: center;
1498
- padding: ${pe("padding")};
1498
+ padding: ${me("padding")};
1499
1499
  align-items: center;
1500
1500
  justify-content: center;
1501
1501
  gap: 4px;
1502
- `,Qr=e=>{const t=typeof e.children=="string"?i.jsx(M,{color:Xd[e.color],variant:"body",children:e.children}):e.children;return i.jsx(Jd,{...e,children:t})},Qd=({tagName:e,onRemove:t,color:o="light"})=>i.jsxs(Qr,{color:o,children:[i.jsx(M,{variant:"body",children:e}),i.jsx(F,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),eu=({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=f=>{const p=new RegExp(`(${l.join("|")})`,"gi");return f.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=f=>typeof f=="string"?a(f):d.isValidElement(f)?d.cloneElement(f,{children:d.Children.map(f.props.children,u)}):f;return i.jsx(i.Fragment,{children:d.Children.map(o,u)})},[ue]=O(["badge"]),tu=({color:e,children:t,position:o,radius:n,hide:r})=>i.jsxs(ou,{children:[!r&&i.jsx(nu,{"data-color":e,"data-position":o??"top-right","data-radius":n??4}),t]}),ou=h.div`
1502
+ `,ts=e=>{const t=typeof e.children=="string"?i.jsx(E,{color:ru[e.color],variant:"body",children:e.children}):e.children;return i.jsx(su,{...e,children:t})},iu=({tagName:e,onRemove:t,color:o="light"})=>i.jsxs(ts,{color:o,children:[i.jsx(E,{variant:"body",children:e}),i.jsx(W,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),au=({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=f=>{const p=new RegExp(`(${l.join("|")})`,"gi");return f.split(p).map((g,x)=>l.some(b=>b.toLowerCase()===g.toLowerCase())?i.jsx("span",{style:t||{backgroundColor:s,color:r??void 0},children:g},x):g)},u=f=>typeof f=="string"?a(f):d.isValidElement(f)?d.cloneElement(f,{children:d.Children.map(f.props.children,u)}):f;return i.jsx(i.Fragment,{children:d.Children.map(o,u)})},[he]=I(["badge"]),lu=({color:e,children:t,position:o,radius:n,hide:r})=>i.jsxs(cu,{children:[!r&&i.jsx(du,{"data-color":e,"data-position":o??"top-right","data-radius":n??4}),t]}),cu=m.div`
1503
1503
  width: fit-content;
1504
1504
  height: fit-content;
1505
1505
  position: relative;
1506
- `,nu=h.div`
1506
+ `,du=m.div`
1507
1507
  position: absolute;
1508
1508
  z-index: 2;
1509
1509
  border-radius: 50%;
@@ -1515,28 +1515,28 @@
1515
1515
  0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
1516
1516
  // Color
1517
1517
  &[data-color="blue"] {
1518
- background-color: ${ue("color-blue")};
1519
- border-color: ${ue("color-blue-border")};
1518
+ background-color: ${he("color-blue")};
1519
+ border-color: ${he("color-blue-border")};
1520
1520
  }
1521
1521
  &[data-color="red"] {
1522
- background-color: ${ue("color-red")};
1523
- border-color: ${ue("color-red-border")};
1522
+ background-color: ${he("color-red")};
1523
+ border-color: ${he("color-red-border")};
1524
1524
  }
1525
1525
  &[data-color="white"] {
1526
- background-color: ${ue("color-white")};
1527
- border-color: ${ue("color-white-border")};
1526
+ background-color: ${he("color-white")};
1527
+ border-color: ${he("color-white-border")};
1528
1528
  }
1529
1529
  &[data-color="black"] {
1530
- background-color: ${ue("color-black")};
1531
- border-color: ${ue("color-black-border")};
1530
+ background-color: ${he("color-black")};
1531
+ border-color: ${he("color-black-border")};
1532
1532
  }
1533
1533
  &[data-color="orange"] {
1534
- background-color: ${ue("color-orange")};
1535
- border-color: ${ue("color-orange-border")};
1534
+ background-color: ${he("color-orange")};
1535
+ border-color: ${he("color-orange-border")};
1536
1536
  }
1537
1537
  &[data-color="green"] {
1538
- background-color: ${ue("color-green")};
1539
- border-color: ${ue("color-green-border")};
1538
+ background-color: ${he("color-green")};
1539
+ border-color: ${he("color-green-border")};
1540
1540
  }
1541
1541
  // Position
1542
1542
  &[data-position="top-right"] {
@@ -1579,99 +1579,99 @@
1579
1579
  height: ${c("spacing-16")};
1580
1580
  --xform-factor: ${c("spacing-8")};
1581
1581
  }
1582
- `,[ae]=O(["textarea"]),cn=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:n,...r},s)=>i.jsx(ru,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:n,ref:s,...r})),ru=h.textarea`
1582
+ `,[de]=I(["textarea"]),dn=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:n,...r},s)=>i.jsx(uu,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:n,ref:s,...r})),uu=m.textarea`
1583
1583
  display: flex;
1584
- min-height: ${ae("min-height")};
1585
- padding: ${ae("padding")};
1586
- font-size: ${ae("font-size")};
1587
- font-family: ${ae("font-family")};
1588
- font-weight: ${ae("font-weight")};
1589
- color: ${ae("color")};
1584
+ min-height: ${de("min-height")};
1585
+ padding: ${de("padding")};
1586
+ font-size: ${de("font-size")};
1587
+ font-family: ${de("font-family")};
1588
+ font-weight: ${de("font-weight")};
1589
+ color: ${de("color")};
1590
1590
  width: 100%;
1591
1591
  outline: none;
1592
1592
  box-shadow: none;
1593
- border: ${ae("border-width")} solid ${ae("border-color")};
1594
- border-radius: ${ae("border-radius")};
1593
+ border: ${de("border-width")} solid ${de("border-color")};
1594
+ border-radius: ${de("border-radius")};
1595
1595
  :active:not(:disabled):not(:read-only),
1596
1596
  :focus:not(:disabled):not(:read-only) {
1597
- border-color: ${ae("border-color-active")};
1597
+ border-color: ${de("border-color-active")};
1598
1598
  }
1599
1599
  &[aria-invalid="true"]:not(:disabled):not(:read-only) {
1600
- border-color: ${ae("border-color-invalid")};
1600
+ border-color: ${de("border-color-invalid")};
1601
1601
  }
1602
1602
  :disabled,
1603
1603
  :read-only {
1604
1604
  cursor: not-allowed;
1605
- color: ${ae("color-disabled")};
1606
- background-color: ${ae("background-color-disabled")};
1605
+ color: ${de("color-disabled")};
1606
+ background-color: ${de("background-color-disabled")};
1607
1607
  }
1608
- `;cn.displayName="Textarea";const[su,ke,fe]=O(["toggle-container","toggle-track","toggle-thumb"]),Vn=h(F)`
1608
+ `;dn.displayName="Textarea";const[fu,Ce,ge]=I(["toggle-container","toggle-track","toggle-thumb"]),Gn=m(W)`
1609
1609
  opacity: 0;
1610
1610
  position: absolute;
1611
1611
  transition-duration: 150ms;
1612
1612
  transition-property: opacity;
1613
1613
  transition-timing-function: ease-in-out;
1614
- `,iu=h.div`
1614
+ `,pu=m.div`
1615
1615
  align-items: center;
1616
1616
  display: flex;
1617
- gap: ${su("gap")};
1617
+ gap: ${fu("gap")};
1618
1618
  justify-content: center;
1619
1619
  position: relative;
1620
- `,es=h.div`
1620
+ `,os=m.div`
1621
1621
  align-items: center;
1622
- border-radius: ${ke("border-radius")};
1622
+ border-radius: ${Ce("border-radius")};
1623
1623
  cursor: pointer;
1624
1624
  display: flex;
1625
- height: calc(${ke("padding-vertical")} * 2 + ${fe("height")} + 2px);
1626
- padding: ${ke("padding-vertical")} ${ke("padding-horizontal")};
1625
+ height: calc(${Ce("padding-vertical")} * 2 + ${ge("height")} + 2px);
1626
+ padding: ${Ce("padding-vertical")} ${Ce("padding-horizontal")};
1627
1627
  position: relative;
1628
- transition-duration: ${ke("transition-duration")};
1628
+ transition-duration: ${Ce("transition-duration")};
1629
1629
  transition-property: background-color;
1630
1630
  transition-timing-function: ease-in-out;
1631
1631
 
1632
1632
  // background-color...
1633
- background-color: ${ke("background-color-unchecked-enabled")};
1633
+ background-color: ${Ce("background-color-unchecked-enabled")};
1634
1634
  &.isDisabled,
1635
1635
  &.isReadOnly {
1636
- background-color: ${ke("background-color-unchecked-disabled")};
1636
+ background-color: ${Ce("background-color-unchecked-disabled")};
1637
1637
  cursor: initial;
1638
1638
  }
1639
1639
  &.isChecked {
1640
- background-color: ${ke("background-color-checked-enabled")};
1640
+ background-color: ${Ce("background-color-checked-enabled")};
1641
1641
  &.isDisabled,
1642
1642
  &.isReadOnly {
1643
- background-color: ${ke("background-color-checked-disabled")};
1643
+ background-color: ${Ce("background-color-checked-disabled")};
1644
1644
  cursor: initial;
1645
1645
  }
1646
1646
  }
1647
1647
 
1648
1648
  // width...
1649
- width: calc(${ke("padding-horizontal")} * 2 + ${fe("width")} * 2);
1649
+ width: calc(${Ce("padding-horizontal")} * 2 + ${ge("width")} * 2);
1650
1650
  &.showIcons {
1651
1651
  width: ${`calc(
1652
- ${ke("padding-horizontal")} * 2 + ${fe("width")} * 2 + 4px
1652
+ ${Ce("padding-horizontal")} * 2 + ${ge("width")} * 2 + 4px
1653
1653
  )`};
1654
1654
  }
1655
- `,ts=h.div`
1656
- border-radius: ${fe("border-radius")};
1657
- box-shadow: ${fe("box-shadow")};
1658
- height: ${fe("height")};
1659
- transition-duration: ${fe("transition-duration")};
1655
+ `,ns=m.div`
1656
+ border-radius: ${ge("border-radius")};
1657
+ box-shadow: ${ge("box-shadow")};
1658
+ height: ${ge("height")};
1659
+ transition-duration: ${ge("transition-duration")};
1660
1660
  transition-property: transform;
1661
1661
  transition-timing-function: ease-in-out;
1662
- width: ${fe("width")};
1662
+ width: ${ge("width")};
1663
1663
 
1664
1664
  // background-color...
1665
- background-color: ${fe("background-color-unchecked-enabled")};
1665
+ background-color: ${ge("background-color-unchecked-enabled")};
1666
1666
  &.isDisabled,
1667
1667
  &.isReadOnly {
1668
- background-color: ${fe("background-color-unchecked-disabled")};
1668
+ background-color: ${ge("background-color-unchecked-disabled")};
1669
1669
  }
1670
1670
  &.isChecked {
1671
- background-color: ${fe("background-color-checked-enabled")};
1671
+ background-color: ${ge("background-color-checked-enabled")};
1672
1672
  &.isDisabled,
1673
1673
  &.isReadOnly {
1674
- background-color: ${fe("background-color-checked-disabled")};
1674
+ background-color: ${ge("background-color-checked-disabled")};
1675
1675
  }
1676
1676
  }
1677
1677
 
@@ -1683,12 +1683,12 @@
1683
1683
  transform: translate(calc(100% + 4px), 0px);
1684
1684
  }
1685
1685
  }
1686
- `,no=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:l,id:a,...u})=>{const[f,p]=d.useState(e??!1);d.useEffect(()=>{p(e??!1)},[e]);const g=d.useCallback(()=>{t||(p(!f),r==null||r(!f))},[f,t,r]);return i.jsx(E.ClassNames,{children:({cx:m})=>i.jsxs(iu,{children:[o&&i.jsx(M,{color:t?"disabled":"grey",variant:n,children:o}),i.jsxs(es,{id:a,className:m({isReadOnly:l},f&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:g,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(Vn,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:f?0:1,right:"3px"}}),i.jsx(Vn,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:f?1:0}})]}),i.jsx(ts,{className:m(f&&"isChecked",s&&"showIcons",{isReadOnly:l}),...u})]})]})})},au=h.div`
1686
+ `,ro=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:l,id:a,...u})=>{const[f,p]=d.useState(e??!1);d.useEffect(()=>{p(e??!1)},[e]);const h=d.useCallback(()=>{t||(p(!f),r==null||r(!f))},[f,t,r]);return i.jsx(M.ClassNames,{children:({cx:g})=>i.jsxs(pu,{children:[o&&i.jsx(E,{color:t?"disabled":"grey",variant:n,children:o}),i.jsxs(os,{id:a,className:g({isReadOnly:l},f&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:h,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(Gn,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:f?0:1,right:"3px"}}),i.jsx(Gn,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:f?1:0}})]}),i.jsx(ns,{className:g(f&&"isChecked",s&&"showIcons",{isReadOnly:l}),...u})]})]})})},hu=m.div`
1687
1687
  display: inline-block;
1688
1688
  line-height: 0;
1689
- `,lu=h.div`
1689
+ `,gu=m.div`
1690
1690
  z-index: 2;
1691
- `,os=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:l,offset:a,disabled:u})=>{const f=d.useRef(null),[p,g]=d.useState(n);d.useEffect(()=>{n!==void 0&&g(n)},[n]);const{refs:m,floatingStyles:x,context:b}=N.useFloating({open:p,onOpenChange:n===void 0?g:void 0,placement:l??"top",whileElementsMounted:N.autoUpdate,middleware:[N.offset(a??12),N.flip({fallbackAxisSideDirection:"start"}),N.shift(),N.arrow({element:f})]}),y=N.useHover(b,{move:!1,restMs:r}),v=N.useFocus(b),w=N.useDismiss(b),k=N.useRole(b,{role:"tooltip"}),{getReferenceProps:$,getFloatingProps:S}=N.useInteractions(u?[]:[y,v,w,k]);return i.jsxs(i.Fragment,{children:[i.jsx(au,{className:s,ref:m.setReference,...$(),children:t}),i.jsx(N.FloatingPortal,{children:p&&i.jsxs(lu,{ref:m.setFloating,style:x,...S(),children:[i.jsx(N.FloatingArrow,{...e,ref:f,context:b}),o]})})]})},ns=h.div`
1691
+ `,rs=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:l,offset:a,disabled:u})=>{const f=d.useRef(null),[p,h]=d.useState(n);d.useEffect(()=>{n!==void 0&&h(n)},[n]);const{refs:g,floatingStyles:x,context:b}=O.useFloating({open:p,onOpenChange:n===void 0?h:void 0,placement:l??"top",whileElementsMounted:O.autoUpdate,middleware:[O.offset(a??12),O.flip({fallbackAxisSideDirection:"start"}),O.shift(),O.arrow({element:f})]}),y=O.useHover(b,{move:!1,restMs:r}),v=O.useFocus(b),$=O.useDismiss(b),C=O.useRole(b,{role:"tooltip"}),{getReferenceProps:w,getFloatingProps:S}=O.useInteractions(u?[]:[y,v,$,C]);return i.jsxs(i.Fragment,{children:[i.jsx(hu,{className:s,ref:g.setReference,...w(),children:t}),i.jsx(O.FloatingPortal,{children:p&&i.jsxs(gu,{ref:g.setFloating,style:x,...S(),children:[i.jsx(O.FloatingArrow,{...e,ref:f,context:b}),o]})})]})},ss=m.div`
1692
1692
  background-color: #ffffff;
1693
1693
  border-radius: 0px;
1694
1694
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
@@ -1696,30 +1696,30 @@
1696
1696
  display: flex;
1697
1697
  align-items: center;
1698
1698
  padding: ${e=>e.contain&&"7px 10px"};
1699
- `,rs={fill:"#ffffff",height:12,tipRadius:0,width:14},ro=({arrow:e=rs,children:t,contain:o=!0,content:n,...r})=>i.jsx(os,{arrow:e,content:i.jsx(ns,{contain:o,children:i.jsx(M,{color:"dark",variant:"body",children:n})}),...r,children:t}),cu=h.div`
1699
+ `,is={fill:"#ffffff",height:12,tipRadius:0,width:14},so=({arrow:e=is,children:t,contain:o=!0,content:n,...r})=>i.jsx(rs,{arrow:e,content:i.jsx(ss,{contain:o,children:i.jsx(E,{color:"dark",variant:"body",children:n})}),...r,children:t}),mu=m.div`
1700
1700
  display: flex;
1701
1701
  flex-direction: column;
1702
1702
  min-width: 160px;
1703
- `,du=h.div`
1703
+ `,bu=m.div`
1704
1704
  display: flex;
1705
1705
  gap: 8px;
1706
1706
  height: 28px;
1707
1707
  padding: 7px 10px;
1708
- `,uu=h.div`
1708
+ `,xu=m.div`
1709
1709
  border-top: 1px solid #dfdfdf;
1710
- `,fu=h.div`
1710
+ `,yu=m.div`
1711
1711
  padding: 7px 12px;
1712
- `,pu=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},gu=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},hu=({message:e,title:t="Information",type:o="info"})=>i.jsxs(cu,{children:[i.jsxs(du,{children:[i.jsx(F,{color:pu(o),iconId:gu(o)}),i.jsx(M,{bold:!0,variant:"body",children:t})]}),i.jsx(uu,{}),i.jsx(fu,{children:i.jsx(M,{variant:"body",children:e})})]}),dn=({children:e,open:t,openDelay:o,className:n,...r})=>i.jsx(ro,{contain:!1,content:i.jsx(hu,{...r}),open:t,openDelay:o,className:n,children:e}),ss=h.div`
1712
+ `,ku=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},vu=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},wu=({message:e,title:t="Information",type:o="info"})=>i.jsxs(mu,{children:[i.jsxs(bu,{children:[i.jsx(W,{color:ku(o),iconId:vu(o)}),i.jsx(E,{bold:!0,variant:"body",children:t})]}),i.jsx(xu,{}),i.jsx(yu,{children:i.jsx(E,{variant:"body",children:e})})]}),un=({children:e,open:t,openDelay:o,className:n,...r})=>i.jsx(so,{contain:!1,content:i.jsx(wu,{...r}),open:t,openDelay:o,className:n,children:e}),as=m.div`
1713
1713
  background-color: #000000;
1714
1714
  border-radius: 4px;
1715
1715
  color: #ffffff;
1716
1716
  display: flex;
1717
1717
  gap: 8px;
1718
1718
  padding: ${e=>e.contain&&"4px 8px"};
1719
- `,is={fill:"#000000",height:10,tipRadius:2,width:11},so=({arrow:e=is,children:t,contain:o=!0,content:n,...r})=>i.jsx(os,{arrow:e,content:i.jsx(ss,{contain:o,children:i.jsx(M,{color:"light",variant:"small",children:n})}),...r,children:t}),as=({title:e,...t})=>i.jsx(dn,{...t,title:e??"Error",type:"error"}),mu=h.div`
1719
+ `,ls={fill:"#000000",height:10,tipRadius:2,width:11},io=({arrow:e=ls,children:t,contain:o=!0,content:n,...r})=>i.jsx(rs,{arrow:e,content:i.jsx(as,{contain:o,children:i.jsx(E,{color:"light",variant:"small",children:n})}),...r,children:t}),cs=({title:e,...t})=>i.jsx(un,{...t,title:e??"Error",type:"error"}),Cu=m.div`
1720
1720
  display: flex;
1721
1721
  gap: 4px;
1722
- `,bu=({label:e,value:t})=>i.jsxs(mu,{children:[i.jsx(F,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(M,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(M,{variant:"body",children:t})]}),ls=({children:e,open:t,openDelay:o,...n})=>i.jsx(ro,{content:i.jsx(bu,{...n}),open:t,openDelay:o,children:e}),cs=({variant:e,...t})=>{let o;switch(e){case"alert":o=dn;break;case"dark":o=so;break;case"error":o=as;break;case"light":o=ro;break;case"selector":o=ls;break}return i.jsx(o,{...t})},ds=d.createContext(null),xu=({children:e,value:t})=>i.jsx(ds.Provider,{value:t,children:e}),us=()=>{const e=d.useContext(ds);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[St]=O(["multi-select"]),fs=h.div`
1722
+ `,$u=({label:e,value:t})=>i.jsxs(Cu,{children:[i.jsx(W,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(E,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(E,{variant:"body",children:t})]}),ds=({children:e,open:t,openDelay:o,...n})=>i.jsx(so,{content:i.jsx($u,{...n}),open:t,openDelay:o,children:e}),us=({variant:e,...t})=>{let o;switch(e){case"alert":o=un;break;case"dark":o=io;break;case"error":o=cs;break;case"light":o=so;break;case"selector":o=ds;break}return i.jsx(o,{...t})},fs=d.createContext(null),Su=({children:e,value:t})=>i.jsx(fs.Provider,{value:t,children:e}),ps=()=>{const e=d.useContext(fs);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[St]=I(["multi-select"]),hs=m.div`
1723
1723
  width: 100%;
1724
1724
  padding: ${St("item-padding-y")} ${St("item-padding-x")};
1725
1725
  display: flex;
@@ -1732,14 +1732,14 @@
1732
1732
  &:hover {
1733
1733
  background-color: ${St("item-hover-bg")};
1734
1734
  }
1735
- `,[Yt]=O(["multi-select"]),yu=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=us(),s=d.useRef(null),{isAllSelected:l,isPartiallySelected:a}=d.useMemo(()=>{const f=t.every(p=>o.some(g=>g.value===p.value));return{isAllSelected:f,isPartiallySelected:!f&&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(ku,{onClick:u,children:[i.jsx(mt,{ref:s,onChange:Re,checked:l}),i.jsx(M,{variant:"body",color:"dark",children:l?"Deselect All":"Select All"})]})}),ku=h(fs)`
1736
- border-bottom: ${Yt("border")} solid ${Yt("select-all-border-color")};
1735
+ `,[Kt]=I(["multi-select"]),ju=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=ps(),s=d.useRef(null),{isAllSelected:l,isPartiallySelected:a}=d.useMemo(()=>{const f=t.every(p=>o.some(h=>h.value===p.value));return{isAllSelected:f,isPartiallySelected:!f&&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(Tu,{onClick:u,children:[i.jsx(mt,{ref:s,onChange:Ae,checked:l}),i.jsx(E,{variant:"body",color:"dark",children:l?"Deselect All":"Select All"})]})}),Tu=m(hs)`
1736
+ border-bottom: ${Kt("border")} solid ${Kt("select-all-border-color")};
1737
1737
  position: sticky;
1738
1738
  top: 0;
1739
1739
  z-index: 2;
1740
- padding-top: calc(${Yt("item-padding-y")} * 2);
1741
- background-color: ${Yt("background")};
1742
- `,vu=d.memo(({value:e,label:t,isSelected:o,ListItemTemplate:n,onToggleSelect:r})=>n?i.jsx(n,{value:e,label:t,isSelected:o}):i.jsxs(fs,{onClick:()=>r({value:e,label:t}),children:[i.jsx(mt,{onChange:Re,checked:o}),i.jsx(M,{variant:"body",color:"dark",children:t})]})),[at]=O(["multi-select"]),wu=d.memo(({value:e,label:t,onRemove:o,SelectedItemTemplate:n})=>n?i.jsx(n,{value:e,label:t,onRemove:o}):i.jsxs(Cu,{children:[i.jsx(M,{variant:"body",color:"dark",children:t}),i.jsx(ee,{size:"xxsm",color:"black",iconId:"Close",onClick:()=>o({value:e,label:t})})]})),Cu=h.div`
1740
+ padding-top: calc(${Kt("item-padding-y")} * 2);
1741
+ background-color: ${Kt("background")};
1742
+ `,Du=d.memo(({value:e,label:t,isSelected:o,ListItemTemplate:n,onToggleSelect:r})=>n?i.jsx(n,{value:e,label:t,isSelected:o}):i.jsxs(hs,{onClick:()=>r({value:e,label:t}),children:[i.jsx(mt,{onChange:Ae,checked:o}),i.jsx(E,{variant:"body",color:"dark",children:t})]})),[at]=I(["multi-select"]),Mu=d.memo(({value:e,label:t,onRemove:o,SelectedItemTemplate:n})=>n?i.jsx(n,{value:e,label:t,onRemove:o}):i.jsxs(Eu,{children:[i.jsx(E,{variant:"body",color:"dark",children:t}),i.jsx(ne,{size:"xxsm",color:"black",iconId:"Close",onClick:()=>o({value:e,label:t})})]})),Eu=m.div`
1743
1743
  padding: ${at("selected-item-padding-y")} ${at("selected-item-padding-x")};
1744
1744
  display: flex;
1745
1745
  align-items: center;
@@ -1751,65 +1751,65 @@
1751
1751
  :hover {
1752
1752
  background-color: ${at("selected-item-background-hover")};
1753
1753
  }
1754
- `,[oe]=O(["multi-select"]),ps=d.memo(({options:e,selected:t,className:o,closeOnSelect:n,onChange:r,disabled:s,selectAllHidden:l,SelectAllItemTemplate:a,ListItemTemplate:u,SelectedItemTemplate:f})=>{const[p,g]=d.useState(!1),m=d.useCallback(j=>{console.log({_open:j}),g(j)},[]),{refs:x,floatingStyles:b,context:y}=N.useFloating({placement:"bottom",open:p,onOpenChange:m,whileElementsMounted:N.autoUpdate,middleware:Xr}),v=N.useClick(y,{enabled:!s,toggle:!!n}),w=N.useDismiss(y),k=N.useRole(y,{role:"listbox"}),{getReferenceProps:$,getFloatingProps:S}=N.useInteractions([v,w,k]),C=d.useCallback(j=>{t.some(D=>D.value===j.value)?r(t.filter(D=>D.value!==j.value)):r([...t,j])},[r,t]),T=d.useMemo(()=>({open:p,setOpen:g,selected:t,onToggleSelect:C,onSetSelected:r}),[C,p,t,r]);return console.log({open:p}),i.jsx(xu,{value:T,children:i.jsxs($u,{ref:x.setReference,className:o,...$({onClick(j){j.stopPropagation()}}),children:[t.map(j=>E.createElement(wu,{SelectedItemTemplate:f,...j,key:j.value,onRemove:C})),p&&i.jsx(N.FloatingPortal,{children:i.jsx(N.FloatingFocusManager,{context:y,modal:!1,children:i.jsxs(Su,{ref:x.setFloating,style:b,className:ht({selectAllHidden:!!l||!!a}),...S(),children:[!l&&i.jsx(yu,{SelectAllItemTemplate:a,options:e}),e.map(j=>i.jsx(vu,{label:j.label,value:j.value,onToggleSelect:C,isSelected:t.some(D=>j.value===D.value),ListItemTemplate:u},j.value))]})})})]})})}),$u=h.div`
1754
+ `,[se]=I(["multi-select"]),gs=d.memo(({options:e,selected:t,className:o,closeOnSelect:n,onChange:r,disabled:s,selectAllHidden:l,SelectAllItemTemplate:a,ListItemTemplate:u,SelectedItemTemplate:f})=>{const[p,h]=d.useState(!1),g=d.useCallback(j=>{console.log({_open:j}),h(j)},[]),{refs:x,floatingStyles:b,context:y}=O.useFloating({placement:"bottom",open:p,onOpenChange:g,whileElementsMounted:O.autoUpdate,middleware:Qr}),v=O.useClick(y,{enabled:!s,toggle:!!n}),$=O.useDismiss(y),C=O.useRole(y,{role:"listbox"}),{getReferenceProps:w,getFloatingProps:S}=O.useInteractions([v,$,C]),k=d.useCallback(j=>{t.some(D=>D.value===j.value)?r(t.filter(D=>D.value!==j.value)):r([...t,j])},[r,t]),T=d.useMemo(()=>({open:p,setOpen:h,selected:t,onToggleSelect:k,onSetSelected:r}),[k,p,t,r]);return console.log({open:p}),i.jsx(Su,{value:T,children:i.jsxs(Ou,{ref:x.setReference,className:o,...w({onClick(j){j.stopPropagation()}}),children:[t.map(j=>M.createElement(Mu,{SelectedItemTemplate:f,...j,key:j.value,onRemove:k})),p&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:y,modal:!1,children:i.jsxs(zu,{ref:x.setFloating,style:b,className:gt({selectAllHidden:!!l||!!a}),...S(),children:[!l&&i.jsx(ju,{SelectAllItemTemplate:a,options:e}),e.map(j=>i.jsx(Du,{label:j.label,value:j.value,onToggleSelect:k,isSelected:t.some(D=>j.value===D.value),ListItemTemplate:u},j.value))]})})})]})})}),Ou=m.div`
1755
1755
  width: 100%;
1756
1756
  height: fit-content;
1757
1757
  min-height: 28px;
1758
- padding: ${oe("padding-y")} ${oe("padding-x")};
1759
- border-radius: ${oe("border-radius")};
1758
+ padding: ${se("padding-y")} ${se("padding-x")};
1759
+ border-radius: ${se("border-radius")};
1760
1760
  display: flex;
1761
1761
  align-items: flex-start;
1762
1762
  justify-content: flex-start;
1763
- border-width: ${oe("border")};
1763
+ border-width: ${se("border")};
1764
1764
  border-style: solid;
1765
- border-color: ${oe("border-color")};
1766
- background-color: ${oe("background")};
1767
- gap: ${oe("gap")};
1765
+ border-color: ${se("border-color")};
1766
+ background-color: ${se("background")};
1767
+ gap: ${se("gap")};
1768
1768
  &:hover {
1769
- border-color: ${oe("hover-border-color")};
1769
+ border-color: ${se("hover-border-color")};
1770
1770
  }
1771
- `,Su=h.div`
1771
+ `,zu=m.div`
1772
1772
  display: flex;
1773
1773
  flex-direction: column;
1774
- border: ${oe("border")} solid ${oe("border-color")};
1774
+ border: ${se("border")} solid ${se("border-color")};
1775
1775
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
1776
1776
  outline: 0;
1777
- border-radius: ${oe("border-radius")};
1777
+ border-radius: ${se("border-radius")};
1778
1778
  z-index: 2;
1779
1779
  max-height: 160px;
1780
1780
  overflow: auto;
1781
- padding-bottom: ${oe("list-padding")};
1782
- padding-left: ${oe("list-padding")};
1783
- padding-right: ${oe("list-padding")};
1784
- background-color: ${oe("background")};
1781
+ padding-bottom: ${se("list-padding")};
1782
+ padding-left: ${se("list-padding")};
1783
+ padding-right: ${se("list-padding")};
1784
+ background-color: ${se("background")};
1785
1785
  &.selectAllHidden {
1786
- padding-top: ${oe("list-padding")};
1786
+ padding-top: ${se("list-padding")};
1787
1787
  }
1788
- `,ju=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"})})]})]})}),[ve]=O(["collapsible-artifact-version"]),Tu=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(E.ClassNames,{children:({cx:u})=>i.jsxs(Du,{onClick:a,className:u({isSelected:t,isInherited:o}),children:[i.jsxs(Eu,{children:[i.jsxs(Mu,{children:[i.jsx(M,{variant:"small",color:"dark",bold:!0,children:r}),!!s&&i.jsx(M,{color:"grey",variant:"small",children:s})]}),l&&i.jsx(eo,{color:"grey",variant:"small",children:`${l}${l}`})]}),t?i.jsx(zu,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?i.jsx(F,{iconId:"Inherited",color:"purple"}):null]})})}),Du=h.div`
1788
+ `,Iu=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"})})]})]})}),[$e]=I(["collapsible-artifact-version"]),Ru=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(Nu,{onClick:a,className:u({isSelected:t,isInherited:o}),children:[i.jsxs(Fu,{children:[i.jsxs(Au,{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(to,{color:"grey",variant:"small",children:`${l}${l}`})]}),t?i.jsx(_u,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?i.jsx(W,{iconId:"Inherited",color:"purple"}):null]})})}),Nu=m.div`
1789
1789
  width: 100%;
1790
1790
  position: relative;
1791
1791
  display: flex;
1792
- padding: ${ve("padding")};
1793
- border-radius: ${ve("border-radius")};
1794
- background-color: ${ve("background-color")};
1795
- border: ${ve("border-width")} solid ${ve("border-color")};
1792
+ padding: ${$e("padding")};
1793
+ border-radius: ${$e("border-radius")};
1794
+ background-color: ${$e("background-color")};
1795
+ border: ${$e("border-width")} solid ${$e("border-color")};
1796
1796
  cursor: pointer;
1797
1797
  transition: border-color 0.125s ease-in-out, background 0.125s ease-in-out;
1798
1798
  &.isInherited {
1799
- background-color: ${ve("background-color-inherited")};
1800
- border-color: ${ve("border-color-inherited")};
1799
+ background-color: ${$e("background-color-inherited")};
1800
+ border-color: ${$e("border-color-inherited")};
1801
1801
  }
1802
1802
  &.isSelected {
1803
- background-color: ${ve("background-color-selected")};
1804
- border-color: ${ve("border-color-selected")};
1803
+ background-color: ${$e("background-color-selected")};
1804
+ border-color: ${$e("border-color-selected")};
1805
1805
  }
1806
1806
  :hover:not(.isSelected) {
1807
- background-color: ${ve("background-color-hover")};
1807
+ background-color: ${$e("background-color-hover")};
1808
1808
  }
1809
1809
  :hover:not(.isSelected):not(.isInherited) {
1810
- border-color: ${ve("border-color-hover")};
1810
+ border-color: ${$e("border-color-hover")};
1811
1811
  }
1812
- `,Eu=h.div`
1812
+ `,Fu=m.div`
1813
1813
  width: 100%;
1814
1814
  display: flex;
1815
1815
  align-items: flex-start;
@@ -1817,25 +1817,25 @@
1817
1817
  flex-direction: column;
1818
1818
  row-gap: 1px;
1819
1819
  overflow: hidden;
1820
- `,Mu=h.div`
1820
+ `,Au=m.div`
1821
1821
  width: 100%;
1822
1822
  display: flex;
1823
1823
  align-items: center;
1824
1824
  justify-content: flex-start;
1825
1825
  gap: 8px;
1826
- `,zu=h(F)`
1826
+ `,_u=m(W)`
1827
1827
  position: absolute;
1828
1828
  top: 50%;
1829
1829
  transform: translateY(-50%);
1830
1830
  right: 8px;
1831
- `,[Ot,$o,Ou]=O(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Iu=h.div`
1832
- border-radius: ${Ot("border-radius")};
1833
- border: ${Ot("border-width")} solid ${Ot("border-color")};
1831
+ `,[zt,$o,Lu]=I(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Wu=m.div`
1832
+ border-radius: ${zt("border-radius")};
1833
+ border: ${zt("border-width")} solid ${zt("border-color")};
1834
1834
  display: flex;
1835
1835
  flex-direction: column;
1836
1836
  overflow: hidden;
1837
1837
  position: relative;
1838
- `,Ru=h.div`
1838
+ `,Bu=m.div`
1839
1839
  align-items: center;
1840
1840
  background-color: ${$o("background-color")};
1841
1841
  cursor: pointer;
@@ -1848,17 +1848,17 @@
1848
1848
  }
1849
1849
 
1850
1850
  &[data-state="open"] {
1851
- border-bottom: ${Ot("border-width")} solid
1852
- ${Ot("border-color")};
1851
+ border-bottom: ${zt("border-width")} solid
1852
+ ${zt("border-color")};
1853
1853
  }
1854
- `,Nu=h.div`
1854
+ `,Pu=m.div`
1855
1855
  flex-direction: column;
1856
- gap: ${Ou("gap")};
1857
- `,Fu=({headerContent:e,toggledContent:t,isOpen:o,onOpen:n})=>i.jsx(Jt,{open:o,onOpenChange:n,children:i.jsxs(Iu,{children:[i.jsx(qo,{children:i.jsxs(Ru,{children:[i.jsx(ee,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(Qt,{children:i.jsx(Nu,{children:t})})]})}),[Gn]=O(["combobox"]),Au=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]),f=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return i.jsxs(_u,{children:[i.jsx(Wu,{value:t,onChange:u,onKeyDown:a,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Lu,{children:i.jsx(cs,{variant:"dark",content:l,children:i.jsx(ee,{onClick:f,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),_u=h.div`
1856
+ gap: ${Lu("gap")};
1857
+ `,Hu=({headerContent:e,toggledContent:t,isOpen:o,onOpen:n})=>i.jsx(Qt,{open:o,onOpenChange:n,children:i.jsxs(Wu,{children:[i.jsx(Zo,{children:i.jsxs(Bu,{children:[i.jsx(ne,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(eo,{children:i.jsx(Pu,{children:t})})]})}),[Un]=I(["combobox"]),Vu=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]),f=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return i.jsxs(Gu,{children:[i.jsx(Yu,{value:t,onChange:u,onKeyDown:a,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Uu,{children:i.jsx(us,{variant:"dark",content:l,children:i.jsx(ne,{onClick:f,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Gu=m.div`
1858
1858
  width: 100%;
1859
1859
  position: relative;
1860
1860
  display: flex;
1861
- `,Lu=h.div`
1861
+ `,Uu=m.div`
1862
1862
  position: absolute;
1863
1863
  right: 8px;
1864
1864
  top: 50%;
@@ -1866,55 +1866,55 @@
1866
1866
  align-items: center;
1867
1867
  justify-content: center;
1868
1868
  transform: translateY(-50%);
1869
- `,Wu=h(bt)`
1870
- border-radius: ${Gn("input-border-radius")};
1871
- height: ${Gn("height")};
1869
+ `,Yu=m(bt)`
1870
+ border-radius: ${Un("input-border-radius")};
1871
+ height: ${Un("height")};
1872
1872
  width: 100%;
1873
1873
 
1874
1874
  &.isDeletable {
1875
1875
  padding-right: ${c("spacing-32")};
1876
1876
  }
1877
- `,Bu=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(F,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(eo,{variant:"body",color:"dark",children:e})]})),[$e,Pu]=O(["combobox","option"]),Hu=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:n,isDeletable:r,OptionLabelComponent:s,placeholder:l,createNode:a,createText:u,className:f,onEnter:p,t:g})=>{const{setIsOpen:m,selectedIndex:x}=ln(),b=d.useCallback(()=>{o("create",{id:t,name:t}),m(!1)},[t,m,o]),y=d.useMemo(()=>!e.length||!e.some(w=>w.name.toLowerCase()===t.toLowerCase()),[t,e]),v=d.useCallback(w=>{w.code==="Enter"&&t&&p&&p(t,()=>m(!1))},[t,p,m]);return i.jsxs(Gu,{className:f,children:[i.jsx(Au,{inputText:t,setIsOpen:m,onSelectionChange:o,setInputText:n,isDeletable:r,onKeyDown:p?v:void 0,placeholder:l??"Enter a name",tooltipText:(g==null?void 0:g("comboBox.tooltipText"))??"Remove?"}),e.map((w,k)=>i.jsx(Ku,{label:s?i.jsx(s,{...w,selected:x===k}):i.jsx(Bu,{name:w.name}),optionKey:w.id,disabled:w.isHeader},w.id)),y&&t?a?i.jsx(Yu,{onClick:b,children:a}):i.jsx(Uu,{size:"med",onClick:b,children:u??"Create?"}):null]})},gs=({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),[f,p]=d.useState(l?"":(n==null?void 0:n.name)??""),g=!!n&&n.name===f,m=t!==void 0?t:g&&!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(k=>{p(k),r==null||r(k)},[r]),b=d.useCallback((k,$)=>{u.current=$==null?void 0:$.id,p(l?"":($==null?void 0:$.name)??""),s(k,$==null?void 0:$.id)},[s,l]),y=d.useCallback(k=>{const $=o.find(S=>S.id===k);$&&b("select",$)},[b,o]),v=d.useMemo(()=>g?o:o.filter(k=>k.name.toLowerCase().includes(f.toLowerCase())||k.isHeader),[f,o,g]),w=d.useMemo(()=>v.findIndex(k=>k.id===(n==null?void 0:n.id)),[v,n==null?void 0:n.id]);return i.jsx(Vu,{selectedIndex:w,isFocusTrapDisabled:!0,onSelect:y,Reference:e,children:i.jsx(Hu,{...a,handleInputChange:x,handleSelectionChange:b,optionsToRender:v,isDeletable:m,inputText:f})})},Vu=h(xt)`
1878
- border-radius: ${$e("border-radius")};
1877
+ `,Ku=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(W,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(to,{variant:"body",color:"dark",children:e})]})),[Te,qu]=I(["combobox","option"]),Zu=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:n,isDeletable:r,OptionLabelComponent:s,placeholder:l,createNode:a,createText:u,className:f,onEnter:p,t:h})=>{const{setIsOpen:g,selectedIndex:x}=cn(),b=d.useCallback(()=>{o("create",{id:t,name:t}),g(!1)},[t,g,o]),y=d.useMemo(()=>!e.length||!e.some($=>$.name.toLowerCase()===t.toLowerCase()),[t,e]),v=d.useCallback($=>{$.code==="Enter"&&t&&p&&p(t,()=>g(!1))},[t,p,g]);return i.jsxs(Ju,{className:f,children:[i.jsx(Vu,{inputText:t,setIsOpen:g,onSelectionChange:o,setInputText:n,isDeletable:r,onKeyDown:p?v:void 0,placeholder:l??"Enter a name",tooltipText:(h==null?void 0:h("comboBox.tooltipText"))??"Remove?"}),e.map(($,C)=>i.jsx(tf,{label:s?i.jsx(s,{...$,selected:x===C}):i.jsx(Ku,{name:$.name}),optionKey:$.id,disabled:$.isHeader},$.id)),y&&t?a?i.jsx(ef,{onClick:b,children:a}):i.jsx(Qu,{size:"med",onClick:b,children:u??"Create?"}):null]})},ms=({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),[f,p]=d.useState(l?"":(n==null?void 0:n.name)??""),h=!!n&&n.name===f,g=t!==void 0?t:h&&!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(C=>{p(C),r==null||r(C)},[r]),b=d.useCallback((C,w)=>{u.current=w==null?void 0:w.id,p(l?"":(w==null?void 0:w.name)??""),s(C,w==null?void 0:w.id)},[s,l]),y=d.useCallback(C=>{const w=o.find(S=>S.id===C);w&&b("select",w)},[b,o]),v=d.useMemo(()=>h?o:o.filter(C=>C.name.toLowerCase().includes(f.toLowerCase())||C.isHeader),[f,o,h]),$=d.useMemo(()=>v.findIndex(C=>C.id===(n==null?void 0:n.id)),[v,n==null?void 0:n.id]);return i.jsx(Xu,{selectedIndex:$,isFocusTrapDisabled:!0,onSelect:y,Reference:e,children:i.jsx(Zu,{...a,handleInputChange:x,handleSelectionChange:b,optionsToRender:v,isDeletable:g,inputText:f})})},Xu=m(xt)`
1878
+ border-radius: ${Te("border-radius")};
1879
1879
  overflow: hidden;
1880
- `,Gu=h.div`
1880
+ `,Ju=m.div`
1881
1881
  width: 200px;
1882
1882
  height: auto;
1883
1883
  display: flex;
1884
1884
  flex-direction: column;
1885
1885
  align-items: flex-start;
1886
1886
  justify-content: flex-start;
1887
- background-color: ${$e("background-color")};
1888
- border-radius: ${$e("border-radius")};
1889
- box-shadow: ${$e("box-shadow")};
1890
- padding: ${$e("padding")};
1891
- row-gap: ${$e("row-gap")};
1892
- `,Uu=h(Ko)`
1893
- padding: ${Pu("padding")};
1894
- `,Yu=h.div`
1887
+ background-color: ${Te("background-color")};
1888
+ border-radius: ${Te("border-radius")};
1889
+ box-shadow: ${Te("box-shadow")};
1890
+ padding: ${Te("padding")};
1891
+ row-gap: ${Te("row-gap")};
1892
+ `,Qu=m(qo)`
1893
+ padding: ${qu("padding")};
1894
+ `,ef=m.div`
1895
1895
  cursor: pointer;
1896
1896
  width: 100%;
1897
- `,Ku=h(ut)`
1897
+ `,tf=m(ut)`
1898
1898
  width: 100%;
1899
1899
  display: flex;
1900
1900
  align-items: center;
1901
1901
  justify-content: flex-start;
1902
- background-color: ${$e("background-color")};
1903
- border-radius: ${$e("selection-border-radius")};
1904
- column-gap: ${$e("option-column-gap")};
1902
+ background-color: ${Te("background-color")};
1903
+ border-radius: ${Te("selection-border-radius")};
1904
+ column-gap: ${Te("option-column-gap")};
1905
1905
  transition: background 0.125s ease-in-out;
1906
1906
  overflow: hidden;
1907
1907
  > .option-label-icon {
1908
1908
  display: none;
1909
1909
  }
1910
1910
  &.isSelected {
1911
- background-color: ${$e("background-color-selected")};
1911
+ background-color: ${Te("background-color-selected")};
1912
1912
  > .option-label-icon {
1913
1913
  display: block;
1914
1914
  }
1915
1915
  }
1916
1916
  &.isActive:not(.isSelected) {
1917
- background-color: ${$e("background-color-active")};
1917
+ background-color: ${Te("background-color-active")};
1918
1918
  }
1919
1919
  &.disabled {
1920
1920
  cursor: initial;
@@ -1923,7 +1923,7 @@
1923
1923
  font-weight: ${c("font-weight-bold")};
1924
1924
  }
1925
1925
  }
1926
- `,hs=h.div`
1926
+ `,bs=m.div`
1927
1927
  height: 20px;
1928
1928
  width: 240px;
1929
1929
  display: grid;
@@ -1944,32 +1944,32 @@
1944
1944
  pointer-events: none;
1945
1945
  background-color: ${c("color-grey10")};
1946
1946
  }
1947
- `,qu=e=>typeof e=="string"?e.trim().length>0||"Required":!0,Zu=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:qu}};return t(r,a)},[t]),n=d.useMemo(()=>({...e.control,register:o}),[e.control,o]);return{...e,register:o,control:n}};function ms({children:e,onSubmit:t,onRootErrorChange:o,className:n,defaultValues:r,variant:s="submit",...l}){const a=P.useForm({shouldUnregister:!0,defaultValues:r,...l,mode:s==="blur"?"onBlur":l.mode}),u=Zu(a),f=u.formState.errors.root;d.useEffect(()=>{o&&o(f)},[f,o]);const p=d.useCallback(async g=>{await t(g,u.setError)},[u.setError,t]);return i.jsx(P.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 Xu=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"})})),Ju=e=>e===void 0?i.jsx(Xu,{}):e?i.jsx(F,{iconId:"Check",color:"green",size:"sm"}):i.jsx(F,{iconId:"Close",color:"red",size:"sm"}),bs=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:n,className:r,t:s,title:l})=>i.jsxs(Qu,{className:r,children:[!!l&&i.jsx(M,{color:"dark",bold:!0,variant:"body",children:l}),i.jsx(ef,{children:t.map(a=>{const u=e?void 0:o.includes(a.id);return i.jsxs(tf,{children:[n?n(a.id,u):Ju(u),i.jsx(of,{variant:"body",color:"dark",children:s?s(a.textKey):a.id})]},a.id)})})]})),Qu=h.div`
1947
+ `,of=e=>typeof e=="string"?e.trim().length>0||"Required":!0,nf=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:of}};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=K.useForm({shouldUnregister:!0,defaultValues:r,...l,mode:s==="blur"?"onBlur":l.mode}),u=nf(a),f=u.formState.errors.root;d.useEffect(()=>{o&&o(f)},[f,o]);const p=d.useCallback(async h=>{await t(h,u.setError)},[u.setError,t]);return i.jsx(K.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 rf=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"})})),sf=e=>e===void 0?i.jsx(rf,{}):e?i.jsx(W,{iconId:"Check",color:"green",size:"sm"}):i.jsx(W,{iconId:"Close",color:"red",size:"sm"}),ys=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:n,className:r,t:s,title:l})=>i.jsxs(af,{className:r,children:[!!l&&i.jsx(E,{color:"dark",bold:!0,variant:"body",children:l}),i.jsx(lf,{children:t.map(a=>{const u=e?void 0:o.includes(a.id);return i.jsxs(cf,{children:[n?n(a.id,u):sf(u),i.jsx(df,{variant:"body",color:"dark",children:s?s(a.textKey):a.id})]},a.id)})})]})),af=m.div`
1948
1948
  display: flex;
1949
1949
  align-items: flex-start;
1950
1950
  justify-content: flex-start;
1951
1951
  flex-direction: column;
1952
- `,ef=h.ul`
1952
+ `,lf=m.ul`
1953
1953
  margin: 0px;
1954
1954
  padding-left: 0px;
1955
1955
  row-gap: 4px;
1956
1956
  list-style-type: none;
1957
1957
  list-style-position: inside;
1958
- `,tf=h.li`
1958
+ `,cf=m.li`
1959
1959
  margin: 0;
1960
1960
  align-items: center;
1961
1961
  display: flex;
1962
1962
  justify-content: flex-start;
1963
- `,of=h(M)`
1963
+ `,df=m(E)`
1964
1964
  margin-left: 4px;
1965
- `,nf=()=>P.useFormContext(),[Un]=O(["form"]),un=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],xs=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},...un],rf=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:n})=>{const{getFieldState:r,formState:s}=nf(),{error:l,isDirty:a}=r(e??"password",s),u=d.useMemo(()=>{const f=(l==null?void 0:l.types)??{},p=[];return!f.minLength&&!f.required&&p.push("length"),!f.tooSimilar&&n&&p.push("tooSimilar"),!f[Et.noDigit]&&!f[Et.noUpperCase]&&p.push("uppercaseAndNumber"),f[Et.noSpecialCharacter]||p.push("specialCharacter"),p},[l==null?void 0:l.types,n]);return i.jsx(E.ClassNames,{children:({cx:f})=>i.jsx(sf,{t,className:f({hasLabel:o}),isBlank:!a&&!l,requirements:n?xs:un,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),sf=h(bs)`
1965
+ `,uf=()=>K.useFormContext(),[Yn]=I(["form"]),fn=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],ks=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},...fn],ff=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:n})=>{const{getFieldState:r,formState:s}=uf(),{error:l,isDirty:a}=r(e??"password",s),u=d.useMemo(()=>{const f=(l==null?void 0:l.types)??{},p=[];return!f.minLength&&!f.required&&p.push("length"),!f.tooSimilar&&n&&p.push("tooSimilar"),!f[Mt.noDigit]&&!f[Mt.noUpperCase]&&p.push("uppercaseAndNumber"),f[Mt.noSpecialCharacter]||p.push("specialCharacter"),p},[l==null?void 0:l.types,n]);return i.jsx(M.ClassNames,{children:({cx:f})=>i.jsx(pf,{t,className:f({hasLabel:o}),isBlank:!a&&!l,requirements:n?ks:fn,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),pf=m(ys)`
1966
1966
  width: 100%;
1967
1967
  align-items: flex-start;
1968
1968
  justify-content: flex-start;
1969
1969
  &.hasLabel {
1970
- padding-left: calc(${Un("label-width")} + ${Un("label-column-gap")});
1970
+ padding-left: calc(${Yn("label-width")} + ${Yn("label-column-gap")});
1971
1971
  }
1972
- `,[Je]=O(["form"]),be=d.forwardRef(({className:e,required:t,formItemId:o,isValid:n,...r},s)=>i.jsx(E.ClassNames,{children:({cx:l})=>i.jsx(af,{ref:s,"aria-required":t,"aria-invalid":!n,className:l(e,"form-label"),htmlFor:o,...r})})),af=h.label`
1972
+ `,[Je]=I(["form"]),ke=d.forwardRef(({className:e,required:t,formItemId:o,isValid:n,...r},s)=>i.jsx(M.ClassNames,{children:({cx:l})=>i.jsx(hf,{ref:s,"aria-required":t,"aria-invalid":!n,className:l(e,"form-label"),htmlFor:o,...r})})),hf=m.label`
1973
1973
  font-family: ${Je("label-font-family")};
1974
1974
  font-size: ${Je("label-font-size")};
1975
1975
  font-weight: ${Je("label-font-weight")};
@@ -1984,20 +1984,20 @@
1984
1984
  color: ${Je("label-error-color")};
1985
1985
  }
1986
1986
  }
1987
- `;be.displayName="FormLabel";const[So]=O(["form"]),Ne=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:n,formState:r}=P.useFormContext(),{error:s}=n(t,r);if(!s)return null;const l=e==="message"?s.message:e(s);return l?i.jsx(lf,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:l}):null}),lf=h(M)`
1987
+ `;ke.displayName="FormLabel";const[So]=I(["form"]),_e=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:n,formState:r}=K.useFormContext(),{error:s}=n(t,r);if(!s)return null;const l=e==="message"?s.message:e(s);return l?i.jsx(gf,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:l}):null}),gf=m(E)`
1988
1988
  width: 100%;
1989
1989
  margin-top: ${So("error-message-top-margin")};
1990
1990
  &.hasLabel {
1991
1991
  padding-left: calc(${So("label-width")} + ${So("label-column-gap")});
1992
1992
  }
1993
- `,[Wo]=O(["form"]),Ve=h.div`
1993
+ `,[Wo]=I(["form"]),Ye=m.div`
1994
1994
  display: flex;
1995
1995
  align-items: center;
1996
1996
  justify-content: flex-start;
1997
1997
  flex-direction: column;
1998
1998
  width: 100%;
1999
1999
  position: relative;
2000
- `,Fe=h.div`
2000
+ `,Le=m.div`
2001
2001
  display: grid;
2002
2002
  align-items: center;
2003
2003
  grid-template-columns: 1fr;
@@ -2006,7 +2006,7 @@
2006
2006
  &.hasLabel {
2007
2007
  grid-template-columns: ${Wo("label-width")} 1fr;
2008
2008
  }
2009
- `,ys=h(Fe)`
2009
+ `,vs=m(Le)`
2010
2010
  align-items: flex-start;
2011
2011
 
2012
2012
  /*
@@ -2019,29 +2019,35 @@
2019
2019
  & label {
2020
2020
  padding: ${Wo("label-area-padding")};
2021
2021
  } */
2022
- `,fn=h.input`
2022
+ `,pn=m.input`
2023
2023
  visibility: hidden;
2024
2024
  position: absolute;
2025
2025
  right: 0;
2026
2026
  top: 0;
2027
2027
  pointer-events: none;
2028
- `,cf=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:l,...a})=>{const{control:u}=P.useFormContext(),{field:{onChange:f,value:p,disabled:g},fieldState:{error:m}}=P.useController({name:e,control:u,rules:a,disabled:t}),x=d.useId();return i.jsx(E.ClassNames,{children:({cx:b})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:b({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:x,isValid:!m,required:!!a.required,children:o}),i.jsx(df,{children:i.jsx(no,{checked:p,disabled:g,readOnly:l,onChange:f,showIcons:s,id:x})})]}),!!r&&i.jsx(Ne,{handleError:r,name:e,hasLabel:!!o})]})})},df=h.div`
2028
+ `,mf=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:l,...a})=>{const{control:u}=K.useFormContext(),{field:{onChange:f,value:p,disabled:h},fieldState:{error:g}}=K.useController({name:e,control:u,rules:a,disabled:t}),x=d.useId();return i.jsx(M.ClassNames,{children:({cx:b})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:b({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:x,isValid:!g,required:!!a.required,children:o}),i.jsx(bf,{children:i.jsx(ro,{checked:p,disabled:h,readOnly:l,onChange:f,showIcons:s,id:x})})]}),!!r&&i.jsx(_e,{handleError:r,name:e,hasLabel:!!o})]})})},bf=m.div`
2029
2029
  width: 100%;
2030
2030
  display: flex;
2031
2031
  align-items: center;
2032
2032
  justify-content: flex-start;
2033
- `,uf=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:l,wrap:a,readOnly:u,...f},p)=>{const{control:g}=P.useFormContext(),{field:{ref:m,...x},fieldState:{error:b}}=P.useController({name:e,control:g,rules:f,disabled:t}),y=d.useId(),v=N.useMergeRefs([m,p]);return i.jsx(E.ClassNames,{children:({cx:w})=>i.jsxs(Ve,{children:[i.jsxs(ys,{className:w({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:y,isValid:!b,required:!!f.required,children:o}),i.jsx(cn,{...x,id:y,placeholder:n,ref:v,autoComplete:"off",className:w(r,"form-text-area"),"aria-invalid":!!b,autoFocus:l,readOnly:u,wrap:a})]}),!!s&&i.jsx(Ne,{handleError:s,name:e,hasLabel:!!o})]})})},ff=gt(uf),pf=({onSubmit:e,enabledIfClean:t,disabled:o,...n},r)=>{const{handleSubmit:s,setError:l,formState:{isValid:a,isSubmitting:u,dirtyFields:f}}=P.useFormContext(),p=d.useCallback(async x=>{await e(x,l)},[l,e]),g=Object.keys(f).length>0,m=!a||u||!t&&!g||o;return i.jsx(Ie,{type:"submit",...n,ref:r,disabled:m,onClick:s(p)})},pn=gt(pf),ks=({disabled:e,isSmall:t,children:o,value:n,id:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,getLabel:f,getIcon:p,onSelect:g,onKeyDown:m})=>{var T,j;const x=d.useRef(n);d.useEffect(()=>{x.current=n},[n]);const b=d.useCallback(D=>{let L=p==null?void 0:p(D),G=f==null?void 0:f(D),H;return D&&d.Children.forEach(o,X=>{d.isValidElement(X)&&X.props.optionKey&&X.props.optionKey===D&&(H=X)}),H!==void 0&&d.isValidElement(H)&&H.props.label&&(G=G??H.props.label,L=L??H.props.prefixIconId),{label:G??"",iconId:L}},[o,p,f]),y=d.useCallback((D,L)=>{let G=null;return d.Children.forEach(D,(H,X)=>{d.isValidElement(H)&&H.props.optionKey&&H.props.optionKey===L&&(G=X)}),G},[]),[v,w]=d.useState(y(o,n));d.useEffect(()=>{w(y(o,x.current))},[o,y]);const[k,$]=d.useState((T=b(n))==null?void 0:T.label),[S,C]=d.useState((j=b(n))==null?void 0:j.iconId);return d.useEffect(()=>{const D=b(n);$(D==null?void 0:D.label),C(D==null?void 0:D.iconId)},[n,b]),i.jsx(E.ClassNames,{children:({cx:D})=>i.jsx(xt,{onSelect:g,disabled:e,matchReferenceWidth:!0,selectedIndex:v,onSelectedIndexChange:w,Reference:i.jsx(gf,{value:k??"",disabled:e,onChange:Re,id:r,onKeyDown:m,isSmall:t,prefixIconId:l||S,prefixIconColor:a,type:"text",placeholder:s,autoComplete:"off",className:D(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},gf=h(bt)`
2033
+ `,xf=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:l,wrap:a,readOnly:u,...f},p)=>{const{control:h}=K.useFormContext(),{field:{ref:g,...x},fieldState:{error:b}}=K.useController({name:e,control:h,rules:f,disabled:t}),y=d.useId(),v=O.useMergeRefs([g,p]);return i.jsx(M.ClassNames,{children:({cx:$})=>i.jsxs(Ye,{children:[i.jsxs(vs,{className:$({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:y,isValid:!b,required:!!f.required,children:o}),i.jsx(dn,{...x,id:y,placeholder:n,ref:v,autoComplete:"off",className:$(r,"form-text-area"),"aria-invalid":!!b,autoFocus:l,readOnly:u,wrap:a})]}),!!s&&i.jsx(_e,{handleError:s,name:e,hasLabel:!!o})]})})},yf=ht(xf),kf=({onSubmit:e,enabledIfClean:t,disabled:o,...n},r)=>{const{handleSubmit:s,setError:l,formState:{isValid:a,isSubmitting:u,dirtyFields:f}}=K.useFormContext(),p=d.useCallback(async x=>{await e(x,l)},[l,e]),h=Object.keys(f).length>0,g=!a||u||!t&&!h||o;return i.jsx(Fe,{type:"submit",...n,ref:r,disabled:g,onClick:s(p)})},hn=ht(kf),ws=({disabled:e,isSmall:t,children:o,value:n,id:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,getLabel:f,getIcon:p,onSelect:h,onKeyDown:g})=>{var T,j;const x=d.useRef(n);d.useEffect(()=>{x.current=n},[n]);const b=d.useCallback(D=>{let _=p==null?void 0:p(D),G=f==null?void 0:f(D),R;return D&&d.Children.forEach(o,N=>{d.isValidElement(N)&&N.props.optionKey&&N.props.optionKey===D&&(R=N)}),R!==void 0&&d.isValidElement(R)&&R.props.label&&(G=G??R.props.label,_=_??R.props.prefixIconId),{label:G??"",iconId:_}},[o,p,f]),y=d.useCallback((D,_)=>{let G=null;return d.Children.forEach(D,(R,N)=>{d.isValidElement(R)&&R.props.optionKey&&R.props.optionKey===_&&(G=N)}),G},[]),[v,$]=d.useState(y(o,n));d.useEffect(()=>{$(y(o,x.current))},[o,y]);const[C,w]=d.useState((T=b(n))==null?void 0:T.label),[S,k]=d.useState((j=b(n))==null?void 0:j.iconId);return d.useEffect(()=>{const D=b(n);w(D==null?void 0:D.label),k(D==null?void 0:D.iconId)},[n,b]),i.jsx(M.ClassNames,{children:({cx:D})=>i.jsx(xt,{onSelect:h,disabled:e,matchReferenceWidth:!0,selectedIndex:v,onSelectedIndexChange:$,Reference:i.jsx(vf,{value:C??"",disabled:e,onChange:Ae,id:r,onKeyDown:g,isSmall:t,prefixIconId:l||S,prefixIconColor:a,type:"text",placeholder:s,autoComplete:"off",className:D(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},vf=m(bt)`
2034
2034
  caret-color: transparent;
2035
2035
  user-select: none;
2036
2036
  -webkit-user-select: none;
2037
- `,hf=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,readOnly:f,...p})=>{const{control:g}=P.useFormContext(),{field:{ref:m,...x},fieldState:{error:b}}=P.useController({name:e,control:g,rules:p,disabled:t}),y=d.useId(),{onChange:v}=x,w=d.useCallback(k=>{v(k)},[v]);return i.jsx(E.ClassNames,{children:({cx:k})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:k({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:y,isValid:!b,required:!!p.required,children:o}),i.jsx(ks,{disabled:t||f,onSelect:w,className:u,id:y,value:x.value,children:r})]}),!!n&&i.jsx(Ne,{handleError:n,name:e,hasLabel:!!o}),i.jsx(fn,{ref:m,...x})]})})},mf=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:g,readOnly:m,...x},b)=>{const{control:y}=P.useFormContext(),{field:{ref:v,...w},fieldState:{error:k}}=P.useController({name:e,control:y,rules:x,disabled:t}),$=d.useId(),S=N.useMergeRefs([v,b]);return i.jsx(E.ClassNames,{children:({cx:C})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:C({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:$,isValid:!k,required:!!x.required,children:o}),i.jsx(bt,{...w,onChange:T=>{x.autoTrim?w.onChange(T.target.value.trim()):w.onChange(T.target.value)},id:$,readOnly:m,type:r,autoFocus:g,placeholder:n,ref:S,autoComplete:"off",prefixIconColor:u,prefixIconId:a,suffixIconId:p,suffixIconColor:f,className:C(s,"form-input"),"aria-invalid":!!k})]}),!!l&&i.jsx(Ne,{handleError:l,name:e,hasLabel:!!o})]})})},gn=gt(mf),bf=({areaField:e,name:t,disabled:o,readOnly:n,label:r,handleError:s,children:l,className:a,...u})=>{const{control:f}=P.useFormContext(),{field:p,fieldState:{error:g,...m}}=P.useController({name:t,control:f,rules:u,disabled:o}),x=d.useId(),b=e?ys:Fe;return i.jsx(E.ClassNames,{children:({cx:y})=>i.jsxs(Ve,{className:a,children:[i.jsxs(b,{className:y("form-input-wrapper",{hasLabel:!!r}),children:[r&&i.jsx(be,{formItemId:x,isValid:!g,required:!!u.required,children:r}),l(p,{error:g,readOnly:n,...m})]}),!!s&&i.jsx(Ne,{handleError:s,name:t,hasLabel:!!r})]})})},xf=({name:e,disabled:t,label:o,className:n,handleError:r,readOnly:s,...l},a)=>{const{control:u}=P.useFormContext(),{field:{ref:f,...p},fieldState:{error:g}}=P.useController({name:e,control:u,rules:l,disabled:t}),m=d.useId(),x=N.useMergeRefs([f,a]),b=d.useCallback(y=>{y.target.blur(),p.onChange(y)},[p]);return i.jsx(E.ClassNames,{children:({cx:y})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:y({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:m,isValid:!g,required:!!l.required,children:o}),i.jsx(mt,{checked:!!p.value,disabled:p.disabled||s,onChange:b,id:m,ref:x,className:y(n,"form-checkbox"),"aria-invalid":!!g})]}),!!r&&i.jsx(Ne,{handleError:r,name:e,hasLabel:!!o})]})})},yf=gt(xf),[It]=O(["form"]),Yn=({control:e,name:t,t:o})=>{const{field:{onChange:n,value:r,disabled:s}}=P.useController({name:t,control:e,rules:{},disabled:!1}),l=d.useId();return i.jsxs(kf,{children:[i.jsx(vf,{isValid:!0,formItemId:l,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),i.jsx(no,{checked:r,disabled:s,onChange:n,id:l})]})},kf=h.div`
2037
+ `,wf=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:l,prefixIconColor:a,className:u,readOnly:f,...p})=>{const{control:h}=K.useFormContext(),{field:{ref:g,...x},fieldState:{error:b}}=K.useController({name:e,control:h,rules:p,disabled:t}),y=d.useId(),{onChange:v}=x,$=d.useCallback(C=>{v(C)},[v]);return i.jsx(M.ClassNames,{children:({cx:C})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:C({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:y,isValid:!b,required:!!p.required,children:o}),i.jsx(ws,{disabled:t||f,onSelect:$,className:u,id:y,value:x.value,children:r})]}),!!n&&i.jsx(_e,{handleError:n,name:e,hasLabel:!!o}),i.jsx(pn,{ref:g,...x})]})})},Cf=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:h,readOnly:g,bold:x,...b},y)=>{const{control:v}=K.useFormContext(),{field:{ref:$,...C},fieldState:{error:w}}=K.useController({name:e,control:v,rules:b,disabled:t}),S=d.useId(),k=O.useMergeRefs([$,y]);return i.jsx(M.ClassNames,{children:({cx:T})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:T({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:S,isValid:!w,required:!!b.required,children:o}),g?i.jsx($f,{children:i.jsx(E,{variant:"body",color:"dark",bold:x,children:C.value||n||""})}):i.jsx(bt,{...C,onChange:j=>{b.autoTrim?C.onChange(j.target.value.trim()):C.onChange(j.target.value)},id:S,type:r,autoFocus:h,placeholder:n,ref:k,autoComplete:"off",prefixIconColor:u,prefixIconId:a,suffixIconId:p,suffixIconColor:f,className:T(s,"form-input"),"aria-invalid":!!w})]}),!!l&&i.jsx(_e,{handleError:l,name:e,hasLabel:!!o})]})})},gn=ht(Cf),$f=m.div`
2038
+ width: 100%;
2039
+ min-height: 40px;
2040
+ display: flex;
2041
+ align-items: center;
2042
+ padding: 8px 0;
2043
+ `,Sf=({areaField:e,name:t,disabled:o,readOnly:n,label:r,handleError:s,children:l,className:a,...u})=>{const{control:f}=K.useFormContext(),{field:p,fieldState:{error:h,...g}}=K.useController({name:t,control:f,rules:u,disabled:o}),x=d.useId(),b=e?vs:Le;return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(Ye,{className:a,children:[i.jsxs(b,{className:y("form-input-wrapper",{hasLabel:!!r}),children:[r&&i.jsx(ke,{formItemId:x,isValid:!h,required:!!u.required,children:r}),l(p,{error:h,readOnly:n,...g})]}),!!s&&i.jsx(_e,{handleError:s,name:t,hasLabel:!!r})]})})},jf=({name:e,disabled:t,label:o,className:n,handleError:r,readOnly:s,...l},a)=>{const{control:u}=K.useFormContext(),{field:{ref:f,...p},fieldState:{error:h}}=K.useController({name:e,control:u,rules:l,disabled:t}),g=d.useId(),x=O.useMergeRefs([f,a]),b=d.useCallback(y=>{y.target.blur(),p.onChange(y)},[p]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:y({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:g,isValid:!h,required:!!l.required,children:o}),i.jsx(mt,{checked:!!p.value,disabled:p.disabled||s,onChange:b,id:g,ref:x,className:y(n,"form-checkbox"),"aria-invalid":!!h})]}),!!r&&i.jsx(_e,{handleError:r,name:e,hasLabel:!!o})]})})},Tf=ht(jf),[It]=I(["form"]),Kn=({control:e,name:t,t:o})=>{const{field:{onChange:n,value:r,disabled:s}}=K.useController({name:t,control:e,rules:{},disabled:!1}),l=d.useId();return i.jsxs(Df,{children:[i.jsx(Mf,{isValid:!0,formItemId:l,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),i.jsx(ro,{checked:r,disabled:s,onChange:n,id:l})]})},Df=m.div`
2038
2044
  display: flex;
2039
2045
  align-items: center;
2040
2046
  justify-content: flex-start;
2041
2047
  column-gap: ${It("access-toggle-gap")};
2042
- `,vf=h(be)`
2048
+ `,Mf=m(ke)`
2043
2049
  width: auto;
2044
- `,wf=({className:e,t,isAdmin:o,hideHide:n,hideLock:r})=>{const{control:s}=P.useFormContext();return o?i.jsxs(Cf,{className:e,children:[i.jsx(M,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),i.jsxs($f,{children:[!n&&i.jsx(Yn,{name:"hidden",control:s}),!r&&i.jsx(Yn,{name:"locked",control:s})]})]}):null},Cf=h.div`
2050
+ `,Ef=({className:e,t,isAdmin:o,hideHide:n,hideLock:r})=>{const{control:s}=K.useFormContext();return o?i.jsxs(Of,{className:e,children:[i.jsx(E,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),i.jsxs(zf,{children:[!n&&i.jsx(Kn,{name:"hidden",control:s}),!r&&i.jsx(Kn,{name:"locked",control:s})]})]}):null},Of=m.div`
2045
2051
  width: 100%;
2046
2052
  display: grid;
2047
2053
  align-items: center;
@@ -2050,30 +2056,30 @@
2050
2056
  grid-template-columns: ${It("label-width")} 1fr;
2051
2057
  height: ${It("access-toggle-height")};
2052
2058
  column-gap: ${It("label-column-gap")};
2053
- `,$f=h.div`
2059
+ `,zf=m.div`
2054
2060
  width: 100%;
2055
2061
  height: 100%;
2056
2062
  display: flex;
2057
2063
  align-items: center;
2058
2064
  justify-content: flex-start;
2059
2065
  column-gap: ${It("label-column-gap")};
2060
- `,Sf=d.memo(({nameBlackList:e,maxLength:t,t:o,...n})=>{const r=d.useCallback(s=>Ar.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(gn,{validate:r,handleError:"message",name:"name",...n})}),jf=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:g,readOnly:m,options:x,useLabelAsValue:b,...y})=>{const{control:v}=P.useFormContext(),{field:{ref:w,...k},fieldState:{error:$}}=P.useController({name:e,control:v,rules:y,disabled:t}),S=d.useId(),C=d.useCallback((j,D)=>{k.onChange(D??"")},[k]),T=d.useMemo(()=>{if(k.value)return{id:k.value,name:k.value}},[k.value]);return i.jsx(E.ClassNames,{children:({cx:j})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:j({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:S,isValid:!$,required:!!y.required,children:o}),i.jsx(gs,{options:x,selected:T,onSelectionChange:C,children:i.jsxs(Tf,{children:[i.jsx(eo,{variant:"body",color:"dark",children:k.value}),i.jsx(Df,{children:i.jsx(F,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!l&&i.jsx(Ne,{handleError:l,name:e,hasLabel:!!o}),i.jsx(fn,{ref:w,...k})]})})},Tf=h(hs)`
2066
+ `,If=d.memo(({nameBlackList:e,maxLength:t,t:o,...n})=>{const r=d.useCallback(s=>Lr.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(gn,{validate:r,handleError:"message",name:"name",...n})}),Rf=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:l,prefixIconId:a,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:h,readOnly:g,options:x,useLabelAsValue:b,...y})=>{const{control:v}=K.useFormContext(),{field:{ref:$,...C},fieldState:{error:w}}=K.useController({name:e,control:v,rules:y,disabled:t}),S=d.useId(),k=d.useCallback((j,D)=>{C.onChange(D??"")},[C]),T=d.useMemo(()=>{if(C.value)return{id:C.value,name:C.value}},[C.value]);return i.jsx(M.ClassNames,{children:({cx:j})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:j({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:S,isValid:!w,required:!!y.required,children:o}),i.jsx(ms,{options:x,selected:T,onSelectionChange:k,children:i.jsxs(Nf,{children:[i.jsx(to,{variant:"body",color:"dark",children:C.value}),i.jsx(Ff,{children:i.jsx(W,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!l&&i.jsx(_e,{handleError:l,name:e,hasLabel:!!o}),i.jsx(pn,{ref:$,...C})]})})},Nf=m(bs)`
2061
2067
  height: 29px;
2062
2068
  width: 100%;
2063
- `,Df=h.div`
2069
+ `,Ff=m.div`
2064
2070
  width: 100%;
2065
2071
  height: 100%;
2066
2072
  display: flex;
2067
2073
  align-items: center;
2068
2074
  justify-content: center;
2069
- `,Ef=({name:e,disabled:t,label:o,handleError:n,readOnly:r,placeholder:s,...l})=>{const{control:a}=P.useFormContext(),u=d.useRef(null),{field:{ref:f,value:p,onChange:g,...m},fieldState:{error:x}}=P.useController({name:e,control:a,rules:l,disabled:t}),b=d.useId(),y=N.useMergeRefs([f,u]),v=d.useCallback(()=>{u.current&&u.current.click()},[]),w=d.useCallback(S=>{S.preventDefault()},[]),k=d.useCallback(S=>{S.preventDefault();let C=!1;if(S.dataTransfer.items.length)for(let T=0;T<S.dataTransfer.items.length&&!C;T++){const j=S.dataTransfer.items[T];if(j.kind==="file"){const D=j.getAsFile();D&&(C=!0,g(D))}}},[g]),$=d.useCallback(()=>{g(void 0)},[g]);return i.jsx(E.ClassNames,{children:({cx:S})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:S({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:b,isValid:!x,required:!!l.required,children:o}),p?i.jsxs(Of,{children:[i.jsx(F,{iconId:"File",size:"sm",color:"black"}),i.jsx(M,{variant:"body",color:"dark",children:p.name}),i.jsx(If,{onClick:$,iconId:"Close",size:"sm",color:"black"})]}):i.jsxs(Mf,{onDrop:k,onClick:v,onDragOver:w,children:[i.jsx(F,{iconId:"File",size:"med",color:"black"}),i.jsx(M,{variant:"body",color:"dark",children:s})]}),i.jsx(zf,{value:p==null?void 0:p.fileName,...m,id:b,onChange:C=>{C.target.files&&g(C.target.files[0])},type:"file",ref:y})]}),!!n&&i.jsx(Ne,{handleError:n,name:e,hasLabel:!!o})]})})},vs=h.div`
2075
+ `,Af=({name:e,disabled:t,label:o,handleError:n,readOnly:r,placeholder:s,...l})=>{const{control:a}=K.useFormContext(),u=d.useRef(null),{field:{ref:f,value:p,onChange:h,...g},fieldState:{error:x}}=K.useController({name:e,control:a,rules:l,disabled:t}),b=d.useId(),y=O.useMergeRefs([f,u]),v=d.useCallback(()=>{u.current&&u.current.click()},[]),$=d.useCallback(S=>{S.preventDefault()},[]),C=d.useCallback(S=>{S.preventDefault();let k=!1;if(S.dataTransfer.items.length)for(let T=0;T<S.dataTransfer.items.length&&!k;T++){const j=S.dataTransfer.items[T];if(j.kind==="file"){const D=j.getAsFile();D&&(k=!0,h(D))}}},[h]),w=d.useCallback(()=>{h(void 0)},[h]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:S({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:b,isValid:!x,required:!!l.required,children:o}),p?i.jsxs(Wf,{children:[i.jsx(W,{iconId:"File",size:"sm",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:p.name}),i.jsx(Bf,{onClick:w,iconId:"Close",size:"sm",color:"black"})]}):i.jsxs(_f,{onDrop:C,onClick:v,onDragOver:$,children:[i.jsx(W,{iconId:"File",size:"med",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:s})]}),i.jsx(Lf,{value:p==null?void 0:p.fileName,...g,id:b,onChange:k=>{k.target.files&&h(k.target.files[0])},type:"file",ref:y})]}),!!n&&i.jsx(_e,{handleError:n,name:e,hasLabel:!!o})]})})},Cs=m.div`
2070
2076
  width: 100%;
2071
2077
  padding: ${c("spacing-12")};
2072
2078
  display: flex;
2073
2079
  border: 1px solid ${c("color-grey30")};
2074
2080
  background-color: ${c("color-grey10")};
2075
2081
  border-radius: ${c("spacing-6")};
2076
- `,Mf=h(vs)`
2082
+ `,_f=m(Cs)`
2077
2083
  align-items: center;
2078
2084
  justify-content: center;
2079
2085
  flex-direction: column;
@@ -2083,58 +2089,58 @@
2083
2089
  :hover {
2084
2090
  border-color: ${c("color-grey50")};
2085
2091
  }
2086
- `,zf=h.input`
2092
+ `,Lf=m.input`
2087
2093
  display: none;
2088
- `,Of=h(vs)`
2094
+ `,Wf=m(Cs)`
2089
2095
  align-items: flex-start;
2090
2096
  justify-content: flex-start;
2091
2097
  column-gap: ${c("spacing-4")};
2092
- `,If=h(ee)`
2098
+ `,Bf=m(ne)`
2093
2099
  margin-left: auto;
2094
- `,Rf=({name:e,disabled:t,label:o,handleError:n,options:r,selectAllHidden:s,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u,className:f,readOnly:p,closeOnSelect:g,...m})=>{const{control:x}=P.useFormContext(),{field:{value:b,onChange:y},fieldState:{error:v}}=P.useController({name:e,control:x,rules:m,disabled:t}),w=d.useId(),k=d.useCallback($=>{y($)},[y]);return i.jsx(E.ClassNames,{children:({cx:$})=>i.jsxs(Ve,{children:[i.jsxs(Fe,{className:$({hasLabel:!!o}),children:[o&&i.jsx(be,{formItemId:w,isValid:!v,required:!!m.required,children:o}),i.jsx(ps,{disabled:t||p,options:r,closeOnSelect:g,onChange:k,selected:b,className:f,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u})]}),!!n&&i.jsx(Ne,{handleError:n,name:e,hasLabel:!!o})]})})},_t=(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},io=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:Re,isDisabled:!1}),nt=()=>{const e=d.useContext(io);return e||{isSelected:()=>!1,selected:[],toggleSelection:Re,isDisabled:!1}};function Bo(e){return e.context!==void 0}const hn=d.createContext(null),mn=({children:e,dataProvider:t})=>{const[o,n]=d.useState(),r=d.useMemo(()=>t?{data:o}:{data:new Map},[t,o]);return d.useEffect(()=>{var l;const s=a=>{n(a)};if(t&&Bo(t)){const a=t.context;(l=t.addContextChangeListener)==null||l.call(t,s),a&&n(a)}return()=>{var a;t&&Bo(t)&&((a=t==null?void 0:t.removeContextChangeListener)==null||a.call(t,s))}},[t]),i.jsx(hn.Provider,{value:r,children:e})},Nf=()=>{const e=d.useContext(hn);return e||V.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},Ff=e=>t=>o=>()=>o.call(e,t);class bn{constructor(t,o,n,r){J(this,"parent");J(this,"_itemMap");J(this,"disposer");J(this,"_items");J(this,"listeners",[]);J(this,"context");J(this,"resolvedItems");J(this,"resolver");J(this,"version");J(this,"initialized");this.parent=t,this.context=Q.observable.map(new Map(Object.entries(r||{}))),this.version=0,this._itemMap=n,this.initialized=!1,this._items=Q.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],Q.makeObservable(this,{items:Q.computed,initialized:Q.observable,version:Q.observable,refresh:Q.action,resolvedItems:Q.observable,context:Q.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}refresh(){this.version=this.version+1}get items(){if(!this.initialized||this.version<0)return[];const t=this.resolvedItems,o=[...new Set(t)],n=a=>this._itemMap(a,this.context),r=a=>this.filterByInputItem(a,this.context),s=o.filter(r.bind(this)).sort(this.sortByInputItem.bind(this)).map(n);return Array.from(this._items.keys()).filter(a=>!s.find(u=>u.id===a)).forEach(a=>{V.kosAction(()=>{this._items.delete(a)})}),s.reduce((a,u)=>{if(!a.has(u.id))V.kosAction(()=>{a.set(u.id,u)});else{const f=a.get(u.id);f&&V.kosAction(()=>{const p=Object.assign(f,u);a.set(u.id,p)})}return a},this._items),s.map(a=>this._items.get(a.id))}async init(){if(!this.initialized){if(V.isKosDataModel(this.parent)&&await V.whenReady(this.parent),this.resolver){const t=Ff(this.parent)(this.context)(this.resolver);this.disposer=Q.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}V.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=V.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){V.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),V.kosAction(()=>{this.initialized=!1})}}const Af=e=>e.data!==void 0,ws=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 xn extends bn{constructor(o,n,r,s){super(o,ws(o)(n),r,s);J(this,"_key");this._key=Array.isArray(n)?n:[n]}}class _f extends xn{constructor(t,o,n,r){super(t,o,n,r),Q.makeObservable(this,{groups:Q.computed,itemsByGroup:Q.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 Lf{constructor(t,o=[]){J(this,"items");J(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]}))}}function Nt(e){return e.build!==void 0}const Wf=h.div`
2100
+ `,Pf=({name:e,disabled:t,label:o,handleError:n,options:r,selectAllHidden:s,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u,className:f,readOnly:p,closeOnSelect:h,...g})=>{const{control:x}=K.useFormContext(),{field:{value:b,onChange:y},fieldState:{error:v}}=K.useController({name:e,control:x,rules:g,disabled:t}),$=d.useId(),C=d.useCallback(w=>{y(w)},[y]);return i.jsx(M.ClassNames,{children:({cx:w})=>i.jsxs(Ye,{children:[i.jsxs(Le,{className:w({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:$,isValid:!v,required:!!g.required,children:o}),i.jsx(gs,{disabled:t||p,options:r,closeOnSelect:h,onChange:C,selected:b,className:f,SelectAllItemTemplate:l,ListItemTemplate:a,SelectedItemTemplate:u})]}),!!n&&i.jsx(_e,{handleError:n,name:e,hasLabel:!!o})]})})},_t=(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},Lt=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:Ae,isDisabled:!1}),nt=()=>{const e=d.useContext(Lt);return e||{isSelected:()=>!1,selected:[],toggleSelection:Ae,isDisabled:!1}};function Bo(e){return e.context!==void 0}const mn=d.createContext(null),bn=({children:e,dataProvider:t})=>{const[o,n]=d.useState(),r=d.useMemo(()=>t?{data:o}:{data:new Map},[t,o]);return d.useEffect(()=>{var l;const s=a=>{n(a)};if(t&&Bo(t)){const a=t.context;(l=t.addContextChangeListener)==null||l.call(t,s),a&&n(a)}return()=>{var a;t&&Bo(t)&&((a=t==null?void 0:t.removeContextChangeListener)==null||a.call(t,s))}},[t]),i.jsx(mn.Provider,{value:r,children:e})},Hf=()=>{const e=d.useContext(mn);return e||L.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},Vf=e=>t=>o=>()=>o.call(e,t);class xn{constructor(t,o,n,r){V(this,"parent");V(this,"_itemMap");V(this,"disposer");V(this,"_items");V(this,"listeners",[]);V(this,"context");V(this,"resolvedItems");V(this,"resolver");V(this,"version");V(this,"initialized");this.parent=t,this.context=P.observable.map(new Map(Object.entries(r||{}))),this.version=0,this._itemMap=n,this.initialized=!1,this._items=P.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],P.makeObservable(this,{items:P.computed,initialized:P.observable,version:P.observable,refresh:P.action,resolvedItems:P.observable,context:P.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=f=>this._itemMap(f,this.context),r=f=>this.filterByInputItem(f,this.context),s=o.filter(r.bind(this)).sort(this.sortByInputItem.bind(this)).map(n),l=f=>this.filterItem(f,this.context),a=s.filter(l.bind(this)).sort(this.sortItem.bind(this));return Array.from(this._items.keys()).filter(f=>!a.find(p=>p.id===f)).forEach(f=>{L.kosAction(()=>{this._items.delete(f)})}),a.reduce((f,p)=>{if(!f.has(p.id))L.kosAction(()=>{f.set(p.id,p)});else{const h=f.get(p.id);h&&L.kosAction(()=>{const g=Object.assign(h,p);f.set(p.id,g)})}return f},this._items),a.map(f=>this._items.get(f.id))}async init(){if(!this.initialized){if(L.isKosDataModel(this.parent)&&await L.whenReady(this.parent),this.resolver){const t=Vf(this.parent)(this.context)(this.resolver);this.disposer=P.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}L.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=L.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){L.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),L.kosAction(()=>{this.initialized=!1})}}const Gf=e=>e.data!==void 0,$s=e=>t=>()=>{const o=[];return(Array.isArray(t)?t:[t]).forEach(r=>{const s=e[r];Gf(s)?o.push(...s.data):Array.isArray(s)&&o.push(...s)}),o};class yn extends xn{constructor(o,n,r,s){super(o,$s(o)(n),r,s);V(this,"_key");this._key=Array.isArray(n)?n:[n]}}class Uf extends yn{constructor(t,o,n,r){super(t,o,n,r),P.makeObservable(this,{groups:P.computed,itemsByGroup:P.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 Yf{constructor(t,o=[]){V(this,"items");V(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 Kf{constructor(t,o,n,r,s){V(this,"parent");V(this,"_itemMap");V(this,"rootResolver");V(this,"childResolver");V(this,"rootDisposer");V(this,"childDisposers");V(this,"loadingStates");V(this,"loadedChildren");V(this,"rootItems");V(this,"context");V(this,"_itemCache");V(this,"_branchCache");V(this,"_originalItems");V(this,"version");V(this,"initialized");this.parent=t,this.context=P.observable.map(new Map(Object.entries(s||{}))),this.loadingStates=P.observable.map(new Map),this.loadedChildren=P.observable.map(new Map),this.rootItems=P.observable.array([]),this._itemCache=P.observable.map(new Map),this._branchCache=P.observable.map(new Map),this._originalItems=new Map,this.childDisposers=new Map,this.version=0,this.initialized=!1,this._itemMap=r,this.rootResolver=o.bind(t),this.childResolver=n.bind(t),P.makeObservable(this,{rootItems:P.observable.shallow,loadingStates:P.observable.shallow,loadedChildren:P.observable.shallow,context:P.observable,version:P.observable,initialized:P.observable,tree:P.computed,originalItems:P.computed,expandBranch:P.action,collapseBranch:P.action,clearCache:P.action,refresh:P.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){L.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}get tree(){return this.version,this.buildAsyncTree(this.rootItems)}get originalItems(){return this._originalItems}buildAsyncTree(t,o){return[...[...t.filter(u=>this.filterByInputItem(u,this.context))].sort(this.sortByInputItem.bind(this)).map(u=>{const f=this.getItemId(u);this._originalItems.set(f,u);let p=this._itemCache.get(f);return p?Object.assign(p,this._itemMap(u,this.context)):(p=this._itemMap(u,this.context),this._itemCache.set(f,p)),p}).filter(u=>this.filterItem(u,this.context))].sort(this.sortItem.bind(this)).map(u=>{const f=u.id,p=this._originalItems.get(f),h=this.loadedChildren.get(f),g=this.loadingStates.get(f)||{status:"idle"};let x=this._branchCache.get(f);return x?L.kosAction(()=>{x&&(Object.assign(x,u),x.loadingState=g,x.hasChildren=this.hasChildren(p),x.isLeaf=this.hasChildren(p)===!1)}):(x={...u,branches:[],loadingState:g,hasChildren:this.hasChildren(p),isLeaf:this.hasChildren(p)===!1},this._branchCache.set(f,x)),L.kosAction(()=>{x&&(x.branches=h?this.buildAsyncTree(h,f):[])}),x})}async expandBranch(t,o){const n=this.loadingStates.get(t);if(!((n==null?void 0:n.status)==="loading"||(n==null?void 0:n.status)==="loaded")){L.kosAction(()=>{this.loadingStates.set(t,{status:"loading",timestamp:Date.now()})});try{const r=()=>this.childResolver.call(this.parent,o,this.context),s=P.reaction(r,async l=>{try{const a=await l;L.kosAction(()=>{this.loadedChildren.set(t,a),this.loadingStates.set(t,{status:"loaded",timestamp:Date.now()})})}catch(a){L.kosAction(()=>{this.loadingStates.set(t,{status:"error",error:a,timestamp:Date.now()})})}},{fireImmediately:!0});this.childDisposers.set(t,s)}catch(r){L.kosAction(()=>{this.loadingStates.set(t,{status:"error",error:r,timestamp:Date.now()})})}}}collapseBranch(t){const o=this.childDisposers.get(t);o&&(o(),this.childDisposers.delete(t)),L.kosAction(()=>{this.loadedChildren.delete(t),this.loadingStates.set(t,{status:"idle"}),this._branchCache.delete(t)})}clearCache(t){if(t){const o=this.childDisposers.get(t);o&&(o(),this.childDisposers.delete(t))}else this.childDisposers.forEach(o=>o()),this.childDisposers.clear();L.kosAction(()=>{t?(this.loadedChildren.delete(t),this.loadingStates.delete(t),this._branchCache.delete(t),this._itemCache.delete(t),this._originalItems.delete(t)):(this.loadedChildren.clear(),this.loadingStates.clear(),this._branchCache.clear(),this._itemCache.clear(),this._originalItems.clear())})}async init(){if(this.initialized)return;L.isKosDataModel(this.parent)&&await L.whenReady(this.parent);const t=()=>this.rootResolver.call(this.parent,this.context);this.rootDisposer=P.reaction(t,async o=>{try{const n=await o;L.kosAction(()=>{this.rootItems.replace(n)})}catch(n){console.error("Failed to load root items:",n)}},{fireImmediately:!0}),L.kosAction(()=>{this.initialized=!0})}whenReady(){return new Promise(t=>{const o=L.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}dispose(){this.rootDisposer&&this.rootDisposer(),this.childDisposers.forEach(t=>t()),this.childDisposers.clear(),L.kosAction(()=>{this.loadedChildren.clear(),this.loadingStates.clear(),this._branchCache.clear(),this._itemCache.clear(),this._originalItems.clear(),this.rootItems.replace([]),this.initialized=!1})}}function Nt(e){return e.build!==void 0}const qf=m.div`
2095
2101
  width: 100%;
2096
- `,Bf=(e,t,o)=>e.items.map(n=>{const r=Nt(t)?t.build(n):t;return i.jsx(r,{"data-key":n.id,...n,onListItemAction:o},n.id)}),yn=V.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:n,onListItemAction:r,onInit:s,emptyState:l,className:a,itemListRenderer:u=Bf})=>{const f=_t(e,s),p=f&&e?u(e,o,r):[];return i.jsx(mn,{dataProvider:e||void 0,children:i.jsxs(Wf,{className:a,children:[t,f?p.length===0&&l?l:p:null,n]})})}),ao=V.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,...a})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const g=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(v=>v!==b):[...y,b])},[e,t]),m=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:g,isDisabled:!!n}),[m,u,g,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let v;l?v=(b=l(s.items))==null?void 0:b.id:v=(y=s.items[0])==null?void 0:y.id,v&&g(v)}},[r,s==null?void 0:s.items,l,g]),i.jsx(io.Provider,{value:x,children:i.jsx(yn,{dataProvider:s,...a})})});function Cs(e){return e.build!==void 0}const Pf=e=>(t,o,n)=>t.groups.reduce((s,l)=>s.find(a=>a.groupId===l.groupId)?s:[...s,l],[]).map(s=>{const l=Cs(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(f=>{const p=Nt(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)});return i.jsx(l,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),kn=d.createContext({openedGroups:[],toggleGroup:Re});function Hf(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(f=>f!==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(kn.Provider,{value:s,children:i.jsx(ao,{...e,itemListRenderer:Pf(e.GroupTemplate)})})}const $s=()=>{const e=d.useContext(kn);return e||{openedGroups:[],toggleGroup:Re}},Vf=({children:e,name:t,groupId:o,className:n})=>{const{openedGroups:r,toggleGroup:s}=$s(),l=r.includes(o),a=d.useCallback(()=>{s(o)},[o,s]);return i.jsxs(Ss,{className:n,children:[i.jsxs(Uf,{"data-open":l,className:"label-container",onClick:a,children:[l?i.jsx(F,{iconId:"CaretDown",size:"xsm"}):i.jsx(F,{iconId:"CaretRight",size:"xsm"}),i.jsx(M,{variant:"body",bold:!0,children:t})]}),i.jsx(Yf,{children:l?i.jsx(Kf,{className:"list-container",children:e}):null})]},o)},Gf=({children:e,groupId:t,className:o})=>i.jsx(Ss,{className:o,children:e},t),Ss=h.div`
2102
+ `,Zf=(e,t,o)=>e.items.map(n=>{const r=Nt(t)?t.build(n):t;return i.jsx(r,{"data-key":n.id,...n,onListItemAction:o},n.id)}),kn=L.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:n,onListItemAction:r,onInit:s,emptyState:l,className:a,itemListRenderer:u=Zf})=>{const f=_t(e,s),p=f&&e?u(e,o,r):[];return i.jsx(bn,{dataProvider:e||void 0,children:i.jsxs(qf,{className:a,children:[t,f?p.length===0&&l?l:p:null,n]})})}),ao=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,...a})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const h=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(v=>v!==b):[...y,b])},[e,t]),g=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:g,selected:u,toggleSelection:h,isDisabled:!!n}),[g,u,h,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let v;l?v=(b=l(s.items))==null?void 0:b.id:v=(y=s.items[0])==null?void 0:y.id,v&&h(v)}},[r,s==null?void 0:s.items,l,h]),i.jsx(Lt.Provider,{value:x,children:i.jsx(kn,{dataProvider:s,...a})})});function Ss(e){return e.build!==void 0}const Xf=e=>(t,o,n)=>t.groups.reduce((s,l)=>s.find(a=>a.groupId===l.groupId)?s:[...s,l],[]).map(s=>{const l=Ss(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(f=>{const p=Nt(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)});return i.jsx(l,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),vn=d.createContext({openedGroups:[],toggleGroup:Ae});function Jf(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(f=>f!==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(vn.Provider,{value:s,children:i.jsx(ao,{...e,itemListRenderer:Xf(e.GroupTemplate)})})}const js=()=>{const e=d.useContext(vn);return e||{openedGroups:[],toggleGroup:Ae}},Qf=({children:e,name:t,groupId:o,className:n})=>{const{openedGroups:r,toggleGroup:s}=js(),l=r.includes(o),a=d.useCallback(()=>{s(o)},[o,s]);return i.jsxs(Ts,{className:n,children:[i.jsxs(tp,{"data-open":l,onClick:a,children:[l?i.jsx(W,{iconId:"CaretDown",size:"xsm"}):i.jsx(W,{iconId:"CaretRight",size:"xsm"}),i.jsx(E,{variant:"body",bold:!0,children:t})]}),i.jsx(op,{children:l?i.jsx(np,{className:"list-container",children:e}):null})]},o)},ep=({children:e,groupId:t,className:o})=>i.jsx(Ts,{className:o,children:e},t),Ts=m.div`
2097
2103
  display: flex;
2098
2104
  flex-direction: column;
2099
2105
  padding-bottom: 8px;
2100
- `,Uf=h.div`
2106
+ `,tp=m.div`
2101
2107
  display: flex;
2102
2108
  flex: 0;
2103
2109
  cursor: pointer;
2104
2110
  gap: 4px;
2105
- padding-inline: 20px 12px;
2111
+ padding-inline: 12px 12px;
2106
2112
  align-items: center;
2107
- `,Yf=h.div`
2113
+ `,op=m.div`
2108
2114
  display: flex;
2109
2115
  flex-direction: column;
2110
- `,Kf=h.div`
2116
+ `,np=m.div`
2111
2117
  padding-inline-start: 16px;
2112
2118
  align-items: center;
2113
2119
  gap: 6px;
2114
2120
  padding-block-start: 8px;
2115
- `,Lt=h.div`
2121
+ `,Wt=m.div`
2116
2122
  align-items: center;
2117
2123
  align-self: stretch;
2118
2124
  background: var(--Grey-White, #fff);
2119
2125
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2120
2126
  display: flex;
2121
- `,vn=h(Lt)`
2127
+ `,wn=m(Wt)`
2122
2128
  padding: 0 0 6px 0;
2123
- `,js=h(Lt)`
2129
+ `,Ds=m(Wt)`
2124
2130
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2125
- `,Ts=h(vn)`
2131
+ `,Ms=m(wn)`
2126
2132
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2127
- `,lo=h.div`
2133
+ `,lo=m.div`
2128
2134
  align-items: center;
2129
2135
  display: flex;
2130
2136
  gap: 16px;
2131
2137
  height: 30px;
2132
2138
  justify-content: center;
2133
2139
  padding: 8px;
2134
- `,Ds=h(lo)`
2140
+ `,Es=m(lo)`
2135
2141
  height: initial;
2136
2142
  padding: 0 4px 0 14px;
2137
- `,co=h.div`
2143
+ `,co=m.div`
2138
2144
  align-items: center;
2139
2145
  align-self: stretch;
2140
2146
  display: flex;
@@ -2143,10 +2149,10 @@
2143
2149
  height: 30px;
2144
2150
  justify-content: space-between;
2145
2151
  padding: 8px 8px 8px 4px;
2146
- `,Es=h(co)`
2152
+ `,Os=m(co)`
2147
2153
  height: initial;
2148
2154
  padding: 0;
2149
- `,Ms=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:l=!0})=>{const{selected:a,toggleSelection:u,isDisabled:f}=nt(),p=d.useCallback(()=>{u(o)},[o,u]),g=r==="compact"?Ds:lo,m=r==="compact"?Es:co,x=l?r==="compact"?Ts:js:r==="compact"?vn:Lt;return i.jsxs(x,{className:e,children:[i.jsx(g,{children:i.jsx(mt,{disabled:f||t,checked:a.includes(o),onChange:p})}),i.jsxs(m,{children:[i.jsx(M,{variant:"body",children:s}),!!n&&i.jsx(M,{color:"grey",variant:"body",children:n})]})]})}),qf=h.div`
2155
+ `,zs=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:l=!0})=>{const{selected:a,toggleSelection:u,isDisabled:f}=nt(),p=d.useCallback(()=>{u(o)},[o,u]),h=r==="compact"?Es:lo,g=r==="compact"?Os:co,x=l?r==="compact"?Ms:Ds:r==="compact"?wn:Wt;return i.jsxs(x,{className:e,children:[i.jsx(h,{children:i.jsx(mt,{disabled:f||t,checked:a.includes(o),onChange:p})}),i.jsxs(g,{children:[i.jsx(E,{variant:"body",children:s}),!!n&&i.jsx(E,{color:"grey",variant:"body",children:n})]})]})}),rp=m.div`
2150
2156
  display: flex;
2151
2157
  padding: 4px 12px 4px 4px;
2152
2158
  align-items: center;
@@ -2154,14 +2160,14 @@
2154
2160
  align-self: stretch;
2155
2161
  border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
2156
2162
  background: var(--Grey-White, #fff);
2157
- `,Zf=h.div`
2163
+ `,sp=m.div`
2158
2164
  display: flex;
2159
2165
  height: 30px;
2160
2166
  padding: 8px;
2161
2167
  justify-content: center;
2162
2168
  align-items: center;
2163
2169
  gap: 16px;
2164
- `,Xf=h.div`
2170
+ `,ip=m.div`
2165
2171
  flex: 1 1 auto;
2166
2172
  display: flex;
2167
2173
  align-items: center;
@@ -2170,15 +2176,15 @@
2170
2176
  padding: 8px 8px 8px 4px;
2171
2177
  gap: 4px;
2172
2178
  align-self: stretch;
2173
- `,Jf=e=>{const{selected:t,toggleSelection:o,isDisabled:n}=nt(),r=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsxs(qf,{children:[i.jsx(Zf,{children:i.jsx("input",{onChange:r,type:"checkbox",checked:t.includes(e.id),disabled:n})}),i.jsx(Xf,{children:i.jsx(M,{variant:"body",children:e.name})})]})},[Me]=O(["named-list-item"]),Qf=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:n,name:r,className:s,subText:l,subTextColor:a})=>{const{selected:u,toggleSelection:f,isDisabled:p}=nt(),g=d.useCallback(()=>{p||f(e)},[e,f,p]);return i.jsx(E.ClassNames,{children:({cx:m})=>i.jsxs(ep,{className:m(s,{isSelected:u.includes(e),isDisabled:p}),onClick:g,children:[i.jsxs(tp,{children:[t&&i.jsx(F,{size:"sm",iconId:t,color:o}),i.jsx(M,{className:"named-list-item-text",variant:"body",children:r}),!!n&&i.jsx(np,{children:n.map(({iconId:x,iconColor:b})=>i.jsx(F,{size:"xsm",iconId:x,color:b},x))})]}),!!l&&i.jsx(op,{className:m({hasIcon:!!t}),children:i.jsx(rp,{color:a??"dark",variant:"body",children:l})})]})})}),ep=h.div`
2179
+ `,ap=e=>{const{selected:t,toggleSelection:o,isDisabled:n}=nt(),r=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsxs(rp,{children:[i.jsx(sp,{children:i.jsx("input",{onChange:r,type:"checkbox",checked:t.includes(e.id),disabled:n})}),i.jsx(ip,{children:i.jsx(E,{variant:"body",children:e.name})})]})},[Ie]=I(["named-list-item"]),lp=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:n,name:r,className:s,subText:l,subTextColor:a})=>{const{selected:u,toggleSelection:f,isDisabled:p}=nt(),h=d.useCallback(()=>{p||f(e)},[e,f,p]);return i.jsx(M.ClassNames,{children:({cx:g})=>i.jsxs(cp,{className:g(s,{isSelected:u.includes(e),isDisabled:p}),onClick:h,children:[i.jsxs(dp,{children:[t&&i.jsx(W,{size:"sm",iconId:t,color:o}),i.jsx(E,{className:"named-list-item-text",variant:"body",children:r}),!!n&&i.jsx(fp,{children:n.map(({iconId:x,iconColor:b})=>i.jsx(W,{size:"xsm",iconId:x,color:b},x))})]}),!!l&&i.jsx(up,{className:g({hasIcon:!!t}),children:i.jsx(pp,{color:a??"dark",variant:"body",children:l})})]})})}),cp=m.div`
2174
2180
  display: flex;
2175
- padding-top: ${Me("padding-y")};
2176
- padding-right: ${Me("padding-right")};
2177
- padding-bottom: ${Me("padding-y")};
2178
- padding-left: ${Me("padding-left")};
2181
+ padding-top: ${Ie("padding-y")};
2182
+ padding-right: ${Ie("padding-right")};
2183
+ padding-bottom: ${Ie("padding-y")};
2184
+ padding-left: ${Ie("padding-left")};
2179
2185
  align-items: flex-start;
2180
2186
  justify-content: flex-start;
2181
- gap: ${Me("row-gap")};
2187
+ gap: ${Ie("row-gap")};
2182
2188
  color: inherit;
2183
2189
  background-color: transparent;
2184
2190
  flex-direction: column;
@@ -2187,37 +2193,37 @@
2187
2193
  cursor: unset;
2188
2194
  }
2189
2195
  &.isSelected {
2190
- color: ${Me("color-selected")};
2191
- background-color: ${Me("background-color-selected")};
2196
+ color: ${Ie("color-selected")};
2197
+ background-color: ${Ie("background-color-selected")};
2192
2198
  }
2193
- `,tp=h.div`
2199
+ `,dp=m.div`
2194
2200
  width: 100%;
2195
2201
  display: flex;
2196
2202
  align-items: center;
2197
2203
  justify-content: flex-start;
2198
- gap: ${Me("column-gap")};
2199
- `,op=h.div`
2204
+ gap: ${Ie("column-gap")};
2205
+ `,up=m.div`
2200
2206
  width: 100%;
2201
2207
  display: flex;
2202
2208
  align-items: center;
2203
2209
  justify-content: flex-start;
2204
2210
  &.hasIcon {
2205
- padding-left: ${Me("subtext-padding-with-icon")};
2211
+ padding-left: ${Ie("subtext-padding-with-icon")};
2206
2212
  }
2207
- `,np=h.div`
2213
+ `,fp=m.div`
2208
2214
  display: flex;
2209
2215
  align-items: center;
2210
2216
  justify-content: flex-end;
2211
2217
  margin-left: auto;
2212
- gap: ${Me("column-gap")};
2213
- `,rp=h(M)`
2218
+ gap: ${Ie("column-gap")};
2219
+ `,pp=m(E)`
2214
2220
  -webkit-box-orient: vertical;
2215
2221
  -webkit-line-clamp: 2;
2216
2222
  display: -webkit-box;
2217
2223
  overflow-wrap: anywhere;
2218
2224
  overflow: hidden;
2219
2225
  text-overflow: ellipsis;
2220
- `,sp=h.div`
2226
+ `,hp=m.div`
2221
2227
  display: flex;
2222
2228
  padding: ${c("spacing-8")} ${c("spacing-10")};
2223
2229
  align-items: center;
@@ -2230,18 +2236,18 @@
2230
2236
  color: ${c("color-white")};
2231
2237
  background-color: ${c("color-primary")};
2232
2238
  }
2233
- `,ip=e=>{const{selected:t,toggleSelection:o}=nt(),n=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsx(E.ClassNames,{children:({cx:r})=>i.jsxs(sp,{className:r({isSelected:t.includes(e.id)}),onClick:n,children:[e.iconId&&i.jsx(F,{size:"sm",iconId:e.iconId}),i.jsx(M,{variant:"body",children:e.name})]})})},ap=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}},lp=(e,t={})=>{const[o,n]=d.useState(t),r=d.useCallback((l,a)=>{var g;const u=(g=e==null?void 0:e.items.find(m=>m.id===l))==null?void 0:g.group.groupId;if(!u)return;const f=o[u]||[],p=a==="selected"?{...o,[u]:[...f,l]}:{...o,[u]:f.filter(m=>m!==l)};n(p)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{n({})},[]),groupSelection:o,onSelect:r}},cp=(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 dp extends bn{constructor(o,n,r,s,l){super(o,n,r,l);J(this,"parentIdKey");J(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,Q.makeObservable(this,{tree:Q.computed,childBranchLookup:Q.computed,itemsById:Q.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 zs=d.createContext(null),up=V.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:n,dataProvider:r})=>{const[s,l]=d.useState([]),a=o??s,u=n??l,f=d.useRef(a);d.useLayoutEffect(()=>{f.current=a},[a]);const p=d.useCallback(m=>{if(!(r!=null&&r.tree))return;const x=m[r.idKey],b=f.current.includes(x),y=w=>w.branches.flatMap(k=>{const $=k[r.idKey];return k.branches.length?[$,...y(k)]:[]}),v=y(m);if(t){const w=[],k=$=>{const S=$[r.parentIdKey];if(S){const C=r.itemsById[S];C&&(w.push(S),k(C))}};k(m),u(b?w:[...w,x])}else{const w=b?f.current.filter(k=>x!==k&&!v.includes(k)):[...f.current,x];u(w)}},[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]),g=d.useMemo(()=>({openedBranches:a,toggleBranch:p}),[a,p]);return i.jsx(zs.Provider,{value:g,children:e})}),Os=()=>{const e=d.useContext(zs);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function fp(e){return e.build!==void 0}const pp=e=>(t,o,n)=>{const r=(s,l)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const a=fp(e)?e.build(s):e,u=s.branches.map(f=>{if(f.branches.length)return r(f,!0);{const p=Nt(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)}});return i.jsx(E.ClassNames,{children:({cx:f})=>i.jsx(a,{className:f({isNotRoot:l},s.className),...s,children:u},s.id)},s.id)}else{const a=Nt(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))},gp=V.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:n,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,className:a,autoSelectFirstItem:u,selected:f,emptyState:p,getFirstItem:g,onListItemAction:m})=>i.jsx(up,{dataProvider:e,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,children:i.jsx(ao,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:p,className:a,selected:f,onListItemAction:m,getFirstItem:g,itemListRenderer:pp(n)})})),hp=({children:e,id:t,className:o})=>i.jsx(E.ClassNames,{children:({cx:n})=>i.jsx(mp,{className:n("anonymous-branch",o),children:e},t)}),mp=h.div`
2239
+ `,gp=e=>{const{selected:t,toggleSelection:o}=nt(),n=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsx(M.ClassNames,{children:({cx:r})=>i.jsxs(hp,{className:r({isSelected:t.includes(e.id)}),onClick:n,children:[e.iconId&&i.jsx(W,{size:"sm",iconId:e.iconId}),i.jsx(E,{variant:"body",children:e.name})]})})},mp=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}},bp=(e,t={})=>{const[o,n]=d.useState(t),r=d.useCallback((l,a)=>{var h;const u=(h=e==null?void 0:e.items.find(g=>g.id===l))==null?void 0:h.group.groupId;if(!u)return;const f=o[u]||[],p=a==="selected"?{...o,[u]:[...f,l]}:{...o,[u]:f.filter(g=>g!==l)};n(p)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{n({})},[]),groupSelection:o,onSelect:r}},xp=(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 yp extends xn{constructor(o,n,r,s,l){super(o,n,r,l);V(this,"parentIdKey");V(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,P.makeObservable(this,{tree:P.computed,childBranchLookup:P.computed,itemsById:P.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 Is=d.createContext(null),kp=L.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:n,dataProvider:r})=>{const[s,l]=d.useState([]),a=o??s,u=n??l,f=d.useRef(a);d.useLayoutEffect(()=>{f.current=a},[a]);const p=d.useCallback(g=>{if(!(r!=null&&r.tree))return;const x=g[r.idKey],b=f.current.includes(x),y=$=>$.branches.flatMap(C=>{const w=C[r.idKey];return C.branches.length?[w,...y(C)]:[]}),v=y(g);if(t){const $=[],C=w=>{const S=w[r.parentIdKey];if(S){const k=r.itemsById[S];k&&($.push(S),C(k))}};C(g),u(b?$:[...$,x])}else{const $=b?f.current.filter(C=>x!==C&&!v.includes(C)):[...f.current,x];u($)}},[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]),h=d.useMemo(()=>({openedBranches:a,toggleBranch:p}),[a,p]);return i.jsx(Is.Provider,{value:h,children:e})}),Rs=()=>{const e=d.useContext(Is);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function Ns(e){return e.build!==void 0}const vp=e=>(t,o,n)=>{const r=(s,l)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const a=Ns(e)?e.build(s):e,u=s.branches.map(f=>{if(f.branches.length)return r(f,!0);{const p=Nt(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)}});return i.jsx(M.ClassNames,{children:({cx:f})=>i.jsx(a,{className:f({isNotRoot:l},s.className),...s,children:u},s.id)},s.id)}else{const a=Nt(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))},wp=L.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:n,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,className:a,autoSelectFirstItem:u,selected:f,emptyState:p,getFirstItem:h,onListItemAction:g})=>i.jsx(kp,{dataProvider:e,openedBranches:r,setOpenedBranches:s,singleBranchOnly:l,children:i.jsx(ao,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:p,className:a,selected:f,onListItemAction:g,getFirstItem:h,itemListRenderer:vp(n)})})),Fs=d.createContext(null),Cp=()=>{const e=d.useContext(Fs);if(e===null)throw new Error("useAsyncTreeContext can only be used inside AsyncTreeList");return e},As=L.kosComponent(({branch:e,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:f=i.jsx("div",{style:{padding:"8px",color:"#999"},children:"No items"}),depth:p=0,nodeIconMap:h,nodeActions:g,nodeDecorators:x})=>{const b=Cp(),y=d.useMemo(()=>{if(!h)return;if(typeof h=="function")return h(e);const R=e.type;return R?h[R]:void 0},[h,e]),v=d.useMemo(()=>{if(!(g!=null&&g.length))return;const R=t.originalItems.get(e.id);if(R)return g.filter(N=>!N.visibleFor||N.visibleFor(e)).map(N=>({id:N.id,iconId:N.iconId,color:N.color,tooltip:N.tooltip,onClick:()=>N.onClick(e.id,R)}))},[g,e,t]),$=(()=>{if(x!=null&&x.length)return x.filter(R=>!R.visibleFor||R.visibleFor(e)).map(R=>({id:R.id,iconId:R.iconId,color:R.color,tooltip:R.tooltip}))})(),C=async()=>{if(b.openedBranches.includes(e.id))s==null||s(e.id);else if(e.loadingState.status==="idle"){const N=t.originalItems.get(e.id);N&&(await t.expandBranch(e.id,N),r==null||r(e.id,N))}b.toggleBranch(e.id)},w=()=>{const R=t.originalItems.get(e.id);R&&(a==null||a(e.id,R))};if(e.isLeaf)return i.jsx(n,{"data-key":e.id,...e,onListItemAction:l,"data-depth":p,iconId:y==null?void 0:y.iconId,iconColor:y==null?void 0:y.color,actions:v,decorators:$},e.id);const S=Ns(o)?o.build(e):o,k=b.openedBranches.includes(e.id),T=e.loadingState.status==="loading",j=e.loadingState.status==="error",D=e.loadingState.status==="loaded",_=u===e.id,G=k?e.branches.length>0?e.branches.map(R=>i.jsx(As,{branch:R,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:l,onBranchSelect:a,selectedBranchId:u,branchEmptyState:f,depth:p+1,nodeIconMap:h,nodeActions:g,nodeDecorators:x},R.id)):D&&f?[f]:[]:[];return i.jsx(dr.Observer,{children:()=>i.jsx("div",{style:{paddingLeft:p>0?`${p*12}px`:void 0},children:i.jsx(S,{className:e.className,...e,onClick:C,onSelect:w,"data-loading":T,"data-error":j,"data-open":k,"data-selected":_,iconId:y==null?void 0:y.iconId,iconColor:y==null?void 0:y.color,actions:v,decorators:$,children:G})},e.id)})}),_s=L.kosComponent(({dataProvider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,emptyState:u,branchEmptyState:f,className:p,singleBranchOnly:h,openedBranches:g,setOpenedBranches:x,nodeIconMap:b,nodeActions:y,nodeDecorators:v})=>{const[$,C]=d.useState(!1),[w,S]=d.useState([]),k=g??w,T=x??S;d.useEffect(()=>e?((async()=>{await e.init(),C(!0)})(),()=>{e.dispose()}):void 0,[e]);const j=d.useCallback(_=>{const G=k.includes(_);T(h?G?[]:[_]:G?k.filter(R=>R!==_):[...k,_])},[k,T,h]),D=d.useMemo(()=>({openedBranches:k,toggleBranch:j}),[k,j]);return!$||!e?u||null:i.jsx(Fs.Provider,{value:D,children:i.jsx(dr.Observer,{children:()=>i.jsxs("div",{className:p,children:[e.tree.length===0&&u,e.tree.map(_=>i.jsx(As,{branch:_,provider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:l,selectedBranchId:a,branchEmptyState:f,nodeIconMap:b,nodeActions:y,nodeDecorators:v},_.id))]})})})}),$p=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,...l})=>{const[a,u]=d.useState(o??[]),f=d.useRef(a??[]);d.useLayoutEffect(()=>{f.current=a},[a]),d.useEffect(()=>{u(o??[])},[o]);const p=d.useCallback(x=>{t(x,f.current.includes(x)?"unselected":"selected"),u(b=>e?[x]:b.includes(x)?b.filter(y=>y!==x):[...b,x])},[e,t]),h=d.useCallback(x=>f.current.includes(x),[]),g=d.useMemo(()=>({isSelected:h,selected:a,toggleSelection:p,isDisabled:!!n}),[h,a,p,n]);return d.useEffect(()=>{var x;if(r&&(s!=null&&s.rootItems)&&f.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(Lt.Provider,{value:g,children:i.jsx(_s,{dataProvider:s,...l})})}),Sp=({children:e,id:t,className:o})=>i.jsx(M.ClassNames,{children:({cx:n})=>i.jsx(jp,{className:n("anonymous-branch",o),children:e},t)}),jp=m.div`
2234
2240
  display: flex;
2235
2241
  flex-direction: column;
2236
2242
  width: 100%;
2237
- `,bp=V.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:n,toggleBranch:r}=Os(),s=n.includes(o.id),l=d.useCallback(()=>{r(o)},[o,r]);return i.jsxs(xp,{className:t,children:[i.jsxs(yp,{className:"label-container","data-open":s,onClick:l,children:[s?i.jsx(F,{iconId:"CaretDown",size:"xxsm"}):i.jsx(F,{iconId:"CaretRight",size:"xxsm"}),i.jsx(M,{variant:"body",bold:!0,children:o.name})]}),i.jsx(kp,{className:"inner-container",children:s?i.jsx(vp,{className:"list-container",children:e}):null})]},o.id)}),xp=h.div`
2243
+ `,Tp=L.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:n,toggleBranch:r}=Rs(),s=n.includes(o.id),l=d.useCallback(()=>{r(o)},[o,r]);return i.jsxs(Dp,{className:t,children:[i.jsxs(Mp,{"data-open":s,onClick:l,children:[s?i.jsx(W,{iconId:"CaretDown",size:"xxsm"}):i.jsx(W,{iconId:"CaretRight",size:"xxsm"}),i.jsx(E,{variant:"body",bold:!0,children:o.name})]}),i.jsx(Ep,{className:"inner-container",children:s?i.jsx(Op,{className:"list-container",children:e}):null})]},o.id)}),Dp=m.div`
2238
2244
  display: flex;
2239
2245
  flex-direction: column;
2240
2246
 
2241
2247
  &.isNotRoot {
2242
2248
  padding-left: 12px;
2243
2249
  }
2244
- `,yp=h.div`
2250
+ `,Mp=m.div`
2245
2251
  align-items: center;
2246
2252
  column-gap: 4px;
2247
2253
  cursor: pointer;
@@ -2249,75 +2255,75 @@
2249
2255
  flex: 0;
2250
2256
  min-height: 22px;
2251
2257
  padding-right: 12px;
2252
- `,kp=h.div`
2258
+ `,Ep=m.div`
2253
2259
  display: flex;
2254
2260
  flex-direction: column;
2255
- `,vp=h.div`
2261
+ `,Op=m.div`
2256
2262
  display: flex;
2257
2263
  flex-direction: column;
2258
2264
  row-gap: 4px;
2259
- `,Is=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:l})=>{const[a,u]=d.useState(0),[f,p]=d.useState(0),g=d.useRef(null),m=d.useRef(null),x=o*n,b=Math.ceil(f/n),y=Math.max(Math.floor(a/n-(s??0)),0),v=Math.min(o-1,y+b+(s??0)),w=$=>{u($.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const $=()=>{g.current&&p(g.current.clientHeight)};return $(),window.addEventListener("resize",$),()=>window.removeEventListener("resize",$)},[]),d.useEffect(()=>{e&&m.current&&(m.current.scrollTop=m.current.scrollHeight)},[o,e]);const k=[];for(let $=y;$<=v;$++)k.push(l($,{top:$*n,height:n,position:"absolute",width:"100%"}));return d.useEffect(()=>{const $=()=>{const C=m.current;if(!C)return;const T=C.scrollHeight-C.scrollTop<=C.clientHeight+n;!e&&T&&(r==null||r())},S=m.current;return S&&S.addEventListener("scroll",$),()=>{S&&S.removeEventListener("scroll",$)}},[e,n,r]),i.jsx(wp,{ref:g,children:i.jsx(Cp,{ref:m,style:{height:f},onScroll:w,className:t,children:i.jsx($p,{style:{height:x},children:k})})})}),wp=h.div`
2265
+ `,Ls=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:l})=>{const[a,u]=d.useState(0),[f,p]=d.useState(0),h=d.useRef(null),g=d.useRef(null),x=o*n,b=Math.ceil(f/n),y=Math.max(Math.floor(a/n-(s??0)),0),v=Math.min(o-1,y+b+(s??0)),$=w=>{u(w.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const w=()=>{h.current&&p(h.current.clientHeight)};return w(),window.addEventListener("resize",w),()=>window.removeEventListener("resize",w)},[]),d.useEffect(()=>{e&&g.current&&(g.current.scrollTop=g.current.scrollHeight)},[o,e]);const C=[];for(let w=y;w<=v;w++)C.push(l(w,{top:w*n,height:n,position:"absolute",width:"100%"}));return d.useEffect(()=>{const w=()=>{const k=g.current;if(!k)return;const T=k.scrollHeight-k.scrollTop<=k.clientHeight+n;!e&&T&&(r==null||r())},S=g.current;return S&&S.addEventListener("scroll",w),()=>{S&&S.removeEventListener("scroll",w)}},[e,n,r]),i.jsx(zp,{ref:h,children:i.jsx(Ip,{ref:g,style:{height:f},onScroll:$,className:t,children:i.jsx(Rp,{style:{height:x},children:C})})})}),zp=m.div`
2260
2266
  height: 100%;
2261
2267
  width: 100%;
2262
2268
  overflow-y: hidden;
2263
2269
  position: relative;
2264
- `,Cp=h.div`
2270
+ `,Ip=m.div`
2265
2271
  overflow-y: auto;
2266
2272
  width: 100%;
2267
2273
  position: relative;
2268
- `,$p=h.div`
2274
+ `,Rp=m.div`
2269
2275
  position: relative;
2270
2276
  width: 100%;
2271
- `,Rs=V.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:n,emptyState:r,...s})=>{const l=_t(e,n),a=d.useCallback((u,f)=>{const p=e==null?void 0:e.items.find((g,m)=>m===u);if(p){const g=Nt(t)?t.build(p):t;return i.jsx(g,{"data-key":p.id,style:f,...p,onListItemAction:o},p.id)}return null},[t,e==null?void 0:e.items,o]);return i.jsx(mn,{dataProvider:e||void 0,children:l?(e==null?void 0:e.items.length)===0&&r?r:i.jsx(Is,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:a,...s}):null})}),Sp=V.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,...a})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const g=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(v=>v!==b):[...y,b])},[e,t]),m=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:g,isDisabled:!!n}),[m,u,g,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let v;l?v=(b=l(s.items))==null?void 0:b.id:v=(y=s.items[0])==null?void 0:y.id,v&&g(v)}},[r,s==null?void 0:s.items,l,g]),i.jsx(io.Provider,{value:x,children:i.jsx(Rs,{dataProvider:s,...a})})}),[he]=O(["modal"]),Ns=h.div`
2277
+ `,Ws=L.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:n,emptyState:r,...s})=>{const l=_t(e,n),a=d.useCallback((u,f)=>{const p=e==null?void 0:e.items.find((h,g)=>g===u);if(p){const h=Nt(t)?t.build(p):t;return i.jsx(h,{"data-key":p.id,style:f,...p,onListItemAction:o},p.id)}return null},[t,e==null?void 0:e.items,o]);return i.jsx(bn,{dataProvider:e||void 0,children:l?(e==null?void 0:e.items.length)===0&&r?r:i.jsx(Ls,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:a,...s}):null})}),Np=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:l,...a})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const h=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(v=>v!==b):[...y,b])},[e,t]),g=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:g,selected:u,toggleSelection:h,isDisabled:!!n}),[g,u,h,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let v;l?v=(b=l(s.items))==null?void 0:b.id:v=(y=s.items[0])==null?void 0:y.id,v&&h(v)}},[r,s==null?void 0:s.items,l,h]),i.jsx(Lt.Provider,{value:x,children:i.jsx(Ws,{dataProvider:s,...a})})}),[xe]=I(["modal"]),Bs=m.div`
2272
2278
  width: fit-content;
2273
2279
  height: fit-content;
2274
2280
  display: flex;
2275
2281
  align-items: flex-start;
2276
2282
  justify-content: flex-start;
2277
2283
  flex-direction: column;
2278
- background-color: ${he("background-color")};
2279
- `,Fs=h.div`
2280
- padding: ${he("headerPadding")};
2281
- column-gap: ${he("headerGap")};
2284
+ background-color: ${xe("background-color")};
2285
+ `,Ps=m.div`
2286
+ padding: ${xe("headerPadding")};
2287
+ column-gap: ${xe("headerGap")};
2282
2288
  width: 100%;
2283
2289
  display: flex;
2284
2290
  align-items: center;
2285
2291
  justify-content: flex-start;
2286
- border-bottom: ${he("border-width")} solid ${he("border-color")};
2287
- `,As=h.div`
2288
- padding: ${he("contentYPadding")} ${he("contentXPadding")};
2292
+ border-bottom: ${xe("border-width")} solid ${xe("border-color")};
2293
+ `,Hs=m.div`
2294
+ padding: ${xe("contentYPadding")} ${xe("contentXPadding")};
2289
2295
  width: fit-content;
2290
- `,wn=h.div`
2291
- padding: ${he("footerYPadding")} ${he("footerXPadding")};
2292
- border-top: ${he("border-width")} solid ${he("border-color")};
2296
+ `,Cn=m.div`
2297
+ padding: ${xe("footerYPadding")} ${xe("footerXPadding")};
2298
+ border-top: ${xe("border-width")} solid ${xe("border-color")};
2293
2299
  width: 100%;
2294
2300
  display: flex;
2295
2301
  align-items: center;
2296
2302
  justify-content: flex-end;
2297
- `,jp=h.div`
2298
- width: ${he("base-content-width")};
2303
+ `,Fp=m.div`
2304
+ width: ${xe("base-content-width")};
2299
2305
  display: flex;
2300
2306
  align-items: flex-start;
2301
2307
  justify-content: flex-start;
2302
2308
  flex-direction: column;
2303
- `,uo=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},l)=>{const a=r??Fs,u=s??As,f=n??wn;return i.jsxs(Ns,{ref:l,children:[i.jsx(a,{children:e}),i.jsx(u,{children:o}),i.jsx(f,{children:t})]})}),Tp=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}=He(),f=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return i.jsx(uo,{ref:l,header:i.jsxs(i.Fragment,{children:[!!a&&i.jsx(F,{iconId:a.iconId,color:a.color}),i.jsx(M,{variant:"h2",color:"dark",children:t})]}),content:o,footer:i.jsx(Ie,{onClick:f,variant:n??"primary",text:r??"Okay"})})}),[Dp]=O(["modal"]),Ep=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:n,cancelText:r,content:s,confirmButtonVariant:l,cancelButtonVariant:a,confirmDisabled:u,headerIcon:f,headerIconColor:p,contentWrapper:g,cancelDisabled:m},x)=>{const{setOpen:b}=He(),y=d.useCallback(()=>{e(()=>b(!1))},[e,b]),v=d.useCallback(()=>{t&&t(),b(!1)},[t,b]);return i.jsx(uo,{ref:x,header:i.jsxs(i.Fragment,{children:[!!f&&i.jsx(F,{iconId:f,color:p??"black"}),i.jsx(M,{variant:"h2",color:"dark",children:o})]}),contentWrapper:g,content:s,footerWrapper:Mp,footer:i.jsxs(i.Fragment,{children:[i.jsx(Ie,{text:r??"Cancel",onClick:v,disabled:m,variant:a??"borderless"}),i.jsx(Ie,{onClick:y,variant:l??"primary",text:n??"Confirm",disabled:u})]})})}),Mp=h(wn)`
2304
- column-gap: ${Dp("footerGap")};
2305
- `,zp=d.memo(({headerText:e})=>i.jsxs(i.Fragment,{children:[i.jsx(F,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),i.jsx(M,{variant:"h2",color:"dark",children:e})]})),Op=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(Ip,{children:[i.jsx(M,{variant:"body",color:"dark",children:e}),i.jsx(gn,{name:"matchText",handleError:n,validate:r})]})}),Ip=h.div`
2309
+ `,uo=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},l)=>{const a=r??Ps,u=s??Hs,f=n??Cn;return i.jsxs(Bs,{ref:l,children:[i.jsx(a,{children:e}),i.jsx(u,{children:o}),i.jsx(f,{children:t})]})}),Ap=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}=Ue(),f=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return i.jsx(uo,{ref:l,header:i.jsxs(i.Fragment,{children:[!!a&&i.jsx(W,{iconId:a.iconId,color:a.color}),i.jsx(E,{variant:"h2",color:"dark",children:t})]}),content:o,footer:i.jsx(Fe,{onClick:f,variant:n??"primary",text:r??"Okay"})})}),[_p]=I(["modal"]),Lp=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:n,cancelText:r,content:s,confirmButtonVariant:l,cancelButtonVariant:a,confirmDisabled:u,headerIcon:f,headerIconColor:p,contentWrapper:h,cancelDisabled:g},x)=>{const{setOpen:b}=Ue(),y=d.useCallback(()=>{e(()=>b(!1))},[e,b]),v=d.useCallback(()=>{t&&t(),b(!1)},[t,b]);return i.jsx(uo,{ref:x,header:i.jsxs(i.Fragment,{children:[!!f&&i.jsx(W,{iconId:f,color:p??"black"}),i.jsx(E,{variant:"h2",color:"dark",children:o})]}),contentWrapper:h,content:s,footerWrapper:Wp,footer:i.jsxs(i.Fragment,{children:[i.jsx(Fe,{text:r??"Cancel",onClick:v,disabled:g,variant:a??"borderless"}),i.jsx(Fe,{onClick:y,variant:l??"primary",text:n??"Confirm",disabled:u})]})})}),Wp=m(Cn)`
2310
+ column-gap: ${_p("footerGap")};
2311
+ `,Bp=d.memo(({headerText:e})=>i.jsxs(i.Fragment,{children:[i.jsx(W,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),i.jsx(E,{variant:"h2",color:"dark",children:e})]})),Pp=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(Hp,{children:[i.jsx(E,{variant:"body",color:"dark",children:e}),i.jsx(gn,{name:"matchText",handleError:n,validate:r})]})}),Hp=m.div`
2306
2312
  width: 288px;
2307
2313
  display: flex;
2308
2314
  align-items: flex-start;
2309
2315
  justify-content: flex-start;
2310
2316
  flex-direction: column;
2311
2317
  row-gap: 8px;
2312
- `,Rp=d.memo(({onSubmit:e})=>{const{setOpen:t}=He(),o=d.useCallback(()=>{t(!1)},[t]);return i.jsxs(i.Fragment,{children:[i.jsx(Ie,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),i.jsx(pn,{onSubmit:e,variant:"primary",text:"Delete"})]})}),Np={matchText:""},Fp=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:n,onConfirm:r},s)=>{const{setOpen:l}=He(),a=d.useCallback((u,f)=>{r(u,()=>l(!1),f)},[r,l]);return i.jsx(Ap,{onSubmit:a,mode:"onChange",delayError:400,defaultValues:Np,children:i.jsx(uo,{ref:s,header:i.jsx(zp,{headerText:t}),content:i.jsx(Op,{compareText:e,contentText:o,errorText:n}),footer:i.jsx(Rp,{onSubmit:a})})})}),Ap=h(ms)`
2318
+ `,Vp=d.memo(({onSubmit:e})=>{const{setOpen:t}=Ue(),o=d.useCallback(()=>{t(!1)},[t]);return i.jsxs(i.Fragment,{children:[i.jsx(Fe,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),i.jsx(hn,{onSubmit:e,variant:"primary",text:"Delete"})]})}),Gp={matchText:""},Up=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:n,onConfirm:r},s)=>{const{setOpen:l}=Ue(),a=d.useCallback((u,f)=>{r(u,()=>l(!1),f)},[r,l]);return i.jsx(Yp,{onSubmit:a,mode:"onChange",delayError:400,defaultValues:Gp,children:i.jsx(uo,{ref:s,header:i.jsx(Bp,{headerText:t}),content:i.jsx(Pp,{compareText:e,contentText:o,errorText:n}),footer:i.jsx(Vp,{onSubmit:a})})})}),Yp=m(xs)`
2313
2319
  height: fit-content;
2314
2320
  width: fit-content;
2315
- `,_p=({className:e,defaultValues:t,header:o,submitText:n,cancelText:r,onCancel:s,enabledIfClean:l,onSubmit:a,content:u,submitButtonVariant:f,cancelButtonVariant:p,variant:g="submit",ContentWrapper:m,disabled:x,...b},y)=>{const v=P.useForm({shouldUnregister:!0,defaultValues:t,disabled:x,...b,mode:g==="blur"?"onBlur":b.mode}),{setOpen:w}=He(),{setError:k,reset:$}=v,S=d.useCallback(D=>{a({data:D,closeModal:()=>w(!1),setError:k,resetForm:$})},[a,$,k,w]),C=d.useCallback(()=>{s==null||s($),w(!1)},[s,$,w]),T=d.useCallback(D=>S(D),[S]),j=m??As;return i.jsx(P.FormProvider,{...v,children:i.jsxs(Ns,{ref:y,as:"form",className:e,onSubmit:g==="blur"?void 0:v.handleSubmit(S),onBlur:g==="blur"?v.handleSubmit(S):void 0,children:[i.jsx(Fs,{children:o}),i.jsx(j,{children:u}),i.jsxs(wn,{children:[i.jsx(Ie,{text:r??"Cancel",onClick:C,type:"button",variant:p??"borderless"}),g!=="blur"&&i.jsx(pn,{onSubmit:T,variant:f??"primary",text:n??"Submit",enabledIfClean:l,disabled:x})]})]})})},Lp=gt(_p),[Wp]=O(["modal"]),Bp={escapeKey:!0,outsidePress:!1,bubbles:!1};function Pp(e){const{type:t,open:o,defaultOpen:n,onOpenChange:r,children:s,initialFocus:l,...a}=e,u=t==="confirm"?Ep:t==="status"?Tp:t==="confirm-delete"?Fp:t==="form"?Lp:uo;return i.jsxs(Zo,{dismissOptions:Bp,open:o,defaultOpen:n,onOpenChange:r,children:[i.jsx(Jo,{initialFocus:l,OverlayStyles:_s,trapFocus:!0,children:i.jsx(u,{...a})}),!!s&&s]})}const Hp=({children:e})=>i.jsx(Xo,{children:e}),_s=E.css`
2316
- background: ${Wp("overlay-background")};
2321
+ `,Kp=({className:e,defaultValues:t,header:o,submitText:n,cancelText:r,onCancel:s,enabledIfClean:l,onSubmit:a,content:u,submitButtonVariant:f,cancelButtonVariant:p,variant:h="submit",ContentWrapper:g,disabled:x,...b},y)=>{const v=K.useForm({shouldUnregister:!0,defaultValues:t,disabled:x,...b,mode:h==="blur"?"onBlur":b.mode}),{setOpen:$}=Ue(),{setError:C,reset:w}=v,S=d.useCallback(D=>{a({data:D,closeModal:()=>$(!1),setError:C,resetForm:w})},[a,w,C,$]),k=d.useCallback(()=>{s==null||s(w),$(!1)},[s,w,$]),T=d.useCallback(D=>S(D),[S]),j=g??Hs;return i.jsx(K.FormProvider,{...v,children:i.jsxs(Bs,{ref:y,as:"form",className:e,onSubmit:h==="blur"?void 0:v.handleSubmit(S),onBlur:h==="blur"?v.handleSubmit(S):void 0,children:[i.jsx(Ps,{children:o}),i.jsx(j,{children:u}),i.jsxs(Cn,{children:[i.jsx(Fe,{text:r??"Cancel",onClick:k,type:"button",variant:p??"borderless"}),h!=="blur"&&i.jsx(hn,{onSubmit:T,variant:f??"primary",text:n??"Submit",enabledIfClean:l,disabled:x})]})]})})},qp=ht(Kp),[Zp]=I(["modal"]),Xp={escapeKey:!0,outsidePress:!1,bubbles:!1};function Jp(e){const{type:t,open:o,defaultOpen:n,onOpenChange:r,children:s,initialFocus:l,...a}=e,u=t==="confirm"?Lp:t==="status"?Ap:t==="confirm-delete"?Up:t==="form"?qp:uo;return i.jsxs(Xo,{dismissOptions:Xp,open:o,defaultOpen:n,onOpenChange:r,children:[i.jsx(Qo,{initialFocus:l,OverlayStyles:Vs,trapFocus:!0,children:i.jsx(u,{...a})}),!!s&&s]})}const Qp=({children:e})=>i.jsx(Jo,{children:e}),Vs=M.css`
2322
+ background: ${Zp("overlay-background")};
2317
2323
  display: grid;
2318
2324
  place-items: center;
2319
2325
  z-index: 2;
2320
- `,[Qe]=O(["named-section-header"]),Ls=h.div`
2326
+ `,[Qe]=I(["named-section-header"]),Gs=m.div`
2321
2327
  align-items: flex-start;
2322
2328
  background-color: ${Qe("bg")};
2323
2329
  border-bottom: ${Qe("border-width")} solid ${Qe("border-color")};
@@ -2328,11 +2334,11 @@
2328
2334
  &.isCollapsed {
2329
2335
  border-bottom-width: 0px;
2330
2336
  }
2331
- `,Vp=d.memo(({children:e})=>{const{setOpen:t,open:o}=Ft(),n=d.useCallback(r=>{r.stopPropagation(),t(!o)},[o,t]);return i.jsxs(Ls,{className:ht("header-wrapper",{isCollapsed:o}),children:[i.jsx(ee,{iconId:o?"CaretDown":"CaretUp",onClick:n,size:"xsm",color:"black"}),e]})}),[_e]=O(["named-section"]),Gp=e=>e.variant==="selectable",Ws=e=>{const{variant:t,className:o,children:n,header:r,isCollapsible:s}=e,l=d.useRef(null),[a,u,f]=Gp(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],p=e.ContentWrapper??Yp,g=d.useCallback(m=>{f&&l.current&&l.current.contains(m.target)&&f()},[f]);return i.jsx(E.ClassNames,{children:({cx:m})=>i.jsx(Up,{"data-variant":t,className:m(o,{disabled:a,isSelected:u}),onClick:g,ref:l,children:s?i.jsxs(Jt,{defaultOpen:!0,children:[i.jsx(Vp,{children:r}),i.jsx(Qt,{children:i.jsx(p,{children:n})})]}):i.jsxs(i.Fragment,{children:[i.jsx(Ls,{className:"header-wrapper",children:r}),i.jsx(p,{children:n})]})})})},Up=h.div`
2332
- border-color: ${_e("border-color")};
2333
- border-radius: ${_e("border-radius")};
2337
+ `,eh=d.memo(({children:e})=>{const{setOpen:t,open:o}=Ft(),n=d.useCallback(r=>{r.stopPropagation(),t(!o)},[o,t]);return i.jsxs(Gs,{className:gt("header-wrapper",{isCollapsed:o}),children:[i.jsx(ne,{iconId:o?"CaretDown":"CaretUp",onClick:n,size:"xsm",color:"black"}),e]})}),[Be]=I(["named-section"]),th=e=>e.variant==="selectable",Us=e=>{const{variant:t,className:o,children:n,header:r,isCollapsible:s}=e,l=d.useRef(null),[a,u,f]=th(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],p=e.ContentWrapper??nh,h=d.useCallback(g=>{f&&l.current&&l.current.contains(g.target)&&f()},[f]);return i.jsx(M.ClassNames,{children:({cx:g})=>i.jsx(oh,{"data-variant":t,className:g(o,{disabled:a,isSelected:u}),onClick:h,ref:l,children:s?i.jsxs(Qt,{defaultOpen:!0,children:[i.jsx(eh,{children:r}),i.jsx(eo,{children:i.jsx(p,{children:n})})]}):i.jsxs(i.Fragment,{children:[i.jsx(Gs,{className:"header-wrapper",children:r}),i.jsx(p,{children:n})]})})})},oh=m.div`
2338
+ border-color: ${Be("border-color")};
2339
+ border-radius: ${Be("border-radius")};
2334
2340
  border-style: solid;
2335
- border-width: ${_e("border-width")};
2341
+ border-width: ${Be("border-width")};
2336
2342
  display: flex;
2337
2343
  flex-direction: column;
2338
2344
  width: 100%;
@@ -2342,19 +2348,19 @@
2342
2348
  }
2343
2349
  &[data-variant="selectable"] {
2344
2350
  &.isSelected {
2345
- outline-color: ${_e("selected-border-color")};
2346
- outline-width: ${_e("selected-border-width")};
2347
- outline-offset: calc(-1.5 * ${_e("selected-border-width")});
2351
+ outline-color: ${Be("selected-border-color")};
2352
+ outline-width: ${Be("selected-border-width")};
2353
+ outline-offset: calc(-1.5 * ${Be("selected-border-width")});
2348
2354
  }
2349
2355
  cursor: pointer;
2350
2356
  outline-color: transparent;
2351
- outline-offset: calc(-1.5 * ${_e("hover-border-width")});
2357
+ outline-offset: calc(-1.5 * ${Be("hover-border-width")});
2352
2358
  outline-style: solid;
2353
- outline-width: ${_e("hover-border-width")};
2359
+ outline-width: ${Be("hover-border-width")};
2354
2360
 
2355
2361
  &:hover {
2356
2362
  opacity: 1;
2357
- outline-color: ${_e("selected-border-color")};
2363
+ outline-color: ${Be("selected-border-color")};
2358
2364
  }
2359
2365
  }
2360
2366
  &[data-variant="scrollable"] {
@@ -2364,10 +2370,10 @@
2364
2370
  top: 0;
2365
2371
  }
2366
2372
  }
2367
- `,Yp=h.div`
2373
+ `,nh=m.div`
2368
2374
  display: flex;
2369
2375
  width: 100%;
2370
- `,[fo]=O(["named-section-header"]),Kp=d.memo(({name:e,description:t,prefix:o,suffix:n,children:r,...s})=>i.jsxs(qp,{...s,className:t?"hasDesc":void 0,children:[i.jsxs(Zp,{children:[i.jsxs(Xp,{children:[o,i.jsx(M,{color:"dark",bold:!0,variant:"body",children:e}),n]}),!!t&&i.jsx(M,{color:"grey",variant:"small",children:t})]}),!!r&&i.jsx(Jp,{children:r})]})),qp=h.div`
2376
+ `,[fo]=I(["named-section-header"]),rh=d.memo(({name:e,description:t,prefix:o,suffix:n,children:r,...s})=>i.jsxs(sh,{...s,className:t?"hasDesc":void 0,children:[i.jsxs(ih,{children:[i.jsxs(ah,{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(lh,{children:r})]})),sh=m.div`
2371
2377
  width: 100%;
2372
2378
  display: flex;
2373
2379
  align-items: center;
@@ -2376,83 +2382,83 @@
2376
2382
  &.hasDesc {
2377
2383
  align-items: flex-start;
2378
2384
  }
2379
- `,Zp=h.div`
2385
+ `,ih=m.div`
2380
2386
  display: flex;
2381
2387
  align-items: flex-start;
2382
2388
  justify-content: center;
2383
2389
  flex-direction: column;
2384
2390
  row-gap: ${fo("row-gap")};
2385
- `,Xp=h.div`
2391
+ `,ah=m.div`
2386
2392
  display: flex;
2387
2393
  align-items: center;
2388
2394
  justify-content: flex-start;
2389
2395
  column-gap: ${fo("row-gap")};
2390
- `,Jp=h.div`
2396
+ `,lh=m.div`
2391
2397
  display: flex;
2392
2398
  align-items: center;
2393
2399
  justify-content: flex-end;
2394
2400
  row-gap: ${fo("row-gap")};
2395
- `,[Kt]=O(["image-config-page-header"]),Qp=h.div`
2401
+ `,[qt]=I(["image-config-page-header"]),ch=m.div`
2396
2402
  align-items: center;
2397
- background: ${Kt("bg")};
2403
+ background: ${qt("bg")};
2398
2404
  display: flex;
2399
- gap: ${Kt("gap")};
2400
- padding: 0 0 ${Kt("padding-bottom")} 0;
2405
+ gap: ${qt("gap")};
2406
+ padding: 0 0 ${qt("padding-bottom")} 0;
2401
2407
  width: 100%;
2402
- `,eg=h.div`
2408
+ `,dh=m.div`
2403
2409
  display: flex;
2404
2410
  flex-direction: column;
2405
2411
  flex: 1;
2406
- gap: ${Kt("title-gap")};
2407
- `,tg=({action:e,description:t,title:o,...n})=>i.jsxs(Qp,{...n,children:[i.jsxs(eg,{children:[i.jsx(M,{variant:"h1",children:o}),t&&i.jsx(M,{variant:"body",children:t})]}),e]}),Bs=d.createContext(null),og=()=>{const e=d.useContext(Bs);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e},[we]=O(["radio-button"]),ng=d.forwardRef(({checked:e,onChange:t,...o},n)=>i.jsx(rg,{onClick:t,ref:n,readOnly:!0,type:"radio",checked:!!e,...o})),rg=h.input`
2412
+ gap: ${qt("title-gap")};
2413
+ `,uh=({action:e,description:t,title:o,...n})=>i.jsxs(ch,{...n,children:[i.jsxs(dh,{children:[i.jsx(E,{variant:"h1",children:o}),t&&i.jsx(E,{variant:"body",children:t})]}),e]}),Ys=d.createContext(null),fh=()=>{const e=d.useContext(Ys);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e},[Se]=I(["radio-button"]),ph=d.forwardRef(({checked:e,onChange:t,...o},n)=>i.jsx(hh,{onClick:t,ref:n,readOnly:!0,type:"radio",checked:!!e,...o})),hh=m.input`
2408
2414
  appearance: none;
2409
2415
  -webkit-appearance: none;
2410
2416
  margin: 0;
2411
- background-color: ${we("background-color")};
2417
+ background-color: ${Se("background-color")};
2412
2418
  appearance: none;
2413
- width: ${we("size")};
2414
- height: ${we("size")};
2415
- border: ${we("border-width")} solid ${we("border-color")};
2419
+ width: ${Se("size")};
2420
+ height: ${Se("size")};
2421
+ border: ${Se("border-width")} solid ${Se("border-color")};
2416
2422
  border-radius: 50%;
2417
2423
  display: grid;
2418
2424
  place-content: center;
2419
2425
  ::before {
2420
2426
  content: "";
2421
- width: ${we("check-size")};
2422
- height: ${we("check-size")};
2427
+ width: ${Se("check-size")};
2428
+ height: ${Se("check-size")};
2423
2429
  border-radius: 50%;
2424
2430
  transform: scale(0);
2425
2431
  transition: transform 0.125s ease-in-out;
2426
- background-color: ${we("border-color-checked")};
2432
+ background-color: ${Se("border-color-checked")};
2427
2433
  }
2428
2434
  :checked::before {
2429
2435
  transform: scale(1);
2430
2436
  }
2431
2437
  :checked:not(:disabled) {
2432
- border-color: ${we("border-color-checked")};
2438
+ border-color: ${Se("border-color-checked")};
2433
2439
  }
2434
2440
  :disabled {
2435
2441
  cursor: not-allowed;
2436
2442
  ::before {
2437
- background-color: ${we("border-color")};
2443
+ background-color: ${Se("border-color")};
2438
2444
  }
2439
- background-color: ${we("background-color-disabled")};
2445
+ background-color: ${Se("background-color-disabled")};
2440
2446
  }
2441
- `;function sg(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 Po=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]}),ig=(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("/")},[re]=O(["select-view-list"]),Ps=d.memo(({id:e,name:t,icon:o,onListItemAction:n,isSelectDisabled:r})=>{const{selected:s,viewing:l}=og(),a=d.useRef(null),u=d.useRef(null),f=d.useRef(!1),p=s===e,g=l===e;d.useEffect(()=>{u.current&&(p?(Po.observe(u.current),f.current=!0):f.current&&(f.current=!1,Po.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(E.ClassNames,{children:({cx:b})=>i.jsx(ag,{ref:u,className:b({isSelected:p}),onClick:x,children:i.jsxs(lg,{className:b({isViewing:g}),children:[i.jsx(ng,{ref:a,checked:p,disabled:r,onChange:m}),i.jsxs(cg,{color:"dark",bold:p,variant:"body",children:[t,o]}),i.jsx(F,{iconId:"Right",color:"blue",size:"sm"})]})})})}),ag=h.div`
2447
+ `;function gh(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 Po=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]}),mh=(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("/")},[ae]=I(["select-view-list"]),Ks=d.memo(({id:e,name:t,icon:o,onListItemAction:n,isSelectDisabled:r})=>{const{selected:s,viewing:l}=fh(),a=d.useRef(null),u=d.useRef(null),f=d.useRef(!1),p=s===e,h=l===e;d.useEffect(()=>{u.current&&(p?(Po.observe(u.current),f.current=!0):f.current&&(f.current=!1,Po.unobserve(u.current)))},[p]);const g=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(bh,{ref:u,className:b({isSelected:p}),onClick:x,children:i.jsxs(xh,{className:b({isViewing:h}),children:[i.jsx(ph,{ref:a,checked:p,disabled:r,onChange:g}),i.jsxs(yh,{color:"dark",bold:p,variant:"body",children:[t,o]}),i.jsx(W,{iconId:"Right",color:"blue",size:"sm"})]})})})}),bh=m.div`
2442
2448
  width: 100%;
2443
2449
  display: flex;
2444
2450
  height: auto;
2445
2451
  flex-shrink: 0;
2446
2452
  align-items: center;
2447
2453
  justify-content: flex-start;
2448
- border-bottom: ${re("border-width")} solid ${re("border-color")};
2454
+ border-bottom: ${ae("border-width")} solid ${ae("border-color")};
2449
2455
 
2450
2456
  &:first-of-type {
2451
- border-top-color: ${re("border-color")};
2457
+ border-top-color: ${ae("border-color")};
2452
2458
  }
2453
2459
 
2454
2460
  :not(:first-of-type):not(.isStuckBottom):has(div.isViewing) {
2455
- border-top-color: ${re("background-color-viewing")};
2461
+ border-top-color: ${ae("background-color-viewing")};
2456
2462
  }
2457
2463
 
2458
2464
  &.isSelected {
@@ -2463,38 +2469,38 @@
2463
2469
 
2464
2470
  &.isStuckBottom {
2465
2471
  box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.04);
2466
- border-top: ${re("border-width")} solid ${re("background-color")};
2467
- border-top-color: ${re("border-color")};
2472
+ border-top: ${ae("border-width")} solid ${ae("background-color")};
2473
+ border-top-color: ${ae("border-color")};
2468
2474
  }
2469
2475
 
2470
2476
  &.isStuckTop {
2471
2477
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.04);
2472
2478
  }
2473
- `,lg=h.div`
2479
+ `,xh=m.div`
2474
2480
  width: 100%;
2475
2481
  display: flex;
2476
2482
  flex-shrink: 0;
2477
2483
  align-items: center;
2478
2484
  justify-content: flex-start;
2479
- height: ${re("item-height")};
2480
- padding-left: ${re("padding-left")};
2481
- padding-right: ${re("padding-right")};
2482
- background-color: ${re("background-color")};
2485
+ height: ${ae("item-height")};
2486
+ padding-left: ${ae("padding-left")};
2487
+ padding-right: ${ae("padding-right")};
2488
+ background-color: ${ae("background-color")};
2483
2489
  transition: background 0.125s ease-in-out;
2484
2490
  &.isViewing {
2485
- background-color: ${re("background-color-viewing")};
2491
+ background-color: ${ae("background-color-viewing")};
2486
2492
  }
2487
- `,cg=h(M)`
2493
+ `,yh=m(E)`
2488
2494
  flex: 1;
2489
2495
  overflow: hidden;
2490
2496
  text-overflow: ellipsis;
2491
2497
  white-space: nowrap;
2492
- padding-left: ${re("padding-left")};
2493
- padding-right: ${re("padding-right")};
2494
- gap: ${re("gap")};
2498
+ padding-left: ${ae("padding-left")};
2499
+ padding-right: ${ae("padding-right")};
2500
+ gap: ${ae("gap")};
2495
2501
  align-items: center;
2496
2502
  display: flex;
2497
- `,dg=({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(Bs.Provider,{value:u,children:i.jsx(ug,{className:e,dataProvider:t,emptyState:o,firstChild:n,ItemTemplate:Ps,lastChild:r,onListItemAction:s})})},ug=h(yn)`
2503
+ `,kh=({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(Ys.Provider,{value:u,children:i.jsx(vh,{className:e,dataProvider:t,emptyState:o,firstChild:n,ItemTemplate:Ks,lastChild:r,onListItemAction:s})})},vh=m(kn)`
2498
2504
  height: 100%;
2499
2505
  width: 100%;
2500
2506
  align-items: flex-start;
@@ -2510,47 +2516,47 @@
2510
2516
  ::-webkit-scrollbar-thumb {
2511
2517
  border-left: 3px solid transparent;
2512
2518
  }
2513
- `,Hs=d.createContext(!1),fg=()=>d.useContext(Hs),pg=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:n})=>i.jsxs(gg,{children:[i.jsx(M,{variant:"h2",color:"dark",children:e}),i.jsxs(hg,{children:[i.jsx(M,{variant:"small",color:"grey",children:(n==null?void 0:n("selectedOnly"))??"MISSING T FUNC"}),i.jsx(no,{disabled:t,onChange:o})]})]})),gg=h.div`
2519
+ `,qs=d.createContext(!1),wh=()=>d.useContext(qs),Ch=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:n})=>i.jsxs($h,{children:[i.jsx(E,{variant:"h2",color:"dark",children:e}),i.jsxs(Sh,{children:[i.jsx(E,{variant:"small",color:"grey",children:(n==null?void 0:n("selectedOnly"))??"MISSING T FUNC"}),i.jsx(ro,{disabled:t,onChange:o})]})]})),$h=m.div`
2514
2520
  display: flex;
2515
2521
  align-items: center;
2516
2522
  width: 100%;
2517
2523
  justify-content: space-between;
2518
2524
  gap: ${c("spacing-8")};
2519
- `,hg=h.div`
2525
+ `,Sh=m.div`
2520
2526
  display: flex;
2521
2527
  align-items: center;
2522
2528
  gap: ${c("spacing-4")};
2523
- `,mg=d.memo(e=>{const{selected:t}=nt(),o=fg(),n=t.includes(e.id);return o&&!n?null:i.jsx(Ms,{...e})}),bg=h(Ws)`
2529
+ `,jh=d.memo(e=>{const{selected:t}=nt(),o=wh(),n=t.includes(e.id);return o&&!n?null:i.jsx(zs,{...e})}),Th=m(Us)`
2524
2530
  overflow: hidden;
2525
- `,xg=h.div`
2531
+ `,Dh=m.div`
2526
2532
  overflow-x: hidden;
2527
2533
  overflow-y: auto;
2528
- `,yg=V.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:n,onSelect:r,emptyMessage:s,dataProvider:l,onSelectAll:a,t:u})=>{const[f,p]=d.useState(e??!1),g=d.useRef(null),m=d.useCallback(b=>{p(b)},[]);d.useEffect(()=>{const b=l;b&&b.updateContextValue&&(b==null||b.updateContextValue("isOnlySelectedVisible",f))},[l,f]),d.useEffect(()=>{const b=l;b&&b.updateContextValue&&(b==null||b.updateContextValue("selected",n))},[l,n]),d.useEffect(()=>{g.current&&n&&(n.length&&n.length!==(l==null?void 0:l.items.length)?g.current.indeterminate!==!0&&(l!=null&&l.items.length)&&(g.current.indeterminate=!0):g.current.indeterminate===!0&&(g.current.indeterminate=!1))},[l==null?void 0:l.items,n]);const x=d.useCallback(()=>{a&&a(n&&n.length>0?"deselect":"select")},[a,n]);return i.jsx(Hs.Provider,{value:f,children:i.jsx(bg,{className:"",variant:"display",header:i.jsx(pg,{title:o,disabled:t,t:u,onToggleShowSelected:m}),ContentWrapper:xg,children:i.jsxs(kg,{children:[!!a&&!!(l!=null&&l.items.length)&&i.jsxs(Lt,{children:[i.jsx(lo,{children:i.jsx(mt,{ref:g,disabled:t,checked:!!n&&!!n.length&&n.length===l.items.length,onChange:x})}),i.jsx(co,{children:i.jsx(M,{bold:!0,variant:"body",children:(u==null?void 0:u("selectAll"))??"MISSING T FUNC"})})]}),i.jsx(ao,{disabled:t,selected:n,isSingleSelect:!1,onSelect:r,emptyState:s?i.jsx(vg,{children:i.jsx(M,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:mg,dataProvider:l})]})})})}),kg=h.div`
2534
+ `,Mh=L.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:n,onSelect:r,emptyMessage:s,dataProvider:l,onSelectAll:a,t:u})=>{const[f,p]=d.useState(e??!1),h=d.useRef(null),g=d.useCallback(b=>{p(b)},[]);d.useEffect(()=>{const b=l;b&&b.updateContextValue&&(b==null||b.updateContextValue("isOnlySelectedVisible",f))},[l,f]),d.useEffect(()=>{const b=l;b&&b.updateContextValue&&(b==null||b.updateContextValue("selected",n))},[l,n]),d.useEffect(()=>{h.current&&n&&(n.length&&n.length!==(l==null?void 0:l.items.length)?h.current.indeterminate!==!0&&(l!=null&&l.items.length)&&(h.current.indeterminate=!0):h.current.indeterminate===!0&&(h.current.indeterminate=!1))},[l==null?void 0:l.items,n]);const x=d.useCallback(()=>{a&&a(n&&n.length>0?"deselect":"select")},[a,n]);return i.jsx(qs.Provider,{value:f,children:i.jsx(Th,{className:"",variant:"display",header:i.jsx(Ch,{title:o,disabled:t,t:u,onToggleShowSelected:g}),ContentWrapper:Dh,children:i.jsxs(Eh,{children:[!!a&&!!(l!=null&&l.items.length)&&i.jsxs(Wt,{children:[i.jsx(lo,{children:i.jsx(mt,{ref:h,disabled:t,checked:!!n&&!!n.length&&n.length===l.items.length,onChange:x})}),i.jsx(co,{children:i.jsx(E,{bold:!0,variant:"body",children:(u==null?void 0:u("selectAll"))??"MISSING T FUNC"})})]}),i.jsx(ao,{disabled:t,selected:n,isSingleSelect:!1,onSelect:r,emptyState:s?i.jsx(Oh,{children:i.jsx(E,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:jh,dataProvider:l})]})})})}),Eh=m.div`
2529
2535
  width: 100%;
2530
2536
  display: flex;
2531
2537
  flex-direction: column;
2532
2538
  align-items: flex-start;
2533
2539
  justify-content: flex-start;
2534
- `,vg=h.div`
2540
+ `,Oh=m.div`
2535
2541
  width: 100%;
2536
2542
  display: flex;
2537
2543
  align-items: center;
2538
2544
  justify-content: center;
2539
2545
  padding: ${c("spacing-12")} ${c("spacing-20")};
2540
- `;class wg extends xn{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)??[]});J(this,"itemMapper");J(this,"observableItems");this.itemMapper=r,this.observableItems=Q.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(f=>f.id===u)).forEach(u=>{V.kosAction(()=>{this.observableItems.delete(u)})}),l.reduce((u,f)=>{if(!u.has(f.id))V.kosAction(()=>{u.set(f.id,f)});else{const p=u.get(f.id);p&&V.kosAction(()=>{const g=Object.assign(p,f);u.set(f.id,g)})}return u},this.observableItems),l.map(u=>this.observableItems.get(u.id))}}const[jo,Cg]=O(["option","select"]),$g=({trigger:e,onSelection:t,children:o})=>i.jsx(jg,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),Sg=h(ut)`
2546
+ `;class zh extends yn{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)??[]});V(this,"itemMapper");V(this,"observableItems");this.itemMapper=r,this.observableItems=P.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(f=>f.id===u)).forEach(u=>{L.kosAction(()=>{this.observableItems.delete(u)})}),l.reduce((u,f)=>{if(!u.has(f.id))L.kosAction(()=>{u.set(f.id,f)});else{const p=u.get(f.id);p&&L.kosAction(()=>{const h=Object.assign(p,f);u.set(f.id,h)})}return u},this.observableItems),l.map(u=>this.observableItems.get(u.id))}}const[jo,Ih]=I(["option","select"]),Rh=({trigger:e,onSelection:t,children:o})=>i.jsx(Fh,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),Nh=m(ut)`
2541
2547
  ${`${jo("bg-color",!0)}: ${c("color-black")}`};
2542
2548
  ${`${jo("color",!0)}: ${c("color-white")}`};
2543
2549
  ${`${jo("bg-color-active",!0)}: ${c("color-grey70")}`};
2544
2550
  gap: 0px;
2545
2551
  cursor: pointer;
2546
- `,jg=h(xt)`
2547
- ${`${Cg("border-color",!0)}: ${c("color-black")}`};
2552
+ `,Fh=m(xt)`
2553
+ ${`${Ih("border-color",!0)}: ${c("color-black")}`};
2548
2554
  z-index: 15;
2549
- `,Tg=h.div`
2555
+ `,Ah=m.div`
2550
2556
  cursor: default;
2551
2557
  border-bottom: 0.5px solid ${c("color-grey60")};
2552
2558
  pointer-events: none;
2553
- `,[Ho]=O(["shell-menu"]),Dg=({className:e,left:t,right:o})=>i.jsxs(Eg,{className:e,children:[i.jsx(Kn,{children:t}),!!o&&i.jsx(Kn,{children:o})]}),Eg=h.div`
2559
+ `,[Ho]=I(["shell-menu"]),_h=({className:e,left:t,right:o})=>i.jsxs(Lh,{className:e,children:[i.jsx(qn,{children:t}),!!o&&i.jsx(qn,{children:o})]}),Lh=m.div`
2554
2560
  align-items: center;
2555
2561
  column-gap: ${Ho("section-gap")};
2556
2562
  display: flex;
@@ -2558,51 +2564,51 @@
2558
2564
  justify-content: space-between;
2559
2565
  padding: 0px ${Ho("padding-x")};
2560
2566
  width: 100%;
2561
- `,Kn=h.div`
2567
+ `,qn=m.div`
2562
2568
  align-items: center;
2563
2569
  column-gap: ${Ho("link-gap")};
2564
2570
  display: flex;
2565
2571
  height: 100%;
2566
2572
  justify-content: flex-start;
2567
- `,[qn]=O(["shell-menu"]),Mg=d.memo(({text:e,onClick:t,isActive:o})=>i.jsx(zg,{onClick:t,variant:"body",color:"light",bold:o,children:e})),zg=h(M)`
2568
- padding: ${qn("link-padding-y")} ${qn("link-padding-x")};
2573
+ `,[Zn]=I(["shell-menu"]),Wh=d.memo(({text:e,onClick:t,isActive:o})=>i.jsx(Bh,{onClick:t,variant:"body",color:"light",bold:o,children:e})),Bh=m(E)`
2574
+ padding: ${Zn("link-padding-y")} ${Zn("link-padding-x")};
2569
2575
  line-height: unset;
2570
2576
  cursor: pointer;
2571
- `,[Le]=O(["ingredient-card"]),Og=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:l,isSmall:a})=>{const{selected:u,toggleSelection:f}=nt(),{t:p}=V.useKosTranslation("dispenser"),g=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(()=>{f(e)},[e,f]);return i.jsx(E.ClassNames,{children:({cx:y})=>i.jsxs(Ig,{className:y("holder-list-item",{isSelected:g,isSmall:a}),onClick:b,children:[i.jsxs(Rg,{children:[i.jsxs(Ng,{children:[i.jsx(M,{variant:a?"small":"body",color:"dark",children:t}),!!o&&i.jsx(so,{content:o,children:i.jsx(F,{iconId:"ExclamationCircle",color:"red",size:a?"xsm":"sm"})})]}),!!n&&i.jsxs(Fg,{children:[i.jsx(ee,{iconId:"DeleteOutlined",color:"blue",size:a?"xsm":"sm",onClick:m,disabled:!r}),i.jsxs(xt,{Reference:i.jsx(ee,{iconId:"Ellipsis",color:"black",size:a?"xsm":"sm"}),onSelect:x,children:[i.jsx(ut,{optionKey:"remove",label:p("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),i.jsx(ut,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:p(`holder.${l?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(Ag,{className:y({isIngredientLess:n===void 0}),children:n?i.jsx(M,{color:"dark",variant:a?"small":"body",bold:!0,children:n}):i.jsx(Ie,{variant:a?"borderless-small":"borderless",text:p("holder.assignButton"),icon:"Plus"})})]})})}),Ig=h.div`
2577
+ `,[Pe]=I(["ingredient-card"]),Ph=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:l,isSmall:a})=>{const{selected:u,toggleSelection:f}=nt(),{t:p}=L.useKosTranslation("dispenser"),h=d.useMemo(()=>u.includes(e),[u,e]),g=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),x=d.useCallback(y=>{s&&s(e,y)},[e,s]),b=d.useCallback(()=>{f(e)},[e,f]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(Hh,{className:y("holder-list-item",{isSelected:h,isSmall:a}),onClick:b,children:[i.jsxs(Vh,{children:[i.jsxs(Gh,{children:[i.jsx(E,{variant:a?"small":"body",color:"dark",children:t}),!!o&&i.jsx(io,{content:o,children:i.jsx(W,{iconId:"ExclamationCircle",color:"red",size:a?"xsm":"sm"})})]}),!!n&&i.jsxs(Uh,{children:[i.jsx(ne,{iconId:"DeleteOutlined",color:"blue",size:a?"xsm":"sm",onClick:g,disabled:!r}),i.jsxs(xt,{Reference:i.jsx(ne,{iconId:"Ellipsis",color:"black",size:a?"xsm":"sm"}),onSelect:x,children:[i.jsx(ut,{optionKey:"remove",label:p("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),i.jsx(ut,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:p(`holder.${l?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(Yh,{className:y({isIngredientLess:n===void 0}),children:n?i.jsx(E,{color:"dark",variant:a?"small":"body",bold:!0,children:n}):i.jsx(Fe,{variant:a?"borderless-small":"borderless",text:p("holder.assignButton"),icon:"Plus"})})]})})}),Hh=m.div`
2572
2578
  width: 100%;
2573
2579
  height: 100%;
2574
- border: ${Le("border")} solid ${Le("border-color")};
2580
+ border: ${Pe("border")} solid ${Pe("border-color")};
2575
2581
  transition: border 0.125s ease-in-out;
2576
- border-radius: ${Le("border-radius")};
2577
- padding: ${Le("padding")};
2582
+ border-radius: ${Pe("border-radius")};
2583
+ padding: ${Pe("padding")};
2578
2584
  display: flex;
2579
2585
  flex-direction: column;
2580
2586
  align-items: flex-start;
2581
2587
  justify-content: flex-start;
2582
2588
  cursor: pointer;
2583
2589
  &.isSmall {
2584
- padding: ${Le("padding-small")};
2590
+ padding: ${Pe("padding-small")};
2585
2591
  }
2586
2592
  &.isSelected {
2587
- border-color: ${Le("border-color-selected")};
2593
+ border-color: ${Pe("border-color-selected")};
2588
2594
  }
2589
- `,Rg=h.div`
2595
+ `,Vh=m.div`
2590
2596
  width: 100%;
2591
2597
  display: flex;
2592
2598
  align-items: center;
2593
2599
  justify-content: flex-start;
2594
- column-gap: ${Le("column-gap")};
2595
- `,Ng=h.div`
2600
+ column-gap: ${Pe("column-gap")};
2601
+ `,Gh=m.div`
2596
2602
  flex: 1;
2597
2603
  display: flex;
2598
2604
  align-items: center;
2599
2605
  justify-content: flex-start;
2600
- column-gap: ${Le("column-gap")};
2601
- `,Fg=h.div`
2606
+ column-gap: ${Pe("column-gap")};
2607
+ `,Uh=m.div`
2602
2608
  display: flex;
2603
2609
  align-items: center;
2604
- column-gap: ${Le("column-gap")};
2605
- `,Ag=h.div`
2610
+ column-gap: ${Pe("column-gap")};
2611
+ `,Yh=m.div`
2606
2612
  width: 100%;
2607
2613
  display: flex;
2608
2614
  align-items: center;
@@ -2611,25 +2617,25 @@
2611
2617
  &.isIngredientLess {
2612
2618
  justify-content: center;
2613
2619
  }
2614
- `,_g=["settings","devices","tools","performance"],Lg=["viewBrowse","manage","configure","troubleshoot","store","main"],Wg=_g.map(e=>Lg.map(t=>({start:e,end:t}))).flatMap(e=>e),[me,Vs]=O(["branded-header","icon"]),Bg=h.div`
2620
+ `,Kh=["settings","devices","tools","performance"],qh=["viewBrowse","manage","configure","troubleshoot","store","main"],Zh=Kh.map(e=>qh.map(t=>({start:e,end:t}))).flatMap(e=>e),[ye,Zs]=I(["branded-header","icon"]),Xh=m.div`
2615
2621
  width: 100%;
2616
2622
  display: flex;
2617
2623
  flex-direction: column;
2618
2624
  align-items: flex-start;
2619
2625
  justify-content: flex-start;
2620
- border-bottom: ${me("border-bottom-size")} solid ${me("border-bottom-color")};
2621
- `,Pg=h.div`
2626
+ border-bottom: ${ye("border-bottom-size")} solid ${ye("border-bottom-color")};
2627
+ `,Jh=m.div`
2622
2628
  width: 100%;
2623
2629
  display: flex;
2624
2630
  align-items: center;
2625
2631
  justify-content: flex-start;
2626
2632
  max-height: 52px;
2627
- `;h.div``;const Hg=h.div`
2633
+ `;m.div``;const Qh=m.div`
2628
2634
  display: flex;
2629
2635
  flex: 1;
2630
2636
  gap: 16px;
2631
2637
  padding: 12px 20px 12px 16px;
2632
- `,Vg=h.div`
2638
+ `,eg=m.div`
2633
2639
  flex: 1;
2634
2640
  display: flex;
2635
2641
  align-items: center;
@@ -2639,39 +2645,39 @@
2639
2645
  /* &.hasDescription {
2640
2646
  align-items: flex-start;
2641
2647
  } */
2642
- `,Gg=h.div`
2648
+ `,tg=m.div`
2643
2649
  flex: 1;
2644
2650
  overflow: hidden;
2645
2651
  display: flex;
2646
2652
  flex-direction: column;
2647
2653
  align-items: flex-start;
2648
2654
  justify-content: flex-start;
2649
- row-gap: ${me("text-wrapper-gap")};
2650
- `;h.img`
2655
+ row-gap: ${ye("text-wrapper-gap")};
2656
+ `;m.img`
2651
2657
  height: 100%;
2652
- `;const Gs=E.css`
2653
- ${Wg.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
2658
+ `;const Xs=M.css`
2659
+ ${Zh.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
2654
2660
  background: linear-gradient(
2655
2661
  90deg,
2656
- ${me(`startColor-${e}`)} 0%,
2657
- ${me(`endColor-${t}`)} 100%
2662
+ ${ye(`startColor-${e}`)} 0%,
2663
+ ${ye(`endColor-${t}`)} 100%
2658
2664
  );
2659
2665
  }`)}
2660
- `,Ug=h.div`
2666
+ `,og=m.div`
2661
2667
  background-color: ${e=>e.color};
2662
- height: ${me("badge-size")};
2663
- width: ${me("badge-size")};
2664
- border-radius: ${me("badge-radius")};
2668
+ height: ${ye("badge-size")};
2669
+ width: ${ye("badge-size")};
2670
+ border-radius: ${ye("badge-radius")};
2665
2671
  position: relative;
2666
- ${`${Vs("size-xxlrg",!0)}: 52px`};
2667
- `;h.div`
2668
- height: ${me("badge-size")};
2669
- width: ${me("badge-size")};
2670
- border-radius: ${me("badge-radius")};
2672
+ ${`${Zs("size-xxlrg",!0)}: 52px`};
2673
+ `;m.div`
2674
+ height: ${ye("badge-size")};
2675
+ width: ${ye("badge-size")};
2676
+ border-radius: ${ye("badge-radius")};
2671
2677
  position: relative;
2672
- ${`${Vs("size-xxlrg",!0)}: calc(100% - 2px)`};
2673
- ${Gs}
2674
- `;const Yg=h.div`
2678
+ ${`${Zs("size-xxlrg",!0)}: calc(100% - 2px)`};
2679
+ ${Xs}
2680
+ `;const ng=m.div`
2675
2681
  width: 100%;
2676
2682
  height: 100%;
2677
2683
  position: absolute;
@@ -2681,16 +2687,16 @@
2681
2687
  align-items: center;
2682
2688
  justify-content: center;
2683
2689
  z-index: 2;
2684
- `;h.div`
2690
+ `;m.div`
2685
2691
  width: 100%;
2686
2692
  display: flex;
2687
2693
  align-items: center;
2688
2694
  justify-content: center;
2689
2695
  position: relative;
2690
- height: ${me("line-height")};
2696
+ height: ${ye("line-height")};
2691
2697
  overflow: hidden;
2692
- ${Gs}
2693
- `;const Kg=h.div`
2698
+ ${Xs}
2699
+ `;const rg=m.div`
2694
2700
  width: 100%;
2695
2701
  height: 100%;
2696
2702
  position: absolute;
@@ -2699,13 +2705,13 @@
2699
2705
  z-index: 1;
2700
2706
  background-color: ${c("color-grey60")};
2701
2707
  opacity: 0.5;
2702
- `,qg=h(M)`
2708
+ `,sg=m(E)`
2703
2709
  display: -webkit-box;
2704
2710
  -webkit-line-clamp: 2;
2705
2711
  -webkit-box-orient: vertical;
2706
2712
  overflow: hidden;
2707
2713
  text-overflow: ellipsis;
2708
- `,Zg=e=>i.jsx(qg,{...e,variant:"body",color:"dark"}),Xg=d.memo(({color:e,title:t,description:o,icon:n,Action:r,isOffline:s})=>i.jsx(E.ClassNames,{children:({cx:l})=>i.jsx(Bg,{children:i.jsxs(Pg,{children:[i.jsxs(Ug,{color:e,children:[i.jsx(Yg,{children:n&&i.jsx(F,{iconId:n,size:"xxlrg",color:"white"})}),!!s&&i.jsx(Kg,{})]}),i.jsxs(Hg,{children:[i.jsx(Vg,{className:l({hasDescription:!!o}),children:i.jsxs(Gg,{children:[i.jsx(M,{variant:"h1",children:t}),!!o&&i.jsx(Zg,{children:o})]})}),!!r&&i.jsx(r,{})]})]})})})),Us=d.createContext(null),Ys=V.kosComponent(({children:e,t,isSortable:o,onListItemAction:n})=>{const r=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:n}),[o,t,n]);return i.jsx(Us.Provider,{value:r,children:e})}),Cn=()=>{const e=d.useContext(Us);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[et]=O(["table"]),po=h.td`
2714
+ `,ig=e=>i.jsx(sg,{...e,variant:"body",color:"dark"}),ag=d.memo(({color:e,title:t,description:o,icon:n,Action:r,isOffline:s})=>i.jsx(M.ClassNames,{children:({cx:l})=>i.jsx(Xh,{children:i.jsxs(Jh,{children:[i.jsxs(og,{color:e,children:[i.jsx(ng,{children:n&&i.jsx(W,{iconId:n,size:"xxlrg",color:"white"})}),!!s&&i.jsx(rg,{})]}),i.jsxs(Qh,{children:[i.jsx(eg,{className:l({hasDescription:!!o}),children:i.jsxs(tg,{children:[i.jsx(E,{variant:"h1",children:t}),!!o&&i.jsx(ig,{children:o})]})}),!!r&&i.jsx(r,{})]})]})})})),Js=d.createContext(null),Qs=L.kosComponent(({children:e,t,isSortable:o,onListItemAction:n})=>{const r=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:n}),[o,t,n]);return i.jsx(Js.Provider,{value:r,children:e})}),$n=()=>{const e=d.useContext(Js);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[et]=I(["table"]),po=m.td`
2709
2715
  padding: ${et("cell-padding-y")} ${et("cell-padding-x")};
2710
2716
  background-color: ${et("background-color")};
2711
2717
  color: ${et("cell-color")};
@@ -2714,65 +2720,65 @@
2714
2720
  &.isSortable {
2715
2721
  padding-right: ${et("cell-padding-right-sortable")};
2716
2722
  }
2717
- `,$n=d.memo(({cell:e})=>{const{isSortable:t}=Cn();return i.jsx(po,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:ge.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[Zn]=O(["table"]),ft=h.tr`
2723
+ `,Sn=d.memo(({cell:e})=>{const{isSortable:t}=$n();return i.jsx(po,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:be.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[Xn]=I(["table"]),ft=m.tr`
2718
2724
  width: 100%;
2719
- border-bottom: ${Zn("row-border-bottom-size")} solid ${Zn("border-color")};
2720
- `,Jg=d.memo(({row:e,TdComponent:t})=>{const o=t??$n;return i.jsx(ft,{children:e.getVisibleCells().map(n=>i.jsx(o,{cell:n},n.id))})}),[Qg]=O(["table"]),eh=[],th=e=>e.id,oh=V.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:f,disabled:p,...g})=>{_t(e);const[m,x]=d.useState([]),b=ge.useReactTable({columns:t,meta:{disabled:p},data:e?e==null?void 0:e.items:eh,getCoreRowModel:ge.getCoreRowModel(),getSortedRowModel:r?ge.getSortedRowModel():void 0,getRowId:o??th,onSortingChange:r?x:void 0,state:{sorting:m}}),y=a??Jg,v=!b.getRowModel().rows.length;return v&&f?n??null:i.jsx(Ys,{onListItemAction:u,isSortable:r,t:s,children:i.jsxs(nh,{...g,children:[i.jsx(rh,{children:b.getHeaderGroups().map(w=>i.jsx(ft,{children:w.headers.map(k=>i.jsx(d.Fragment,{children:ge.flexRender(k.column.columnDef.header,k.getContext())},k.id))},w.id))}),i.jsx(sh,{children:v?i.jsx(ft,{children:i.jsx(po,{colSpan:t.length,children:n??null})}):b.getRowModel().rows.map(w=>i.jsx(y,{row:w,TdComponent:l??$n},w.id))})]})})}),nh=h.table`
2725
+ border-bottom: ${Xn("row-border-bottom-size")} solid ${Xn("border-color")};
2726
+ `,lg=d.memo(({row:e,TdComponent:t})=>{const o=t??Sn;return i.jsx(ft,{children:e.getVisibleCells().map(n=>i.jsx(o,{cell:n},n.id))})}),[cg]=I(["table"]),dg=[],ug=e=>e.id,fg=L.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:l,TrComponent:a,onListItemAction:u,renderEmptyAsStandalone:f,disabled:p,...h})=>{_t(e);const[g,x]=d.useState([]),b=be.useReactTable({columns:t,meta:{disabled:p},data:e?e==null?void 0:e.items:dg,getCoreRowModel:be.getCoreRowModel(),getSortedRowModel:r?be.getSortedRowModel():void 0,getRowId:o??ug,onSortingChange:r?x:void 0,state:{sorting:g}}),y=a??lg,v=!b.getRowModel().rows.length;return v&&f?n??null:i.jsx(Qs,{onListItemAction:u,isSortable:r,t:s,children:i.jsxs(pg,{...h,children:[i.jsx(hg,{children:b.getHeaderGroups().map($=>i.jsx(ft,{children:$.headers.map(C=>i.jsx(d.Fragment,{children:be.flexRender(C.column.columnDef.header,C.getContext())},C.id))},$.id))}),i.jsx(gg,{children:v?i.jsx(ft,{children:i.jsx(po,{colSpan:t.length,children:n??null})}):b.getRowModel().rows.map($=>i.jsx(y,{row:$,TdComponent:l??Sn},$.id))})]})})}),pg=m.table`
2721
2727
  width: 100%;
2722
2728
  overflow: auto;
2723
2729
  border-collapse: collapse;
2724
- font-family: ${Qg("font-family")};
2730
+ font-family: ${cg("font-family")};
2725
2731
  table-layout: fixed;
2726
- `,rh=h.thead`
2732
+ `,hg=m.thead`
2727
2733
  width: 100%;
2728
- `,sh=h.tbody`
2734
+ `,gg=m.tbody`
2729
2735
  width: 100%;
2730
- `,[De]=O(["table"]),ih=(e,t)=>e?e==="desc"?(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.ascending")}))??"Click to sort ascending":(t==null?void 0:t("table.cancelSort"))??"Cancel sort":(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.descending")}))??"Click to sort descending",Vo=d.memo(({width:e,isBlank:t,toggleSorting:o,id:n,sortValue:r,canSort:s,isVirtual:l})=>{const{isSortable:a,t:u}=Cn(),f=d.useCallback(()=>{o()},[o]);return i.jsx(ah,{className:ht({isSortable:a&&s,isSorted:r!==!1}),style:{width:e??"auto",display:l?"flex":"table-cell"},children:i.jsxs(lh,{children:[!t&&((u==null?void 0:u(`table.header.${n}`))??n),a&&s&&i.jsx(so,{content:ih(r,u),children:i.jsx(ee,{iconId:r?r==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:f,color:"grey"})})]})})}),ah=h.th`
2731
- padding: ${De("cell-padding-y")} ${De("cell-padding-x")};
2732
- background-color: ${De("header-background-color")};
2736
+ `,[Oe]=I(["table"]),mg=(e,t)=>e?e==="desc"?(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.ascending")}))??"Click to sort ascending":(t==null?void 0:t("table.cancelSort"))??"Cancel sort":(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.descending")}))??"Click to sort descending",Vo=d.memo(({width:e,isBlank:t,toggleSorting:o,id:n,sortValue:r,canSort:s,isVirtual:l})=>{const{isSortable:a,t:u}=$n(),f=d.useCallback(()=>{o()},[o]);return i.jsx(bg,{className:gt({isSortable:a&&s,isSorted:r!==!1}),style:{width:e??"auto",display:l?"flex":"table-cell"},children:i.jsxs(xg,{children:[!t&&((u==null?void 0:u(`table.header.${n}`))??n),a&&s&&i.jsx(io,{content:mg(r,u),children:i.jsx(ne,{iconId:r?r==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:f,color:"grey"})})]})})}),bg=m.th`
2737
+ padding: ${Oe("cell-padding-y")} ${Oe("cell-padding-x")};
2738
+ background-color: ${Oe("header-background-color")};
2733
2739
  text-align: left;
2734
- color: ${De("head-color")};
2735
- font-size: ${De("head-font-size")};
2736
- font-weight: ${De("head-font-weight")};
2740
+ color: ${Oe("head-color")};
2741
+ font-size: ${Oe("head-font-size")};
2742
+ font-weight: ${Oe("head-font-weight")};
2737
2743
  &.isSortable {
2738
2744
  transition: background 0.125s ease-in-out;
2739
- padding-right: ${De("cell-padding-right-sortable")};
2745
+ padding-right: ${Oe("cell-padding-right-sortable")};
2740
2746
  cursor: pointer;
2741
2747
  :hover {
2742
- background-color: ${De("header-background-color-hover")};
2748
+ background-color: ${Oe("header-background-color-hover")};
2743
2749
  }
2744
2750
  }
2745
2751
  &.isSorted {
2746
- background-color: ${De("header-background-color-hover")};
2752
+ background-color: ${Oe("header-background-color-hover")};
2747
2753
  }
2748
- `,lh=h.div`
2754
+ `,xg=m.div`
2749
2755
  display: flex;
2750
2756
  align-items: center;
2751
2757
  justify-content: space-between;
2752
- column-gap: ${De("head-gap-sortable")};
2753
- `,ch=()=>{const e=ge.createColumnHelper();return{displayColumn:r=>s=>e.display({header:({column:l,header:a})=>{var u,f;return i.jsx(Vo,{id:a.id,canSort:l.getCanSort(),width:(u=l.columnDef.meta)==null?void 0:u.width,isBlank:(f=l.columnDef.meta)==null?void 0:f.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 f,p;return i.jsx(Vo,{id:u.id,canSort:a.getCanSort(),width:(f=a.columnDef.meta)==null?void 0:f.width,isBlank:(p=a.columnDef.meta)==null?void 0:p.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 lt(e,t,o){let n=o.initialDeps??[],r;function s(){var l,a,u,f;let p;o.key&&((l=o.debug)!=null&&l.call(o))&&(p=Date.now());const g=e();if(!(g.length!==n.length||g.some((b,y)=>n[y]!==b)))return r;n=g;let x;if(o.key&&((a=o.debug)!=null&&a.call(o))&&(x=Date.now()),r=t(...g),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,v=y/16,w=(k,$)=>{for(k=String(k);k.length<$;)k=" "+k;return k};console.info(`%c⏱ ${w(y,5)} /${w(b,5)} ms`,`
2758
+ column-gap: ${Oe("head-gap-sortable")};
2759
+ `,yg=()=>{const e=be.createColumnHelper();return{displayColumn:r=>s=>e.display({header:({column:l,header:a})=>{var u,f;return i.jsx(Vo,{id:a.id,canSort:l.getCanSort(),width:(u=l.columnDef.meta)==null?void 0:u.width,isBlank:(f=l.columnDef.meta)==null?void 0:f.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 f,p;return i.jsx(Vo,{id:u.id,canSort:a.getCanSort(),width:(f=a.columnDef.meta)==null?void 0:f.width,isBlank:(p=a.columnDef.meta)==null?void 0:p.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 lt(e,t,o){let n=o.initialDeps??[],r;function s(){var l,a,u,f;let p;o.key&&((l=o.debug)!=null&&l.call(o))&&(p=Date.now());const h=e();if(!(h.length!==n.length||h.some((b,y)=>n[y]!==b)))return r;n=h;let x;if(o.key&&((a=o.debug)!=null&&a.call(o))&&(x=Date.now()),r=t(...h),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,v=y/16,$=(C,w)=>{for(C=String(C);C.length<w;)C=" "+C;return C};console.info(`%c⏱ ${$(y,5)} /${$(b,5)} ms`,`
2754
2760
  font-size: .6rem;
2755
2761
  font-weight: bold;
2756
- color: hsl(${Math.max(0,Math.min(120-120*v,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(f=o==null?void 0:o.onChange)==null||f.call(o,r),r}return s.updateDeps=l=>{n=l},s}function Xn(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const dh=(e,t)=>Math.abs(e-t)<1.01,uh=(e,t,o)=>{let n;return function(...r){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,r),o)}},Jn=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},fh=e=>e,ph=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},gh=(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(Jn(o)),!n.ResizeObserver)return()=>{};const s=new n.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u!=null&&u.borderBoxSize){const f=u.borderBoxSize[0];if(f){r({width:f.inlineSize,height:f.blockSize});return}}r(Jn(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},Qn={passive:!0},er=typeof window>"u"?!0:"onscrollend"in window,hh=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;let r=0;const s=e.options.useScrollendEvent&&er?()=>{}:uh(n,()=>{t(r,!1)},e.options.isScrollingResetDelay),l=p=>()=>{const{horizontal:g,isRtl:m}=e.options;r=g?o.scrollLeft*(m&&-1||1):o.scrollTop,s(),t(r,p)},a=l(!0),u=l(!1);u(),o.addEventListener("scroll",a,Qn);const f=e.options.useScrollendEvent&&er;return f&&o.addEventListener("scrollend",u,Qn),()=>{o.removeEventListener("scroll",a),f&&o.removeEventListener("scrollend",u)}},mh=(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"]},bh=(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 xh{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:fh,rangeExtractor:ph,onChange:()=>{},measureElement:mh,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=lt(()=>(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=lt(()=>[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=lt(()=>[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 f=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const g=s(p),m=this.options.lanes===1?f[p-1]:this.getFurthestMeasurement(f,p),x=m?m.end+this.options.gap:n+r,b=a.get(g),y=typeof b=="number"?b:this.options.estimateSize(p),v=x+y,w=m?m.lane:p%this.options.lanes;f[p]={index:p,start:x,size:y,end:v,key:g,lane:w}}return this.measurementsCache=f,f},{key:!1,debug:()=>this.options.debug}),this.calculateRange=lt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,n,r,s)=>this.range=o.length>0&&n>0?yh({measurements:o,outerSize:n,scrollOffset:r,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=lt(()=>{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=lt(()=>[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 Xn(n[Ks(0,n.length-1,r=>Xn(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=f=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,f);if(!p){console.warn("Failed to get offset for index:",o);return}const[g,m]=p;this._scrollToOffset(g,{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}dh(b[0],x)||u(m)})},u=f=>{this.targetWindow&&(s++,s<l?this.targetWindow.requestAnimationFrame(()=>a(f)):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 Ks=(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 yh({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=Ks(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 f=Array(n).fill(o+t);for(;l>=0&&f.some(p=>p>=o);){const p=e[l];f[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 tr=typeof document<"u"?qt.useLayoutEffect:qt.useEffect;function kh(e){const t=qt.useReducer(()=>({}),{})[1],o={...e,onChange:(r,s)=>{var l;s?lr.flushSync(t):t(),(l=e.onChange)==null||l.call(e,r,s)}},[n]=qt.useState(()=>new xh(o));return n.setOptions(o),tr(()=>n._didMount(),[]),tr(()=>n._willUpdate()),n}function vh(e){return kh({observeElementRect:gh,observeElementOffset:hh,scrollToFn:bh,...e})}const[qs]=O(["table"]),wh=[],Ch=e=>e.id,$h=V.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,TdComponent:a,TrComponent:u,onListItemAction:f,renderEmptyAsStandalone:p,...g})=>{_t(e);const m=d.useRef(null),[x,b]=d.useState([]),y=ge.useReactTable({columns:t,data:e?e==null?void 0:e.items:wh,getCoreRowModel:ge.getCoreRowModel(),getSortedRowModel:s?ge.getSortedRowModel():void 0,getRowId:n??Ch,onSortingChange:s?b:void 0,state:{sorting:x}}),v=!y.getRowModel().rows.length;return v&&p?r??null:i.jsx(Ys,{onListItemAction:f,isSortable:s,t:l,children:i.jsx(Th,{className:o,ref:m,children:i.jsxs(Dh,{...g,children:[i.jsx(Eh,{children:y.getHeaderGroups().map(w=>i.jsx(ft,{style:{display:"flex"},children:w.headers.map(k=>i.jsx(d.Fragment,{children:ge.flexRender(k.column.columnDef.header,k.getContext())},k.id))},w.id))}),i.jsx(Sh,{isEmpty:v,numColumns:t.length,emptyState:r,table:y,tableContainerRef:m})]})})})}),Sh=V.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:n,emptyState:r,numColumns:s})=>{const{rows:l}=e.getRowModel(),a=vh({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(Mh,{style:{position:"relative",height:`${a.getTotalSize()}px`},children:n?i.jsx(ft,{children:i.jsx(po,{colSpan:s,children:r??null})}):a.getVirtualItems().map(u=>{const f=l[u.index];return i.jsx(jh,{trClassName:o,row:f,virtualRow:u,rowVirtualizer:a},f.id)})})}),jh=V.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:n})=>i.jsx(ft,{"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(po,{style:{display:"flex",width:((s=r.column.columnDef.meta)==null?void 0:s.width)??r.column.getSize()},children:ge.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)),Th=h.div`
2762
+ color: hsl(${Math.max(0,Math.min(120-120*v,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(f=o==null?void 0:o.onChange)==null||f.call(o,r),r}return s.updateDeps=l=>{n=l},s}function Jn(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const kg=(e,t)=>Math.abs(e-t)<1.01,vg=(e,t,o)=>{let n;return function(...r){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,r),o)}},Qn=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},wg=e=>e,Cg=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},$g=(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(Qn(o)),!n.ResizeObserver)return()=>{};const s=new n.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u!=null&&u.borderBoxSize){const f=u.borderBoxSize[0];if(f){r({width:f.inlineSize,height:f.blockSize});return}}r(Qn(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},er={passive:!0},tr=typeof window>"u"?!0:"onscrollend"in window,Sg=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;let r=0;const s=e.options.useScrollendEvent&&tr?()=>{}:vg(n,()=>{t(r,!1)},e.options.isScrollingResetDelay),l=p=>()=>{const{horizontal:h,isRtl:g}=e.options;r=h?o.scrollLeft*(g&&-1||1):o.scrollTop,s(),t(r,p)},a=l(!0),u=l(!1);u(),o.addEventListener("scroll",a,er);const f=e.options.useScrollendEvent&&tr;return f&&o.addEventListener("scrollend",u,er),()=>{o.removeEventListener("scroll",a),f&&o.removeEventListener("scrollend",u)}},jg=(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"]},Tg=(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 Dg{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:wg,rangeExtractor:Cg,onChange:()=>{},measureElement:jg,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=lt(()=>(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=lt(()=>[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=lt(()=>[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 f=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const h=s(p),g=this.options.lanes===1?f[p-1]:this.getFurthestMeasurement(f,p),x=g?g.end+this.options.gap:n+r,b=a.get(h),y=typeof b=="number"?b:this.options.estimateSize(p),v=x+y,$=g?g.lane:p%this.options.lanes;f[p]={index:p,start:x,size:y,end:v,key:h,lane:$}}return this.measurementsCache=f,f},{key:!1,debug:()=>this.options.debug}),this.calculateRange=lt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,n,r,s)=>this.range=o.length>0&&n>0?Mg({measurements:o,outerSize:n,scrollOffset:r,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=lt(()=>{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=lt(()=>[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 Jn(n[ei(0,n.length-1,r=>Jn(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=f=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,f);if(!p){console.warn("Failed to get offset for index:",o);return}const[h,g]=p;this._scrollToOffset(h,{adjustments:void 0,behavior:r}),this.targetWindow.requestAnimationFrame(()=>{const x=this.getScrollOffset(),b=this.getOffsetForIndex(o,g);if(!b){console.warn("Failed to get offset for index:",o);return}kg(b[0],x)||u(g)})},u=f=>{this.targetWindow&&(s++,s<l?this.targetWindow.requestAnimationFrame(()=>a(f)):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 ei=(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 Mg({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=ei(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 f=Array(n).fill(o+t);for(;l>=0&&f.some(p=>p>=o);){const p=e[l];f[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 or=typeof document<"u"?Zt.useLayoutEffect:Zt.useEffect;function Eg(e){const t=Zt.useReducer(()=>({}),{})[1],o={...e,onChange:(r,s)=>{var l;s?cr.flushSync(t):t(),(l=e.onChange)==null||l.call(e,r,s)}},[n]=Zt.useState(()=>new Dg(o));return n.setOptions(o),or(()=>n._didMount(),[]),or(()=>n._willUpdate()),n}function Og(e){return Eg({observeElementRect:$g,observeElementOffset:Sg,scrollToFn:Tg,...e})}const[ti]=I(["table"]),zg=[],Ig=e=>e.id,Rg=L.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,TdComponent:a,TrComponent:u,onListItemAction:f,renderEmptyAsStandalone:p,...h})=>{_t(e);const g=d.useRef(null),[x,b]=d.useState([]),y=be.useReactTable({columns:t,data:e?e==null?void 0:e.items:zg,getCoreRowModel:be.getCoreRowModel(),getSortedRowModel:s?be.getSortedRowModel():void 0,getRowId:n??Ig,onSortingChange:s?b:void 0,state:{sorting:x}}),v=!y.getRowModel().rows.length;return v&&p?r??null:i.jsx(Qs,{onListItemAction:f,isSortable:s,t:l,children:i.jsx(Ag,{className:o,ref:g,children:i.jsxs(_g,{...h,children:[i.jsx(Lg,{children:y.getHeaderGroups().map($=>i.jsx(ft,{style:{display:"flex"},children:$.headers.map(C=>i.jsx(d.Fragment,{children:be.flexRender(C.column.columnDef.header,C.getContext())},C.id))},$.id))}),i.jsx(Ng,{isEmpty:v,numColumns:t.length,emptyState:r,table:y,tableContainerRef:g})]})})})}),Ng=L.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:n,emptyState:r,numColumns:s})=>{const{rows:l}=e.getRowModel(),a=Og({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(Wg,{style:{position:"relative",height:`${a.getTotalSize()}px`},children:n?i.jsx(ft,{children:i.jsx(po,{colSpan:s,children:r??null})}):a.getVirtualItems().map(u=>{const f=l[u.index];return i.jsx(Fg,{trClassName:o,row:f,virtualRow:u,rowVirtualizer:a},f.id)})})}),Fg=L.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:n})=>i.jsx(ft,{"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(po,{style:{display:"flex",width:((s=r.column.columnDef.meta)==null?void 0:s.width)??r.column.getSize()},children:be.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)),Ag=m.div`
2757
2763
  width: 100%;
2758
2764
  display: grid;
2759
2765
  overflow: auto;
2760
- `,Dh=h.table`
2766
+ `,_g=m.table`
2761
2767
  width: 100%;
2762
2768
  border-collapse: collapse;
2763
- font-family: ${qs("font-family")};
2769
+ font-family: ${ti("font-family")};
2764
2770
  table-layout: fixed;
2765
- `,Eh=h.thead`
2771
+ `,Lg=m.thead`
2766
2772
  width: 100%;
2767
2773
  position: sticky;
2768
- background-color: ${qs("header-background-color")};
2774
+ background-color: ${ti("header-background-color")};
2769
2775
  top: 0;
2770
2776
  z-index: 1;
2771
- `,Mh=h.tbody`
2777
+ `,Wg=m.tbody`
2772
2778
  width: 100%;
2773
- `,[ct]=O(["button"]),zh=d.memo(({onClick:e,open:t,buttonText:o,text:n})=>i.jsx(Oh,{open:t,children:i.jsxs(Ih,{children:[i.jsx(M,{variant:"h2",color:"light",children:n}),i.jsx(Ie,{variant:"borderless",text:o,onClick:e})]})})),Oh=h(Zr)`
2779
+ `,[ct]=I(["button"]),Bg=d.memo(({onClick:e,open:t,buttonText:o,text:n})=>i.jsx(Pg,{open:t,children:i.jsxs(Hg,{children:[i.jsx(E,{variant:"h2",color:"light",children:n}),i.jsx(Fe,{variant:"borderless",text:o,onClick:e})]})})),Pg=m(Jr)`
2774
2780
  z-index: 5;
2775
- `,Ih=h.div`
2781
+ `,Hg=m.div`
2776
2782
  display: flex;
2777
2783
  align-items: center;
2778
2784
  justify-content: center;
@@ -2784,9 +2790,9 @@
2784
2790
  ${`${ct("border-hover-borderless",!0)}: ${c("color-white")}`};
2785
2791
  ${`${ct("color-hover-borderless",!0)}: ${c("color-white")}`};
2786
2792
  ${`${ct("bg-hover-borderless",!0)}: transparent`};
2787
- `;function Rh(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 To={},Dt={};function ot(e,t){try{const n=(To[e]||(To[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return n in Dt?Dt[n]:or(n,n.split(":"))}catch{if(e in Dt)return Dt[e];const o=e==null?void 0:e.match(Nh);return o?or(e,o.slice(1)):NaN}}const Nh=/([+-]\d\d):?(\d\d)?/;function or(e,t){const o=+(t[0]||0),n=+(t[1]||0),r=+(t[2]||0)/60;return Dt[e]=o*60+n>0?o*60+n+r:o*60-n-r}class Oe extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(ot(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)),Zs(this),Go(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Oe(...o,t):new Oe(Date.now(),t)}withTimeZone(t){return new Oe(+this,t)}getTimezoneOffset(){const t=-ot(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),Go(this),+this}[Symbol.for("constructDateFrom")](t){return new Oe(+new Date(t),this.timeZone)}}const nr=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!nr.test(e))return;const t=e.replace(nr,"$1UTC");Oe.prototype[t]&&(e.startsWith("get")?Oe.prototype[e]=function(){return this.internal[t]()}:(Oe.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),Fh(this),+this},Oe.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),Go(this),+this}))});function Go(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-ot(e.timeZone,e)*60))}function Fh(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()),Zs(e)}function Zs(e){const t=ot(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 f=new Date(+e);f.setUTCSeconds(0);const p=r>0?f.getSeconds():(f.getSeconds()-60)%60,g=Math.round(-(ot(e.timeZone,e)*60))%60;(g||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+g),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+g+p));const m=ot(e.timeZone,e),x=m>0?Math.floor(m):Math.ceil(m),y=-new Date(+e).getTimezoneOffset()-x,v=x!==o,w=y-u;if(v&&w){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+w);const k=ot(e.timeZone,e),$=k>0?Math.floor(k):Math.ceil(k),S=x-$;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class te extends Oe{static tz(t,...o){return o.length?new te(...o,t):new te(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} (${Rh(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 te(+this,t)}[Symbol.for("constructDateFrom")](t){return new te(+new Date(t),this.timeZone)}}const Ah={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"}},_h=(e,t,o)=>{let n;const r=Ah[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 Do(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const Lh={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Wh={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Bh={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Ph={date:Do({formats:Lh,defaultWidth:"full"}),time:Do({formats:Wh,defaultWidth:"full"}),dateTime:Do({formats:Bh,defaultWidth:"full"})},Hh={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Vh=(e,t,o,n)=>Hh[e];function jt(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 Gh={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Uh={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Yh={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"]},Kh={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"]},qh={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"}},Zh={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"}},Xh=(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"},Jh={ordinalNumber:Xh,era:jt({values:Gh,defaultWidth:"wide"}),quarter:jt({values:Uh,defaultWidth:"wide",argumentCallback:e=>e-1}),month:jt({values:Yh,defaultWidth:"wide"}),day:jt({values:Kh,defaultWidth:"wide"}),dayPeriod:jt({values:qh,defaultWidth:"wide",formattingValues:Zh,defaultFormattingWidth:"wide"})};function Tt(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)?em(a,g=>g.test(l)):Qh(a,g=>g.test(l));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const p=t.slice(l.length);return{value:f,rest:p}}}function Qh(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function em(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function tm(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 om=/^(\d+)(th|st|nd|rd)?/i,nm=/\d+/i,rm={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},sm={any:[/^b/i,/^(a|c)/i]},im={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},am={any:[/1/i,/2/i,/3/i,/4/i]},lm={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},cm={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]},dm={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},um={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]},fm={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},pm={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}},gm={ordinalNumber:tm({matchPattern:om,parsePattern:nm,valueCallback:e=>parseInt(e,10)}),era:Tt({matchPatterns:rm,defaultMatchWidth:"wide",parsePatterns:sm,defaultParseWidth:"any"}),quarter:Tt({matchPatterns:im,defaultMatchWidth:"wide",parsePatterns:am,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Tt({matchPatterns:lm,defaultMatchWidth:"wide",parsePatterns:cm,defaultParseWidth:"any"}),day:Tt({matchPatterns:dm,defaultMatchWidth:"wide",parsePatterns:um,defaultParseWidth:"any"}),dayPeriod:Tt({matchPatterns:fm,defaultMatchWidth:"any",parsePatterns:pm,defaultParseWidth:"any"})},Xs={code:"en-US",formatDistance:_h,formatLong:Ph,formatRelative:Vh,localize:Jh,match:gm,options:{weekStartsOn:0,firstWeekContainsDate:1}},rr=5,hm=4;function mm(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,rr*7-1);return t.getMonth(e)===t.getMonth(s)?rr:hm}function Js(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 bm(e,t){const o=Js(e,t),n=mm(e,t);return t.addDays(o,n*7-1)}class Ge{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?te.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 te(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):B.addDays(n,r)},this.addMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addMonths?this.overrides.addMonths(n,r):B.addMonths(n,r)},this.addWeeks=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addWeeks?this.overrides.addWeeks(n,r):B.addWeeks(n,r)},this.addYears=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addYears?this.overrides.addYears(n,r):B.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarDays?this.overrides.differenceInCalendarDays(n,r):B.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarMonths?this.overrides.differenceInCalendarMonths(n,r):B.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r;return(r=this.overrides)!=null&&r.eachMonthOfInterval?this.overrides.eachMonthOfInterval(n):B.eachMonthOfInterval(n)},this.endOfBroadcastWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfBroadcastWeek?this.overrides.endOfBroadcastWeek(n):bm(n,this)},this.endOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfISOWeek?this.overrides.endOfISOWeek(n):B.endOfISOWeek(n)},this.endOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.endOfMonth?this.overrides.endOfMonth(n):B.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.endOfWeek?this.overrides.endOfWeek(n,r):B.endOfWeek(n,this.options)},this.endOfYear=n=>{var r;return(r=this.overrides)!=null&&r.endOfYear?this.overrides.endOfYear(n):B.endOfYear(n)},this.format=(n,r,s)=>{var a;const l=(a=this.overrides)!=null&&a.format?this.overrides.format(n,r,this.options):B.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):B.getISOWeek(n)},this.getMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getMonth?this.overrides.getMonth(n,this.options):B.getMonth(n,this.options)},this.getYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getYear?this.overrides.getYear(n,this.options):B.getYear(n,this.options)},this.getWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getWeek?this.overrides.getWeek(n,this.options):B.getWeek(n,this.options)},this.isAfter=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isAfter?this.overrides.isAfter(n,r):B.isAfter(n,r)},this.isBefore=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isBefore?this.overrides.isBefore(n,r):B.isBefore(n,r)},this.isDate=n=>{var r;return(r=this.overrides)!=null&&r.isDate?this.overrides.isDate(n):B.isDate(n)},this.isSameDay=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameDay?this.overrides.isSameDay(n,r):B.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameMonth?this.overrides.isSameMonth(n,r):B.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameYear?this.overrides.isSameYear(n,r):B.isSameYear(n,r)},this.max=n=>{var r;return(r=this.overrides)!=null&&r.max?this.overrides.max(n):B.max(n)},this.min=n=>{var r;return(r=this.overrides)!=null&&r.min?this.overrides.min(n):B.min(n)},this.setMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setMonth?this.overrides.setMonth(n,r):B.setMonth(n,r)},this.setYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setYear?this.overrides.setYear(n,r):B.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfBroadcastWeek?this.overrides.startOfBroadcastWeek(n,this):Js(n,this)},this.startOfDay=n=>{var r;return(r=this.overrides)!=null&&r.startOfDay?this.overrides.startOfDay(n):B.startOfDay(n)},this.startOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.startOfISOWeek?this.overrides.startOfISOWeek(n):B.startOfISOWeek(n)},this.startOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.startOfMonth?this.overrides.startOfMonth(n):B.startOfMonth(n)},this.startOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfWeek?this.overrides.startOfWeek(n,this.options):B.startOfWeek(n,this.options)},this.startOfYear=n=>{var r;return(r=this.overrides)!=null&&r.startOfYear?this.overrides.startOfYear(n):B.startOfYear(n)},this.options={locale:Xs,...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 Ae=new Ge;class Qs{constructor(t,o,n=Ae){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 xm{constructor(t,o){this.date=t,this.weeks=o}}class ym{constructor(t,o){this.days=o,this.weekNumber=t}}function km(e){return d.createElement("button",{...e})}function vm(e){return d.createElement("span",{...e})}function wm(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 Cm(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function $m(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 R;(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"})(R||(R={}));var q;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(q||(q={}));var Se;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(Se||(Se={}));var le;(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"})(le||(le={}));function Sm(e){const{options:t,className:o,components:n,classNames:r,...s}=e,l=[r[R.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[R.DropdownRoot]},d.createElement(n.Select,{className:l,...s},t==null?void 0:t.map(({value:u,label:f,disabled:p})=>d.createElement(n.Option,{key:u,value:u,disabled:p},f))),d.createElement("span",{className:r[R.CaptionLabel],"aria-hidden":!0},a==null?void 0:a.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[R.Chevron]})))}function jm(e){return d.createElement("div",{...e})}function Tm(e){return d.createElement("div",{...e})}function Dm(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function Em(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function Mm(e){return d.createElement("table",{...e})}function zm(e){return d.createElement("div",{...e})}const ei=d.createContext(void 0);function Wt(){const e=d.useContext(ei);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function Om(e){const{components:t}=Wt();return d.createElement(t.Dropdown,{...e})}function Im(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:l,classNames:a,labels:{labelPrevious:u,labelNext:f}}=Wt(),p=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),g=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(l.PreviousMonthButton,{type:"button",className:a[R.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:g},d.createElement(l.Chevron,{disabled:n?void 0:!0,className:a[R.Chevron],orientation:"left"})),d.createElement(l.NextMonthButton,{type:"button",className:a[R.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":f(r),onClick:p},d.createElement(l.Chevron,{disabled:r?void 0:!0,orientation:"right",className:a[R.Chevron]})))}function Rm(e){const{components:t}=Wt();return d.createElement(t.Button,{...e})}function Nm(e){return d.createElement("option",{...e})}function Fm(e){const{components:t}=Wt();return d.createElement(t.Button,{...e})}function Am(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function _m(e){return d.createElement("select",{...e})}function Lm(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function Wm(e){return d.createElement("th",{...e})}function Bm(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function Pm(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function Hm(e){return d.createElement("th",{...e})}function Vm(e){return d.createElement("tbody",{...e})}function Gm(e){const{components:t}=Wt();return d.createElement(t.Dropdown,{...e})}const Um=Object.freeze(Object.defineProperty({__proto__:null,Button:km,CaptionLabel:vm,Chevron:wm,Day:Cm,DayButton:$m,Dropdown:Sm,DropdownNav:jm,Footer:Tm,Month:Dm,MonthCaption:Em,MonthGrid:Mm,Months:zm,MonthsDropdown:Om,Nav:Im,NextMonthButton:Rm,Option:Nm,PreviousMonthButton:Fm,Root:Am,Select:_m,Week:Lm,WeekNumber:Pm,WeekNumberHeader:Hm,Weekday:Wm,Weekdays:Bm,Weeks:Vm,YearsDropdown:Gm},Symbol.toStringTag,{value:"Module"}));function We(e,t,o=!1,n=Ae){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 ti(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function Sn(e){return!!(e&&typeof e=="object"&&"from"in e)}function oi(e){return!!(e&&typeof e=="object"&&"after"in e)}function ni(e){return!!(e&&typeof e=="object"&&"before"in e)}function ri(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function si(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Be(e,t,o=Ae){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(si(a,o))return a.includes(e);if(Sn(a))return We(a,e,!1,o);if(ri(a))return Array.isArray(a.dayOfWeek)?a.dayOfWeek.includes(e.getDay()):a.dayOfWeek===e.getDay();if(ti(a)){const u=s(a.before,e),f=s(a.after,e),p=u>0,g=f<0;return l(a.before,a.after)?g&&p:p||g}return oi(a)?s(e,a.after)>0:ni(a)?s(a.before,e)>0:typeof a=="function"?a(e):!1})}function Ym(e,t,o,n,r){const{disabled:s,hidden:l,modifiers:a,showOutsideDays:u,broadcastCalendar:f,today:p}=t,{isSameDay:g,isSameMonth:m,startOfMonth:x,isBefore:b,endOfMonth:y,isAfter:v}=r,w=o&&x(o),k=n&&y(n),$={[q.focused]:[],[q.outside]:[],[q.disabled]:[],[q.hidden]:[],[q.today]:[]},S={};for(const C of e){const{date:T,displayMonth:j}=C,D=!!(j&&!m(T,j)),L=!!(w&&b(T,w)),G=!!(k&&v(T,k)),H=!!(s&&Be(T,s,r)),X=!!(l&&Be(T,l,r))||L||G||!f&&!u&&D||f&&u===!1&&D,Ue=g(T,p??r.today());D&&$.outside.push(C),H&&$.disabled.push(C),X&&$.hidden.push(C),Ue&&$.today.push(C),a&&Object.keys(a).forEach(Ye=>{const Ke=a==null?void 0:a[Ye];Ke&&Be(T,Ke,r)&&(S[Ye]?S[Ye].push(C):S[Ye]=[C])})}return C=>{const T={[q.focused]:!1,[q.disabled]:!1,[q.hidden]:!1,[q.outside]:!1,[q.today]:!1},j={};for(const D in $){const L=$[D];T[D]=L.some(G=>G===C)}for(const D in S)j[D]=S[D].some(L=>L===C);return{...T,...j}}}function Km(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[q[s]]?r.push(t[q[s]]):t[Se[s]]&&r.push(t[Se[s]]),r),[t[R.Day]])}function qm(e){return{...Um,...e}}function Zm(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 Xm(){const e={};for(const t in R)e[R[t]]=`rdp-${R[t]}`;for(const t in q)e[q[t]]=`rdp-${q[t]}`;for(const t in Se)e[Se[t]]=`rdp-${Se[t]}`;for(const t in le)e[le[t]]=`rdp-${le[t]}`;return e}function ii(e,t,o){return(o??new Ge(t)).format(e,"LLLL y")}const Jm=ii;function Qm(e,t,o){return(o??new Ge(t)).format(e,"d")}function eb(e,t=Ae){return t.format(e,"LLLL")}function tb(e,t,o){return(o??new Ge(t)).format(e,"cccccc")}function ob(e,t=Ae){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function nb(){return""}function ai(e,t=Ae){return t.format(e,"yyyy")}const rb=ai,sb=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:ii,formatDay:Qm,formatMonthCaption:Jm,formatMonthDropdown:eb,formatWeekNumber:ob,formatWeekNumberHeader:nb,formatWeekdayName:tb,formatYearCaption:rb,formatYearDropdown:ai},Symbol.toStringTag,{value:"Module"}));function ib(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...sb,...e}}function ab(e,t,o,n,r){const{startOfMonth:s,startOfYear:l,endOfYear:a,eachMonthOfInterval:u,getMonth:f}=r;return u({start:l(e),end:a(e)}).map(m=>{const x=n.formatMonthDropdown(m,r),b=f(m),y=t&&m<s(t)||o&&m>s(o)||!1;return{value:b,label:x,disabled:y}})}function lb(e,t={},o={}){let n={...t==null?void 0:t[R.Day]};return Object.entries(e).filter(([,r])=>r===!0).forEach(([r])=>{n={...n,...o==null?void 0:o[r]}}),n}function cb(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 db(e,t,o,n,r=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:l,addYears:a,getYear:u,isBefore:f,isSameYear:p}=n,g=s(e),m=l(t),x=[];let b=g;for(;f(b,m)||p(b,m);)x.push(b),b=a(b,1);return r&&x.reverse(),x.map(y=>{const v=o.formatYearDropdown(y,n);return{value:u(y),label:v,disabled:!1}})}function li(e,t,o,n){let r=(n??new Ge(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const ub=li;function ci(e,t,o){return(o??new Ge(t)).format(e,"LLLL y")}const fb=ci;function pb(e,t,o,n){let r=(n??new Ge(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function gb(e){return"Choose the Month"}function hb(){return""}function mb(e){return"Go to the Next Month"}function bb(e){return"Go to the Previous Month"}function xb(e,t,o){return(o??new Ge(t)).format(e,"cccc")}function yb(e,t){return`Week ${e}`}function kb(e){return"Week Number"}function vb(e){return"Choose the Year"}const wb=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:fb,labelDay:ub,labelDayButton:li,labelGrid:ci,labelGridcell:pb,labelMonthDropdown:gb,labelNav:hb,labelNext:mb,labelPrevious:bb,labelWeekNumber:yb,labelWeekNumberHeader:kb,labelWeekday:xb,labelYearDropdown:vb},Symbol.toStringTag,{value:"Module"})),Bt=e=>e instanceof HTMLElement?e:null,Eo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],Cb=e=>Bt(e.querySelector("[data-animated-month]")),Mo=e=>Bt(e.querySelector("[data-animated-caption]")),zo=e=>Bt(e.querySelector("[data-animated-weeks]")),$b=e=>Bt(e.querySelector("[data-animated-nav]")),Sb=e=>Bt(e.querySelector("[data-animated-weekdays]"));function jb(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 f=a.current;if(a.current=n,!t||!e.current||!(e.current instanceof HTMLElement)||n.length===0||f.length===0||n.length!==f.length)return;const p=s.isSameMonth(n[0].date,f[0].date),g=s.isAfter(n[0].date,f[0].date),m=g?o[le.caption_after_enter]:o[le.caption_before_enter],x=g?o[le.weeks_after_enter]:o[le.weeks_before_enter],b=l.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(Eo(y).forEach($=>{if(!($ instanceof HTMLElement))return;const S=Cb($);S&&$.contains(S)&&$.removeChild(S);const C=Mo($);C&&C.classList.remove(m);const T=zo($);T&&T.classList.remove(x)}),l.current=y):l.current=null,u.current||p||r)return;const v=b instanceof HTMLElement?Eo(b):[],w=Eo(e.current);if(w!=null&&w.every(k=>k instanceof HTMLElement)&&v&&v.every(k=>k instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const k=$b(e.current);k&&(k.style.zIndex="1"),w.forEach(($,S)=>{const C=v[S];if(!C)return;$.style.position="relative",$.style.overflow="hidden";const T=Mo($);T&&T.classList.add(m);const j=zo($);j&&j.classList.add(x);const D=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),k&&(k.style.zIndex=""),T&&T.classList.remove(m),j&&j.classList.remove(x),$.style.position="",$.style.overflow="",$.contains(C)&&$.removeChild(C)};C.style.pointerEvents="none",C.style.position="absolute",C.style.overflow="hidden",C.setAttribute("aria-hidden","true");const L=Sb(C);L&&(L.style.opacity="0");const G=Mo(C);G&&(G.classList.add(g?o[le.caption_before_exit]:o[le.caption_after_exit]),G.addEventListener("animationend",D));const H=zo(C);H&&H.classList.add(g?o[le.weeks_before_exit]:o[le.weeks_after_exit]),$.insertBefore(C,$.firstChild)})}})}function Tb(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:l,fixedWeeks:a,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:p,differenceInCalendarMonths:g,endOfBroadcastWeek:m,endOfISOWeek:x,endOfMonth:b,endOfWeek:y,isAfter:v,startOfBroadcastWeek:w,startOfISOWeek:k,startOfWeek:$}=n,S=u?w(r,n):l?k(r):$(r),C=u?m(s):l?x(b(s)):y(b(s)),T=p(C,S),j=g(s,r)+1,D=[];for(let H=0;H<=T;H++){const X=f(S,H);if(t&&v(X,t))break;D.push(X)}const G=(u?35:42)*j;if(a&&D.length<G){const H=G-D.length;for(let X=0;X<H;X++){const Ue=f(D[D.length-1],1);D.push(Ue)}}return D}function Db(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 Eb(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 sr(e,t,o,n){const{month:r,defaultMonth:s,today:l=n.today(),numberOfMonths:a=1}=e;let u=r||s||l;const{differenceInCalendarMonths:f,addMonths:p,startOfMonth:g}=n;if(o&&f(o,u)<a-1){const m=-1*(a-1);u=p(o,m)}return t&&f(u,t)<0&&(u=t),g(u)}function Mb(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:l,endOfMonth:a,endOfWeek:u,getISOWeek:f,getWeek:p,startOfBroadcastWeek:g,startOfISOWeek:m,startOfWeek:x}=n,b=e.reduce((y,v)=>{const w=o.broadcastCalendar?g(v,n):o.ISOWeek?m(v):x(v),k=o.broadcastCalendar?s(v):o.ISOWeek?l(a(v)):u(a(v)),$=t.filter(j=>j>=w&&j<=k),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&$.length<S){const j=t.filter(D=>{const L=S-$.length;return D>k&&D<=r(k,L)});$.push(...j)}const C=$.reduce((j,D)=>{const L=o.ISOWeek?f(D):p(D),G=j.find(X=>X.weekNumber===L),H=new Qs(D,v,n);return G?G.days.push(H):j.push(new ym(L,[H])),j},[]),T=new xm(v,C);return y.push(T),y},[]);return o.reverseMonths?b.reverse():b}function zb(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:l,endOfMonth:a,addYears:u,endOfYear:f,newDate:p,today:g}=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 v=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=l(o):m?o=p(m,0,1):!o&&v&&(o=r(u(e.today??g(),-100))),n?n=a(n):x?n=p(x,11,31):!n&&v&&(n=f(e.today??g())),[o&&s(o),n&&s(n)]}function Ob(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s:1,p=l(e);if(!t)return a(p,f);if(!(u(t,e)<s))return a(p,f)}function Ib(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s??1:1,p=l(e);if(!t)return a(p,-f);if(!(u(p,t)<=0))return a(p,-f)}function Rb(e){const t=[];return e.reduce((o,n)=>o.concat(n.weeks.slice()),t.slice())}function go(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function Nb(e,t){const[o,n]=zb(e,t),{startOfMonth:r,endOfMonth:s}=t,l=sr(e,o,n,t),[a,u]=go(l,e.month?l:void 0);d.useEffect(()=>{const T=sr(e,o,n,t);u(T)},[e.timeZone]);const f=Eb(a,n,e,t),p=Tb(f,e.endMonth?s(e.endMonth):void 0,e,t),g=Mb(f,p,e,t),m=Rb(g),x=Db(g),b=Ib(a,o,e,t),y=Ob(a,n,e,t),{disableNavigation:v,onMonthChange:w}=e,k=T=>m.some(j=>j.days.some(D=>D.isEqualTo(T))),$=T=>{if(v)return;let j=r(T);o&&j<r(o)&&(j=r(o)),n&&j>r(n)&&(j=r(n)),u(j),w==null||w(j)};return{months:g,weeks:m,days:x,navStart:o,navEnd:n,previousMonth:b,nextMonth:y,goToMonth:$,goToDay:T=>{k(T)||$(T.date)}}}var Ee;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(Ee||(Ee={}));function ir(e){return!e[q.disabled]&&!e[q.hidden]&&!e[q.outside]}function Fb(e,t,o,n){let r,s=-1;for(const l of e){const a=t(l);ir(a)&&(a[q.focused]&&s<Ee.FocusedModifier?(r=l,s=Ee.FocusedModifier):n!=null&&n.isEqualTo(l)&&s<Ee.LastFocused?(r=l,s=Ee.LastFocused):o(l.date)&&s<Ee.Selected?(r=l,s=Ee.Selected):a[q.today]&&s<Ee.Today&&(r=l,s=Ee.Today))}return r||(r=e.find(l=>ir(t(l)))),r}function Ab(e,t,o,n,r,s,l){const{ISOWeek:a,broadcastCalendar:u}=s,{addDays:f,addMonths:p,addWeeks:g,addYears:m,endOfBroadcastWeek:x,endOfISOWeek:b,endOfWeek:y,max:v,min:w,startOfBroadcastWeek:k,startOfISOWeek:$,startOfWeek:S}=l;let T={day:f,week:g,month:p,year:m,startOfWeek:j=>u?k(j,l):a?$(j):S(j),endOfWeek:j=>u?x(j):a?b(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&n?T=v([n,T]):t==="after"&&r&&(T=w([r,T])),T}function di(e,t,o,n,r,s,l,a=0){if(a>365)return;const u=Ab(e,t,o.date,n,r,s,l),f=!!(s.disabled&&Be(u,s.disabled,l)),p=!!(s.hidden&&Be(u,s.hidden,l)),g=u,m=new Qs(u,g,l);return!f&&!p?m:di(e,t,m,n,r,s,l,a+1)}function _b(e,t,o,n,r){const{autoFocus:s}=e,[l,a]=d.useState(),u=Fb(t.days,o,n||(()=>!1),l),[f,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:f,blur:()=>{a(f),p(void 0)},moveFocus:(y,v)=>{if(!f)return;const w=di(y,v,f,t.navStart,t.navEnd,e,r);w&&(t.goToDay(w),p(w))}}}function Lb(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=go(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t,f=x=>(a==null?void 0:a.some(b=>u(b,x)))??!1,{min:p,max:g}=e;return{selected:a,select:(x,b,y)=>{let v=[...a??[]];if(f(x)){if((a==null?void 0:a.length)===p||n&&(a==null?void 0:a.length)===1)return;v=a==null?void 0:a.filter(w=>!u(w,x))}else(a==null?void 0:a.length)===g?v=[x]:v=[...v,x];return r||l(v),r==null||r(v,x,b,y),v},isSelected:f}}function Wb(e,t,o=0,n=0,r=!1,s=Ae){const{from:l,to:a}=t||{},{isSameDay:u,isAfter:f,isBefore:p}=s;let g;if(!l&&!a)g={from:e,to:o>0?void 0:e};else if(l&&!a)u(l,e)?o===0?g={from:l,to:e}:r?g={from:l,to:void 0}:g=void 0:p(e,l)?g={from:e,to:l}:g={from:l,to:e};else if(l&&a)if(u(l,e)&&u(a,e))r?g={from:l,to:a}:g=void 0;else if(u(l,e))g={from:l,to:o>0?void 0:e};else if(u(a,e))g={from:e,to:o>0?void 0:e};else if(p(e,l))g={from:e,to:a};else if(f(e,l))g={from:l,to:e};else if(f(e,a))g={from:l,to:e};else throw new Error("Invalid range");if(g!=null&&g.from&&(g!=null&&g.to)){const m=s.differenceInCalendarDays(g.to,g.from);n>0&&m>n?g={from:e,to:void 0}:o>1&&m<o&&(g={from:e,to:void 0})}return g}function Bb(e,t,o=Ae){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 ar(e,t,o=Ae){return We(e,t.from,!1,o)||We(e,t.to,!1,o)||We(t,e.from,!1,o)||We(t,e.to,!1,o)}function Pb(e,t,o=Ae){const n=Array.isArray(t)?t:[t];if(n.filter(a=>typeof a!="function").some(a=>typeof a=="boolean"?a:o.isDate(a)?We(e,a,!1,o):si(a,o)?a.some(u=>We(e,u,!1,o)):Sn(a)?a.from&&a.to?ar(e,{from:a.from,to:a.to},o):!1:ri(a)?Bb(e,a.dayOfWeek,o):ti(a)?o.isAfter(a.before,a.after)?ar(e,{from:o.addDays(a.after,1),to:o.addDays(a.before,-1)},o):Be(e.from,a,o)||Be(e.to,a,o):oi(a)||ni(a)?Be(e.from,a,o)||Be(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 f=0;f<=u;f++){if(l.some(p=>p(a)))return!0;a=o.addDays(a,1)}}return!1}function Hb(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:l}=e,[a,u]=go(r,l?r:void 0),f=l?r:a;return{selected:f,select:(m,x,b)=>{const{min:y,max:v}=e,w=m?Wb(m,f,y,v,s,t):void 0;return n&&o&&(w!=null&&w.from)&&w.to&&Pb({from:w.from,to:w.to},o,t)&&(w.from=m,w.to=void 0),l||u(w),l==null||l(w,m,x,b),w},isSelected:m=>f&&We(f,m,!1,t)}}function Vb(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=go(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t;return{selected:a,select:(g,m,x)=>{let b=g;return!n&&a&&a&&u(g,a)&&(b=void 0),r||l(b),r==null||r(b,g,m,x),b},isSelected:g=>a?u(a,g):!1}}function Gb(e,t){const o=Vb(e,t),n=Lb(e,t),r=Hb(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function Ub(e){var zn;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new te(t.today,t.timeZone)),t.month&&(t.month=new te(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new te(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new te(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new te(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new te(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(zn=t.selected)==null?void 0:zn.map(_=>new te(_,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new te(t.selected.from,t.timeZone):void 0,to:t.selected.to?new te(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:n,labels:r,dateLib:s,locale:l,classNames:a}=d.useMemo(()=>{const _={...Xs,...t.locale};return{dateLib:new Ge({locale:_,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:qm(t.components),formatters:ib(t.formatters),labels:{...wb,...t.labels},locale:_,classNames:{...Xm(),...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:f,navLayout:p,numberOfMonths:g=1,onDayBlur:m,onDayClick:x,onDayFocus:b,onDayKeyDown:y,onDayMouseEnter:v,onDayMouseLeave:w,onNextClick:k,onPrevClick:$,showWeekNumber:S,styles:C}=t,{formatCaption:T,formatDay:j,formatMonthDropdown:D,formatWeekNumber:L,formatWeekNumberHeader:G,formatWeekdayName:H,formatYearDropdown:X}=n,Ue=Nb(t,s),{days:Ye,months:Ke,navStart:rt,navEnd:yt,previousMonth:se,nextMonth:ie,goToMonth:Z}=Ue,st=Ym(Ye,t,rt,yt,s),{isSelected:kt,select:vt,selected:Pt}=Gb(t,s)??{},{blur:jn,focused:Ht,isFocusTarget:fi,moveFocus:Tn,setFocused:Vt}=_b(t,Ue,st,kt??(()=>!1),s),{labelDayButton:pi,labelGridcell:gi,labelGrid:hi,labelMonthDropdown:mi,labelNav:Dn,labelPrevious:bi,labelNext:xi,labelWeekday:yi,labelWeekNumber:ki,labelWeekNumberHeader:vi,labelYearDropdown:wi}=r,Ci=d.useMemo(()=>cb(s,t.ISOWeek),[s,t.ISOWeek]),En=f!==void 0||x!==void 0,ho=d.useCallback(()=>{se&&(Z(se),$==null||$(se))},[se,Z,$]),mo=d.useCallback(()=>{ie&&(Z(ie),k==null||k(ie))},[Z,ie,k]),$i=d.useCallback((_,U)=>A=>{A.preventDefault(),A.stopPropagation(),Vt(_),vt==null||vt(_.date,U,A),x==null||x(_.date,U,A)},[vt,x,Vt]),Si=d.useCallback((_,U)=>A=>{Vt(_),b==null||b(_.date,U,A)},[b,Vt]),ji=d.useCallback((_,U)=>A=>{jn(),m==null||m(_.date,U,A)},[jn,m]),Ti=d.useCallback((_,U)=>A=>{const Y={ArrowLeft:[A.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[A.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[A.shiftKey?"year":"week","after"],ArrowUp:[A.shiftKey?"year":"week","before"],PageUp:[A.shiftKey?"year":"month","before"],PageDown:[A.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(Y[A.key]){A.preventDefault(),A.stopPropagation();const[ce,W]=Y[A.key];Tn(ce,W)}y==null||y(_.date,U,A)},[Tn,y,t.dir]),Di=d.useCallback((_,U)=>A=>{v==null||v(_.date,U,A)},[v]),Ei=d.useCallback((_,U)=>A=>{w==null||w(_.date,U,A)},[w]),Mi=d.useCallback(_=>U=>{const A=Number(U.target.value),Y=s.setMonth(s.startOfMonth(_),A);Z(Y)},[s,Z]),zi=d.useCallback(_=>U=>{const A=Number(U.target.value),Y=s.setYear(s.startOfMonth(_),A);Z(Y)},[s,Z]),{className:Oi,style:Ii}=d.useMemo(()=>({className:[a[R.Root],t.className].filter(Boolean).join(" "),style:{...C==null?void 0:C[R.Root],...t.style}}),[a,t.className,t.style,C]),Ri=Zm(t),Mn=d.useRef(null);jb(Mn,!!t.animate,{classNames:a,months:Ke,focused:Ht,dateLib:s});const Ni={dayPickerProps:t,selected:Pt,select:vt,isSelected:kt,months:Ke,nextMonth:ie,previousMonth:se,goToMonth:Z,getModifiers:st,components:o,classNames:a,styles:C,labels:r,formatters:n};return d.createElement(ei.Provider,{value:Ni},d.createElement(o.Root,{rootRef:t.animate?Mn:void 0,className:Oi,style:Ii,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Ri},d.createElement(o.Months,{className:a[R.Months],style:C==null?void 0:C[R.Months]},!t.hideNavigation&&!p&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[R.Nav],style:C==null?void 0:C[R.Nav],"aria-label":Dn(),onPreviousClick:ho,onNextClick:mo,previousMonth:se,nextMonth:ie}),Ke.map((_,U)=>d.createElement(o.Month,{"data-animated-month":t.animate?"true":void 0,className:a[R.Month],style:C==null?void 0:C[R.Month],key:U,displayIndex:U,calendarMonth:_},p==="around"&&!t.hideNavigation&&U===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:a[R.PreviousMonthButton],tabIndex:se?void 0:-1,"aria-disabled":se?void 0:!0,"aria-label":bi(se),onClick:ho,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:se?void 0:!0,className:a[R.Chevron],orientation:t.dir==="rtl"?"right":"left"})),d.createElement(o.MonthCaption,{"data-animated-caption":t.animate?"true":void 0,className:a[R.MonthCaption],style:C==null?void 0:C[R.MonthCaption],calendarMonth:_,displayIndex:U},u!=null&&u.startsWith("dropdown")?d.createElement(o.DropdownNav,{className:a[R.Dropdowns],style:C==null?void 0:C[R.Dropdowns]},u==="dropdown"||u==="dropdown-months"?d.createElement(o.MonthsDropdown,{className:a[R.MonthsDropdown],"aria-label":mi(),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Mi(_.date),options:ab(_.date,rt,yt,n,s),style:C==null?void 0:C[R.Dropdown],value:s.getMonth(_.date)}):d.createElement("span",null,D(_.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:a[R.YearsDropdown],"aria-label":wi(s.options),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:zi(_.date),options:db(rt,yt,n,s,!!t.reverseYears),style:C==null?void 0:C[R.Dropdown],value:s.getYear(_.date)}):d.createElement("span",null,X(_.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"}},T(_.date,s.options,s))):d.createElement(o.CaptionLabel,{className:a[R.CaptionLabel],role:"status","aria-live":"polite"},T(_.date,s.options,s))),p==="around"&&!t.hideNavigation&&U===g-1&&d.createElement(o.NextMonthButton,{type:"button",className:a[R.NextMonthButton],tabIndex:ie?void 0:-1,"aria-disabled":ie?void 0:!0,"aria-label":xi(ie),onClick:mo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ie?void 0:!0,className:a[R.Chevron],orientation:t.dir==="rtl"?"left":"right"})),U===g-1&&p==="after"&&!t.hideNavigation&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[R.Nav],style:C==null?void 0:C[R.Nav],"aria-label":Dn(),onPreviousClick:ho,onNextClick:mo,previousMonth:se,nextMonth:ie}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":f==="multiple"||f==="range","aria-label":hi(_.date,s.options,s)||void 0,className:a[R.MonthGrid],style:C==null?void 0:C[R.MonthGrid]},!t.hideWeekdays&&d.createElement(o.Weekdays,{"data-animated-weekdays":t.animate?"true":void 0,className:a[R.Weekdays],style:C==null?void 0:C[R.Weekdays]},S&&d.createElement(o.WeekNumberHeader,{"aria-label":vi(s.options),className:a[R.WeekNumberHeader],style:C==null?void 0:C[R.WeekNumberHeader],scope:"col"},G()),Ci.map(A=>d.createElement(o.Weekday,{"aria-label":yi(A,s.options,s),className:a[R.Weekday],key:String(A),style:C==null?void 0:C[R.Weekday],scope:"col"},H(A,s.options,s)))),d.createElement(o.Weeks,{"data-animated-weeks":t.animate?"true":void 0,className:a[R.Weeks],style:C==null?void 0:C[R.Weeks]},_.weeks.map(A=>d.createElement(o.Week,{className:a[R.Week],key:A.weekNumber,style:C==null?void 0:C[R.Week],week:A},S&&d.createElement(o.WeekNumber,{week:A,style:C==null?void 0:C[R.WeekNumber],"aria-label":ki(A.weekNumber,{locale:l}),className:a[R.WeekNumber],scope:"row",role:"rowheader"},L(A.weekNumber,s)),A.days.map(Y=>{const{date:ce}=Y,W=st(Y);if(W[q.focused]=!W.hidden&&!!(Ht!=null&&Ht.isEqualTo(Y)),W[Se.selected]=(kt==null?void 0:kt(ce))||W.selected,Sn(Pt)){const{from:bo,to:xo}=Pt;W[Se.range_start]=!!(bo&&xo&&s.isSameDay(ce,bo)),W[Se.range_end]=!!(bo&&xo&&s.isSameDay(ce,xo)),W[Se.range_middle]=We(Pt,ce,!0,s)}const Fi=lb(W,C,t.modifiersStyles),Ai=Km(W,a,t.modifiersClassNames),_i=!En&&!W.hidden?gi(ce,W,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(ce,"yyyy-MM-dd")}_${s.format(Y.displayMonth,"yyyy-MM")}`,day:Y,modifiers:W,className:Ai.join(" "),style:Fi,role:"gridcell","aria-selected":W.selected||void 0,"aria-label":_i,"data-day":s.format(ce,"yyyy-MM-dd"),"data-month":Y.outside?s.format(ce,"yyyy-MM"):void 0,"data-selected":W.selected||void 0,"data-disabled":W.disabled||void 0,"data-hidden":W.hidden||void 0,"data-outside":Y.outside||void 0,"data-focused":W.focused||void 0,"data-today":W.today||void 0},!W.hidden&&En?d.createElement(o.DayButton,{className:a[R.DayButton],style:C==null?void 0:C[R.DayButton],type:"button",day:Y,modifiers:W,disabled:W.disabled||void 0,tabIndex:fi(Y)?0:-1,"aria-label":pi(ce,W,s.options,s),onClick:$i(Y,W),onBlur:ji(Y,W),onFocus:Si(Y,W),onKeyDown:Ti(Y,W),onMouseEnter:Di(Y,W),onMouseLeave:Ei(Y,W)},j(ce,s.options,s)):!W.hidden&&j(Y.date,s.options,s))})))))))),t.footer&&d.createElement(o.Footer,{className:a[R.Footer],style:C==null?void 0:C[R.Footer],role:"status","aria-live":"polite"},t.footer)))}const Yb=d.memo(({...e})=>i.jsx(Kb,{mode:"single",...e})),Kb=h(Ub)`
2793
+ `;function Vg(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 To={},Dt={};function ot(e,t){try{const n=(To[e]||(To[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return n in Dt?Dt[n]:nr(n,n.split(":"))}catch{if(e in Dt)return Dt[e];const o=e==null?void 0:e.match(Gg);return o?nr(e,o.slice(1)):NaN}}const Gg=/([+-]\d\d):?(\d\d)?/;function nr(e,t){const o=+(t[0]||0),n=+(t[1]||0),r=+(t[2]||0)/60;return Dt[e]=o*60+n>0?o*60+n+r:o*60-n-r}class Ne extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(ot(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)),oi(this),Go(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Ne(...o,t):new Ne(Date.now(),t)}withTimeZone(t){return new Ne(+this,t)}getTimezoneOffset(){const t=-ot(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),Go(this),+this}[Symbol.for("constructDateFrom")](t){return new Ne(+new Date(t),this.timeZone)}}const rr=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!rr.test(e))return;const t=e.replace(rr,"$1UTC");Ne.prototype[t]&&(e.startsWith("get")?Ne.prototype[e]=function(){return this.internal[t]()}:(Ne.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),Ug(this),+this},Ne.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),Go(this),+this}))});function Go(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-ot(e.timeZone,e)*60))}function Ug(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()),oi(e)}function oi(e){const t=ot(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 f=new Date(+e);f.setUTCSeconds(0);const p=r>0?f.getSeconds():(f.getSeconds()-60)%60,h=Math.round(-(ot(e.timeZone,e)*60))%60;(h||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+h),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+h+p));const g=ot(e.timeZone,e),x=g>0?Math.floor(g):Math.ceil(g),y=-new Date(+e).getTimezoneOffset()-x,v=x!==o,$=y-u;if(v&&$){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+$);const C=ot(e.timeZone,e),w=C>0?Math.floor(C):Math.ceil(C),S=x-w;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class re extends Ne{static tz(t,...o){return o.length?new re(...o,t):new re(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} (${Vg(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 re(+this,t)}[Symbol.for("constructDateFrom")](t){return new re(+new Date(t),this.timeZone)}}const Yg={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"}},Kg=(e,t,o)=>{let n;const r=Yg[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 Do(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const qg={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Zg={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Xg={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Jg={date:Do({formats:qg,defaultWidth:"full"}),time:Do({formats:Zg,defaultWidth:"full"}),dateTime:Do({formats:Xg,defaultWidth:"full"})},Qg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},em=(e,t,o,n)=>Qg[e];function jt(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 tm={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},om={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},nm={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"]},rm={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"]},sm={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"}},im={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"}},am=(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"},lm={ordinalNumber:am,era:jt({values:tm,defaultWidth:"wide"}),quarter:jt({values:om,defaultWidth:"wide",argumentCallback:e=>e-1}),month:jt({values:nm,defaultWidth:"wide"}),day:jt({values:rm,defaultWidth:"wide"}),dayPeriod:jt({values:sm,defaultWidth:"wide",formattingValues:im,defaultFormattingWidth:"wide"})};function Tt(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)?dm(a,h=>h.test(l)):cm(a,h=>h.test(l));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const p=t.slice(l.length);return{value:f,rest:p}}}function cm(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function dm(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function um(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 fm=/^(\d+)(th|st|nd|rd)?/i,pm=/\d+/i,hm={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},gm={any:[/^b/i,/^(a|c)/i]},mm={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},bm={any:[/1/i,/2/i,/3/i,/4/i]},xm={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},ym={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]},km={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},vm={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]},wm={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},Cm={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}},$m={ordinalNumber:um({matchPattern:fm,parsePattern:pm,valueCallback:e=>parseInt(e,10)}),era:Tt({matchPatterns:hm,defaultMatchWidth:"wide",parsePatterns:gm,defaultParseWidth:"any"}),quarter:Tt({matchPatterns:mm,defaultMatchWidth:"wide",parsePatterns:bm,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Tt({matchPatterns:xm,defaultMatchWidth:"wide",parsePatterns:ym,defaultParseWidth:"any"}),day:Tt({matchPatterns:km,defaultMatchWidth:"wide",parsePatterns:vm,defaultParseWidth:"any"}),dayPeriod:Tt({matchPatterns:wm,defaultMatchWidth:"any",parsePatterns:Cm,defaultParseWidth:"any"})},ni={code:"en-US",formatDistance:Kg,formatLong:Jg,formatRelative:em,localize:lm,match:$m,options:{weekStartsOn:0,firstWeekContainsDate:1}},sr=5,Sm=4;function jm(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,sr*7-1);return t.getMonth(e)===t.getMonth(s)?sr:Sm}function ri(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 Tm(e,t){const o=ri(e,t),n=jm(e,t);return t.addDays(o,n*7-1)}class Ke{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?re.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 re(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):Tm(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):ri(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:ni,...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 We=new Ke;class si{constructor(t,o,n=We){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 Dm{constructor(t,o){this.date=t,this.weeks=o}}class Mm{constructor(t,o){this.days=o,this.weekNumber=t}}function Em(e){return d.createElement("button",{...e})}function Om(e){return d.createElement("span",{...e})}function zm(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 Im(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function Rm(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 Q;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(Q||(Q={}));var De;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(De||(De={}));var ue;(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"})(ue||(ue={}));function Nm(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:f,disabled:p})=>d.createElement(n.Option,{key:u,value:u,disabled:p},f))),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 Fm(e){return d.createElement("div",{...e})}function Am(e){return d.createElement("div",{...e})}function _m(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function Lm(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function Wm(e){return d.createElement("table",{...e})}function Bm(e){return d.createElement("div",{...e})}const ii=d.createContext(void 0);function Bt(){const e=d.useContext(ii);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function Pm(e){const{components:t}=Bt();return d.createElement(t.Dropdown,{...e})}function Hm(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:l,classNames:a,labels:{labelPrevious:u,labelNext:f}}=Bt(),p=d.useCallback(g=>{r&&(o==null||o(g))},[r,o]),h=d.useCallback(g=>{n&&(t==null||t(g))},[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:h},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":f(r),onClick:p},d.createElement(l.Chevron,{disabled:r?void 0:!0,orientation:"right",className:a[A.Chevron]})))}function Vm(e){const{components:t}=Bt();return d.createElement(t.Button,{...e})}function Gm(e){return d.createElement("option",{...e})}function Um(e){const{components:t}=Bt();return d.createElement(t.Button,{...e})}function Ym(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function Km(e){return d.createElement("select",{...e})}function qm(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function Zm(e){return d.createElement("th",{...e})}function Xm(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function Jm(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function Qm(e){return d.createElement("th",{...e})}function eb(e){return d.createElement("tbody",{...e})}function tb(e){const{components:t}=Bt();return d.createElement(t.Dropdown,{...e})}const ob=Object.freeze(Object.defineProperty({__proto__:null,Button:Em,CaptionLabel:Om,Chevron:zm,Day:Im,DayButton:Rm,Dropdown:Nm,DropdownNav:Fm,Footer:Am,Month:_m,MonthCaption:Lm,MonthGrid:Wm,Months:Bm,MonthsDropdown:Pm,Nav:Hm,NextMonthButton:Vm,Option:Gm,PreviousMonthButton:Um,Root:Ym,Select:Km,Week:qm,WeekNumber:Jm,WeekNumberHeader:Qm,Weekday:Zm,Weekdays:Xm,Weeks:eb,YearsDropdown:tb},Symbol.toStringTag,{value:"Module"}));function He(e,t,o=!1,n=We){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 ai(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function jn(e){return!!(e&&typeof e=="object"&&"from"in e)}function li(e){return!!(e&&typeof e=="object"&&"after"in e)}function ci(e){return!!(e&&typeof e=="object"&&"before"in e)}function di(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function ui(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Ve(e,t,o=We){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(ui(a,o))return a.includes(e);if(jn(a))return He(a,e,!1,o);if(di(a))return Array.isArray(a.dayOfWeek)?a.dayOfWeek.includes(e.getDay()):a.dayOfWeek===e.getDay();if(ai(a)){const u=s(a.before,e),f=s(a.after,e),p=u>0,h=f<0;return l(a.before,a.after)?h&&p:p||h}return li(a)?s(e,a.after)>0:ci(a)?s(a.before,e)>0:typeof a=="function"?a(e):!1})}function nb(e,t,o,n,r){const{disabled:s,hidden:l,modifiers:a,showOutsideDays:u,broadcastCalendar:f,today:p}=t,{isSameDay:h,isSameMonth:g,startOfMonth:x,isBefore:b,endOfMonth:y,isAfter:v}=r,$=o&&x(o),C=n&&y(n),w={[Q.focused]:[],[Q.outside]:[],[Q.disabled]:[],[Q.hidden]:[],[Q.today]:[]},S={};for(const k of e){const{date:T,displayMonth:j}=k,D=!!(j&&!g(T,j)),_=!!($&&b(T,$)),G=!!(C&&v(T,C)),R=!!(s&&Ve(T,s,r)),N=!!(l&&Ve(T,l,r))||_||G||!f&&!u&&D||f&&u===!1&&D,q=h(T,p??r.today());D&&w.outside.push(k),R&&w.disabled.push(k),N&&w.hidden.push(k),q&&w.today.push(k),a&&Object.keys(a).forEach(oe=>{const te=a==null?void 0:a[oe];te&&Ve(T,te,r)&&(S[oe]?S[oe].push(k):S[oe]=[k])})}return k=>{const T={[Q.focused]:!1,[Q.disabled]:!1,[Q.hidden]:!1,[Q.outside]:!1,[Q.today]:!1},j={};for(const D in w){const _=w[D];T[D]=_.some(G=>G===k)}for(const D in S)j[D]=S[D].some(_=>_===k);return{...T,...j}}}function rb(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[Q[s]]?r.push(t[Q[s]]):t[De[s]]&&r.push(t[De[s]]),r),[t[A.Day]])}function sb(e){return{...ob,...e}}function ib(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 ab(){const e={};for(const t in A)e[A[t]]=`rdp-${A[t]}`;for(const t in Q)e[Q[t]]=`rdp-${Q[t]}`;for(const t in De)e[De[t]]=`rdp-${De[t]}`;for(const t in ue)e[ue[t]]=`rdp-${ue[t]}`;return e}function fi(e,t,o){return(o??new Ke(t)).format(e,"LLLL y")}const lb=fi;function cb(e,t,o){return(o??new Ke(t)).format(e,"d")}function db(e,t=We){return t.format(e,"LLLL")}function ub(e,t,o){return(o??new Ke(t)).format(e,"cccccc")}function fb(e,t=We){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function pb(){return""}function pi(e,t=We){return t.format(e,"yyyy")}const hb=pi,gb=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:fi,formatDay:cb,formatMonthCaption:lb,formatMonthDropdown:db,formatWeekNumber:fb,formatWeekNumberHeader:pb,formatWeekdayName:ub,formatYearCaption:hb,formatYearDropdown:pi},Symbol.toStringTag,{value:"Module"}));function mb(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...gb,...e}}function bb(e,t,o,n,r){const{startOfMonth:s,startOfYear:l,endOfYear:a,eachMonthOfInterval:u,getMonth:f}=r;return u({start:l(e),end:a(e)}).map(g=>{const x=n.formatMonthDropdown(g,r),b=f(g),y=t&&g<s(t)||o&&g>s(o)||!1;return{value:b,label:x,disabled:y}})}function xb(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 yb(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 kb(e,t,o,n,r=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:l,addYears:a,getYear:u,isBefore:f,isSameYear:p}=n,h=s(e),g=l(t),x=[];let b=h;for(;f(b,g)||p(b,g);)x.push(b),b=a(b,1);return r&&x.reverse(),x.map(y=>{const v=o.formatYearDropdown(y,n);return{value:u(y),label:v,disabled:!1}})}function hi(e,t,o,n){let r=(n??new Ke(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const vb=hi;function gi(e,t,o){return(o??new Ke(t)).format(e,"LLLL y")}const wb=gi;function Cb(e,t,o,n){let r=(n??new Ke(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function $b(e){return"Choose the Month"}function Sb(){return""}function jb(e){return"Go to the Next Month"}function Tb(e){return"Go to the Previous Month"}function Db(e,t,o){return(o??new Ke(t)).format(e,"cccc")}function Mb(e,t){return`Week ${e}`}function Eb(e){return"Week Number"}function Ob(e){return"Choose the Year"}const zb=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:wb,labelDay:vb,labelDayButton:hi,labelGrid:gi,labelGridcell:Cb,labelMonthDropdown:$b,labelNav:Sb,labelNext:jb,labelPrevious:Tb,labelWeekNumber:Mb,labelWeekNumberHeader:Eb,labelWeekday:Db,labelYearDropdown:Ob},Symbol.toStringTag,{value:"Module"})),Pt=e=>e instanceof HTMLElement?e:null,Mo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],Ib=e=>Pt(e.querySelector("[data-animated-month]")),Eo=e=>Pt(e.querySelector("[data-animated-caption]")),Oo=e=>Pt(e.querySelector("[data-animated-weeks]")),Rb=e=>Pt(e.querySelector("[data-animated-nav]")),Nb=e=>Pt(e.querySelector("[data-animated-weekdays]"));function Fb(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 f=a.current;if(a.current=n,!t||!e.current||!(e.current instanceof HTMLElement)||n.length===0||f.length===0||n.length!==f.length)return;const p=s.isSameMonth(n[0].date,f[0].date),h=s.isAfter(n[0].date,f[0].date),g=h?o[ue.caption_after_enter]:o[ue.caption_before_enter],x=h?o[ue.weeks_after_enter]:o[ue.weeks_before_enter],b=l.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(Mo(y).forEach(w=>{if(!(w instanceof HTMLElement))return;const S=Ib(w);S&&w.contains(S)&&w.removeChild(S);const k=Eo(w);k&&k.classList.remove(g);const T=Oo(w);T&&T.classList.remove(x)}),l.current=y):l.current=null,u.current||p||r)return;const v=b instanceof HTMLElement?Mo(b):[],$=Mo(e.current);if($!=null&&$.every(C=>C instanceof HTMLElement)&&v&&v.every(C=>C instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const C=Rb(e.current);C&&(C.style.zIndex="1"),$.forEach((w,S)=>{const k=v[S];if(!k)return;w.style.position="relative",w.style.overflow="hidden";const T=Eo(w);T&&T.classList.add(g);const j=Oo(w);j&&j.classList.add(x);const D=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),C&&(C.style.zIndex=""),T&&T.classList.remove(g),j&&j.classList.remove(x),w.style.position="",w.style.overflow="",w.contains(k)&&w.removeChild(k)};k.style.pointerEvents="none",k.style.position="absolute",k.style.overflow="hidden",k.setAttribute("aria-hidden","true");const _=Nb(k);_&&(_.style.opacity="0");const G=Eo(k);G&&(G.classList.add(h?o[ue.caption_before_exit]:o[ue.caption_after_exit]),G.addEventListener("animationend",D));const R=Oo(k);R&&R.classList.add(h?o[ue.weeks_before_exit]:o[ue.weeks_after_exit]),w.insertBefore(k,w.firstChild)})}})}function Ab(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:l,fixedWeeks:a,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:p,differenceInCalendarMonths:h,endOfBroadcastWeek:g,endOfISOWeek:x,endOfMonth:b,endOfWeek:y,isAfter:v,startOfBroadcastWeek:$,startOfISOWeek:C,startOfWeek:w}=n,S=u?$(r,n):l?C(r):w(r),k=u?g(s):l?x(b(s)):y(b(s)),T=p(k,S),j=h(s,r)+1,D=[];for(let R=0;R<=T;R++){const N=f(S,R);if(t&&v(N,t))break;D.push(N)}const G=(u?35:42)*j;if(a&&D.length<G){const R=G-D.length;for(let N=0;N<R;N++){const q=f(D[D.length-1],1);D.push(q)}}return D}function _b(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 Lb(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 ir(e,t,o,n){const{month:r,defaultMonth:s,today:l=n.today(),numberOfMonths:a=1}=e;let u=r||s||l;const{differenceInCalendarMonths:f,addMonths:p,startOfMonth:h}=n;if(o&&f(o,u)<a-1){const g=-1*(a-1);u=p(o,g)}return t&&f(u,t)<0&&(u=t),h(u)}function Wb(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:l,endOfMonth:a,endOfWeek:u,getISOWeek:f,getWeek:p,startOfBroadcastWeek:h,startOfISOWeek:g,startOfWeek:x}=n,b=e.reduce((y,v)=>{const $=o.broadcastCalendar?h(v,n):o.ISOWeek?g(v):x(v),C=o.broadcastCalendar?s(v):o.ISOWeek?l(a(v)):u(a(v)),w=t.filter(j=>j>=$&&j<=C),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&w.length<S){const j=t.filter(D=>{const _=S-w.length;return D>C&&D<=r(C,_)});w.push(...j)}const k=w.reduce((j,D)=>{const _=o.ISOWeek?f(D):p(D),G=j.find(N=>N.weekNumber===_),R=new si(D,v,n);return G?G.days.push(R):j.push(new Mm(_,[R])),j},[]),T=new Dm(v,k);return y.push(T),y},[]);return o.reverseMonths?b.reverse():b}function Bb(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:l,endOfMonth:a,addYears:u,endOfYear:f,newDate:p,today:h}=t,{fromYear:g,toYear:x,fromMonth:b,toMonth:y}=e;!o&&b&&(o=b),!o&&g&&(o=t.newDate(g,0,1)),!n&&y&&(n=y),!n&&x&&(n=p(x,11,31));const v=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=l(o):g?o=p(g,0,1):!o&&v&&(o=r(u(e.today??h(),-100))),n?n=a(n):x?n=p(x,11,31):!n&&v&&(n=f(e.today??h())),[o&&s(o),n&&s(n)]}function Pb(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s:1,p=l(e);if(!t)return a(p,f);if(!(u(t,e)<s))return a(p,f)}function Hb(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s??1:1,p=l(e);if(!t)return a(p,-f);if(!(u(p,t)<=0))return a(p,-f)}function Vb(e){const t=[];return e.reduce((o,n)=>o.concat(n.weeks.slice()),t.slice())}function ho(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function Gb(e,t){const[o,n]=Bb(e,t),{startOfMonth:r,endOfMonth:s}=t,l=ir(e,o,n,t),[a,u]=ho(l,e.month?l:void 0);d.useEffect(()=>{const T=ir(e,o,n,t);u(T)},[e.timeZone]);const f=Lb(a,n,e,t),p=Ab(f,e.endMonth?s(e.endMonth):void 0,e,t),h=Wb(f,p,e,t),g=Vb(h),x=_b(h),b=Hb(a,o,e,t),y=Pb(a,n,e,t),{disableNavigation:v,onMonthChange:$}=e,C=T=>g.some(j=>j.days.some(D=>D.isEqualTo(T))),w=T=>{if(v)return;let j=r(T);o&&j<r(o)&&(j=r(o)),n&&j>r(n)&&(j=r(n)),u(j),$==null||$(j)};return{months:h,weeks:g,days:x,navStart:o,navEnd:n,previousMonth:b,nextMonth:y,goToMonth:w,goToDay:T=>{C(T)||w(T.date)}}}var ze;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(ze||(ze={}));function ar(e){return!e[Q.disabled]&&!e[Q.hidden]&&!e[Q.outside]}function Ub(e,t,o,n){let r,s=-1;for(const l of e){const a=t(l);ar(a)&&(a[Q.focused]&&s<ze.FocusedModifier?(r=l,s=ze.FocusedModifier):n!=null&&n.isEqualTo(l)&&s<ze.LastFocused?(r=l,s=ze.LastFocused):o(l.date)&&s<ze.Selected?(r=l,s=ze.Selected):a[Q.today]&&s<ze.Today&&(r=l,s=ze.Today))}return r||(r=e.find(l=>ar(t(l)))),r}function Yb(e,t,o,n,r,s,l){const{ISOWeek:a,broadcastCalendar:u}=s,{addDays:f,addMonths:p,addWeeks:h,addYears:g,endOfBroadcastWeek:x,endOfISOWeek:b,endOfWeek:y,max:v,min:$,startOfBroadcastWeek:C,startOfISOWeek:w,startOfWeek:S}=l;let T={day:f,week:h,month:p,year:g,startOfWeek:j=>u?C(j,l):a?w(j):S(j),endOfWeek:j=>u?x(j):a?b(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&n?T=v([n,T]):t==="after"&&r&&(T=$([r,T])),T}function mi(e,t,o,n,r,s,l,a=0){if(a>365)return;const u=Yb(e,t,o.date,n,r,s,l),f=!!(s.disabled&&Ve(u,s.disabled,l)),p=!!(s.hidden&&Ve(u,s.hidden,l)),h=u,g=new si(u,h,l);return!f&&!p?g:mi(e,t,g,n,r,s,l,a+1)}function Kb(e,t,o,n,r){const{autoFocus:s}=e,[l,a]=d.useState(),u=Ub(t.days,o,n||(()=>!1),l),[f,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:f,blur:()=>{a(f),p(void 0)},moveFocus:(y,v)=>{if(!f)return;const $=mi(y,v,f,t.navStart,t.navEnd,e,r);$&&(t.goToDay($),p($))}}}function qb(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=ho(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t,f=x=>(a==null?void 0:a.some(b=>u(b,x)))??!1,{min:p,max:h}=e;return{selected:a,select:(x,b,y)=>{let v=[...a??[]];if(f(x)){if((a==null?void 0:a.length)===p||n&&(a==null?void 0:a.length)===1)return;v=a==null?void 0:a.filter($=>!u($,x))}else(a==null?void 0:a.length)===h?v=[x]:v=[...v,x];return r||l(v),r==null||r(v,x,b,y),v},isSelected:f}}function Zb(e,t,o=0,n=0,r=!1,s=We){const{from:l,to:a}=t||{},{isSameDay:u,isAfter:f,isBefore:p}=s;let h;if(!l&&!a)h={from:e,to:o>0?void 0:e};else if(l&&!a)u(l,e)?o===0?h={from:l,to:e}:r?h={from:l,to:void 0}:h=void 0:p(e,l)?h={from:e,to:l}:h={from:l,to:e};else if(l&&a)if(u(l,e)&&u(a,e))r?h={from:l,to:a}:h=void 0;else if(u(l,e))h={from:l,to:o>0?void 0:e};else if(u(a,e))h={from:e,to:o>0?void 0:e};else if(p(e,l))h={from:e,to:a};else if(f(e,l))h={from:l,to:e};else if(f(e,a))h={from:l,to:e};else throw new Error("Invalid range");if(h!=null&&h.from&&(h!=null&&h.to)){const g=s.differenceInCalendarDays(h.to,h.from);n>0&&g>n?h={from:e,to:void 0}:o>1&&g<o&&(h={from:e,to:void 0})}return h}function Xb(e,t,o=We){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 lr(e,t,o=We){return He(e,t.from,!1,o)||He(e,t.to,!1,o)||He(t,e.from,!1,o)||He(t,e.to,!1,o)}function Jb(e,t,o=We){const n=Array.isArray(t)?t:[t];if(n.filter(a=>typeof a!="function").some(a=>typeof a=="boolean"?a:o.isDate(a)?He(e,a,!1,o):ui(a,o)?a.some(u=>He(e,u,!1,o)):jn(a)?a.from&&a.to?lr(e,{from:a.from,to:a.to},o):!1:di(a)?Xb(e,a.dayOfWeek,o):ai(a)?o.isAfter(a.before,a.after)?lr(e,{from:o.addDays(a.after,1),to:o.addDays(a.before,-1)},o):Ve(e.from,a,o)||Ve(e.to,a,o):li(a)||ci(a)?Ve(e.from,a,o)||Ve(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 f=0;f<=u;f++){if(l.some(p=>p(a)))return!0;a=o.addDays(a,1)}}return!1}function Qb(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:l}=e,[a,u]=ho(r,l?r:void 0),f=l?r:a;return{selected:f,select:(g,x,b)=>{const{min:y,max:v}=e,$=g?Zb(g,f,y,v,s,t):void 0;return n&&o&&($!=null&&$.from)&&$.to&&Jb({from:$.from,to:$.to},o,t)&&($.from=g,$.to=void 0),l||u($),l==null||l($,g,x,b),$},isSelected:g=>f&&He(f,g,!1,t)}}function ex(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=ho(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t;return{selected:a,select:(h,g,x)=>{let b=h;return!n&&a&&a&&u(h,a)&&(b=void 0),r||l(b),r==null||r(b,h,g,x),b},isSelected:h=>a?u(a,h):!1}}function tx(e,t){const o=ex(e,t),n=qb(e,t),r=Qb(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function ox(e){var zn;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new re(t.today,t.timeZone)),t.month&&(t.month=new re(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new re(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new re(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new re(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new re(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(zn=t.selected)==null?void 0:zn.map(H=>new re(H,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new re(t.selected.from,t.timeZone):void 0,to:t.selected.to?new re(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:n,labels:r,dateLib:s,locale:l,classNames:a}=d.useMemo(()=>{const H={...ni,...t.locale};return{dateLib:new Ke({locale:H,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:sb(t.components),formatters:mb(t.formatters),labels:{...zb,...t.labels},locale:H,classNames:{...ab(),...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:f,navLayout:p,numberOfMonths:h=1,onDayBlur:g,onDayClick:x,onDayFocus:b,onDayKeyDown:y,onDayMouseEnter:v,onDayMouseLeave:$,onNextClick:C,onPrevClick:w,showWeekNumber:S,styles:k}=t,{formatCaption:T,formatDay:j,formatMonthDropdown:D,formatWeekNumber:_,formatWeekNumberHeader:G,formatWeekdayName:R,formatYearDropdown:N}=n,q=Gb(t,s),{days:oe,months:te,navStart:rt,navEnd:yt,previousMonth:le,nextMonth:ce,goToMonth:ee}=q,st=nb(oe,t,rt,yt,s),{isSelected:kt,select:vt,selected:Ht}=tx(t,s)??{},{blur:Tn,focused:Vt,isFocusTarget:xi,moveFocus:Dn,setFocused:Gt}=Kb(t,q,st,kt??(()=>!1),s),{labelDayButton:yi,labelGridcell:ki,labelGrid:vi,labelMonthDropdown:wi,labelNav:Mn,labelPrevious:Ci,labelNext:$i,labelWeekday:Si,labelWeekNumber:ji,labelWeekNumberHeader:Ti,labelYearDropdown:Di}=r,Mi=d.useMemo(()=>yb(s,t.ISOWeek),[s,t.ISOWeek]),En=f!==void 0||x!==void 0,go=d.useCallback(()=>{le&&(ee(le),w==null||w(le))},[le,ee,w]),mo=d.useCallback(()=>{ce&&(ee(ce),C==null||C(ce))},[ee,ce,C]),Ei=d.useCallback((H,Z)=>B=>{B.preventDefault(),B.stopPropagation(),Gt(H),vt==null||vt(H.date,Z,B),x==null||x(H.date,Z,B)},[vt,x,Gt]),Oi=d.useCallback((H,Z)=>B=>{Gt(H),b==null||b(H.date,Z,B)},[b,Gt]),zi=d.useCallback((H,Z)=>B=>{Tn(),g==null||g(H.date,Z,B)},[Tn,g]),Ii=d.useCallback((H,Z)=>B=>{const X={ArrowLeft:[B.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[B.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[B.shiftKey?"year":"week","after"],ArrowUp:[B.shiftKey?"year":"week","before"],PageUp:[B.shiftKey?"year":"month","before"],PageDown:[B.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(X[B.key]){B.preventDefault(),B.stopPropagation();const[fe,U]=X[B.key];Dn(fe,U)}y==null||y(H.date,Z,B)},[Dn,y,t.dir]),Ri=d.useCallback((H,Z)=>B=>{v==null||v(H.date,Z,B)},[v]),Ni=d.useCallback((H,Z)=>B=>{$==null||$(H.date,Z,B)},[$]),Fi=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setMonth(s.startOfMonth(H),B);ee(X)},[s,ee]),Ai=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setYear(s.startOfMonth(H),B);ee(X)},[s,ee]),{className:_i,style:Li}=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]),Wi=ib(t),On=d.useRef(null);Fb(On,!!t.animate,{classNames:a,months:te,focused:Vt,dateLib:s});const Bi={dayPickerProps:t,selected:Ht,select:vt,isSelected:kt,months:te,nextMonth:ce,previousMonth:le,goToMonth:ee,getModifiers:st,components:o,classNames:a,styles:k,labels:r,formatters:n};return d.createElement(ii.Provider,{value:Bi},d.createElement(o.Root,{rootRef:t.animate?On:void 0,className:_i,style:Li,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Wi},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":Mn(),onPreviousClick:go,onNextClick:mo,previousMonth:le,nextMonth:ce}),te.map((H,Z)=>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:Z,displayIndex:Z,calendarMonth:H},p==="around"&&!t.hideNavigation&&Z===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:le?void 0:-1,"aria-disabled":le?void 0:!0,"aria-label":Ci(le),onClick:go,"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:H,displayIndex:Z},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":wi(),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Fi(H.date),options:bb(H.date,rt,yt,n,s),style:k==null?void 0:k[A.Dropdown],value:s.getMonth(H.date)}):d.createElement("span",null,D(H.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:a[A.YearsDropdown],"aria-label":Di(s.options),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Ai(H.date),options:kb(rt,yt,n,s,!!t.reverseYears),style:k==null?void 0:k[A.Dropdown],value:s.getYear(H.date)}):d.createElement("span",null,N(H.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"}},T(H.date,s.options,s))):d.createElement(o.CaptionLabel,{className:a[A.CaptionLabel],role:"status","aria-live":"polite"},T(H.date,s.options,s))),p==="around"&&!t.hideNavigation&&Z===h-1&&d.createElement(o.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:ce?void 0:-1,"aria-disabled":ce?void 0:!0,"aria-label":$i(ce),onClick:mo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ce?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"left":"right"})),Z===h-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":Mn(),onPreviousClick:go,onNextClick:mo,previousMonth:le,nextMonth:ce}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":f==="multiple"||f==="range","aria-label":vi(H.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":Ti(s.options),className:a[A.WeekNumberHeader],style:k==null?void 0:k[A.WeekNumberHeader],scope:"col"},G()),Mi.map(B=>d.createElement(o.Weekday,{"aria-label":Si(B,s.options,s),className:a[A.Weekday],key:String(B),style:k==null?void 0:k[A.Weekday],scope:"col"},R(B,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]},H.weeks.map(B=>d.createElement(o.Week,{className:a[A.Week],key:B.weekNumber,style:k==null?void 0:k[A.Week],week:B},S&&d.createElement(o.WeekNumber,{week:B,style:k==null?void 0:k[A.WeekNumber],"aria-label":ji(B.weekNumber,{locale:l}),className:a[A.WeekNumber],scope:"row",role:"rowheader"},_(B.weekNumber,s)),B.days.map(X=>{const{date:fe}=X,U=st(X);if(U[Q.focused]=!U.hidden&&!!(Vt!=null&&Vt.isEqualTo(X)),U[De.selected]=(kt==null?void 0:kt(fe))||U.selected,jn(Ht)){const{from:bo,to:xo}=Ht;U[De.range_start]=!!(bo&&xo&&s.isSameDay(fe,bo)),U[De.range_end]=!!(bo&&xo&&s.isSameDay(fe,xo)),U[De.range_middle]=He(Ht,fe,!0,s)}const Pi=xb(U,k,t.modifiersStyles),Hi=rb(U,a,t.modifiersClassNames),Vi=!En&&!U.hidden?ki(fe,U,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(fe,"yyyy-MM-dd")}_${s.format(X.displayMonth,"yyyy-MM")}`,day:X,modifiers:U,className:Hi.join(" "),style:Pi,role:"gridcell","aria-selected":U.selected||void 0,"aria-label":Vi,"data-day":s.format(fe,"yyyy-MM-dd"),"data-month":X.outside?s.format(fe,"yyyy-MM"):void 0,"data-selected":U.selected||void 0,"data-disabled":U.disabled||void 0,"data-hidden":U.hidden||void 0,"data-outside":X.outside||void 0,"data-focused":U.focused||void 0,"data-today":U.today||void 0},!U.hidden&&En?d.createElement(o.DayButton,{className:a[A.DayButton],style:k==null?void 0:k[A.DayButton],type:"button",day:X,modifiers:U,disabled:U.disabled||void 0,tabIndex:xi(X)?0:-1,"aria-label":yi(fe,U,s.options,s),onClick:Ei(X,U),onBlur:zi(X,U),onFocus:Oi(X,U),onKeyDown:Ii(X,U),onMouseEnter:Ri(X,U),onMouseLeave:Ni(X,U)},j(fe,s.options,s)):!U.hidden&&j(X.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 nx=d.memo(({...e})=>i.jsx(rx,{mode:"single",...e})),rx=m(ox)`
2788
2794
  font-family: ${c("font-family-default")};
2789
- `,qb=({rightMenu:e,leftMenu:t,className:o})=>i.jsxs(Zb,{className:o,children:[t,i.jsx(Xb,{children:e})]}),Zb=h.div`
2795
+ `,sx=({rightMenu:e,leftMenu:t,className:o})=>i.jsxs(ix,{className:o,children:[t,i.jsx(ax,{children:e})]}),ix=m.div`
2790
2796
  align-items: center;
2791
2797
  background-color: ${c("color-black")};
2792
2798
  display: flex;
@@ -2795,10 +2801,10 @@
2795
2801
  justify-content: space-between;
2796
2802
  padding: 0px ${c("spacing-20")};
2797
2803
  width: 100%;
2798
- `,Xb=h.div`
2804
+ `,ax=m.div`
2799
2805
  display: flex;
2800
2806
  align-items: center;
2801
- `,Jb=d.memo(({title:e,message:t})=>i.jsxs(Qb,{children:[i.jsx(M,{variant:"body",bold:!0,children:e}),i.jsx(M,{variant:"body",color:"grey",children:t})]})),Qb=h.div`
2807
+ `,lx=d.memo(({title:e,message:t})=>i.jsxs(cx,{children:[i.jsx(E,{variant:"body",bold:!0,children:e}),i.jsx(E,{variant:"body",color:"grey",children:t})]})),cx=m.div`
2802
2808
  display: flex;
2803
2809
  padding: ${c("spacing-8")} ${c("spacing-10")}
2804
2810
  ${c("spacing-8")} ${c("spacing-20")};
@@ -2806,20 +2812,143 @@
2806
2812
  align-items: flex-start;
2807
2813
  gap: ${c("spacing-8")};
2808
2814
  align-self: stretch;
2809
- `,ex=d.memo(({listMaxSize:e,listMinSize:t,listCollapsedSize:o,disabled:n,List:r,Details:s,ListPanelComponent:l=nn})=>i.jsx(tx,{children:i.jsxs(Ur,{direction:"horizontal",children:[i.jsx(l,{minSize:t,maxSize:e,collapsedSize:o,children:i.jsx(ui,{children:i.jsx(r,{disabled:n})})}),i.jsx(qr,{}),i.jsx(Yr,{children:i.jsx(ox,{children:i.jsx(s,{})})})]})})),tx=h.div`
2815
+ max-width: 100%;
2816
+ word-wrap: break-word;
2817
+ overflow-wrap: break-word;
2818
+ `,dx=({groups:e,onSelectionChange:t,value:o,showSelectAll:n=!0,showClearAll:r=!0,placement:s="bottom-end",className:l,buttonContent:a,disabled:u=!1})=>{const[f,p]=d.useState(()=>{const N={};return e.forEach(q=>{N[q.id]=new Set}),N}),[h,g]=d.useState(!1),x=o??f,b=o!==void 0,y=d.useCallback(N=>{b||p(N),t(N)},[b,t]),{refs:v,floatingStyles:$,context:C}=O.useFloating({placement:s,open:h,onOpenChange:g,whileElementsMounted:O.autoUpdate,middleware:[O.offset(4),O.flip(),O.shift({padding:8})]}),w=O.useClick(C,{enabled:!u}),S=O.useDismiss(C),k=O.useRole(C),{getReferenceProps:T,getFloatingProps:j}=O.useInteractions([w,S,k]),D=d.useCallback((N,q)=>{const oe={...x},te=new Set(x[N]);te.has(q)?te.delete(q):te.add(q),oe[N]=te,y(oe)},[x,y]),_=d.useCallback(N=>{const q=e.find(te=>te.id===N);if(!q)return;const oe={...x};oe[N]=new Set(q.options.map(te=>te.value)),y(oe)},[e,x,y]),G=d.useCallback(()=>{const N={};e.forEach(q=>{N[q.id]=new Set}),y(N)},[e,y]),R=d.useMemo(()=>Object.values(x).some(N=>N.size>0),[x]);return i.jsxs(i.Fragment,{children:[i.jsx(ux,{ref:v.setReference,className:l,$isActive:R,$isDisabled:u,...T(),children:a||i.jsxs(i.Fragment,{children:[i.jsx(W,{iconId:"Filter",size:"sm",color:R?"blue":"grey"}),R&&i.jsx(fx,{})]})}),h&&i.jsx(O.FloatingPortal,{children:i.jsx(O.FloatingFocusManager,{context:C,modal:!1,children:i.jsxs(px,{ref:v.setFloating,style:$,...j(),children:[i.jsxs(hx,{children:[i.jsx(E,{variant:"body",bold:!0,children:"Filters"}),i.jsxs(gx,{children:[r&&R&&i.jsx(mx,{onClick:G,children:i.jsx(E,{variant:"small",color:"blue",children:"Clear all"})}),i.jsx(bx,{onClick:()=>g(!1),children:i.jsx(W,{iconId:"Close",size:"sm",color:"grey"})})]})]}),i.jsx(xx,{children:e.map(N=>i.jsxs(yx,{children:[i.jsxs(kx,{children:[i.jsx(E,{variant:"small",bold:!0,children:N.label}),n&&i.jsx(vx,{onClick:()=>_(N.id),children:i.jsx(E,{variant:"small",color:"blue",children:"Select all"})})]}),i.jsx(wx,{children:N.options.map(q=>{var te;const oe=((te=x[N.id])==null?void 0:te.has(q.value))||!1;return i.jsxs(Cx,{$isSelected:oe,onClick:()=>D(N.id,q.value),children:[i.jsx($x,{$isChecked:oe,children:oe&&i.jsx(W,{iconId:"Check",size:"xsm",color:"white"})}),i.jsx(E,{variant:"small",children:q.label})]},q.value)})})]},N.id))})]})})})]})},ux=m.button`
2819
+ display: flex;
2820
+ align-items: center;
2821
+ justify-content: center;
2822
+ width: 32px;
2823
+ height: 32px;
2824
+ background-color: ${e=>e.$isActive?c("color-additional3"):c("color-white")};
2825
+ border: 1px solid
2826
+ ${e=>e.$isActive?c("color-blue"):c("color-grey30")};
2827
+ border-radius: ${c("spacing-4")};
2828
+ cursor: ${e=>e.$isDisabled?"not-allowed":"pointer"};
2829
+ position: relative;
2830
+ transition: all 0.2s ease;
2831
+ opacity: ${e=>e.$isDisabled?.5:1};
2832
+
2833
+ &:hover:not(:disabled) {
2834
+ background-color: ${e=>e.$isActive?c("color-additional1"):c("color-grey10")};
2835
+ border-color: ${e=>e.$isActive?c("color-blue"):c("color-grey40")};
2836
+ }
2837
+ `,fx=m.div`
2838
+ position: absolute;
2839
+ top: 4px;
2840
+ right: 4px;
2841
+ width: 6px;
2842
+ height: 6px;
2843
+ background-color: ${c("color-blue")};
2844
+ border-radius: 50%;
2845
+ `,px=m.div`
2846
+ background-color: ${c("color-white")};
2847
+ border: 1px solid ${c("color-grey30")};
2848
+ border-radius: ${c("spacing-4")};
2849
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
2850
+ min-width: 280px;
2851
+ max-width: 320px;
2852
+ z-index: 1000;
2853
+ `,hx=m.div`
2854
+ display: flex;
2855
+ align-items: center;
2856
+ justify-content: space-between;
2857
+ padding: ${c("spacing-12")} ${c("spacing-16")};
2858
+ border-bottom: 1px solid ${c("color-grey20")};
2859
+ `,gx=m.div`
2860
+ display: flex;
2861
+ align-items: center;
2862
+ gap: ${c("spacing-8")};
2863
+ `,mx=m.button`
2864
+ background: none;
2865
+ border: none;
2866
+ padding: 0;
2867
+ cursor: pointer;
2868
+ color: ${c("color-blue")};
2869
+
2870
+ &:hover {
2871
+ text-decoration: underline;
2872
+ }
2873
+ `,bx=m.button`
2874
+ background: none;
2875
+ border: none;
2876
+ padding: 0;
2877
+ cursor: pointer;
2878
+ display: flex;
2879
+ align-items: center;
2880
+ justify-content: center;
2881
+ width: 20px;
2882
+ height: 20px;
2883
+ border-radius: 50%;
2884
+
2885
+ &:hover {
2886
+ background-color: ${c("color-grey10")};
2887
+ }
2888
+ `,xx=m.div`
2889
+ padding: ${c("spacing-12")};
2890
+ max-height: 400px;
2891
+ overflow-y: auto;
2892
+ `,yx=m.div`
2893
+ &:not(:last-child) {
2894
+ margin-bottom: ${c("spacing-16")};
2895
+ }
2896
+ `,kx=m.div`
2897
+ display: flex;
2898
+ align-items: center;
2899
+ justify-content: space-between;
2900
+ margin-bottom: ${c("spacing-8")};
2901
+ `,vx=m.button`
2902
+ background: none;
2903
+ border: none;
2904
+ padding: 0;
2905
+ cursor: pointer;
2906
+ color: ${c("color-blue")};
2907
+
2908
+ &:hover {
2909
+ text-decoration: underline;
2910
+ }
2911
+ `,wx=m.div`
2912
+ display: flex;
2913
+ flex-direction: column;
2914
+ gap: ${c("spacing-4")};
2915
+ `,Cx=m.div`
2916
+ display: flex;
2917
+ align-items: center;
2918
+ gap: ${c("spacing-8")};
2919
+ padding: ${c("spacing-8")};
2920
+ cursor: pointer;
2921
+ border-radius: ${c("spacing-4")};
2922
+ background-color: ${e=>e.$isSelected?c("color-additional3"):c("color-white")};
2923
+
2924
+ &:hover {
2925
+ background-color: ${e=>e.$isSelected?c("color-additional1"):c("color-grey10")};
2926
+ }
2927
+ `,$x=m.div`
2928
+ width: 16px;
2929
+ height: 16px;
2930
+ border: 1.5px solid
2931
+ ${e=>e.$isChecked?c("color-blue"):c("color-grey40")};
2932
+ border-radius: 3px;
2933
+ background-color: ${e=>e.$isChecked?c("color-blue"):"transparent"};
2934
+ display: flex;
2935
+ align-items: center;
2936
+ justify-content: center;
2937
+ flex-shrink: 0;
2938
+ `,Sx=d.memo(({listMaxSize:e,listMinSize:t,listCollapsedSize:o,disabled:n,List:r,Details:s,ListPanelComponent:l=rn})=>i.jsx(jx,{children:i.jsxs(Kr,{direction:"horizontal",children:[i.jsx(l,{minSize:t,maxSize:e,collapsedSize:o,children:i.jsx(bi,{children:i.jsx(r,{disabled:n})})}),i.jsx(Xr,{}),i.jsx(qr,{children:i.jsx(Tx,{children:i.jsx(s,{})})})]})})),jx=m.div`
2810
2939
  width: 100%;
2811
2940
  height: 100%;
2812
2941
  display: flex;
2813
2942
  align-items: flex-start;
2814
2943
  justify-content: flex-start;
2815
- `,ui=h.div`
2944
+ `,bi=m.div`
2816
2945
  height: 100%;
2817
2946
  width: 100%;
2818
2947
  display: flex;
2819
2948
  align-items: flex-start;
2820
2949
  justify-content: flex-start;
2821
2950
  flex-direction: column;
2822
- `,ox=h(ui)`
2951
+ `,Tx=m(bi)`
2823
2952
  overflow: auto;
2824
- `,nx=({ref:e,data:t,canDrag:o=!0,transformDragData:n=u=>u,onDrop:r,onDragStart:s,onDragEnd:l,onDragOver:a})=>{const[u,f]=d.useState(!1),[p,g]=d.useState(!1),m=k=>{k.preventDefault(),k.stopPropagation()},x=d.useCallback(k=>{m(k),g(!0),k.dataTransfer&&(k.dataTransfer.dropEffect="move"),a==null||a(k)},[a]),b=d.useCallback(k=>{m(k),g(!1)},[]),y=d.useCallback(k=>{m(k),f(!1),g(!1),l==null||l(k)},[l]),v=d.useCallback(k=>{var S;m(k),f(!1),g(!1);let $=null;try{$=JSON.parse(((S=k.dataTransfer)==null?void 0:S.getData("application/json"))??"null")}catch(C){console.error("Invalid drag data:",C)}$&&(r==null||r($,k))},[r]),w=d.useCallback(k=>{var S;if(!o)return;k.stopPropagation(),f(!0),g(!1),k.dataTransfer&&(k.dataTransfer.effectAllowed="move");const $=n(t);(S=k.dataTransfer)==null||S.setData("application/json",JSON.stringify($)),s==null||s(t,k)},[o,t,s,n]);return d.useEffect(()=>{const k=e.current,$={dragover:S=>x(S),dragenter:S=>x(S),dragleave:S=>b(S),dragstart:S=>w(S),dragend:S=>y(S)};return k&&Object.entries($).forEach(([S,C])=>k.addEventListener(S,C)),()=>{Object.entries($).forEach(([S,C])=>{k&&k.removeEventListener(S,C)})}},[e,x,b,v,w,y]),{dragging:u,over:p}};Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>P.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>P.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>P.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>ge.flexRender});exports.ActionSelect=Fd;exports.ActionableBlurb=gl;exports.AlertTooltip=dn;exports.AlternatingStatus=Al;exports.AnimatePresence=wr;exports.AnonymousBranch=hp;exports.AnonymousGroup=Gf;exports.ArtifactVersion=Tu;exports.Badge=tu;exports.BaseModalContent=jp;exports.BaseObservableDataProvider=bn;exports.BaseUIComponentsContextProvider=ul;exports.BottomDialogDrawer=kc;exports.BottomInlineDrawer=jc;exports.BrandedHeader=Xg;exports.Button=Ie;exports.CheckBox=mt;exports.CheckListItemCheck=lo;exports.CheckListItemCheckCompact=Ds;exports.CheckListItemContainer=Lt;exports.CheckListItemContainerCompact=vn;exports.CheckListItemContainerWithDivider=js;exports.CheckListItemContainerWithDividerCompact=Ts;exports.CheckListItemName=co;exports.CheckListItemNameCompact=Es;exports.CheckListItemTemplate=Ms;exports.Collapsible=Jt;exports.CollapsibleArtifact=Sl;exports.CollapsibleContent=Qt;exports.CollapsibleList=Fu;exports.CollapsibleTrigger=qo;exports.ComboBox=gs;exports.CopyableText=ec;exports.DarkTooltip=so;exports.DarkTooltipStyle=ss;exports.DatePicker=Yb;exports.DescriptionListItemTemplate=Jf;exports.Dialog=Zo;exports.DialogContent=Jo;exports.DialogTrigger=Xo;exports.Drawer=Dc;exports.DrawerContent=Mc;exports.DrawerHeader=zc;exports.DrawerTrigger=Ec;exports.Dropdown=ks;exports.DropdownMenu=$g;exports.EMAIL_PATTERN=Fr;exports.EmailRequirementKeys=_r;exports.EmptyListMessage=Jb;exports.EndOverlayStyle=lc;exports.ErrorTooltip=as;exports.FIRST_CHAR_ALPHA=qc;exports.FakeInputReference=hs;exports.FlexHandle=At;exports.FlexResizablePanel=Yr;exports.Form=ms;exports.FormAccessToggles=wf;exports.FormCheckbox=yf;exports.FormComboBox=jf;exports.FormErrorMessage=Ne;exports.FormField=bf;exports.FormFileInput=Ef;exports.FormInput=gn;exports.FormInputWrapper=Fe;exports.FormLabel=be;exports.FormMultiSelect=Rf;exports.FormNameInput=Sf;exports.FormSelect=hf;exports.FormSubmit=pn;exports.FormTextArea=ff;exports.FormToggle=cf;exports.GroupContext=kn;exports.GroupList=Hf;exports.GroupedObservableDataProvider=_f;exports.HiddenFormInput=fn;exports.HolderListItemTemplate=Og;exports.HorizontalRule=Ic;exports.Icon=F;exports.IconButton=ee;exports.Input=bt;exports.InputSearch=_c;exports.ItemSelectionList=yg;exports.ItemSelectionListDataProvider=wg;exports.KOSLogo=ju;exports.Label=Nr;exports.LabelWithAction=Pc;exports.LabelWithContent=tn;exports.LabelWithContentLink=Gc;exports.LeftDialogDrawer=pc;exports.LeftInlineDrawer=Cc;exports.LightTooltip=ro;exports.LightTooltipStyle=ns;exports.Link=Ko;exports.List=yn;exports.ListContext=hn;exports.ListContextProvider=mn;exports.ListWithDetailsLayout=ex;exports.LockedButton=wl;exports.MenuWrapper=qb;exports.MiddleTruncateText=eo;exports.Modal=Pp;exports.ModalOverlayStyles=_s;exports.ModalTrigger=Hp;exports.MultiSelect=ps;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=Ar;exports.NO_SPACES_PATTERN=Kc;exports.NUMBERS_ONLY_PATTERN=Yc;exports.NamedCollapsibleBranch=bp;exports.NamedCollapsibleGroup=Vf;exports.NamedListItemTemplate=Qf;exports.NamedSection=Ws;exports.NamedSectionHeader=Kp;exports.ObservableDataProvider=xn;exports.Option=ut;exports.PASSWORD_MIN_LENGTH=Xc;exports.PASSWORD_REQUIREMENTS=un;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=xs;exports.PageHeader=tg;exports.PaneSplitter=ld;exports.PasswordRequirementKeys=Et;exports.PasswordRequirementsList=rf;exports.PropertyDataProvider=Lf;exports.RequirementsList=bs;exports.ResizablePanel=nn;exports.ResizablePanelGroup=Ur;exports.ResizablePanelGroupContextProvider=Gr;exports.ResizablePanelHandle=qr;exports.RightDialogDrawer=mc;exports.RightInlineDrawer=$c;exports.ScreenOverlay=Zr;exports.ScreenOverlayWithAction=zh;exports.Select=xt;exports.SelectContext=an;exports.SelectList=ao;exports.SelectListContext=io;exports.SelectSeparator=Tg;exports.SelectViewList=dg;exports.SelectViewListItem=Ps;exports.SelectorTooltip=ls;exports.ShellIconButton=Bd;exports.ShellMenu=Dg;exports.ShellMenuLink=Mg;exports.StartOverlayStyle=ac;exports.StickyObserver=Po;exports.StyledSelectOption=Sg;exports.Tab=Pd;exports.TabPane=Kd;exports.TabTrigger=Hd;exports.TabTriggerList=Gd;exports.Table=oh;exports.TableHeader=Vo;exports.TableNamedListItemTemplate=ip;exports.TableTd=$n;exports.Tag=Qr;exports.TagWithRemove=Qd;exports.Text=M;exports.TextHighlight=eu;exports.Textarea=cn;exports.Toggle=no;exports.ToggleThumb=ts;exports.ToggleTrack=es;exports.Tooltip=cs;exports.TopDialogDrawer=yc;exports.TopInlineDrawer=Sc;exports.TreeDataProvider=dp;exports.TreeList=gp;exports.USERNAME_PATTERN=Uc;exports.VirtualList=Is;exports.VirtualTable=$h;exports.VirtualizedList=Rs;exports.VirtualizedSelectList=Sp;exports.baseComponentStyles=dr;exports.baseGenericStyles=Io;exports.baseSemanticStyles=Ro;exports.componentStudioTokenCss=qa;exports.componentStyles=Oo;exports.createLocalComponentHelper=Ga;exports.createLocalComponentTokenCss=Ua;exports.createLocalTokenSystem=Va;exports.createTableColumnHelper=ch;exports.darkTooltipArrow=is;exports.getByteString=sg;exports.getComponentTokenHelpers=O;exports.getEmailValidation=Zc;exports.getErrorMessage=Qc;exports.getGlobalToken=I;exports.getPasswordValidation=Jc;exports.getSemanticToken=c;exports.getStyles=el;exports.globalStudioTokenCss=Ka;exports.isContextAware=Bo;exports.isErrorWithMessage=Lr;exports.isGroupFactory=Cs;exports.keyResolver=ws;exports.lightTooltipArrow=rs;exports.noop=Re;exports.normalizePathDisplay=ig;exports.rootStyles=No;exports.scrollbarStyle=rl;exports.semanticStudioTokenCss=Ya;exports.stringComponentInsert=cr;exports.studioColors=ur;exports.studioDarkColors=pr;exports.studioGenericColor=gr;exports.studioLightColors=fr;exports.studioTheme=sl;exports.transformLocalTokenObject=Uo;exports.useBaseUIComponentsContext=br;exports.useCollapsibleContext=Ft;exports.useContainerWidth=en;exports.useDialogContext=He;exports.useDialogContextValue=Cr;exports.useDragDrop=nx;exports.useDrawerContext=Xe;exports.useGroupSelection=lp;exports.useListContext=Nf;exports.useListGroupContext=$s;exports.useLoadDataProvider=_t;exports.useModalContext=He;exports.useMultiSelectContext=us;exports.useOpenedGroups=ap;exports.useResizablePanelGroupContext=on;exports.useResizeObserver=Wr;exports.useSelectContext=ln;exports.useSelectListContext=nt;exports.useSelection=cp;exports.useTabContext=oo;exports.useTableContext=Cn;exports.useTreeListContext=Os;
2953
+ `;let Uo=null;const Dx=()=>Uo,Mx=({ref:e,data:t,canDrag:o=!0,transformDragData:n=f=>f,onDrop:r,onDragStart:s,onDragEnd:l,onDragOver:a,onDragLeave:u})=>{const[f,p]=d.useState(!1),[h,g]=d.useState(!1),x=w=>{w.preventDefault(),w.stopPropagation()},b=d.useCallback(w=>{x(w),g(!0),w.dataTransfer&&(w.dataTransfer.dropEffect="move"),a==null||a(w)},[a]),y=d.useCallback(w=>{x(w),g(!1),u==null||u(w)},[u]),v=d.useCallback(w=>{x(w),p(!1),g(!1),Uo=null,l==null||l(w)},[l]),$=d.useCallback(w=>{var k;x(w),p(!1),g(!1);let S=null;try{S=JSON.parse(((k=w.dataTransfer)==null?void 0:k.getData("application/json"))??"null")}catch(T){console.error("Invalid drag data:",T)}S&&(r==null||r(S,w))},[r]),C=d.useCallback(w=>{var k;if(!o)return;w.stopPropagation(),p(!0),g(!1),w.dataTransfer&&(w.dataTransfer.effectAllowed="move");const S=n(t);Uo=S,(k=w.dataTransfer)==null||k.setData("application/json",JSON.stringify(S)),s==null||s(t,w)},[o,t,s,n]);return d.useEffect(()=>{const w=e.current,S={dragover:k=>b(k),dragenter:k=>b(k),dragleave:k=>y(k),drop:k=>$(k),dragstart:k=>C(k),dragend:k=>v(k)};return w&&Object.entries(S).forEach(([k,T])=>w.addEventListener(k,T)),()=>{Object.entries(S).forEach(([k,T])=>{w&&w.removeEventListener(k,T)})}},[e,b,y,$,C,v]),{dragging:f,over:h}};Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>K.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>K.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>K.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>be.flexRender});exports.ActionSelect=Hd;exports.ActionableBlurb=vl;exports.AlertTooltip=un;exports.AlternatingStatus=Vl;exports.AnimatePresence=$r;exports.AnonymousBranch=Sp;exports.AnonymousGroup=ep;exports.ArtifactVersion=Ru;exports.AsyncTreeList=_s;exports.Badge=lu;exports.BaseAsyncTreeDataProvider=Kf;exports.BaseModalContent=Fp;exports.BaseObservableDataProvider=xn;exports.BaseUIComponentsContextProvider=xl;exports.BottomDialogDrawer=Tc;exports.BottomInlineDrawer=Ic;exports.BrandedHeader=ag;exports.Button=Fe;exports.CheckBox=mt;exports.CheckListItemCheck=lo;exports.CheckListItemCheckCompact=Es;exports.CheckListItemContainer=Wt;exports.CheckListItemContainerCompact=wn;exports.CheckListItemContainerWithDivider=Ds;exports.CheckListItemContainerWithDividerCompact=Ms;exports.CheckListItemName=co;exports.CheckListItemNameCompact=Os;exports.CheckListItemTemplate=zs;exports.Collapsible=Qt;exports.CollapsibleArtifact=zl;exports.CollapsibleContent=eo;exports.CollapsibleList=Hu;exports.CollapsibleTrigger=Zo;exports.ComboBox=ms;exports.CopyableText=ac;exports.DarkTooltip=io;exports.DarkTooltipStyle=as;exports.DatePicker=nx;exports.DescriptionListItemTemplate=ap;exports.Dialog=Xo;exports.DialogContent=Qo;exports.DialogTrigger=Jo;exports.Drawer=Nc;exports.DrawerContent=Ac;exports.DrawerHeader=_c;exports.DrawerTrigger=Fc;exports.Dropdown=ws;exports.DropdownMenu=Rh;exports.EMAIL_PATTERN=_r;exports.EmailRequirementKeys=Wr;exports.EmptyListMessage=lx;exports.EndOverlayStyle=gc;exports.ErrorTooltip=cs;exports.FIRST_CHAR_ALPHA=od;exports.FakeInputReference=bs;exports.FilterPanel=dx;exports.FlexHandle=At;exports.FlexResizablePanel=qr;exports.Form=xs;exports.FormAccessToggles=Ef;exports.FormCheckbox=Tf;exports.FormComboBox=Rf;exports.FormErrorMessage=_e;exports.FormField=Sf;exports.FormFileInput=Af;exports.FormInput=gn;exports.FormInputWrapper=Le;exports.FormLabel=ke;exports.FormMultiSelect=Pf;exports.FormNameInput=If;exports.FormSelect=wf;exports.FormSubmit=hn;exports.FormTextArea=yf;exports.FormToggle=mf;exports.GroupContext=vn;exports.GroupList=Jf;exports.GroupedObservableDataProvider=Uf;exports.HiddenFormInput=pn;exports.HolderListItemTemplate=Ph;exports.HorizontalRule=Wc;exports.Icon=W;exports.IconButton=ne;exports.Input=bt;exports.InputSearch=Gc;exports.ItemSelectionList=Mh;exports.ItemSelectionListDataProvider=zh;exports.KOSLogo=Iu;exports.Label=Ar;exports.LabelWithAction=qc;exports.LabelWithContent=on;exports.LabelWithContentLink=Jc;exports.LeftDialogDrawer=kc;exports.LeftInlineDrawer=Ec;exports.LightTooltip=so;exports.LightTooltipStyle=ss;exports.Link=qo;exports.List=kn;exports.ListContext=mn;exports.ListContextProvider=bn;exports.ListWithDetailsLayout=Sx;exports.LockedButton=Ml;exports.MenuWrapper=sx;exports.MiddleTruncateText=to;exports.Modal=Jp;exports.ModalOverlayStyles=Vs;exports.ModalTrigger=Qp;exports.MultiSelect=gs;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=Lr;exports.NO_SPACES_PATTERN=td;exports.NUMBERS_ONLY_PATTERN=ed;exports.NamedCollapsibleBranch=Tp;exports.NamedCollapsibleGroup=Qf;exports.NamedListItemTemplate=lp;exports.NamedSection=Us;exports.NamedSectionHeader=rh;exports.ObservableDataProvider=yn;exports.Option=ut;exports.PASSWORD_MIN_LENGTH=rd;exports.PASSWORD_REQUIREMENTS=fn;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=ks;exports.PageHeader=uh;exports.PaneSplitter=gd;exports.PasswordRequirementKeys=Mt;exports.PasswordRequirementsList=ff;exports.PropertyDataProvider=Yf;exports.RequirementsList=ys;exports.ResizablePanel=rn;exports.ResizablePanelGroup=Kr;exports.ResizablePanelGroupContextProvider=Yr;exports.ResizablePanelHandle=Xr;exports.RightDialogDrawer=Cc;exports.RightInlineDrawer=Oc;exports.ScreenOverlay=Jr;exports.ScreenOverlayWithAction=Bg;exports.Select=xt;exports.SelectAsyncTreeList=$p;exports.SelectContext=ln;exports.SelectList=ao;exports.SelectListContext=Lt;exports.SelectSeparator=Ah;exports.SelectViewList=kh;exports.SelectViewListItem=Ks;exports.SelectorTooltip=ds;exports.ShellIconButton=Kd;exports.ShellMenu=_h;exports.ShellMenuLink=Wh;exports.StartOverlayStyle=hc;exports.StickyObserver=Po;exports.StyledSelectOption=Nh;exports.Tab=qd;exports.TabPane=tu;exports.TabTrigger=Zd;exports.TabTriggerList=Jd;exports.Table=fg;exports.TableHeader=Vo;exports.TableNamedListItemTemplate=gp;exports.TableTd=Sn;exports.Tag=ts;exports.TagWithRemove=iu;exports.Text=E;exports.TextHighlight=au;exports.Textarea=dn;exports.Toggle=ro;exports.ToggleThumb=ns;exports.ToggleTrack=os;exports.Tooltip=us;exports.TopDialogDrawer=jc;exports.TopInlineDrawer=zc;exports.TreeDataProvider=yp;exports.TreeList=wp;exports.USERNAME_PATTERN=Qc;exports.VirtualList=Ls;exports.VirtualTable=Rg;exports.VirtualizedList=Ws;exports.VirtualizedSelectList=Np;exports.baseComponentStyles=fr;exports.baseGenericStyles=Io;exports.baseSemanticStyles=Ro;exports.componentStudioTokenCss=ol;exports.componentStyles=zo;exports.createLocalComponentHelper=Ja;exports.createLocalComponentTokenCss=Qa;exports.createLocalTokenSystem=Xa;exports.createTableColumnHelper=yg;exports.darkTooltipArrow=ls;exports.getByteString=gh;exports.getComponentTokenHelpers=I;exports.getCurrentDragData=Dx;exports.getEmailValidation=nd;exports.getErrorMessage=id;exports.getGlobalToken=F;exports.getPasswordValidation=sd;exports.getSemanticToken=c;exports.getStyles=al;exports.globalStudioTokenCss=tl;exports.isContextAware=Bo;exports.isErrorWithMessage=Br;exports.isGroupFactory=Ss;exports.keyResolver=$s;exports.lightTooltipArrow=is;exports.noop=Ae;exports.normalizePathDisplay=mh;exports.rootStyles=No;exports.scrollbarStyle=ul;exports.semanticStudioTokenCss=el;exports.stringComponentInsert=ur;exports.studioColors=pr;exports.studioDarkColors=gr;exports.studioGenericColor=mr;exports.studioLightColors=hr;exports.studioTheme=fl;exports.transformLocalTokenObject=Yo;exports.useBaseUIComponentsContext=yr;exports.useCollapsibleContext=Ft;exports.useContainerWidth=tn;exports.useDialogContext=Ue;exports.useDialogContextValue=Sr;exports.useDragDrop=Mx;exports.useDrawerContext=Xe;exports.useGroupSelection=bp;exports.useListContext=Hf;exports.useListGroupContext=js;exports.useLoadDataProvider=_t;exports.useModalContext=Ue;exports.useMultiSelectContext=ps;exports.useOpenedGroups=mp;exports.useResizablePanelGroupContext=nn;exports.useResizeObserver=Pr;exports.useSelectContext=cn;exports.useSelectListContext=nt;exports.useSelection=xp;exports.useTabContext=no;exports.useTableContext=$n;exports.useTreeListContext=Rs;
2825
2954
  //# sourceMappingURL=index.cjs.map