@kosdev-code/base-ui-components 1.0.11 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/atoms/multi-select/common/styles.d.ts.map +1 -1
- package/components/atoms/multi-select/multi-select.d.ts +1 -2
- package/components/atoms/multi-select/multi-select.d.ts.map +1 -1
- package/components/common/components/StoryDecorator.d.ts.map +1 -1
- package/components/molecules/form/components/form-file-input.d.ts +8 -0
- package/components/molecules/form/components/form-file-input.d.ts.map +1 -0
- package/components/molecules/form/components/form-multi-select.d.ts +7 -0
- package/components/molecules/form/components/form-multi-select.d.ts.map +1 -0
- package/components/molecules/form/components/index.d.ts +2 -0
- package/components/molecules/form/components/index.d.ts.map +1 -1
- package/index.cjs +571 -544
- package/index.cjs.map +1 -1
- package/index.js +2486 -2309
- package/index.js.map +1 -1
- package/package.json +2 -2
package/index.cjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
"use strict";var ii=Object.defineProperty;var ai=(e,t,o)=>t in e?ii(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var X=(e,t,o)=>(ai(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),d=require("react"),h=require("@emotion/styled"),j=require("@emotion/react"),li=require("react-dom"),R=require("@floating-ui/react"),ci=require("@use-gesture/react"),G=require("react-hook-form"),Y=require("@kosdev-code/kos-ui-sdk"),Z=require("mobx"),Je=require("@tanstack/react-table"),W=require("date-fns"),di=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},ui=e=>e instanceof RegExp,fi=e=>typeof e=="string",gi=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},pi=(e,t,o)=>{if(e===""||t==="")return e;let n=t;ui(n)||(n=new RegExp("("+di(n)+")","gi"));const r=e.split(n);for(let s=1,i=r.length;s<i;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},Wn=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),gi(n.map(r=>fi(r)?pi(r,t,o):r))},Pt=(e,t)=>t?e:`var(${e})`,z=(e,t)=>Pt(`--studio-g-${e}`,t),c=(e,t)=>Pt(`--studio-s-${e}`,t),hi={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},mi={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},bi={"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")}},yi={"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")}`}},ki={"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")}},vi={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)"}},wi={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`}},Ci={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},$i={"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)"}},Si={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")}},ji={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},Ti={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"}},Di={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")}},Ei={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")}},Ii={"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")}},zi={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")}},Mi={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"}},Ni={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")}},Oi={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},Ri={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")}},Ai={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")}},Fi={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"}},Wi={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")}},Li={"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"}},_i={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},Bi={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")}},Pi={"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")}},Hi={"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")}},Gi={"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")}},Ui={"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")}},Yi={"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")}},Vi={"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")}},Ki={"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-x":c("spacing-20"),"padding-y":c("spacing-12"),"badge-size":c("spacing-24"),"badge-radius":c("spacing-2"),"line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-8")}},qi={"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")}},Xi={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")}},Zi={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},Qi={"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")}},Ji={"shell-icon-button":{padding:"5px"}},ea={"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")}},ta={...hi,...mi,...bi,...xi,...yi,...ki,...vi,...wi,...Ci,...$i,...Si,...ji,...Ti,...Di,...Ei,...Ii,...zi,...Mi,...Ni,...Oi,...Ri,...Ai,...Fi,...Wi,...Li,..._i,...Bi,...Pi,...Hi,...Gi,...Ui,...Yi,...Vi,...Ki,...qi,...Xi,...Zi,...Qi,...Ji,...ea},oa={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"}},na={"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"}},ra={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"}},sa={...oa,...na,...ra},ia={color:{white:z("color-grey0"),grey10:z("color-grey10"),grey15:z("color-grey15"),grey20:z("color-grey20"),grey30:z("color-grey30"),grey40:z("color-grey40"),grey50:z("color-grey50"),grey60:z("color-grey60"),grey65:z("color-grey65"),grey70:z("color-grey70"),grey80:z("color-grey80"),black:z("color-grey100"),primary:z("color-blue30"),primaryLight:z("color-blue0"),additional1:z("color-blue20"),additional2:z("color-blue40"),additional3:z("color-blue10"),green:z("color-green0"),orange:z("color-orange0"),red:z("color-red0"),purple:z("color-purple0"),blue:z("color-blue30"),yellow:z("color-yellow0")}},aa={"font-size":{sm:z("font-size-10px"),med:z("font-size-12px"),lrg:z("font-size-14px"),xlrg:z("font-size-16px")},"font-weight":{normal:z("font-weight-400"),bold:z("font-weight-700")},"font-family":{default:z("font-family-Arial")},"line-height":{default:z("line-height-120")}},la={spacing:{2:z("spacing-2px"),4:z("spacing-4px"),6:z("spacing-6px"),7:z("spacing-7px"),8:z("spacing-8px"),10:z("spacing-10px"),12:z("spacing-12px"),14:z("spacing-14px"),16:z("spacing-16px"),18:z("spacing-18px"),20:z("spacing-20px"),22:z("spacing-22px"),24:z("spacing-24px"),26:z("spacing-26px"),28:z("spacing-28px"),30:z("spacing-30px"),32:z("spacing-32px"),34:z("spacing-34px"),36:z("spacing-36px"),40:z("spacing-40px")},border:{xsm:z("spacing-0-5px"),sm:z("spacing-1px"),med:z("spacing-2px"),lrg:z("spacing-3px")}},ca={...ia,...aa,...la},I=e=>e.map(t=>(o,n)=>Pt(`--studio-c-${t}-${o}`,n)),Mo=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`${t(`${o}-${n}`,!0)}: ${e[o][n]}`)),da=j.css`
|
|
1
|
+
"use strict";var li=Object.defineProperty;var ci=(e,t,o)=>t in e?li(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var X=(e,t,o)=>(ci(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@emotion/react/jsx-runtime"),d=require("react"),h=require("@emotion/styled"),j=require("@emotion/react"),di=require("react-dom"),O=require("@floating-ui/react"),ui=require("@use-gesture/react"),W=require("react-hook-form"),Y=require("@kosdev-code/kos-ui-sdk"),Z=require("mobx"),et=require("@tanstack/react-table"),L=require("date-fns"),fi=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},gi=e=>e instanceof RegExp,pi=e=>typeof e=="string",hi=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},mi=(e,t,o)=>{if(e===""||t==="")return e;let n=t;gi(n)||(n=new RegExp("("+fi(n)+")","gi"));const r=e.split(n);for(let s=1,i=r.length;s<i;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},Ln=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),hi(n.map(r=>pi(r)?mi(r,t,o):r))},Pt=(e,t)=>t?e:`var(${e})`,M=(e,t)=>Pt(`--studio-g-${e}`,t),c=(e,t)=>Pt(`--studio-s-${e}`,t),bi={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},xi={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},yi={"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")}},ki={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")}},vi={"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")}`}},wi={"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")}},Ci={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)"}},$i={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`}},Si={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},ji={"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)"}},Di={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")}},Ti={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},Ei={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"}},Ii={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")}},Ni={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")}},zi={"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")}},Mi={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")}},Oi={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"}},Ri={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")}},Ai={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},Fi={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")}},Li={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")}},Wi={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"}},_i={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")}},Bi={"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"}},Pi={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},Hi={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")}},Gi={"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")}},Ui={"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")}},Yi={"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")}},Vi={"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")}},Ki={"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")}},qi={"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")}},Xi={"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-x":c("spacing-20"),"padding-y":c("spacing-12"),"badge-size":c("spacing-24"),"badge-radius":c("spacing-2"),"line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-8")}},Zi={"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")}},Qi={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")}},Ji={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},ea={"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")}},ta={"shell-icon-button":{padding:"5px"}},oa={"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")}},na={...bi,...xi,...yi,...ki,...vi,...wi,...Ci,...$i,...Si,...ji,...Di,...Ti,...Ei,...Ii,...Ni,...zi,...Mi,...Oi,...Ri,...Ai,...Fi,...Li,...Wi,..._i,...Bi,...Pi,...Hi,...Gi,...Ui,...Yi,...Vi,...Ki,...qi,...Xi,...Zi,...Qi,...Ji,...ea,...ta,...oa},ra={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"}},sa={"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"}},ia={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"}},aa={...ra,...sa,...ia},la={color:{white:M("color-grey0"),grey10:M("color-grey10"),grey15:M("color-grey15"),grey20:M("color-grey20"),grey30:M("color-grey30"),grey40:M("color-grey40"),grey50:M("color-grey50"),grey60:M("color-grey60"),grey65:M("color-grey65"),grey70:M("color-grey70"),grey80:M("color-grey80"),black:M("color-grey100"),primary:M("color-blue30"),primaryLight:M("color-blue0"),additional1:M("color-blue20"),additional2:M("color-blue40"),additional3:M("color-blue10"),green:M("color-green0"),orange:M("color-orange0"),red:M("color-red0"),purple:M("color-purple0"),blue:M("color-blue30"),yellow:M("color-yellow0")}},ca={"font-size":{sm:M("font-size-10px"),med:M("font-size-12px"),lrg:M("font-size-14px"),xlrg:M("font-size-16px")},"font-weight":{normal:M("font-weight-400"),bold:M("font-weight-700")},"font-family":{default:M("font-family-Arial")},"line-height":{default:M("line-height-120")}},da={spacing:{2:M("spacing-2px"),4:M("spacing-4px"),6:M("spacing-6px"),7:M("spacing-7px"),8:M("spacing-8px"),10:M("spacing-10px"),12:M("spacing-12px"),14:M("spacing-14px"),16:M("spacing-16px"),18:M("spacing-18px"),20:M("spacing-20px"),22:M("spacing-22px"),24:M("spacing-24px"),26:M("spacing-26px"),28:M("spacing-28px"),30:M("spacing-30px"),32:M("spacing-32px"),34:M("spacing-34px"),36:M("spacing-36px"),40:M("spacing-40px")},border:{xsm:M("spacing-0-5px"),sm:M("spacing-1px"),med:M("spacing-2px"),lrg:M("spacing-3px")}},ua={...la,...ca,...da},N=e=>e.map(t=>(o,n)=>Pt(`--studio-c-${t}-${o}`,n)),zo=(e,t)=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`${t(`${o}-${n}`,!0)}: ${e[o][n]}`)),fa=j.css`
|
|
2
2
|
:root {
|
|
3
|
-
${
|
|
3
|
+
${zo(ua,c)}
|
|
4
4
|
}
|
|
5
|
-
`,
|
|
5
|
+
`,ga=j.css`
|
|
6
6
|
:root {
|
|
7
7
|
.rdp-root {
|
|
8
8
|
--rdp-accent-color: ${c("color-primary")};
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
${
|
|
11
|
+
${zo(aa,M)}
|
|
12
12
|
}
|
|
13
|
-
`,
|
|
13
|
+
`,pa=j.css`
|
|
14
14
|
:root {
|
|
15
|
-
${
|
|
15
|
+
${zo(na,(e,t)=>Pt(`--studio-c-${e}`,t))}
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,ha=j.css`
|
|
18
18
|
:root {
|
|
19
19
|
// viewable list item
|
|
20
20
|
--studio-component-viewable-list-item-padding-inline: var(
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
--studio-generic-padding-x-small
|
|
40
40
|
);
|
|
41
41
|
}
|
|
42
|
-
`,
|
|
42
|
+
`,ma=j.css`
|
|
43
43
|
:root {
|
|
44
44
|
// button
|
|
45
45
|
--studio-component-button-background-color-active: var(
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
--studio-component-button-gap: var(--studio-semantic-control-gap);
|
|
106
106
|
--studio-component-button-padding: 10px 40px;
|
|
107
107
|
}
|
|
108
|
-
`,
|
|
108
|
+
`,ba=j.css`
|
|
109
109
|
:root {
|
|
110
110
|
// list item
|
|
111
111
|
--studio-component-list-item-border-color-selected: var(
|
|
@@ -138,17 +138,17 @@
|
|
|
138
138
|
--studio-semantic-component-list-padding-inline
|
|
139
139
|
);
|
|
140
140
|
}
|
|
141
|
-
`,
|
|
141
|
+
`,xa=j.css`
|
|
142
142
|
:root {
|
|
143
143
|
//list
|
|
144
144
|
--studio-component-list-border-color-default: var(
|
|
145
145
|
--studio-generic-color-grey-20
|
|
146
146
|
);
|
|
147
147
|
}
|
|
148
|
-
`,
|
|
148
|
+
`,Wn=j.css`
|
|
149
149
|
:root {
|
|
150
150
|
}
|
|
151
|
-
`,bo=[
|
|
151
|
+
`,bo=[Wn,ha,ma,ba,xa],xo=j.css`
|
|
152
152
|
:root {
|
|
153
153
|
/* radius */
|
|
154
154
|
--studio-generic-border-radius-small: 4px;
|
|
@@ -522,14 +522,14 @@
|
|
|
522
522
|
code {
|
|
523
523
|
font-family: var(--ddk-generic-font-family-code);
|
|
524
524
|
}
|
|
525
|
-
`,ba=e=>e==="studio"?[ko,xo,...bo,yo]:[ko,xo,...bo,yo],_n={"--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"},Bn={"--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)"},Pn={"--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"},Hn={"--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"},xa={"--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"},ya={"--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"},hn={"--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"},ka={"--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)"},va=j.css`
|
|
525
|
+
`,ya=e=>e==="studio"?[ko,xo,...bo,yo]:[ko,xo,...bo,yo],_n={"--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"},Bn={"--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)"},Pn={"--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"},Hn={"--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"},ka={"--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"},va={"--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"},hn={"--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"},wa={"--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)"},Ca=j.css`
|
|
526
526
|
scrollbar-gutter: auto;
|
|
527
527
|
//AUTO might be the one that overlays things
|
|
528
528
|
|
|
529
529
|
/* Hide scrollbar for IE, Edge, Firefox, and other browsers */
|
|
530
530
|
scrollbar-width: thin; /* Firefox */
|
|
531
531
|
overflow-y: auto;
|
|
532
|
-
|
|
532
|
+
`,$a=()=>j.css`
|
|
533
533
|
:root {
|
|
534
534
|
--kos-font-size-base: 10px;
|
|
535
535
|
--kos-font-size-small: 10px;
|
|
@@ -539,10 +539,10 @@
|
|
|
539
539
|
}
|
|
540
540
|
:root {
|
|
541
541
|
${j.css(_n)}
|
|
542
|
-
${j.css(
|
|
543
|
-
${j.css(xa)}
|
|
544
|
-
${j.css(Hn)}
|
|
542
|
+
${j.css(va)}
|
|
545
543
|
${j.css(ka)}
|
|
544
|
+
${j.css(Hn)}
|
|
545
|
+
${j.css(wa)}
|
|
546
546
|
}
|
|
547
547
|
|
|
548
548
|
::-webkit-scrollbar {
|
|
@@ -663,15 +663,15 @@
|
|
|
663
663
|
--ant-font-size-base: var(--kos-font-size-base);
|
|
664
664
|
}
|
|
665
665
|
}
|
|
666
|
-
`;function dt(e){return d.forwardRef(e)}const[
|
|
667
|
-
font-family: ${
|
|
668
|
-
line-height: ${
|
|
666
|
+
`;function dt(e){return d.forwardRef(e)}const[ge]=N(["text"]),Sa=["blue","dark","disabled","green","grey","light","red","yellow","orange"],ja=({bold:e,children:t,color:o,ellipsis:n,lineClamp:r,textAlign:s,underline:i,variant:l,...u},f)=>a.jsx(j.ClassNames,{children:({cx:g})=>a.jsx(Ta,{"data-variant":l,"data-alignment":s,"data-color":o,ref:f,...u,className:g(u.className,{isBold:e,isUnderlined:i,isEllipsized:n,isLineClamped:r}),children:t})}),I=dt(ja),Da=["left","right","center","justify"],Ta=h.span`
|
|
667
|
+
font-family: ${ge("font-family")};
|
|
668
|
+
line-height: ${ge("line-height")};
|
|
669
669
|
vertical-align: bottom;
|
|
670
|
-
font-weight: ${
|
|
670
|
+
font-weight: ${ge("font-weight-normal")};
|
|
671
671
|
margin: 0;
|
|
672
672
|
color: inherit;
|
|
673
673
|
&.isBold {
|
|
674
|
-
font-weight: ${
|
|
674
|
+
font-weight: ${ge("font-weight-bold")};
|
|
675
675
|
}
|
|
676
676
|
&.isEllipsized {
|
|
677
677
|
text-overflow: ellipsis;
|
|
@@ -690,48 +690,48 @@
|
|
|
690
690
|
text-decoration: underline;
|
|
691
691
|
}
|
|
692
692
|
&[data-variant="h1"] {
|
|
693
|
-
font-size: ${
|
|
694
|
-
font-weight: ${
|
|
693
|
+
font-size: ${ge("h1-size")};
|
|
694
|
+
font-weight: ${ge("font-weight-bold")};
|
|
695
695
|
}
|
|
696
696
|
&[data-variant="h2"] {
|
|
697
|
-
font-size: ${
|
|
698
|
-
font-weight: ${
|
|
697
|
+
font-size: ${ge("h2-size")};
|
|
698
|
+
font-weight: ${ge("font-weight-bold")};
|
|
699
699
|
}
|
|
700
700
|
&[data-variant="body"] {
|
|
701
|
-
font-size: ${
|
|
701
|
+
font-size: ${ge("body-size")};
|
|
702
702
|
}
|
|
703
703
|
&[data-variant="small"] {
|
|
704
|
-
font-size: ${
|
|
704
|
+
font-size: ${ge("small-size")};
|
|
705
705
|
}
|
|
706
|
-
${
|
|
706
|
+
${Da.map(e=>`&[data-alignment="${e}"] {
|
|
707
707
|
text-align: ${e};
|
|
708
708
|
}`).join(`
|
|
709
709
|
`)}
|
|
710
|
-
${
|
|
711
|
-
color: ${
|
|
710
|
+
${Sa.map(e=>`&[data-color="${e}"] {
|
|
711
|
+
color: ${ge(`color-${e}`)};
|
|
712
712
|
}`).join(`
|
|
713
713
|
`)}
|
|
714
|
-
`,[
|
|
715
|
-
${
|
|
716
|
-
font-size: ${
|
|
717
|
-
`,onClick:t,className:n?"isDisabled":void 0,...r,children:e}),
|
|
718
|
-
font-weight: ${
|
|
719
|
-
font-family: ${
|
|
720
|
-
line-height: ${
|
|
721
|
-
color: ${
|
|
714
|
+
`,[Ye]=N(["link"]),Mo=({children:e,onClick:t,size:o="med",isDisabled:n,...r})=>a.jsx("span",{css:j.css`
|
|
715
|
+
${Ea}
|
|
716
|
+
font-size: ${Ye(`font-size-${o}`)};
|
|
717
|
+
`,onClick:t,className:n?"isDisabled":void 0,...r,children:e}),Ea=j.css`
|
|
718
|
+
font-weight: ${Ye("font-weight")};
|
|
719
|
+
font-family: ${Ye("font-family")};
|
|
720
|
+
line-height: ${Ye("line-height")};
|
|
721
|
+
color: ${Ye("color")};
|
|
722
722
|
transition: color 0.125s ease-in-out;
|
|
723
723
|
cursor: pointer;
|
|
724
724
|
&:hover:not(.isDisabled) {
|
|
725
|
-
color: ${
|
|
725
|
+
color: ${Ye("color-hover")};
|
|
726
726
|
}
|
|
727
727
|
&:active:not(.isDisabled) {
|
|
728
|
-
color: ${
|
|
728
|
+
color: ${Ye("color-active")};
|
|
729
729
|
}
|
|
730
730
|
&.isDisabled {
|
|
731
|
-
color: ${
|
|
731
|
+
color: ${Ye("color-disabled")};
|
|
732
732
|
pointer-events: none;
|
|
733
733
|
}
|
|
734
|
-
`,vo=["black","blue","green","grey","orange","purple","red","white","yellow"],
|
|
734
|
+
`,vo=["black","blue","green","grey","orange","purple","red","white","yellow"],Ia=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg"],Gn=d.createContext(null),Na=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return a.jsx(Gn.Provider,{value:o,children:e})},Un=()=>{const e=d.useContext(Gn);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[ht]=N(["icon"]),za=d.forwardRef(({iconId:e,size:t="sm",color:o,...n},r)=>{const{basePath:s}=Un();return a.jsx(Ma,{viewBox:"0 0 36 36",ref:r,"data-size":t,"data-color":o,xmlns:"http://www.w3.org/2000/svg",...n,children:a.jsx("use",{href:`${s}icon-sprite.svg#${e}`})})}),A=d.memo(za);A.displayName="Icon";const Ma=h.svg`
|
|
735
735
|
fill: currentColor;
|
|
736
736
|
transition: fill 0.125s ease-in-out;
|
|
737
737
|
|
|
@@ -741,45 +741,45 @@
|
|
|
741
741
|
}`).join("")}
|
|
742
742
|
|
|
743
743
|
// Sizes
|
|
744
|
-
${
|
|
744
|
+
${Ia.map(e=>`&[data-size="${e}"] {
|
|
745
745
|
max-height: ${ht(`size-${e}`)};
|
|
746
746
|
max-width: ${ht(`size-${e}`)};
|
|
747
747
|
min-height: ${ht(`size-${e}`)};
|
|
748
748
|
min-width: ${ht(`size-${e}`)};
|
|
749
749
|
}`).join("")}
|
|
750
|
-
`,[Yn]=
|
|
750
|
+
`,[Yn]=N(["actionable-blurb"]),Oa=d.memo(({text:e,actions:t,icon:o,title:n,iconColor:r,iconSize:s,className:i})=>{const l=d.useMemo(()=>{if(!t)return e;let u=e;return t.forEach(({action:f,actionText:g})=>{u=Ln(u,g,p=>a.jsx(Mo,{onClick:f,children:p},p))}),u},[t,e]);return a.jsxs(Ra,{className:i,children:[a.jsx(Aa,{children:a.jsx(A,{iconId:o,size:s??"xsm",color:r??"black"})}),a.jsxs(Fa,{className:"blurb-wrapper",children:[a.jsx(I,{color:"dark",variant:"body",bold:!0,children:n}),a.jsx(I,{color:"dark",variant:"body",children:l})]})]})}),Ra=h.div`
|
|
751
751
|
width: 100%;
|
|
752
752
|
display: grid;
|
|
753
753
|
grid-template-columns: ${Yn("icon-column-width")} 1fr;
|
|
754
|
-
`,
|
|
754
|
+
`,Aa=h.div`
|
|
755
755
|
height: 100%;
|
|
756
756
|
display: flex;
|
|
757
757
|
align-items: flex-start;
|
|
758
758
|
justify-content: flex-start;
|
|
759
|
-
`,
|
|
759
|
+
`,Fa=h.div`
|
|
760
760
|
display: flex;
|
|
761
761
|
align-items: flex-start;
|
|
762
762
|
justify-content: flex-start;
|
|
763
763
|
flex-direction: column;
|
|
764
764
|
row-gap: ${Yn("row-gap")};
|
|
765
|
-
`,
|
|
765
|
+
`,La=({defaultOpen:e=!1,open:t,onOpenChange:o})=>{const[n,r]=d.useState(e),s=t??n,i=o??r;return d.useMemo(()=>({open:s,setOpen:i}),[s,i])},Vn=d.createContext(null),Et=()=>{const e=d.useContext(Vn);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},Ht=({children:e,...t})=>{const o=La(t);return a.jsx(Vn.Provider,{value:o,children:e})},Oo=({children:e})=>{const{open:t,setOpen:o}=Et(),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")},Gt=({children:e})=>{const{open:t}=Et();return t?e:null};function Kn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var qn={exports:{}};/*!
|
|
766
766
|
Copyright (c) 2018 Jed Watson.
|
|
767
767
|
Licensed under the MIT License (MIT), see
|
|
768
768
|
http://jedwatson.github.io/classnames
|
|
769
|
-
*/(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",i=0;i<arguments.length;i++){var l=arguments[i];l&&(s=r(s,n(l)))}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 i="";for(var l in s)t.call(s,l)&&s[l]&&(i=r(i,l));return i}function r(s,i){return i?s?s+" "+i:s+i:s}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(qn);var
|
|
769
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",i=0;i<arguments.length;i++){var l=arguments[i];l&&(s=r(s,n(l)))}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 i="";for(var l in s)t.call(s,l)&&s[l]&&(i=r(i,l));return i}function r(s,i){return i?s?s+" "+i:s+i:s}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(qn);var Wa=qn.exports;const Ro=Kn(Wa),[xe]=N(["icon-button"]),te=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:n,className:r,size:s,type:i,isActive:l,badgeColor:u,hasBadge:f,...g},p)=>a.jsxs(_a,{className:Ro({isActive:l},r),type:i??"button",ref:p,...g,children:[f&&a.jsx(Ba,{"data-size":s,"data-border-color":o??n,"data-color":u??n,style:t?{right:t.x,top:t.y}:void 0}),a.jsx(A,{size:s,color:g.disabled?"grey":n??"white",iconId:e,className:"icon-button-icon"})]})),_a=h.button`
|
|
770
770
|
box-sizing: border-box;
|
|
771
771
|
align-items: center;
|
|
772
772
|
justify-content: center;
|
|
773
773
|
display: flex;
|
|
774
774
|
position: relative;
|
|
775
775
|
border: 0px;
|
|
776
|
-
background-color: ${
|
|
777
|
-
border-color: ${
|
|
778
|
-
border-radius: ${
|
|
779
|
-
padding: ${
|
|
780
|
-
cursor: ${
|
|
776
|
+
background-color: ${xe("background-color")};
|
|
777
|
+
border-color: ${xe("border-color")};
|
|
778
|
+
border-radius: ${xe("border-radius")};
|
|
779
|
+
padding: ${xe("padding")};
|
|
780
|
+
cursor: ${xe("cursor")};
|
|
781
781
|
&:disabled {
|
|
782
|
-
cursor: ${
|
|
782
|
+
cursor: ${xe("disabled-cursor")};
|
|
783
783
|
}
|
|
784
784
|
> .icon-button-icon {
|
|
785
785
|
transition: fill-opacity 0.125s ease-in-out;
|
|
@@ -790,30 +790,30 @@
|
|
|
790
790
|
}
|
|
791
791
|
}
|
|
792
792
|
&.isActive {
|
|
793
|
-
background-color: ${
|
|
793
|
+
background-color: ${xe("active-background-color")};
|
|
794
794
|
}
|
|
795
|
-
`,
|
|
795
|
+
`,Ba=h.div`
|
|
796
796
|
position: absolute;
|
|
797
797
|
border: 1.5px solid ${c("color-black")};
|
|
798
798
|
border-radius: 50%;
|
|
799
|
-
top: ${
|
|
800
|
-
right: ${
|
|
799
|
+
top: ${xe("badge-top")};
|
|
800
|
+
right: ${xe("badge-right")};
|
|
801
801
|
transform: translate(50%, -50%);
|
|
802
802
|
// Border Colors
|
|
803
803
|
${vo.map(e=>`&[data-border-color="${e}"] {
|
|
804
|
-
border-color: ${
|
|
804
|
+
border-color: ${xe(`badge-fill-${e}`)};
|
|
805
805
|
}`).join("")}
|
|
806
806
|
// Colors
|
|
807
807
|
${vo.map(e=>`&[data-color="${e}"] {
|
|
808
|
-
background-color: ${
|
|
808
|
+
background-color: ${xe(`badge-fill-${e}`)};
|
|
809
809
|
}`).join("")}
|
|
810
810
|
width: ${c("spacing-8")};
|
|
811
811
|
height: ${c("spacing-8")};
|
|
812
|
-
`,
|
|
812
|
+
`,Pa=h(te)`
|
|
813
813
|
&.isLocked {
|
|
814
814
|
cursor: url("/ui/custom-cursors/locked-cursor.png"), not-allowed !important;
|
|
815
815
|
}
|
|
816
|
-
`,
|
|
816
|
+
`,Ha=d.memo(({description:e})=>{const{open:t}=Et();return a.jsx(Ga,{color:"grey",variant:"small","data-state":t?"open":"closed",children:e})}),Ga=h(I)`
|
|
817
817
|
width: 100%;
|
|
818
818
|
overflow: hidden;
|
|
819
819
|
text-overflow: ellipsis;
|
|
@@ -824,192 +824,192 @@
|
|
|
824
824
|
white-space: normal;
|
|
825
825
|
word-break: break-word;
|
|
826
826
|
}
|
|
827
|
-
`,[
|
|
827
|
+
`,[De]=N(["collapsible-artifact"]),Ua=d.memo(({onExternalClick:e,id:t,name:o,isSelected:n,description:r,VersionList:s,className:i})=>{const l=d.useCallback(()=>{e&&e(t)},[t,e]);return a.jsx(Ht,{children:a.jsxs(Ya,{className:i,children:[a.jsxs(Ka,{children:[a.jsx(Oo,{children:a.jsx(qa,{color:"black",size:"xxsm",iconId:"CaretRight"})}),a.jsxs(Xa,{children:[a.jsxs(Za,{children:[a.jsx(I,{css:j.css`
|
|
828
828
|
word-break: break-all;
|
|
829
|
-
`,variant:"small",bold:!0,children:o}),!!n&&a.jsx(
|
|
829
|
+
`,variant:"small",bold:!0,children:o}),!!n&&a.jsx(I,{variant:"small",color:"blue",children:"Selected"})]}),r&&a.jsx(Ha,{description:r})]}),!!e&&a.jsx(Va,{color:"blue",iconId:"Export",onClick:l,size:"xsm"})]}),a.jsx(Gt,{children:a.jsx(Qa,{children:a.jsx(Ja,{children:s})})})]})})}),Ya=h.div`
|
|
830
830
|
align-items: flex-start;
|
|
831
|
-
background-color: ${
|
|
832
|
-
border-radius: ${
|
|
833
|
-
border: ${
|
|
831
|
+
background-color: ${De("background-color")};
|
|
832
|
+
border-radius: ${De("border-radius")};
|
|
833
|
+
border: ${De("border-width")} solid ${De("border-color")};
|
|
834
834
|
display: flex;
|
|
835
835
|
flex-direction: column;
|
|
836
836
|
justify-content: flex-start;
|
|
837
837
|
position: relative;
|
|
838
838
|
width: 100%;
|
|
839
|
-
`,
|
|
839
|
+
`,Va=h(te)`
|
|
840
840
|
z-index: 1;
|
|
841
|
-
`,
|
|
841
|
+
`,Ka=h.div`
|
|
842
842
|
align-items: flex-start;
|
|
843
843
|
display: flex;
|
|
844
|
-
gap: ${
|
|
845
|
-
padding: ${
|
|
844
|
+
gap: ${De("name-and-selected-spacing")};
|
|
845
|
+
padding: ${De("padding")};
|
|
846
846
|
width: 100%;
|
|
847
|
-
`,
|
|
847
|
+
`,qa=h(te)`
|
|
848
848
|
z-index: 1;
|
|
849
849
|
|
|
850
850
|
&[data-state="open"] {
|
|
851
851
|
transform: rotate(90deg);
|
|
852
852
|
}
|
|
853
|
-
`,
|
|
853
|
+
`,Xa=h.div`
|
|
854
854
|
display: flex;
|
|
855
855
|
flex-direction: column;
|
|
856
856
|
flex: 1;
|
|
857
|
-
gap: ${
|
|
857
|
+
gap: ${De("name-and-desc-spacing")};
|
|
858
858
|
overflow: hidden;
|
|
859
|
-
`,
|
|
859
|
+
`,Za=h.div`
|
|
860
860
|
align-items: center;
|
|
861
861
|
display: flex;
|
|
862
862
|
flex-wrap: wrap;
|
|
863
863
|
flex: 1;
|
|
864
|
-
gap: ${
|
|
864
|
+
gap: ${De("name-and-selected-spacing")};
|
|
865
865
|
justify-content: flex-start;
|
|
866
866
|
width: 100%;
|
|
867
|
-
`,
|
|
868
|
-
border-top: 1px solid ${
|
|
867
|
+
`,Qa=h.div`
|
|
868
|
+
border-top: 1px solid ${De("border-color")};
|
|
869
869
|
width: 100%;
|
|
870
|
-
`,
|
|
871
|
-
padding: ${
|
|
872
|
-
width: 100%;
|
|
873
|
-
`,
|
|
874
|
-
font-weight: ${
|
|
875
|
-
font-size: ${
|
|
876
|
-
line-height: ${
|
|
877
|
-
border-radius: ${
|
|
878
|
-
border-width: ${
|
|
879
|
-
cursor: ${
|
|
880
|
-
padding: ${`${
|
|
870
|
+
`,Ja=h.div`
|
|
871
|
+
padding: ${De("name-and-selected-spacing")};
|
|
872
|
+
width: 100%;
|
|
873
|
+
`,Ie=()=>{},el=e=>(t,o)=>e[t][o]??t,tl=(e,t)=>d.useReducer(el(t),e),At=e=>(e==null?void 0:e.animationName)||"none",ol=(e,t)=>{const[o,n]=d.useState(),r=d.useRef(),s=d.useRef(e),i=d.useRef("none"),l=d.useRef(t);d.useLayoutEffect(()=>{l.current=t},[t]);const[u,f]=tl(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=At(r.current);i.current=u==="mounted"?m:"none"},[u]),d.useLayoutEffect(()=>{const m=r.current,y=s.current;if(y!==e){const v=i.current,k=At(m);e?f("MOUNT"):k==="none"||(m==null?void 0:m.display)==="none"?f("UNMOUNT"):f(y&&v!==k?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,f]),d.useLayoutEffect(()=>{if(o){const m=x=>{const k=At(r.current).includes(x.animationName);x.target===o&&k&&di.flushSync(()=>f("ANIMATION_END"))},y=x=>{x.target===o&&(i.current=At(r.current))};return o.addEventListener("animationstart",y),o.addEventListener("animationcancel",m),o.addEventListener("animationend",m),()=>{o.removeEventListener("animationstart",y),o.removeEventListener("animationcancel",m),o.removeEventListener("animationend",m)}}else return f("ANIMATION_END"),Ie},[o,f]);const g=d.useCallback(m=>{m&&(r.current=getComputedStyle(m)),n(m)},[]),p=["mounted","unmounting"].includes(u);return d.useEffect(()=>{l.current&&l.current(p)},[p]),{isPresent:p,ref:g}},Xn=d.memo(({present:e,children:t,onPresenceChange:o})=>{const n=ol(e,o);return n.isPresent?d.cloneElement(t,{ref:n.ref,present:e}):null});Xn.displayName="AnimatePresence";const[E,ae]=N(["button","icon"]),nl=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},i)=>a.jsx(j.ClassNames,{children:({cx:l})=>a.jsxs(rl,{disabled:o,className:l(e,n),ref:i,...s,children:[r&&a.jsx(sl,{children:a.jsx(A,{iconId:r,size:"sm",color:"white"})}),t]})})),Ee=d.memo(nl);Ee.displayName="StudioButton";const rl=h.button`
|
|
874
|
+
font-weight: ${E("font-weight")};
|
|
875
|
+
font-size: ${E("font-size")};
|
|
876
|
+
line-height: ${E("line-height")};
|
|
877
|
+
border-radius: ${E("br")};
|
|
878
|
+
border-width: ${E("border-width")};
|
|
879
|
+
cursor: ${E("cursor")};
|
|
880
|
+
padding: ${`${E("ypadding")} ${E("xpadding")}`};
|
|
881
881
|
border-style: solid;
|
|
882
882
|
transition: border 0.125s ease-in-out, background 0.125s ease-in-out,
|
|
883
883
|
color 0.125s ease-in-out;
|
|
884
884
|
|
|
885
|
-
background-color: ${
|
|
886
|
-
color: ${
|
|
887
|
-
border-color: ${
|
|
885
|
+
background-color: ${E("bg")};
|
|
886
|
+
color: ${E("color")};
|
|
887
|
+
border-color: ${E("border")};
|
|
888
888
|
display: flex;
|
|
889
889
|
align-items: center;
|
|
890
890
|
justify-content: flex-start;
|
|
891
891
|
white-space: nowrap;
|
|
892
892
|
// This token will let us flip the icon and text if we want to
|
|
893
|
-
flex-direction: ${
|
|
893
|
+
flex-direction: ${E("flex-direction")};
|
|
894
894
|
|
|
895
|
-
${`${ae("fill-white",!0)}: ${
|
|
895
|
+
${`${ae("fill-white",!0)}: ${E("color")}`};
|
|
896
896
|
|
|
897
897
|
&.primary-small,
|
|
898
898
|
&.secondary-small,
|
|
899
899
|
&.text-small {
|
|
900
|
-
padding-top: ${
|
|
901
|
-
padding-bottom: ${
|
|
900
|
+
padding-top: ${E("ypadding-small")};
|
|
901
|
+
padding-bottom: ${E("ypadding-small")};
|
|
902
902
|
}
|
|
903
903
|
|
|
904
904
|
&:hover {
|
|
905
|
-
border-color: ${
|
|
906
|
-
color: ${
|
|
907
|
-
background-color: ${
|
|
908
|
-
${`${ae("fill-white",!0)}: ${
|
|
905
|
+
border-color: ${E("border-hover")};
|
|
906
|
+
color: ${E("color-hover")};
|
|
907
|
+
background-color: ${E("bg-hover")};
|
|
908
|
+
${`${ae("fill-white",!0)}: ${E("color-hover")}`};
|
|
909
909
|
}
|
|
910
910
|
|
|
911
911
|
&:active {
|
|
912
|
-
border-color: ${
|
|
913
|
-
color: ${
|
|
914
|
-
background-color: ${
|
|
915
|
-
${`${ae("fill-white",!0)}: ${
|
|
912
|
+
border-color: ${E("border-active")};
|
|
913
|
+
color: ${E("color-active")};
|
|
914
|
+
background-color: ${E("bg-active")};
|
|
915
|
+
${`${ae("fill-white",!0)}: ${E("color-active")}`};
|
|
916
916
|
}
|
|
917
917
|
|
|
918
918
|
&:disabled {
|
|
919
919
|
cursor: not-allowed;
|
|
920
|
-
border-color: ${
|
|
921
|
-
color: ${
|
|
922
|
-
background-color: ${
|
|
923
|
-
${`${ae("fill-white",!0)}: ${
|
|
920
|
+
border-color: ${E("border-disabled")};
|
|
921
|
+
color: ${E("color-disabled")};
|
|
922
|
+
background-color: ${E("bg-disabled")};
|
|
923
|
+
${`${ae("fill-white",!0)}: ${E("color-disabled")}`};
|
|
924
924
|
}
|
|
925
925
|
|
|
926
926
|
// Re-assign bg and color vars for secondary buttons.
|
|
927
927
|
&.secondary,
|
|
928
928
|
&.secondary-small {
|
|
929
|
-
background-color: ${
|
|
930
|
-
color: ${
|
|
931
|
-
border-color: ${
|
|
932
|
-
${`${ae("fill-white",!0)}: ${
|
|
929
|
+
background-color: ${E("bg-secondary")};
|
|
930
|
+
color: ${E("color-secondary")};
|
|
931
|
+
border-color: ${E("border-secondary")};
|
|
932
|
+
${`${ae("fill-white",!0)}: ${E("color-secondary")}`};
|
|
933
933
|
&:hover {
|
|
934
|
-
border-color: ${
|
|
935
|
-
color: ${
|
|
936
|
-
background-color: ${
|
|
937
|
-
${`${ae("fill-white",!0)}: ${
|
|
934
|
+
border-color: ${E("border-hover-secondary")};
|
|
935
|
+
color: ${E("color-hover-secondary")};
|
|
936
|
+
background-color: ${E("bg-hover-secondary")};
|
|
937
|
+
${`${ae("fill-white",!0)}: ${E("color-hover-secondary")}`};
|
|
938
938
|
}
|
|
939
939
|
|
|
940
940
|
&:active {
|
|
941
|
-
border-color: ${
|
|
942
|
-
color: ${
|
|
943
|
-
background-color: ${
|
|
944
|
-
${`${ae("fill-white",!0)}: ${
|
|
941
|
+
border-color: ${E("border-active-secondary")};
|
|
942
|
+
color: ${E("color-active-secondary")};
|
|
943
|
+
background-color: ${E("bg-active-secondary")};
|
|
944
|
+
${`${ae("fill-white",!0)}: ${E("color-active-secondary")}`};
|
|
945
945
|
}
|
|
946
946
|
|
|
947
947
|
&:disabled {
|
|
948
|
-
border-color: ${
|
|
949
|
-
color: ${
|
|
950
|
-
background-color: ${
|
|
951
|
-
${`${ae("fill-white",!0)}: ${
|
|
948
|
+
border-color: ${E("border-disabled-secondary")};
|
|
949
|
+
color: ${E("color-disabled-secondary")};
|
|
950
|
+
background-color: ${E("bg-disabled-secondary")};
|
|
951
|
+
${`${ae("fill-white",!0)}: ${E("color-disabled-secondary")}`};
|
|
952
952
|
}
|
|
953
953
|
}
|
|
954
954
|
|
|
955
955
|
// Re-assign bg, color, and border vars for borderless buttons.
|
|
956
956
|
&.borderless,
|
|
957
957
|
&.borderless-small {
|
|
958
|
-
background-color: ${
|
|
959
|
-
color: ${
|
|
960
|
-
border-color: ${
|
|
961
|
-
${`${ae("fill-white",!0)}: ${
|
|
958
|
+
background-color: ${E("bg-borderless")};
|
|
959
|
+
color: ${E("color-borderless")};
|
|
960
|
+
border-color: ${E("border-borderless")};
|
|
961
|
+
${`${ae("fill-white",!0)}: ${E("color-borderless")}`};
|
|
962
962
|
&:hover {
|
|
963
|
-
border-color: ${
|
|
964
|
-
color: ${
|
|
965
|
-
background-color: ${
|
|
966
|
-
${`${ae("fill-white",!0)}: ${
|
|
963
|
+
border-color: ${E("border-hover-borderless")};
|
|
964
|
+
color: ${E("color-hover-borderless")};
|
|
965
|
+
background-color: ${E("bg-hover-borderless")};
|
|
966
|
+
${`${ae("fill-white",!0)}: ${E("color-hover-borderless")}`};
|
|
967
967
|
}
|
|
968
968
|
|
|
969
969
|
&:active {
|
|
970
|
-
border-color: ${
|
|
971
|
-
color: ${
|
|
972
|
-
background-color: ${
|
|
973
|
-
${`${ae("fill-white",!0)}: ${
|
|
970
|
+
border-color: ${E("border-active-borderless")};
|
|
971
|
+
color: ${E("color-active-borderless")};
|
|
972
|
+
background-color: ${E("bg-active-borderless")};
|
|
973
|
+
${`${ae("fill-white",!0)}: ${E("color-active-borderless")}`};
|
|
974
974
|
}
|
|
975
975
|
|
|
976
976
|
&:disabled {
|
|
977
977
|
cursor: not-allowed;
|
|
978
|
-
border-color: ${
|
|
979
|
-
color: ${
|
|
980
|
-
background-color: ${
|
|
981
|
-
${`${ae("fill-white",!0)}: ${
|
|
978
|
+
border-color: ${E("border-disabled-borderless")};
|
|
979
|
+
color: ${E("color-disabled-borderless")};
|
|
980
|
+
background-color: ${E("bg-disabled-borderless")};
|
|
981
|
+
${`${ae("fill-white",!0)}: ${E("color-disabled-borderless")}`};
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
|
-
`,
|
|
984
|
+
`,sl=h.span`
|
|
985
985
|
display: flex;
|
|
986
|
-
margin: ${
|
|
987
|
-
`,[
|
|
988
|
-
height: ${
|
|
989
|
-
width: ${
|
|
986
|
+
margin: ${E("icon-margin")};
|
|
987
|
+
`,[pe]=N(["checkbox"]),ut=d.forwardRef((e,t)=>a.jsxs(il,{children:[a.jsx(al,{ref:t,...e,type:"checkbox"}),a.jsx(mn,{className:"check-icon",children:a.jsx(A,{iconId:"CheckSmall",size:"xsm",color:"white"})}),a.jsx(mn,{className:"minus-icon",children:a.jsx(A,{iconId:"Minus",size:"xsm",color:"white"})})]})),il=h.div`
|
|
988
|
+
height: ${pe("size")};
|
|
989
|
+
width: ${pe("size")};
|
|
990
990
|
pointer-events: none;
|
|
991
991
|
position: relative;
|
|
992
992
|
display: flex;
|
|
993
993
|
flex-shrink: 0;
|
|
994
|
-
border: ${
|
|
995
|
-
background-color: ${
|
|
996
|
-
border-radius: ${
|
|
994
|
+
border: ${pe("border-width")} solid ${pe("border-color")};
|
|
995
|
+
background-color: ${pe("background-color")};
|
|
996
|
+
border-radius: ${pe("border-radius")};
|
|
997
997
|
overflow: hidden;
|
|
998
998
|
cursor: pointer;
|
|
999
999
|
transition: background 0.125s ease-in-out, border 0.125s ease-in-out;
|
|
1000
1000
|
:has(> input:disabled) {
|
|
1001
|
-
background-color: ${
|
|
1001
|
+
background-color: ${pe("background-color-disabled")};
|
|
1002
1002
|
cursor: not-allowed;
|
|
1003
1003
|
}
|
|
1004
1004
|
:has(> input:checked),
|
|
1005
1005
|
:has(> input:indeterminate) {
|
|
1006
|
-
background-color: ${
|
|
1007
|
-
border-color: ${
|
|
1006
|
+
background-color: ${pe("background-color-checked")};
|
|
1007
|
+
border-color: ${pe("border-color-checked")};
|
|
1008
1008
|
}
|
|
1009
1009
|
:has(> input:checked:disabled),
|
|
1010
1010
|
:has(> input:indeterminate:disabled) {
|
|
1011
|
-
border-color: ${
|
|
1012
|
-
background-color: ${
|
|
1011
|
+
border-color: ${pe("border-color-checked-disabled")};
|
|
1012
|
+
background-color: ${pe("background-color-checked-disabled")};
|
|
1013
1013
|
}
|
|
1014
1014
|
`,mn=h.div`
|
|
1015
1015
|
opacity: 0;
|
|
@@ -1023,7 +1023,7 @@
|
|
|
1023
1023
|
top: 0;
|
|
1024
1024
|
left: 0;
|
|
1025
1025
|
z-index: 1;
|
|
1026
|
-
`,
|
|
1026
|
+
`,al=h.input`
|
|
1027
1027
|
margin: 0px;
|
|
1028
1028
|
position: absolute;
|
|
1029
1029
|
top: 0;
|
|
@@ -1045,15 +1045,15 @@
|
|
|
1045
1045
|
opacity: 1;
|
|
1046
1046
|
}
|
|
1047
1047
|
}
|
|
1048
|
-
`;var
|
|
1048
|
+
`;var ll=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()}},cl=ll,bn={"text/plain":"Text","text/html":"Url",default:"Text"},dl="Copy to clipboard: #{key}, Enter";function ul(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function fl(e,t){var o,n,r,s,i,l,u=!1;t||(t={}),o=t.debug||!1;try{r=cl(),s=document.createRange(),i=document.getSelection(),l=document.createElement("span"),l.textContent=e,l.ariaHidden="true",l.style.all="unset",l.style.position="fixed",l.style.top=0,l.style.clip="rect(0, 0, 0, 0)",l.style.whiteSpace="pre",l.style.webkitUserSelect="text",l.style.MozUserSelect="text",l.style.msUserSelect="text",l.style.userSelect="text",l.addEventListener("copy",function(g){if(g.stopPropagation(),t.format)if(g.preventDefault(),typeof g.clipboardData>"u"){o&&console.warn("unable to use e.clipboardData"),o&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var p=bn[t.format]||bn.default;window.clipboardData.setData(p,e)}else g.clipboardData.clearData(),g.clipboardData.setData(t.format,e);t.onCopy&&(g.preventDefault(),t.onCopy(g.clipboardData))}),document.body.appendChild(l),s.selectNodeContents(l),i.addRange(s);var f=document.execCommand("copy");if(!f)throw new Error("copy command was unsuccessful");u=!0}catch(g){o&&console.error("unable to copy using execCommand: ",g),o&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),u=!0}catch(p){o&&console.error("unable to copy using clipboardData: ",p),o&&console.error("falling back to prompt"),n=ul("message"in t?t.message:dl),window.prompt(n,e)}}finally{i&&(typeof i.removeRange=="function"?i.removeRange(s):i.removeAllRanges()),l&&document.body.removeChild(l),r()}return u}var gl=fl;const pl=Kn(gl),hl=250,ml=500,bl=({children:e,color:t,copyable:o=!0,copyText:n,onClick:r,onMouseMove:s,onMouseOut:i,onMouseOver:l,style:u,...f})=>{const g=d.useRef(),p=d.useRef(),m=d.useRef(null),y=d.useRef(null),[x,v]=d.useState(!1),[k,w]=d.useState(!1),b=d.useCallback(S=>{const D=typeof e=="string";v(!0),pl(n??D?String(e):"");const z=()=>{v(!1)};clearTimeout(g.current),g.current=setTimeout(z,ml),r==null||r(S)},[e,n,r]),C=d.useCallback(S=>{if(!m.current||!y.current){s==null||s(S);return}const D=y.current.getBoundingClientRect(),z=S.clientX-D.left+9,B=S.clientY-D.top+9;m.current.style.transform=`translate(${z}px, ${B}px)`,s==null||s(S)},[s]),$=d.useCallback(S=>{v(!1),w(!1),clearTimeout(p.current),i==null||i(S)},[i]),T=d.useCallback(S=>{const D=()=>{w(!0)};return clearTimeout(p.current),p.current=setTimeout(D,hl),l==null||l(S),()=>{clearTimeout(p.current)}},[l]);return a.jsxs("div",{style:{position:"relative"},children:[a.jsx(xl,{ref:y,children:e,onClick:o?b:r,onMouseMove:o?C:s,onMouseOut:o?$:i,onMouseOver:o?T:l,style:o?x?{...u,opacity:.5,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"},...f}),o&&a.jsx(A,{ref:m,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:k&&!x?"1":"0"}})]})},xl=h(I)`
|
|
1049
1049
|
position: relative;
|
|
1050
1050
|
transition: opacity 150ms ease-in-out;
|
|
1051
|
-
`,
|
|
1051
|
+
`,yl=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:n,open:r})=>{const s=e.ref,i=O.useMergeRefs([o,t,s]);if(d.isValidElement(e))return d.cloneElement(e,n({ref:i,...e.props,"data-state":r?"open":"closed"}));throw new Error("Passed useDecoratedFloatingUITrigger an invalid child element")};function Zn({defaultOpen:e=!1,open:t,onOpenChange:o,dismissOptions:n}={}){const[r,s]=d.useState(e),i=t??r,l=d.useCallback(y=>{t===void 0&&s(y),o==null||o(y)},[t,o]),u=O.useFloating({open:i,onOpenChange:l}),f=u.context,g=O.useClick(f),p=O.useDismiss(f,n?{outsidePressEvent:"mousedown",...n}:{outsidePressEvent:"mousedown"}),m=O.useInteractions([g,p]);return d.useMemo(()=>({open:i,setOpen:l,...m,...u}),[i,l,m,u])}const kl=j.css`
|
|
1052
1052
|
background: rgba(0, 0, 0, 0.8);
|
|
1053
1053
|
display: grid;
|
|
1054
1054
|
place-items: center;
|
|
1055
1055
|
z-index: 1;
|
|
1056
|
-
`,Qn=d.createContext(null),
|
|
1056
|
+
`,Qn=d.createContext(null),We=()=>{const e=d.useContext(Qn);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},Ao=d.memo(({children:e,...t})=>{const o=Zn(t);return a.jsx(Qn.Provider,{value:o,children:e})}),Fo=d.forwardRef(({children:e},t)=>{const o=We();return yl({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),Lo=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:n,trapFocus:r,transitionDuration:s,OverlayStyles:i,disableFocusManagement:l,children:u,initialFocus:f,...g},p)=>{const{context:m,...y}=We(),x=O.useMergeRefs([y.refs.setFloating,p]),{isMounted:v,status:k}=O.useTransitionStatus(m,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!v)return null;const w=t?kl:i;return a.jsx(O.FloatingPortal,{id:n,root:o,children:a.jsx(O.FloatingFocusManager,{context:m,modal:r,returnFocus:!1,initialFocus:f,disabled:l,children:a.jsx(O.FloatingOverlay,{css:w,"data-status":k,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:x,"data-status":k==="initial"?"open":k,...y.getFloatingProps(g)})})})})}),Wo=300;function _o(){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 vl=h.div`
|
|
1057
1057
|
background-color: transparent;
|
|
1058
1058
|
box-sizing: border-box;
|
|
1059
1059
|
cursor: ew-resize;
|
|
@@ -1073,7 +1073,7 @@
|
|
|
1073
1073
|
right: -4px;
|
|
1074
1074
|
top: 0;
|
|
1075
1075
|
}
|
|
1076
|
-
`,
|
|
1076
|
+
`,It=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const i=d.useRef(0),l=ui.useDrag(({down:u,movement:[f],first:g})=>{if(!u)return;g&&(i.current=r);let p=i.current-f*(e?-1:1);p<o&&(p=o),t!==void 0&&p>t&&(p=t),n(p)});return a.jsx(vl,{...s,...l()})},wl=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:n,open:r,size:s=440})=>{const[i,l]=d.useState(e),[u,f]=d.useState(s),g=r??i,p=n??l;return d.useMemo(()=>({mode:o,open:g,setOpen:p,setSize:f,size:u,minSize:t}),[t,o,g,p,u])},wo=d.createContext(null),Ke=()=>{const e=d.useContext(wo);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[oe]=N(["drawer"]),Cl=h.div`
|
|
1077
1077
|
display: flex;
|
|
1078
1078
|
height: 100%;
|
|
1079
1079
|
position: absolute;
|
|
@@ -1085,16 +1085,16 @@
|
|
|
1085
1085
|
display: grid;
|
|
1086
1086
|
overflow: hidden !important;
|
|
1087
1087
|
z-index: 1;
|
|
1088
|
-
|
|
1088
|
+
`,$l=j.css`
|
|
1089
1089
|
place-items: start;
|
|
1090
1090
|
${Jn};
|
|
1091
|
-
`,
|
|
1091
|
+
`,Sl=j.css`
|
|
1092
1092
|
place-items: end;
|
|
1093
1093
|
${Jn};
|
|
1094
1094
|
`,er=h.div`
|
|
1095
1095
|
align-items: flex-start;
|
|
1096
1096
|
animation-timing-function: ease-in-out;
|
|
1097
|
-
border-color: ${
|
|
1097
|
+
border-color: ${oe("border-color")};
|
|
1098
1098
|
border-style: solid;
|
|
1099
1099
|
border-width: 0px;
|
|
1100
1100
|
display: flex;
|
|
@@ -1106,7 +1106,7 @@
|
|
|
1106
1106
|
width: 100%;
|
|
1107
1107
|
// We add 50ms here to hedge against a race condition between
|
|
1108
1108
|
// the css animation finishing and the floating-ui transition helper hiding the content.
|
|
1109
|
-
animation-duration: ${
|
|
1109
|
+
animation-duration: ${Wo+10}ms;
|
|
1110
1110
|
`,tr=h.div`
|
|
1111
1111
|
display: flex;
|
|
1112
1112
|
height: 100%;
|
|
@@ -1115,23 +1115,23 @@
|
|
|
1115
1115
|
flex: 1;
|
|
1116
1116
|
width: 100%;
|
|
1117
1117
|
height: 100%;
|
|
1118
|
-
|
|
1119
|
-
border-right-width: ${
|
|
1120
|
-
box-shadow: ${
|
|
1118
|
+
`,jl=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:i}=Ke(),[l,u]=_o(),f=u!==void 0,g=s/(u||1);return a.jsx(tr,{ref:l,children:f&&a.jsxs(a.Fragment,{children:[a.jsx(er,{ref:n,className:t,style:{flexGrow:g},...o,children:e}),a.jsx(It,{inverse:!0,size:s,minSize:r,onChange:i}),a.jsx(or,{style:{flexGrow:1-g}})]})})}),Dl=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:i}=Ke(),[l,u]=_o(),f=u!==void 0,g=s/(u||1);return a.jsx(tr,{ref:l,children:f&&a.jsxs(a.Fragment,{children:[a.jsx(or,{style:{flexGrow:1-g}}),a.jsx(It,{size:s,minSize:r,onChange:i}),a.jsx(er,{ref:n,className:t,style:{flexGrow:g},...o,children:e})]})})}),Tl=j.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),El=j.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),Il=h(jl)`
|
|
1119
|
+
border-right-width: ${oe("border-width")};
|
|
1120
|
+
box-shadow: ${oe("left-drop-shadow")};
|
|
1121
1121
|
&[data-status="open"] {
|
|
1122
|
-
animation-name: ${
|
|
1122
|
+
animation-name: ${Tl};
|
|
1123
1123
|
}
|
|
1124
1124
|
&[data-status="close"] {
|
|
1125
|
-
animation-name: ${
|
|
1125
|
+
animation-name: ${El};
|
|
1126
1126
|
}
|
|
1127
|
-
`,
|
|
1128
|
-
border-left-width: ${
|
|
1129
|
-
box-shadow: ${
|
|
1127
|
+
`,Nl=j.keyframes({from:{transform:"translateX(100%)"},to:{transform:"translateX(0%)"}}),zl=j.keyframes({from:{transform:"translateX(0%)"},to:{transform:"translateX(100%)"}}),Ml=h(Dl)`
|
|
1128
|
+
border-left-width: ${oe("border-width")};
|
|
1129
|
+
box-shadow: ${oe("right-drop-shadow")};
|
|
1130
1130
|
&[data-status="open"] {
|
|
1131
|
-
animation-name: ${
|
|
1131
|
+
animation-name: ${Nl};
|
|
1132
1132
|
}
|
|
1133
1133
|
&[data-status="close"] {
|
|
1134
|
-
animation-name: ${
|
|
1134
|
+
animation-name: ${zl};
|
|
1135
1135
|
}
|
|
1136
1136
|
`,nr=h.div`
|
|
1137
1137
|
width: 100%;
|
|
@@ -1139,21 +1139,21 @@
|
|
|
1139
1139
|
height: fit-content;
|
|
1140
1140
|
animation-timing-function: ease-in-out;
|
|
1141
1141
|
border-width: 0px;
|
|
1142
|
-
border-color: ${
|
|
1142
|
+
border-color: ${oe("border-color")};
|
|
1143
1143
|
border-style: solid;
|
|
1144
1144
|
// We add 50ms here to hedge against a race condition between
|
|
1145
1145
|
// the css animation finishing and the floating-ui transition helper hiding the content.
|
|
1146
|
-
animation-duration: ${
|
|
1147
|
-
`,
|
|
1148
|
-
border-bottom-width: ${
|
|
1146
|
+
animation-duration: ${Wo+10}ms;
|
|
1147
|
+
`,Ol=j.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),Rl=j.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),Al=h(nr)`
|
|
1148
|
+
border-bottom-width: ${oe("border-width")};
|
|
1149
1149
|
&[data-status="open"] {
|
|
1150
|
-
animation-name: ${
|
|
1150
|
+
animation-name: ${Ol};
|
|
1151
1151
|
}
|
|
1152
1152
|
&[data-status="close"] {
|
|
1153
|
-
animation-name: ${
|
|
1153
|
+
animation-name: ${Rl};
|
|
1154
1154
|
}
|
|
1155
|
-
`,rr=j.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),sr=j.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),
|
|
1156
|
-
border-top-width: ${
|
|
1155
|
+
`,rr=j.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),sr=j.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),Fl=h(nr)`
|
|
1156
|
+
border-top-width: ${oe("border-width")};
|
|
1157
1157
|
&[data-status="open"] {
|
|
1158
1158
|
animation-name: ${rr};
|
|
1159
1159
|
}
|
|
@@ -1169,32 +1169,32 @@
|
|
|
1169
1169
|
pointer-events: all;
|
|
1170
1170
|
width: fit-content;
|
|
1171
1171
|
border-width: 0px;
|
|
1172
|
-
border-color: ${
|
|
1172
|
+
border-color: ${oe("border-color")};
|
|
1173
1173
|
border-style: solid;
|
|
1174
|
-
`,
|
|
1175
|
-
border-right-width: ${
|
|
1176
|
-
box-shadow: ${
|
|
1177
|
-
`,
|
|
1178
|
-
border-left-width: ${
|
|
1179
|
-
box-shadow: ${
|
|
1174
|
+
`,Ll=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Ke();return a.jsxs(a.Fragment,{children:[a.jsx(It,{inverse:!0,size:n,onChange:r}),a.jsx(ir,{ref:o,className:t,style:{width:n},children:e})]})}),Wl=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Ke();return a.jsxs(a.Fragment,{children:[a.jsx(It,{size:n,onChange:r}),a.jsx(ir,{ref:o,className:t,style:{width:n},children:e})]})}),_l=h(Ll)`
|
|
1175
|
+
border-right-width: ${oe("border-width")};
|
|
1176
|
+
box-shadow: ${oe("left-drop-shadow")};
|
|
1177
|
+
`,Bl=h(Wl)`
|
|
1178
|
+
border-left-width: ${oe("border-width")};
|
|
1179
|
+
box-shadow: ${oe("right-drop-shadow")};
|
|
1180
1180
|
`,ar=h.div`
|
|
1181
1181
|
width: 100%;
|
|
1182
1182
|
pointer-events: all;
|
|
1183
1183
|
height: fit-content;
|
|
1184
1184
|
border-width: 0px;
|
|
1185
|
-
border-color: ${
|
|
1185
|
+
border-color: ${oe("border-color")};
|
|
1186
1186
|
border-style: solid;
|
|
1187
|
-
`,
|
|
1188
|
-
border-bottom-width: ${
|
|
1189
|
-
`,
|
|
1190
|
-
border-top-width: ${
|
|
1187
|
+
`,Pl=h(ar)`
|
|
1188
|
+
border-bottom-width: ${oe("border-width")};
|
|
1189
|
+
`,Hl=h(ar)`
|
|
1190
|
+
border-top-width: ${oe("border-width")};
|
|
1191
1191
|
&[data-status="open"] {
|
|
1192
1192
|
animation-name: ${rr};
|
|
1193
1193
|
}
|
|
1194
1194
|
&[data-status="close"] {
|
|
1195
1195
|
animation-name: ${sr};
|
|
1196
1196
|
}
|
|
1197
|
-
`,
|
|
1197
|
+
`,Gl={escapeKey:!0,outsidePress:!1},Ul=d.memo(({children:e,...t})=>{const o=wl(t);return t.mode==="dialog"?a.jsx(wo.Provider,{value:o,children:a.jsx(Ao,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Gl,children:e})}):a.jsx(wo.Provider,{value:o,children:e})}),Yl=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:n}=Ke(),r=d.useCallback(()=>{n(!o)},[o,n]);if(t==="dialog")return a.jsx(Fo,{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")}),Vl=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:n,open:r}=Ke();if(n==="dialog")return a.jsx(Lo,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:Wo,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return r?n==="inline-float"?a.jsx(Cl,{children:e}):e:null}),[mt]=N(["drawer"]),Kl=d.memo(({children:e,className:t,closeIcon:o,showCloseButton:n=!0,title:r,textVariant:s="h2",textBold:i=!1,inheritTextColor:l=!1})=>{const{setOpen:u}=Ke(),f=d.useCallback(()=>{u(!1)},[u]);return a.jsxs(ql,{className:t,children:[a.jsx(I,{bold:i,color:l?void 0:"dark",variant:s,children:r}),e,n&&a.jsx(te,{onClick:f,iconId:o||"Close",size:"sm",color:l?void 0:"blue"})]})}),ql=h.div`
|
|
1198
1198
|
width: 100%;
|
|
1199
1199
|
display: flex;
|
|
1200
1200
|
align-items: center;
|
|
@@ -1203,16 +1203,16 @@
|
|
|
1203
1203
|
background-color: ${mt("header-bg")};
|
|
1204
1204
|
border-bottom: ${mt("header-border-size")} solid ${mt("header-border-color")};
|
|
1205
1205
|
padding: 0px ${mt("header-x-padding")};
|
|
1206
|
-
`,[xn]=
|
|
1206
|
+
`,[xn]=N(["horizontal-rule"]),Xl=h.div`
|
|
1207
1207
|
width: 100%;
|
|
1208
1208
|
border-bottom: ${xn("border-width")} solid
|
|
1209
1209
|
${xn("border-color")};
|
|
1210
|
-
`,[K]=
|
|
1210
|
+
`,[K]=N(["input"]),ft=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:i="off",autoComplete:l="off",autoCorrect:u="off",suffixIconColor:f,suffixIcon:g,suffixIconId:p,suffixSize:m,onSuffixIconClick:y,...x},v)=>{const k=t==="password",[w,b]=d.useState(!1),[C,$]=d.useState(t),T=d.useCallback(()=>{$(w?"password":"text"),b(!w)},[w]);return d.useEffect(()=>{$(t)},[t]),a.jsx(j.ClassNames,{children:({cx:S})=>a.jsxs(Zl,{children:[a.jsx(Ql,{type:C,className:S(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!k||!!p}),ref:v,autoCapitalize:k?"off":i,autoComplete:k?"current-password":l,autoCorrect:k?"off":u,...x}),o&&a.jsx(Jl,{iconId:o,color:n||"black",size:r||"sm"}),(k||!!p||!!g)&&a.jsx(ec,{children:g||(p?a.jsx(A,{iconId:p,color:f??"black",size:m||"sm",onClick:y}):a.jsx(te,{onClick:T,iconId:w?"Eye":"EyeInvisible",size:"sm",color:n??"black"}))})]})})}),Zl=h.div`
|
|
1211
1211
|
width: 100%;
|
|
1212
1212
|
height: fit-content;
|
|
1213
1213
|
position: relative;
|
|
1214
1214
|
display: flex;
|
|
1215
|
-
`,
|
|
1215
|
+
`,Ql=h.input`
|
|
1216
1216
|
border: ${K("border-width")} solid ${K("border-color")};
|
|
1217
1217
|
border-radius: ${K("border-radius")};
|
|
1218
1218
|
height: ${K("height")};
|
|
@@ -1255,14 +1255,14 @@
|
|
|
1255
1255
|
&.hasRightIcon {
|
|
1256
1256
|
padding-right: ${K("padding-right-icon")};
|
|
1257
1257
|
}
|
|
1258
|
-
`,
|
|
1258
|
+
`,Jl=h(A)`
|
|
1259
1259
|
position: absolute;
|
|
1260
1260
|
top: 50%;
|
|
1261
1261
|
transform: translateY(-50%);
|
|
1262
1262
|
pointer-events: none;
|
|
1263
1263
|
z-index: 1;
|
|
1264
1264
|
left: ${K("icon-left")};
|
|
1265
|
-
`,
|
|
1265
|
+
`,ec=h.div`
|
|
1266
1266
|
position: absolute;
|
|
1267
1267
|
right: 8px;
|
|
1268
1268
|
top: 50%;
|
|
@@ -1270,17 +1270,17 @@
|
|
|
1270
1270
|
z-index: 1;
|
|
1271
1271
|
display: grid;
|
|
1272
1272
|
place-content: center;
|
|
1273
|
-
`;ft.displayName="Input";const
|
|
1273
|
+
`;ft.displayName="Input";const tc=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...i},l)=>a.jsx(ft,{...i,ref:l,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})),[oc]=N(["label"]),lr=j.css`
|
|
1274
1274
|
align-items: center;
|
|
1275
1275
|
display: flex;
|
|
1276
|
-
gap: ${
|
|
1277
|
-
`,cr=({variant:e="body",...t})=>a.jsx(
|
|
1278
|
-
color: ${
|
|
1279
|
-
`,
|
|
1276
|
+
gap: ${oc("gap")};
|
|
1277
|
+
`,cr=({variant:e="body",...t})=>a.jsx(I,{css:lr,variant:e,...t}),Bo=({children:e,prefix:t,suffix:o,...n})=>a.jsxs(cr,{...n,children:[t,e,o]}),[nc]=N(["label-with-action"]),rc=j.css([lr,{gap:nc("gap")}]),sc=({action:e,variant:t="h2",...o})=>a.jsx(Bo,{css:rc,suffix:e,variant:t,...o}),[ic]=N(["label-with-content-link"]),ac=j.css`
|
|
1278
|
+
color: ${ic("color")};
|
|
1279
|
+
`,lc=e=>a.jsx(Bo,{css:ac,...e}),cc=12;var wt=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e))(wt||{});const dc=()=>({noDigit:e=>new RegExp(/\d/).test(e),noSpecialCharacter:e=>new RegExp(/[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]+/).test(e),noUpperCase:e=>new RegExp(/[A-Z]+/).test(e)}),uc=new RegExp(/^[a-zA-Z0-9 _.-]*$/),fc=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,}))$/),gc=new RegExp(/^\d+$/),pc=new RegExp(/^\S*$/),hc=new RegExp(/^[a-zA-Z].*/),dr=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/),mc=()=>{let e=!1,t=[];const o=new Map,n=new window.ResizeObserver((r,s)=>{t=t.concat(r),e||window.requestAnimationFrame(()=>{const i=new Set;t.forEach(l=>{if(!i.has(l.target)){i.add(l.target);const u=o.get(l.target);u&&u.forEach(f=>f(l,s))}}),t=[],e=!1}),e=!0});return{observer:n,subscribe(r,s){n.observe(r);const i=o.get(r)??[];i.push(s),o.set(r,i)},unsubscribe(r,s){const i=o.get(r)??[];if(i.length===1){n.unobserve(r),o.delete(r);return}const l=i.indexOf(s);l!==-1&&i.splice(l,1),o.set(r,i)}}};let ao;const bc=()=>ao||(ao=mc()),ur=(e,t)=>{const o=bc(),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 Ie;const i=(l,u)=>{r||n.current(l,u)};return o.subscribe(s,i),()=>{r=!0,o.unsubscribe(s,i)}},[e,o]),o.observer},Ut=e=>{const t=d.useRef(null),o=d.useRef(null),n=d.useCallback(()=>{if(!t.current)return;const i=o.current,l=t.current;if(l!==null&&i!==null){const u=l.getAttribute("data-original");l.textContent!==u&&(l.textContent=u);const g=l.textContent,p=l.offsetWidth,m=i.offsetWidth;if(p>m&&g){const y=g.length,x=p/y,k=Math.ceil((p-m)/x)/2+1.5,w=Math.floor(y/2-k),b=Math.ceil(y/2+k),C=g.substr(0,w),$=g.substr(b);l.textContent=`${C.trim()}...${$.trim()}`}}},[]),r=d.useCallback(i=>{n()},[n]);ur(o,r),d.useEffect(()=>n(),[e.children,n]);const s=d.useCallback(i=>{t.current=i,o.current=(i==null?void 0:i.parentElement)??null},[]);return a.jsx(xc,{"data-original":e.children,ref:s,...e})},xc=h(I)`
|
|
1280
1280
|
white-space: nowrap;
|
|
1281
1281
|
word-break: keep-all;
|
|
1282
1282
|
overflow: visible;
|
|
1283
|
-
`,
|
|
1283
|
+
`,yc=h.div`
|
|
1284
1284
|
display: grid;
|
|
1285
1285
|
width: 100%;
|
|
1286
1286
|
height: 100%;
|
|
@@ -1289,7 +1289,7 @@
|
|
|
1289
1289
|
${({orientation:e})=>e==="horizontal"?"grid-template-columns: auto 2px auto;":"grid-template-rows: auto 2px auto;"}
|
|
1290
1290
|
`,fr=h.div`
|
|
1291
1291
|
overflow: auto;
|
|
1292
|
-
`,
|
|
1292
|
+
`,kc=h(fr)``,vc=h(fr)``,wc=h.div`
|
|
1293
1293
|
${({orientation:e})=>e==="horizontal"?"width: 1px; cursor: col-resize;":"height: 1px; cursor: row-resize;"}
|
|
1294
1294
|
|
|
1295
1295
|
background-color: ${c("color-grey20")};
|
|
@@ -1303,7 +1303,7 @@
|
|
|
1303
1303
|
${({orientation:e})=>e==="horizontal"?"top: 0; bottom: 0; left: -4px; right: -4px;":"left: 0; right: 0; top: -4px; bottom: -4px;"}
|
|
1304
1304
|
cursor: inherit;
|
|
1305
1305
|
}
|
|
1306
|
-
`;function
|
|
1306
|
+
`;function Cc(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 $c=({initialStartSizePct:e=50,startClampSizePx:t=210,minStartSizePct:o=10,minEndSizePct:n=10,startContent:r,endContent:s,orientation:i="horizontal"})=>{const l=d.useRef(null),[u,f]=d.useState(null);d.useEffect(()=>{if(l.current&&u===null){const v=l.current.getBoundingClientRect(),k=i==="horizontal"?v.width:v.height,w=e/100*k,b=Math.max(t,w),C=b/k*100;f(b);const $=C,T=100-C;i==="horizontal"?l.current.style.gridTemplateColumns=`${$}% 2px ${T}%`:l.current.style.gridTemplateRows=`${$}% 2px ${T}%`}},[e,t,u,i]);const g=d.useCallback(()=>{if(!l.current||u===null)return;const v=l.current.getBoundingClientRect(),k=i==="horizontal"?v.width:v.height;let w=Math.round(u/k*100),b=100-w;if(b<n){b=n,w=100-b;const C=Math.round(w/100*k);f(C)}if(w<o){w=o,b=100-w;const C=Math.round(w/100*k);f(C)}i==="horizontal"?l.current.style.gridTemplateColumns=`${u}px 2px auto`:l.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,n,i]),p=d.useCallback(Cc(g,50),[g]);d.useEffect(()=>(window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)),[p]);const m=v=>{v.preventDefault(),document.addEventListener("mousemove",y),document.addEventListener("mouseup",x)},y=v=>{if(!l.current)return;const k=l.current.getBoundingClientRect(),w=i==="horizontal"?k.width:k.height,b=i==="horizontal"?v.clientX-k.left:v.clientY-k.top,C=Math.max(t,b),$=Math.round(C/w*100),T=100-$;$>=o&&T>=n&&(f(b),i==="horizontal"?l.current.style.gridTemplateColumns=`${$}% 2px ${T}%`:l.current.style.gridTemplateRows=`${$}% 2px ${T}%`)},x=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",x)};return a.jsxs(yc,{ref:l,orientation:i,children:[a.jsx(kc,{children:r}),a.jsx(wc,{onMouseDown:m,orientation:i}),a.jsx(vc,{children:s})]})};function Le(e,t){if(!e)throw console.error(t),Error(t)}const gr=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null};function Sc(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 jc=e=>e.type.startsWith("mouse"),Dc=e=>e.type.startsWith("pointer"),Yt=e=>{if(Dc(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(jc(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},pr=(e,t)=>{const o=e==="horizontal",{x:n,y:r}=Yt(t);return o?n:r},Tc=(e,t,o,n,r)=>{const s=gr(t,r);Le(s,`No resize handle element found for id "${t}"`);const i=s.getAttribute("data-resizable-panel-group-id");Le(i,"Resize handle element has no group id attribute");const{initialCursorPosition:l}=n,u=pr(o,e),f=Sc(i,r);return Le(f,`No group element found for id "${i}"`),u-l},Ec=(e,t,o,n,r)=>n==null?0:Tc(e,t,o,n,r),yn=(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,i=n[s];if(i&&i.dataset.resizablePanelGroupPanel!==void 0)return i}return null},Ic=(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),kn=(e,t,o)=>{const n=t==="horizontal"?e.getBoundingClientRect().width:e.getBoundingClientRect().height,r=t==="horizontal"?e.style.maxWidth:e.style.maxHeight,s=t==="horizontal"?e.style.minWidth:e.style.minHeight;let i,l;const u=e.parentElement,f=t==="horizontal"?u==null?void 0:u.getBoundingClientRect().width:u==null?void 0:u.getBoundingClientRect().height;if(r){if(r.includes("px"))l=Number(r.replace("px",""));else if(r.includes("%")&&f){const p=Number(r.replace("%",""));l=f*(p/100)}}if(s){if(s.includes("px"))i=Number(s.replace("px",""));else if(s.includes("%")&&f){const p=Number(s.replace("%",""));i=f*(p/100)}}let g=o??n;l&&g>l&&(g=l),i&&g<i&&(g=i),!(g===n||!f)&&(t==="vertical"?e.style.height=`${g}px`:e.style.width=`${g}px`)},hr=d.createContext(null),Nc=({children:e,direction:t})=>{const o=d.useId(),n=d.useRef(null),[r,s]=d.useState(null),i=d.useRef({dragState:r,id:o,initialResizePanelSize:null,direction:t});d.useLayoutEffect(()=>{i.current.direction=t,i.current.dragState=r,i.current.id=o});const l=d.useCallback((p,m)=>{const{direction:y}=i.current;if(!n.current)return;const x=gr(p,n.current);Le(x,`Drag handle element not found for id "${p}"`);const v=pr(y,m);s({dragHandleId:p,dragHandleRect:x.getBoundingClientRect(),initialCursorPosition:v});const k=yn(p,i.current.id,n.current);if(k){const w=k.getBoundingClientRect();i.current.initialResizePanelSize=y==="vertical"?w.height:w.width}},[]),u=d.useCallback(()=>{s(null),i.current.initialResizePanelSize=null},[]);d.useEffect(()=>{const p=()=>{Ic(i.current.id,n.current??void 0).forEach(y=>{kn(y,i.current.direction)})};return window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[]);const f=d.useCallback(p=>m=>{m.preventDefault();const y=n.current;if(!y)return()=>null;const{direction:x,dragState:v}=i.current,k=Ec(m,p,x,v,y);if(k!==0&&n.current){const w=yn(p,i.current.id,n.current);if(w&&i.current.initialResizePanelSize!==null){let C=i.current.initialResizePanelSize+k;C=C<0?0:C,kn(w,x,C)}}},[]),g=d.useMemo(()=>({id:o,startDragging:l,stopDragging:u,direction:t,registerResizeHandle:f}),[o,l,u,t,f]);return a.jsx(hr.Provider,{value:g,children:e(n,o)})},mr=()=>{const e=d.useContext(hr);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},br=({children:e,direction:t,className:o})=>a.jsx(Nc,{direction:t,children:(n,r)=>a.jsx(j.ClassNames,{children:({cx:s})=>a.jsx(zc,{"data-resizable-panel-group":"","data-resizable-panel-group-id":r,className:s(o,{isVertical:t==="vertical"}),ref:n,children:e})})}),zc=h.div`
|
|
1307
1307
|
width: 100%;
|
|
1308
1308
|
height: 100%;
|
|
1309
1309
|
overflow: auto;
|
|
@@ -1313,12 +1313,12 @@
|
|
|
1313
1313
|
&.isVertical {
|
|
1314
1314
|
flex-direction: column;
|
|
1315
1315
|
}
|
|
1316
|
-
`,Po=({children:e,maxSize:t,minSize:o,defaultSize:n,className:r})=>{const{id:s,direction:i}=mr(),l=typeof t=="string"?t:t?`${t}px`:void 0,u=typeof o=="string"?o:o?`${o}px`:void 0,f=typeof n=="string"?n:n?`${n}px`:void 0;return a.jsx(
|
|
1316
|
+
`,Po=({children:e,maxSize:t,minSize:o,defaultSize:n,className:r})=>{const{id:s,direction:i}=mr(),l=typeof t=="string"?t:t?`${t}px`:void 0,u=typeof o=="string"?o:o?`${o}px`:void 0,f=typeof n=="string"?n:n?`${n}px`:void 0;return a.jsx(Mc,{className:r,style:i==="horizontal"?{maxWidth:l,minWidth:u,width:f??"auto",height:"100%"}:{maxHeight:l,minHeight:u,height:f??"auto",width:"100%"},"data-resizable-panel-group-element":"","data-resizable-panel-group-panel":"","data-resizable-panel-max-size":t,"data-resizable-panel-min-size":o,"data-resizable-panel-group-id":s,children:e})},Mc=h.div`
|
|
1317
1317
|
flex-shrink: 0;
|
|
1318
1318
|
overflow: clip;
|
|
1319
1319
|
`,xr=h(Po)`
|
|
1320
1320
|
flex: 1;
|
|
1321
|
-
`;let Co=null,
|
|
1321
|
+
`;let Co=null,tt=null;function Oc(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function Rc(){tt!==null&&(document.head.removeChild(tt),Co=null,tt=null)}function lo(e){const t=Oc(e);Co!==t&&(Co=t,tt===null&&(tt=document.createElement("style"),document.head.appendChild(tt)),tt.innerHTML=`*{cursor: ${t}!important;}`)}const Ac=(e,t,o)=>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: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 Fc(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:Cn(e),b:Cn(t)};let n;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),n=e;Le(n,"Stacking order can only be calculated for elements with a common ancestor");const r={a:wn(vn(o.a)),b:wn(vn(o.b))};if(r.a===r.b){const s=n.childNodes,i={a:o.a.at(-1),b:o.b.at(-1)};let l=s.length;for(;l--;){const u=s[l];if(u===i.a)return 1;if(u===i.b)return-1}}return Math.sign(r.a-r.b)}const Lc=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Wc(e){const t=getComputedStyle(yr(e)??e).display;return t==="flex"||t==="inline-flex"}function _c(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||Wc(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"||Lc.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function vn(e){let t=e.length;for(;t--;){const o=e[t];if(Le(o,"Missing node"),_c(o))return o}return null}function wn(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Cn(e){const t=[];for(;e;)t.push(e),e=yr(e);return t}function yr(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let lt=!1;const Bc=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},we=[],Dt=new Set,Pc=Bc()==="coarse",Ve=new Map,Hc=(e,t,o,n)=>{const{ownerDocument:r}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:n},i=Ve.get(r)??0;return Ve.set(r,i+1),Dt.add(s),_t(),function(){Dt.delete(s);const u=Ve.get(r)??1;if(Ve.set(r,u-1),_t(),u===1&&Ve.delete(r),we.includes(s)){const f=we.indexOf(s);f>=0&&we.splice(f,1),Go(),n("up",!0,null)}}},Ho=({target:e,x:t,y:o})=>{we.splice(0);let n=null;e instanceof HTMLElement&&(n=e),Dt.forEach(r=>{const{element:s,hitAreaMargins:i}=r,l=s.getBoundingClientRect(),{bottom:u,left:f,right:g,top:p}=l,m=Pc?i.coarse:i.fine;if(t>=f-m&&t<=g+m&&o>=p-m&&o<=u+m){if(n!==null&&document.contains(n)&&s!==n&&!s.contains(n)&&!n.contains(s)&&Fc(n,s)>0){let x=n,v=!1;for(;x&&!x.contains(s);){if(Ac(x.getBoundingClientRect(),l,!0)){v=!0;break}x=x.parentElement}if(v)return}we.push(r)}})},$n=e=>{const{target:t}=e,{x:o,y:n}=Yt(e);lt=!0,Ho({target:t,x:o,y:n}),_t(),we.length>0&&(Bt("down",e),e.preventDefault(),e.stopPropagation())},bt=e=>{const{x:t,y:o}=Yt(e);if(lt&&e.buttons===0&&(lt=!1,Bt("up",e)),!lt){const{target:n}=e;Ho({target:n,x:t,y:o})}Bt("move",e),Go(),we.length>0&&e.preventDefault()},st=e=>{const{target:t}=e,{x:o,y:n}=Yt(e);lt=!1,we.length>0&&e.preventDefault(),Bt("up",e),Ho({target:t,x:o,y:n}),Go(),_t()},_t=()=>{Ve.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",st),o.removeEventListener("pointerdown",$n),o.removeEventListener("pointerleave",bt),o.removeEventListener("pointermove",bt)}),window.removeEventListener("pointerup",st),window.removeEventListener("pointercancel",st),Dt.size>0&&(lt?(we.length>0&&Ve.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",st),o.addEventListener("pointerleave",bt),o.addEventListener("pointermove",bt))}),window.addEventListener("pointerup",st),window.addEventListener("pointercancel",st)):Ve.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",$n,{capture:!0}),o.addEventListener("pointermove",bt))}))},Bt=(e,t)=>{Dt.forEach(o=>{const{setResizeHandlerState:n}=o,r=we.includes(o);n(e,r,t)})},Go=()=>{let e=!1,t=!1;we.forEach(o=>{const{direction:n}=o;n==="horizontal"?e=!0:t=!0}),e&&t?lo("intersection"):e?lo("horizontal"):t?lo("vertical"):Rc()},[co]=N(["resizable-panels"]),kr=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:n,stopDragging:r,direction:s,registerResizeHandle:i}=mr(),l=d.useId(),[u,f]=d.useState("inactive"),[g,p]=d.useState(null),m=d.useRef(null),y=d.useRef({state:u});return d.useLayoutEffect(()=>{y.current.state=u}),d.useEffect(()=>{if(t)p(null);else{const x=i(l);p(()=>x)}},[t,l,i]),d.useEffect(()=>{if(t||g==null)return;const x=m.current;return Le(x,"Element ref not attached"),Hc(x,s,{coarse:15,fine:5},(k,w,b)=>{if(w)switch(k){case"down":{f("drag"),Le(b,'Expected event to be defined for "down" action'),n(l,b);break}case"move":{const{state:C}=y.current;C!=="drag"&&f("hover"),Le(b,'Expected event to be defined for "move" action'),g(b);break}case"up":{f("hover"),r();break}}else f("inactive")})},[s,t,l,g,n,r]),a.jsx(j.ClassNames,{children:({cx:x})=>a.jsx(Gc,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":l,className:x(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:m})})}),Gc=h.div`
|
|
1322
1322
|
height: 100%;
|
|
1323
1323
|
width: 1px;
|
|
1324
1324
|
flex-shrink: 0;
|
|
@@ -1334,37 +1334,37 @@
|
|
|
1334
1334
|
width: 100%;
|
|
1335
1335
|
height: 1px;
|
|
1336
1336
|
}
|
|
1337
|
-
`,vr=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?a.jsx(
|
|
1337
|
+
`,vr=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?a.jsx(O.FloatingPortal,{children:a.jsx(Uc,{className:n,lockScroll:!o,"data-status":r,children:e})}):null,Uc=h(O.FloatingOverlay)`
|
|
1338
1338
|
background: rgba(0, 0, 0, 0.8);
|
|
1339
1339
|
display: grid;
|
|
1340
1340
|
place-items: center;
|
|
1341
1341
|
z-index: 1;
|
|
1342
|
-
`,
|
|
1342
|
+
`,Yc=[O.flip()],wr=[O.flip(),O.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[$o]=N(["select"]),Uo=d.createContext(null),Yo=()=>{const e=d.useContext(Uo);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},Vc=()=>Promise.resolve(),gt=({children:e,onSelect:t,Reference:o,disabled:n,selectedIndex:r,onSelectedIndexChange:s,className:i,matchReferenceWidth:l,isFocusTrapDisabled:u,menuPlacement:f,onOpenChange:g,onBeforeOpen:p=Vc,showOpenState:m=!1})=>{const[y,x]=d.useState(!1),[v,k]=d.useState(null),[w,b]=d.useState(null),C=r??w,$=s??b,T=d.useCallback(Q=>{Q?p().then(()=>{x(Q),g&&g(Q)}):(x(Q),g&&g(Q))},[p,g]),{refs:S,floatingStyles:D,context:z}=O.useFloating({placement:f||"bottom-end",open:y,onOpenChange:T,whileElementsMounted:O.autoUpdate,middleware:l?wr:Yc}),B=d.useRef([]),V=d.useRef([]),P=d.useCallback(Q=>{var Xe;$(Q),Q!==null&&t(((Xe=B.current[Q])==null?void 0:Xe.dataset.key)||""),x(!1),g&&g(!1)},[g,t,$]),U=O.useListNavigation(z,{listRef:B,activeIndex:v,selectedIndex:C,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:k}),Me=O.useClick(z,{enabled:!n}),pt=O.useDismiss(z),He=O.useRole(z,{role:"listbox"}),{getReferenceProps:Ge,getFloatingProps:ue,getItemProps:rt}=O.useInteractions([U,Me,pt,He]),qe=d.useMemo(()=>({activeIndex:v,selectedIndex:C,open:y,getItemProps:rt,handleSelect:P,setIsOpen:x}),[v,y,C,rt,P]);return a.jsxs(Uo.Provider,{value:qe,children:[a.jsx(Kc,{ref:S.setReference,tabIndex:0,...Ge({onClick(Q){Q.stopPropagation()}}),children:a.jsxs(Xc,{children:[o??a.jsx(te,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),m&&a.jsx(A,{size:"sm",iconId:y?"CaretDown":"CaretUp"})]})}),y&&a.jsx(O.FloatingPortal,{children:a.jsx(O.FloatingFocusManager,{disabled:u,context:z,modal:!1,children:a.jsx(qc,{ref:S.setFloating,style:D,className:i,...ue(),children:a.jsx(O.FloatingList,{elementsRef:B,labelsRef:V,children:e})})})})]})},Kc=h.div`
|
|
1343
1343
|
align-items: center;
|
|
1344
1344
|
display: flex;
|
|
1345
1345
|
font-size: ${$o("font-size")};
|
|
1346
1346
|
cursor: default;
|
|
1347
1347
|
user-select: none;
|
|
1348
|
-
`,
|
|
1348
|
+
`,qc=h.div`
|
|
1349
1349
|
display: flex;
|
|
1350
1350
|
flex-direction: column;
|
|
1351
1351
|
border: ${$o("border-size")} solid ${$o("border-color")};
|
|
1352
1352
|
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
|
|
1353
1353
|
outline: 0;
|
|
1354
1354
|
z-index: 2;
|
|
1355
|
-
`,
|
|
1355
|
+
`,Xc=h.div`
|
|
1356
1356
|
display: flex;
|
|
1357
1357
|
align-items: center;
|
|
1358
1358
|
justify-content: flex-start;
|
|
1359
1359
|
gap: 2px;
|
|
1360
|
-
`,[
|
|
1361
|
-
color: ${
|
|
1360
|
+
`,[$e,Zc]=N(["option","text"]),ct=d.memo(({label:e,optionKey:t,disabled:o,className:n,prefixIconId:r,prefixIconColor:s,suffixIconId:i,suffixIconColor:l,disableSelectionStyle:u,disableEnterSelection:f})=>{const{activeIndex:g,selectedIndex:p,getItemProps:m,handleSelect:y}=Yo(),{ref:x,index:v}=O.useListItem({label:t}),k=g!==null&&g!==-1&&g===v,w=!u&&p!==null&&p!==-1&&p===v,b=d.useCallback(C=>{o||(C.stopPropagation(),y(v))},[o,y,v]);return a.jsx(j.ClassNames,{children:({cx:C})=>a.jsxs(Qc,{className:C({isActive:k,isSelected:w,disabled:o},n),ref:x,"data-key":t,role:"option","aria-selected":k&&w,tabIndex:k?0:-1,...m({onClick:$=>b($),onKeyDown:!f&&!o?$=>{$.code==="Enter"&&y(v)}:void 0}),children:[!!r&&a.jsx(A,{iconId:r,size:"sm",color:o?"grey":s??"black"}),e,!!i&&a.jsx(Jc,{iconId:i,size:"sm",color:o?"grey":l??"black"})]})})}),Qc=h.div`
|
|
1361
|
+
color: ${$e("color")};
|
|
1362
1362
|
cursor: pointer;
|
|
1363
1363
|
font-size: inherit;
|
|
1364
|
-
background-color: ${
|
|
1365
|
-
font-family: ${
|
|
1366
|
-
font-size: ${
|
|
1367
|
-
padding: ${
|
|
1364
|
+
background-color: ${$e("bg-color")};
|
|
1365
|
+
font-family: ${$e("font-family")};
|
|
1366
|
+
font-size: ${$e("font-size")};
|
|
1367
|
+
padding: ${$e("padding")};
|
|
1368
1368
|
min-width: 96px;
|
|
1369
1369
|
line-height: 18px;
|
|
1370
1370
|
display: flex;
|
|
@@ -1373,30 +1373,30 @@
|
|
|
1373
1373
|
text-align: left;
|
|
1374
1374
|
overflow: hidden;
|
|
1375
1375
|
outline: 0;
|
|
1376
|
-
column-gap: ${
|
|
1377
|
-
${`${
|
|
1376
|
+
column-gap: ${$e("column-gap")};
|
|
1377
|
+
${`${Zc("body-size",!0)}: ${$e("font-size")}`};
|
|
1378
1378
|
&.isActive {
|
|
1379
|
-
background: ${
|
|
1379
|
+
background: ${$e("bg-color-active")};
|
|
1380
1380
|
}
|
|
1381
1381
|
&.isSelected {
|
|
1382
|
-
font-weight: ${
|
|
1382
|
+
font-weight: ${$e("font-weight-selected")};
|
|
1383
1383
|
}
|
|
1384
1384
|
&.disabled {
|
|
1385
|
-
color: ${
|
|
1385
|
+
color: ${$e("color-disabled")};
|
|
1386
1386
|
cursor: not-allowed;
|
|
1387
1387
|
}
|
|
1388
|
-
`,
|
|
1388
|
+
`,Jc=h(A)`
|
|
1389
1389
|
transform: translate(-2px, -1px);
|
|
1390
|
-
`,
|
|
1390
|
+
`,ed=({actionItems:e,disabled:t,onSelect:o})=>{const n=d.useMemo(()=>e.map(r=>a.jsx(ct,{disabled:t||r.disabled,label:a.jsx(td,{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 a.jsx(gt,{disabled:t,onSelect:o,children:n})},Ft=e=>{switch(e){case"normal":return;case"info":return"blue";case"error":return"red";case"warn":return"yellow";default:return}},td=d.memo(({label:e,iconId:t,level:o,disabled:n,iconSize:r})=>a.jsxs(od,{children:[a.jsx(A,{iconId:t,size:r||"sm",color:n?"grey":Ft(o)?Ft(o):"black"}),a.jsx(I,{variant:"body",color:n?"grey":Ft(o)?Ft(o):"dark",children:e})]})),od=h.div`
|
|
1391
1391
|
display: flex;
|
|
1392
1392
|
gap: 8px;
|
|
1393
1393
|
align-items: center;
|
|
1394
|
-
`,[
|
|
1395
|
-
padding: ${
|
|
1394
|
+
`,[nd]=N(["shell-icon-button"]),rd=h(te)`
|
|
1395
|
+
padding: ${nd("padding")};
|
|
1396
1396
|
|
|
1397
1397
|
--studio-c-icon-button-badge-top: 6px;
|
|
1398
1398
|
--studio-c-icon-button-badge-right: 6px;
|
|
1399
|
-
`,
|
|
1399
|
+
`,sd=e=>a.jsx(rd,{badgeBorderColor:"black",...e}),Cr=d.createContext(null),Vt=()=>{const e=d.useContext(Cr);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},id=d.memo(({children:e,activeTab:t,onTabChange:o,defaultActiveTab:n})=>{const[r,s]=d.useState(n),i=o??s,l=t??r,u=d.useMemo(()=>({onTabChange:i,activeTab:l}),[l,i]);return a.jsx(Cr.Provider,{value:u,children:e})}),[uo]=N(["tab"]),ad=d.memo(({value:e,text:t,disabled:o,iconColor:n,iconId:r})=>{const{activeTab:s,onTabChange:i}=Vt(),l=e===s,u=d.useCallback(()=>{l||i(e)},[i,e,l]);return a.jsxs(ld,{"data-value":e,onClick:u,disabled:o,children:[!!r&&a.jsx(A,{iconId:r,color:n??"black",size:"sm"}),a.jsx(I,{color:o?"grey":"dark",variant:"body",bold:l,children:t})]})}),ld=h.button`
|
|
1400
1400
|
cursor: pointer;
|
|
1401
1401
|
outline: none;
|
|
1402
1402
|
border: none;
|
|
@@ -1409,7 +1409,7 @@
|
|
|
1409
1409
|
&:disabled {
|
|
1410
1410
|
cursor: not-allowed;
|
|
1411
1411
|
}
|
|
1412
|
-
`,[
|
|
1412
|
+
`,[Ct]=N(["tab"]),cd=({children:e,className:t})=>{const{activeTab:o}=Vt(),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 i=s.getBoundingClientRect(),l=s.offsetLeft;n.current.style.width=`${i.width}px`,n.current.style.left=`${l}px`}}},[o,e]),a.jsxs(dd,{ref:r,className:t,children:[a.jsx(ud,{ref:n}),e]})},dd=h.div`
|
|
1413
1413
|
width: 100%;
|
|
1414
1414
|
height: fit-content;
|
|
1415
1415
|
display: flex;
|
|
@@ -1417,27 +1417,27 @@
|
|
|
1417
1417
|
justify-content: space-between;
|
|
1418
1418
|
align-items: flex-start;
|
|
1419
1419
|
position: relative;
|
|
1420
|
-
border-bottom: ${
|
|
1421
|
-
${
|
|
1420
|
+
border-bottom: ${Ct("trigger-list-underline-height")} solid
|
|
1421
|
+
${Ct("trigger-list-underline-color")};
|
|
1422
1422
|
background-color: transparent;
|
|
1423
|
-
`,
|
|
1423
|
+
`,ud=h.div`
|
|
1424
1424
|
position: absolute;
|
|
1425
1425
|
bottom: 0px;
|
|
1426
|
-
transform: translateY(${
|
|
1427
|
-
height: ${
|
|
1428
|
-
background-color: ${
|
|
1426
|
+
transform: translateY(${Ct("trigger-list-underline-height")});
|
|
1427
|
+
height: ${Ct("indicator-height")};
|
|
1428
|
+
background-color: ${Ct("indicator-color")};
|
|
1429
1429
|
transition: all 0.25s ease-in-out;
|
|
1430
|
-
`,
|
|
1430
|
+
`,fd=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=Vt(),s=n===r;return a.jsx(gd,{className:t,"data-active":s?"true":"false",style:o,children:e})},gd=h.div`
|
|
1431
1431
|
display: none;
|
|
1432
1432
|
&[data-active="true"] {
|
|
1433
1433
|
display: block;
|
|
1434
1434
|
}
|
|
1435
|
-
`,[ce]=
|
|
1435
|
+
`,[ce]=N(["tag"]),pd={purple:ce("color-light"),orange:ce("color-light"),light:ce("color-dark"),blue:ce("color-dark"),green:ce("color-light"),red:ce("color-light"),disabled:ce("color-disabled")},hd={purple:"light",orange:"light",light:"dark",blue:"dark",green:"light",red:"light",disabled:"disabled"},md=h.div`
|
|
1436
1436
|
background-color: ${e=>ce(`bg-color-${e.color}`)};
|
|
1437
1437
|
border-radius: ${ce("border-radius")};
|
|
1438
1438
|
border: 1px solid ${ce("border-color")};
|
|
1439
1439
|
display: flex;
|
|
1440
|
-
color: ${e=>
|
|
1440
|
+
color: ${e=>pd[e.color]};
|
|
1441
1441
|
height: ${ce("height")};
|
|
1442
1442
|
max-width: 160px;
|
|
1443
1443
|
align-items: center;
|
|
@@ -1445,7 +1445,7 @@
|
|
|
1445
1445
|
align-items: center;
|
|
1446
1446
|
justify-content: center;
|
|
1447
1447
|
gap: 4px;
|
|
1448
|
-
`,$r=e=>{const t=typeof e.children=="string"?a.jsx(
|
|
1448
|
+
`,$r=e=>{const t=typeof e.children=="string"?a.jsx(I,{color:hd[e.color],variant:"body",children:e.children}):e.children;return a.jsx(md,{...e,children:t})},bd=({tagName:e,onRemove:t,color:o="light"})=>a.jsxs($r,{color:o,children:[a.jsx(I,{variant:"body",children:e}),a.jsx(A,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),xd=({search:e,style:t,children:o,highlightColor:n,highlightTextColor:r})=>{const s=n||"yellow",i=d.useMemo(()=>Array.isArray(e)?e:[e].filter(Boolean),[e]);if(!i||i.length===0)return a.jsx(a.Fragment,{children:o});const l=f=>{const g=new RegExp(`(${i.join("|")})`,"gi");return f.split(g).map((m,y)=>i.some(x=>x.toLowerCase()===m.toLowerCase())?a.jsx("span",{style:t||{backgroundColor:s,color:r??void 0},children:m},y):m)},u=f=>typeof f=="string"?l(f):d.isValidElement(f)?d.cloneElement(f,{children:d.Children.map(f.props.children,u)}):f;return a.jsx(a.Fragment,{children:d.Children.map(o,u)})},[re]=N(["textarea"]),Vo=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:n,...r},s)=>a.jsx(yd,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:n,ref:s,...r})),yd=h.textarea`
|
|
1449
1449
|
display: flex;
|
|
1450
1450
|
min-height: ${re("min-height")};
|
|
1451
1451
|
padding: ${re("padding")};
|
|
@@ -1471,51 +1471,51 @@
|
|
|
1471
1471
|
color: ${re("color-disabled")};
|
|
1472
1472
|
background-color: ${re("background-color-disabled")};
|
|
1473
1473
|
}
|
|
1474
|
-
`;Vo.displayName="Textarea";const[
|
|
1474
|
+
`;Vo.displayName="Textarea";const[kd,he,le]=N(["toggle-container","toggle-track","toggle-thumb"]),Sn=h(A)`
|
|
1475
1475
|
opacity: 0;
|
|
1476
1476
|
position: absolute;
|
|
1477
1477
|
transition-duration: 150ms;
|
|
1478
1478
|
transition-property: opacity;
|
|
1479
1479
|
transition-timing-function: ease-in-out;
|
|
1480
|
-
`,
|
|
1480
|
+
`,vd=h.div`
|
|
1481
1481
|
align-items: center;
|
|
1482
1482
|
display: flex;
|
|
1483
|
-
gap: ${
|
|
1483
|
+
gap: ${kd("gap")};
|
|
1484
1484
|
justify-content: center;
|
|
1485
1485
|
position: relative;
|
|
1486
1486
|
`,Sr=h.div`
|
|
1487
1487
|
align-items: center;
|
|
1488
|
-
border-radius: ${
|
|
1488
|
+
border-radius: ${he("border-radius")};
|
|
1489
1489
|
cursor: pointer;
|
|
1490
1490
|
display: flex;
|
|
1491
|
-
height: calc(${
|
|
1492
|
-
padding: ${
|
|
1491
|
+
height: calc(${he("padding-vertical")} * 2 + ${le("height")} + 2px);
|
|
1492
|
+
padding: ${he("padding-vertical")} ${he("padding-horizontal")};
|
|
1493
1493
|
position: relative;
|
|
1494
|
-
transition-duration: ${
|
|
1494
|
+
transition-duration: ${he("transition-duration")};
|
|
1495
1495
|
transition-property: background-color;
|
|
1496
1496
|
transition-timing-function: ease-in-out;
|
|
1497
1497
|
|
|
1498
1498
|
// background-color...
|
|
1499
|
-
background-color: ${
|
|
1499
|
+
background-color: ${he("background-color-unchecked-enabled")};
|
|
1500
1500
|
&.isDisabled,
|
|
1501
1501
|
&.isReadOnly {
|
|
1502
|
-
background-color: ${
|
|
1502
|
+
background-color: ${he("background-color-unchecked-disabled")};
|
|
1503
1503
|
cursor: initial;
|
|
1504
1504
|
}
|
|
1505
1505
|
&.isChecked {
|
|
1506
|
-
background-color: ${
|
|
1506
|
+
background-color: ${he("background-color-checked-enabled")};
|
|
1507
1507
|
&.isDisabled,
|
|
1508
1508
|
&.isReadOnly {
|
|
1509
|
-
background-color: ${
|
|
1509
|
+
background-color: ${he("background-color-checked-disabled")};
|
|
1510
1510
|
cursor: initial;
|
|
1511
1511
|
}
|
|
1512
1512
|
}
|
|
1513
1513
|
|
|
1514
1514
|
// width...
|
|
1515
|
-
width: calc(${
|
|
1515
|
+
width: calc(${he("padding-horizontal")} * 2 + ${le("width")} * 2);
|
|
1516
1516
|
&.showIcons {
|
|
1517
1517
|
width: ${`calc(
|
|
1518
|
-
${
|
|
1518
|
+
${he("padding-horizontal")} * 2 + ${le("width")} * 2 + 4px
|
|
1519
1519
|
)`};
|
|
1520
1520
|
}
|
|
1521
1521
|
`,jr=h.div`
|
|
@@ -1549,12 +1549,12 @@
|
|
|
1549
1549
|
transform: translate(calc(100% + 4px), 0px);
|
|
1550
1550
|
}
|
|
1551
1551
|
}
|
|
1552
|
-
`,Kt=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:i,id:l,...u})=>{const[f,g]=d.useState(e??!1);d.useEffect(()=>{g(e??!1)},[e]);const p=d.useCallback(()=>{t||(g(!f),r==null||r(!f))},[f,t,r]);return a.jsx(j.ClassNames,{children:({cx:m})=>a.jsxs(
|
|
1552
|
+
`,Kt=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:i,id:l,...u})=>{const[f,g]=d.useState(e??!1);d.useEffect(()=>{g(e??!1)},[e]);const p=d.useCallback(()=>{t||(g(!f),r==null||r(!f))},[f,t,r]);return a.jsx(j.ClassNames,{children:({cx:m})=>a.jsxs(vd,{children:[o&&a.jsx(I,{color:t?"disabled":"grey",variant:n,children:o}),a.jsxs(Sr,{id:l,className:m({isReadOnly:i},f&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:p,children:[s&&a.jsxs(a.Fragment,{children:[a.jsx(Sn,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:f?0:1,right:"3px"}}),a.jsx(Sn,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:f?1:0}})]}),a.jsx(jr,{className:m(f&&"isChecked",s&&"showIcons",{isReadOnly:i}),...u})]})]})})},wd=h.div`
|
|
1553
1553
|
display: inline-block;
|
|
1554
1554
|
line-height: 0;
|
|
1555
|
-
`,
|
|
1555
|
+
`,Cd=h.div`
|
|
1556
1556
|
z-index: 2;
|
|
1557
|
-
`,
|
|
1557
|
+
`,Dr=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:i,offset:l})=>{const u=d.useRef(null),[f,g]=d.useState(n);d.useEffect(()=>{n!==void 0&&g(n)},[n]);const{refs:p,floatingStyles:m,context:y}=O.useFloating({open:f,onOpenChange:n===void 0?g:void 0,placement:i??"top",whileElementsMounted:O.autoUpdate,middleware:[O.offset(l??12),O.flip({fallbackAxisSideDirection:"start"}),O.shift(),O.arrow({element:u})]}),x=O.useHover(y,{move:!1,restMs:r}),v=O.useFocus(y),k=O.useDismiss(y),w=O.useRole(y,{role:"tooltip"}),{getReferenceProps:b,getFloatingProps:C}=O.useInteractions([x,v,k,w]);return a.jsxs(a.Fragment,{children:[a.jsx(wd,{className:s,ref:p.setReference,...b(),children:t}),a.jsx(O.FloatingPortal,{children:f&&a.jsxs(Cd,{ref:p.setFloating,style:m,...C(),children:[a.jsx(O.FloatingArrow,{...e,ref:u,context:y}),o]})})]})},Tr=h.div`
|
|
1558
1558
|
background-color: #ffffff;
|
|
1559
1559
|
border-radius: 0px;
|
|
1560
1560
|
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
|
|
@@ -1562,49 +1562,50 @@
|
|
|
1562
1562
|
display: flex;
|
|
1563
1563
|
align-items: center;
|
|
1564
1564
|
padding: ${e=>e.contain&&"7px 10px"};
|
|
1565
|
-
`,Er={fill:"#ffffff",height:12,tipRadius:0,width:14},qt=({arrow:e=Er,children:t,contain:o=!0,content:n,...r})=>a.jsx(
|
|
1565
|
+
`,Er={fill:"#ffffff",height:12,tipRadius:0,width:14},qt=({arrow:e=Er,children:t,contain:o=!0,content:n,...r})=>a.jsx(Dr,{arrow:e,content:a.jsx(Tr,{contain:o,children:a.jsx(I,{color:"dark",variant:"body",children:n})}),...r,children:t}),$d=h.div`
|
|
1566
1566
|
display: flex;
|
|
1567
1567
|
flex-direction: column;
|
|
1568
1568
|
min-width: 160px;
|
|
1569
|
-
`,
|
|
1569
|
+
`,Sd=h.div`
|
|
1570
1570
|
display: flex;
|
|
1571
1571
|
gap: 8px;
|
|
1572
1572
|
height: 28px;
|
|
1573
1573
|
padding: 7px 10px;
|
|
1574
|
-
|
|
1574
|
+
`,jd=h.div`
|
|
1575
1575
|
border-top: 1px solid #dfdfdf;
|
|
1576
|
-
`,
|
|
1576
|
+
`,Dd=h.div`
|
|
1577
1577
|
padding: 7px 12px;
|
|
1578
|
-
`,
|
|
1578
|
+
`,Td=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},Ed=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},Id=({message:e,title:t="Information",type:o="info"})=>a.jsxs($d,{children:[a.jsxs(Sd,{children:[a.jsx(A,{color:Td(o),iconId:Ed(o)}),a.jsx(I,{bold:!0,variant:"body",children:t})]}),a.jsx(jd,{}),a.jsx(Dd,{children:a.jsx(I,{variant:"body",children:e})})]}),Ko=({children:e,open:t,openDelay:o,className:n,...r})=>a.jsx(qt,{contain:!1,content:a.jsx(Id,{...r}),open:t,openDelay:o,className:n,children:e}),Ir=h.div`
|
|
1579
1579
|
background-color: #000000;
|
|
1580
1580
|
border-radius: 4px;
|
|
1581
1581
|
color: #ffffff;
|
|
1582
1582
|
display: flex;
|
|
1583
1583
|
gap: 8px;
|
|
1584
1584
|
padding: ${e=>e.contain&&"4px 8px"};
|
|
1585
|
-
`,
|
|
1585
|
+
`,Nr={fill:"#000000",height:10,tipRadius:2,width:11},Xt=({arrow:e=Nr,children:t,contain:o=!0,content:n,...r})=>a.jsx(Dr,{arrow:e,content:a.jsx(Ir,{contain:o,children:a.jsx(I,{color:"light",variant:"small",children:n})}),...r,children:t}),zr=({title:e,...t})=>a.jsx(Ko,{...t,title:e??"Error",type:"error"}),Nd=h.div`
|
|
1586
1586
|
display: flex;
|
|
1587
1587
|
gap: 4px;
|
|
1588
|
-
`,
|
|
1588
|
+
`,zd=({label:e,value:t})=>a.jsxs(Nd,{children:[a.jsx(A,{iconId:"CheckSquare",size:"sm",color:"purple"}),a.jsxs(I,{bold:!0,variant:"body",children:[e,":"]}),a.jsx(I,{variant:"body",children:t})]}),Mr=({children:e,open:t,openDelay:o,...n})=>a.jsx(qt,{content:a.jsx(zd,{...n}),open:t,openDelay:o,children:e}),Or=({variant:e,...t})=>{let o;switch(e){case"alert":o=Ko;break;case"dark":o=Xt;break;case"error":o=zr;break;case"light":o=qt;break;case"selector":o=Mr;break}return a.jsx(o,{...t})},Rr=d.createContext(null),Md=({children:e,value:t})=>a.jsx(Rr.Provider,{value:t,children:e}),Ar=()=>{const e=d.useContext(Rr);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[xt]=N(["multi-select"]),Fr=h.div`
|
|
1589
1589
|
width: 100%;
|
|
1590
|
-
padding: ${
|
|
1590
|
+
padding: ${xt("item-padding-y")} ${xt("item-padding-x")};
|
|
1591
1591
|
display: flex;
|
|
1592
1592
|
align-items: center;
|
|
1593
1593
|
justify-content: flex-start;
|
|
1594
|
-
column-gap: ${
|
|
1594
|
+
column-gap: ${xt("item-gap")};
|
|
1595
|
+
background-color: ${xt("background")};
|
|
1595
1596
|
cursor: pointer;
|
|
1596
1597
|
transition: background 0.125s ease-in-out;
|
|
1597
1598
|
&:hover {
|
|
1598
|
-
background-color: ${
|
|
1599
|
+
background-color: ${xt("item-hover-bg")};
|
|
1599
1600
|
}
|
|
1600
|
-
`,[
|
|
1601
|
-
border-bottom: ${
|
|
1601
|
+
`,[Lt]=N(["multi-select"]),Od=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=Ar(),s=d.useRef(null),{isAllSelected:i,isPartiallySelected:l}=d.useMemo(()=>{const f=t.every(g=>o.some(p=>p.value===g.value));return{isAllSelected:f,isPartiallySelected:!f&&o.length!==0}},[o,t]),u=d.useCallback(()=>{n(i?[]:t),r(!1)},[i,r,n,t]);return d.useEffect(()=>{s.current&&(s.current.indeterminate=l)},[l]),e?a.jsx(e,{onToggleSelectAll:u,isAllSelected:i,isPartiallySelected:l}):a.jsxs(Rd,{onClick:u,children:[a.jsx(ut,{ref:s,onChange:Ie,checked:i}),a.jsx(I,{variant:"body",color:"dark",children:i?"Deselect All":"Select All"})]})}),Rd=h(Fr)`
|
|
1602
|
+
border-bottom: ${Lt("border")} solid ${Lt("select-all-border-color")};
|
|
1602
1603
|
position: sticky;
|
|
1603
1604
|
top: 0;
|
|
1604
1605
|
z-index: 2;
|
|
1605
|
-
padding-top: calc(${
|
|
1606
|
-
background-color: ${
|
|
1607
|
-
`,
|
|
1606
|
+
padding-top: calc(${Lt("item-padding-y")} * 2);
|
|
1607
|
+
background-color: ${Lt("background")};
|
|
1608
|
+
`,Ad=d.memo(({value:e,label:t,isSelected:o,ListItemTemplate:n,onToggleSelect:r})=>n?a.jsx(n,{value:e,label:t,isSelected:o}):a.jsxs(Fr,{onClick:()=>r({value:e,label:t}),children:[a.jsx(ut,{onChange:Ie,checked:o}),a.jsx(I,{variant:"body",color:"dark",children:t})]})),[it]=N(["multi-select"]),Fd=d.memo(({value:e,label:t,onRemove:o,SelectedItemTemplate:n})=>n?a.jsx(n,{value:e,label:t,onRemove:o}):a.jsxs(Ld,{children:[a.jsx(I,{variant:"body",color:"dark",children:t}),a.jsx(te,{size:"xxsm",color:"black",iconId:"Close",onClick:()=>o({value:e,label:t})})]})),Ld=h.div`
|
|
1608
1609
|
padding: ${it("selected-item-padding-y")} ${it("selected-item-padding-x")};
|
|
1609
1610
|
display: flex;
|
|
1610
1611
|
align-items: center;
|
|
@@ -1616,64 +1617,65 @@
|
|
|
1616
1617
|
:hover {
|
|
1617
1618
|
background-color: ${it("selected-item-background-hover")};
|
|
1618
1619
|
}
|
|
1619
|
-
`,[
|
|
1620
|
+
`,[ee]=N(["multi-select"]),Lr=d.memo(({options:e,selected:t,className:o,onChange:n,disabled:r,selectAllHidden:s,SelectAllItemTemplate:i,ListItemTemplate:l,SelectedItemTemplate:u})=>{const[f,g]=d.useState(!1),p=d.useCallback(S=>{g(S)},[]),{refs:m,floatingStyles:y,context:x}=O.useFloating({placement:"bottom",open:f,onOpenChange:p,whileElementsMounted:O.autoUpdate,middleware:wr}),v=O.useClick(x,{enabled:!r,toggle:!1}),k=O.useDismiss(x),w=O.useRole(x,{role:"listbox"}),{getReferenceProps:b,getFloatingProps:C}=O.useInteractions([v,k,w]),$=d.useCallback(S=>{t.some(D=>D.value===S.value)?n(t.filter(D=>D.value!==S.value)):n([...t,S])},[n,t]),T=d.useMemo(()=>({open:f,setOpen:g,selected:t,onToggleSelect:$,onSetSelected:n}),[$,f,t,n]);return a.jsx(Md,{value:T,children:a.jsxs(Wd,{ref:m.setReference,className:o,...b({onClick(S){S.stopPropagation()}}),children:[t.map(S=>j.createElement(Fd,{SelectedItemTemplate:u,...S,key:S.value,onRemove:$})),f&&a.jsx(O.FloatingPortal,{children:a.jsx(O.FloatingFocusManager,{context:x,modal:!1,children:a.jsxs(_d,{ref:m.setFloating,style:y,className:Ro({selectAllHidden:!!s||!!i}),...C(),children:[!s&&a.jsx(Od,{SelectAllItemTemplate:i,options:e}),e.map(S=>a.jsx(Ad,{label:S.label,value:S.value,onToggleSelect:$,isSelected:t.some(D=>S.value===D.value),ListItemTemplate:l},S.value))]})})})]})})}),Wd=h.div`
|
|
1620
1621
|
width: 100%;
|
|
1621
1622
|
height: fit-content;
|
|
1622
1623
|
min-height: 28px;
|
|
1623
|
-
padding: ${
|
|
1624
|
-
border-radius: ${
|
|
1624
|
+
padding: ${ee("padding-y")} ${ee("padding-x")};
|
|
1625
|
+
border-radius: ${ee("border-radius")};
|
|
1625
1626
|
display: flex;
|
|
1626
1627
|
align-items: flex-start;
|
|
1627
1628
|
justify-content: flex-start;
|
|
1628
|
-
border-width: ${
|
|
1629
|
+
border-width: ${ee("border")};
|
|
1629
1630
|
border-style: solid;
|
|
1630
|
-
border-color: ${
|
|
1631
|
-
background-color: ${
|
|
1632
|
-
gap: ${
|
|
1631
|
+
border-color: ${ee("border-color")};
|
|
1632
|
+
background-color: ${ee("background")};
|
|
1633
|
+
gap: ${ee("gap")};
|
|
1633
1634
|
&:hover {
|
|
1634
|
-
border-color: ${
|
|
1635
|
+
border-color: ${ee("hover-border-color")};
|
|
1635
1636
|
}
|
|
1636
|
-
`,
|
|
1637
|
+
`,_d=h.div`
|
|
1637
1638
|
display: flex;
|
|
1638
1639
|
flex-direction: column;
|
|
1639
|
-
border: ${
|
|
1640
|
+
border: ${ee("border")} solid ${ee("border-color")};
|
|
1640
1641
|
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
|
|
1641
1642
|
outline: 0;
|
|
1642
|
-
border-radius: ${
|
|
1643
|
+
border-radius: ${ee("border-radius")};
|
|
1643
1644
|
z-index: 2;
|
|
1644
1645
|
max-height: 160px;
|
|
1645
1646
|
overflow: auto;
|
|
1646
|
-
padding-bottom: ${
|
|
1647
|
-
padding-left: ${
|
|
1648
|
-
padding-right: ${
|
|
1647
|
+
padding-bottom: ${ee("list-padding")};
|
|
1648
|
+
padding-left: ${ee("list-padding")};
|
|
1649
|
+
padding-right: ${ee("list-padding")};
|
|
1650
|
+
background-color: ${ee("background")};
|
|
1649
1651
|
&.selectAllHidden {
|
|
1650
|
-
padding-top: ${
|
|
1652
|
+
padding-top: ${ee("list-padding")};
|
|
1651
1653
|
}
|
|
1652
|
-
`,[
|
|
1654
|
+
`,[me]=N(["collapsible-artifact-version"]),Bd=d.memo(({onListItemAction:e,isSelected:t,isInherited:o,id:n,name:r,createdAt:s,description:i})=>{const l=d.useCallback(()=>{e&&e(n,t?"deselect":"select")},[n,t,e]);return a.jsx(j.ClassNames,{children:({cx:u})=>a.jsxs(Pd,{onClick:l,className:u({isSelected:t,isInherited:o}),children:[a.jsxs(Hd,{children:[a.jsxs(Gd,{children:[a.jsx(I,{variant:"small",color:"dark",bold:!0,children:r}),!!s&&a.jsx(I,{color:"grey",variant:"small",children:s})]}),i&&a.jsx(Ut,{color:"grey",variant:"small",children:`${i}${i}`})]}),t?a.jsx(Ud,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?a.jsx(A,{iconId:"Inherited",color:"purple"}):null]})})}),Pd=h.div`
|
|
1653
1655
|
width: 100%;
|
|
1654
1656
|
position: relative;
|
|
1655
1657
|
display: flex;
|
|
1656
|
-
padding: ${
|
|
1657
|
-
border-radius: ${
|
|
1658
|
-
background-color: ${
|
|
1659
|
-
border: ${
|
|
1658
|
+
padding: ${me("padding")};
|
|
1659
|
+
border-radius: ${me("border-radius")};
|
|
1660
|
+
background-color: ${me("background-color")};
|
|
1661
|
+
border: ${me("border-width")} solid ${me("border-color")};
|
|
1660
1662
|
cursor: pointer;
|
|
1661
1663
|
transition: border-color 0.125s ease-in-out, background 0.125s ease-in-out;
|
|
1662
1664
|
&.isInherited {
|
|
1663
|
-
background-color: ${
|
|
1664
|
-
border-color: ${
|
|
1665
|
+
background-color: ${me("background-color-inherited")};
|
|
1666
|
+
border-color: ${me("border-color-inherited")};
|
|
1665
1667
|
}
|
|
1666
1668
|
&.isSelected {
|
|
1667
|
-
background-color: ${
|
|
1668
|
-
border-color: ${
|
|
1669
|
+
background-color: ${me("background-color-selected")};
|
|
1670
|
+
border-color: ${me("border-color-selected")};
|
|
1669
1671
|
}
|
|
1670
1672
|
:hover:not(.isSelected) {
|
|
1671
|
-
background-color: ${
|
|
1673
|
+
background-color: ${me("background-color-hover")};
|
|
1672
1674
|
}
|
|
1673
1675
|
:hover:not(.isSelected):not(.isInherited) {
|
|
1674
|
-
border-color: ${
|
|
1676
|
+
border-color: ${me("border-color-hover")};
|
|
1675
1677
|
}
|
|
1676
|
-
`,
|
|
1678
|
+
`,Hd=h.div`
|
|
1677
1679
|
width: 100%;
|
|
1678
1680
|
display: flex;
|
|
1679
1681
|
align-items: flex-start;
|
|
@@ -1681,25 +1683,25 @@
|
|
|
1681
1683
|
flex-direction: column;
|
|
1682
1684
|
row-gap: 1px;
|
|
1683
1685
|
overflow: hidden;
|
|
1684
|
-
`,
|
|
1686
|
+
`,Gd=h.div`
|
|
1685
1687
|
width: 100%;
|
|
1686
1688
|
display: flex;
|
|
1687
1689
|
align-items: center;
|
|
1688
1690
|
justify-content: flex-start;
|
|
1689
1691
|
gap: 8px;
|
|
1690
|
-
`,
|
|
1692
|
+
`,Ud=h(A)`
|
|
1691
1693
|
position: absolute;
|
|
1692
1694
|
top: 50%;
|
|
1693
1695
|
transform: translateY(-50%);
|
|
1694
1696
|
right: 8px;
|
|
1695
|
-
`,[
|
|
1696
|
-
border-radius: ${
|
|
1697
|
-
border: ${
|
|
1697
|
+
`,[$t,fo,Yd]=N(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Vd=h.div`
|
|
1698
|
+
border-radius: ${$t("border-radius")};
|
|
1699
|
+
border: ${$t("border-width")} solid ${$t("border-color")};
|
|
1698
1700
|
display: flex;
|
|
1699
1701
|
flex-direction: column;
|
|
1700
1702
|
overflow: hidden;
|
|
1701
1703
|
position: relative;
|
|
1702
|
-
`,
|
|
1704
|
+
`,Kd=h.div`
|
|
1703
1705
|
align-items: center;
|
|
1704
1706
|
background-color: ${fo("background-color")};
|
|
1705
1707
|
cursor: pointer;
|
|
@@ -1712,17 +1714,17 @@
|
|
|
1712
1714
|
}
|
|
1713
1715
|
|
|
1714
1716
|
&[data-state="open"] {
|
|
1715
|
-
border-bottom: ${
|
|
1716
|
-
${
|
|
1717
|
+
border-bottom: ${$t("border-width")} solid
|
|
1718
|
+
${$t("border-color")};
|
|
1717
1719
|
}
|
|
1718
|
-
`,
|
|
1720
|
+
`,qd=h.div`
|
|
1719
1721
|
flex-direction: column;
|
|
1720
|
-
gap: ${
|
|
1721
|
-
`,
|
|
1722
|
+
gap: ${Yd("gap")};
|
|
1723
|
+
`,Xd=({headerContent:e,toggledContent:t,isOpen:o,onOpen:n})=>a.jsx(Ht,{open:o,onOpenChange:n,children:a.jsxs(Vd,{children:[a.jsx(Oo,{children:a.jsxs(Kd,{children:[a.jsx(te,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),a.jsx(Gt,{children:a.jsx(qd,{children:t})})]})}),[jn]=N(["combobox"]),Zd=d.memo(({isDeletable:e,inputText:t,setInputText:o,onSelectionChange:n,placeholder:r,setIsOpen:s,tooltipText:i,onKeyDown:l})=>{const u=d.useCallback(g=>{o(g.target.value??"")},[o]),f=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return a.jsxs(Qd,{children:[a.jsx(eu,{value:t,onChange:u,onKeyDown:l,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&a.jsx(Jd,{children:a.jsx(Or,{variant:"dark",content:i,children:a.jsx(te,{onClick:f,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Qd=h.div`
|
|
1722
1724
|
width: 100%;
|
|
1723
1725
|
position: relative;
|
|
1724
1726
|
display: flex;
|
|
1725
|
-
`,
|
|
1727
|
+
`,Jd=h.div`
|
|
1726
1728
|
position: absolute;
|
|
1727
1729
|
right: 8px;
|
|
1728
1730
|
top: 50%;
|
|
@@ -1730,7 +1732,7 @@
|
|
|
1730
1732
|
align-items: center;
|
|
1731
1733
|
justify-content: center;
|
|
1732
1734
|
transform: translateY(-50%);
|
|
1733
|
-
`,
|
|
1735
|
+
`,eu=h(ft)`
|
|
1734
1736
|
border-radius: ${jn("input-border-radius")};
|
|
1735
1737
|
height: ${jn("height")};
|
|
1736
1738
|
width: 100%;
|
|
@@ -1738,47 +1740,47 @@
|
|
|
1738
1740
|
&.isDeletable {
|
|
1739
1741
|
padding-right: ${c("spacing-32")};
|
|
1740
1742
|
}
|
|
1741
|
-
`,
|
|
1742
|
-
border-radius: ${
|
|
1743
|
+
`,tu=d.memo(({name:e})=>a.jsxs(a.Fragment,{children:[a.jsx(A,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),a.jsx(Ut,{variant:"body",color:"dark",children:e})]})),[ye,ou]=N(["combobox","option"]),nu=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:n,isDeletable:r,OptionLabelComponent:s,placeholder:i,createNode:l,createText:u,className:f,onEnter:g,t:p})=>{const{setIsOpen:m,selectedIndex:y}=Yo(),x=d.useCallback(()=>{o("create",{id:t,name:t}),m(!1)},[t,m,o]),v=d.useMemo(()=>!e.length||!e.some(w=>w.name.toLowerCase()===t.toLowerCase()),[t,e]),k=d.useCallback(w=>{w.code==="Enter"&&t&&g&&g(t,()=>m(!1))},[t,g,m]);return a.jsxs(su,{className:f,children:[a.jsx(Zd,{inputText:t,setIsOpen:m,onSelectionChange:o,setInputText:n,isDeletable:r,onKeyDown:g?k:void 0,placeholder:i??"Enter a name",tooltipText:(p==null?void 0:p("comboBox.tooltipText"))??"Remove?"}),e.map((w,b)=>a.jsx(lu,{label:s?a.jsx(s,{...w,selected:y===b}):a.jsx(tu,{name:w.name}),optionKey:w.id,disabled:w.isHeader},w.id)),v&&t?l?a.jsx(au,{onClick:x,children:l}):a.jsx(iu,{size:"med",onClick:x,children:u??"Create?"}):null]})},Wr=({children:e,deletable:t,options:o,selected:n,onInputChange:r,onSelectionChange:s,requiresSelection:i,...l})=>{const u=d.useRef(n==null?void 0:n.id),[f,g]=d.useState(i?"":(n==null?void 0:n.name)??""),p=!!n&&n.name===f,m=t!==void 0?t:p&&!i;d.useLayoutEffect(()=>{u.current!==(n==null?void 0:n.id)&&(g(i?"":(n==null?void 0:n.name)??""),u.current=n==null?void 0:n.id)},[n,i]);const y=d.useCallback(b=>{g(b),r==null||r(b)},[r]),x=d.useCallback((b,C)=>{u.current=C==null?void 0:C.id,g(i?"":(C==null?void 0:C.name)??""),s(b,C==null?void 0:C.id)},[s,i]),v=d.useCallback(b=>{const C=o.find($=>$.id===b);C&&x("select",C)},[x,o]),k=d.useMemo(()=>p?o:o.filter(b=>b.name.toLowerCase().includes(f.toLowerCase())||b.isHeader),[f,o,p]),w=d.useMemo(()=>k.findIndex(b=>b.id===(n==null?void 0:n.id)),[k,n==null?void 0:n.id]);return a.jsx(ru,{selectedIndex:w,isFocusTrapDisabled:!0,onSelect:v,Reference:e,children:a.jsx(nu,{...l,handleInputChange:y,handleSelectionChange:x,optionsToRender:k,isDeletable:m,inputText:f})})},ru=h(gt)`
|
|
1744
|
+
border-radius: ${ye("border-radius")};
|
|
1743
1745
|
overflow: hidden;
|
|
1744
|
-
`,
|
|
1746
|
+
`,su=h.div`
|
|
1745
1747
|
width: 200px;
|
|
1746
1748
|
height: auto;
|
|
1747
1749
|
display: flex;
|
|
1748
1750
|
flex-direction: column;
|
|
1749
1751
|
align-items: flex-start;
|
|
1750
1752
|
justify-content: flex-start;
|
|
1751
|
-
background-color: ${
|
|
1752
|
-
border-radius: ${
|
|
1753
|
-
box-shadow: ${
|
|
1754
|
-
padding: ${
|
|
1755
|
-
row-gap: ${
|
|
1756
|
-
`,
|
|
1757
|
-
padding: ${
|
|
1758
|
-
`,
|
|
1753
|
+
background-color: ${ye("background-color")};
|
|
1754
|
+
border-radius: ${ye("border-radius")};
|
|
1755
|
+
box-shadow: ${ye("box-shadow")};
|
|
1756
|
+
padding: ${ye("padding")};
|
|
1757
|
+
row-gap: ${ye("row-gap")};
|
|
1758
|
+
`,iu=h(Mo)`
|
|
1759
|
+
padding: ${ou("padding")};
|
|
1760
|
+
`,au=h.div`
|
|
1759
1761
|
cursor: pointer;
|
|
1760
1762
|
width: 100%;
|
|
1761
|
-
`,
|
|
1763
|
+
`,lu=h(ct)`
|
|
1762
1764
|
width: 100%;
|
|
1763
1765
|
display: flex;
|
|
1764
1766
|
align-items: center;
|
|
1765
1767
|
justify-content: flex-start;
|
|
1766
|
-
background-color: ${
|
|
1767
|
-
border-radius: ${
|
|
1768
|
-
column-gap: ${
|
|
1768
|
+
background-color: ${ye("background-color")};
|
|
1769
|
+
border-radius: ${ye("selection-border-radius")};
|
|
1770
|
+
column-gap: ${ye("option-column-gap")};
|
|
1769
1771
|
transition: background 0.125s ease-in-out;
|
|
1770
1772
|
overflow: hidden;
|
|
1771
1773
|
> .option-label-icon {
|
|
1772
1774
|
display: none;
|
|
1773
1775
|
}
|
|
1774
1776
|
&.isSelected {
|
|
1775
|
-
background-color: ${
|
|
1777
|
+
background-color: ${ye("background-color-selected")};
|
|
1776
1778
|
> .option-label-icon {
|
|
1777
1779
|
display: block;
|
|
1778
1780
|
}
|
|
1779
1781
|
}
|
|
1780
1782
|
&.isActive:not(.isSelected) {
|
|
1781
|
-
background-color: ${
|
|
1783
|
+
background-color: ${ye("background-color-active")};
|
|
1782
1784
|
}
|
|
1783
1785
|
&.disabled {
|
|
1784
1786
|
cursor: initial;
|
|
@@ -1787,7 +1789,7 @@
|
|
|
1787
1789
|
font-weight: ${c("font-weight-bold")};
|
|
1788
1790
|
}
|
|
1789
1791
|
}
|
|
1790
|
-
`,
|
|
1792
|
+
`,_r=h.div`
|
|
1791
1793
|
height: 20px;
|
|
1792
1794
|
width: 240px;
|
|
1793
1795
|
display: grid;
|
|
@@ -1808,60 +1810,60 @@
|
|
|
1808
1810
|
pointer-events: none;
|
|
1809
1811
|
background-color: ${c("color-grey10")};
|
|
1810
1812
|
}
|
|
1811
|
-
`,
|
|
1813
|
+
`,cu=e=>typeof e=="string"?e.trim().length>0||"Required":!0,du=e=>{const{register:t}=e,o=d.useCallback((r,s)=>{if(!s||!s.required)return t(r,s);const i=typeof s.validate=="function"?{default:s.validate}:s.validate,l={...s,validate:{...i,whitespaces:cu}};return t(r,l)},[t]),n=d.useMemo(()=>({...e.control,register:o}),[e.control,o]);return{...e,register:o,control:n}};function Br({children:e,onSubmit:t,onRootErrorChange:o,className:n,defaultValues:r,variant:s="submit",...i}){const l=W.useForm({shouldUnregister:!0,defaultValues:r,...i,mode:s==="blur"?"onBlur":i.mode}),u=du(l),f=u.formState.errors.root;d.useEffect(()=>{o&&o(f)},[f,o]);const g=d.useCallback(async p=>{await t(p,u.setError)},[u.setError,t]);return a.jsx(W.FormProvider,{...u,children:a.jsx("form",{className:n,onSubmit:s==="blur"?void 0:u.handleSubmit(g),onBlur:s==="blur"?u.handleSubmit(g):void 0,children:e})})}const uu=d.memo(()=>a.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.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"})})),fu=e=>e===void 0?a.jsx(uu,{}):e?a.jsx(A,{iconId:"Check",color:"green",size:"sm"}):a.jsx(A,{iconId:"Close",color:"red",size:"sm"}),Pr=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:n,className:r,t:s,title:i})=>a.jsxs(gu,{className:r,children:[!!i&&a.jsx(I,{color:"dark",bold:!0,variant:"body",children:i}),a.jsx(pu,{children:t.map(l=>{const u=e?void 0:o.includes(l.id);return a.jsxs(hu,{children:[n?n(l.id,u):fu(u),a.jsx(mu,{variant:"body",color:"dark",children:s?s(l.textKey):l.id})]},l.id)})})]})),gu=h.div`
|
|
1812
1814
|
display: flex;
|
|
1813
1815
|
align-items: flex-start;
|
|
1814
1816
|
justify-content: flex-start;
|
|
1815
1817
|
flex-direction: column;
|
|
1816
|
-
`,
|
|
1818
|
+
`,pu=h.ul`
|
|
1817
1819
|
margin: 0px;
|
|
1818
1820
|
padding-left: 0px;
|
|
1819
1821
|
row-gap: 4px;
|
|
1820
1822
|
list-style-type: none;
|
|
1821
1823
|
list-style-position: inside;
|
|
1822
|
-
`,
|
|
1824
|
+
`,hu=h.li`
|
|
1823
1825
|
margin: 0;
|
|
1824
1826
|
align-items: center;
|
|
1825
1827
|
display: flex;
|
|
1826
1828
|
justify-content: flex-start;
|
|
1827
|
-
`,
|
|
1829
|
+
`,mu=h(I)`
|
|
1828
1830
|
margin-left: 4px;
|
|
1829
|
-
`,
|
|
1831
|
+
`,bu=()=>W.useFormContext(),[Dn]=N(["form"]),qo=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],Hr=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},...qo],xu=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:n})=>{const{getFieldState:r,formState:s}=bu(),{error:i,isDirty:l}=r(e??"password",s),u=d.useMemo(()=>{const f=(i==null?void 0:i.types)??{},g=[];return!f.minLength&&!f.required&&g.push("length"),!f.tooSimilar&&n&&g.push("tooSimilar"),!f[wt.noDigit]&&!f[wt.noUpperCase]&&g.push("uppercaseAndNumber"),f[wt.noSpecialCharacter]||g.push("specialCharacter"),g},[i==null?void 0:i.types,n]);return a.jsx(j.ClassNames,{children:({cx:f})=>a.jsx(yu,{t,className:f({hasLabel:o}),isBlank:!l&&!i,requirements:n?Hr:qo,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),yu=h(Pr)`
|
|
1830
1832
|
width: 100%;
|
|
1831
1833
|
align-items: flex-start;
|
|
1832
1834
|
justify-content: flex-start;
|
|
1833
1835
|
&.hasLabel {
|
|
1834
|
-
padding-left: calc(${
|
|
1835
|
-
}
|
|
1836
|
-
`,[
|
|
1837
|
-
font-family: ${
|
|
1838
|
-
font-size: ${
|
|
1839
|
-
font-weight: ${
|
|
1840
|
-
height: ${
|
|
1841
|
-
line-height: ${
|
|
1836
|
+
padding-left: calc(${Dn("label-width")} + ${Dn("label-column-gap")});
|
|
1837
|
+
}
|
|
1838
|
+
`,[Ze]=N(["form"]),de=d.forwardRef(({className:e,required:t,formItemId:o,isValid:n,...r},s)=>a.jsx(j.ClassNames,{children:({cx:i})=>a.jsx(ku,{ref:s,"aria-required":t,"aria-invalid":!n,className:i(e,"form-label"),htmlFor:o,...r})})),ku=h.label`
|
|
1839
|
+
font-family: ${Ze("label-font-family")};
|
|
1840
|
+
font-size: ${Ze("label-font-size")};
|
|
1841
|
+
font-weight: ${Ze("label-font-weight")};
|
|
1842
|
+
height: ${Ze("label-height")};
|
|
1843
|
+
line-height: ${Ze("label-line-height")};
|
|
1842
1844
|
text-align: right;
|
|
1843
1845
|
width: 100%;
|
|
1844
1846
|
&[aria-required="true"] {
|
|
1845
1847
|
::before {
|
|
1846
1848
|
content: "*";
|
|
1847
|
-
padding-right: ${
|
|
1848
|
-
color: ${
|
|
1849
|
+
padding-right: ${Ze("label-star-padding")};
|
|
1850
|
+
color: ${Ze("label-error-color")};
|
|
1849
1851
|
}
|
|
1850
1852
|
}
|
|
1851
|
-
`;
|
|
1853
|
+
`;de.displayName="FormLabel";const[go]=N(["form"]),Ne=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:n,formState:r}=W.useFormContext(),{error:s}=n(t,r);if(!s)return null;const i=e==="message"?s.message:e(s);return i?a.jsx(vu,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:i}):null}),vu=h(I)`
|
|
1852
1854
|
width: 100%;
|
|
1853
1855
|
margin-top: ${go("error-message-top-margin")};
|
|
1854
1856
|
&.hasLabel {
|
|
1855
1857
|
padding-left: calc(${go("label-width")} + ${go("label-column-gap")});
|
|
1856
1858
|
}
|
|
1857
|
-
`,[So]=
|
|
1859
|
+
`,[So]=N(["form"]),_e=h.div`
|
|
1858
1860
|
display: flex;
|
|
1859
1861
|
align-items: center;
|
|
1860
1862
|
justify-content: flex-start;
|
|
1861
1863
|
flex-direction: column;
|
|
1862
1864
|
width: 100%;
|
|
1863
1865
|
position: relative;
|
|
1864
|
-
`,
|
|
1866
|
+
`,ze=h.div`
|
|
1865
1867
|
display: grid;
|
|
1866
1868
|
align-items: center;
|
|
1867
1869
|
grid-template-columns: 1fr;
|
|
@@ -1870,7 +1872,7 @@
|
|
|
1870
1872
|
&.hasLabel {
|
|
1871
1873
|
grid-template-columns: ${So("label-width")} 1fr;
|
|
1872
1874
|
}
|
|
1873
|
-
`,
|
|
1875
|
+
`,Gr=h(ze)`
|
|
1874
1876
|
align-items: flex-start;
|
|
1875
1877
|
|
|
1876
1878
|
/*
|
|
@@ -1889,79 +1891,104 @@
|
|
|
1889
1891
|
right: 0;
|
|
1890
1892
|
top: 0;
|
|
1891
1893
|
pointer-events: none;
|
|
1892
|
-
`,
|
|
1894
|
+
`,wu=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:i,...l})=>{const{control:u}=W.useFormContext(),{field:{onChange:f,value:g,disabled:p},fieldState:{error:m}}=W.useController({name:e,control:u,rules:l,disabled:t}),y=d.useId();return a.jsx(j.ClassNames,{children:({cx:x})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:x({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:y,isValid:!m,required:!!l.required,children:o}),a.jsx(Cu,{children:a.jsx(Kt,{checked:g,disabled:p,readOnly:i,onChange:f,showIcons:s,id:y})})]}),!!r&&a.jsx(Ne,{handleError:r,name:e,hasLabel:!!o})]})})},Cu=h.div`
|
|
1893
1895
|
width: 100%;
|
|
1894
1896
|
display: flex;
|
|
1895
1897
|
align-items: center;
|
|
1896
1898
|
justify-content: flex-start;
|
|
1897
|
-
|
|
1899
|
+
`,$u=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:i,wrap:l,readOnly:u,...f},g)=>{const{control:p}=W.useFormContext(),{field:{ref:m,...y},fieldState:{error:x}}=W.useController({name:e,control:p,rules:f,disabled:t}),v=d.useId(),k=O.useMergeRefs([m,g]);return a.jsx(j.ClassNames,{children:({cx:w})=>a.jsxs(_e,{children:[a.jsxs(Gr,{className:w({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:v,isValid:!x,required:!!f.required,children:o}),a.jsx(Vo,{...y,id:v,placeholder:n,ref:k,autoComplete:"off",className:w(r,"form-text-area"),"aria-invalid":!!x,autoFocus:i,readOnly:u,wrap:l})]}),!!s&&a.jsx(Ne,{handleError:s,name:e,hasLabel:!!o})]})})},Su=dt($u),ju=({onSubmit:e,enabledIfClean:t,...o},n)=>{const{handleSubmit:r,setError:s,formState:{isValid:i,isSubmitting:l,dirtyFields:u}}=W.useFormContext(),f=d.useCallback(async m=>{await e(m,s)},[s,e]),g=Object.keys(u).length>0,p=!i||l||!t&&!g;return a.jsx(Ee,{type:"submit",...o,ref:n,disabled:p,onClick:r(f)})},Zo=dt(ju),Ur=({disabled:e,isSmall:t,children:o,value:n,id:r,placeholder:s,prefixIcon:i,prefixIconColor:l,className:u,getLabel:f,getIcon:g,onSelect:p,onKeyDown:m})=>{var S,D;const y=d.useRef(n);d.useEffect(()=>{y.current=n},[n]);const x=d.useCallback(z=>{let B=g==null?void 0:g(z),V=f==null?void 0:f(z),P;return z&&d.Children.forEach(o,U=>{d.isValidElement(U)&&U.props.optionKey&&U.props.optionKey===z&&(P=U)}),P!==void 0&&d.isValidElement(P)&&P.props.label&&(V=V??P.props.label,B=B??P.props.prefixIconId),{label:V??"",iconId:B}},[o,g,f]),v=d.useCallback((z,B)=>{let V=null;return d.Children.forEach(z,(P,U)=>{d.isValidElement(P)&&P.props.optionKey&&P.props.optionKey===B&&(V=U)}),V},[]),[k,w]=d.useState(v(o,n));d.useEffect(()=>{w(v(o,y.current))},[o,v]);const[b,C]=d.useState((S=x(n))==null?void 0:S.label),[$,T]=d.useState((D=x(n))==null?void 0:D.iconId);return d.useEffect(()=>{const z=x(n);C(z==null?void 0:z.label),T(z==null?void 0:z.iconId)},[n,x]),a.jsx(j.ClassNames,{children:({cx:z})=>a.jsx(gt,{onSelect:p,disabled:e,matchReferenceWidth:!0,selectedIndex:k,onSelectedIndexChange:w,Reference:a.jsx(Du,{value:b??"",disabled:e,onChange:Ie,id:r,onKeyDown:m,isSmall:t,prefixIconId:i||$,prefixIconColor:l,type:"text",placeholder:s,autoComplete:"off",className:z(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},Du=h(ft)`
|
|
1898
1900
|
caret-color: transparent;
|
|
1899
1901
|
user-select: none;
|
|
1900
1902
|
-webkit-user-select: none;
|
|
1901
|
-
`,Tu=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:i,prefixIconColor:l,className:u,readOnly:f,...g})=>{const{control:p}=
|
|
1903
|
+
`,Tu=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:i,prefixIconColor:l,className:u,readOnly:f,...g})=>{const{control:p}=W.useFormContext(),{field:{ref:m,...y},fieldState:{error:x}}=W.useController({name:e,control:p,rules:g,disabled:t}),v=d.useId(),{onChange:k}=y,w=d.useCallback(b=>{k(b)},[k]);return a.jsx(j.ClassNames,{children:({cx:b})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:b({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:v,isValid:!x,required:!!g.required,children:o}),a.jsx(Ur,{disabled:t||f,onSelect:w,id:v,value:y.value,children:r})]}),!!n&&a.jsx(Ne,{handleError:n,name:e,hasLabel:!!o}),a.jsx(Xo,{ref:m,...y})]})})},Eu=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:i,prefixIconId:l,prefixIconColor:u,suffixIconColor:f,suffixIconId:g,autoFocus:p,readOnly:m,...y},x)=>{const{control:v}=W.useFormContext(),{field:{ref:k,...w},fieldState:{error:b}}=W.useController({name:e,control:v,rules:y,disabled:t}),C=d.useId(),$=O.useMergeRefs([k,x]);return a.jsx(j.ClassNames,{children:({cx:T})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:T({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:C,isValid:!b,required:!!y.required,children:o}),a.jsx(ft,{...w,onChange:S=>{y.autoTrim?w.onChange(S.target.value.trim()):w.onChange(S.target.value)},id:C,readOnly:m,type:r,autoFocus:p,placeholder:n,ref:$,autoComplete:"off",prefixIconColor:u,prefixIconId:l,suffixIconId:g,suffixIconColor:f,className:T(s,"form-input"),"aria-invalid":!!b})]}),!!i&&a.jsx(Ne,{handleError:i,name:e,hasLabel:!!o})]})})},Qo=dt(Eu),Iu=({areaField:e,name:t,disabled:o,readOnly:n,label:r,handleError:s,children:i,className:l,...u})=>{const{control:f}=W.useFormContext(),{field:g,fieldState:{error:p,...m}}=W.useController({name:t,control:f,rules:u,disabled:o}),y=d.useId(),x=e?Gr:ze;return a.jsx(j.ClassNames,{children:({cx:v})=>a.jsxs(_e,{className:l,children:[a.jsxs(x,{className:v("form-input-wrapper",{hasLabel:!!r}),children:[r&&a.jsx(de,{formItemId:y,isValid:!p,required:!!u.required,children:r}),i(g,{error:p,readOnly:n,...m})]}),!!s&&a.jsx(Ne,{handleError:s,name:t,hasLabel:!!r})]})})},Nu=({name:e,disabled:t,label:o,className:n,handleError:r,readOnly:s,...i},l)=>{const{control:u}=W.useFormContext(),{field:{ref:f,...g},fieldState:{error:p}}=W.useController({name:e,control:u,rules:i,disabled:t}),m=d.useId(),y=O.useMergeRefs([f,l]),x=d.useCallback(v=>{v.target.blur(),g.onChange(v)},[g]);return a.jsx(j.ClassNames,{children:({cx:v})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:v({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:m,isValid:!p,required:!!i.required,children:o}),a.jsx(ut,{checked:!!g.value,disabled:g.disabled||s,onChange:x,id:m,ref:y,className:v(n,"form-checkbox"),"aria-invalid":!!p})]}),!!r&&a.jsx(Ne,{handleError:r,name:e,hasLabel:!!o})]})})},zu=dt(Nu),[St]=N(["form"]),Tn=({control:e,name:t,t:o})=>{const{field:{onChange:n,value:r,disabled:s}}=W.useController({name:t,control:e,rules:{},disabled:!1}),i=d.useId();return a.jsxs(Mu,{children:[a.jsx(Ou,{isValid:!0,formItemId:i,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),a.jsx(Kt,{checked:r,disabled:s,onChange:n,id:i})]})},Mu=h.div`
|
|
1902
1904
|
display: flex;
|
|
1903
1905
|
align-items: center;
|
|
1904
1906
|
justify-content: flex-start;
|
|
1905
|
-
column-gap: ${
|
|
1906
|
-
`,
|
|
1907
|
+
column-gap: ${St("access-toggle-gap")};
|
|
1908
|
+
`,Ou=h(de)`
|
|
1907
1909
|
width: auto;
|
|
1908
|
-
`,
|
|
1910
|
+
`,Ru=({className:e,t,isAdmin:o,hideHide:n,hideLock:r})=>{const{control:s}=W.useFormContext();return o?a.jsxs(Au,{className:e,children:[a.jsx(I,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),a.jsxs(Fu,{children:[!n&&a.jsx(Tn,{name:"hidden",control:s}),!r&&a.jsx(Tn,{name:"locked",control:s})]})]}):null},Au=h.div`
|
|
1909
1911
|
width: 100%;
|
|
1910
1912
|
display: grid;
|
|
1911
1913
|
align-items: center;
|
|
1912
1914
|
background-color: ${c("color-grey10")};
|
|
1913
1915
|
border-radius: ${c("spacing-4")};
|
|
1914
|
-
grid-template-columns: ${
|
|
1915
|
-
height: ${
|
|
1916
|
-
column-gap: ${
|
|
1917
|
-
`,
|
|
1916
|
+
grid-template-columns: ${St("label-width")} 1fr;
|
|
1917
|
+
height: ${St("access-toggle-height")};
|
|
1918
|
+
column-gap: ${St("label-column-gap")};
|
|
1919
|
+
`,Fu=h.div`
|
|
1918
1920
|
width: 100%;
|
|
1919
1921
|
height: 100%;
|
|
1920
1922
|
display: flex;
|
|
1921
1923
|
align-items: center;
|
|
1922
1924
|
justify-content: flex-start;
|
|
1923
|
-
column-gap: ${
|
|
1924
|
-
`,
|
|
1925
|
+
column-gap: ${St("label-column-gap")};
|
|
1926
|
+
`,Lu=d.memo(({nameBlackList:e,maxLength:t,t:o,...n})=>{const r=d.useCallback(s=>dr.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 a.jsx(Qo,{validate:r,handleError:"message",name:"name",...n})}),Wu=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:i,prefixIconId:l,prefixIconColor:u,suffixIconColor:f,suffixIconId:g,autoFocus:p,readOnly:m,options:y,useLabelAsValue:x,...v})=>{const{control:k}=W.useFormContext(),{field:{ref:w,...b},fieldState:{error:C}}=W.useController({name:e,control:k,rules:v,disabled:t}),$=d.useId(),T=d.useCallback((D,z)=>{b.onChange(z??"")},[b]),S=d.useMemo(()=>{if(b.value)return{id:b.value,name:b.value}},[b.value]);return a.jsx(j.ClassNames,{children:({cx:D})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:D({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:$,isValid:!C,required:!!v.required,children:o}),a.jsx(Wr,{options:y,selected:S,onSelectionChange:T,children:a.jsxs(_u,{children:[a.jsx(Ut,{variant:"body",color:"dark",children:b.value}),a.jsx(Bu,{children:a.jsx(A,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!i&&a.jsx(Ne,{handleError:i,name:e,hasLabel:!!o}),a.jsx(Xo,{ref:w,...b})]})})},_u=h(_r)`
|
|
1925
1927
|
height: 29px;
|
|
1926
1928
|
width: 100%;
|
|
1927
|
-
`,
|
|
1929
|
+
`,Bu=h.div`
|
|
1928
1930
|
width: 100%;
|
|
1929
1931
|
height: 100%;
|
|
1930
1932
|
display: flex;
|
|
1931
1933
|
align-items: center;
|
|
1932
1934
|
justify-content: center;
|
|
1933
|
-
`,
|
|
1935
|
+
`,Pu=({name:e,disabled:t,label:o,handleError:n,readOnly:r,placeholder:s,...i})=>{const{control:l}=W.useFormContext(),u=d.useRef(null),{field:{ref:f,value:g,onChange:p,...m},fieldState:{error:y}}=W.useController({name:e,control:l,rules:i,disabled:t}),x=d.useId(),v=O.useMergeRefs([f,u]),k=d.useCallback(()=>{u.current&&u.current.click()},[]),w=d.useCallback($=>{$.preventDefault()},[]),b=d.useCallback($=>{$.preventDefault();let T=!1;if($.dataTransfer.items.length)for(let S=0;S<$.dataTransfer.items.length&&!T;S++){const D=$.dataTransfer.items[S];if(D.kind==="file"){const z=D.getAsFile();z&&(T=!0,p(z))}}},[p]),C=d.useCallback(()=>{p(void 0)},[p]);return a.jsx(j.ClassNames,{children:({cx:$})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:$({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:x,isValid:!y,required:!!i.required,children:o}),g?a.jsxs(Uu,{children:[a.jsx(A,{iconId:"File",size:"sm",color:"black"}),a.jsx(I,{variant:"body",color:"dark",children:g.name}),a.jsx(Yu,{onClick:C,iconId:"Close",size:"sm",color:"black"})]}):a.jsxs(Hu,{onDrop:b,onClick:k,onDragOver:w,children:[a.jsx(A,{iconId:"File",size:"med",color:"black"}),a.jsx(I,{variant:"body",color:"dark",children:s})]}),a.jsx(Gu,{value:g==null?void 0:g.fileName,...m,id:x,onChange:T=>{T.target.files&&p(T.target.files[0])},type:"file",ref:v})]}),!!n&&a.jsx(Ne,{handleError:n,name:e,hasLabel:!!o})]})})},Yr=h.div`
|
|
1936
|
+
width: 100%;
|
|
1937
|
+
padding: ${c("spacing-12")};
|
|
1938
|
+
display: flex;
|
|
1939
|
+
border: 1px solid ${c("color-grey30")};
|
|
1940
|
+
background-color: ${c("color-grey10")};
|
|
1941
|
+
border-radius: ${c("spacing-6")};
|
|
1942
|
+
`,Hu=h(Yr)`
|
|
1943
|
+
align-items: center;
|
|
1944
|
+
justify-content: center;
|
|
1945
|
+
flex-direction: column;
|
|
1946
|
+
row-gap: ${c("spacing-16")};
|
|
1947
|
+
transition: border 0.125s ease-in-out;
|
|
1948
|
+
cursor: pointer;
|
|
1949
|
+
:hover {
|
|
1950
|
+
border-color: ${c("color-grey50")};
|
|
1951
|
+
}
|
|
1952
|
+
`,Gu=h.input`
|
|
1953
|
+
display: none;
|
|
1954
|
+
`,Uu=h(Yr)`
|
|
1955
|
+
align-items: flex-start;
|
|
1956
|
+
justify-content: flex-start;
|
|
1957
|
+
column-gap: ${c("spacing-4")};
|
|
1958
|
+
`,Yu=h(te)`
|
|
1959
|
+
margin-left: auto;
|
|
1960
|
+
`,Vu=({name:e,disabled:t,label:o,handleError:n,options:r,selectAllHidden:s,SelectAllItemTemplate:i,ListItemTemplate:l,SelectedItemTemplate:u,className:f,readOnly:g,...p})=>{const{control:m}=W.useFormContext(),{field:{value:y,onChange:x},fieldState:{error:v}}=W.useController({name:e,control:m,rules:p,disabled:t}),k=d.useId(),w=d.useCallback(b=>{x(b)},[x]);return a.jsx(j.ClassNames,{children:({cx:b})=>a.jsxs(_e,{children:[a.jsxs(ze,{className:b({hasLabel:!!o}),children:[o&&a.jsx(de,{formItemId:k,isValid:!v,required:!!p.required,children:o}),a.jsx(Lr,{disabled:t||g,options:r,onChange:w,selected:y,className:f,SelectAllItemTemplate:i,ListItemTemplate:l,SelectedItemTemplate:u})]}),!!n&&a.jsx(Ne,{handleError:n,name:e,hasLabel:!!o})]})})},Zt=(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},Qt=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:Ie,isDisabled:!1}),nt=()=>{const e=d.useContext(Qt);return e||{isSelected:()=>!1,selected:[],toggleSelection:Ie,isDisabled:!1}};function jo(e){return e.context!==void 0}const Jo=d.createContext(null),en=({children:e,dataProvider:t})=>{const[o,n]=d.useState(),r=d.useMemo(()=>t?{data:o}:{data:new Map},[t,o]);return d.useEffect(()=>{var i;const s=l=>{n(l)};if(t&&jo(t)){const l=t.context;(i=t.addContextChangeListener)==null||i.call(t,s),l&&n(l)}return()=>{var l;t&&jo(t)&&((l=t==null?void 0:t.removeContextChangeListener)==null||l.call(t,s))}},[t]),a.jsx(Jo.Provider,{value:r,children:e})},Ku=()=>{const e=d.useContext(Jo);return e||Y.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},qu=e=>t=>o=>()=>o.call(e,t);class tn{constructor(t,o,n,r){X(this,"parent");X(this,"_itemMap");X(this,"disposer");X(this,"_items");X(this,"listeners",[]);X(this,"context");X(this,"resolvedItems");X(this,"resolver");X(this,"version");X(this,"initialized");this.parent=t,this.context=Z.observable.map(new Map(Object.entries(r||{}))),this.version=0,this._itemMap=n,this.initialized=!1,this._items=Z.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],Z.makeObservable(this,{items:Z.computed,initialized:Z.observable,version:Z.observable,refresh:Z.action,resolvedItems:Z.observable,context:Z.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=l=>this._itemMap(l,this.context),r=l=>this.filterByInputItem(l,this.context),s=o.filter(r.bind(this)).sort(this.sortByInputItem.bind(this)).map(n);return Array.from(this._items.keys()).filter(l=>!s.find(u=>u.id===l)).forEach(l=>{Y.kosAction(()=>{this._items.delete(l)})}),s.reduce((l,u)=>{if(!l.has(u.id))Y.kosAction(()=>{l.set(u.id,u)});else{const f=l.get(u.id);f&&Y.kosAction(()=>{const g=Object.assign(f,u);l.set(u.id,g)})}return l},this._items),s.map(l=>this._items.get(l.id))}async init(){if(!this.initialized){if(Y.isKosDataModel(this.parent)&&await Y.whenReady(this.parent),this.resolver){const t=qu(this.parent)(this.context)(this.resolver);this.disposer=Z.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}Y.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=Y.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){Y.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),Y.kosAction(()=>{this.initialized=!1})}}const Xu=e=>e.data!==void 0,Vr=e=>t=>()=>{const o=[];return(Array.isArray(t)?t:[t]).forEach(r=>{const s=e[r];Xu(s)?o.push(...s.data):Array.isArray(s)&&o.push(...s)}),o};class on extends tn{constructor(o,n,r,s){super(o,Vr(o)(n),r,s);X(this,"_key");this._key=Array.isArray(n)?n:[n]}}class Zu extends on{constructor(t,o,n,r){super(t,o,n,r),Z.makeObservable(this,{groups:Z.computed,itemsByGroup:Z.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 Qu{constructor(t,o=[]){X(this,"items");X(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 Tt(e){return e.build!==void 0}const Ju=h.div`
|
|
1934
1961
|
width: 100%;
|
|
1935
|
-
`,
|
|
1962
|
+
`,ef=(e,t,o)=>e.items.map(n=>{const r=Tt(t)?t.build(n):t;return a.jsx(r,{"data-key":n.id,...n,onListItemAction:o},n.id)}),nn=Y.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:n,onListItemAction:r,onInit:s,emptyState:i,className:l,itemListRenderer:u=ef})=>{const f=Zt(e,s),g=f&&e?u(e,o,r):[];return a.jsx(en,{dataProvider:e||void 0,children:a.jsxs(Ju,{className:l,children:[t,f?g.length===0&&i?i:g:null,n]})})}),Jt=Y.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:i,...l})=>{const[u,f]=d.useState(o??[]),g=d.useRef(u??[]);d.useLayoutEffect(()=>{g.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const p=d.useCallback(x=>{t(x,g.current.includes(x)?"unselected":"selected"),f(v=>e?[x]:v.includes(x)?v.filter(k=>k!==x):[...v,x])},[e,t]),m=d.useCallback(x=>g.current.includes(x),[]),y=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:p,isDisabled:!!n}),[m,u,p,n]);return d.useEffect(()=>{var x,v;if(r&&(s!=null&&s.items)&&g.current.length===0){let k;i?k=(x=i(s.items))==null?void 0:x.id:k=(v=s.items[0])==null?void 0:v.id,k&&p(k)}},[r,s==null?void 0:s.items,i,p]),a.jsx(Qt.Provider,{value:y,children:a.jsx(nn,{dataProvider:s,...l})})});function Kr(e){return e.build!==void 0}const tf=e=>(t,o,n)=>t.groups.reduce((s,i)=>s.find(l=>l.groupId===i.groupId)?s:[...s,i],[]).map(s=>{const i=Kr(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(f=>{const g=Tt(o)?o.build(f):o;return a.jsx(g,{"data-key":f.id,...f,onListItemAction:n},f.id)});return a.jsx(i,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),rn=d.createContext({openedGroups:[],toggleGroup:Ie});function of(e){const t=e.supportMultipleOpen??!0,[o,n]=d.useState(e.openedGroups??[]),r=d.useCallback(i=>{var l;(l=e.onGroupOpen)==null||l.call(e,i,o.includes(i)?"closed":"opened"),n(u=>t?u.includes(i)?u.filter(f=>f!==i):[...u,i]:[i])},[o,e,t]);d.useEffect(()=>{n(e.openedGroups??[])},[e.openedGroups]);const s=d.useMemo(()=>({openedGroups:o,toggleGroup:r}),[o,r]);return a.jsx(rn.Provider,{value:s,children:a.jsx(Jt,{...e,itemListRenderer:tf(e.GroupTemplate)})})}const qr=()=>{const e=d.useContext(rn);return e||{openedGroups:[],toggleGroup:Ie}},nf=({children:e,name:t,groupId:o,className:n})=>{const{openedGroups:r,toggleGroup:s}=qr(),i=r.includes(o),l=d.useCallback(()=>{s(o)},[o,s]);return a.jsxs(Xr,{className:n,children:[a.jsxs(sf,{"data-open":i,className:"label-container",onClick:l,children:[i?a.jsx(A,{iconId:"CaretDown",size:"xsm"}):a.jsx(A,{iconId:"CaretRight",size:"xsm"}),a.jsx(I,{variant:"body",bold:!0,children:t})]}),a.jsx(af,{children:i?a.jsx(lf,{className:"list-container",children:e}):null})]},o)},rf=({children:e,groupId:t,className:o})=>a.jsx(Xr,{className:o,children:e},t),Xr=h.div`
|
|
1936
1963
|
display: flex;
|
|
1937
1964
|
flex-direction: column;
|
|
1938
1965
|
padding-bottom: 8px;
|
|
1939
|
-
`,
|
|
1966
|
+
`,sf=h.div`
|
|
1940
1967
|
display: flex;
|
|
1941
1968
|
flex: 0;
|
|
1942
1969
|
cursor: pointer;
|
|
1943
1970
|
gap: 4px;
|
|
1944
1971
|
padding-inline: 20px 12px;
|
|
1945
1972
|
align-items: center;
|
|
1946
|
-
`,
|
|
1973
|
+
`,af=h.div`
|
|
1947
1974
|
display: flex;
|
|
1948
1975
|
flex-direction: column;
|
|
1949
|
-
`,
|
|
1976
|
+
`,lf=h.div`
|
|
1950
1977
|
padding-inline-start: 16px;
|
|
1951
1978
|
align-items: center;
|
|
1952
1979
|
gap: 6px;
|
|
1953
1980
|
padding-block-start: 8px;
|
|
1954
|
-
`,
|
|
1981
|
+
`,Nt=h.div`
|
|
1955
1982
|
align-items: center;
|
|
1956
1983
|
align-self: stretch;
|
|
1957
1984
|
background: var(--Grey-White, #fff);
|
|
1958
1985
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
1959
1986
|
display: flex;
|
|
1960
|
-
`,sn=h(
|
|
1987
|
+
`,sn=h(Nt)`
|
|
1961
1988
|
padding: 0 0 6px 0;
|
|
1962
|
-
`,
|
|
1989
|
+
`,Zr=h(Nt)`
|
|
1963
1990
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
1964
|
-
`,
|
|
1991
|
+
`,Qr=h(sn)`
|
|
1965
1992
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
1966
1993
|
`,eo=h.div`
|
|
1967
1994
|
align-items: center;
|
|
@@ -1970,7 +1997,7 @@
|
|
|
1970
1997
|
height: 30px;
|
|
1971
1998
|
justify-content: center;
|
|
1972
1999
|
padding: 8px;
|
|
1973
|
-
`,
|
|
2000
|
+
`,Jr=h(eo)`
|
|
1974
2001
|
height: initial;
|
|
1975
2002
|
padding: 0 4px 0 14px;
|
|
1976
2003
|
`,to=h.div`
|
|
@@ -1982,10 +2009,10 @@
|
|
|
1982
2009
|
height: 30px;
|
|
1983
2010
|
justify-content: space-between;
|
|
1984
2011
|
padding: 8px 8px 8px 4px;
|
|
1985
|
-
`,
|
|
2012
|
+
`,es=h(to)`
|
|
1986
2013
|
height: initial;
|
|
1987
2014
|
padding: 0;
|
|
1988
|
-
`,
|
|
2015
|
+
`,ts=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:i=!0})=>{const{selected:l,toggleSelection:u,isDisabled:f}=nt(),g=d.useCallback(()=>{u(o)},[o,u]),p=r==="compact"?Jr:eo,m=r==="compact"?es:to,y=i?r==="compact"?Qr:Zr:r==="compact"?sn:Nt;return a.jsxs(y,{className:e,children:[a.jsx(p,{children:a.jsx(ut,{disabled:f||t,checked:l.includes(o),onChange:g})}),a.jsxs(m,{children:[a.jsx(I,{variant:"body",children:s}),!!n&&a.jsx(I,{color:"grey",variant:"body",children:n})]})]})}),cf=h.div`
|
|
1989
2016
|
display: flex;
|
|
1990
2017
|
padding: 4px 12px 4px 4px;
|
|
1991
2018
|
align-items: center;
|
|
@@ -1993,14 +2020,14 @@
|
|
|
1993
2020
|
align-self: stretch;
|
|
1994
2021
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
1995
2022
|
background: var(--Grey-White, #fff);
|
|
1996
|
-
`,
|
|
2023
|
+
`,df=h.div`
|
|
1997
2024
|
display: flex;
|
|
1998
2025
|
height: 30px;
|
|
1999
2026
|
padding: 8px;
|
|
2000
2027
|
justify-content: center;
|
|
2001
2028
|
align-items: center;
|
|
2002
2029
|
gap: 16px;
|
|
2003
|
-
`,
|
|
2030
|
+
`,uf=h.div`
|
|
2004
2031
|
flex: 1 1 auto;
|
|
2005
2032
|
display: flex;
|
|
2006
2033
|
align-items: center;
|
|
@@ -2009,15 +2036,15 @@
|
|
|
2009
2036
|
padding: 8px 8px 8px 4px;
|
|
2010
2037
|
gap: 4px;
|
|
2011
2038
|
align-self: stretch;
|
|
2012
|
-
`,
|
|
2039
|
+
`,ff=e=>{const{selected:t,toggleSelection:o,isDisabled:n}=nt(),r=d.useCallback(()=>{o(e.id)},[e,o]);return a.jsxs(cf,{children:[a.jsx(df,{children:a.jsx("input",{onChange:r,type:"checkbox",checked:t.includes(e.id),disabled:n})}),a.jsx(uf,{children:a.jsx(I,{variant:"body",children:e.name})})]})},[je]=N(["named-list-item"]),gf=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:n,name:r,className:s,subText:i,subTextColor:l})=>{const{selected:u,toggleSelection:f,isDisabled:g}=nt(),p=d.useCallback(()=>{g||f(e)},[e,f,g]);return a.jsx(j.ClassNames,{children:({cx:m})=>a.jsxs(pf,{className:m(s,{isSelected:u.includes(e),isDisabled:g}),onClick:p,children:[a.jsxs(hf,{children:[t&&a.jsx(A,{size:"sm",iconId:t,color:o}),a.jsx(I,{className:"named-list-item-text",variant:"body",children:r}),!!n&&a.jsx(bf,{children:n.map(({iconId:y,iconColor:x})=>a.jsx(A,{size:"xsm",iconId:y,color:x},y))})]}),!!i&&a.jsx(mf,{className:m({hasIcon:!!t}),children:a.jsx(xf,{color:l??"dark",variant:"body",children:i})})]})})}),pf=h.div`
|
|
2013
2040
|
display: flex;
|
|
2014
|
-
padding-top: ${
|
|
2015
|
-
padding-right: ${
|
|
2016
|
-
padding-bottom: ${
|
|
2017
|
-
padding-left: ${
|
|
2041
|
+
padding-top: ${je("padding-y")};
|
|
2042
|
+
padding-right: ${je("padding-right")};
|
|
2043
|
+
padding-bottom: ${je("padding-y")};
|
|
2044
|
+
padding-left: ${je("padding-left")};
|
|
2018
2045
|
align-items: flex-start;
|
|
2019
2046
|
justify-content: flex-start;
|
|
2020
|
-
gap: ${
|
|
2047
|
+
gap: ${je("row-gap")};
|
|
2021
2048
|
color: inherit;
|
|
2022
2049
|
background-color: transparent;
|
|
2023
2050
|
flex-direction: column;
|
|
@@ -2026,37 +2053,37 @@
|
|
|
2026
2053
|
cursor: unset;
|
|
2027
2054
|
}
|
|
2028
2055
|
&.isSelected {
|
|
2029
|
-
color: ${
|
|
2030
|
-
background-color: ${
|
|
2056
|
+
color: ${je("color-selected")};
|
|
2057
|
+
background-color: ${je("background-color-selected")};
|
|
2031
2058
|
}
|
|
2032
|
-
`,
|
|
2059
|
+
`,hf=h.div`
|
|
2033
2060
|
width: 100%;
|
|
2034
2061
|
display: flex;
|
|
2035
2062
|
align-items: center;
|
|
2036
2063
|
justify-content: flex-start;
|
|
2037
|
-
gap: ${
|
|
2038
|
-
`,
|
|
2064
|
+
gap: ${je("column-gap")};
|
|
2065
|
+
`,mf=h.div`
|
|
2039
2066
|
width: 100%;
|
|
2040
2067
|
display: flex;
|
|
2041
2068
|
align-items: center;
|
|
2042
2069
|
justify-content: flex-start;
|
|
2043
2070
|
&.hasIcon {
|
|
2044
|
-
padding-left: ${
|
|
2071
|
+
padding-left: ${je("subtext-padding-with-icon")};
|
|
2045
2072
|
}
|
|
2046
|
-
`,
|
|
2073
|
+
`,bf=h.div`
|
|
2047
2074
|
display: flex;
|
|
2048
2075
|
align-items: center;
|
|
2049
2076
|
justify-content: flex-end;
|
|
2050
2077
|
margin-left: auto;
|
|
2051
|
-
gap: ${
|
|
2052
|
-
`,
|
|
2078
|
+
gap: ${je("column-gap")};
|
|
2079
|
+
`,xf=h(I)`
|
|
2053
2080
|
-webkit-box-orient: vertical;
|
|
2054
2081
|
-webkit-line-clamp: 2;
|
|
2055
2082
|
display: -webkit-box;
|
|
2056
2083
|
overflow-wrap: anywhere;
|
|
2057
2084
|
overflow: hidden;
|
|
2058
2085
|
text-overflow: ellipsis;
|
|
2059
|
-
`,
|
|
2086
|
+
`,yf=h.div`
|
|
2060
2087
|
display: flex;
|
|
2061
2088
|
padding: ${c("spacing-8")} ${c("spacing-10")};
|
|
2062
2089
|
align-items: center;
|
|
@@ -2069,18 +2096,18 @@
|
|
|
2069
2096
|
color: ${c("color-white")};
|
|
2070
2097
|
background-color: ${c("color-primary")};
|
|
2071
2098
|
}
|
|
2072
|
-
`,
|
|
2099
|
+
`,kf=e=>{const{selected:t,toggleSelection:o}=nt(),n=d.useCallback(()=>{o(e.id)},[e,o]);return a.jsx(j.ClassNames,{children:({cx:r})=>a.jsxs(yf,{className:r({isSelected:t.includes(e.id)}),onClick:n,children:[e.iconId&&a.jsx(A,{size:"sm",iconId:e.iconId}),a.jsx(I,{variant:"body",children:e.name})]})})},vf=e=>{const[t,o]=d.useState(e);return{onGroupOpen:d.useCallback(async(r,s)=>{o((i=[])=>s==="opened"&&!(i!=null&&i.includes(r))?[...i,r]:s==="closed"&&i.includes(r)?i.filter(l=>l!==r):i)},[]),openedGroups:t}},wf=(e,t={})=>{const[o,n]=d.useState(t),r=d.useCallback((i,l)=>{var p;const u=(p=e==null?void 0:e.items.find(m=>m.id===i))==null?void 0:p.group.groupId;if(!u)return;const f=o[u]||[],g=l==="selected"?{...o,[u]:[...f,i]}:{...o,[u]:f.filter(m=>m!==i)};n(g)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{n({})},[]),groupSelection:o,onSelect:r}},Cf=(e=[],t=!0)=>{const[o,n]=d.useState(e),r=d.useCallback(i=>{n(l=>t?[i]:l.includes(i)?l.filter(u=>u!==i):[...l,i])},[t]);return{clear:d.useCallback(()=>{n([])},[]),onSelect:r,selected:o}};class $f extends tn{constructor(o,n,r,s,i){super(o,n,r,i);X(this,"parentIdKey");X(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,Z.makeObservable(this,{tree:Z.computed,childBranchLookup:Z.computed,itemsById:Z.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 i in r){let l={...r[i],branches:[]};const u=this.childBranchLookup[l[this.idKey]];l&&(u&&(l={...l,branches:o(u)}),s.push(l))}return s},n=this.childBranchLookup.ROOT;return n?o(n):[]}}const os=d.createContext(null),Sf=Y.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:n,dataProvider:r})=>{const[s,i]=d.useState([]),l=o??s,u=n??i,f=d.useRef(l);d.useLayoutEffect(()=>{f.current=l},[l]);const g=d.useCallback(m=>{if(!(r!=null&&r.tree))return;const y=m[r.idKey],x=f.current.includes(y),v=w=>w.branches.flatMap(b=>{const C=b[r.idKey];return b.branches.length?[C,...v(b)]:[]}),k=v(m);if(t){const w=[],b=C=>{const $=C[r.parentIdKey];if($){const T=r.itemsById[$];T&&(w.push($),b(T))}};b(m),u(x?w:[...w,y])}else{const w=x?f.current.filter(b=>y!==b&&!k.includes(b)):[...f.current,y];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]),p=d.useMemo(()=>({openedBranches:l,toggleBranch:g}),[l,g]);return a.jsx(os.Provider,{value:p,children:e})}),ns=()=>{const e=d.useContext(os);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function jf(e){return e.build!==void 0}const Df=e=>(t,o,n)=>{const r=(s,i)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const l=jf(e)?e.build(s):e,u=s.branches.map(f=>{if(f.branches.length)return r(f,!0);{const g=Tt(o)?o.build(f):o;return a.jsx(g,{"data-key":f.id,...f,onListItemAction:n},f.id)}});return a.jsx(j.ClassNames,{children:({cx:f})=>a.jsx(l,{className:f({isNotRoot:i},s.className),...s,children:u},s.id)},s.id)}else{const l=Tt(o)?o.build(s):o;return a.jsx(l,{"data-key":s.id,...s,onListItemAction:n},s.id)}};return t.tree.map(s=>r(s))},Tf=Y.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:n,openedBranches:r,setOpenedBranches:s,singleBranchOnly:i,className:l,autoSelectFirstItem:u,selected:f,emptyState:g,getFirstItem:p,onListItemAction:m})=>a.jsx(Sf,{dataProvider:e,openedBranches:r,setOpenedBranches:s,singleBranchOnly:i,children:a.jsx(Jt,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:g,className:l,selected:f,onListItemAction:m,getFirstItem:p,itemListRenderer:Df(n)})})),Ef=({children:e,id:t,className:o})=>a.jsx(j.ClassNames,{children:({cx:n})=>a.jsx(If,{className:n("anonymous-branch",o),children:e},t)}),If=h.div`
|
|
2073
2100
|
display: flex;
|
|
2074
2101
|
flex-direction: column;
|
|
2075
2102
|
width: 100%;
|
|
2076
|
-
|
|
2103
|
+
`,Nf=Y.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:n,toggleBranch:r}=ns(),s=n.includes(o.id),i=d.useCallback(()=>{r(o)},[o,r]);return a.jsxs(zf,{className:t,children:[a.jsxs(Mf,{className:"label-container","data-open":s,onClick:i,children:[s?a.jsx(A,{iconId:"CaretDown",size:"xxsm"}):a.jsx(A,{iconId:"CaretRight",size:"xxsm"}),a.jsx(I,{variant:"body",bold:!0,children:o.name})]}),a.jsx(Of,{className:"inner-container",children:s?a.jsx(Rf,{className:"list-container",children:e}):null})]},o.id)}),zf=h.div`
|
|
2077
2104
|
display: flex;
|
|
2078
2105
|
flex-direction: column;
|
|
2079
2106
|
|
|
2080
2107
|
&.isNotRoot {
|
|
2081
2108
|
padding-left: 12px;
|
|
2082
2109
|
}
|
|
2083
|
-
`,
|
|
2110
|
+
`,Mf=h.div`
|
|
2084
2111
|
align-items: center;
|
|
2085
2112
|
column-gap: 4px;
|
|
2086
2113
|
cursor: pointer;
|
|
@@ -2088,84 +2115,84 @@
|
|
|
2088
2115
|
flex: 0;
|
|
2089
2116
|
min-height: 22px;
|
|
2090
2117
|
padding-right: 12px;
|
|
2091
|
-
`,
|
|
2118
|
+
`,Of=h.div`
|
|
2092
2119
|
display: flex;
|
|
2093
2120
|
flex-direction: column;
|
|
2094
|
-
`,
|
|
2121
|
+
`,Rf=h.div`
|
|
2095
2122
|
display: flex;
|
|
2096
2123
|
flex-direction: column;
|
|
2097
2124
|
row-gap: 4px;
|
|
2098
|
-
`,
|
|
2125
|
+
`,rs=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:i})=>{const[l,u]=d.useState(0),[f,g]=d.useState(0),p=d.useRef(null),m=d.useRef(null),y=o*n,x=Math.ceil(f/n),v=Math.max(Math.floor(l/n-(s??0)),0),k=Math.min(o-1,v+x+(s??0)),w=C=>{u(C.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const C=()=>{p.current&&g(p.current.clientHeight)};return C(),window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]),d.useEffect(()=>{e&&m.current&&(m.current.scrollTop=m.current.scrollHeight)},[o,e]);const b=[];for(let C=v;C<=k;C++)b.push(i(C,{top:C*n,height:n,position:"absolute",width:"100%"}));return d.useEffect(()=>{const C=()=>{const T=m.current;if(!T)return;const S=T.scrollHeight-T.scrollTop<=T.clientHeight+n;!e&&S&&(r==null||r())},$=m.current;return $&&$.addEventListener("scroll",C),()=>{$&&$.removeEventListener("scroll",C)}},[e,n,r]),a.jsx(Af,{ref:p,children:a.jsx(Ff,{ref:m,style:{height:f},onScroll:w,className:t,children:a.jsx(Lf,{style:{height:y},children:b})})})}),Af=h.div`
|
|
2099
2126
|
height: 100%;
|
|
2100
2127
|
width: 100%;
|
|
2101
2128
|
overflow-y: hidden;
|
|
2102
2129
|
position: relative;
|
|
2103
|
-
`,
|
|
2130
|
+
`,Ff=h.div`
|
|
2104
2131
|
overflow-y: auto;
|
|
2105
2132
|
width: 100%;
|
|
2106
2133
|
position: relative;
|
|
2107
|
-
`,
|
|
2134
|
+
`,Lf=h.div`
|
|
2108
2135
|
position: relative;
|
|
2109
2136
|
width: 100%;
|
|
2110
|
-
`,
|
|
2137
|
+
`,ss=Y.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:n,emptyState:r,...s})=>{const i=Zt(e,n),l=d.useCallback((u,f)=>{const g=e==null?void 0:e.items.find((p,m)=>m===u);if(g){const p=Tt(t)?t.build(g):t;return a.jsx(p,{"data-key":g.id,style:f,...g,onListItemAction:o},g.id)}return null},[t,e==null?void 0:e.items,o]);return a.jsx(en,{dataProvider:e||void 0,children:i?(e==null?void 0:e.items.length)===0&&r?r:a.jsx(rs,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:l,...s}):null})}),Wf=Y.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:i,...l})=>{const[u,f]=d.useState(o??[]),g=d.useRef(u??[]);d.useLayoutEffect(()=>{g.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const p=d.useCallback(x=>{t(x,g.current.includes(x)?"unselected":"selected"),f(v=>e?[x]:v.includes(x)?v.filter(k=>k!==x):[...v,x])},[e,t]),m=d.useCallback(x=>g.current.includes(x),[]),y=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:p,isDisabled:!!n}),[m,u,p,n]);return d.useEffect(()=>{var x,v;if(r&&(s!=null&&s.items)&&g.current.length===0){let k;i?k=(x=i(s.items))==null?void 0:x.id:k=(v=s.items[0])==null?void 0:v.id,k&&p(k)}},[r,s==null?void 0:s.items,i,p]),a.jsx(Qt.Provider,{value:y,children:a.jsx(ss,{dataProvider:s,...l})})}),[ke]=N(["modal"]),is=h.div`
|
|
2111
2138
|
width: fit-content;
|
|
2112
2139
|
height: fit-content;
|
|
2113
2140
|
display: flex;
|
|
2114
2141
|
align-items: flex-start;
|
|
2115
2142
|
justify-content: flex-start;
|
|
2116
2143
|
flex-direction: column;
|
|
2117
|
-
background-color: ${
|
|
2118
|
-
`,
|
|
2119
|
-
padding: ${
|
|
2120
|
-
column-gap: ${
|
|
2144
|
+
background-color: ${ke("background-color")};
|
|
2145
|
+
`,as=h.div`
|
|
2146
|
+
padding: ${ke("headerPadding")};
|
|
2147
|
+
column-gap: ${ke("headerGap")};
|
|
2121
2148
|
width: 100%;
|
|
2122
2149
|
display: flex;
|
|
2123
2150
|
align-items: center;
|
|
2124
2151
|
justify-content: flex-start;
|
|
2125
|
-
border-bottom: ${
|
|
2126
|
-
`,
|
|
2127
|
-
padding: ${
|
|
2152
|
+
border-bottom: ${ke("border-width")} solid ${ke("border-color")};
|
|
2153
|
+
`,ls=h.div`
|
|
2154
|
+
padding: ${ke("contentYPadding")} ${ke("contentXPadding")};
|
|
2128
2155
|
width: fit-content;
|
|
2129
2156
|
`,an=h.div`
|
|
2130
|
-
padding: ${
|
|
2131
|
-
border-top: ${
|
|
2157
|
+
padding: ${ke("footerYPadding")} ${ke("footerXPadding")};
|
|
2158
|
+
border-top: ${ke("border-width")} solid ${ke("border-color")};
|
|
2132
2159
|
width: 100%;
|
|
2133
2160
|
display: flex;
|
|
2134
2161
|
align-items: center;
|
|
2135
2162
|
justify-content: flex-end;
|
|
2136
|
-
`,oo=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},i)=>{const l=r??
|
|
2137
|
-
column-gap: ${
|
|
2138
|
-
`,
|
|
2163
|
+
`,oo=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},i)=>{const l=r??as,u=s??ls,f=n??an;return a.jsxs(is,{ref:i,children:[a.jsx(l,{children:e}),a.jsx(u,{children:o}),a.jsx(f,{children:t})]})}),_f=d.forwardRef(({level:e,headerText:t,content:o,acceptButtonVariant:n,acceptButtonText:r,onAccept:s},i)=>{const l=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}=We(),f=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return a.jsx(oo,{ref:i,header:a.jsxs(a.Fragment,{children:[!!l&&a.jsx(A,{iconId:l.iconId,color:l.color}),a.jsx(I,{variant:"h2",color:"dark",children:t})]}),content:o,footer:a.jsx(Ee,{onClick:f,variant:n??"primary",text:r??"Okay"})})}),[Bf]=N(["modal"]),Pf=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:n,cancelText:r,content:s,confirmButtonVariant:i,cancelButtonVariant:l,confirmDisabled:u,headerIcon:f,headerIconColor:g,contentWrapper:p,cancelDisabled:m},y)=>{const{setOpen:x}=We(),v=d.useCallback(()=>{e(()=>x(!1))},[e,x]),k=d.useCallback(()=>{t&&t(),x(!1)},[t,x]);return a.jsx(oo,{ref:y,header:a.jsxs(a.Fragment,{children:[!!f&&a.jsx(A,{iconId:f,color:g??"black"}),a.jsx(I,{variant:"h2",color:"dark",children:o})]}),contentWrapper:p,content:s,footerWrapper:Hf,footer:a.jsxs(a.Fragment,{children:[a.jsx(Ee,{text:r??"Cancel",onClick:k,disabled:m,variant:l??"borderless"}),a.jsx(Ee,{onClick:v,variant:i??"primary",text:n??"Confirm",disabled:u})]})})}),Hf=h(an)`
|
|
2164
|
+
column-gap: ${Bf("footerGap")};
|
|
2165
|
+
`,Gf=d.memo(({headerText:e})=>a.jsxs(a.Fragment,{children:[a.jsx(A,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),a.jsx(I,{variant:"h2",color:"dark",children:e})]})),Uf=d.memo(({contentText:e,compareText:t,errorText:o})=>{const n=d.useCallback(s=>o??"That does not match.",[o]),r=d.useCallback(s=>s===t,[t]);return a.jsxs(Yf,{children:[a.jsx(I,{variant:"body",color:"dark",children:e}),a.jsx(Qo,{name:"matchText",handleError:n,validate:r})]})}),Yf=h.div`
|
|
2139
2166
|
width: 288px;
|
|
2140
2167
|
display: flex;
|
|
2141
2168
|
align-items: flex-start;
|
|
2142
2169
|
justify-content: flex-start;
|
|
2143
2170
|
flex-direction: column;
|
|
2144
2171
|
row-gap: 8px;
|
|
2145
|
-
`,
|
|
2172
|
+
`,Vf=d.memo(({onSubmit:e})=>{const{setOpen:t}=We(),o=d.useCallback(()=>{t(!1)},[t]);return a.jsxs(a.Fragment,{children:[a.jsx(Ee,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),a.jsx(Zo,{onSubmit:e,variant:"primary",text:"Delete"})]})}),Kf={matchText:""},qf=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:n,onConfirm:r},s)=>{const{setOpen:i}=We(),l=d.useCallback(u=>{r(u,()=>i(!1))},[r,i]);return a.jsx(Xf,{onSubmit:l,mode:"onChange",delayError:400,defaultValues:Kf,children:a.jsx(oo,{ref:s,header:a.jsx(Gf,{headerText:t}),content:a.jsx(Uf,{compareText:e,contentText:o,errorText:n}),footer:a.jsx(Vf,{onSubmit:l})})})}),Xf=h(Br)`
|
|
2146
2173
|
height: fit-content;
|
|
2147
2174
|
width: fit-content;
|
|
2148
|
-
`,
|
|
2149
|
-
background: ${
|
|
2175
|
+
`,Zf=({className:e,defaultValues:t,header:o,submitText:n,cancelText:r,onCancel:s,enabledIfClean:i,onSubmit:l,content:u,submitButtonVariant:f,cancelButtonVariant:g,variant:p="submit",ContentWrapper:m,...y},x)=>{const v=W.useForm({shouldUnregister:!0,defaultValues:t,...y,mode:p==="blur"?"onBlur":y.mode}),{setOpen:k}=We(),{setError:w,reset:b}=v,C=d.useCallback(D=>{l({data:D,closeModal:()=>k(!1),setError:w,resetForm:b})},[l,b,w,k]),$=d.useCallback(()=>{s==null||s(b),k(!1)},[s,b,k]),T=d.useCallback(D=>C(D),[C]),S=m??ls;return a.jsx(W.FormProvider,{...v,children:a.jsxs(is,{ref:x,as:"form",className:e,onSubmit:p==="blur"?void 0:v.handleSubmit(C),onBlur:p==="blur"?v.handleSubmit(C):void 0,children:[a.jsx(as,{children:o}),a.jsx(S,{children:u}),a.jsxs(an,{children:[a.jsx(Ee,{text:r??"Cancel",onClick:$,type:"button",variant:g??"borderless"}),p!=="blur"&&a.jsx(Zo,{onSubmit:T,variant:f??"primary",text:n??"Submit",enabledIfClean:i})]})]})})},Qf=dt(Zf),[Jf]=N(["modal"]),eg={escapeKey:!0,outsidePress:!1,bubbles:!1};function tg(e){const{type:t,open:o,defaultOpen:n,onOpenChange:r,children:s,initialFocus:i,...l}=e,u=t==="confirm"?Pf:t==="status"?_f:t==="confirm-delete"?qf:t==="form"?Qf:oo;return a.jsxs(Ao,{dismissOptions:eg,open:o,defaultOpen:n,onOpenChange:r,children:[a.jsx(Lo,{initialFocus:i,OverlayStyles:cs,trapFocus:!0,children:a.jsx(u,{...l})}),!!s&&s]})}const og=({children:e})=>a.jsx(Fo,{children:e}),cs=j.css`
|
|
2176
|
+
background: ${Jf("overlay-background")};
|
|
2150
2177
|
display: grid;
|
|
2151
2178
|
place-items: center;
|
|
2152
2179
|
z-index: 2;
|
|
2153
|
-
`,[
|
|
2180
|
+
`,[Qe]=N(["named-section-header"]),ds=h.div`
|
|
2154
2181
|
align-items: flex-start;
|
|
2155
|
-
background-color: ${
|
|
2156
|
-
border-bottom: ${
|
|
2157
|
-
border-radius: ${
|
|
2182
|
+
background-color: ${Qe("bg")};
|
|
2183
|
+
border-bottom: ${Qe("border-width")} solid ${Qe("border-color")};
|
|
2184
|
+
border-radius: ${Qe("border-radius")} ${Qe("border-radius")} 0px 0px;
|
|
2158
2185
|
display: flex;
|
|
2159
|
-
padding: ${
|
|
2160
|
-
column-gap: ${
|
|
2186
|
+
padding: ${Qe("padding")};
|
|
2187
|
+
column-gap: ${Qe("gap")};
|
|
2161
2188
|
&.isCollapsed {
|
|
2162
2189
|
border-bottom-width: 0px;
|
|
2163
2190
|
}
|
|
2164
|
-
`,
|
|
2165
|
-
border-color: ${
|
|
2166
|
-
border-radius: ${
|
|
2191
|
+
`,ng=d.memo(({children:e})=>{const{setOpen:t,open:o}=Et(),n=d.useCallback(r=>{r.stopPropagation(),t(!o)},[o,t]);return a.jsxs(ds,{className:Ro("header-wrapper",{isCollapsed:o}),children:[a.jsx(te,{iconId:o?"CaretDown":"CaretUp",onClick:n,size:"xsm",color:"black"}),e]})}),[Oe]=N(["named-section"]),rg=e=>e.variant==="selectable",us=e=>{const{variant:t,className:o,children:n,header:r,isCollapsible:s}=e,i=d.useRef(null),[l,u,f]=rg(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],g=e.ContentWrapper??ig,p=d.useCallback(m=>{f&&i.current&&i.current.contains(m.target)&&f()},[f]);return a.jsx(j.ClassNames,{children:({cx:m})=>a.jsx(sg,{"data-variant":t,className:m(o,{disabled:l,isSelected:u}),onClick:p,ref:i,children:s?a.jsxs(Ht,{defaultOpen:!0,children:[a.jsx(ng,{children:r}),a.jsx(Gt,{children:a.jsx(g,{children:n})})]}):a.jsxs(a.Fragment,{children:[a.jsx(ds,{className:"header-wrapper",children:r}),a.jsx(g,{children:n})]})})})},sg=h.div`
|
|
2192
|
+
border-color: ${Oe("border-color")};
|
|
2193
|
+
border-radius: ${Oe("border-radius")};
|
|
2167
2194
|
border-style: solid;
|
|
2168
|
-
border-width: ${
|
|
2195
|
+
border-width: ${Oe("border-width")};
|
|
2169
2196
|
display: flex;
|
|
2170
2197
|
flex-direction: column;
|
|
2171
2198
|
width: 100%;
|
|
@@ -2175,19 +2202,19 @@
|
|
|
2175
2202
|
}
|
|
2176
2203
|
&[data-variant="selectable"] {
|
|
2177
2204
|
&.isSelected {
|
|
2178
|
-
outline-color: ${
|
|
2179
|
-
outline-width: ${
|
|
2180
|
-
outline-offset: calc(-1.5 * ${
|
|
2205
|
+
outline-color: ${Oe("selected-border-color")};
|
|
2206
|
+
outline-width: ${Oe("selected-border-width")};
|
|
2207
|
+
outline-offset: calc(-1.5 * ${Oe("selected-border-width")});
|
|
2181
2208
|
}
|
|
2182
2209
|
cursor: pointer;
|
|
2183
2210
|
outline-color: transparent;
|
|
2184
|
-
outline-offset: calc(-1.5 * ${
|
|
2211
|
+
outline-offset: calc(-1.5 * ${Oe("hover-border-width")});
|
|
2185
2212
|
outline-style: solid;
|
|
2186
|
-
outline-width: ${
|
|
2213
|
+
outline-width: ${Oe("hover-border-width")};
|
|
2187
2214
|
|
|
2188
2215
|
&:hover {
|
|
2189
2216
|
opacity: 1;
|
|
2190
|
-
outline-color: ${
|
|
2217
|
+
outline-color: ${Oe("selected-border-color")};
|
|
2191
2218
|
}
|
|
2192
2219
|
}
|
|
2193
2220
|
&[data-variant="scrollable"] {
|
|
@@ -2197,10 +2224,10 @@
|
|
|
2197
2224
|
top: 0;
|
|
2198
2225
|
}
|
|
2199
2226
|
}
|
|
2200
|
-
`,
|
|
2227
|
+
`,ig=h.div`
|
|
2201
2228
|
display: flex;
|
|
2202
2229
|
width: 100%;
|
|
2203
|
-
`,[no]=
|
|
2230
|
+
`,[no]=N(["named-section-header"]),ag=d.memo(({name:e,description:t,prefix:o,suffix:n,children:r,...s})=>a.jsxs(lg,{...s,className:t?"hasDesc":void 0,children:[a.jsxs(cg,{children:[a.jsxs(dg,{children:[o,a.jsx(I,{color:"dark",bold:!0,variant:"body",children:e}),n]}),!!t&&a.jsx(I,{color:"grey",variant:"small",children:t})]}),!!r&&a.jsx(ug,{children:r})]})),lg=h.div`
|
|
2204
2231
|
width: 100%;
|
|
2205
2232
|
display: flex;
|
|
2206
2233
|
align-items: center;
|
|
@@ -2209,83 +2236,83 @@
|
|
|
2209
2236
|
&.hasDesc {
|
|
2210
2237
|
align-items: flex-start;
|
|
2211
2238
|
}
|
|
2212
|
-
`,
|
|
2239
|
+
`,cg=h.div`
|
|
2213
2240
|
display: flex;
|
|
2214
2241
|
align-items: flex-start;
|
|
2215
2242
|
justify-content: center;
|
|
2216
2243
|
flex-direction: column;
|
|
2217
2244
|
row-gap: ${no("row-gap")};
|
|
2218
|
-
`,
|
|
2245
|
+
`,dg=h.div`
|
|
2219
2246
|
display: flex;
|
|
2220
2247
|
align-items: center;
|
|
2221
2248
|
justify-content: flex-start;
|
|
2222
2249
|
column-gap: ${no("row-gap")};
|
|
2223
|
-
`,
|
|
2250
|
+
`,ug=h.div`
|
|
2224
2251
|
display: flex;
|
|
2225
2252
|
align-items: center;
|
|
2226
2253
|
justify-content: flex-end;
|
|
2227
2254
|
row-gap: ${no("row-gap")};
|
|
2228
|
-
`,[
|
|
2255
|
+
`,[Wt]=N(["image-config-page-header"]),fg=h.div`
|
|
2229
2256
|
align-items: center;
|
|
2230
|
-
background: ${
|
|
2257
|
+
background: ${Wt("bg")};
|
|
2231
2258
|
display: flex;
|
|
2232
|
-
gap: ${
|
|
2233
|
-
padding: 0 0 ${
|
|
2259
|
+
gap: ${Wt("gap")};
|
|
2260
|
+
padding: 0 0 ${Wt("padding-bottom")} 0;
|
|
2234
2261
|
width: 100%;
|
|
2235
|
-
`,
|
|
2262
|
+
`,gg=h.div`
|
|
2236
2263
|
display: flex;
|
|
2237
2264
|
flex-direction: column;
|
|
2238
2265
|
flex: 1;
|
|
2239
|
-
gap: ${
|
|
2240
|
-
`,
|
|
2266
|
+
gap: ${Wt("title-gap")};
|
|
2267
|
+
`,pg=({action:e,description:t,title:o,...n})=>a.jsxs(fg,{...n,children:[a.jsxs(gg,{children:[a.jsx(I,{variant:"h1",children:o}),t&&a.jsx(I,{variant:"body",children:t})]}),e]}),fs=d.createContext(null),hg=()=>{const e=d.useContext(fs);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e},[be]=N(["radio-button"]),mg=d.forwardRef(({checked:e,onChange:t,...o},n)=>a.jsx(bg,{onClick:t,ref:n,readOnly:!0,type:"radio",checked:!!e,...o})),bg=h.input`
|
|
2241
2268
|
appearance: none;
|
|
2242
2269
|
-webkit-appearance: none;
|
|
2243
2270
|
margin: 0;
|
|
2244
|
-
background-color: ${
|
|
2271
|
+
background-color: ${be("background-color")};
|
|
2245
2272
|
appearance: none;
|
|
2246
|
-
width: ${
|
|
2247
|
-
height: ${
|
|
2248
|
-
border: ${
|
|
2273
|
+
width: ${be("size")};
|
|
2274
|
+
height: ${be("size")};
|
|
2275
|
+
border: ${be("border-width")} solid ${be("border-color")};
|
|
2249
2276
|
border-radius: 50%;
|
|
2250
2277
|
display: grid;
|
|
2251
2278
|
place-content: center;
|
|
2252
2279
|
::before {
|
|
2253
2280
|
content: "";
|
|
2254
|
-
width: ${
|
|
2255
|
-
height: ${
|
|
2281
|
+
width: ${be("check-size")};
|
|
2282
|
+
height: ${be("check-size")};
|
|
2256
2283
|
border-radius: 50%;
|
|
2257
2284
|
transform: scale(0);
|
|
2258
2285
|
transition: transform 0.125s ease-in-out;
|
|
2259
|
-
background-color: ${
|
|
2286
|
+
background-color: ${be("border-color-checked")};
|
|
2260
2287
|
}
|
|
2261
2288
|
:checked::before {
|
|
2262
2289
|
transform: scale(1);
|
|
2263
2290
|
}
|
|
2264
2291
|
:checked:not(:disabled) {
|
|
2265
|
-
border-color: ${
|
|
2292
|
+
border-color: ${be("border-color-checked")};
|
|
2266
2293
|
}
|
|
2267
2294
|
:disabled {
|
|
2268
2295
|
cursor: not-allowed;
|
|
2269
2296
|
::before {
|
|
2270
|
-
background-color: ${
|
|
2297
|
+
background-color: ${be("border-color")};
|
|
2271
2298
|
}
|
|
2272
|
-
background-color: ${
|
|
2299
|
+
background-color: ${be("background-color-disabled")};
|
|
2273
2300
|
}
|
|
2274
|
-
`;function
|
|
2301
|
+
`;function xg(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 Do=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]}),yg=(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("/")},[ne]=N(["select-view-list"]),gs=d.memo(({id:e,name:t,icon:o,onListItemAction:n,isSelectDisabled:r})=>{const{selected:s,viewing:i}=hg(),l=d.useRef(null),u=d.useRef(null),f=d.useRef(!1),g=s===e,p=i===e;d.useEffect(()=>{u.current&&(g?(Do.observe(u.current),f.current=!0):f.current&&(f.current=!1,Do.unobserve(u.current)))},[g]);const m=d.useCallback(()=>{n==null||n(e,"select")},[n,e]),y=d.useCallback(x=>{l.current&&l.current.contains(x.target)||n==null||n(e,"view")},[e,n]);return a.jsx(j.ClassNames,{children:({cx:x})=>a.jsx(kg,{ref:u,className:x({isSelected:g}),onClick:y,children:a.jsxs(vg,{className:x({isViewing:p}),children:[a.jsx(mg,{ref:l,checked:g,disabled:r,onChange:m}),a.jsxs(wg,{color:"dark",bold:g,variant:"body",children:[t,o]}),a.jsx(A,{iconId:"Right",color:"blue",size:"sm"})]})})})}),kg=h.div`
|
|
2275
2302
|
width: 100%;
|
|
2276
2303
|
display: flex;
|
|
2277
2304
|
height: auto;
|
|
2278
2305
|
flex-shrink: 0;
|
|
2279
2306
|
align-items: center;
|
|
2280
2307
|
justify-content: flex-start;
|
|
2281
|
-
border-bottom: ${
|
|
2308
|
+
border-bottom: ${ne("border-width")} solid ${ne("border-color")};
|
|
2282
2309
|
|
|
2283
2310
|
&:first-of-type {
|
|
2284
|
-
border-top-color: ${
|
|
2311
|
+
border-top-color: ${ne("border-color")};
|
|
2285
2312
|
}
|
|
2286
2313
|
|
|
2287
2314
|
:not(:first-of-type):not(.isStuckBottom):has(div.isViewing) {
|
|
2288
|
-
border-top-color: ${
|
|
2315
|
+
border-top-color: ${ne("background-color-viewing")};
|
|
2289
2316
|
}
|
|
2290
2317
|
|
|
2291
2318
|
&.isSelected {
|
|
@@ -2296,38 +2323,38 @@
|
|
|
2296
2323
|
|
|
2297
2324
|
&.isStuckBottom {
|
|
2298
2325
|
box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.04);
|
|
2299
|
-
border-top: ${
|
|
2300
|
-
border-top-color: ${
|
|
2326
|
+
border-top: ${ne("border-width")} solid ${ne("background-color")};
|
|
2327
|
+
border-top-color: ${ne("border-color")};
|
|
2301
2328
|
}
|
|
2302
2329
|
|
|
2303
2330
|
&.isStuckTop {
|
|
2304
2331
|
box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.04);
|
|
2305
2332
|
}
|
|
2306
|
-
`,
|
|
2333
|
+
`,vg=h.div`
|
|
2307
2334
|
width: 100%;
|
|
2308
2335
|
display: flex;
|
|
2309
2336
|
flex-shrink: 0;
|
|
2310
2337
|
align-items: center;
|
|
2311
2338
|
justify-content: flex-start;
|
|
2312
|
-
height: ${
|
|
2313
|
-
padding-left: ${
|
|
2314
|
-
padding-right: ${
|
|
2315
|
-
background-color: ${
|
|
2339
|
+
height: ${ne("item-height")};
|
|
2340
|
+
padding-left: ${ne("padding-left")};
|
|
2341
|
+
padding-right: ${ne("padding-right")};
|
|
2342
|
+
background-color: ${ne("background-color")};
|
|
2316
2343
|
transition: background 0.125s ease-in-out;
|
|
2317
2344
|
&.isViewing {
|
|
2318
|
-
background-color: ${
|
|
2345
|
+
background-color: ${ne("background-color-viewing")};
|
|
2319
2346
|
}
|
|
2320
|
-
`,
|
|
2347
|
+
`,wg=h(I)`
|
|
2321
2348
|
flex: 1;
|
|
2322
2349
|
overflow: hidden;
|
|
2323
2350
|
text-overflow: ellipsis;
|
|
2324
2351
|
white-space: nowrap;
|
|
2325
|
-
padding-left: ${
|
|
2326
|
-
padding-right: ${
|
|
2327
|
-
gap: ${
|
|
2352
|
+
padding-left: ${ne("padding-left")};
|
|
2353
|
+
padding-right: ${ne("padding-right")};
|
|
2354
|
+
gap: ${ne("gap")};
|
|
2328
2355
|
align-items: center;
|
|
2329
2356
|
display: flex;
|
|
2330
|
-
`,
|
|
2357
|
+
`,Cg=({className:e,dp:t,emptyState:o,firstChild:n,lastChild:r,onListItemAction:s,selected:i,viewing:l})=>{const u=d.useMemo(()=>({selected:i,viewing:l}),[i,l]);return a.jsx(fs.Provider,{value:u,children:a.jsx($g,{className:e,dataProvider:t,emptyState:o,firstChild:n,ItemTemplate:gs,lastChild:r,onListItemAction:s})})},$g=h(nn)`
|
|
2331
2358
|
height: 100%;
|
|
2332
2359
|
width: 100%;
|
|
2333
2360
|
align-items: flex-start;
|
|
@@ -2343,98 +2370,98 @@
|
|
|
2343
2370
|
::-webkit-scrollbar-thumb {
|
|
2344
2371
|
border-left: 3px solid transparent;
|
|
2345
2372
|
}
|
|
2346
|
-
`,
|
|
2373
|
+
`,ps=d.createContext(!1),Sg=()=>d.useContext(ps),jg=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:n})=>a.jsxs(Dg,{children:[a.jsx(I,{variant:"h2",color:"dark",children:e}),a.jsxs(Tg,{children:[a.jsx(I,{variant:"small",color:"grey",children:(n==null?void 0:n("selectedOnly"))??"MISSING T FUNC"}),a.jsx(Kt,{disabled:t,onChange:o})]})]})),Dg=h.div`
|
|
2347
2374
|
display: flex;
|
|
2348
2375
|
align-items: center;
|
|
2349
2376
|
width: 100%;
|
|
2350
2377
|
justify-content: space-between;
|
|
2351
2378
|
gap: ${c("spacing-8")};
|
|
2352
|
-
`,
|
|
2379
|
+
`,Tg=h.div`
|
|
2353
2380
|
display: flex;
|
|
2354
2381
|
align-items: center;
|
|
2355
2382
|
gap: ${c("spacing-4")};
|
|
2356
|
-
`,
|
|
2383
|
+
`,Eg=d.memo(e=>{const{selected:t}=nt(),o=Sg(),n=t.includes(e.id);return o&&!n?null:a.jsx(ts,{...e})}),Ig=h(us)`
|
|
2357
2384
|
overflow: hidden;
|
|
2358
|
-
|
|
2385
|
+
`,Ng=h.div`
|
|
2359
2386
|
overflow-x: hidden;
|
|
2360
2387
|
overflow-y: auto;
|
|
2361
|
-
`,
|
|
2388
|
+
`,zg=Y.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:n,onSelect:r,emptyMessage:s,dataProvider:i,onSelectAll:l,t:u})=>{const[f,g]=d.useState(e??!1),p=d.useRef(null),m=d.useCallback(x=>{g(x)},[]);d.useEffect(()=>{const x=i;x&&x.updateContextValue&&(x==null||x.updateContextValue("isOnlySelectedVisible",f))},[i,f]),d.useEffect(()=>{const x=i;x&&x.updateContextValue&&(x==null||x.updateContextValue("selected",n))},[i,n]),d.useEffect(()=>{p.current&&n&&(n.length&&n.length!==(i==null?void 0:i.items.length)?p.current.indeterminate!==!0&&(i!=null&&i.items.length)&&(p.current.indeterminate=!0):p.current.indeterminate===!0&&(p.current.indeterminate=!1))},[i==null?void 0:i.items,n]);const y=d.useCallback(()=>{l&&l(n&&n.length>0?"deselect":"select")},[l,n]);return a.jsx(ps.Provider,{value:f,children:a.jsx(Ig,{className:"",variant:"display",header:a.jsx(jg,{title:o,disabled:t,t:u,onToggleShowSelected:m}),ContentWrapper:Ng,children:a.jsxs(Mg,{children:[!!l&&!!(i!=null&&i.items.length)&&a.jsxs(Nt,{children:[a.jsx(eo,{children:a.jsx(ut,{ref:p,disabled:t,checked:!!n&&!!n.length&&n.length===i.items.length,onChange:y})}),a.jsx(to,{children:a.jsx(I,{bold:!0,variant:"body",children:(u==null?void 0:u("selectAll"))??"MISSING T FUNC"})})]}),a.jsx(Jt,{disabled:t,selected:n,isSingleSelect:!1,onSelect:r,emptyState:s?a.jsx(Og,{children:a.jsx(I,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:Eg,dataProvider:i})]})})})}),Mg=h.div`
|
|
2362
2389
|
width: 100%;
|
|
2363
2390
|
display: flex;
|
|
2364
2391
|
flex-direction: column;
|
|
2365
2392
|
align-items: flex-start;
|
|
2366
2393
|
justify-content: flex-start;
|
|
2367
|
-
`,
|
|
2394
|
+
`,Og=h.div`
|
|
2368
2395
|
width: 100%;
|
|
2369
2396
|
display: flex;
|
|
2370
2397
|
align-items: center;
|
|
2371
2398
|
justify-content: center;
|
|
2372
2399
|
padding: ${c("spacing-12")} ${c("spacing-20")};
|
|
2373
|
-
`;class
|
|
2400
|
+
`;class Rg extends on{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)??[]});X(this,"itemMapper");X(this,"observableItems");this.itemMapper=r,this.observableItems=Z.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),i=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=>!i.find(f=>f.id===u)).forEach(u=>{Y.kosAction(()=>{this.observableItems.delete(u)})}),i.reduce((u,f)=>{if(!u.has(f.id))Y.kosAction(()=>{u.set(f.id,f)});else{const g=u.get(f.id);g&&Y.kosAction(()=>{const p=Object.assign(g,f);u.set(f.id,p)})}return u},this.observableItems),i.map(u=>this.observableItems.get(u.id))}}const[po,Ag]=N(["option","select"]),Fg=({trigger:e,onSelection:t,children:o})=>a.jsx(Wg,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),Lg=h(ct)`
|
|
2374
2401
|
${`${po("bg-color",!0)}: ${c("color-black")}`};
|
|
2375
2402
|
${`${po("color",!0)}: ${c("color-white")}`};
|
|
2376
2403
|
${`${po("bg-color-active",!0)}: ${c("color-grey70")}`};
|
|
2377
2404
|
gap: 0px;
|
|
2378
2405
|
cursor: pointer;
|
|
2379
|
-
`,
|
|
2380
|
-
${`${
|
|
2406
|
+
`,Wg=h(gt)`
|
|
2407
|
+
${`${Ag("border-color",!0)}: ${c("color-black")}`};
|
|
2381
2408
|
z-index: 15;
|
|
2382
|
-
`,
|
|
2409
|
+
`,_g=h.div`
|
|
2383
2410
|
cursor: default;
|
|
2384
2411
|
border-bottom: 0.5px solid ${c("color-grey60")};
|
|
2385
2412
|
pointer-events: none;
|
|
2386
|
-
`,[
|
|
2413
|
+
`,[To]=N(["shell-menu"]),Bg=({right:e,left:t})=>a.jsxs(Pg,{children:[a.jsx(En,{children:t}),!!e&&a.jsx(En,{children:e})]}),Pg=h.div`
|
|
2387
2414
|
width: 100%;
|
|
2388
2415
|
display: flex;
|
|
2389
2416
|
align-items: center;
|
|
2390
2417
|
height: 100%;
|
|
2391
2418
|
justify-content: space-between;
|
|
2392
|
-
padding: 0px ${
|
|
2393
|
-
column-gap: ${
|
|
2419
|
+
padding: 0px ${To("padding-x")};
|
|
2420
|
+
column-gap: ${To("section-gap")};
|
|
2394
2421
|
`,En=h.div`
|
|
2395
2422
|
display: flex;
|
|
2396
2423
|
align-items: center;
|
|
2397
2424
|
justify-content: flex-start;
|
|
2398
|
-
column-gap: ${
|
|
2399
|
-
`,[In]=
|
|
2425
|
+
column-gap: ${To("link-gap")};
|
|
2426
|
+
`,[In]=N(["shell-menu"]),Hg=d.memo(({text:e,onClick:t,isActive:o})=>a.jsx(Gg,{onClick:t,variant:"body",color:"light",bold:o,children:e})),Gg=h(I)`
|
|
2400
2427
|
padding: ${In("link-padding-y")} ${In("link-padding-x")};
|
|
2401
2428
|
line-height: unset;
|
|
2402
2429
|
cursor: pointer;
|
|
2403
|
-
`,[
|
|
2430
|
+
`,[Re]=N(["ingredient-card"]),Ug=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:i,isSmall:l})=>{const{selected:u,toggleSelection:f}=nt(),{t:g}=Y.useKosTranslation("dispenser"),p=d.useMemo(()=>u.includes(e),[u,e]),m=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),y=d.useCallback(v=>{s&&s(e,v)},[e,s]),x=d.useCallback(()=>{f(e)},[e,f]);return a.jsx(j.ClassNames,{children:({cx:v})=>a.jsxs(Yg,{className:v("holder-list-item",{isSelected:p,isSmall:l}),onClick:x,children:[a.jsxs(Vg,{children:[a.jsxs(Kg,{children:[a.jsx(I,{variant:l?"small":"body",color:"dark",children:t}),!!o&&a.jsx(Xt,{content:o,children:a.jsx(A,{iconId:"ExclamationCircle",color:"red",size:l?"xsm":"sm"})})]}),!!n&&a.jsxs(qg,{children:[a.jsx(te,{iconId:"DeleteOutlined",color:"blue",size:l?"xsm":"sm",onClick:m,disabled:!r}),a.jsxs(gt,{Reference:a.jsx(te,{iconId:"Ellipsis",color:"black",size:l?"xsm":"sm"}),onSelect:y,children:[a.jsx(ct,{optionKey:"remove",label:g("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),a.jsx(ct,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:g(`holder.${i?"unblockOption":"blockOption"}`)})]})]})]}),a.jsx(Xg,{className:v({isIngredientLess:n===void 0}),children:n?a.jsx(I,{color:"dark",variant:l?"small":"body",bold:!0,children:n}):a.jsx(Ee,{variant:l?"borderless-small":"borderless",text:g("holder.assignButton"),icon:"Plus"})})]})})}),Yg=h.div`
|
|
2404
2431
|
width: 100%;
|
|
2405
2432
|
height: 100%;
|
|
2406
|
-
border: ${
|
|
2433
|
+
border: ${Re("border")} solid ${Re("border-color")};
|
|
2407
2434
|
transition: border 0.125s ease-in-out;
|
|
2408
|
-
border-radius: ${
|
|
2409
|
-
padding: ${
|
|
2435
|
+
border-radius: ${Re("border-radius")};
|
|
2436
|
+
padding: ${Re("padding")};
|
|
2410
2437
|
display: flex;
|
|
2411
2438
|
flex-direction: column;
|
|
2412
2439
|
align-items: flex-start;
|
|
2413
2440
|
justify-content: flex-start;
|
|
2414
2441
|
cursor: pointer;
|
|
2415
2442
|
&.isSmall {
|
|
2416
|
-
padding: ${
|
|
2443
|
+
padding: ${Re("padding-small")};
|
|
2417
2444
|
}
|
|
2418
2445
|
&.isSelected {
|
|
2419
|
-
border-color: ${
|
|
2446
|
+
border-color: ${Re("border-color-selected")};
|
|
2420
2447
|
}
|
|
2421
|
-
`,
|
|
2448
|
+
`,Vg=h.div`
|
|
2422
2449
|
width: 100%;
|
|
2423
2450
|
display: flex;
|
|
2424
2451
|
align-items: center;
|
|
2425
2452
|
justify-content: flex-start;
|
|
2426
|
-
column-gap: ${
|
|
2427
|
-
`,
|
|
2453
|
+
column-gap: ${Re("column-gap")};
|
|
2454
|
+
`,Kg=h.div`
|
|
2428
2455
|
flex: 1;
|
|
2429
2456
|
display: flex;
|
|
2430
2457
|
align-items: center;
|
|
2431
2458
|
justify-content: flex-start;
|
|
2432
|
-
column-gap: ${
|
|
2433
|
-
`,
|
|
2459
|
+
column-gap: ${Re("column-gap")};
|
|
2460
|
+
`,qg=h.div`
|
|
2434
2461
|
display: flex;
|
|
2435
2462
|
align-items: center;
|
|
2436
|
-
column-gap: ${
|
|
2437
|
-
`,
|
|
2463
|
+
column-gap: ${Re("column-gap")};
|
|
2464
|
+
`,Xg=h.div`
|
|
2438
2465
|
width: 100%;
|
|
2439
2466
|
display: flex;
|
|
2440
2467
|
align-items: center;
|
|
@@ -2443,21 +2470,21 @@
|
|
|
2443
2470
|
&.isIngredientLess {
|
|
2444
2471
|
justify-content: center;
|
|
2445
2472
|
}
|
|
2446
|
-
`,
|
|
2473
|
+
`,Zg=["settings","devices","tools","performance"],Qg=["viewBrowse","manage","configure","troubleshoot","store","main"],Jg=Zg.map(e=>Qg.map(t=>({start:e,end:t}))).flatMap(e=>e),ep="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAGCAYAAAAffeByAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAInSURBVHgB7Zu/S0JRFMeP0FIQBAUNFbj0gyYnFxebGoIocCyora29ISKIGlpqbY1oaOg/0KUGB2mKqEXIBodCEJoC+1y4D+SR5NP34yrnA1+OVwQP3/Pufcd7nyIh0Wq1MigtjkJueXEUcptAGwE+n0dH4hCu+Us+O0biEEl7xPfPojlxJB8/5DPlYE55G2fQkoniELamk5IgrtbMJbrNic+tojO0LI6S9PXWCZMX2ke7ruQ4In1im6p0KpUqidITeNcg3HuTUL1UwsQuNqPoi2vrW5TA4NuHiXg5jXKMHyRBTGNFGCOPV1EGHuq5SNhEL+hY52lw8OyTcIGXK8Q94iPvFSUhzLrbc4NlG6sJVNWGIByMj3Y3K23HVVGUPuBaWiDU7OKj9Ak+1gl1fM0SfxhXJEZ8zXJNlIGGeo4RCmgaXek87R/bVBXxtoBOeX0ep6+2puYHUC1wg2UaAEIGPWkDED52N6thmiwj9VjpBW+LXHc4ogFfy3g87h0ZejtcUdG+aOtNeDgwx4GEHLqlps+ihAqe3uGxaba2iOat66jnjn/dDdRgte2slESJFK+x0mNDJQi+G7EeM0QI/jYJTft81jzjN4kAbZaHC/t81TqqUNNDUSKj7djQPHsa2bFhp3W3qwbLt2vVECU2vMbK/ImA0NAdLeUvfBNcb8Qx0vZ8VtaOyxIC2iwPF7ae2yiFLrWm8YHX74QTarCGDnh9E8a99L919xdxCVNjIQnLSQAAAABJRU5ErkJggg==",[ie,tp]=N(["branded-header","icon"]),hs=d.memo(({endColor:e,startColor:t,title:o,description:n,icon:r,Action:s,isOffline:i})=>a.jsx(j.ClassNames,{children:({cx:l})=>a.jsxs(op,{children:[a.jsxs(np,{children:[a.jsxs(rp,{className:l({hasDescription:!!n}),children:[a.jsxs(ap,{"data-gradient":`${t}-${e}`,children:[a.jsx(lp,{children:r&&a.jsx(A,{iconId:r,size:"xxlrg",color:"white"})}),!!i&&a.jsx(Nn,{})]}),a.jsxs(sp,{children:[a.jsx(I,{variant:"h1",children:o}),!!n&&a.jsx(I,{variant:"body",color:"dark",lineClamp:!0,children:n})]})]}),!!s&&a.jsx(s,{})]}),a.jsxs(cp,{"data-gradient":`${t}-${e}`,children:[a.jsx(ip,{src:ep}),!!i&&a.jsx(Nn,{})]})]})})),op=h.div`
|
|
2447
2474
|
width: 100%;
|
|
2448
2475
|
display: flex;
|
|
2449
2476
|
flex-direction: column;
|
|
2450
2477
|
align-items: flex-start;
|
|
2451
2478
|
justify-content: flex-start;
|
|
2452
2479
|
border-bottom: ${ie("border-bottom-size")} solid ${ie("border-bottom-color")};
|
|
2453
|
-
`,
|
|
2480
|
+
`,np=h.div`
|
|
2454
2481
|
width: 100%;
|
|
2455
2482
|
display: flex;
|
|
2456
2483
|
align-items: center;
|
|
2457
2484
|
justify-content: flex-start;
|
|
2458
2485
|
padding: ${ie("padding-y")} ${ie("padding-x")};
|
|
2459
2486
|
column-gap: ${ie("column-gap")};
|
|
2460
|
-
`,
|
|
2487
|
+
`,rp=h.div`
|
|
2461
2488
|
flex: 1;
|
|
2462
2489
|
display: flex;
|
|
2463
2490
|
align-items: center;
|
|
@@ -2466,7 +2493,7 @@
|
|
|
2466
2493
|
&.hasDescription {
|
|
2467
2494
|
align-items: flex-start;
|
|
2468
2495
|
}
|
|
2469
|
-
`,
|
|
2496
|
+
`,sp=h.div`
|
|
2470
2497
|
flex: 1;
|
|
2471
2498
|
overflow: hidden;
|
|
2472
2499
|
display: flex;
|
|
@@ -2474,24 +2501,24 @@
|
|
|
2474
2501
|
align-items: flex-start;
|
|
2475
2502
|
justify-content: flex-start;
|
|
2476
2503
|
row-gap: ${ie("text-wrapper-gap")};
|
|
2477
|
-
`,
|
|
2504
|
+
`,ip=h.img`
|
|
2478
2505
|
height: 100%;
|
|
2479
|
-
`,
|
|
2480
|
-
${
|
|
2506
|
+
`,ms=j.css`
|
|
2507
|
+
${Jg.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
|
|
2481
2508
|
background: linear-gradient(
|
|
2482
2509
|
90deg,
|
|
2483
2510
|
${ie(`startColor-${e}`)} 0%,
|
|
2484
2511
|
${ie(`endColor-${t}`)} 100%
|
|
2485
2512
|
);
|
|
2486
2513
|
}`)}
|
|
2487
|
-
`,
|
|
2514
|
+
`,ap=h.div`
|
|
2488
2515
|
height: ${ie("badge-size")};
|
|
2489
2516
|
width: ${ie("badge-size")};
|
|
2490
2517
|
border-radius: ${ie("badge-radius")};
|
|
2491
2518
|
position: relative;
|
|
2492
|
-
${`${
|
|
2493
|
-
${
|
|
2494
|
-
`,
|
|
2519
|
+
${`${tp("size-xxlrg",!0)}: calc(100% - 2px)`};
|
|
2520
|
+
${ms}
|
|
2521
|
+
`,lp=h.div`
|
|
2495
2522
|
width: 100%;
|
|
2496
2523
|
height: 100%;
|
|
2497
2524
|
position: absolute;
|
|
@@ -2501,7 +2528,7 @@
|
|
|
2501
2528
|
align-items: center;
|
|
2502
2529
|
justify-content: center;
|
|
2503
2530
|
z-index: 2;
|
|
2504
|
-
`,
|
|
2531
|
+
`,cp=h.div`
|
|
2505
2532
|
width: 100%;
|
|
2506
2533
|
display: flex;
|
|
2507
2534
|
align-items: center;
|
|
@@ -2509,8 +2536,8 @@
|
|
|
2509
2536
|
position: relative;
|
|
2510
2537
|
height: ${ie("line-height")};
|
|
2511
2538
|
overflow: hidden;
|
|
2512
|
-
${
|
|
2513
|
-
`,
|
|
2539
|
+
${ms}
|
|
2540
|
+
`,Nn=h.div`
|
|
2514
2541
|
width: 100%;
|
|
2515
2542
|
height: 100%;
|
|
2516
2543
|
position: absolute;
|
|
@@ -2519,52 +2546,52 @@
|
|
|
2519
2546
|
z-index: 1;
|
|
2520
2547
|
background-color: ${c("color-grey60")};
|
|
2521
2548
|
opacity: 0.5;
|
|
2522
|
-
`,
|
|
2523
|
-
padding: ${
|
|
2524
|
-
background-color: ${
|
|
2525
|
-
color: ${
|
|
2526
|
-
font-size: ${
|
|
2527
|
-
font-weight: ${
|
|
2549
|
+
`,bs=d.createContext(null),dp=Y.kosComponent(({children:e,t,isSortable:o,onListItemAction:n})=>{const r=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:n}),[o,t,n]);return a.jsx(bs.Provider,{value:r,children:e})}),ln=()=>{const e=d.useContext(bs);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[Je]=N(["table"]),xs=h.td`
|
|
2550
|
+
padding: ${Je("cell-padding-y")} ${Je("cell-padding-x")};
|
|
2551
|
+
background-color: ${Je("background-color")};
|
|
2552
|
+
color: ${Je("cell-color")};
|
|
2553
|
+
font-size: ${Je("cell-font-size")};
|
|
2554
|
+
font-weight: ${Je("cell-font-weight")};
|
|
2528
2555
|
&.isSortable {
|
|
2529
|
-
padding-right: ${
|
|
2556
|
+
padding-right: ${Je("cell-padding-right-sortable")};
|
|
2530
2557
|
}
|
|
2531
|
-
`,cn=d.memo(({cell:e})=>{const{isSortable:t}=ln();return a.jsx(
|
|
2558
|
+
`,cn=d.memo(({cell:e})=>{const{isSortable:t}=ln();return a.jsx(xs,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:et.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[zn]=N(["table"]),Eo=h.tr`
|
|
2532
2559
|
width: 100%;
|
|
2533
|
-
border-bottom: ${
|
|
2534
|
-
`,
|
|
2560
|
+
border-bottom: ${zn("row-border-bottom-size")} solid ${zn("border-color")};
|
|
2561
|
+
`,up=d.memo(({row:e,TdComponent:t})=>{const o=t??cn;return a.jsx(Eo,{children:e.getVisibleCells().map(n=>a.jsx(o,{cell:n},n.id))})}),[fp]=N(["table"]),gp=[],pp=e=>e.id,hp=Y.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:i,TrComponent:l,onListItemAction:u,renderEmptyAsStandalone:f,...g})=>{Zt(e);const[p,m]=d.useState([]),y=et.useReactTable({columns:t,data:e?e==null?void 0:e.items:gp,getCoreRowModel:et.getCoreRowModel(),getSortedRowModel:r?et.getSortedRowModel():void 0,getRowId:o??pp,onSortingChange:r?m:void 0,state:{sorting:p}}),x=l??up,v=!y.getRowModel().rows.length;return v&&f?n??null:a.jsx(dp,{onListItemAction:u,isSortable:r,t:s,children:a.jsxs(mp,{...g,children:[a.jsx(bp,{children:y.getHeaderGroups().map(k=>a.jsx(Eo,{children:k.headers.map(w=>a.jsx(d.Fragment,{children:et.flexRender(w.column.columnDef.header,w.getContext())},w.id))},k.id))}),a.jsx(xp,{children:v?a.jsx(Eo,{children:a.jsx(xs,{colSpan:t.length,children:n??null})}):y.getRowModel().rows.map(k=>a.jsx(x,{row:k,TdComponent:i??cn},k.id))})]})})}),mp=h.table`
|
|
2535
2562
|
width: 100%;
|
|
2536
2563
|
overflow: auto;
|
|
2537
2564
|
border-collapse: collapse;
|
|
2538
|
-
font-family: ${
|
|
2565
|
+
font-family: ${fp("font-family")};
|
|
2539
2566
|
table-layout: fixed;
|
|
2540
|
-
`,
|
|
2567
|
+
`,bp=h.thead`
|
|
2541
2568
|
width: 100%;
|
|
2542
|
-
`,
|
|
2569
|
+
`,xp=h.tbody`
|
|
2543
2570
|
width: 100%;
|
|
2544
|
-
`,[
|
|
2545
|
-
padding: ${
|
|
2546
|
-
background-color: ${
|
|
2571
|
+
`,[Se]=N(["table"]),yp=(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",Io=d.memo(({width:e,isBlank:t,toggleSorting:o,id:n,sortValue:r,canSort:s})=>{const{isSortable:i,t:l}=ln(),u=d.useCallback(()=>{o()},[o]);return a.jsx(j.ClassNames,{children:({cx:f})=>a.jsx(kp,{className:f({isSortable:i&&s,isSorted:r!==!1}),style:{width:e??"auto"},children:a.jsxs(vp,{children:[!t&&((l==null?void 0:l(`table.header.${n}`))??n),i&&s&&a.jsx(Xt,{content:yp(r,l),children:a.jsx(te,{iconId:r?r==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:u,color:"grey"})})]})})})}),kp=h.th`
|
|
2572
|
+
padding: ${Se("cell-padding-y")} ${Se("cell-padding-x")};
|
|
2573
|
+
background-color: ${Se("header-background-color")};
|
|
2547
2574
|
text-align: left;
|
|
2548
|
-
color: ${
|
|
2549
|
-
font-size: ${
|
|
2550
|
-
font-weight: ${
|
|
2575
|
+
color: ${Se("head-color")};
|
|
2576
|
+
font-size: ${Se("head-font-size")};
|
|
2577
|
+
font-weight: ${Se("head-font-weight")};
|
|
2551
2578
|
&.isSortable {
|
|
2552
2579
|
transition: background 0.125s ease-in-out;
|
|
2553
|
-
padding-right: ${
|
|
2580
|
+
padding-right: ${Se("cell-padding-right-sortable")};
|
|
2554
2581
|
cursor: pointer;
|
|
2555
2582
|
:hover {
|
|
2556
|
-
background-color: ${
|
|
2583
|
+
background-color: ${Se("header-background-color-hover")};
|
|
2557
2584
|
}
|
|
2558
2585
|
}
|
|
2559
2586
|
&.isSorted {
|
|
2560
|
-
background-color: ${
|
|
2587
|
+
background-color: ${Se("header-background-color-hover")};
|
|
2561
2588
|
}
|
|
2562
|
-
`,
|
|
2589
|
+
`,vp=h.div`
|
|
2563
2590
|
display: flex;
|
|
2564
2591
|
align-items: center;
|
|
2565
2592
|
justify-content: space-between;
|
|
2566
|
-
column-gap: ${
|
|
2567
|
-
`,
|
|
2593
|
+
column-gap: ${Se("head-gap-sortable")};
|
|
2594
|
+
`,wp=()=>{const e=et.createColumnHelper();return{displayColumn:r=>s=>e.display({header:({column:i,header:l})=>{var u,f;return a.jsx(Io,{id:l.id,canSort:i.getCanSort(),width:(u=i.columnDef.meta)==null?void 0:u.width,isBlank:(f=i.columnDef.meta)==null?void 0:f.isBlank,toggleSorting:i.toggleSorting,sortValue:i.getIsSorted()},l.id)},...s,meta:{...s.meta,width:"auto",...r}}),accessorColumn:r=>(s,i)=>e.accessor(s,{header:({column:l,header:u})=>{var f,g;return a.jsx(Io,{id:u.id,canSort:l.getCanSort(),width:(f=l.columnDef.meta)==null?void 0:f.width,isBlank:(g=l.columnDef.meta)==null?void 0:g.isBlank,toggleSorting:l.toggleSorting,sortValue:l.getIsSorted()},u.id)},...i,meta:{...i.meta,width:"auto",...r}}),groupColumn:r=>s=>e.group({...s,meta:{...s.meta,width:"auto",...r}})}},Cp=d.memo(({title:e,headerIcon:t,subTitle:o,isOffline:n,headerEndColor:r,headerStartColor:s,className:i,Action:l,panel:u,children:f})=>a.jsxs($p,{children:[a.jsx(hs,{title:e,Action:l,icon:t,startColor:s,endColor:r,isOffline:n,description:o}),a.jsx(Sp,{className:i,children:u?a.jsxs(br,{direction:"horizontal",children:[a.jsx(Po,{defaultSize:"20%",minSize:"20%",maxSize:"50%",children:u}),a.jsx(kr,{}),a.jsx(xr,{children:f})]}):f})]})),$p=h.div`
|
|
2568
2595
|
display: flex;
|
|
2569
2596
|
flex-direction: column;
|
|
2570
2597
|
align-items: flex-start;
|
|
@@ -2572,15 +2599,15 @@
|
|
|
2572
2599
|
width: 100%;
|
|
2573
2600
|
height: 100%;
|
|
2574
2601
|
overflow: hidden;
|
|
2575
|
-
`,
|
|
2602
|
+
`,Sp=h.div`
|
|
2576
2603
|
width: 100%;
|
|
2577
2604
|
flex: 1;
|
|
2578
2605
|
min-height: 0px;
|
|
2579
2606
|
overflow: auto;
|
|
2580
2607
|
display: flex;
|
|
2581
|
-
`,[at]=
|
|
2608
|
+
`,[at]=N(["button"]),jp=d.memo(({onClick:e,open:t,buttonText:o,text:n})=>a.jsx(Dp,{open:t,children:a.jsxs(Tp,{children:[a.jsx(I,{variant:"h2",color:"light",children:n}),a.jsx(Ee,{variant:"borderless",text:o,onClick:e})]})})),Dp=h(vr)`
|
|
2582
2609
|
z-index: 5;
|
|
2583
|
-
`,
|
|
2610
|
+
`,Tp=h.div`
|
|
2584
2611
|
display: flex;
|
|
2585
2612
|
align-items: center;
|
|
2586
2613
|
justify-content: center;
|
|
@@ -2592,9 +2619,9 @@
|
|
|
2592
2619
|
${`${at("border-hover-borderless",!0)}: ${c("color-white")}`};
|
|
2593
2620
|
${`${at("color-hover-borderless",!0)}: ${c("color-white")}`};
|
|
2594
2621
|
${`${at("bg-hover-borderless",!0)}: transparent`};
|
|
2595
|
-
`;var O;(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"})(O||(O={}));var H;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(H||(H={}));var ke;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(ke||(ke={}));var se;(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"})(se||(se={}));const ho={},kt={};function St(e,t){try{const n=(ho[e]||(ho[e]=new Intl.DateTimeFormat("en-GB",{timeZone:e,hour:"numeric",timeZoneName:"longOffset"}).format))(t).split("GMT")[1]||"";return n in kt?kt[n]:Nn(n,n.split(":"))}catch{if(e in kt)return kt[e];const o=e==null?void 0:e.match(wp);return o?Nn(e,o.slice(1)):NaN}}const wp=/([+-]\d\d):?(\d\d)?/;function Nn(e,t){const o=+t[0],n=+(t[1]||0);return kt[e]=o>0?o*60+n:o*60-n}class Te extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(St(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)),bs(this),zo(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Te(...o,t):new Te(Date.now(),t)}withTimeZone(t){return new Te(+this,t)}getTimezoneOffset(){return-St(this.timeZone,this)}setTime(t){return Date.prototype.setTime.apply(this,arguments),zo(this),+this}[Symbol.for("constructDateFrom")](t){return new Te(+new Date(t),this.timeZone)}}const On=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!On.test(e))return;const t=e.replace(On,"$1UTC");Te.prototype[t]&&(e.startsWith("get")?Te.prototype[e]=function(){return this.internal[t]()}:(Te.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),Cp(this),+this},Te.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),zo(this),+this}))});function zo(e){e.internal.setTime(+e),e.internal.setUTCMinutes(e.internal.getUTCMinutes()-e.getTimezoneOffset())}function Cp(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()),bs(e)}function bs(e){const t=St(e.timeZone,e),o=new Date(+e);o.setUTCHours(o.getUTCHours()-1);const n=-new Date(+e).getTimezoneOffset(),r=-new Date(+o).getTimezoneOffset(),s=n-r,i=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();s&&i&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+s);const l=n-t;l&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+l);const u=St(e.timeZone,e),g=-new Date(+e).getTimezoneOffset()-u,p=u!==t,m=g-l;if(p&&m){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+m);const y=St(e.timeZone,e),x=u-y;x&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+x),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+x))}}class tt extends Te{static tz(t,...o){return o.length?new tt(...o,t):new tt(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} (${$p(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 tt(+this,t)}[Symbol.for("constructDateFrom")](t){return new tt(+new Date(t),this.timeZone)}}function $p(e,t){return new Intl.DateTimeFormat("en-GB",{timeZone:e,timeZoneName:"long"}).format(t).slice(12)}function mo(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}function xt(e){return(t,o)=>{const n=o!=null&&o.context?String(o.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const i=e.defaultFormattingWidth||e.defaultWidth,l=o!=null&&o.width?String(o.width):i;r=e.formattingValues[l]||e.formattingValues[i]}else{const i=e.defaultWidth,l=o!=null&&o.width?String(o.width):e.defaultWidth;r=e.values[l]||e.values[i]}const s=e.argumentCallback?e.argumentCallback(t):t;return r[s]}}function yt(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 i=s[0],l=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(l)?jp(l,p=>p.test(i)):Sp(l,p=>p.test(i));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const g=t.slice(i.length);return{value:f,rest:g}}}function Sp(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function jp(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function Tp(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 i=e.valueCallback?e.valueCallback(s[0]):s[0];i=o.valueCallback?o.valueCallback(i):i;const l=t.slice(r.length);return{value:i,rest:l}}}const Dp={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"}},Ep=(e,t,o)=>{let n;const r=Dp[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},Ip={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},zp=(e,t,o,n)=>Ip[e],Mp={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},Np={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Op={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"]},Rp={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"]},Ap={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"}},Fp={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"}},Wp=(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"},Lp={ordinalNumber:Wp,era:xt({values:Mp,defaultWidth:"wide"}),quarter:xt({values:Np,defaultWidth:"wide",argumentCallback:e=>e-1}),month:xt({values:Op,defaultWidth:"wide"}),day:xt({values:Rp,defaultWidth:"wide"}),dayPeriod:xt({values:Ap,defaultWidth:"wide",formattingValues:Fp,defaultFormattingWidth:"wide"})},_p=/^(\d+)(th|st|nd|rd)?/i,Bp=/\d+/i,Pp={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},Hp={any:[/^b/i,/^(a|c)/i]},Gp={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Up={any:[/1/i,/2/i,/3/i,/4/i]},Yp={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},Vp={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]},Kp={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},qp={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]},Xp={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},Zp={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}},Qp={ordinalNumber:Tp({matchPattern:_p,parsePattern:Bp,valueCallback:e=>parseInt(e,10)}),era:yt({matchPatterns:Pp,defaultMatchWidth:"wide",parsePatterns:Hp,defaultParseWidth:"any"}),quarter:yt({matchPatterns:Gp,defaultMatchWidth:"wide",parsePatterns:Up,defaultParseWidth:"any",valueCallback:e=>e+1}),month:yt({matchPatterns:Yp,defaultMatchWidth:"wide",parsePatterns:Vp,defaultParseWidth:"any"}),day:yt({matchPatterns:Kp,defaultMatchWidth:"wide",parsePatterns:qp,defaultParseWidth:"any"}),dayPeriod:yt({matchPatterns:Xp,defaultMatchWidth:"any",parsePatterns:Zp,defaultParseWidth:"any"})},Jp={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},eh={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},th={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},oh={date:mo({formats:Jp,defaultWidth:"full"}),time:mo({formats:eh,defaultWidth:"full"}),dateTime:mo({formats:th,defaultWidth:"full"})},xs={code:"en-US",formatDistance:Ep,formatLong:oh,formatRelative:zp,localize:Lp,match:Qp,options:{weekStartsOn:0,firstWeekContainsDate:1}},Rn=5,nh=4;function rh(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,Rn*7-1);return t.getMonth(e)===t.getMonth(s)?Rn:nh}function ys(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 sh(e,t){const o=ys(e,t),n=rh(e,t);return t.addDays(o,n*7-1)}class We{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?tt.tz(this.options.timeZone):new this.Date},this.newDate=(n,r,s)=>{var i;return(i=this.overrides)!=null&&i.newDate?this.overrides.newDate(n,r,s):this.options.timeZone?new tt(n,r,s,this.options.timeZone):new Date(n,r,s)},this.addDays=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addDays)==null?void 0:i.call(s,n,r))??W.addDays(n,r)},this.addMonths=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addMonths)==null?void 0:i.call(s,n,r))??W.addMonths(n,r)},this.addWeeks=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addWeeks)==null?void 0:i.call(s,n,r))??W.addWeeks(n,r)},this.addYears=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addYears)==null?void 0:i.call(s,n,r))??W.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.differenceInCalendarDays)==null?void 0:i.call(s,n,r))??W.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.differenceInCalendarMonths)==null?void 0:i.call(s,n,r))??W.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.eachMonthOfInterval)==null?void 0:s.call(r,n))??W.eachMonthOfInterval(n)},this.endOfBroadcastWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.endOfBroadcastWeek)==null?void 0:i.call(s,n,r))??sh(n,this)},this.endOfISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfISOWeek)==null?void 0:s.call(r,n))??W.endOfISOWeek(n)},this.endOfMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfMonth)==null?void 0:s.call(r,n))??W.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.endOfWeek)==null?void 0:i.call(s,n,r??this.options))??W.endOfWeek(n,r??this.options)},this.endOfYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfYear)==null?void 0:s.call(r,n))??W.endOfYear(n)},this.format=(n,r,s)=>{var l,u;const i=((u=(l=this.overrides)==null?void 0:l.format)==null?void 0:u.call(l,n,r,s??this.options))??W.format(n,r,s??this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(i):i},this.getISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getISOWeek)==null?void 0:s.call(r,n))??W.getISOWeek(n)},this.getMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getMonth)==null?void 0:s.call(r,n))??W.getMonth(n)},this.getYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getYear)==null?void 0:s.call(r,n))??W.getYear(n)},this.getWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.getWeek)==null?void 0:i.call(s,n,r??this.options))??W.getWeek(n,r??this.options)},this.isAfter=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isAfter)==null?void 0:i.call(s,n,r))??W.isAfter(n,r)},this.isBefore=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isBefore)==null?void 0:i.call(s,n,r))??W.isBefore(n,r)},this.isDate=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.isDate)==null?void 0:s.call(r,n))??W.isDate(n)},this.isSameDay=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameDay)==null?void 0:i.call(s,n,r))??W.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameMonth)==null?void 0:i.call(s,n,r))??W.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameYear)==null?void 0:i.call(s,n,r))??W.isSameYear(n,r)},this.max=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.max)==null?void 0:s.call(r,n))??W.max(n)},this.min=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.min)==null?void 0:s.call(r,n))??W.min(n)},this.setMonth=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.setMonth)==null?void 0:i.call(s,n,r))??W.setMonth(n,r)},this.setYear=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.setYear)==null?void 0:i.call(s,n,r))??W.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.startOfBroadcastWeek)==null?void 0:i.call(s,n,r??this))??ys(n,r??this)},this.startOfDay=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfDay)==null?void 0:s.call(r,n))??W.startOfDay(n)},this.startOfISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfISOWeek)==null?void 0:s.call(r,n))??W.startOfISOWeek(n)},this.startOfMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfMonth)==null?void 0:s.call(r,n))??W.startOfMonth(n)},this.startOfWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfWeek)==null?void 0:s.call(r,n))??W.startOfWeek(n,this.options)},this.startOfYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfYear)==null?void 0:s.call(r,n))??W.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 Le=new We;function ih(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[H[s]]?r.push(t[H[s]]):t[ke[s]]&&r.push(t[ke[s]]),r),[t[O.Day]])}function ah(e){return d.createElement("button",{...e})}function lh(e){return d.createElement("span",{...e})}function ch(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.612 14.1888889 12.5 8 6.37733333 9.91111111 4.5 18 12.5 9.91111111 20.5"}))}function dh(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function uh(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})}function fh(e){const{options:t,className:o,components:n,classNames:r,...s}=e,i=[r[O.Dropdown],o].join(" "),l=t==null?void 0:t.find(({value:u})=>u===s.value);return d.createElement("span",{"data-disabled":s.disabled,className:r[O.DropdownRoot]},d.createElement(n.Select,{className:i,...s},t==null?void 0:t.map(({value:u,label:f,disabled:g})=>d.createElement(n.Option,{key:u,value:u,disabled:g},f))),d.createElement("span",{className:r[O.CaptionLabel],"aria-hidden":!0},l==null?void 0:l.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[O.Chevron]})))}function gh(e){return d.createElement("div",{...e})}function ph(e){return d.createElement("div",{...e})}function hh(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function mh(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function bh(e){return d.createElement("table",{...e})}function xh(e){return d.createElement("div",{...e})}const ks=d.createContext(void 0);function zt(){const e=d.useContext(ks);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function yh(e){const{components:t}=zt();return d.createElement(t.Dropdown,{...e})}function kh(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:i,classNames:l,labels:{labelPrevious:u,labelNext:f}}=zt(),g=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),p=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(i.PreviousMonthButton,{type:"button",className:l[O.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:p},d.createElement(i.Chevron,{disabled:n?void 0:!0,className:l[O.Chevron],orientation:"left"})),d.createElement(i.NextMonthButton,{type:"button",className:l[O.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":f(r),onClick:g},d.createElement(i.Chevron,{disabled:r?void 0:!0,orientation:"right",className:l[O.Chevron]})))}function vh(e){const{components:t}=zt();return d.createElement(t.Button,{...e})}function wh(e){return d.createElement("option",{...e})}function Ch(e){const{components:t}=zt();return d.createElement(t.Button,{...e})}function $h(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function Sh(e){return d.createElement("select",{...e})}function jh(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function Th(e){return d.createElement("th",{...e})}function Dh(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function Eh(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function Ih(e){return d.createElement("th",{...e})}function zh(e){return d.createElement("tbody",{...e})}function Mh(e){const{components:t}=zt();return d.createElement(t.Dropdown,{...e})}const Nh=Object.freeze(Object.defineProperty({__proto__:null,Button:ah,CaptionLabel:lh,Chevron:ch,Day:dh,DayButton:uh,Dropdown:fh,DropdownNav:gh,Footer:ph,Month:hh,MonthCaption:mh,MonthGrid:bh,Months:xh,MonthsDropdown:yh,Nav:kh,NextMonthButton:vh,Option:wh,PreviousMonthButton:Ch,Root:$h,Select:Sh,Week:jh,WeekNumber:Eh,WeekNumberHeader:Ih,Weekday:Th,Weekdays:Dh,Weeks:zh,YearsDropdown:Mh},Symbol.toStringTag,{value:"Module"}));function Oh(e){return{...Nh,...e}}function Rh(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};return Object.entries(e).forEach(([o,n])=>{o.startsWith("data-")&&(t[o]=n)}),t}function Ah(){const e={};for(const t in O)e[O[t]]=`rdp-${O[t]}`;for(const t in H)e[H[t]]=`rdp-${H[t]}`;for(const t in ke)e[ke[t]]=`rdp-${ke[t]}`;for(const t in se)e[se[t]]=`rdp-${se[t]}`;return e}function vs(e,t,o){return(o??new We(t)).format(e,"LLLL y")}const Fh=vs;function Wh(e,t,o){return(o??new We(t)).format(e,"d")}function Lh(e,t=Le){return t.format(e,"LLLL")}function _h(e){return e<10?`0${e.toLocaleString()}`:`${e.toLocaleString()}`}function Bh(){return""}function Ph(e,t,o){return(o??new We(t)).format(e,"cccccc")}function ws(e,t=Le){return t.format(e,"yyyy")}const Hh=ws,Gh=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:vs,formatDay:Wh,formatMonthCaption:Fh,formatMonthDropdown:Lh,formatWeekNumber:_h,formatWeekNumberHeader:Bh,formatWeekdayName:Ph,formatYearCaption:Hh,formatYearDropdown:ws},Symbol.toStringTag,{value:"Module"}));function Uh(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...Gh,...e}}function Yh(e,t,o,n,r){const{startOfMonth:s,startOfYear:i,endOfYear:l,eachMonthOfInterval:u,getMonth:f}=r;return u({start:i(e),end:l(e)}).map(m=>{const y=n.formatMonthDropdown(m,r),x=f(m),v=t&&m<s(t)||o&&m>s(o)||!1;return{value:x,label:y,disabled:v}})}function Vh(e,t={},o={}){let n={...t==null?void 0:t[O.Day]};return Object.entries(e).filter(([,r])=>r===!0).forEach(([r])=>{n={...n,...o==null?void 0:o[r]}}),n}function Kh(e,t,o){const n=e.today(),r=o?e.startOfBroadcastWeek(n,e):t?e.startOfISOWeek(n):e.startOfWeek(n),s=[];for(let i=0;i<7;i++){const l=e.addDays(r,i);s.push(l)}return s}function qh(e,t,o,n){if(!e||!t)return;const{startOfYear:r,endOfYear:s,addYears:i,getYear:l,isBefore:u,isSameYear:f}=n,g=r(e),p=s(t),m=[];let y=g;for(;u(y,p)||f(y,p);)m.push(y),y=i(y,1);return m.map(x=>{const v=o.formatYearDropdown(x,n);return{value:l(x),label:v,disabled:!1}})}function Cs(e,t,o){return(o??new We(t)).format(e,"LLLL y")}const Xh=Cs;function Zh(e,t,o,n){let r=(n??new We(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function $s(e,t,o,n){let r=(n??new We(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const Qh=$s;function Jh(){return""}function em(e){return"Choose the Month"}function tm(e){return"Go to the Next Month"}function om(e){return"Go to the Previous Month"}function nm(e,t,o){return(o??new We(t)).format(e,"cccc")}function rm(e,t){return`Week ${e}`}function sm(e){return"Week Number"}function im(e){return"Choose the Year"}const am=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:Xh,labelDay:Qh,labelDayButton:$s,labelGrid:Cs,labelGridcell:Zh,labelMonthDropdown:em,labelNav:Jh,labelNext:tm,labelPrevious:om,labelWeekNumber:rm,labelWeekNumberHeader:sm,labelWeekday:nm,labelYearDropdown:im},Symbol.toStringTag,{value:"Module"}));function lm(e,t,{classNames:o,months:n,focused:r,dateLib:s}){const i=d.useRef(null),l=d.useRef(n),u=d.useRef(!1);d.useLayoutEffect(()=>{const f=l.current;if(l.current=n,!t||!e.current||!(e.current instanceof HTMLElement))return;const g=i.current,p=e.current.cloneNode(!0);if(p instanceof HTMLElement?([...p.querySelectorAll("[data-animated-month]")??[]].forEach(k=>{const w=k.querySelector("[data-animated-month]");w&&k.contains(w)&&k.removeChild(w)}),i.current=p):i.current=null,n.length===0||f.length===0||n.length!==f.length||r||u.current||s.isSameMonth(n[0].date,f[0].date))return;const y=[...(g==null?void 0:g.querySelectorAll("[data-animated-month]"))??[]],x=[...e.current.querySelectorAll("[data-animated-month]")??[]];if(x&&x.every(v=>v instanceof HTMLElement)&&y&&y.every(v=>v instanceof HTMLElement)){u.current=!0;const v=s.isAfter(n[0].date,f[0].date);x.forEach((k,w)=>{const b=y[w];if(!b)return;const C=v?o[se.caption_after_enter]:o[se.caption_before_enter],$=v?o[se.weeks_after_enter]:o[se.weeks_before_enter];k.style.position="relative",k.style.overflow="hidden";const E=k.querySelector("[data-animated-caption]");E&&E instanceof HTMLElement&&E.classList.add(C);const S=k.querySelector("[data-animated-weeks]");S&&S instanceof HTMLElement&&S.classList.add($);const T=()=>{u.current=!1,E&&E instanceof HTMLElement&&E.classList.remove(C),S&&S instanceof HTMLElement&&S.classList.remove($),k.style.position="",k.style.overflow="",k.contains(b)&&k.removeChild(b)};b.style.pointerEvents="none",b.style.position="absolute",b.style.overflow="hidden",b.setAttribute("aria-hidden","true");const N=b.querySelector("[data-animated-weekdays]");N&&N instanceof HTMLElement&&(N.style.opacity="0");const _=b.querySelector("[data-animated-caption]");_&&_ instanceof HTMLElement&&(_.classList.add(v?o[se.caption_before_exit]:o[se.caption_after_exit]),_.addEventListener("animationend",T));const V=b.querySelector("[data-animated-weeks]");V&&V instanceof HTMLElement&&V.classList.add(v?o[se.weeks_before_exit]:o[se.weeks_after_exit]),k.insertBefore(b,k.firstChild)})}})}function cm(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:i,fixedWeeks:l,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:g,differenceInCalendarMonths:p,endOfBroadcastWeek:m,endOfISOWeek:y,endOfMonth:x,endOfWeek:v,isAfter:k,startOfBroadcastWeek:w,startOfISOWeek:b,startOfWeek:C}=n,$=u?w(r,n):i?b(r):C(r),E=u?m(s,n):i?y(x(s)):v(x(s)),S=g(E,$),T=p(s,r)+1,N=[];for(let B=0;B<=S;B++){const U=f($,B);if(t&&k(U,t))break;N.push(U)}const V=(u?35:42)*T;if(l&&N.length<V){const B=V-N.length;for(let U=0;U<B;U++){const ze=f(N[N.length-1],1);N.push(ze)}}return N}function dm(e){const t=[];return e.reduce((o,n)=>{const r=[],s=n.weeks.reduce((i,l)=>[...i,...l.days],r);return[...o,...s]},t)}function um(e,t,o,n){const{numberOfMonths:r=1}=o,s=[];for(let i=0;i<r;i++){const l=n.addMonths(e,i);if(t&&l>t)break;s.push(l)}return s}function An(e,t){const{month:o,defaultMonth:n,today:r=t.today(),numberOfMonths:s=1,endMonth:i,startMonth:l}=e;let u=o||n||r;const{differenceInCalendarMonths:f,addMonths:g,startOfMonth:p}=t;if(i&&f(i,u)<0){const m=-1*(s-1);u=g(i,m)}return l&&f(u,l)<0&&(u=l),p(u)}class Ss{constructor(t,o,n=Le){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 fm{constructor(t,o){this.date=t,this.weeks=o}}class gm{constructor(t,o){this.days=o,this.weekNumber=t}}function pm(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:i,endOfMonth:l,endOfWeek:u,getISOWeek:f,getWeek:g,startOfBroadcastWeek:p,startOfISOWeek:m,startOfWeek:y}=n,x=e.reduce((v,k)=>{const w=o.broadcastCalendar?p(k,n):o.ISOWeek?m(k):y(k),b=o.broadcastCalendar?s(k,n):o.ISOWeek?i(l(k)):u(l(k)),C=t.filter(T=>T>=w&&T<=b),$=o.broadcastCalendar?35:42;if(o.fixedWeeks&&C.length<$){const T=t.filter(N=>{const _=$-C.length;return N>b&&N<=r(b,_)});C.push(...T)}const E=C.reduce((T,N)=>{const _=o.ISOWeek?f(N):g(N),V=T.find(U=>U.weekNumber===_),B=new Ss(N,k,n);return V?V.days.push(B):T.push(new gm(_,[B])),T},[]),S=new fm(k,E);return v.push(S),v},[]);return o.reverseMonths?x.reverse():x}function hm(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:i,endOfMonth:l,addYears:u,endOfYear:f,newDate:g,today:p}=t,{fromYear:m,toYear:y,fromMonth:x,toMonth:v}=e;!o&&x&&(o=x),!o&&m&&(o=t.newDate(m,0,1)),!n&&v&&(n=v),!n&&y&&(n=g(y,11,31));const k=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=i(o):m?o=g(m,0,1):!o&&k&&(o=r(u(e.today??p(),-100))),n?n=l(n):y?n=g(y,11,31):!n&&k&&(n=f(e.today??p())),[o&&s(o),n&&s(n)]}function mm(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:i,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s:1,g=i(e);if(!t)return l(g,f);if(!(u(t,e)<s))return l(g,f)}function bm(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:i,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s??1:1,g=i(e);if(!t)return l(g,-f);if(!(u(g,t)<=0))return l(g,-f)}function xm(e){const t=[];return e.reduce((o,n)=>[...o,...n.weeks],t)}function ro(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function ym(e,t){const[o,n]=hm(e,t),{startOfMonth:r,endOfMonth:s}=t,i=An(e,t),[l,u]=ro(i,e.month?i:void 0);d.useEffect(()=>{const S=An(e,t);u(S)},[e.timeZone]);const f=um(l,n,e,t),g=cm(f,e.endMonth?s(e.endMonth):void 0,e,t),p=pm(f,g,e,t),m=xm(p),y=dm(p),x=bm(l,o,e,t),v=mm(l,n,e,t),{disableNavigation:k,onMonthChange:w}=e,b=S=>m.some(T=>T.days.some(N=>N.isEqualTo(S))),C=S=>{if(k)return;let T=r(S);o&&T<r(o)&&(T=r(o)),n&&T>r(n)&&(T=r(n)),u(T),w==null||w(T)};return{months:p,weeks:m,days:y,navStart:o,navEnd:n,previousMonth:x,nextMonth:v,goToMonth:C,goToDay:S=>{b(S)||C(S.date)}}}function km(e,t,o,n){let r,s=0,i=!1;for(;s<e.length&&!i;){const l=e[s],u=t(l);!u[H.disabled]&&!u[H.hidden]&&!u[H.outside]&&(u[H.focused]||n!=null&&n.isEqualTo(l)||o(l.date)||u[H.today])&&(r=l,i=!0),s++}return r||(r=e.find(l=>{const u=t(l);return!u[H.disabled]&&!u[H.hidden]&&!u[H.outside]})),r}function Oe(e,t,o=!1,n=Le){let{from:r,to:s}=e;const{differenceInCalendarDays:i,isSameDay:l}=n;return r&&s?(i(s,r)<0&&([r,s]=[s,r]),i(t,r)>=(o?1:0)&&i(s,t)>=(o?1:0)):!o&&s?l(s,t):!o&&r?l(r,t):!1}function js(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function dn(e){return!!(e&&typeof e=="object"&&"from"in e)}function Ts(e){return!!(e&&typeof e=="object"&&"after"in e)}function Ds(e){return!!(e&&typeof e=="object"&&"before"in e)}function Es(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function Is(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Re(e,t,o=Le){const n=Array.isArray(t)?t:[t],{isSameDay:r,differenceInCalendarDays:s,isAfter:i}=o;return n.some(l=>{if(typeof l=="boolean")return l;if(o.isDate(l))return r(e,l);if(Is(l,o))return l.includes(e);if(dn(l))return Oe(l,e,!1,o);if(Es(l))return Array.isArray(l.dayOfWeek)?l.dayOfWeek.includes(e.getDay()):l.dayOfWeek===e.getDay();if(js(l)){const u=s(l.before,e),f=s(l.after,e),g=u>0,p=f<0;return i(l.before,l.after)?p&&g:g||p}return Ts(l)?s(e,l.after)>0:Ds(l)?s(l.before,e)>0:typeof l=="function"?l(e):!1})}function vm(e,t,o,n,r,s,i){const{ISOWeek:l,broadcastCalendar:u}=s,{addDays:f,addMonths:g,addWeeks:p,addYears:m,endOfBroadcastWeek:y,endOfISOWeek:x,endOfWeek:v,max:k,min:w,startOfBroadcastWeek:b,startOfISOWeek:C,startOfWeek:$}=i;let S={day:f,week:p,month:g,year:m,startOfWeek:T=>u?b(T,i):l?C(T):$(T),endOfWeek:T=>u?y(T,i):l?x(T):v(T)}[e](o,t==="after"?1:-1);return t==="before"&&n?S=k([n,S]):t==="after"&&r&&(S=w([r,S])),S}function zs(e,t,o,n,r,s,i,l=0){if(l>365)return;const u=vm(e,t,o.date,n,r,s,i),f=!!(s.disabled&&Re(u,s.disabled,i)),g=!!(s.hidden&&Re(u,s.hidden,i)),p=u,m=new Ss(u,p,i);return!f&&!g?m:zs(e,t,m,n,r,s,i,l+1)}function wm(e,t,o,n,r){const{autoFocus:s}=e,[i,l]=d.useState(),u=km(t.days,o,n||(()=>!1),i),[f,g]=d.useState(s?u:void 0);return{isFocusTarget:v=>!!(u!=null&&u.isEqualTo(v)),setFocused:g,focused:f,blur:()=>{l(f),g(void 0)},moveFocus:(v,k)=>{if(!f)return;const w=zs(v,k,f,t.navStart,t.navEnd,e,r);w&&(t.goToDay(w),g(w))}}}function Cm(e,t,o){const{disabled:n,hidden:r,modifiers:s,showOutsideDays:i,broadcastCalendar:l,today:u}=t,{isSameDay:f,isSameMonth:g,startOfMonth:p,isBefore:m,endOfMonth:y,isAfter:x}=o,v=t.startMonth&&p(t.startMonth),k=t.endMonth&&y(t.endMonth),w={[H.focused]:[],[H.outside]:[],[H.disabled]:[],[H.hidden]:[],[H.today]:[]},b={};for(const C of e){const{date:$,displayMonth:E}=C,S=!!(E&&!g($,E)),T=!!(v&&m($,v)),N=!!(k&&x($,k)),_=!!(n&&Re($,n,o)),V=!!(r&&Re($,r,o))||T||N||!l&&!i&&S||l&&i===!1&&S,B=f($,u??o.today());S&&w.outside.push(C),_&&w.disabled.push(C),V&&w.hidden.push(C),B&&w.today.push(C),s&&Object.keys(s).forEach(U=>{const ze=s==null?void 0:s[U];ze&&Re($,ze,o)&&(b[U]?b[U].push(C):b[U]=[C])})}return C=>{const $={[H.focused]:!1,[H.disabled]:!1,[H.hidden]:!1,[H.outside]:!1,[H.today]:!1},E={};for(const S in w){const T=w[S];$[S]=T.some(N=>N===C)}for(const S in b)E[S]=b[S].some(T=>T===C);return{...$,...E}}}function $m(e,t){const{selected:o,required:n,onSelect:r}=e,[s,i]=ro(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t,f=y=>(l==null?void 0:l.some(x=>u(x,y)))??!1,{min:g,max:p}=e;return{selected:l,select:(y,x,v)=>{let k=[...l??[]];if(f(y)){if((l==null?void 0:l.length)===g||n&&(l==null?void 0:l.length)===1)return;k=l==null?void 0:l.filter(w=>!u(w,y))}else(l==null?void 0:l.length)===p?k=[y]:k=[...k,y];return r||i(k),r==null||r(k,y,x,v),k},isSelected:f}}function Sm(e,t,o=0,n=0,r=!1,s=Le){const{from:i,to:l}=t||{},{isSameDay:u,isAfter:f,isBefore:g}=s;let p;if(!i&&!l)p={from:e,to:o>0?void 0:e};else if(i&&!l)u(i,e)?r?p={from:i,to:void 0}:p=void 0:g(e,i)?p={from:e,to:i}:p={from:i,to:e};else if(i&&l)if(u(i,e)&&u(l,e))r?p={from:i,to:l}:p=void 0;else if(u(i,e))p={from:i,to:o>0?void 0:e};else if(u(l,e))p={from:e,to:o>0?void 0:e};else if(g(e,i))p={from:e,to:l};else if(f(e,i))p={from:i,to:e};else if(f(e,l))p={from:i,to:e};else throw new Error("Invalid range");if(p!=null&&p.from&&(p!=null&&p.to)){const m=s.differenceInCalendarDays(p.to,p.from);n>0&&m>n?p={from:e,to:void 0}:o>1&&m<o&&(p={from:e,to:void 0})}return p}function jm(e,t,o=Le){const n=Array.isArray(t)?t:[t];let r=e.from;const s=o.differenceInCalendarDays(e.to,e.from),i=Math.min(s,6);for(let l=0;l<=i;l++){if(n.includes(r.getDay()))return!0;r=o.addDays(r,1)}return!1}function Fn(e,t,o=Le){return Oe(e,t.from,!1,o)||Oe(e,t.to,!1,o)||Oe(t,e.from,!1,o)||Oe(t,e.to,!1,o)}function Tm(e,t,o=Le){const n=Array.isArray(t)?t:[t];if(n.filter(l=>typeof l!="function").some(l=>typeof l=="boolean"?l:o.isDate(l)?Oe(e,l,!1,o):Is(l,o)?l.some(u=>Oe(e,u,!1,o)):dn(l)?l.from&&l.to?Fn(e,{from:l.from,to:l.to},o):!1:Es(l)?jm(e,l.dayOfWeek,o):js(l)?o.isAfter(l.before,l.after)?Fn(e,{from:o.addDays(l.after,1),to:o.addDays(l.before,-1)},o):Re(e.from,l,o)||Re(e.to,l,o):Ts(l)||Ds(l)?Re(e.from,l,o)||Re(e.to,l,o):!1))return!0;const i=n.filter(l=>typeof l=="function");if(i.length){let l=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let f=0;f<=u;f++){if(i.some(g=>g(l)))return!0;l=o.addDays(l,1)}}return!1}function Dm(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:i}=e,[l,u]=ro(r,i?r:void 0),f=i?r:l;return{selected:f,select:(m,y,x)=>{const{min:v,max:k}=e,w=m?Sm(m,f,v,k,s,t):void 0;return n&&o&&(w!=null&&w.from)&&w.to&&Tm({from:w.from,to:w.to},o,t)&&(w.from=m,w.to=void 0),i||u(w),i==null||i(w,m,y,x),w},isSelected:m=>f&&Oe(f,m,!1,t)}}function Em(e,t){const{selected:o,required:n,onSelect:r}=e,[s,i]=ro(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t;return{selected:l,select:(p,m,y)=>{let x=p;return!n&&l&&l&&u(p,l)&&(x=void 0),r||i(x),r==null||r(x,p,m,y),x},isSelected:p=>l?u(l,p):!1}}function Im(e,t){const o=Em(e,t),n=$m(e,t),r=Dm(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function zm(e){const{components:t,formatters:o,labels:n,dateLib:r,locale:s,classNames:i}=d.useMemo(()=>{const F={...xs,...e.locale};return{dateLib:new We({locale:F,weekStartsOn:e.broadcastCalendar?1:e.weekStartsOn,firstWeekContainsDate:e.firstWeekContainsDate,useAdditionalWeekYearTokens:e.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:e.useAdditionalDayOfYearTokens,timeZone:e.timeZone,numerals:e.numerals},e.dateLib),components:Oh(e.components),formatters:Uh(e.formatters),labels:{...am,...e.labels},locale:F,classNames:{...Ah(),...e.classNames}}},[e.locale,e.broadcastCalendar,e.weekStartsOn,e.firstWeekContainsDate,e.useAdditionalWeekYearTokens,e.useAdditionalDayOfYearTokens,e.timeZone,e.numerals,e.dateLib,e.components,e.formatters,e.labels,e.classNames]),{captionLayout:l,mode:u,onDayBlur:f,onDayClick:g,onDayFocus:p,onDayKeyDown:m,onDayMouseEnter:y,onDayMouseLeave:x,onNextClick:v,onPrevClick:k,showWeekNumber:w,styles:b}=e,{formatCaption:C,formatDay:$,formatMonthDropdown:E,formatWeekNumber:S,formatWeekNumberHeader:T,formatWeekdayName:N,formatYearDropdown:_}=o,V=ym(e,r),{days:B,months:U,navStart:ze,navEnd:pt,previousMonth:_e,nextMonth:Be,goToMonth:de}=V,rt=Cm(B,e,r),{isSelected:Ke,select:Q,selected:qe}=Im(e,r)??{},{blur:un,focused:Mt,isFocusTarget:Ms,moveFocus:fn,setFocused:Nt}=wm(e,V,rt,Ke??(()=>!1),r),{labelDayButton:Ns,labelGridcell:Os,labelGrid:Rs,labelMonthDropdown:As,labelNav:Fs,labelWeekday:Ws,labelWeekNumber:Ls,labelWeekNumberHeader:_s,labelYearDropdown:Bs}=n,Ps=d.useMemo(()=>Kh(r,e.ISOWeek),[r,e.ISOWeek]),gn=u!==void 0||g!==void 0,Hs=d.useCallback(()=>{_e&&(de(_e),k==null||k(_e))},[_e,de,k]),Gs=d.useCallback(()=>{Be&&(de(Be),v==null||v(Be))},[de,Be,v]),Us=d.useCallback((F,q)=>P=>{P.preventDefault(),P.stopPropagation(),Nt(F),Q==null||Q(F.date,q,P),g==null||g(F.date,q,P)},[Q,g,Nt]),Ys=d.useCallback((F,q)=>P=>{Nt(F),p==null||p(F.date,q,P)},[p,Nt]),Vs=d.useCallback((F,q)=>P=>{un(),f==null||f(F.date,q,P)},[un,f]),Ks=d.useCallback((F,q)=>P=>{const Pe={ArrowLeft:["day",e.dir==="rtl"?"after":"before"],ArrowRight:["day",e.dir==="rtl"?"before":"after"],ArrowDown:["week","after"],ArrowUp:["week","before"],PageUp:[P.shiftKey?"year":"month","before"],PageDown:[P.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(Pe[P.key]){P.preventDefault(),P.stopPropagation();const[ue,Ot]=Pe[P.key];fn(ue,Ot)}m==null||m(F.date,q,P)},[fn,m,e.dir]),qs=d.useCallback((F,q)=>P=>{y==null||y(F.date,q,P)},[y]),Xs=d.useCallback((F,q)=>P=>{x==null||x(F.date,q,P)},[x]),Zs=d.useCallback(F=>q=>{const P=Number(q.target.value),Pe=r.setMonth(r.startOfMonth(F),P);de(Pe)},[r,de]),Qs=d.useCallback(F=>q=>{const P=Number(q.target.value),Pe=r.setYear(r.startOfMonth(F),P);de(Pe)},[r,de]),{className:Js,style:ei}=d.useMemo(()=>({className:[i[O.Root],e.className].filter(Boolean).join(" "),style:{...b==null?void 0:b[O.Root],...e.style}}),[i,e.className,e.style,b]),ti=Rh(e),pn=d.useRef(null);lm(pn,!!e.animate,{classNames:i,months:U,focused:Mt,dateLib:r});const oi={dayPickerProps:e,selected:qe,select:Q,isSelected:Ke,months:U,nextMonth:Be,previousMonth:_e,goToMonth:de,getModifiers:rt,components:t,classNames:i,styles:b,labels:n,formatters:o};return d.createElement(ks.Provider,{value:oi},d.createElement(t.Root,{rootRef:e.animate?pn:void 0,className:Js,style:ei,dir:e.dir,id:e.id,lang:e.lang,nonce:e.nonce,title:e.title,role:e.role,"aria-label":e["aria-label"],...ti},d.createElement(t.Months,{className:i[O.Months],style:b==null?void 0:b[O.Months]},!e.hideNavigation&&d.createElement(t.Nav,{className:i[O.Nav],style:b==null?void 0:b[O.Nav],"aria-label":Fs(),onPreviousClick:Hs,onNextClick:Gs,previousMonth:_e,nextMonth:Be}),U.map((F,q)=>{const P=Yh(F.date,ze,pt,o,r),Pe=qh(ze,pt,o,r);return d.createElement(t.Month,{"data-animated-month":e.animate?"true":void 0,className:i[O.Month],style:b==null?void 0:b[O.Month],key:q,displayIndex:q,calendarMonth:F},d.createElement(t.MonthCaption,{"data-animated-caption":e.animate?"true":void 0,className:i[O.MonthCaption],style:b==null?void 0:b[O.MonthCaption],calendarMonth:F,displayIndex:q},l!=null&&l.startsWith("dropdown")?d.createElement(t.DropdownNav,{className:i[O.Dropdowns],style:b==null?void 0:b[O.Dropdowns]},l==="dropdown"||l==="dropdown-months"?d.createElement(t.MonthsDropdown,{className:i[O.MonthsDropdown],"aria-label":As(),classNames:i,components:t,disabled:!!e.disableNavigation,onChange:Zs(F.date),options:P,style:b==null?void 0:b[O.Dropdown],value:r.getMonth(F.date)}):d.createElement("span",{role:"status","aria-live":"polite"},E(F.date,r)),l==="dropdown"||l==="dropdown-years"?d.createElement(t.YearsDropdown,{className:i[O.YearsDropdown],"aria-label":Bs(r.options),classNames:i,components:t,disabled:!!e.disableNavigation,onChange:Qs(F.date),options:Pe,style:b==null?void 0:b[O.Dropdown],value:r.getYear(F.date)}):d.createElement("span",{role:"status","aria-live":"polite"},_(F.date,r))):d.createElement(t.CaptionLabel,{className:i[O.CaptionLabel],role:"status","aria-live":"polite"},C(F.date,r.options,r))),d.createElement(t.MonthGrid,{role:"grid","aria-multiselectable":u==="multiple"||u==="range","aria-label":Rs(F.date,r.options,r)||void 0,className:i[O.MonthGrid],style:b==null?void 0:b[O.MonthGrid]},!e.hideWeekdays&&d.createElement(t.Weekdays,{"data-animated-weekdays":e.animate?"true":void 0,className:i[O.Weekdays],style:b==null?void 0:b[O.Weekdays]},w&&d.createElement(t.WeekNumberHeader,{"aria-label":_s(r.options),className:i[O.WeekNumberHeader],style:b==null?void 0:b[O.WeekNumberHeader],scope:"col"},T()),Ps.map((ue,Ot)=>d.createElement(t.Weekday,{"aria-label":Ws(ue,r.options,r),className:i[O.Weekday],key:Ot,style:b==null?void 0:b[O.Weekday],scope:"col"},N(ue,r.options,r)))),d.createElement(t.Weeks,{"data-animated-weeks":e.animate?"true":void 0,className:i[O.Weeks],style:b==null?void 0:b[O.Weeks]},F.weeks.map((ue,Ot)=>d.createElement(t.Week,{className:i[O.Week],key:ue.weekNumber,style:b==null?void 0:b[O.Week],week:ue},w&&d.createElement(t.WeekNumber,{week:ue,style:b==null?void 0:b[O.WeekNumber],"aria-label":Ls(ue.weekNumber,{locale:s}),className:i[O.WeekNumber],scope:"row",role:"rowheader"},S(ue.weekNumber)),ue.days.map(J=>{const{date:we}=J,L=rt(J);if(L[H.focused]=!L.hidden&&!!(Mt!=null&&Mt.isEqualTo(J)),L[ke.selected]=(Ke==null?void 0:Ke(we))||L.selected,dn(qe)){const{from:so,to:io}=qe;L[ke.range_start]=!!(so&&io&&r.isSameDay(we,so)),L[ke.range_end]=!!(so&&io&&r.isSameDay(we,io)),L[ke.range_middle]=Oe(qe,we,!0,r)}const ni=Vh(L,b,e.modifiersStyles),ri=ih(L,i,e.modifiersClassNames),si=!gn&&!L.hidden?Os(we,L,r.options,r):void 0;return d.createElement(t.Day,{key:`${r.format(we,"yyyy-MM-dd")}_${r.format(J.displayMonth,"yyyy-MM")}`,day:J,modifiers:L,className:ri.join(" "),style:ni,role:"gridcell","aria-selected":L.selected||void 0,"aria-label":si,"data-day":r.format(we,"yyyy-MM-dd"),"data-month":J.outside?r.format(we,"yyyy-MM"):void 0,"data-selected":L.selected||void 0,"data-disabled":L.disabled||void 0,"data-hidden":L.hidden||void 0,"data-outside":J.outside||void 0,"data-focused":L.focused||void 0,"data-today":L.today||void 0},!L.hidden&&gn?d.createElement(t.DayButton,{className:i[O.DayButton],style:b==null?void 0:b[O.DayButton],type:"button",day:J,modifiers:L,disabled:L.disabled||void 0,tabIndex:Ms(J)?0:-1,"aria-label":Ns(we,L,r.options,r),onClick:Us(J,L),onBlur:Vs(J,L),onFocus:Ys(J,L),onKeyDown:Ks(J,L),onMouseEnter:qs(J,L),onMouseLeave:Xs(J,L)},$(we,r.options,r)):!L.hidden&&$(J.date,r.options,r))}))))))})),e.footer&&d.createElement(t.Footer,{className:i[O.Footer],style:b==null?void 0:b[O.Footer],role:"status","aria-live":"polite"},e.footer)))}const Mm=d.memo(({...e})=>a.jsx(Nm,{mode:"single",...e})),Nm=h(zm)`
|
|
2622
|
+
`;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 G;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(G||(G={}));var ve;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(ve||(ve={}));var se;(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"})(se||(se={}));const ho={},vt={};function jt(e,t){try{const n=(ho[e]||(ho[e]=new Intl.DateTimeFormat("en-GB",{timeZone:e,hour:"numeric",timeZoneName:"longOffset"}).format))(t).split("GMT")[1]||"";return n in vt?vt[n]:Mn(n,n.split(":"))}catch{if(e in vt)return vt[e];const o=e==null?void 0:e.match(Ep);return o?Mn(e,o.slice(1)):NaN}}const Ep=/([+-]\d\d):?(\d\d)?/;function Mn(e,t){const o=+t[0],n=+(t[1]||0);return vt[e]=o>0?o*60+n:o*60-n}class Te extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(jt(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)),ys(this),No(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Te(...o,t):new Te(Date.now(),t)}withTimeZone(t){return new Te(+this,t)}getTimezoneOffset(){return-jt(this.timeZone,this)}setTime(t){return Date.prototype.setTime.apply(this,arguments),No(this),+this}[Symbol.for("constructDateFrom")](t){return new Te(+new Date(t),this.timeZone)}}const On=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!On.test(e))return;const t=e.replace(On,"$1UTC");Te.prototype[t]&&(e.startsWith("get")?Te.prototype[e]=function(){return this.internal[t]()}:(Te.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),Ip(this),+this},Te.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),No(this),+this}))});function No(e){e.internal.setTime(+e),e.internal.setUTCMinutes(e.internal.getUTCMinutes()-e.getTimezoneOffset())}function Ip(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()),ys(e)}function ys(e){const t=jt(e.timeZone,e),o=new Date(+e);o.setUTCHours(o.getUTCHours()-1);const n=-new Date(+e).getTimezoneOffset(),r=-new Date(+o).getTimezoneOffset(),s=n-r,i=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();s&&i&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+s);const l=n-t;l&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+l);const u=jt(e.timeZone,e),g=-new Date(+e).getTimezoneOffset()-u,p=u!==t,m=g-l;if(p&&m){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+m);const y=jt(e.timeZone,e),x=u-y;x&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+x),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+x))}}class ot extends Te{static tz(t,...o){return o.length?new ot(...o,t):new ot(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} (${Np(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 ot(+this,t)}[Symbol.for("constructDateFrom")](t){return new ot(+new Date(t),this.timeZone)}}function Np(e,t){return new Intl.DateTimeFormat("en-GB",{timeZone:e,timeZoneName:"long"}).format(t).slice(12)}function mo(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}function yt(e){return(t,o)=>{const n=o!=null&&o.context?String(o.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const i=e.defaultFormattingWidth||e.defaultWidth,l=o!=null&&o.width?String(o.width):i;r=e.formattingValues[l]||e.formattingValues[i]}else{const i=e.defaultWidth,l=o!=null&&o.width?String(o.width):e.defaultWidth;r=e.values[l]||e.values[i]}const s=e.argumentCallback?e.argumentCallback(t):t;return r[s]}}function kt(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 i=s[0],l=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(l)?Mp(l,p=>p.test(i)):zp(l,p=>p.test(i));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const g=t.slice(i.length);return{value:f,rest:g}}}function zp(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function Mp(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function Op(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 i=e.valueCallback?e.valueCallback(s[0]):s[0];i=o.valueCallback?o.valueCallback(i):i;const l=t.slice(r.length);return{value:i,rest:l}}}const Rp={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"}},Ap=(e,t,o)=>{let n;const r=Rp[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},Fp={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Lp=(e,t,o,n)=>Fp[e],Wp={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},_p={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Bp={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"]},Pp={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"]},Hp={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"}},Gp={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"}},Up=(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"},Yp={ordinalNumber:Up,era:yt({values:Wp,defaultWidth:"wide"}),quarter:yt({values:_p,defaultWidth:"wide",argumentCallback:e=>e-1}),month:yt({values:Bp,defaultWidth:"wide"}),day:yt({values:Pp,defaultWidth:"wide"}),dayPeriod:yt({values:Hp,defaultWidth:"wide",formattingValues:Gp,defaultFormattingWidth:"wide"})},Vp=/^(\d+)(th|st|nd|rd)?/i,Kp=/\d+/i,qp={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},Xp={any:[/^b/i,/^(a|c)/i]},Zp={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Qp={any:[/1/i,/2/i,/3/i,/4/i]},Jp={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},eh={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]},th={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},oh={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]},nh={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},rh={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}},sh={ordinalNumber:Op({matchPattern:Vp,parsePattern:Kp,valueCallback:e=>parseInt(e,10)}),era:kt({matchPatterns:qp,defaultMatchWidth:"wide",parsePatterns:Xp,defaultParseWidth:"any"}),quarter:kt({matchPatterns:Zp,defaultMatchWidth:"wide",parsePatterns:Qp,defaultParseWidth:"any",valueCallback:e=>e+1}),month:kt({matchPatterns:Jp,defaultMatchWidth:"wide",parsePatterns:eh,defaultParseWidth:"any"}),day:kt({matchPatterns:th,defaultMatchWidth:"wide",parsePatterns:oh,defaultParseWidth:"any"}),dayPeriod:kt({matchPatterns:nh,defaultMatchWidth:"any",parsePatterns:rh,defaultParseWidth:"any"})},ih={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},ah={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},lh={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},ch={date:mo({formats:ih,defaultWidth:"full"}),time:mo({formats:ah,defaultWidth:"full"}),dateTime:mo({formats:lh,defaultWidth:"full"})},ks={code:"en-US",formatDistance:Ap,formatLong:ch,formatRelative:Lp,localize:Yp,match:sh,options:{weekStartsOn:0,firstWeekContainsDate:1}},Rn=5,dh=4;function uh(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,Rn*7-1);return t.getMonth(e)===t.getMonth(s)?Rn:dh}function vs(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 fh(e,t){const o=vs(e,t),n=uh(e,t);return t.addDays(o,n*7-1)}class Be{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?ot.tz(this.options.timeZone):new this.Date},this.newDate=(n,r,s)=>{var i;return(i=this.overrides)!=null&&i.newDate?this.overrides.newDate(n,r,s):this.options.timeZone?new ot(n,r,s,this.options.timeZone):new Date(n,r,s)},this.addDays=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addDays)==null?void 0:i.call(s,n,r))??L.addDays(n,r)},this.addMonths=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addMonths)==null?void 0:i.call(s,n,r))??L.addMonths(n,r)},this.addWeeks=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addWeeks)==null?void 0:i.call(s,n,r))??L.addWeeks(n,r)},this.addYears=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.addYears)==null?void 0:i.call(s,n,r))??L.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.differenceInCalendarDays)==null?void 0:i.call(s,n,r))??L.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.differenceInCalendarMonths)==null?void 0:i.call(s,n,r))??L.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.eachMonthOfInterval)==null?void 0:s.call(r,n))??L.eachMonthOfInterval(n)},this.endOfBroadcastWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.endOfBroadcastWeek)==null?void 0:i.call(s,n,r))??fh(n,this)},this.endOfISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfISOWeek)==null?void 0:s.call(r,n))??L.endOfISOWeek(n)},this.endOfMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfMonth)==null?void 0:s.call(r,n))??L.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.endOfWeek)==null?void 0:i.call(s,n,r??this.options))??L.endOfWeek(n,r??this.options)},this.endOfYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.endOfYear)==null?void 0:s.call(r,n))??L.endOfYear(n)},this.format=(n,r,s)=>{var l,u;const i=((u=(l=this.overrides)==null?void 0:l.format)==null?void 0:u.call(l,n,r,s??this.options))??L.format(n,r,s??this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(i):i},this.getISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getISOWeek)==null?void 0:s.call(r,n))??L.getISOWeek(n)},this.getMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getMonth)==null?void 0:s.call(r,n))??L.getMonth(n)},this.getYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.getYear)==null?void 0:s.call(r,n))??L.getYear(n)},this.getWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.getWeek)==null?void 0:i.call(s,n,r??this.options))??L.getWeek(n,r??this.options)},this.isAfter=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isAfter)==null?void 0:i.call(s,n,r))??L.isAfter(n,r)},this.isBefore=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isBefore)==null?void 0:i.call(s,n,r))??L.isBefore(n,r)},this.isDate=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.isDate)==null?void 0:s.call(r,n))??L.isDate(n)},this.isSameDay=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameDay)==null?void 0:i.call(s,n,r))??L.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameMonth)==null?void 0:i.call(s,n,r))??L.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.isSameYear)==null?void 0:i.call(s,n,r))??L.isSameYear(n,r)},this.max=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.max)==null?void 0:s.call(r,n))??L.max(n)},this.min=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.min)==null?void 0:s.call(r,n))??L.min(n)},this.setMonth=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.setMonth)==null?void 0:i.call(s,n,r))??L.setMonth(n,r)},this.setYear=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.setYear)==null?void 0:i.call(s,n,r))??L.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s,i;return((i=(s=this.overrides)==null?void 0:s.startOfBroadcastWeek)==null?void 0:i.call(s,n,r??this))??vs(n,r??this)},this.startOfDay=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfDay)==null?void 0:s.call(r,n))??L.startOfDay(n)},this.startOfISOWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfISOWeek)==null?void 0:s.call(r,n))??L.startOfISOWeek(n)},this.startOfMonth=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfMonth)==null?void 0:s.call(r,n))??L.startOfMonth(n)},this.startOfWeek=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfWeek)==null?void 0:s.call(r,n))??L.startOfWeek(n,this.options)},this.startOfYear=n=>{var r,s;return((s=(r=this.overrides)==null?void 0:r.startOfYear)==null?void 0:s.call(r,n))??L.startOfYear(n)},this.options={locale:ks,...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 Pe=new Be;function gh(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[G[s]]?r.push(t[G[s]]):t[ve[s]]&&r.push(t[ve[s]]),r),[t[R.Day]])}function ph(e){return d.createElement("button",{...e})}function hh(e){return d.createElement("span",{...e})}function mh(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.612 14.1888889 12.5 8 6.37733333 9.91111111 4.5 18 12.5 9.91111111 20.5"}))}function bh(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function xh(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})}function yh(e){const{options:t,className:o,components:n,classNames:r,...s}=e,i=[r[R.Dropdown],o].join(" "),l=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:i,...s},t==null?void 0:t.map(({value:u,label:f,disabled:g})=>d.createElement(n.Option,{key:u,value:u,disabled:g},f))),d.createElement("span",{className:r[R.CaptionLabel],"aria-hidden":!0},l==null?void 0:l.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[R.Chevron]})))}function kh(e){return d.createElement("div",{...e})}function vh(e){return d.createElement("div",{...e})}function wh(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function Ch(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function $h(e){return d.createElement("table",{...e})}function Sh(e){return d.createElement("div",{...e})}const ws=d.createContext(void 0);function zt(){const e=d.useContext(ws);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function jh(e){const{components:t}=zt();return d.createElement(t.Dropdown,{...e})}function Dh(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:i,classNames:l,labels:{labelPrevious:u,labelNext:f}}=zt(),g=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),p=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(i.PreviousMonthButton,{type:"button",className:l[R.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:p},d.createElement(i.Chevron,{disabled:n?void 0:!0,className:l[R.Chevron],orientation:"left"})),d.createElement(i.NextMonthButton,{type:"button",className:l[R.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":f(r),onClick:g},d.createElement(i.Chevron,{disabled:r?void 0:!0,orientation:"right",className:l[R.Chevron]})))}function Th(e){const{components:t}=zt();return d.createElement(t.Button,{...e})}function Eh(e){return d.createElement("option",{...e})}function Ih(e){const{components:t}=zt();return d.createElement(t.Button,{...e})}function Nh(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function zh(e){return d.createElement("select",{...e})}function Mh(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function Oh(e){return d.createElement("th",{...e})}function Rh(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function Ah(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function Fh(e){return d.createElement("th",{...e})}function Lh(e){return d.createElement("tbody",{...e})}function Wh(e){const{components:t}=zt();return d.createElement(t.Dropdown,{...e})}const _h=Object.freeze(Object.defineProperty({__proto__:null,Button:ph,CaptionLabel:hh,Chevron:mh,Day:bh,DayButton:xh,Dropdown:yh,DropdownNav:kh,Footer:vh,Month:wh,MonthCaption:Ch,MonthGrid:$h,Months:Sh,MonthsDropdown:jh,Nav:Dh,NextMonthButton:Th,Option:Eh,PreviousMonthButton:Ih,Root:Nh,Select:zh,Week:Mh,WeekNumber:Ah,WeekNumberHeader:Fh,Weekday:Oh,Weekdays:Rh,Weeks:Lh,YearsDropdown:Wh},Symbol.toStringTag,{value:"Module"}));function Bh(e){return{..._h,...e}}function Ph(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};return Object.entries(e).forEach(([o,n])=>{o.startsWith("data-")&&(t[o]=n)}),t}function Hh(){const e={};for(const t in R)e[R[t]]=`rdp-${R[t]}`;for(const t in G)e[G[t]]=`rdp-${G[t]}`;for(const t in ve)e[ve[t]]=`rdp-${ve[t]}`;for(const t in se)e[se[t]]=`rdp-${se[t]}`;return e}function Cs(e,t,o){return(o??new Be(t)).format(e,"LLLL y")}const Gh=Cs;function Uh(e,t,o){return(o??new Be(t)).format(e,"d")}function Yh(e,t=Pe){return t.format(e,"LLLL")}function Vh(e){return e<10?`0${e.toLocaleString()}`:`${e.toLocaleString()}`}function Kh(){return""}function qh(e,t,o){return(o??new Be(t)).format(e,"cccccc")}function $s(e,t=Pe){return t.format(e,"yyyy")}const Xh=$s,Zh=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:Cs,formatDay:Uh,formatMonthCaption:Gh,formatMonthDropdown:Yh,formatWeekNumber:Vh,formatWeekNumberHeader:Kh,formatWeekdayName:qh,formatYearCaption:Xh,formatYearDropdown:$s},Symbol.toStringTag,{value:"Module"}));function Qh(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...Zh,...e}}function Jh(e,t,o,n,r){const{startOfMonth:s,startOfYear:i,endOfYear:l,eachMonthOfInterval:u,getMonth:f}=r;return u({start:i(e),end:l(e)}).map(m=>{const y=n.formatMonthDropdown(m,r),x=f(m),v=t&&m<s(t)||o&&m>s(o)||!1;return{value:x,label:y,disabled:v}})}function em(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 tm(e,t,o){const n=e.today(),r=o?e.startOfBroadcastWeek(n,e):t?e.startOfISOWeek(n):e.startOfWeek(n),s=[];for(let i=0;i<7;i++){const l=e.addDays(r,i);s.push(l)}return s}function om(e,t,o,n){if(!e||!t)return;const{startOfYear:r,endOfYear:s,addYears:i,getYear:l,isBefore:u,isSameYear:f}=n,g=r(e),p=s(t),m=[];let y=g;for(;u(y,p)||f(y,p);)m.push(y),y=i(y,1);return m.map(x=>{const v=o.formatYearDropdown(x,n);return{value:l(x),label:v,disabled:!1}})}function Ss(e,t,o){return(o??new Be(t)).format(e,"LLLL y")}const nm=Ss;function rm(e,t,o,n){let r=(n??new Be(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function js(e,t,o,n){let r=(n??new Be(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const sm=js;function im(){return""}function am(e){return"Choose the Month"}function lm(e){return"Go to the Next Month"}function cm(e){return"Go to the Previous Month"}function dm(e,t,o){return(o??new Be(t)).format(e,"cccc")}function um(e,t){return`Week ${e}`}function fm(e){return"Week Number"}function gm(e){return"Choose the Year"}const pm=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:nm,labelDay:sm,labelDayButton:js,labelGrid:Ss,labelGridcell:rm,labelMonthDropdown:am,labelNav:im,labelNext:lm,labelPrevious:cm,labelWeekNumber:um,labelWeekNumberHeader:fm,labelWeekday:dm,labelYearDropdown:gm},Symbol.toStringTag,{value:"Module"}));function hm(e,t,{classNames:o,months:n,focused:r,dateLib:s}){const i=d.useRef(null),l=d.useRef(n),u=d.useRef(!1);d.useLayoutEffect(()=>{const f=l.current;if(l.current=n,!t||!e.current||!(e.current instanceof HTMLElement))return;const g=i.current,p=e.current.cloneNode(!0);if(p instanceof HTMLElement?([...p.querySelectorAll("[data-animated-month]")??[]].forEach(k=>{const w=k.querySelector("[data-animated-month]");w&&k.contains(w)&&k.removeChild(w)}),i.current=p):i.current=null,n.length===0||f.length===0||n.length!==f.length||r||u.current||s.isSameMonth(n[0].date,f[0].date))return;const y=[...(g==null?void 0:g.querySelectorAll("[data-animated-month]"))??[]],x=[...e.current.querySelectorAll("[data-animated-month]")??[]];if(x&&x.every(v=>v instanceof HTMLElement)&&y&&y.every(v=>v instanceof HTMLElement)){u.current=!0;const v=s.isAfter(n[0].date,f[0].date);x.forEach((k,w)=>{const b=y[w];if(!b)return;const C=v?o[se.caption_after_enter]:o[se.caption_before_enter],$=v?o[se.weeks_after_enter]:o[se.weeks_before_enter];k.style.position="relative",k.style.overflow="hidden";const T=k.querySelector("[data-animated-caption]");T&&T instanceof HTMLElement&&T.classList.add(C);const S=k.querySelector("[data-animated-weeks]");S&&S instanceof HTMLElement&&S.classList.add($);const D=()=>{u.current=!1,T&&T instanceof HTMLElement&&T.classList.remove(C),S&&S instanceof HTMLElement&&S.classList.remove($),k.style.position="",k.style.overflow="",k.contains(b)&&k.removeChild(b)};b.style.pointerEvents="none",b.style.position="absolute",b.style.overflow="hidden",b.setAttribute("aria-hidden","true");const z=b.querySelector("[data-animated-weekdays]");z&&z instanceof HTMLElement&&(z.style.opacity="0");const B=b.querySelector("[data-animated-caption]");B&&B instanceof HTMLElement&&(B.classList.add(v?o[se.caption_before_exit]:o[se.caption_after_exit]),B.addEventListener("animationend",D));const V=b.querySelector("[data-animated-weeks]");V&&V instanceof HTMLElement&&V.classList.add(v?o[se.weeks_before_exit]:o[se.weeks_after_exit]),k.insertBefore(b,k.firstChild)})}})}function mm(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:i,fixedWeeks:l,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:g,differenceInCalendarMonths:p,endOfBroadcastWeek:m,endOfISOWeek:y,endOfMonth:x,endOfWeek:v,isAfter:k,startOfBroadcastWeek:w,startOfISOWeek:b,startOfWeek:C}=n,$=u?w(r,n):i?b(r):C(r),T=u?m(s,n):i?y(x(s)):v(x(s)),S=g(T,$),D=p(s,r)+1,z=[];for(let P=0;P<=S;P++){const U=f($,P);if(t&&k(U,t))break;z.push(U)}const V=(u?35:42)*D;if(l&&z.length<V){const P=V-z.length;for(let U=0;U<P;U++){const Me=f(z[z.length-1],1);z.push(Me)}}return z}function bm(e){const t=[];return e.reduce((o,n)=>{const r=[],s=n.weeks.reduce((i,l)=>[...i,...l.days],r);return[...o,...s]},t)}function xm(e,t,o,n){const{numberOfMonths:r=1}=o,s=[];for(let i=0;i<r;i++){const l=n.addMonths(e,i);if(t&&l>t)break;s.push(l)}return s}function An(e,t){const{month:o,defaultMonth:n,today:r=t.today(),numberOfMonths:s=1,endMonth:i,startMonth:l}=e;let u=o||n||r;const{differenceInCalendarMonths:f,addMonths:g,startOfMonth:p}=t;if(i&&f(i,u)<0){const m=-1*(s-1);u=g(i,m)}return l&&f(u,l)<0&&(u=l),p(u)}class Ds{constructor(t,o,n=Pe){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 ym{constructor(t,o){this.date=t,this.weeks=o}}class km{constructor(t,o){this.days=o,this.weekNumber=t}}function vm(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:i,endOfMonth:l,endOfWeek:u,getISOWeek:f,getWeek:g,startOfBroadcastWeek:p,startOfISOWeek:m,startOfWeek:y}=n,x=e.reduce((v,k)=>{const w=o.broadcastCalendar?p(k,n):o.ISOWeek?m(k):y(k),b=o.broadcastCalendar?s(k,n):o.ISOWeek?i(l(k)):u(l(k)),C=t.filter(D=>D>=w&&D<=b),$=o.broadcastCalendar?35:42;if(o.fixedWeeks&&C.length<$){const D=t.filter(z=>{const B=$-C.length;return z>b&&z<=r(b,B)});C.push(...D)}const T=C.reduce((D,z)=>{const B=o.ISOWeek?f(z):g(z),V=D.find(U=>U.weekNumber===B),P=new Ds(z,k,n);return V?V.days.push(P):D.push(new km(B,[P])),D},[]),S=new ym(k,T);return v.push(S),v},[]);return o.reverseMonths?x.reverse():x}function wm(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:i,endOfMonth:l,addYears:u,endOfYear:f,newDate:g,today:p}=t,{fromYear:m,toYear:y,fromMonth:x,toMonth:v}=e;!o&&x&&(o=x),!o&&m&&(o=t.newDate(m,0,1)),!n&&v&&(n=v),!n&&y&&(n=g(y,11,31));const k=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=i(o):m?o=g(m,0,1):!o&&k&&(o=r(u(e.today??p(),-100))),n?n=l(n):y?n=g(y,11,31):!n&&k&&(n=f(e.today??p())),[o&&s(o),n&&s(n)]}function Cm(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:i,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s:1,g=i(e);if(!t)return l(g,f);if(!(u(t,e)<s))return l(g,f)}function $m(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:i,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s??1:1,g=i(e);if(!t)return l(g,-f);if(!(u(g,t)<=0))return l(g,-f)}function Sm(e){const t=[];return e.reduce((o,n)=>[...o,...n.weeks],t)}function ro(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function jm(e,t){const[o,n]=wm(e,t),{startOfMonth:r,endOfMonth:s}=t,i=An(e,t),[l,u]=ro(i,e.month?i:void 0);d.useEffect(()=>{const S=An(e,t);u(S)},[e.timeZone]);const f=xm(l,n,e,t),g=mm(f,e.endMonth?s(e.endMonth):void 0,e,t),p=vm(f,g,e,t),m=Sm(p),y=bm(p),x=$m(l,o,e,t),v=Cm(l,n,e,t),{disableNavigation:k,onMonthChange:w}=e,b=S=>m.some(D=>D.days.some(z=>z.isEqualTo(S))),C=S=>{if(k)return;let D=r(S);o&&D<r(o)&&(D=r(o)),n&&D>r(n)&&(D=r(n)),u(D),w==null||w(D)};return{months:p,weeks:m,days:y,navStart:o,navEnd:n,previousMonth:x,nextMonth:v,goToMonth:C,goToDay:S=>{b(S)||C(S.date)}}}function Dm(e,t,o,n){let r,s=0,i=!1;for(;s<e.length&&!i;){const l=e[s],u=t(l);!u[G.disabled]&&!u[G.hidden]&&!u[G.outside]&&(u[G.focused]||n!=null&&n.isEqualTo(l)||o(l.date)||u[G.today])&&(r=l,i=!0),s++}return r||(r=e.find(l=>{const u=t(l);return!u[G.disabled]&&!u[G.hidden]&&!u[G.outside]})),r}function Ae(e,t,o=!1,n=Pe){let{from:r,to:s}=e;const{differenceInCalendarDays:i,isSameDay:l}=n;return r&&s?(i(s,r)<0&&([r,s]=[s,r]),i(t,r)>=(o?1:0)&&i(s,t)>=(o?1:0)):!o&&s?l(s,t):!o&&r?l(r,t):!1}function Ts(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function dn(e){return!!(e&&typeof e=="object"&&"from"in e)}function Es(e){return!!(e&&typeof e=="object"&&"after"in e)}function Is(e){return!!(e&&typeof e=="object"&&"before"in e)}function Ns(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function zs(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Fe(e,t,o=Pe){const n=Array.isArray(t)?t:[t],{isSameDay:r,differenceInCalendarDays:s,isAfter:i}=o;return n.some(l=>{if(typeof l=="boolean")return l;if(o.isDate(l))return r(e,l);if(zs(l,o))return l.includes(e);if(dn(l))return Ae(l,e,!1,o);if(Ns(l))return Array.isArray(l.dayOfWeek)?l.dayOfWeek.includes(e.getDay()):l.dayOfWeek===e.getDay();if(Ts(l)){const u=s(l.before,e),f=s(l.after,e),g=u>0,p=f<0;return i(l.before,l.after)?p&&g:g||p}return Es(l)?s(e,l.after)>0:Is(l)?s(l.before,e)>0:typeof l=="function"?l(e):!1})}function Tm(e,t,o,n,r,s,i){const{ISOWeek:l,broadcastCalendar:u}=s,{addDays:f,addMonths:g,addWeeks:p,addYears:m,endOfBroadcastWeek:y,endOfISOWeek:x,endOfWeek:v,max:k,min:w,startOfBroadcastWeek:b,startOfISOWeek:C,startOfWeek:$}=i;let S={day:f,week:p,month:g,year:m,startOfWeek:D=>u?b(D,i):l?C(D):$(D),endOfWeek:D=>u?y(D,i):l?x(D):v(D)}[e](o,t==="after"?1:-1);return t==="before"&&n?S=k([n,S]):t==="after"&&r&&(S=w([r,S])),S}function Ms(e,t,o,n,r,s,i,l=0){if(l>365)return;const u=Tm(e,t,o.date,n,r,s,i),f=!!(s.disabled&&Fe(u,s.disabled,i)),g=!!(s.hidden&&Fe(u,s.hidden,i)),p=u,m=new Ds(u,p,i);return!f&&!g?m:Ms(e,t,m,n,r,s,i,l+1)}function Em(e,t,o,n,r){const{autoFocus:s}=e,[i,l]=d.useState(),u=Dm(t.days,o,n||(()=>!1),i),[f,g]=d.useState(s?u:void 0);return{isFocusTarget:v=>!!(u!=null&&u.isEqualTo(v)),setFocused:g,focused:f,blur:()=>{l(f),g(void 0)},moveFocus:(v,k)=>{if(!f)return;const w=Ms(v,k,f,t.navStart,t.navEnd,e,r);w&&(t.goToDay(w),g(w))}}}function Im(e,t,o){const{disabled:n,hidden:r,modifiers:s,showOutsideDays:i,broadcastCalendar:l,today:u}=t,{isSameDay:f,isSameMonth:g,startOfMonth:p,isBefore:m,endOfMonth:y,isAfter:x}=o,v=t.startMonth&&p(t.startMonth),k=t.endMonth&&y(t.endMonth),w={[G.focused]:[],[G.outside]:[],[G.disabled]:[],[G.hidden]:[],[G.today]:[]},b={};for(const C of e){const{date:$,displayMonth:T}=C,S=!!(T&&!g($,T)),D=!!(v&&m($,v)),z=!!(k&&x($,k)),B=!!(n&&Fe($,n,o)),V=!!(r&&Fe($,r,o))||D||z||!l&&!i&&S||l&&i===!1&&S,P=f($,u??o.today());S&&w.outside.push(C),B&&w.disabled.push(C),V&&w.hidden.push(C),P&&w.today.push(C),s&&Object.keys(s).forEach(U=>{const Me=s==null?void 0:s[U];Me&&Fe($,Me,o)&&(b[U]?b[U].push(C):b[U]=[C])})}return C=>{const $={[G.focused]:!1,[G.disabled]:!1,[G.hidden]:!1,[G.outside]:!1,[G.today]:!1},T={};for(const S in w){const D=w[S];$[S]=D.some(z=>z===C)}for(const S in b)T[S]=b[S].some(D=>D===C);return{...$,...T}}}function Nm(e,t){const{selected:o,required:n,onSelect:r}=e,[s,i]=ro(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t,f=y=>(l==null?void 0:l.some(x=>u(x,y)))??!1,{min:g,max:p}=e;return{selected:l,select:(y,x,v)=>{let k=[...l??[]];if(f(y)){if((l==null?void 0:l.length)===g||n&&(l==null?void 0:l.length)===1)return;k=l==null?void 0:l.filter(w=>!u(w,y))}else(l==null?void 0:l.length)===p?k=[y]:k=[...k,y];return r||i(k),r==null||r(k,y,x,v),k},isSelected:f}}function zm(e,t,o=0,n=0,r=!1,s=Pe){const{from:i,to:l}=t||{},{isSameDay:u,isAfter:f,isBefore:g}=s;let p;if(!i&&!l)p={from:e,to:o>0?void 0:e};else if(i&&!l)u(i,e)?r?p={from:i,to:void 0}:p=void 0:g(e,i)?p={from:e,to:i}:p={from:i,to:e};else if(i&&l)if(u(i,e)&&u(l,e))r?p={from:i,to:l}:p=void 0;else if(u(i,e))p={from:i,to:o>0?void 0:e};else if(u(l,e))p={from:e,to:o>0?void 0:e};else if(g(e,i))p={from:e,to:l};else if(f(e,i))p={from:i,to:e};else if(f(e,l))p={from:i,to:e};else throw new Error("Invalid range");if(p!=null&&p.from&&(p!=null&&p.to)){const m=s.differenceInCalendarDays(p.to,p.from);n>0&&m>n?p={from:e,to:void 0}:o>1&&m<o&&(p={from:e,to:void 0})}return p}function Mm(e,t,o=Pe){const n=Array.isArray(t)?t:[t];let r=e.from;const s=o.differenceInCalendarDays(e.to,e.from),i=Math.min(s,6);for(let l=0;l<=i;l++){if(n.includes(r.getDay()))return!0;r=o.addDays(r,1)}return!1}function Fn(e,t,o=Pe){return Ae(e,t.from,!1,o)||Ae(e,t.to,!1,o)||Ae(t,e.from,!1,o)||Ae(t,e.to,!1,o)}function Om(e,t,o=Pe){const n=Array.isArray(t)?t:[t];if(n.filter(l=>typeof l!="function").some(l=>typeof l=="boolean"?l:o.isDate(l)?Ae(e,l,!1,o):zs(l,o)?l.some(u=>Ae(e,u,!1,o)):dn(l)?l.from&&l.to?Fn(e,{from:l.from,to:l.to},o):!1:Ns(l)?Mm(e,l.dayOfWeek,o):Ts(l)?o.isAfter(l.before,l.after)?Fn(e,{from:o.addDays(l.after,1),to:o.addDays(l.before,-1)},o):Fe(e.from,l,o)||Fe(e.to,l,o):Es(l)||Is(l)?Fe(e.from,l,o)||Fe(e.to,l,o):!1))return!0;const i=n.filter(l=>typeof l=="function");if(i.length){let l=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let f=0;f<=u;f++){if(i.some(g=>g(l)))return!0;l=o.addDays(l,1)}}return!1}function Rm(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:i}=e,[l,u]=ro(r,i?r:void 0),f=i?r:l;return{selected:f,select:(m,y,x)=>{const{min:v,max:k}=e,w=m?zm(m,f,v,k,s,t):void 0;return n&&o&&(w!=null&&w.from)&&w.to&&Om({from:w.from,to:w.to},o,t)&&(w.from=m,w.to=void 0),i||u(w),i==null||i(w,m,y,x),w},isSelected:m=>f&&Ae(f,m,!1,t)}}function Am(e,t){const{selected:o,required:n,onSelect:r}=e,[s,i]=ro(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t;return{selected:l,select:(p,m,y)=>{let x=p;return!n&&l&&l&&u(p,l)&&(x=void 0),r||i(x),r==null||r(x,p,m,y),x},isSelected:p=>l?u(l,p):!1}}function Fm(e,t){const o=Am(e,t),n=Nm(e,t),r=Rm(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function Lm(e){const{components:t,formatters:o,labels:n,dateLib:r,locale:s,classNames:i}=d.useMemo(()=>{const F={...ks,...e.locale};return{dateLib:new Be({locale:F,weekStartsOn:e.broadcastCalendar?1:e.weekStartsOn,firstWeekContainsDate:e.firstWeekContainsDate,useAdditionalWeekYearTokens:e.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:e.useAdditionalDayOfYearTokens,timeZone:e.timeZone,numerals:e.numerals},e.dateLib),components:Bh(e.components),formatters:Qh(e.formatters),labels:{...pm,...e.labels},locale:F,classNames:{...Hh(),...e.classNames}}},[e.locale,e.broadcastCalendar,e.weekStartsOn,e.firstWeekContainsDate,e.useAdditionalWeekYearTokens,e.useAdditionalDayOfYearTokens,e.timeZone,e.numerals,e.dateLib,e.components,e.formatters,e.labels,e.classNames]),{captionLayout:l,mode:u,onDayBlur:f,onDayClick:g,onDayFocus:p,onDayKeyDown:m,onDayMouseEnter:y,onDayMouseLeave:x,onNextClick:v,onPrevClick:k,showWeekNumber:w,styles:b}=e,{formatCaption:C,formatDay:$,formatMonthDropdown:T,formatWeekNumber:S,formatWeekNumberHeader:D,formatWeekdayName:z,formatYearDropdown:B}=o,V=jm(e,r),{days:P,months:U,navStart:Me,navEnd:pt,previousMonth:He,nextMonth:Ge,goToMonth:ue}=V,rt=Im(P,e,r),{isSelected:qe,select:Q,selected:Xe}=Fm(e,r)??{},{blur:un,focused:Mt,isFocusTarget:Os,moveFocus:fn,setFocused:Ot}=Em(e,V,rt,qe??(()=>!1),r),{labelDayButton:Rs,labelGridcell:As,labelGrid:Fs,labelMonthDropdown:Ls,labelNav:Ws,labelWeekday:_s,labelWeekNumber:Bs,labelWeekNumberHeader:Ps,labelYearDropdown:Hs}=n,Gs=d.useMemo(()=>tm(r,e.ISOWeek),[r,e.ISOWeek]),gn=u!==void 0||g!==void 0,Us=d.useCallback(()=>{He&&(ue(He),k==null||k(He))},[He,ue,k]),Ys=d.useCallback(()=>{Ge&&(ue(Ge),v==null||v(Ge))},[ue,Ge,v]),Vs=d.useCallback((F,q)=>H=>{H.preventDefault(),H.stopPropagation(),Ot(F),Q==null||Q(F.date,q,H),g==null||g(F.date,q,H)},[Q,g,Ot]),Ks=d.useCallback((F,q)=>H=>{Ot(F),p==null||p(F.date,q,H)},[p,Ot]),qs=d.useCallback((F,q)=>H=>{un(),f==null||f(F.date,q,H)},[un,f]),Xs=d.useCallback((F,q)=>H=>{const Ue={ArrowLeft:["day",e.dir==="rtl"?"after":"before"],ArrowRight:["day",e.dir==="rtl"?"before":"after"],ArrowDown:["week","after"],ArrowUp:["week","before"],PageUp:[H.shiftKey?"year":"month","before"],PageDown:[H.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(Ue[H.key]){H.preventDefault(),H.stopPropagation();const[fe,Rt]=Ue[H.key];fn(fe,Rt)}m==null||m(F.date,q,H)},[fn,m,e.dir]),Zs=d.useCallback((F,q)=>H=>{y==null||y(F.date,q,H)},[y]),Qs=d.useCallback((F,q)=>H=>{x==null||x(F.date,q,H)},[x]),Js=d.useCallback(F=>q=>{const H=Number(q.target.value),Ue=r.setMonth(r.startOfMonth(F),H);ue(Ue)},[r,ue]),ei=d.useCallback(F=>q=>{const H=Number(q.target.value),Ue=r.setYear(r.startOfMonth(F),H);ue(Ue)},[r,ue]),{className:ti,style:oi}=d.useMemo(()=>({className:[i[R.Root],e.className].filter(Boolean).join(" "),style:{...b==null?void 0:b[R.Root],...e.style}}),[i,e.className,e.style,b]),ni=Ph(e),pn=d.useRef(null);hm(pn,!!e.animate,{classNames:i,months:U,focused:Mt,dateLib:r});const ri={dayPickerProps:e,selected:Xe,select:Q,isSelected:qe,months:U,nextMonth:Ge,previousMonth:He,goToMonth:ue,getModifiers:rt,components:t,classNames:i,styles:b,labels:n,formatters:o};return d.createElement(ws.Provider,{value:ri},d.createElement(t.Root,{rootRef:e.animate?pn:void 0,className:ti,style:oi,dir:e.dir,id:e.id,lang:e.lang,nonce:e.nonce,title:e.title,role:e.role,"aria-label":e["aria-label"],...ni},d.createElement(t.Months,{className:i[R.Months],style:b==null?void 0:b[R.Months]},!e.hideNavigation&&d.createElement(t.Nav,{className:i[R.Nav],style:b==null?void 0:b[R.Nav],"aria-label":Ws(),onPreviousClick:Us,onNextClick:Ys,previousMonth:He,nextMonth:Ge}),U.map((F,q)=>{const H=Jh(F.date,Me,pt,o,r),Ue=om(Me,pt,o,r);return d.createElement(t.Month,{"data-animated-month":e.animate?"true":void 0,className:i[R.Month],style:b==null?void 0:b[R.Month],key:q,displayIndex:q,calendarMonth:F},d.createElement(t.MonthCaption,{"data-animated-caption":e.animate?"true":void 0,className:i[R.MonthCaption],style:b==null?void 0:b[R.MonthCaption],calendarMonth:F,displayIndex:q},l!=null&&l.startsWith("dropdown")?d.createElement(t.DropdownNav,{className:i[R.Dropdowns],style:b==null?void 0:b[R.Dropdowns]},l==="dropdown"||l==="dropdown-months"?d.createElement(t.MonthsDropdown,{className:i[R.MonthsDropdown],"aria-label":Ls(),classNames:i,components:t,disabled:!!e.disableNavigation,onChange:Js(F.date),options:H,style:b==null?void 0:b[R.Dropdown],value:r.getMonth(F.date)}):d.createElement("span",{role:"status","aria-live":"polite"},T(F.date,r)),l==="dropdown"||l==="dropdown-years"?d.createElement(t.YearsDropdown,{className:i[R.YearsDropdown],"aria-label":Hs(r.options),classNames:i,components:t,disabled:!!e.disableNavigation,onChange:ei(F.date),options:Ue,style:b==null?void 0:b[R.Dropdown],value:r.getYear(F.date)}):d.createElement("span",{role:"status","aria-live":"polite"},B(F.date,r))):d.createElement(t.CaptionLabel,{className:i[R.CaptionLabel],role:"status","aria-live":"polite"},C(F.date,r.options,r))),d.createElement(t.MonthGrid,{role:"grid","aria-multiselectable":u==="multiple"||u==="range","aria-label":Fs(F.date,r.options,r)||void 0,className:i[R.MonthGrid],style:b==null?void 0:b[R.MonthGrid]},!e.hideWeekdays&&d.createElement(t.Weekdays,{"data-animated-weekdays":e.animate?"true":void 0,className:i[R.Weekdays],style:b==null?void 0:b[R.Weekdays]},w&&d.createElement(t.WeekNumberHeader,{"aria-label":Ps(r.options),className:i[R.WeekNumberHeader],style:b==null?void 0:b[R.WeekNumberHeader],scope:"col"},D()),Gs.map((fe,Rt)=>d.createElement(t.Weekday,{"aria-label":_s(fe,r.options,r),className:i[R.Weekday],key:Rt,style:b==null?void 0:b[R.Weekday],scope:"col"},z(fe,r.options,r)))),d.createElement(t.Weeks,{"data-animated-weeks":e.animate?"true":void 0,className:i[R.Weeks],style:b==null?void 0:b[R.Weeks]},F.weeks.map((fe,Rt)=>d.createElement(t.Week,{className:i[R.Week],key:fe.weekNumber,style:b==null?void 0:b[R.Week],week:fe},w&&d.createElement(t.WeekNumber,{week:fe,style:b==null?void 0:b[R.WeekNumber],"aria-label":Bs(fe.weekNumber,{locale:s}),className:i[R.WeekNumber],scope:"row",role:"rowheader"},S(fe.weekNumber)),fe.days.map(J=>{const{date:Ce}=J,_=rt(J);if(_[G.focused]=!_.hidden&&!!(Mt!=null&&Mt.isEqualTo(J)),_[ve.selected]=(qe==null?void 0:qe(Ce))||_.selected,dn(Xe)){const{from:so,to:io}=Xe;_[ve.range_start]=!!(so&&io&&r.isSameDay(Ce,so)),_[ve.range_end]=!!(so&&io&&r.isSameDay(Ce,io)),_[ve.range_middle]=Ae(Xe,Ce,!0,r)}const si=em(_,b,e.modifiersStyles),ii=gh(_,i,e.modifiersClassNames),ai=!gn&&!_.hidden?As(Ce,_,r.options,r):void 0;return d.createElement(t.Day,{key:`${r.format(Ce,"yyyy-MM-dd")}_${r.format(J.displayMonth,"yyyy-MM")}`,day:J,modifiers:_,className:ii.join(" "),style:si,role:"gridcell","aria-selected":_.selected||void 0,"aria-label":ai,"data-day":r.format(Ce,"yyyy-MM-dd"),"data-month":J.outside?r.format(Ce,"yyyy-MM"):void 0,"data-selected":_.selected||void 0,"data-disabled":_.disabled||void 0,"data-hidden":_.hidden||void 0,"data-outside":J.outside||void 0,"data-focused":_.focused||void 0,"data-today":_.today||void 0},!_.hidden&&gn?d.createElement(t.DayButton,{className:i[R.DayButton],style:b==null?void 0:b[R.DayButton],type:"button",day:J,modifiers:_,disabled:_.disabled||void 0,tabIndex:Os(J)?0:-1,"aria-label":Rs(Ce,_,r.options,r),onClick:Vs(J,_),onBlur:qs(J,_),onFocus:Ks(J,_),onKeyDown:Xs(J,_),onMouseEnter:Zs(J,_),onMouseLeave:Qs(J,_)},$(Ce,r.options,r)):!_.hidden&&$(J.date,r.options,r))}))))))})),e.footer&&d.createElement(t.Footer,{className:i[R.Footer],style:b==null?void 0:b[R.Footer],role:"status","aria-live":"polite"},e.footer)))}const Wm=d.memo(({...e})=>a.jsx(_m,{mode:"single",...e})),_m=h(Lm)`
|
|
2596
2623
|
font-family: ${c("font-family-default")};
|
|
2597
|
-
`,
|
|
2624
|
+
`,Bm=({rightMenu:e,leftMenu:t,className:o})=>a.jsxs(Pm,{className:o,children:[t,a.jsx(Hm,{children:e})]}),Pm=h.div`
|
|
2598
2625
|
align-items: center;
|
|
2599
2626
|
background-color: ${c("color-black")};
|
|
2600
2627
|
display: flex;
|
|
@@ -2603,8 +2630,8 @@
|
|
|
2603
2630
|
justify-content: space-between;
|
|
2604
2631
|
padding: 0px ${c("spacing-20")};
|
|
2605
2632
|
width: 100%;
|
|
2606
|
-
`,
|
|
2633
|
+
`,Hm=h.div`
|
|
2607
2634
|
display: flex;
|
|
2608
2635
|
align-items: center;
|
|
2609
|
-
`,
|
|
2636
|
+
`,Gm=({ref:e,data:t,canDrag:o=!0,transformDragData:n=u=>u,onDrop:r,onDragStart:s,onDragEnd:i,onDragOver:l})=>{const[u,f]=d.useState(!1),[g,p]=d.useState(!1),m=b=>{b.preventDefault(),b.stopPropagation()},y=d.useCallback(b=>{m(b),p(!0),b.dataTransfer&&(b.dataTransfer.dropEffect="move"),l==null||l(b)},[l]),x=d.useCallback(b=>{m(b),p(!1)},[]),v=d.useCallback(b=>{m(b),f(!1),p(!1),i==null||i(b)},[i]),k=d.useCallback(b=>{var $;m(b),f(!1),p(!1);let C=null;try{C=JSON.parse((($=b.dataTransfer)==null?void 0:$.getData("application/json"))??"null")}catch(T){console.error("Invalid drag data:",T)}C&&(r==null||r(C,b))},[r]),w=d.useCallback(b=>{var $;if(!o)return;b.stopPropagation(),f(!0),p(!1),b.dataTransfer&&(b.dataTransfer.effectAllowed="move");const C=n(t);($=b.dataTransfer)==null||$.setData("application/json",JSON.stringify(C)),s==null||s(t,b)},[o,t,s,n]);return d.useEffect(()=>{const b=e.current,C={dragover:$=>y($),dragenter:$=>y($),dragleave:$=>x($),dragstart:$=>w($),dragend:$=>v($)};return b&&Object.entries(C).forEach(([$,T])=>b.addEventListener($,T)),()=>{Object.entries(C).forEach(([$,T])=>{b&&b.removeEventListener($,T)})}},[e,y,x,k,w,v]),{dragging:u,over:g}};Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>W.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>W.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>W.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>et.flexRender});exports.ActionSelect=ed;exports.ActionableBlurb=Oa;exports.AlertTooltip=Ko;exports.AnimatePresence=Xn;exports.AnonymousBranch=Ef;exports.AnonymousGroup=rf;exports.ArtifactVersion=Bd;exports.BaseObservableDataProvider=tn;exports.BaseUIComponentsContextProvider=Na;exports.BottomDialogDrawer=Fl;exports.BottomInlineDrawer=Hl;exports.BrandedHeader=hs;exports.Button=Ee;exports.CheckBox=ut;exports.CheckListItemCheck=eo;exports.CheckListItemCheckCompact=Jr;exports.CheckListItemContainer=Nt;exports.CheckListItemContainerCompact=sn;exports.CheckListItemContainerWithDivider=Zr;exports.CheckListItemContainerWithDividerCompact=Qr;exports.CheckListItemName=to;exports.CheckListItemNameCompact=es;exports.CheckListItemTemplate=ts;exports.Collapsible=Ht;exports.CollapsibleArtifact=Ua;exports.CollapsibleContent=Gt;exports.CollapsibleList=Xd;exports.CollapsibleTrigger=Oo;exports.ComboBox=Wr;exports.CopyableText=bl;exports.DarkTooltip=Xt;exports.DarkTooltipStyle=Ir;exports.DatePicker=Wm;exports.DescriptionListItemTemplate=ff;exports.DetailsPageLayout=Cp;exports.Dialog=Ao;exports.DialogContent=Lo;exports.DialogTrigger=Fo;exports.Drawer=Ul;exports.DrawerContent=Vl;exports.DrawerHeader=Kl;exports.DrawerTrigger=Yl;exports.Dropdown=Ur;exports.DropdownMenu=Fg;exports.EMAIL_PATTERN=fc;exports.EndOverlayStyle=Sl;exports.ErrorTooltip=zr;exports.FIRST_CHAR_ALPHA=hc;exports.FakeInputReference=_r;exports.FlexHandle=It;exports.FlexResizablePanel=xr;exports.Form=Br;exports.FormAccessToggles=Ru;exports.FormCheckbox=zu;exports.FormComboBox=Wu;exports.FormErrorMessage=Ne;exports.FormField=Iu;exports.FormFileInput=Pu;exports.FormInput=Qo;exports.FormInputWrapper=ze;exports.FormLabel=de;exports.FormMultiSelect=Vu;exports.FormNameInput=Lu;exports.FormSelect=Tu;exports.FormSubmit=Zo;exports.FormTextArea=Su;exports.FormToggle=wu;exports.GroupContext=rn;exports.GroupList=of;exports.GroupedObservableDataProvider=Zu;exports.HiddenFormInput=Xo;exports.HolderListItemTemplate=Ug;exports.HorizontalRule=Xl;exports.Icon=A;exports.IconButton=te;exports.Input=ft;exports.InputSearch=tc;exports.ItemSelectionList=zg;exports.ItemSelectionListDataProvider=Rg;exports.Label=cr;exports.LabelWithAction=sc;exports.LabelWithContent=Bo;exports.LabelWithContentLink=lc;exports.LeftDialogDrawer=Il;exports.LeftInlineDrawer=_l;exports.LightTooltip=qt;exports.LightTooltipStyle=Tr;exports.Link=Mo;exports.List=nn;exports.ListContext=Jo;exports.ListContextProvider=en;exports.LockedButton=Pa;exports.MenuWrapper=Bm;exports.MiddleTruncateText=Ut;exports.Modal=tg;exports.ModalOverlayStyles=cs;exports.ModalTrigger=og;exports.MultiSelect=Lr;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=dr;exports.NO_SPACES_PATTERN=pc;exports.NUMBERS_ONLY_PATTERN=gc;exports.NamedCollapsibleBranch=Nf;exports.NamedCollapsibleGroup=nf;exports.NamedListItemTemplate=gf;exports.NamedSection=us;exports.NamedSectionHeader=ag;exports.ObservableDataProvider=on;exports.Option=ct;exports.PASSWORD_MIN_LENGTH=cc;exports.PASSWORD_REQUIREMENTS=qo;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=Hr;exports.PageHeader=pg;exports.PaneSplitter=$c;exports.PasswordRequirementKeys=wt;exports.PasswordRequirementsList=xu;exports.PropertyDataProvider=Qu;exports.RequirementsList=Pr;exports.ResizablePanel=Po;exports.ResizablePanelGroup=br;exports.ResizablePanelHandle=kr;exports.RightDialogDrawer=Ml;exports.RightInlineDrawer=Bl;exports.ScreenOverlay=vr;exports.ScreenOverlayWithAction=jp;exports.Select=gt;exports.SelectContext=Uo;exports.SelectList=Jt;exports.SelectListContext=Qt;exports.SelectSeparator=_g;exports.SelectViewList=Cg;exports.SelectViewListItem=gs;exports.SelectorTooltip=Mr;exports.ShellIconButton=sd;exports.ShellMenu=Bg;exports.ShellMenuLink=Hg;exports.StartOverlayStyle=$l;exports.StickyObserver=Do;exports.StyledSelectOption=Lg;exports.Tab=id;exports.TabPane=fd;exports.TabTrigger=ad;exports.TabTriggerList=cd;exports.Table=hp;exports.TableHeader=Io;exports.TableNamedListItemTemplate=kf;exports.TableTd=cn;exports.Tag=$r;exports.TagWithRemove=bd;exports.Text=I;exports.TextHighlight=xd;exports.Textarea=Vo;exports.Toggle=Kt;exports.ToggleThumb=jr;exports.ToggleTrack=Sr;exports.Tooltip=Or;exports.TopDialogDrawer=Al;exports.TopInlineDrawer=Pl;exports.TreeDataProvider=$f;exports.TreeList=Tf;exports.USERNAME_PATTERN=uc;exports.VirtualList=rs;exports.VirtualizedList=ss;exports.VirtualizedSelectList=Wf;exports.baseComponentStyles=Wn;exports.baseGenericStyles=xo;exports.baseSemanticStyles=yo;exports.componentStudioTokenCss=pa;exports.componentStyles=bo;exports.createTableColumnHelper=wp;exports.darkTooltipArrow=Nr;exports.getByteString=xg;exports.getComponentTokenHelpers=N;exports.getGlobalToken=M;exports.getPasswordValidation=dc;exports.getSemanticToken=c;exports.getStyles=ya;exports.globalStudioTokenCss=ga;exports.isContextAware=jo;exports.isGroupFactory=Kr;exports.keyResolver=Vr;exports.lightTooltipArrow=Er;exports.noop=Ie;exports.normalizePathDisplay=yg;exports.rootStyles=ko;exports.scrollbarStyle=Ca;exports.semanticStudioTokenCss=fa;exports.stringComponentInsert=Ln;exports.studioColors=_n;exports.studioDarkColors=Pn;exports.studioGenericColor=Hn;exports.studioLightColors=Bn;exports.studioTheme=$a;exports.useBaseUIComponentsContext=Un;exports.useCollapsibleContext=Et;exports.useContainerWidth=_o;exports.useDialogContext=We;exports.useDialogContextValue=Zn;exports.useDragDrop=Gm;exports.useDrawerContext=Ke;exports.useGroupSelection=wf;exports.useListContext=Ku;exports.useListGroupContext=qr;exports.useLoadDataProvider=Zt;exports.useModalContext=We;exports.useMultiSelectContext=Ar;exports.useOpenedGroups=vf;exports.useResizeObserver=ur;exports.useSelectContext=Yo;exports.useSelectListContext=nt;exports.useSelection=Cf;exports.useTabContext=Vt;exports.useTableContext=ln;exports.useTreeListContext=ns;
|
|
2610
2637
|
//# sourceMappingURL=index.cjs.map
|