@kosdev-code/base-ui-components 0.1.0-dev.5267 → 0.1.0-dev.5385
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/checkbox/checkbox.d.ts.map +1 -1
- package/components/atoms/copyable-text/copyable-text.d.ts.map +1 -1
- package/components/atoms/icon/common/types.d.ts +1 -1
- package/components/atoms/icon/common/types.d.ts.map +1 -1
- package/components/atoms/icon-button/index.d.ts +1 -1
- package/components/atoms/icon-button/index.d.ts.map +1 -1
- package/components/atoms/input/input.d.ts +1 -0
- package/components/atoms/input/input.d.ts.map +1 -1
- package/components/atoms/link/link.d.ts +2 -2
- package/components/atoms/link/link.d.ts.map +1 -1
- package/components/atoms/text/text.d.ts +1 -1
- package/components/atoms/text/text.d.ts.map +1 -1
- package/components/atoms/toggle/toggle.d.ts.map +1 -1
- package/components/atoms/tooltip/dark-tooltip/dark-tooltip.d.ts +1 -1
- package/components/atoms/tooltip/dark-tooltip/dark-tooltip.d.ts.map +1 -1
- package/components/atoms/tooltip/tooltip.d.ts +1 -1
- package/components/atoms/tooltip/tooltip.d.ts.map +1 -1
- package/components/layouts/list-with-details-layout/list-with-details-layout.d.ts.map +1 -1
- package/components/molecules/collapsible-list/collapsible-list.d.ts +2 -2
- package/components/molecules/collapsible-list/collapsible-list.d.ts.map +1 -1
- package/components/molecules/form/components/form-access-toggles.d.ts.map +1 -1
- package/components/molecules/form/components/form-select.d.ts +3 -2
- package/components/molecules/form/components/form-select.d.ts.map +1 -1
- package/components/molecules/list/common/contexts/list-context.d.ts +3 -1
- package/components/molecules/list/common/contexts/list-context.d.ts.map +1 -1
- package/components/molecules/list/common/templates/item/named-list-item.d.ts.map +1 -1
- package/components/molecules/list/list.d.ts.map +1 -1
- package/components/molecules/list/virtualized-list/virtualized-list.d.ts.map +1 -1
- package/components/molecules/modal/confirm-delete-modal/confirm-delete-modal.d.ts +2 -1
- package/components/molecules/modal/confirm-delete-modal/confirm-delete-modal.d.ts.map +1 -1
- package/components/molecules/modal/index.d.ts +1 -1
- package/components/molecules/modal/index.d.ts.map +1 -1
- package/components/molecules/page-header/page-header.d.ts +3 -1
- package/components/molecules/page-header/page-header.d.ts.map +1 -1
- package/components/molecules/table/common/components/table-header.d.ts +2 -1
- package/components/molecules/table/common/components/table-header.d.ts.map +1 -1
- package/components/molecules/table/common/style/styled-td.d.ts.map +1 -1
- package/components/molecules/table/helpers/create-column-helper.d.ts +2 -0
- package/components/molecules/table/helpers/create-column-helper.d.ts.map +1 -1
- package/components/molecules/table/table.d.ts.map +1 -1
- package/index.cjs +395 -364
- package/index.cjs.map +1 -1
- package/index.js +3373 -3270
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/styles/tokens/component-tokens/index.d.ts +2 -0
- package/styles/tokens/component-tokens/index.d.ts.map +1 -1
- package/styles/tokens/component-tokens/table/index.d.ts +1 -0
- package/styles/tokens/component-tokens/table/index.d.ts.map +1 -1
- package/styles/tokens/component-tokens/text/index.d.ts +1 -0
- package/styles/tokens/component-tokens/text/index.d.ts.map +1 -1
- package/styles/tokens/index.d.ts +2 -0
- package/styles/tokens/index.d.ts.map +1 -1
package/index.cjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";var Ui=Object.defineProperty;var Yi=(e,t,o)=>t in e?Ui(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var V=(e,t,o)=>(Yi(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("react"),g=require("@emotion/styled"),M=require("@emotion/react"),dr=require("react-dom"),z=require("@floating-ui/react"),Ki=require("@use-gesture/react"),K=require("react-hook-form"),W=require("@kosdev-code/kos-ui-sdk"),P=require("mobx"),ur=require("mobx-react-lite"),be=require("@tanstack/react-table"),Y=require("date-fns");function qi(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const Xt=qi(d),Zi=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Xi=e=>e instanceof RegExp,Ji=e=>typeof e=="string",Qi=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},ea=(e,t,o)=>{if(e===""||t==="")return e;let n=t;Xi(n)||(n=new RegExp("("+Zi(n)+")","gi"));const r=e.split(n);for(let s=1,l=r.length;s<l;s+=2){if(r[s]===void 0||r[s-1]===void 0){console.warn("Encountered undefined value during string replacement. Your RegExp may not be working the way you expect.");continue}r[s]=o(r[s],s)}return r},fr=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),Qi(n.map(r=>Ji(r)?ea(r,t,o):r))},ht=(e,t)=>t?e:`var(${e})`,F=(e,t)=>ht(`--studio-g-${e}`,t),c=(e,t)=>ht(`--studio-s-${e}`,t),ta={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},oa={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},na={"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")}},ra={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")}},sa={"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")}`}},ia={"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")}},aa={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)"}},la={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`}},ca={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},da={"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)"}},ua={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")}},fa={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},pa={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"}},ha={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")}},ga={modal:{"overlay-background":"rgba(0, 0, 0, 0.8)","background-color":c("color-white"),headerPadding:c("spacing-10"),headerGap:c("spacing-8"),contentYPadding:c("spacing-10"),contentXPadding:c("spacing-12"),footerYPadding:c("spacing-10"),footerXPadding:c("spacing-12"),footerGap:c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"base-content-width":"400xp"}},ma={"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")}},ba={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")}},xa={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"}},ya={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")}},ka={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},va={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")}},wa={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")}},Ca={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"}},$a={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")}},Sa={"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"}},ja={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},Ta={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")}},Da={"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")}},Ma={"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")}},Ea={"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")}},za={"named-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-20"),"subtext-padding-with-icon":c("spacing-20")}},Oa={"error-list-item":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-26"),"padding-x":c("spacing-4"),"padding-y":c("spacing-12"),"background-color":c("color-white"),"background-color-overview":c("color-grey10"),"background-color-hover":c("color-grey10"),"background-color-overview-hover":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-2")}},Ia={"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")}},Ra={"branded-header":{"startColor-settings":"#048FEC","startColor-devices":"#9747FF","startColor-tools":"#01528A","startColor-performance":"#B4DEFA","endColor-viewBrowse":"#1C00D8","endColor-configure":"#4CC9F0","endColor-manage":"#9A99F2","endColor-troubleshoot":"#53D7C7","endColor-store":"#193C60","endColor-main":"#048FEC","border-bottom-size":c("border-sm"),"border-bottom-color":c("color-grey20"),"background-color":c("color-white"),"column-gap":c("spacing-16"),padding:"12px 20px","badge-size":"52px","badge-radius":"0","line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-4")}},Na={"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")}},Fa={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")}},Aa={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},_a={"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")}},La={"shell-icon-button":{padding:"5px"}},Wa={"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")}},Ba={badge:{"color-blue":c("color-blue"),"color-blue-border":"rgba(4, 143, 236, 0.5)","color-red":c("color-red"),"color-red-border":"rgba(244, 0, 0, 0.5)","color-white":c("color-white"),"color-white-border":"rgba(255, 255, 255, 0.5)","color-black":c("color-black"),"color-black-border":"rgba(0, 0, 0, 0.5)","color-orange":c("color-orange"),"color-orange-border":"rgba(255, 133, 0, 0.5)","color-green":c("color-green"),"color-green-border":"rgba(82, 196, 26, 0.5)"}},Pa={"named-collapsible-branch":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-8"),"subtext-padding-with-icon":c("spacing-20")}},Ha={...ta,...oa,...na,...ra,...sa,...ia,...aa,...la,...ca,...da,...ua,...fa,...pa,...ha,...ga,...ma,...ba,...xa,...ya,...ka,...va,...wa,...Ca,...$a,...Sa,...ja,...Ta,...Da,...Ba,...Ma,...Ea,...za,...Oa,...Ia,...Ra,...Na,...Fa,...Aa,..._a,...La,...Wa,...Pa},Va={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"}},Ga={"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"}},Ua={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"}},Ya={...Va,...Ga,...Ua},Ka={color:{white:F("color-grey0"),grey10:F("color-grey10"),grey15:F("color-grey15"),grey20:F("color-grey20"),grey30:F("color-grey30"),grey40:F("color-grey40"),grey50:F("color-grey50"),grey60:F("color-grey60"),grey65:F("color-grey65"),grey70:F("color-grey70"),grey80:F("color-grey80"),black:F("color-grey100"),primary:F("color-blue30"),primaryLight:F("color-blue0"),additional1:F("color-blue20"),additional2:F("color-blue40"),additional3:F("color-blue10"),green:F("color-green0"),orange:F("color-orange0"),red:F("color-red0"),purple:F("color-purple0"),blue:F("color-blue30"),yellow:F("color-yellow0")}},qa={"font-size":{sm:F("font-size-10px"),med:F("font-size-12px"),lrg:F("font-size-14px"),xlrg:F("font-size-16px")},"font-weight":{normal:F("font-weight-400"),bold:F("font-weight-700")},"font-family":{default:F("font-family-Arial")},"line-height":{default:F("line-height-120")}},Za={spacing:{2:F("spacing-2px"),4:F("spacing-4px"),6:F("spacing-6px"),7:F("spacing-7px"),8:F("spacing-8px"),10:F("spacing-10px"),12:F("spacing-12px"),14:F("spacing-14px"),16:F("spacing-16px"),18:F("spacing-18px"),20:F("spacing-20px"),22:F("spacing-22px"),24:F("spacing-24px"),26:F("spacing-26px"),28:F("spacing-28px"),30:F("spacing-30px"),32:F("spacing-32px"),34:F("spacing-34px"),36:F("spacing-36px"),40:F("spacing-40px")},border:{xsm:F("spacing-0-5px"),sm:F("spacing-1px"),med:F("spacing-2px"),lrg:F("spacing-3px")}},Xa={...Ka,...qa,...Za},Ko=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`--${t}-${o}-${n}: ${e[o][n]}`)),Ja=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:n=":root"}=t,r=l=>l.map(a=>(u,f)=>ht(`--${o}-${String(a)}-${u}`,f)),s=M.css`
|
|
1
|
+
"use strict";var Ui=Object.defineProperty;var Yi=(e,t,o)=>t in e?Ui(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var G=(e,t,o)=>(Yi(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),d=require("react"),g=require("@emotion/styled"),M=require("@emotion/react"),ur=require("react-dom"),z=require("@floating-ui/react"),Ki=require("@use-gesture/react"),K=require("react-hook-form"),L=require("@kosdev-code/kos-ui-sdk"),P=require("mobx"),fr=require("mobx-react-lite"),be=require("@tanstack/react-table"),Y=require("date-fns");function qi(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const Xt=qi(d),Zi=e=>{const t=/[\\^$.*+?()[\]{}|]/g;return RegExp(t.source).test(e)?e.replace(t,"\\$&"):e},Xi=e=>e instanceof RegExp,Ji=e=>typeof e=="string",Qi=e=>{let t=[];return e.forEach(o=>{Array.isArray(o)?t=t.concat(o):o&&t.push(o)}),t},ea=(e,t,o)=>{if(e===""||t==="")return e;let n=t;Xi(n)||(n=new RegExp("("+Zi(n)+")","gi"));const r=e.split(n);for(let s=1,a=r.length;s<a;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},pr=(e,t,o)=>{let n=e;return Array.isArray(n)||(n=[n]),Qi(n.map(r=>Ji(r)?ea(r,t,o):r))},ht=(e,t)=>t?e:`var(${e})`,F=(e,t)=>ht(`--studio-g-${e}`,t),c=(e,t)=>ht(`--studio-s-${e}`,t),ta={"actionable-blurb":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-20")}},oa={"app-shell":{"bg-default":c("color-grey80"),"bg-offline":c("color-grey70"),"bg-locked":c("color-grey60"),color:c("color-white")}},na={"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")}},ra={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")}},sa={"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")}`}},ia={"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")}},aa={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)"}},la={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`}},ca={"horizontal-rule":{"border-width":"0.5px","border-color":c("color-grey20")}},da={"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)"}},ua={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")}},fa={"image-config-page-header":{gap:c("spacing-16"),"padding-bottom":c("spacing-12"),"title-gap":c("spacing-8"),bg:c("color-white")}},pa={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"}},ha={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")}},ga={modal:{"overlay-background":"rgba(0, 0, 0, 0.8)","background-color":c("color-white"),headerPadding:c("spacing-10"),headerGap:c("spacing-8"),contentYPadding:c("spacing-10"),contentXPadding:c("spacing-12"),footerYPadding:c("spacing-10"),footerXPadding:c("spacing-12"),footerGap:c("spacing-8"),"border-width":c("border-sm"),"border-color":c("color-grey20"),"base-content-width":"400xp"}},ma={"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")}},ba={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")}},xa={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"}},ya={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")}},ka={label:{gap:c("spacing-4")},"label-with-action":{gap:c("spacing-8")},"label-with-content-link":{color:c("color-primary")}},va={text:{"font-family":c("font-family-default"),"line-height":c("line-height-default"),"h1-size":c("font-size-xlrg"),"h2-size":c("font-size-lrg"),"body-size":c("font-size-med"),"small-size":c("font-size-sm"),"font-weight-bold":c("font-weight-bold"),"font-weight-normal":c("font-weight-normal"),"color-dark":c("color-black"),"color-light":c("color-white"),"color-green":c("color-green"),"color-purple":c("color-purple"),"color-red":c("color-red"),"color-blue":c("color-primary"),"color-grey":c("color-grey60"),"color-disabled":c("color-grey40"),"color-yellow":c("color-yellow"),"color-orange":c("color-orange")}},wa={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")}},Ca={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"}},$a={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")}},Sa={"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"}},ja={"version-list-container":{gap:c("spacing-16")},"version-list-header":{gap:c("spacing-8"),itemBorderBottom:c("color-grey20"),itemBgColor:c("color-grey10")}},Ta={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")}},Da={"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")}},Ma={"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")}},Ea={"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")}},za={"named-list-item":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-20"),"subtext-padding-with-icon":c("spacing-20")}},Oa={"error-list-item":{"row-gap":c("spacing-4"),"icon-column-width":c("spacing-26"),"padding-x":c("spacing-4"),"padding-y":c("spacing-12"),"background-color":c("color-white"),"background-color-overview":c("color-grey10"),"background-color-hover":c("color-grey10"),"background-color-overview-hover":c("color-white"),"border-color":c("color-grey20"),"border-radius":c("spacing-2")}},Ia={"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")}},Ra={"branded-header":{"startColor-settings":"#048FEC","startColor-devices":"#9747FF","startColor-tools":"#01528A","startColor-performance":"#B4DEFA","endColor-viewBrowse":"#1C00D8","endColor-configure":"#4CC9F0","endColor-manage":"#9A99F2","endColor-troubleshoot":"#53D7C7","endColor-store":"#193C60","endColor-main":"#048FEC","border-bottom-size":c("border-sm"),"border-bottom-color":c("color-grey20"),"background-color":c("color-white"),"column-gap":c("spacing-16"),padding:"12px 20px","badge-size":"52px","badge-radius":"0","line-height":c("spacing-6"),"info-column-gap":c("spacing-10"),"text-wrapper-gap":c("spacing-4")}},Na={"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")}},Fa={table:{"row-border-bottom-size":c("border-xsm"),"border-color":c("color-grey20"),"header-background-color-hover":c("color-grey20"),"header-background-color":c("color-grey15"),"cell-padding-x":c("spacing-4"),"cell-padding-y":"11px","cell-padding-right-sortable":c("spacing-8"),"cell-padding-left-first-in-row":c("spacing-8"),"head-gap-sortable":c("spacing-4"),"background-color":c("color-white"),"head-font-size":c("font-size-med"),"head-color":c("color-black"),"head-font-weight":c("font-weight-bold"),"cell-font-size":c("font-size-med"),"cell-color":c("color-black"),"cell-font-weight":c("font-weight-normal"),"font-family":c("font-family-default")}},Aa={"resizable-panels":{"border-color":c("color-grey20"),"border-color-hover":c("color-grey30"),"border-color-drag":c("color-grey40"),"handle-width":c("border-sm")}},_a={"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")}},La={"shell-icon-button":{padding:"5px"}},Wa={"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")}},Ba={badge:{"color-blue":c("color-blue"),"color-blue-border":"rgba(4, 143, 236, 0.5)","color-red":c("color-red"),"color-red-border":"rgba(244, 0, 0, 0.5)","color-white":c("color-white"),"color-white-border":"rgba(255, 255, 255, 0.5)","color-black":c("color-black"),"color-black-border":"rgba(0, 0, 0, 0.5)","color-orange":c("color-orange"),"color-orange-border":"rgba(255, 133, 0, 0.5)","color-green":c("color-green"),"color-green-border":"rgba(82, 196, 26, 0.5)"}},Pa={"named-collapsible-branch":{"column-gap":c("spacing-6"),"row-gap":c("spacing-4"),"color-selected":c("color-white"),"background-color-selected":c("color-primary"),"padding-y":c("spacing-4"),"padding-right":c("spacing-12"),"padding-left":c("spacing-20"),"subtext-padding-with-icon":c("spacing-20")}},Ha={...ta,...oa,...na,...ra,...sa,...ia,...aa,...la,...ca,...da,...ua,...fa,...pa,...ha,...ga,...ma,...ba,...xa,...ya,...ka,...va,...wa,...Ca,...$a,...Sa,...ja,...Ta,...Da,...Ba,...Ma,...Ea,...za,...Oa,...Ia,...Ra,...Na,...Fa,...Aa,..._a,...La,...Wa,...Pa},Va={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"}},Ga={"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"}},Ua={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"}},Ya={...Va,...Ga,...Ua},Ka={color:{white:F("color-grey0"),grey10:F("color-grey10"),grey15:F("color-grey15"),grey20:F("color-grey20"),grey30:F("color-grey30"),grey40:F("color-grey40"),grey50:F("color-grey50"),grey60:F("color-grey60"),grey65:F("color-grey65"),grey70:F("color-grey70"),grey80:F("color-grey80"),black:F("color-grey100"),primary:F("color-blue30"),primaryLight:F("color-blue0"),additional1:F("color-blue20"),additional2:F("color-blue40"),additional3:F("color-blue10"),green:F("color-green0"),orange:F("color-orange0"),red:F("color-red0"),purple:F("color-purple0"),blue:F("color-blue30"),yellow:F("color-yellow0")}},qa={"font-size":{sm:F("font-size-10px"),med:F("font-size-12px"),lrg:F("font-size-14px"),xlrg:F("font-size-16px")},"font-weight":{normal:F("font-weight-400"),bold:F("font-weight-700")},"font-family":{default:F("font-family-Arial")},"line-height":{default:F("line-height-120")}},Za={spacing:{2:F("spacing-2px"),4:F("spacing-4px"),6:F("spacing-6px"),7:F("spacing-7px"),8:F("spacing-8px"),10:F("spacing-10px"),12:F("spacing-12px"),14:F("spacing-14px"),16:F("spacing-16px"),18:F("spacing-18px"),20:F("spacing-20px"),22:F("spacing-22px"),24:F("spacing-24px"),26:F("spacing-26px"),28:F("spacing-28px"),30:F("spacing-30px"),32:F("spacing-32px"),34:F("spacing-34px"),36:F("spacing-36px"),40:F("spacing-40px")},border:{xsm:F("spacing-0-5px"),sm:F("spacing-1px"),med:F("spacing-2px"),lrg:F("spacing-3px")}},Xa={...Ka,...qa,...Za},qo=(e,t="studio-c")=>Object.keys(e).flatMap(o=>Object.keys(e[o]).map(n=>`--${t}-${o}-${n}: ${e[o][n]}`)),Ja=(e,t={})=>{const{prefix:o="studio-c",cssRootSelector:n=":root"}=t,r=a=>a.map(l=>(u,f)=>ht(`--${o}-${String(l)}-${u}`,f)),s=M.css`
|
|
2
2
|
${n} {
|
|
3
|
-
${
|
|
3
|
+
${qo(e,o).join(`;
|
|
4
4
|
`)};
|
|
5
5
|
}
|
|
6
6
|
`;return{getLocalComponentTokenHelpers:r,localComponentTokenCss:s}},Qa=(e,t="studio-c")=>(o,n)=>ht(`--${t}-${e}-${o}`,n),el=(e,t={})=>{const{prefix:o="studio-c"}=t;return M.css`
|
|
7
|
-
${
|
|
7
|
+
${qo(e,o).join(`;
|
|
8
8
|
`)};
|
|
9
|
-
`},O=e=>e.map(t=>(o,n)=>ht(`--studio-c-${t}-${o}`,n)),
|
|
9
|
+
`},O=e=>e.map(t=>(o,n)=>ht(`--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]}`)),tl=M.css`
|
|
10
10
|
:root {
|
|
11
|
-
${
|
|
11
|
+
${Zo(Xa,c)}
|
|
12
12
|
}
|
|
13
13
|
`,ol=M.css`
|
|
14
14
|
:root {
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
--rdp-accent-color: ${c("color-primary")};
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
${
|
|
19
|
+
${Zo(Ya,F)}
|
|
20
20
|
}
|
|
21
21
|
`,nl=M.css`
|
|
22
22
|
:root {
|
|
23
|
-
${
|
|
23
|
+
${Zo(Ha,(e,t)=>ht(`--studio-c-${e}`,t))}
|
|
24
24
|
}
|
|
25
25
|
`,rl=M.css`
|
|
26
26
|
:root {
|
|
@@ -153,10 +153,10 @@
|
|
|
153
153
|
--studio-generic-color-grey-20
|
|
154
154
|
);
|
|
155
155
|
}
|
|
156
|
-
`,
|
|
156
|
+
`,hr=M.css`
|
|
157
157
|
:root {
|
|
158
158
|
}
|
|
159
|
-
`,
|
|
159
|
+
`,Ro=[hr,rl,sl,il,al],No=M.css`
|
|
160
160
|
:root {
|
|
161
161
|
/* radius */
|
|
162
162
|
--studio-generic-border-radius-small: 4px;
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
--studio-generic-center-text-align: center;
|
|
256
256
|
// --studio-generic-center-text-align: var(--studio-generic-color-white, #f0f0f0);
|
|
257
257
|
}
|
|
258
|
-
`,
|
|
258
|
+
`,Fo=M.css`
|
|
259
259
|
:root {
|
|
260
260
|
// colour
|
|
261
261
|
--studio-semantic-color-system-green: var(--studio-generic-color-green-100);
|
|
@@ -509,7 +509,7 @@
|
|
|
509
509
|
)
|
|
510
510
|
var(--studio-generic-padding-small);
|
|
511
511
|
}
|
|
512
|
-
`,
|
|
512
|
+
`,Ao=M.css`
|
|
513
513
|
::-webkit-scrollbar {
|
|
514
514
|
background-color: transparent;
|
|
515
515
|
height: 8px;
|
|
@@ -530,7 +530,7 @@
|
|
|
530
530
|
code {
|
|
531
531
|
font-family: var(--ddk-generic-font-family-code);
|
|
532
532
|
}
|
|
533
|
-
`,ll=e=>e==="studio"?[Fo,Ro,...Io,No]:[Fo,Ro,...Io,No],hr={"--palette-red-0":"hsl(0, 80%, 94%);","--palette-red-1":"hsl(0, 80%, 90%);","--palette-red-2":"hsl(0, 80%, 86%);","--palette-red-3":"hsl(0, 80%, 77%);","--palette-red-4":"hsl(0, 80%, 68%);","--palette-red-5":"hsl(0, 80%, 59%);","--palette-red-6":"hsl(0, 80%, 50%);","--palette-red-7":"hsl(0, 80%, 41%);","--palette-red-8":"hsl(0, 80%, 32%);","--palette-red-9":"hsl(0, 80%, 23%);","--palette-pink-0":"hsl(339, 80%, 94%);","--palette-pink-1":"hsl(339, 80%, 90%);","--palette-pink-2":"hsl(339, 80%, 86%);","--palette-pink-3":"hsl(339, 80%, 77%);","--palette-pink-4":"hsl(339, 80%, 68%);","--palette-pink-5":"hsl(339, 80%, 59%);","--palette-pink-6":"hsl(339, 80%, 50%);","--palette-pink-7":"hsl(339, 80%, 41%);","--palette-pink-8":"hsl(339, 80%, 32%);","--palette-pink-9":"hsl(339, 80%, 23%);","--palette-grape-0":"hsl(288, 80%, 94%);","--palette-grape-1":"hsl(288, 80%, 90%);","--palette-grape-2":"hsl(288, 80%, 86%);","--palette-grape-3":"hsl(288, 80%, 77%);","--palette-grape-4":"hsl(288, 80%, 68%);","--palette-grape-5":"hsl(288, 80%, 59%);","--palette-grape-6":"hsl(288, 80%, 50%);","--palette-grape-7":"hsl(288, 80%, 41%);","--palette-grape-8":"hsl(288, 80%, 32%);","--palette-grape-9":"hsl(288, 80%, 23%);","--palette-violet-0":"hsl(255, 80%, 94%);","--palette-violet-1":"hsl(255, 80%, 90%);","--palette-violet-2":"hsl(255, 80%, 86%);","--palette-violet-3":"hsl(255, 80%, 77%);","--palette-violet-4":"hsl(255, 80%, 68%);","--palette-violet-5":"hsl(255, 80%, 59%);","--palette-violet-6":"hsl(255, 80%, 50%);","--palette-violet-7":"hsl(255, 80%, 41%);","--palette-violet-8":"hsl(255, 80%, 32%);","--palette-violet-9":"hsl(255, 80%, 23%);","--palette-indigo-0":"hsl(230, 80%, 94%);","--palette-indigo-1":"hsl(230, 80%, 90%);","--palette-indigo-2":"hsl(230, 80%, 86%);","--palette-indigo-3":"hsl(230, 80%, 77%);","--palette-indigo-4":"hsl(230, 80%, 68%);","--palette-indigo-5":"hsl(230, 80%, 59%);","--palette-indigo-6":"hsl(230, 80%, 50%);","--palette-indigo-7":"hsl(230, 80%, 41%);","--palette-indigo-8":"hsl(230, 80%, 32%);","--palette-indigo-9":"hsl(230, 80%, 23%);","--palette-blue-0":"hsl(208, 80%, 94%);","--palette-blue-1":"hsl(208, 80%, 90%);","--palette-blue-2":"hsl(208, 80%, 86%);","--palette-blue-3":"hsl(208, 80%, 77%);","--palette-blue-4":"hsl(208, 80%, 68%);","--palette-blue-5":"hsl(208, 80%, 59%);","--palette-blue-6":"hsl(208, 80%, 50%);","--palette-blue-7":"hsl(208, 80%, 41%);","--palette-blue-8":"hsl(208, 80%, 32%);","--palette-blue-9":"hsl(208, 80%, 23%);","--palette-cyan-0":"hsl(188, 80%, 94%);","--palette-cyan-1":"hsl(188, 80%, 90%);","--palette-cyan-2":"hsl(188, 80%, 86%);","--palette-cyan-3":"hsl(188, 80%, 77%);","--palette-cyan-4":"hsl(188, 80%, 68%);","--palette-cyan-5":"hsl(188, 80%, 59%);","--palette-cyan-6":"hsl(188, 80%, 50%);","--palette-cyan-7":"hsl(188, 80%, 41%);","--palette-cyan-8":"hsl(188, 80%, 32%);","--palette-cyan-9":"hsl(188, 80%, 23%);","--palette-teal-0":"hsl(162, 80%, 94%);","--palette-teal-1":"hsl(162, 80%, 90%);","--palette-teal-2":"hsl(162, 80%, 86%);","--palette-teal-3":"hsl(162, 80%, 77%);","--palette-teal-4":"hsl(162, 80%, 68%);","--palette-teal-5":"hsl(162, 80%, 59%);","--palette-teal-6":"hsl(162, 80%, 50%);","--palette-teal-7":"hsl(162, 80%, 41%);","--palette-teal-8":"hsl(162, 80%, 32%);","--palette-teal-9":"hsl(162, 80%, 23%);","--palette-green-0":"hsl(131, 80%, 94%);","--palette-green-1":"hsl(131, 80%, 90%);","--palette-green-2":"hsl(131, 80%, 86%);","--palette-green-3":"hsl(131, 80%, 77%);","--palette-green-4":"hsl(131, 80%, 68%);","--palette-green-5":"hsl(131, 80%, 59%);","--palette-green-6":"hsl(131, 80%, 50%);","--palette-green-7":"hsl(131, 80%, 41%);","--palette-green-8":"hsl(131, 80%, 32%);","--palette-green-9":"hsl(131, 80%, 23%);","--palette-lime-0":"hsl(85, 80%, 94%);","--palette-lime-1":"hsl(85, 80%, 90%);","--palette-lime-2":"hsl(85, 80%, 86%);","--palette-lime-3":"hsl(85, 80%, 77%);","--palette-lime-4":"hsl(85, 80%, 68%);","--palette-lime-5":"hsl(85, 80%, 59%);","--palette-lime-6":"hsl(85, 80%, 50%);","--palette-lime-7":"hsl(85, 80%, 41%);","--palette-lime-8":"hsl(85, 80%, 32%);","--palette-lime-9":"hsl(85, 80%, 23%);","--palette-yellow-0":"hsl(39, 80%, 94%);","--palette-yellow-1":"hsl(39, 80%, 90%);","--palette-yellow-2":"hsl(39, 80%, 86%);","--palette-yellow-3":"hsl(39, 80%, 77%);","--palette-yellow-4":"hsl(39, 80%, 68%);","--palette-yellow-5":"hsl(39, 80%, 59%);","--palette-yellow-6":"hsl(39, 80%, 50%);","--palette-yellow-7":"hsl(39, 80%, 41%);","--palette-yellow-8":"hsl(39, 80%, 32%);","--palette-yellow-9":"hsl(39, 80%, 23%);","--palette-orange-0":"hsl(24, 80%, 94%);","--palette-orange-1":"hsl(24, 80%, 90%);","--palette-orange-2":"hsl(24, 80%, 86%);","--palette-orange-3":"hsl(24, 80%, 77%);","--palette-orange-4":"hsl(24, 80%, 68%);","--palette-orange-5":"hsl(24, 80%, 59%);","--palette-orange-6":"hsl(24, 80%, 50%);","--palette-orange-7":"hsl(24, 80%, 41%);","--palette-orange-8":"hsl(24, 80%, 32%);","--palette-orange-9":"hsl(24, 80%, 23%);","--palette-neutral":"hsl(0, 0%, 98%);","--palette-neutral-0":"hsl(0, 0%, 97%);","--palette-neutral-1":"hsl(0, 0%, 93%);","--palette-neutral-2":"hsl(0, 0%, 87%);","--palette-neutral-3":"hsl(0, 0%, 77%);","--palette-neutral-4":"hsl(0, 0%, 68%);","--palette-neutral-5":"hsl(0, 0%, 59%);","--palette-neutral-6":"hsl(0, 0%, 50%);","--palette-neutral-7":"hsl(0, 0%, 41%);","--palette-neutral-8":"hsl(0, 0%, 32%);","--palette-neutral-9":"hsl(0, 0%, 18%);","--color-grey-0":"var(--palette-neutral-0)","--color-grey-1":"var(--palette-neutral-1)","--color-grey-2":"var(--palette-neutral-2)","--color-grey-3":"var(--palette-neutral-3)","--color-grey-4":"var(--palette-neutral-4)","--color-grey-5":"var(--palette-neutral-5)","--color-grey-6":"var(--palette-neutral-6)","--color-grey-7":"var(--palette-neutral-7)","--color-grey-8":"var(--palette-neutral-8)","--color-grey-9":"var(--palette-neutral-9)","--color-clouds-0":"hsl(192, 15%, 99%);","--color-clouds-1":"hsl(192, 15%, 97%);","--color-clouds-2":"hsl(192, 15%, 96%);","--color-clouds-3":"hsl(192, 15%, 95%);","--color-clouds-4":"hsl(192, 15%, 94%);","--color-error":"#F40000","--color-success":"#52C41A"},gr={"--kos-layer-1-color":"var(--palette-neutral-2);","--kos-layer-2-color":"var(--palette-neutral-1);","--kos-layer-3-color":"var(--palette-neutral-0);","--kos-primary-1":"var(--palette-neutral-1);","--kos-primary-2":"var(--palette-neutral-2);","--kos-primary-3":"var(--palette-neutral-3);","--kos-primary-4":"var(--palette-neutral-4);","--kos-primary-5":"var(--palette-neutral-5);","--kos-primary-6":"var(--palette-neutral-6);","--kos-primary-7":"var(--palette-neutral-7);","--kos-primary-8":"var(--palette-neutral-8);","--kos-primary-9":"var(--palette-neutral-9);","--kos-accent-1":"var(--palette-blue-1)","--kos-accent-2":"var(--palette-blue-2)","--kos-accent-3":"var(--palette-blue-3)","--kos-accent-4":"var(--palette-blue-4)","--kos-accent-5":"var(--palette-blue-5)","--kos-accent-6":"var(--palette-blue-6)","--kos-accent-7":"var(--palette-blue-7)","--kos-accent-8":"var(--palette-blue-8)","--kos-accent-9":"var(--palette-blue-9)","--kos-primary-color":"var(--kos-primary-8);","--kos-border-color":"var(--palette-neutral-3)","--kos-primary-color-hover":"var(--kos-primary-7);","--kos-primary-color-active":"var(--kos-primary-9);","--kos-primary-color-outline":"var(--kos-primary-6);","--kos-background-color":"var(--palette-neutral-1);","--kos-background-color-hover":"var(--palette-neutral-1);","--kos-background-color-active":"var(--palette-neutral-1);","--kos-background-color-outline":"var(--palette-neutral-1);","--kos-accent-background-color":"var(--kos-primary-9);","--kos-accent-typography-color":"white;","--kos-typography-color":"var(--palette-neutral-9);","--kos-typography-color-hover":"var(--kos-primary-color-hover);","--kos-typography-color-selected":"var(--kos-primary-color-active);","--kos-app-header-background-color":"var(--kos-accent-background-color);","--kos-app-header-typography-color":"white;","--kos-app-sidebar-background-color":"var(--kos-layer-1-color);","--kos-page-header-background-color":"var(--kos-layer-2-color);","--kos-artifact-qualifier-tag-color":"var(--kos-accent-6);","--kos-table-header-background-color":"var(--kos-accent-background-color);","--kos-table-header-typography-color":"var(--kos-accent-typography-color);","--kos-list-item-header-background-color":"white;","--kos-typography-color-link":"hsl(204, 97%, 40%);","--kos-typography-color-link-hover":"hsl(204, 97%, 60%);","--kos-list-item-color-selected":"hsl(204, 97%, 47%);","--kos-list-item-icon-color-selected":"white","--kos-accent-color":"#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)"},mr={"--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"},br={"--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"},cl={"--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)"},dl={"--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"},ul={"--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"},Rn={"--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"},fl=M.css`
|
|
533
|
+
`,ll=e=>e==="studio"?[Ao,No,...Ro,Fo]:[Ao,No,...Ro,Fo],gr={"--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"},mr={"--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)"},br={"--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"},xr={"--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"},cl={"--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)"},dl={"--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"},ul={"--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"},Nn={"--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"},fl=M.css`
|
|
534
534
|
scrollbar-gutter: stable;
|
|
535
535
|
//AUTO might be the one that overlays things
|
|
536
536
|
|
|
@@ -546,10 +546,10 @@
|
|
|
546
546
|
font-size: var(--kos-base-font-size);
|
|
547
547
|
}
|
|
548
548
|
:root {
|
|
549
|
-
${M.css(
|
|
549
|
+
${M.css(gr)}
|
|
550
550
|
${M.css(ul)}
|
|
551
551
|
${M.css(dl)}
|
|
552
|
-
${M.css(
|
|
552
|
+
${M.css(xr)}
|
|
553
553
|
${M.css(cl)}
|
|
554
554
|
}
|
|
555
555
|
|
|
@@ -625,17 +625,17 @@
|
|
|
625
625
|
|
|
626
626
|
@media (-webkit-max-device-pixel-ratio: 1.25) {
|
|
627
627
|
:root {
|
|
628
|
-
${M.css(
|
|
628
|
+
${M.css(Nn)}
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
631
|
@media (-webkit-min-device-pixel-ratio: 1.25) {
|
|
632
632
|
:root {
|
|
633
|
-
${M.css(
|
|
633
|
+
${M.css(Nn)}
|
|
634
634
|
}
|
|
635
635
|
}
|
|
636
636
|
@media (prefers-color-scheme: light) {
|
|
637
637
|
:root {
|
|
638
|
-
${M.css(
|
|
638
|
+
${M.css(mr)}
|
|
639
639
|
}
|
|
640
640
|
}
|
|
641
641
|
:root {
|
|
@@ -654,7 +654,7 @@
|
|
|
654
654
|
}
|
|
655
655
|
@media (prefers-color-scheme: dark) {
|
|
656
656
|
:root {
|
|
657
|
-
${M.css(
|
|
657
|
+
${M.css(br)}
|
|
658
658
|
}
|
|
659
659
|
:root {
|
|
660
660
|
--ant-primary-color: var(--kos-primary-color);
|
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
--ant-font-size-base: var(--kos-font-size-base);
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
|
-
`;function gt(e){return d.forwardRef(e)}const[ve]=O(["text"]),
|
|
674
|
+
`;function gt(e){return d.forwardRef(e)}const[ve]=O(["text"]),yr=["blue","dark","disabled","green","grey","light","purple","red","yellow","orange"],hl=({bold:e,children:t,color:o,ellipsis:n,lineClamp:r,textAlign:s,underline:a,variant:l,...u},f)=>i.jsx(M.ClassNames,{children:({cx:p})=>i.jsx(ml,{"data-variant":l,"data-alignment":s,"data-color":o,ref:f,...u,className:p(u.className,{isBold:e,isUnderlined:a,isEllipsized:n,isLineClamped:r}),children:t})}),E=gt(hl),gl=["left","right","center","justify"],ml=g.span`
|
|
675
675
|
font-family: ${ve("font-family")};
|
|
676
676
|
line-height: ${ve("line-height")};
|
|
677
677
|
vertical-align: bottom;
|
|
@@ -715,36 +715,36 @@
|
|
|
715
715
|
text-align: ${e};
|
|
716
716
|
}`).join(`
|
|
717
717
|
`)}
|
|
718
|
-
${
|
|
718
|
+
${yr.map(e=>`&[data-color="${e}"] {
|
|
719
719
|
color: ${ve(`color-${e}`)};
|
|
720
720
|
}`).join(`
|
|
721
721
|
`)}
|
|
722
|
-
`,[
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
font-weight: ${
|
|
727
|
-
font-family: ${
|
|
728
|
-
line-height: ${
|
|
729
|
-
color: ${
|
|
722
|
+
`,[Xe]=O(["link"]),Xo=d.forwardRef(({children:e,onClick:t,size:o="med",isDisabled:n,...r},s)=>i.jsx("span",{ref:s,css:M.css`
|
|
723
|
+
${bl}
|
|
724
|
+
font-size: ${Xe(`font-size-${o}`)};
|
|
725
|
+
`,onClick:t,className:n?"isDisabled":void 0,...r,children:e})),bl=M.css`
|
|
726
|
+
font-weight: ${Xe("font-weight")};
|
|
727
|
+
font-family: ${Xe("font-family")};
|
|
728
|
+
line-height: ${Xe("line-height")};
|
|
729
|
+
color: ${Xe("color")};
|
|
730
730
|
transition: color 0.125s ease-in-out;
|
|
731
731
|
cursor: pointer;
|
|
732
732
|
&:hover:not(.isDisabled) {
|
|
733
|
-
color: ${
|
|
733
|
+
color: ${Xe("color-hover")};
|
|
734
734
|
}
|
|
735
735
|
&:active:not(.isDisabled) {
|
|
736
|
-
color: ${
|
|
736
|
+
color: ${Xe("color-active")};
|
|
737
737
|
}
|
|
738
738
|
&.isDisabled {
|
|
739
|
-
color: ${
|
|
739
|
+
color: ${Xe("color-disabled")};
|
|
740
740
|
pointer-events: none;
|
|
741
741
|
}
|
|
742
|
-
`,
|
|
742
|
+
`,_o=["black","blue","green","grey","orange","purple","red","white","yellow"],xl=["xxsm","xsm","sm","med","lrg","xlrg","xxlrg"],kr=d.createContext(null),yl=({children:e,publicPath:t})=>{const o=d.useMemo(()=>({basePath:t??"/ui/"}),[t]);return i.jsx(kr.Provider,{value:o,children:e})},vr=()=>{const e=d.useContext(kr);if(!e)throw new Error("BaseUIComponentsContext cannot be used outside of its provider.");return e},[Ct]=O(["icon"]),kl=d.forwardRef(({iconId:e,size:t="sm",color:o,...n},r)=>{const{basePath:s}=vr();return i.jsx(vl,{viewBox:"0 0 36 36",ref:r,"data-size":t,"data-color":o,xmlns:"http://www.w3.org/2000/svg",...n,children:i.jsx("use",{href:`${s}icon-sprite.svg#${e}`})})}),_=d.memo(kl);_.displayName="Icon";const vl=g.svg`
|
|
743
743
|
fill: currentColor;
|
|
744
744
|
transition: fill 0.125s ease-in-out;
|
|
745
745
|
|
|
746
746
|
// Colors
|
|
747
|
-
${
|
|
747
|
+
${_o.map(e=>`&[data-color="${e}"] {
|
|
748
748
|
fill: ${Ct(`fill-${e}`)};
|
|
749
749
|
}`).join("")}
|
|
750
750
|
|
|
@@ -755,10 +755,10 @@
|
|
|
755
755
|
min-height: ${Ct(`size-${e}`)};
|
|
756
756
|
min-width: ${Ct(`size-${e}`)};
|
|
757
757
|
}`).join("")}
|
|
758
|
-
`,[
|
|
758
|
+
`,[wr]=O(["actionable-blurb"]),wl=d.memo(({text:e,actions:t,icon:o,title:n,iconColor:r,iconSize:s,className:a})=>{const l=d.useMemo(()=>{if(!t)return e;let u=e;return t.forEach(({action:f,actionText:p})=>{u=pr(u,p,h=>i.jsx(Xo,{onClick:f,children:h},h))}),u},[t,e]);return i.jsxs(Cl,{className:a,children:[i.jsx($l,{children:i.jsx(_,{iconId:o,size:s??"xsm",color:r??"black"})}),i.jsxs(Sl,{className:"blurb-wrapper",children:[i.jsx(E,{color:"dark",variant:"body",bold:!0,children:n}),i.jsx(E,{color:"dark",variant:"body",children:l})]})]})}),Cl=g.div`
|
|
759
759
|
width: 100%;
|
|
760
760
|
display: grid;
|
|
761
|
-
grid-template-columns: ${
|
|
761
|
+
grid-template-columns: ${wr("icon-column-width")} 1fr;
|
|
762
762
|
`,$l=g.div`
|
|
763
763
|
height: 100%;
|
|
764
764
|
display: flex;
|
|
@@ -769,25 +769,25 @@
|
|
|
769
769
|
align-items: flex-start;
|
|
770
770
|
justify-content: flex-start;
|
|
771
771
|
flex-direction: column;
|
|
772
|
-
row-gap: ${
|
|
773
|
-
`,jl=({defaultOpen:e=!1,open:t,onOpenChange:o})=>{const[n,r]=d.useState(e),s=t??n,
|
|
772
|
+
row-gap: ${wr("row-gap")};
|
|
773
|
+
`,jl=({defaultOpen:e=!1,open:t,onOpenChange:o})=>{const[n,r]=d.useState(e),s=t??n,a=o??r;return d.useMemo(()=>({open:s,setOpen:a}),[s,a])},Cr=d.createContext(null),At=()=>{const e=d.useContext(Cr);if(e==null)throw new Error("Collapsible components must be wrapped in <Collapsible />");return e},to=({children:e,...t})=>{const o=jl(t);return i.jsx(Cr.Provider,{value:o,children:e})},Jo=({children:e})=>{const{open:t,setOpen:o}=At(),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")},oo=({children:e})=>{const{open:t}=At();return t?e:null};function $r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Sr={exports:{}};/*!
|
|
774
774
|
Copyright (c) 2018 Jed Watson.
|
|
775
775
|
Licensed under the MIT License (MIT), see
|
|
776
776
|
http://jedwatson.github.io/classnames
|
|
777
|
-
*/(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",
|
|
777
|
+
*/(function(e){(function(){var t={}.hasOwnProperty;function o(){for(var s="",a=0;a<arguments.length;a++){var l=arguments[a];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 a="";for(var l in s)t.call(s,l)&&s[l]&&(a=r(a,l));return a}function r(s,a){return a?s?s+" "+a:s+a:s}e.exports?(o.default=o,e.exports=o):window.classNames=o})()})(Sr);var Tl=Sr.exports;const mt=$r(Tl),[De]=O(["icon-button"]),ne=d.forwardRef(({iconId:e,badgeOffset:t,badgeBorderColor:o="white",color:n,className:r,size:s,type:a,isActive:l,badgeColor:u,hasBadge:f,...p},h)=>i.jsxs(Dl,{className:mt({isActive:l},r),type:a??"button",ref:h,...p,children:[f&&i.jsx(Ml,{"data-size":s,"data-border-color":o??n,"data-color":u??n,style:t?{right:t.x,top:t.y}:void 0}),i.jsx(_,{size:s,color:p.disabled?"grey":n??"white",iconId:e,className:"icon-button-icon"})]})),Dl=g.button`
|
|
778
778
|
box-sizing: border-box;
|
|
779
779
|
align-items: center;
|
|
780
780
|
justify-content: center;
|
|
781
781
|
display: flex;
|
|
782
782
|
position: relative;
|
|
783
783
|
border: 0px;
|
|
784
|
-
background-color: ${
|
|
785
|
-
border-color: ${
|
|
786
|
-
border-radius: ${
|
|
787
|
-
padding: ${
|
|
788
|
-
cursor: ${
|
|
784
|
+
background-color: ${De("background-color")};
|
|
785
|
+
border-color: ${De("border-color")};
|
|
786
|
+
border-radius: ${De("border-radius")};
|
|
787
|
+
padding: ${De("padding")};
|
|
788
|
+
cursor: ${De("cursor")};
|
|
789
789
|
&:disabled {
|
|
790
|
-
cursor: ${
|
|
790
|
+
cursor: ${De("disabled-cursor")};
|
|
791
791
|
}
|
|
792
792
|
> .icon-button-icon {
|
|
793
793
|
transition: fill-opacity 0.125s ease-in-out;
|
|
@@ -798,22 +798,22 @@
|
|
|
798
798
|
}
|
|
799
799
|
}
|
|
800
800
|
&.isActive {
|
|
801
|
-
background-color: ${
|
|
801
|
+
background-color: ${De("active-background-color")};
|
|
802
802
|
}
|
|
803
803
|
`,Ml=g.div`
|
|
804
804
|
position: absolute;
|
|
805
805
|
border: 1.5px solid ${c("color-black")};
|
|
806
806
|
border-radius: 50%;
|
|
807
|
-
top: ${
|
|
808
|
-
right: ${
|
|
807
|
+
top: ${De("badge-top")};
|
|
808
|
+
right: ${De("badge-right")};
|
|
809
809
|
transform: translate(50%, -50%);
|
|
810
810
|
// Border Colors
|
|
811
|
-
${
|
|
812
|
-
border-color: ${
|
|
811
|
+
${_o.map(e=>`&[data-border-color="${e}"] {
|
|
812
|
+
border-color: ${De(`badge-fill-${e}`)};
|
|
813
813
|
}`).join("")}
|
|
814
814
|
// Colors
|
|
815
|
-
${
|
|
816
|
-
background-color: ${
|
|
815
|
+
${_o.map(e=>`&[data-color="${e}"] {
|
|
816
|
+
background-color: ${De(`badge-fill-${e}`)};
|
|
817
817
|
}`).join("")}
|
|
818
818
|
width: ${c("spacing-8")};
|
|
819
819
|
height: ${c("spacing-8")};
|
|
@@ -832,9 +832,9 @@
|
|
|
832
832
|
white-space: normal;
|
|
833
833
|
word-break: break-word;
|
|
834
834
|
}
|
|
835
|
-
`,[Ne]=O(["collapsible-artifact"]),Il=d.memo(({onExternalClick:e,id:t,name:o,isSelected:n,description:r,VersionList:s,className:
|
|
835
|
+
`,[Ne]=O(["collapsible-artifact"]),Il=d.memo(({onExternalClick:e,id:t,name:o,isSelected:n,description:r,VersionList:s,className:a})=>{const l=d.useCallback(()=>{e&&e(t)},[t,e]);return i.jsx(to,{children:i.jsxs(Rl,{className:a,children:[i.jsxs(Fl,{children:[i.jsx(Jo,{children:i.jsx(Al,{color:"black",size:"xxsm",iconId:"CaretRight"})}),i.jsxs(_l,{children:[i.jsxs(Ll,{children:[i.jsx(E,{css:M.css`
|
|
836
836
|
word-break: break-all;
|
|
837
|
-
`,variant:"small",bold:!0,children:o}),!!n&&i.jsx(E,{variant:"small",color:"blue",children:"Selected"})]}),r&&i.jsx(zl,{description:r})]}),!!e&&i.jsx(Nl,{color:"blue",iconId:"Export",onClick:
|
|
837
|
+
`,variant:"small",bold:!0,children:o}),!!n&&i.jsx(E,{variant:"small",color:"blue",children:"Selected"})]}),r&&i.jsx(zl,{description:r})]}),!!e&&i.jsx(Nl,{color:"blue",iconId:"Export",onClick:l,size:"xsm"})]}),i.jsx(oo,{children:i.jsx(Wl,{children:i.jsx(Bl,{children:s})})})]})})}),Rl=g.div`
|
|
838
838
|
align-items: flex-start;
|
|
839
839
|
background-color: ${Ne("background-color")};
|
|
840
840
|
border-radius: ${Ne("border-radius")};
|
|
@@ -878,7 +878,7 @@
|
|
|
878
878
|
`,Bl=g.div`
|
|
879
879
|
padding: ${Ne("name-and-selected-spacing")};
|
|
880
880
|
width: 100%;
|
|
881
|
-
`,_e=()=>{},Pl=e=>(t,o)=>e[t][o]??t,Hl=(e,t)=>d.useReducer(Pl(t),e),Yt=e=>(e==null?void 0:e.animationName)||"none",Vl=(e,t)=>{const[o,n]=d.useState(),r=d.useRef(),s=d.useRef(e),
|
|
881
|
+
`,_e=()=>{},Pl=e=>(t,o)=>e[t][o]??t,Hl=(e,t)=>d.useReducer(Pl(t),e),Yt=e=>(e==null?void 0:e.animationName)||"none",Vl=(e,t)=>{const[o,n]=d.useState(),r=d.useRef(),s=d.useRef(e),a=d.useRef("none"),l=d.useRef(t);d.useLayoutEffect(()=>{l.current=t},[t]);const[u,f]=Hl(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=Yt(r.current);a.current=u==="mounted"?m:"none"},[u]),d.useLayoutEffect(()=>{const m=r.current,x=s.current;if(x!==e){const y=a.current,k=Yt(m);e?f("MOUNT"):k==="none"||(m==null?void 0:m.display)==="none"?f("UNMOUNT"):f(x&&y!==k?"ANIMATION_OUT":"UNMOUNT"),s.current=e}},[e,f]),d.useLayoutEffect(()=>{if(o){const m=b=>{const k=Yt(r.current).includes(b.animationName);b.target===o&&k&&ur.flushSync(()=>f("ANIMATION_END"))},x=b=>{b.target===o&&(a.current=Yt(r.current))};return o.addEventListener("animationstart",x),o.addEventListener("animationcancel",m),o.addEventListener("animationend",m),()=>{o.removeEventListener("animationstart",x),o.removeEventListener("animationcancel",m),o.removeEventListener("animationend",m)}}else return f("ANIMATION_END"),_e},[o,f]);const p=d.useCallback(m=>{m&&(r.current=getComputedStyle(m)),n(m)},[]),h=["mounted","unmounting"].includes(u);return d.useEffect(()=>{l.current&&l.current(h)},[h]),{isPresent:h,ref:p}},jr=d.memo(({present:e,children:t,onPresenceChange:o})=>{const n=Vl(e,o);return n.isPresent?d.cloneElement(t,{ref:n.ref,present:e}):null});jr.displayName="AnimatePresence";const Gl=({offlineContent:e,onlineContent:t})=>t?e?i.jsx(Ul,{children:i.jsxs(Yl,{children:[i.jsx(Fn,{$front:!0,children:e}),i.jsx(Fn,{$back:!0,children:t})]})}):t:e,Ul=g.div`
|
|
882
882
|
flex: 1;
|
|
883
883
|
min-width: 0px;
|
|
884
884
|
height: 100%;
|
|
@@ -905,7 +905,7 @@
|
|
|
905
905
|
transform: rotateX(360deg);
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
|
-
`,
|
|
908
|
+
`,Fn=g.div`
|
|
909
909
|
position: absolute;
|
|
910
910
|
width: 100%;
|
|
911
911
|
height: 100%;
|
|
@@ -920,7 +920,7 @@
|
|
|
920
920
|
${({$back:e})=>e&&`
|
|
921
921
|
transform: rotateX(180deg) translateZ(20px);
|
|
922
922
|
`}
|
|
923
|
-
`,[I,pe]=O(["button","icon"]),Kl=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},
|
|
923
|
+
`,[I,pe]=O(["button","icon"]),Kl=d.forwardRef(({variant:e,text:t,disabled:o,className:n,icon:r,...s},a)=>i.jsx(M.ClassNames,{children:({cx:l})=>i.jsxs(ql,{disabled:o,className:l(e,n),ref:a,...s,children:[r&&i.jsx(Zl,{children:i.jsx(_,{iconId:r,size:"sm",color:"white"})}),t]})})),Ae=d.memo(Kl);Ae.displayName="StudioButton";const ql=g.button`
|
|
924
924
|
font-weight: ${I("font-weight")};
|
|
925
925
|
font-size: ${I("font-size")};
|
|
926
926
|
line-height: ${I("line-height")};
|
|
@@ -1034,7 +1034,7 @@
|
|
|
1034
1034
|
`,Zl=g.span`
|
|
1035
1035
|
display: flex;
|
|
1036
1036
|
margin: ${I("icon-margin")};
|
|
1037
|
-
`,[we]=O(["checkbox"]),bt=d.forwardRef((e,t)=>i.jsxs(Xl,{children:[i.jsx(Jl,{ref:t,...e,type:"checkbox"}),i.jsx(
|
|
1037
|
+
`,[we]=O(["checkbox"]),bt=d.forwardRef((e,t)=>i.jsxs(Xl,{children:[i.jsx(Jl,{ref:t,...e,type:"checkbox"}),i.jsx(An,{className:"check-icon",children:i.jsx(_,{iconId:"CheckSmall",size:"xsm",color:"white"})}),i.jsx(An,{className:"minus-icon",children:i.jsx(_,{iconId:"Minus",size:"xsm",color:"white"})})]})),Xl=g.div`
|
|
1038
1038
|
height: ${we("size")};
|
|
1039
1039
|
width: ${we("size")};
|
|
1040
1040
|
pointer-events: none;
|
|
@@ -1061,7 +1061,7 @@
|
|
|
1061
1061
|
border-color: ${we("border-color-checked-disabled")};
|
|
1062
1062
|
background-color: ${we("background-color-checked-disabled")};
|
|
1063
1063
|
}
|
|
1064
|
-
`,
|
|
1064
|
+
`,An=g.div`
|
|
1065
1065
|
opacity: 0;
|
|
1066
1066
|
width: 100%;
|
|
1067
1067
|
height: 100%;
|
|
@@ -1085,6 +1085,9 @@
|
|
|
1085
1085
|
outline: none;
|
|
1086
1086
|
pointer-events: all;
|
|
1087
1087
|
cursor: pointer;
|
|
1088
|
+
:disabled {
|
|
1089
|
+
cursor: not-allowed;
|
|
1090
|
+
}
|
|
1088
1091
|
:checked:not(:indeterminate) {
|
|
1089
1092
|
~ .check-icon {
|
|
1090
1093
|
opacity: 1;
|
|
@@ -1095,15 +1098,15 @@
|
|
|
1095
1098
|
opacity: 1;
|
|
1096
1099
|
}
|
|
1097
1100
|
}
|
|
1098
|
-
`;var Ql=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()}},ec=Ql,
|
|
1101
|
+
`;var Ql=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()}},ec=Ql,_n={"text/plain":"Text","text/html":"Url",default:"Text"},tc="Copy to clipboard: #{key}, Enter";function oc(e){var t=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return e.replace(/#{\s*key\s*}/g,t)}function nc(e,t){var o,n,r,s,a,l,u=!1;t||(t={}),o=t.debug||!1;try{r=ec(),s=document.createRange(),a=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(p){if(p.stopPropagation(),t.format)if(p.preventDefault(),typeof p.clipboardData>"u"){o&&console.warn("unable to use e.clipboardData"),o&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var h=_n[t.format]||_n.default;window.clipboardData.setData(h,e)}else p.clipboardData.clearData(),p.clipboardData.setData(t.format,e);t.onCopy&&(p.preventDefault(),t.onCopy(p.clipboardData))}),document.body.appendChild(l),s.selectNodeContents(l),a.addRange(s);var f=document.execCommand("copy");if(!f)throw new Error("copy command was unsuccessful");u=!0}catch(p){o&&console.error("unable to copy using execCommand: ",p),o&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(t.format||"text",e),t.onCopy&&t.onCopy(window.clipboardData),u=!0}catch(h){o&&console.error("unable to copy using clipboardData: ",h),o&&console.error("falling back to prompt"),n=oc("message"in t?t.message:tc),window.prompt(n,e)}}finally{a&&(typeof a.removeRange=="function"?a.removeRange(s):a.removeAllRanges()),l&&document.body.removeChild(l),r()}return u}var rc=nc;const sc=$r(rc),ic=250,ac=500,lc=({children:e,color:t,copyable:o=!0,copyText:n,onClick:r,onMouseMove:s,onMouseOut:a,onMouseOver:l,style:u,...f})=>{const p=d.useRef(),h=d.useRef(),m=d.useRef(null),x=d.useRef(null),[b,y]=d.useState(!1),[k,w]=d.useState(!1),$=d.useCallback(T=>{let j=n;j||(j=typeof e=="string"?String(e):""),y(!0),sc(j);const D=()=>{y(!1)};clearTimeout(p.current),p.current=setTimeout(D,ac),r==null||r(T)},[e,n,r]),v=d.useCallback(T=>{if(!m.current||!x.current){s==null||s(T);return}const j=x.current.getBoundingClientRect(),D=T.clientX-j.left+9,W=T.clientY-j.top+9;m.current.style.transform=`translate(${D}px, ${W}px)`,s==null||s(T)},[s]),S=d.useCallback(T=>{y(!1),w(!1),clearTimeout(h.current),a==null||a(T)},[a]),C=d.useCallback(T=>{const j=()=>{w(!0)};return clearTimeout(h.current),h.current=setTimeout(j,ic),l==null||l(T),()=>{clearTimeout(h.current)}},[l]);return i.jsxs("div",{style:{position:"relative"},children:[i.jsx(cc,{ref:x,children:e,onClick:o?$:r,onMouseMove:o?v:s,onMouseOut:o?S:a,onMouseOver:o?C:l,style:o?b?{...u,opacity:.5,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"}:{...u,cursor:"default",userSelect:"none"},...f}),o&&i.jsx(_,{ref:m,iconId:"CopyFilled",style:{position:"absolute",transition:"opacity 150ms ease-in-out",top:"0px",left:"0px",opacity:k&&!b?"1":"0"}})]})},cc=g(E)`
|
|
1099
1102
|
position: relative;
|
|
1100
1103
|
transition: opacity 150ms ease-in-out;
|
|
1101
|
-
`,dc=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:n,open:r})=>{const s=e.ref,
|
|
1104
|
+
`,dc=({children:e,forwardedRef:t,setFloatingReference:o,getReferenceProps:n,open:r})=>{const s=e.ref,a=z.useMergeRefs([o,t,s]);if(d.isValidElement(e))return d.cloneElement(e,n({ref:a,...e.props,"data-state":r?"open":"closed"}));throw new Error("Passed useDecoratedFloatingUITrigger an invalid child element")};function Tr({defaultOpen:e=!1,open:t,onOpenChange:o,dismissOptions:n}={}){const[r,s]=d.useState(e),a=t??r,l=d.useCallback(x=>{t===void 0&&s(x),o==null||o(x)},[t,o]),u=z.useFloating({open:a,onOpenChange:l}),f=u.context,p=z.useClick(f),h=z.useDismiss(f,n?{outsidePressEvent:"mousedown",...n}:{outsidePressEvent:"mousedown"}),m=z.useInteractions([p,h]);return d.useMemo(()=>({open:a,setOpen:l,...m,...u}),[a,l,m,u])}const uc=M.css`
|
|
1102
1105
|
background: rgba(0, 0, 0, 0.8);
|
|
1103
1106
|
display: grid;
|
|
1104
1107
|
place-items: center;
|
|
1105
1108
|
z-index: 1;
|
|
1106
|
-
`,
|
|
1109
|
+
`,Dr=d.createContext(null),Ye=()=>{const e=d.useContext(Dr);if(e==null)throw new Error("Dialog components must be wrapped in <Dialog />");return e},Qo=d.memo(({children:e,...t})=>{const o=Tr(t);return i.jsx(Dr.Provider,{value:o,children:e})}),en=d.forwardRef(({children:e},t)=>{const o=Ye();return dc({children:e,forwardedRef:t,setFloatingReference:o.refs.setReference,getReferenceProps:o.getReferenceProps,open:o.open})}),tn=d.forwardRef(({disableScrollLock:e,modal:t,portalRoot:o,portalId:n,trapFocus:r,transitionDuration:s,OverlayStyles:a,disableFocusManagement:l,children:u,initialFocus:f,...p},h)=>{const{context:m,...x}=Ye(),b=z.useMergeRefs([x.refs.setFloating,h]),{isMounted:y,status:k}=z.useTransitionStatus(m,{duration:s||0});if(!d.isValidElement(u))throw new Error("Passed an invalid child element to Dialog.");if(!y)return null;const w=t?uc:a;return i.jsx(z.FloatingPortal,{id:n,root:o,children:i.jsx(z.FloatingFocusManager,{context:m,modal:r,returnFocus:!1,initialFocus:f,disabled:l,children:i.jsx(z.FloatingOverlay,{css:w,"data-status":k,lockScroll:!e,children:d.cloneElement(u,{...u.props,ref:b,"data-status":k==="initial"?"open":k,...x.getFloatingProps(p)})})})})}),on=300;function nn(){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 fc=g.div`
|
|
1107
1110
|
background-color: transparent;
|
|
1108
1111
|
box-sizing: border-box;
|
|
1109
1112
|
cursor: ew-resize;
|
|
@@ -1123,25 +1126,25 @@
|
|
|
1123
1126
|
right: -4px;
|
|
1124
1127
|
top: 0;
|
|
1125
1128
|
}
|
|
1126
|
-
`,_t=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const
|
|
1129
|
+
`,_t=({inverse:e=!1,maxSize:t,minSize:o=200,onChange:n,size:r,...s})=>{const a=d.useRef(0),l=Ki.useDrag(({down:u,movement:[f],first:p})=>{if(!u)return;p&&(a.current=r);let h=a.current-f*(e?-1:1);h<o&&(h=o),t!==void 0&&h>t&&(h=t),n(h)});return i.jsx(fc,{...s,...l()})},pc=({defaultOpen:e=!1,minSize:t,mode:o,onOpenChange:n,open:r,size:s=440})=>{const[a,l]=d.useState(e),[u,f]=d.useState(s),p=r??a,h=n??l;return d.useMemo(()=>({mode:o,open:p,setOpen:h,setSize:f,size:u,minSize:t}),[t,o,p,h,u])},Lo=d.createContext(null),Qe=()=>{const e=d.useContext(Lo);if(e==null)throw new Error("Drawer components must be wrapped in <Drawer />");return e},[ie]=O(["drawer"]),hc=g.div`
|
|
1127
1130
|
display: flex;
|
|
1128
1131
|
height: 100%;
|
|
1129
1132
|
position: absolute;
|
|
1130
1133
|
width: 100%;
|
|
1131
1134
|
z-index: 1;
|
|
1132
1135
|
pointer-events: none;
|
|
1133
|
-
`,
|
|
1136
|
+
`,Mr=M.css`
|
|
1134
1137
|
pointer-events: none;
|
|
1135
1138
|
display: grid;
|
|
1136
1139
|
overflow: hidden !important;
|
|
1137
1140
|
z-index: 1;
|
|
1138
1141
|
`,gc=M.css`
|
|
1139
1142
|
place-items: start;
|
|
1140
|
-
${
|
|
1143
|
+
${Mr};
|
|
1141
1144
|
`,mc=M.css`
|
|
1142
1145
|
place-items: end;
|
|
1143
|
-
${
|
|
1144
|
-
`,
|
|
1146
|
+
${Mr};
|
|
1147
|
+
`,Er=g.div`
|
|
1145
1148
|
align-items: flex-start;
|
|
1146
1149
|
animation-timing-function: ease-in-out;
|
|
1147
1150
|
border-color: ${ie("border-color")};
|
|
@@ -1156,16 +1159,16 @@
|
|
|
1156
1159
|
width: 100%;
|
|
1157
1160
|
// We add 50ms here to hedge against a race condition between
|
|
1158
1161
|
// the css animation finishing and the floating-ui transition helper hiding the content.
|
|
1159
|
-
animation-duration: ${
|
|
1160
|
-
`,
|
|
1162
|
+
animation-duration: ${on+10}ms;
|
|
1163
|
+
`,zr=g.div`
|
|
1161
1164
|
display: flex;
|
|
1162
1165
|
height: 100%;
|
|
1163
1166
|
width: 100%;
|
|
1164
|
-
`,
|
|
1167
|
+
`,Or=g.div`
|
|
1165
1168
|
flex: 1;
|
|
1166
1169
|
width: 100%;
|
|
1167
1170
|
height: 100%;
|
|
1168
|
-
`,bc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:
|
|
1171
|
+
`,bc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:a}=Qe(),[l,u]=nn(),f=u!==void 0,p=s/(u||1);return i.jsx(zr,{ref:l,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(Er,{ref:n,className:t,style:{flexGrow:p},...o,children:e}),i.jsx(_t,{inverse:!0,size:s,minSize:r,onChange:a}),i.jsx(Or,{style:{flexGrow:1-p}})]})})}),xc=d.forwardRef(({children:e,className:t,...o},n)=>{const{minSize:r,size:s,setSize:a}=Qe(),[l,u]=nn(),f=u!==void 0,p=s/(u||1);return i.jsx(zr,{ref:l,children:f&&i.jsxs(i.Fragment,{children:[i.jsx(Or,{style:{flexGrow:1-p}}),i.jsx(_t,{size:s,minSize:r,onChange:a}),i.jsx(Er,{ref:n,className:t,style:{flexGrow:p},...o,children:e})]})})}),yc=M.keyframes({"0%":{transform:"translateX(-100%)"},"100%":{transform:"translateX(0%)"}}),kc=M.keyframes({"0%":{transform:"translateX(0%)"},"100%":{transform:"translateX(-100%)"}}),vc=g(bc)`
|
|
1169
1172
|
border-right-width: ${ie("border-width")};
|
|
1170
1173
|
box-shadow: ${ie("left-drop-shadow")};
|
|
1171
1174
|
&[data-status="open"] {
|
|
@@ -1183,7 +1186,7 @@
|
|
|
1183
1186
|
&[data-status="close"] {
|
|
1184
1187
|
animation-name: ${Cc};
|
|
1185
1188
|
}
|
|
1186
|
-
`,
|
|
1189
|
+
`,Ir=g.div`
|
|
1187
1190
|
width: 100%;
|
|
1188
1191
|
pointer-events: all;
|
|
1189
1192
|
height: fit-content;
|
|
@@ -1193,8 +1196,8 @@
|
|
|
1193
1196
|
border-style: solid;
|
|
1194
1197
|
// We add 50ms here to hedge against a race condition between
|
|
1195
1198
|
// the css animation finishing and the floating-ui transition helper hiding the content.
|
|
1196
|
-
animation-duration: ${
|
|
1197
|
-
`,Sc=M.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),jc=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),Tc=g(
|
|
1199
|
+
animation-duration: ${on+10}ms;
|
|
1200
|
+
`,Sc=M.keyframes({from:{transform:"translateY(-30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),jc=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-30px)",opacity:0}}),Tc=g(Ir)`
|
|
1198
1201
|
border-bottom-width: ${ie("border-width")};
|
|
1199
1202
|
&[data-status="open"] {
|
|
1200
1203
|
animation-name: ${Sc};
|
|
@@ -1202,15 +1205,15 @@
|
|
|
1202
1205
|
&[data-status="close"] {
|
|
1203
1206
|
animation-name: ${jc};
|
|
1204
1207
|
}
|
|
1205
|
-
`,
|
|
1208
|
+
`,Rr=M.keyframes({from:{transform:"translateY(30px)",opacity:0},to:{transform:"translateY(0)",opacity:1}}),Nr=M.keyframes({from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(30px)",opacity:0}}),Dc=g(Ir)`
|
|
1206
1209
|
border-top-width: ${ie("border-width")};
|
|
1207
1210
|
&[data-status="open"] {
|
|
1208
|
-
animation-name: ${
|
|
1211
|
+
animation-name: ${Rr};
|
|
1209
1212
|
}
|
|
1210
1213
|
&[data-status="close"] {
|
|
1211
|
-
animation-name: ${
|
|
1214
|
+
animation-name: ${Nr};
|
|
1212
1215
|
}
|
|
1213
|
-
`,
|
|
1216
|
+
`,Fr=g.div`
|
|
1214
1217
|
display: flex;
|
|
1215
1218
|
align-items: flex-start;
|
|
1216
1219
|
justify-content: flex-start;
|
|
@@ -1221,30 +1224,30 @@
|
|
|
1221
1224
|
border-width: 0px;
|
|
1222
1225
|
border-color: ${ie("border-color")};
|
|
1223
1226
|
border-style: solid;
|
|
1224
|
-
`,Mc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=
|
|
1227
|
+
`,Mc=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Qe();return i.jsxs(i.Fragment,{children:[i.jsx(_t,{inverse:!0,size:n,onChange:r}),i.jsx(Fr,{ref:o,className:t,style:{width:n},children:e})]})}),Ec=d.forwardRef(({children:e,className:t},o)=>{const{size:n,setSize:r}=Qe();return i.jsxs(i.Fragment,{children:[i.jsx(_t,{size:n,onChange:r}),i.jsx(Fr,{ref:o,className:t,style:{width:n},children:e})]})}),zc=g(Mc)`
|
|
1225
1228
|
border-right-width: ${ie("border-width")};
|
|
1226
1229
|
box-shadow: ${ie("left-drop-shadow")};
|
|
1227
1230
|
`,Oc=g(Ec)`
|
|
1228
1231
|
border-left-width: ${ie("border-width")};
|
|
1229
1232
|
box-shadow: ${ie("right-drop-shadow")};
|
|
1230
|
-
`,
|
|
1233
|
+
`,Ar=g.div`
|
|
1231
1234
|
width: 100%;
|
|
1232
1235
|
pointer-events: all;
|
|
1233
1236
|
height: fit-content;
|
|
1234
1237
|
border-width: 0px;
|
|
1235
1238
|
border-color: ${ie("border-color")};
|
|
1236
1239
|
border-style: solid;
|
|
1237
|
-
`,Ic=g(
|
|
1240
|
+
`,Ic=g(Ar)`
|
|
1238
1241
|
border-bottom-width: ${ie("border-width")};
|
|
1239
|
-
`,Rc=g(
|
|
1242
|
+
`,Rc=g(Ar)`
|
|
1240
1243
|
border-top-width: ${ie("border-width")};
|
|
1241
1244
|
&[data-status="open"] {
|
|
1242
|
-
animation-name: ${
|
|
1245
|
+
animation-name: ${Rr};
|
|
1243
1246
|
}
|
|
1244
1247
|
&[data-status="close"] {
|
|
1245
|
-
animation-name: ${
|
|
1248
|
+
animation-name: ${Nr};
|
|
1246
1249
|
}
|
|
1247
|
-
`,Nc={escapeKey:!0,outsidePress:!1},Fc=d.memo(({children:e,...t})=>{const o=pc(t);return t.mode==="dialog"?i.jsx(
|
|
1250
|
+
`,Nc={escapeKey:!0,outsidePress:!1},Fc=d.memo(({children:e,...t})=>{const o=pc(t);return t.mode==="dialog"?i.jsx(Lo.Provider,{value:o,children:i.jsx(Qo,{onOpenChange:o.setOpen,open:o.open,defaultOpen:t.defaultOpen??!1,dismissOptions:Nc,children:e})}):i.jsx(Lo.Provider,{value:o,children:e})}),Ac=d.memo(({children:e})=>{const{mode:t,open:o,setOpen:n}=Qe(),r=d.useCallback(()=>{n(!o)},[o,n]);if(t==="dialog")return i.jsx(en,{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")}),_c=d.memo(({children:e,OverlayStyles:t,...o})=>{const{mode:n,open:r}=Qe();if(n==="dialog")return i.jsx(tn,{disableScrollLock:!0,disableFocusManagement:!0,OverlayStyles:t,transitionDuration:on,...o,children:e});if(t)throw new Error("OverlayStyles are not used in inline drawers.");return r?n==="inline-float"?i.jsx(hc,{children:e}):e:null}),[$t]=O(["drawer"]),Lc=d.memo(({children:e,className:t,closeIcon:o,showCloseButton:n=!0,title:r,textVariant:s="h2",textBold:a=!1,inheritTextColor:l=!1})=>{const{setOpen:u}=Qe(),f=d.useCallback(()=>{u(!1)},[u]);return i.jsxs(Wc,{className:t,children:[i.jsx(E,{bold:a,color:l?void 0:"dark",variant:s,children:r}),e,n&&i.jsx(ne,{onClick:f,iconId:o||"Close",size:"sm",color:l?void 0:"blue"})]})}),Wc=g.div`
|
|
1248
1251
|
width: 100%;
|
|
1249
1252
|
display: flex;
|
|
1250
1253
|
align-items: center;
|
|
@@ -1253,11 +1256,11 @@
|
|
|
1253
1256
|
background-color: ${$t("header-bg")};
|
|
1254
1257
|
border-bottom: ${$t("header-border-size")} solid ${$t("header-border-color")};
|
|
1255
1258
|
padding: 0px ${$t("header-x-padding")};
|
|
1256
|
-
`,[
|
|
1259
|
+
`,[Ln]=O(["horizontal-rule"]),Bc=g.div`
|
|
1257
1260
|
width: 100%;
|
|
1258
|
-
border-bottom: ${
|
|
1259
|
-
${
|
|
1260
|
-
`,[J]=O(["input"]),xt=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:
|
|
1261
|
+
border-bottom: ${Ln("border-width")} solid
|
|
1262
|
+
${Ln("border-color")};
|
|
1263
|
+
`,[J]=O(["input"]),xt=d.forwardRef(({className:e,type:t,prefixIconId:o,prefixIconColor:n,prefixSize:r,isSmall:s,autoCapitalize:a="off",autoComplete:l="off",autoCorrect:u="off",suffixIconColor:f,suffixIcon:p,suffixIconId:h,suffixSize:m,onSuffixIconClick:x,onEnter:b,onKeyDown:y,onClear:k,...w},$)=>{const v=t==="password",[S,C]=d.useState(!1),[T,j]=d.useState(t),D=d.useCallback(()=>{j(S?"password":"text"),C(!S)},[S]),W=V=>{V.key==="Enter"&&(b==null||b()),y==null||y(V)};if(d.useEffect(()=>{j(t)},[t]),k&&v)throw new Error("Password inputs cannot have an onClear handler.");if(p&&v)throw new Error("Password inputs cannot have a suffix icon.");if(k&&p)throw new Error("Inputs with an onClear handler cannot have a suffix icon.");return i.jsx(M.ClassNames,{children:({cx:V})=>i.jsxs(Pc,{children:[i.jsx(Hc,{type:T,className:V(e,{isSmall:s,hasLeftIcon:!!o,hasRightIcon:!!v||!!h}),ref:$,autoCapitalize:v?"off":a,autoComplete:v?"current-password":l,autoCorrect:v?"off":u,onKeyDown:W,...w}),o&&i.jsx(Vc,{iconId:o,color:n||"black",size:r||"sm"}),(v||!!h||!!p||k&&!!w.value)&&i.jsx(Gc,{children:p||(h?i.jsx(_,{iconId:h,color:f??"black",size:m||"sm",onClick:x}):k?i.jsx(ne,{iconId:"Close",size:"sm",color:"black",onClick:k}):i.jsx(ne,{onClick:D,iconId:S?"Eye":"EyeInvisible",size:"sm",color:n??"black"}))})]})})}),Pc=g.div`
|
|
1261
1264
|
width: 100%;
|
|
1262
1265
|
height: fit-content;
|
|
1263
1266
|
position: relative;
|
|
@@ -1320,13 +1323,13 @@
|
|
|
1320
1323
|
z-index: 1;
|
|
1321
1324
|
display: grid;
|
|
1322
1325
|
place-content: center;
|
|
1323
|
-
`;xt.displayName="Input";const Uc=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...
|
|
1326
|
+
`;xt.displayName="Input";const Uc=d.forwardRef(({onSearch:e,onChange:t,value:o,placeholder:n,prefixIconColor:r,suffixIconColor:s,...a},l)=>i.jsx(xt,{...a,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})),[Yc]=O(["label"]),_r=M.css`
|
|
1324
1327
|
align-items: center;
|
|
1325
1328
|
display: flex;
|
|
1326
1329
|
gap: ${Yc("gap")};
|
|
1327
|
-
`,
|
|
1330
|
+
`,Lr=({variant:e="body",...t})=>i.jsx(E,{css:_r,variant:e,...t}),rn=({children:e,prefix:t,suffix:o,...n})=>i.jsxs(Lr,{...n,children:[t,e,o]}),[Kc]=O(["label-with-action"]),qc=M.css([_r,{gap:Kc("gap")}]),Zc=({action:e,variant:t="h2",...o})=>i.jsx(rn,{css:qc,suffix:e,variant:t,...o}),[Xc]=O(["label-with-content-link"]),Jc=M.css`
|
|
1328
1331
|
color: ${Xc("color")};
|
|
1329
|
-
`,Qc=e=>i.jsx(
|
|
1332
|
+
`,Qc=e=>i.jsx(rn,{css:Jc,...e}),ed=new RegExp(/^[a-zA-Z0-9 _.-]*$/),Wr=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,}))$/),td=new RegExp(/^\d+$/),od=new RegExp(/^\S*$/),nd=new RegExp(/^[a-zA-Z].*/),Br=new RegExp(/^[-a-zA-Z0-9-_'().-]+(\s+[-a-zA-Z0-9-_'().-]+)*$/);var Pr=(e=>(e.email="email",e))(Pr||{});const rd=()=>({email:e=>Wr.test(e)}),sd=12;var Et=(e=>(e.noDigit="noDigit",e.noUpperCase="noUpperCase",e.noSpecialCharacter="noSpecialCharacter",e.tooSimilar="tooSimilar",e))(Et||{});const id=(e,t)=>({...e?{tooSimilar:(o,n)=>{const r=n[t??"password_current"];return r?o!==r:!0}}:{tooSimilar:()=>!0},noDigit:o=>new RegExp(/\d/).test(o),noSpecialCharacter:o=>new RegExp(/[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]+/).test(o),noUpperCase:o=>new RegExp(/[A-Z]+/).test(o)}),Hr=e=>typeof e=="object"&&e!==null&&"message"in e&&typeof e.message=="string",ad=e=>{if(Hr(e))return e.message},ld=()=>{let e=!1,t=[];const o=new Map,n=new window.ResizeObserver((r,s)=>{t=t.concat(r),e||window.requestAnimationFrame(()=>{const a=new Set;t.forEach(l=>{if(!a.has(l.target)){a.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 a=o.get(r)??[];a.push(s),o.set(r,a)},unsubscribe(r,s){const a=o.get(r)??[];if(a.length===1){n.unobserve(r),o.delete(r);return}const l=a.indexOf(s);l!==-1&&a.splice(l,1),o.set(r,a)}}};let vo;const cd=()=>vo||(vo=ld()),Vr=(e,t)=>{const o=cd(),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 _e;const a=(l,u)=>{r||n.current(l,u)};return o.subscribe(s,a),()=>{r=!0,o.unsubscribe(s,a)}},[e,o]),o.observer},no=e=>{const t=d.useRef(null),o=d.useRef(null),n=d.useCallback(()=>{if(!t.current)return;const a=o.current,l=t.current;if(l!==null&&a!==null){const u=l.getAttribute("data-original");l.textContent!==u&&(l.textContent=u);const p=l.textContent,h=l.offsetWidth,m=a.offsetWidth;if(h>m&&p){const x=p.length,b=h/x,k=Math.ceil((h-m)/b)/2+1.5,w=Math.floor(x/2-k),$=Math.ceil(x/2+k),v=p.substr(0,w),S=p.substr($);l.textContent=`${v.trim()}...${S.trim()}`}}},[]),r=d.useCallback(a=>{n()},[n]);Vr(o,r),d.useEffect(()=>n(),[e.children,n]);const s=d.useCallback(a=>{t.current=a,o.current=(a==null?void 0:a.parentElement)??null},[]);return i.jsx(dd,{"data-original":e.children,ref:s,...e})},dd=g(E)`
|
|
1330
1333
|
white-space: nowrap;
|
|
1331
1334
|
word-break: keep-all;
|
|
1332
1335
|
overflow: visible;
|
|
@@ -1337,9 +1340,9 @@
|
|
|
1337
1340
|
position: relative;
|
|
1338
1341
|
|
|
1339
1342
|
${({orientation:e})=>e==="horizontal"?"grid-template-columns: auto 2px auto;":"grid-template-rows: auto 2px auto;"}
|
|
1340
|
-
`,
|
|
1343
|
+
`,Gr=g.div`
|
|
1341
1344
|
overflow: auto;
|
|
1342
|
-
`,fd=g(
|
|
1345
|
+
`,fd=g(Gr)``,pd=g(Gr)``,hd=g.div`
|
|
1343
1346
|
${({orientation:e})=>e==="horizontal"?"width: 1px; cursor: col-resize;":"height: 1px; cursor: row-resize;"}
|
|
1344
1347
|
|
|
1345
1348
|
background-color: ${c("color-grey20")};
|
|
@@ -1353,7 +1356,7 @@
|
|
|
1353
1356
|
${({orientation:e})=>e==="horizontal"?"top: 0; bottom: 0; left: -4px; right: -4px;":"left: 0; right: 0; top: -4px; bottom: -4px;"}
|
|
1354
1357
|
cursor: inherit;
|
|
1355
1358
|
}
|
|
1356
|
-
`;function gd(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 md=({initialStartSizePct:e=50,startClampSizePx:t=210,minStartSizePct:o=10,minEndSizePct:n=10,startContent:r,endContent:s,orientation:
|
|
1359
|
+
`;function gd(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 md=({initialStartSizePct:e=50,startClampSizePx:t=210,minStartSizePct:o=10,minEndSizePct:n=10,startContent:r,endContent:s,orientation:a="horizontal"})=>{const l=d.useRef(null),[u,f]=d.useState(null);d.useEffect(()=>{if(l.current&&u===null){const y=l.current.getBoundingClientRect(),k=a==="horizontal"?y.width:y.height,w=e/100*k,$=Math.max(t,w),v=$/k*100;f($);const S=v,C=100-v;a==="horizontal"?l.current.style.gridTemplateColumns=`${S}% 2px ${C}%`:l.current.style.gridTemplateRows=`${S}% 2px ${C}%`}},[e,t,u,a]);const p=d.useCallback(()=>{if(!l.current||u===null)return;const y=l.current.getBoundingClientRect(),k=a==="horizontal"?y.width:y.height;let w=Math.round(u/k*100),$=100-w;if($<n){$=n,w=100-$;const v=Math.round(w/100*k);f(v)}if(w<o){w=o,$=100-w;const v=Math.round(w/100*k);f(v)}a==="horizontal"?l.current.style.gridTemplateColumns=`${u}px 2px auto`:l.current.style.gridTemplateRows=`${u}px 2px auto`},[u,o,n,a]),h=d.useCallback(gd(p,50),[p]);d.useEffect(()=>(window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)),[h]);const m=y=>{y.preventDefault(),document.addEventListener("mousemove",x),document.addEventListener("mouseup",b)},x=y=>{if(!l.current)return;const k=l.current.getBoundingClientRect(),w=a==="horizontal"?k.width:k.height,$=a==="horizontal"?y.clientX-k.left:y.clientY-k.top,v=Math.max(t,$),S=Math.round(v/w*100),C=100-S;S>=o&&C>=n&&(f($),a==="horizontal"?l.current.style.gridTemplateColumns=`${S}% 2px ${C}%`:l.current.style.gridTemplateRows=`${S}% 2px ${C}%`)},b=()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",b)};return i.jsxs(ud,{ref:l,orientation:a,children:[i.jsx(fd,{children:r}),i.jsx(hd,{onMouseDown:m,orientation:a}),i.jsx(pd,{children:s})]})};function Ue(e,t){if(!e)throw console.error(t),Error(t)}const Ur=(e,t=document)=>{const o=t.querySelector(`[data-resizable-panel-group-handle-id="${e}"]`);return o||null};function bd(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 xd=e=>e.type.startsWith("mouse"),yd=e=>e.type.startsWith("pointer"),ro=e=>{if(yd(e)){if(e.isPrimary)return{x:e.clientX,y:e.clientY}}else if(xd(e))return{x:e.clientX,y:e.clientY};return{x:1/0,y:1/0}},Yr=(e,t)=>{const o=e==="horizontal",{x:n,y:r}=ro(t);return o?n:r},kd=(e,t,o,n,r)=>{const s=Ur(t,r);Ue(s,`No resize handle element found for id "${t}"`);const a=s.getAttribute("data-resizable-panel-group-id");Ue(a,"Resize handle element has no group id attribute");const{initialCursorPosition:l}=n,u=Yr(o,e),f=bd(a,r);return Ue(f,`No group element found for id "${a}"`),u-l},vd=(e,t,o,n,r)=>n==null?0:kd(e,t,o,n,r),Wn=(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,a=n[s];if(a&&a.dataset.resizablePanelGroupPanel!==void 0)return a}return null},Bn=(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),zt=(e,t,o)=>{const n=e.dataset[t];let r;if(n)if(n.includes("px"))r=Number(n.replace("px",""));else if(n.includes("%")){if(o){const s=Number(n.replace("%",""));r=o*(s/100)}}else r=Number(n);return r},wd=(e,t,o,n,r,s)=>{t==="vertical"?(e.style.height=`${o}px`,r&&(e.style.minHeight=`${r}px`),s&&(e.style.maxHeight=`${s}px`)):(e.style.width=`${o}px`,r&&(e.style.minWidth=`${r}px`),s&&(e.style.maxWidth=`${s}px`)),e.setAttribute("data-collapsed",`${n}`)},wo=(e,t,o,n)=>{const r=t==="horizontal"?e.getBoundingClientRect().width:e.getBoundingClientRect().height,s=e.parentElement,a=t==="horizontal"?s==null?void 0:s.getBoundingClientRect().width:s==null?void 0:s.getBoundingClientRect().height,l=zt(e,"resizablePanelMinSize",a),u=zt(e,"resizablePanelMaxSize",a),f=zt(e,"resizablePanelCollapsedSize",a);let p=o??r;const h=l?l*.33:50;l&&r===l?n&&p<l&&f&&l-p>h?p=f:p<l&&(p=l):u&&r===u?p>u&&(p=u):f&&r===f&&(!n&&p>f&&l&&p-f>h?p=l:p=f);const m=p===f;p===r||!a||wd(e,t,p,m,m?f:l,u)},Kr=d.createContext(null),qr=({children:e,direction:t})=>{const o=d.useId(),n=d.useRef(null),[r,s]=d.useState(null),a=d.useRef({dragState:r,id:o,initialResizePanelSize:null,direction:t});d.useLayoutEffect(()=>{a.current.direction=t,a.current.dragState=r,a.current.id=o});const l=d.useCallback((m,x)=>{const{direction:b}=a.current;if(!n.current)return;const y=Ur(m,n.current);Ue(y,`Drag handle element not found for id "${m}"`);const k=Yr(b,x);s({dragHandleId:m,dragHandleRect:y.getBoundingClientRect(),initialCursorPosition:k});const w=Wn(m,a.current.id,n.current);if(w){const $=w.getBoundingClientRect();a.current.initialResizePanelSize=b==="vertical"?$.height:$.width}},[]),u=d.useCallback(()=>{s(null),a.current.initialResizePanelSize=null},[]),f=d.useCallback(m=>{const{direction:x}=a.current,y=Bn(a.current.id,n.current??void 0).find(k=>k.dataset.resizablePanelId===m);if(y){const k=y.parentElement,w=x==="horizontal"?k==null?void 0:k.getBoundingClientRect().width:k==null?void 0:k.getBoundingClientRect().height,$=y.dataset.collapsed==="true",v=zt(y,"resizablePanelMinSize",w),S=zt(y,"resizablePanelCollapsedSize",w);wo(y,x,$?v:S,!$)}},[]);d.useEffect(()=>{const m=()=>{Bn(a.current.id,n.current??void 0).forEach(b=>{wo(b,a.current.direction)})};return window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}},[]);const p=d.useCallback(m=>x=>{x.preventDefault();const b=n.current;if(!b)return()=>null;const{direction:y,dragState:k}=a.current,w=vd(x,m,y,k,b);if(w!==0&&n.current){const $=Wn(m,a.current.id,n.current);if($&&a.current.initialResizePanelSize!==null){const v=a.current.initialResizePanelSize;let S=v+w;S=S<0?0:S,wo($,y,S,v>S)}}},[]),h=d.useMemo(()=>({id:o,startDragging:l,stopDragging:u,direction:t,registerResizeHandle:p,togglePanelCollapse:f}),[o,l,u,t,p,f]);return i.jsx(Kr.Provider,{value:h,children:e(n,o)})},sn=()=>{const e=d.useContext(Kr);if(!e)throw new Error("Unable to use ResizablePanelGroupContext outside of a ResizablePanelGroupContextProvider");return e},Zr=({children:e,direction:t,className:o})=>i.jsx(qr,{direction:t,children:(n,r)=>i.jsx(Cd,{"data-resizable-panel-group":"","data-resizable-panel-group-id":r,className:mt(o,{isVertical:t==="vertical"}),ref:n,children:e})}),Cd=g.div`
|
|
1357
1360
|
width: 100%;
|
|
1358
1361
|
height: 100%;
|
|
1359
1362
|
overflow: auto;
|
|
@@ -1363,58 +1366,60 @@
|
|
|
1363
1366
|
&.isVertical {
|
|
1364
1367
|
flex-direction: column;
|
|
1365
1368
|
}
|
|
1366
|
-
`,
|
|
1369
|
+
`,an=({children:e,maxSize:t,minSize:o,defaultSize:n,collapsedSize:r,className:s,panelId:a})=>{const{id:l,direction:u}=sn(),f=typeof t=="string"?t:t?`${t}px`:void 0,p=typeof o=="string"?o:o?`${o}px`:void 0,h=typeof n=="string"?n:n?`${n}px`:void 0;return i.jsx($d,{className:s,style:u==="horizontal"?{maxWidth:f,minWidth:p,width:h??"auto",height:"100%"}:{maxHeight:f,minHeight:p,height:h??"auto",width:"100%"},"data-resizable-panel-group-element":"","data-resizable-panel-group-panel":"","data-resizable-panel-max-size":t,"data-resizable-panel-min-size":o,"data-resizable-panel-collapsed-size":r,"data-resizable-panel-id":a,"data-resizable-panel-group-id":l,"data-collapsed":!1,children:e})},$d=g.div`
|
|
1367
1370
|
flex-shrink: 0;
|
|
1368
1371
|
overflow: clip;
|
|
1369
|
-
`,
|
|
1372
|
+
`,Xr=g(an)`
|
|
1370
1373
|
flex: 1;
|
|
1371
|
-
`;let
|
|
1374
|
+
`;let Wo=null,nt=null;function Sd(e){switch(e){case"horizontal":return"ew-resize";case"intersection":return"move";case"vertical":return"ns-resize";default:return"auto"}}function jd(){nt!==null&&(document.head.removeChild(nt),Wo=null,nt=null)}function Co(e){const t=Sd(e);Wo!==t&&(Wo=t,nt===null&&(nt=document.createElement("style"),document.head.appendChild(nt)),nt.innerHTML=`*{cursor: ${t}!important;}`)}const Td=(e,t,o)=>e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y;function Dd(e,t){if(e===t)throw new Error("Cannot compare node with itself");const o={a:Vn(e),b:Vn(t)};let n;for(;o.a.at(-1)===o.b.at(-1);)e=o.a.pop(),t=o.b.pop(),n=e;Ue(n,"Stacking order can only be calculated for elements with a common ancestor");const r={a:Hn(Pn(o.a)),b:Hn(Pn(o.b))};if(r.a===r.b){const s=n.childNodes,a={a:o.a.at(-1),b:o.b.at(-1)};let l=s.length;for(;l--;){const u=s[l];if(u===a.a)return 1;if(u===a.b)return-1}}return Math.sign(r.a-r.b)}const Md=/\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;function Ed(e){const t=getComputedStyle(Jr(e)??e).display;return t==="flex"||t==="inline-flex"}function zd(e){const t=getComputedStyle(e);return!!(t.position==="fixed"||t.zIndex!=="auto"&&(t.position!=="static"||Ed(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"||Md.test(t.willChange)||t.webkitOverflowScrolling==="touch")}function Pn(e){let t=e.length;for(;t--;){const o=e[t];if(Ue(o,"Missing node"),zd(o))return o}return null}function Hn(e){return e&&Number(getComputedStyle(e).zIndex)||0}function Vn(e){const t=[];for(;e;)t.push(e),e=Jr(e);return t}function Jr(e){const{parentNode:t}=e;return t&&t instanceof ShadowRoot?t.host:t}let ut=!1;const Od=()=>{if(typeof matchMedia=="function")return matchMedia("(pointer:coarse)").matches?"coarse":"fine"},ze=[],Nt=new Set,Id=Od()==="coarse",Je=new Map,Rd=(e,t,o,n)=>{const{ownerDocument:r}=e,s={direction:t,element:e,hitAreaMargins:o,setResizeHandlerState:n},a=Je.get(r)??0;return Je.set(r,a+1),Nt.add(s),Jt(),function(){Nt.delete(s);const u=Je.get(r)??1;if(Je.set(r,u-1),Jt(),u===1&&Je.delete(r),ze.includes(s)){const f=ze.indexOf(s);f>=0&&ze.splice(f,1),cn(),n("up",!0,null)}}},ln=({target:e,x:t,y:o})=>{ze.splice(0);let n=null;e instanceof HTMLElement&&(n=e),Nt.forEach(r=>{const{element:s,hitAreaMargins:a}=r,l=s.getBoundingClientRect(),{bottom:u,left:f,right:p,top:h}=l,m=Id?a.coarse:a.fine;if(t>=f-m&&t<=p+m&&o>=h-m&&o<=u+m){if(n!==null&&document.contains(n)&&s!==n&&!s.contains(n)&&!n.contains(s)&&Dd(n,s)>0){let b=n,y=!1;for(;b&&!b.contains(s);){if(Td(b.getBoundingClientRect(),l)){y=!0;break}b=b.parentElement}if(y)return}ze.push(r)}})},Gn=e=>{const{target:t}=e,{x:o,y:n}=ro(e);ut=!0,ln({target:t,x:o,y:n}),Jt(),ze.length>0&&(Qt("down",e),e.preventDefault(),e.stopPropagation())},St=e=>{const{x:t,y:o}=ro(e);if(ut&&e.buttons===0&&(ut=!1,Qt("up",e)),!ut){const{target:n}=e;ln({target:n,x:t,y:o})}Qt("move",e),cn(),ze.length>0&&e.preventDefault()},at=e=>{const{target:t}=e,{x:o,y:n}=ro(e);ut=!1,ze.length>0&&e.preventDefault(),Qt("up",e),ln({target:t,x:o,y:n}),cn(),Jt()},Jt=()=>{Je.forEach((e,t)=>{const{body:o}=t;o.removeEventListener("contextmenu",at),o.removeEventListener("pointerdown",Gn),o.removeEventListener("pointerleave",St),o.removeEventListener("pointermove",St)}),window.removeEventListener("pointerup",at),window.removeEventListener("pointercancel",at),Nt.size>0&&(ut?(ze.length>0&&Je.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("contextmenu",at),o.addEventListener("pointerleave",St),o.addEventListener("pointermove",St))}),window.addEventListener("pointerup",at),window.addEventListener("pointercancel",at)):Je.forEach((e,t)=>{const{body:o}=t;e>0&&(o.addEventListener("pointerdown",Gn,{capture:!0}),o.addEventListener("pointermove",St))}))},Qt=(e,t)=>{Nt.forEach(o=>{const{setResizeHandlerState:n}=o,r=ze.includes(o);n(e,r,t)})},cn=()=>{let e=!1,t=!1;ze.forEach(o=>{const{direction:n}=o;n==="horizontal"?e=!0:t=!0}),e&&t?Co("intersection"):e?Co("horizontal"):t?Co("vertical"):jd()},[$o]=O(["resizable-panels"]),Qr=d.memo(({className:e,disabled:t})=>{const{id:o,startDragging:n,stopDragging:r,direction:s,registerResizeHandle:a}=sn(),l=d.useId(),[u,f]=d.useState("inactive"),[p,h]=d.useState(null),m=d.useRef(null),x=d.useRef({state:u});return d.useLayoutEffect(()=>{x.current.state=u}),d.useEffect(()=>{if(t)h(null);else{const b=a(l);h(()=>b)}},[t,l,a]),d.useEffect(()=>{if(t||p==null)return;const b=m.current;return Ue(b,"Element ref not attached"),Rd(b,s,{coarse:15,fine:5},(k,w,$)=>{if(w)switch(k){case"down":{f("drag"),Ue($,'Expected event to be defined for "down" action'),n(l,$);break}case"move":{const{state:v}=x.current;v!=="drag"&&f("hover"),Ue($,'Expected event to be defined for "move" action'),p($);break}case"up":{f("hover"),r();break}}else f("inactive")})},[s,t,l,p,n,r]),i.jsx(Nd,{"data-resizable-panel-group-element":"","data-resizable-panel-group-id":o,"data-resizable-panel-group-handle-id":l,className:mt(e,{isVertical:s==="vertical",isHovered:u==="hover",isDragging:u==="drag"}),ref:m})}),Nd=g.div`
|
|
1372
1375
|
height: 100%;
|
|
1373
1376
|
width: 1px;
|
|
1374
1377
|
flex-shrink: 0;
|
|
1375
|
-
background-color: ${
|
|
1378
|
+
background-color: ${$o("border-color")};
|
|
1376
1379
|
transition: background 0.125s ease-in-out;
|
|
1377
1380
|
&.isHovered {
|
|
1378
|
-
background-color: ${
|
|
1381
|
+
background-color: ${$o("border-color-hover")};
|
|
1379
1382
|
}
|
|
1380
1383
|
&.isDragging {
|
|
1381
|
-
background-color: ${
|
|
1384
|
+
background-color: ${$o("border-color-drag")};
|
|
1382
1385
|
}
|
|
1383
1386
|
&.isVertical {
|
|
1384
1387
|
width: 100%;
|
|
1385
1388
|
height: 1px;
|
|
1386
1389
|
}
|
|
1387
|
-
`,
|
|
1390
|
+
`,es=({children:e,open:t,disableScrollLock:o,className:n,status:r})=>t?i.jsx(z.FloatingPortal,{children:i.jsx(Fd,{className:n,lockScroll:!o,"data-status":r,children:e})}):null,Fd=g(z.FloatingOverlay)`
|
|
1388
1391
|
background: rgba(0, 0, 0, 0.8);
|
|
1389
1392
|
display: grid;
|
|
1390
1393
|
place-items: center;
|
|
1391
1394
|
z-index: 1;
|
|
1392
|
-
`,Ad=[z.flip()],
|
|
1395
|
+
`,Ad=[z.flip()],ts=[z.flip(),z.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${e.reference.width}px`})}})],[Bo]=O(["select"]),dn=d.createContext(null),un=()=>{const e=d.useContext(dn);if(e===null)throw new Error("Select context used outside of the SelectContextProvider");return e},_d=()=>Promise.resolve(),yt=({children:e,onSelect:t,Reference:o,disabled:n,selectedIndex:r,onSelectedIndexChange:s,className:a,matchReferenceWidth:l,isFocusTrapDisabled:u,menuPlacement:f,onOpenChange:p,onBeforeOpen:h=_d,showOpenState:m=!1})=>{const[x,b]=d.useState(!1),[y,k]=d.useState(null),[w,$]=d.useState(null),v=r??w,S=s??$,C=d.useCallback(ee=>{ee?h().then(()=>{b(ee),p&&p(ee)}):(b(ee),p&&p(ee))},[h,p]),{refs:T,floatingStyles:j,context:D}=z.useFloating({placement:f||"bottom-end",open:x,onOpenChange:C,whileElementsMounted:z.autoUpdate,middleware:l?ts:Ad}),W=d.useRef([]),V=d.useRef([]),R=d.useCallback(ee=>{var it;S(ee),ee!==null&&t(((it=W.current[ee])==null?void 0:it.dataset.key)||""),b(!1),p&&p(!1)},[p,t,S]),N=z.useListNavigation(D,{listRef:W,activeIndex:y,selectedIndex:v,focusItemOnHover:!u,focusItemOnOpen:!u,onNavigate:k}),q=z.useClick(D,{enabled:!n}),oe=z.useDismiss(D),te=z.useRole(D,{role:"listbox"}),{getReferenceProps:st,getFloatingProps:kt,getItemProps:le}=z.useInteractions([N,q,oe,te]),ce=d.useMemo(()=>({activeIndex:y,selectedIndex:v,open:x,getItemProps:le,handleSelect:R,setIsOpen:b}),[y,x,v,le,R]);return i.jsxs(dn.Provider,{value:ce,children:[i.jsx(Ld,{ref:T.setReference,tabIndex:0,...st({onClick(ee){ee.stopPropagation()}}),children:m?i.jsxs(Bd,{children:[o??i.jsx(ne,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"}),i.jsx(_,{size:"xsm",iconId:x?"CaretUp":"CaretDown"})]}):o??i.jsx(ne,{className:"select-reference",size:"sm",iconId:"Ellipsis",color:"blue"})}),x&&i.jsx(z.FloatingPortal,{children:i.jsx(z.FloatingFocusManager,{disabled:u,context:D,modal:!1,children:i.jsx(Wd,{ref:T.setFloating,style:j,className:a,...kt(),children:i.jsx(z.FloatingList,{elementsRef:W,labelsRef:V,children:e})})})})]})},Ld=g.div`
|
|
1393
1396
|
align-items: center;
|
|
1394
1397
|
display: flex;
|
|
1395
|
-
font-size: ${
|
|
1398
|
+
font-size: ${Bo("font-size")};
|
|
1396
1399
|
cursor: default;
|
|
1397
1400
|
user-select: none;
|
|
1398
1401
|
`,Wd=g.div`
|
|
1399
1402
|
display: flex;
|
|
1400
1403
|
flex-direction: column;
|
|
1401
|
-
border: ${
|
|
1404
|
+
border: ${Bo("border-size")} solid ${Bo("border-color")};
|
|
1402
1405
|
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
|
|
1406
|
+
background-color: ${c("color-white")};
|
|
1403
1407
|
outline: 0;
|
|
1404
1408
|
z-index: 2;
|
|
1409
|
+
overflow: auto;
|
|
1405
1410
|
`,Bd=g.div`
|
|
1406
1411
|
display: flex;
|
|
1407
1412
|
align-items: center;
|
|
1408
1413
|
justify-content: flex-start;
|
|
1409
1414
|
gap: 2px;
|
|
1410
|
-
`,[
|
|
1411
|
-
color: ${
|
|
1415
|
+
`,[Oe,Un]=O(["option","text"]),ft=d.memo(({label:e,optionKey:t,disabled:o,className:n,prefixIconId:r,prefixIconColor:s,suffixIconId:a,textColor:l,suffixIconColor:u,disableSelectionStyle:f,disableEnterSelection:p})=>{const{activeIndex:h,selectedIndex:m,getItemProps:x,handleSelect:b}=un(),{ref:y,index:k}=z.useListItem({label:t}),w=h!==null&&h!==-1&&h===k,$=!f&&m!==null&&m!==-1&&m===k,v=d.useCallback(S=>{o||(S.stopPropagation(),b(k))},[o,b,k]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(Pd,{className:S({isActive:w,isSelected:$,disabled:o},n),ref:y,"data-key":t,role:"option","data-color":l,"aria-selected":w&&$,tabIndex:w?0:-1,...x({onClick:C=>v(C),onKeyDown:!p&&!o?C=>{C.code==="Enter"&&b(k)}:void 0}),children:[!!r&&i.jsx(_,{iconId:r,size:"sm",color:o?"grey":s??"black"}),e,!!a&&i.jsx(Hd,{iconId:a,size:"sm",color:o?"grey":u??"black"})]})})}),Pd=g.div`
|
|
1416
|
+
color: ${Oe("color")};
|
|
1412
1417
|
cursor: pointer;
|
|
1413
1418
|
font-size: inherit;
|
|
1414
|
-
background-color: ${
|
|
1415
|
-
font-family: ${
|
|
1416
|
-
font-size: ${
|
|
1417
|
-
padding: ${
|
|
1419
|
+
background-color: ${Oe("bg-color")};
|
|
1420
|
+
font-family: ${Oe("font-family")};
|
|
1421
|
+
font-size: ${Oe("font-size")};
|
|
1422
|
+
padding: ${Oe("padding")};
|
|
1418
1423
|
min-width: 96px;
|
|
1419
1424
|
line-height: 18px;
|
|
1420
1425
|
display: flex;
|
|
@@ -1423,20 +1428,21 @@
|
|
|
1423
1428
|
text-align: left;
|
|
1424
1429
|
overflow: hidden;
|
|
1425
1430
|
outline: 0;
|
|
1426
|
-
|
|
1427
|
-
${
|
|
1428
|
-
|
|
1431
|
+
flex-shrink: 0;
|
|
1432
|
+
column-gap: ${Oe("column-gap")};
|
|
1433
|
+
${yr.map(e=>`&[data-color="${e}"] {
|
|
1434
|
+
color: ${Un(`color-${e}`)};
|
|
1429
1435
|
}`).join(`
|
|
1430
1436
|
`)}
|
|
1431
|
-
${`${
|
|
1437
|
+
${`${Un("body-size",!0)}: ${Oe("font-size")}`};
|
|
1432
1438
|
&.isActive {
|
|
1433
|
-
background: ${
|
|
1439
|
+
background: ${Oe("bg-color-active")};
|
|
1434
1440
|
}
|
|
1435
1441
|
&.isSelected {
|
|
1436
|
-
font-weight: ${
|
|
1442
|
+
font-weight: ${Oe("font-weight-selected")};
|
|
1437
1443
|
}
|
|
1438
1444
|
&.disabled {
|
|
1439
|
-
color: ${
|
|
1445
|
+
color: ${Oe("color-disabled")};
|
|
1440
1446
|
cursor: not-allowed;
|
|
1441
1447
|
}
|
|
1442
1448
|
`,Hd=g(_)`
|
|
@@ -1450,20 +1456,20 @@
|
|
|
1450
1456
|
|
|
1451
1457
|
--studio-c-icon-button-badge-top: 6px;
|
|
1452
1458
|
--studio-c-icon-button-badge-right: 6px;
|
|
1453
|
-
`,qd=e=>i.jsx(Kd,{badgeBorderColor:"black",...e}),
|
|
1459
|
+
`,qd=e=>i.jsx(Kd,{badgeBorderColor:"black",...e}),os=d.createContext(null),so=()=>{const e=d.useContext(os);if(e===null)throw new Error("Unable to use TabContext outside of a TabProvider");return e},Zd=d.memo(({children:e,activeTab:t,onTabChange:o,defaultActiveTab:n})=>{const[r,s]=d.useState(n),a=o??s,l=t??r,u=d.useMemo(()=>({onTabChange:a,activeTab:l}),[l,a]);return i.jsx(os.Provider,{value:u,children:e})}),[So]=O(["tab"]),Xd=d.memo(({value:e,text:t,disabled:o,iconColor:n,iconId:r})=>{const{activeTab:s,onTabChange:a}=so(),l=e===s,u=d.useCallback(()=>{l||a(e)},[a,e,l]);return i.jsxs(Jd,{"data-value":e,onClick:u,disabled:o,children:[!!r&&i.jsx(_,{iconId:r,color:n??"black",size:"sm"}),i.jsx(E,{color:o?"grey":"dark",variant:"body",bold:l,children:t})]})}),Jd=g.button`
|
|
1454
1460
|
cursor: pointer;
|
|
1455
1461
|
outline: none;
|
|
1456
1462
|
border: none;
|
|
1457
1463
|
display: flex;
|
|
1458
1464
|
align-items: center;
|
|
1459
1465
|
justify-content: flex-start;
|
|
1460
|
-
column-gap: ${
|
|
1466
|
+
column-gap: ${So("column-gap")};
|
|
1461
1467
|
background-color: transparent;
|
|
1462
|
-
padding: ${
|
|
1468
|
+
padding: ${So("trigger-padding-y")} ${So("trigger-padding-x")};
|
|
1463
1469
|
&:disabled {
|
|
1464
1470
|
cursor: not-allowed;
|
|
1465
1471
|
}
|
|
1466
|
-
`,[Ot]=O(["tab"]),Qd=({children:e,className:t})=>{const{activeTab:o}=
|
|
1472
|
+
`,[Ot]=O(["tab"]),Qd=({children:e,className:t})=>{const{activeTab:o}=so(),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 a=s.getBoundingClientRect(),l=s.offsetLeft;n.current.style.width=`${a.width}px`,n.current.style.left=`${l}px`}}},[o,e]),i.jsxs(eu,{ref:r,className:t,children:[i.jsx(tu,{ref:n}),e]})},eu=g.div`
|
|
1467
1473
|
width: 100%;
|
|
1468
1474
|
height: fit-content;
|
|
1469
1475
|
display: flex;
|
|
@@ -1481,7 +1487,7 @@
|
|
|
1481
1487
|
height: ${Ot("indicator-height")};
|
|
1482
1488
|
background-color: ${Ot("indicator-color")};
|
|
1483
1489
|
transition: all 0.25s ease-in-out;
|
|
1484
|
-
`,ou=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=
|
|
1490
|
+
`,ou=({children:e,className:t,style:o,value:n})=>{const{activeTab:r}=so(),s=n===r;return i.jsx(nu,{className:t,"data-active":s?"true":"false",style:o,children:e})},nu=g.div`
|
|
1485
1491
|
display: none;
|
|
1486
1492
|
&[data-active="true"] {
|
|
1487
1493
|
display: block;
|
|
@@ -1499,7 +1505,7 @@
|
|
|
1499
1505
|
align-items: center;
|
|
1500
1506
|
justify-content: center;
|
|
1501
1507
|
gap: 4px;
|
|
1502
|
-
`,
|
|
1508
|
+
`,eo=e=>{const t=typeof e.children=="string"?i.jsx(E,{color:su[e.color],variant:"body",children:e.children}):e.children;return i.jsx(iu,{...e,children:t})},au=({tagName:e,onRemove:t,color:o="light"})=>i.jsxs(eo,{color:o,children:[i.jsx(E,{variant:"body",children:e}),i.jsx(_,{size:"xxsm",iconId:"Close",onClick:()=>t(e)})]},`key-tag-${e}`),lu=({search:e,style:t,children:o,highlightColor:n,highlightTextColor:r})=>{const s=n||"yellow",a=d.useMemo(()=>Array.isArray(e)?e:[e].filter(Boolean),[e]);if(!a||a.length===0)return i.jsx(i.Fragment,{children:o});const l=f=>{const p=new RegExp(`(${a.join("|")})`,"gi");return f.split(p).map((m,x)=>a.some(b=>b.toLowerCase()===m.toLowerCase())?i.jsx("span",{style:t||{backgroundColor:s,color:r??void 0},children:m},x):m)},u=f=>typeof f=="string"?l(f):d.isValidElement(f)?d.cloneElement(f,{children:d.Children.map(f.props.children,u)}):f;return i.jsx(i.Fragment,{children:d.Children.map(o,u)})},[he]=O(["badge"]),cu=({color:e,children:t,position:o,radius:n,hide:r})=>i.jsxs(du,{children:[!r&&i.jsx(uu,{"data-color":e,"data-position":o??"top-right","data-radius":n??4}),t]}),du=g.div`
|
|
1503
1509
|
width: fit-content;
|
|
1504
1510
|
height: fit-content;
|
|
1505
1511
|
position: relative;
|
|
@@ -1579,7 +1585,7 @@
|
|
|
1579
1585
|
height: ${c("spacing-16")};
|
|
1580
1586
|
--xform-factor: ${c("spacing-8")};
|
|
1581
1587
|
}
|
|
1582
|
-
`,[de]=O(["textarea"]),
|
|
1588
|
+
`,[de]=O(["textarea"]),fn=d.forwardRef(({autoCapitalize:e="off",autoComplete:t="off",autoCorrect:o="off",className:n,...r},s)=>i.jsx(fu,{autoCapitalize:e,autoComplete:t,autoCorrect:o,className:n,ref:s,...r})),fu=g.textarea`
|
|
1583
1589
|
display: flex;
|
|
1584
1590
|
min-height: ${de("min-height")};
|
|
1585
1591
|
padding: ${de("padding")};
|
|
@@ -1605,7 +1611,7 @@
|
|
|
1605
1611
|
color: ${de("color-disabled")};
|
|
1606
1612
|
background-color: ${de("background-color-disabled")};
|
|
1607
1613
|
}
|
|
1608
|
-
`;
|
|
1614
|
+
`;fn.displayName="Textarea";const[pu,Ce,ge]=O(["toggle-container","toggle-track","toggle-thumb"]),Yn=g(_)`
|
|
1609
1615
|
opacity: 0;
|
|
1610
1616
|
position: absolute;
|
|
1611
1617
|
transition-duration: 150ms;
|
|
@@ -1634,14 +1640,14 @@
|
|
|
1634
1640
|
&.isDisabled,
|
|
1635
1641
|
&.isReadOnly {
|
|
1636
1642
|
background-color: ${Ce("background-color-unchecked-disabled")};
|
|
1637
|
-
cursor:
|
|
1643
|
+
cursor: not-allowed;
|
|
1638
1644
|
}
|
|
1639
1645
|
&.isChecked {
|
|
1640
1646
|
background-color: ${Ce("background-color-checked-enabled")};
|
|
1641
1647
|
&.isDisabled,
|
|
1642
1648
|
&.isReadOnly {
|
|
1643
1649
|
background-color: ${Ce("background-color-checked-disabled")};
|
|
1644
|
-
cursor:
|
|
1650
|
+
cursor: not-allowed;
|
|
1645
1651
|
}
|
|
1646
1652
|
}
|
|
1647
1653
|
|
|
@@ -1666,12 +1672,14 @@
|
|
|
1666
1672
|
&.isDisabled,
|
|
1667
1673
|
&.isReadOnly {
|
|
1668
1674
|
background-color: ${ge("background-color-unchecked-disabled")};
|
|
1675
|
+
cursor: not-allowed;
|
|
1669
1676
|
}
|
|
1670
1677
|
&.isChecked {
|
|
1671
1678
|
background-color: ${ge("background-color-checked-enabled")};
|
|
1672
1679
|
&.isDisabled,
|
|
1673
1680
|
&.isReadOnly {
|
|
1674
1681
|
background-color: ${ge("background-color-checked-disabled")};
|
|
1682
|
+
cursor: not-allowed;
|
|
1675
1683
|
}
|
|
1676
1684
|
}
|
|
1677
1685
|
|
|
@@ -1683,12 +1691,12 @@
|
|
|
1683
1691
|
transform: translate(calc(100% + 4px), 0px);
|
|
1684
1692
|
}
|
|
1685
1693
|
}
|
|
1686
|
-
`,
|
|
1694
|
+
`,io=({checked:e,disabled:t,label:o,labelVariant:n="small",onChange:r,showIcons:s,readOnly:a,id:l,...u})=>{const[f,p]=d.useState(e??!1);d.useEffect(()=>{p(e??!1)},[e]);const h=d.useCallback(()=>{t||a||(p(!f),r==null||r(!f))},[f,t,a,r]);return i.jsx(M.ClassNames,{children:({cx:m})=>i.jsxs(hu,{children:[o&&i.jsx(E,{color:t?"disabled":"grey",variant:n,children:o}),i.jsxs(ns,{id:l,className:m({isReadOnly:a},f&&"isChecked",t&&"isDisabled",s&&"showIcons"),...u,onClick:h,children:[s&&i.jsxs(i.Fragment,{children:[i.jsx(Yn,{color:"white",iconId:"Close",size:"xxsm",style:{opacity:f?0:1,right:"3px"}}),i.jsx(Yn,{color:"white",iconId:"Check",size:"xxsm",style:{opacity:f?1:0}})]}),i.jsx(rs,{className:m(f&&"isChecked",s&&"showIcons",{isReadOnly:a}),...u})]})]})})},gu=g.div`
|
|
1687
1695
|
display: inline-block;
|
|
1688
1696
|
line-height: 0;
|
|
1689
1697
|
`,mu=g.div`
|
|
1690
1698
|
z-index: 2;
|
|
1691
|
-
`,ss=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:
|
|
1699
|
+
`,ss=({arrow:e,children:t,content:o,open:n,openDelay:r=250,className:s,placement:a,offset:l,disabled:u})=>{const f=d.useRef(null),[p,h]=d.useState(n);d.useEffect(()=>{n!==void 0&&h(n)},[n]);const{refs:m,floatingStyles:x,context:b}=z.useFloating({open:p,onOpenChange:n===void 0?h:void 0,placement:a??"top",whileElementsMounted:z.autoUpdate,middleware:[z.offset(l??12),z.flip({fallbackAxisSideDirection:"start"}),z.shift(),z.arrow({element:f})]}),y=z.useHover(b,{move:!1,restMs:r}),k=z.useFocus(b),w=z.useDismiss(b),$=z.useRole(b,{role:"tooltip"}),{getReferenceProps:v,getFloatingProps:S}=z.useInteractions(u?[]:[y,k,w,$]);return i.jsxs(i.Fragment,{children:[i.jsx(gu,{className:s,ref:m.setReference,...v(),children:t}),i.jsx(z.FloatingPortal,{children:p&&i.jsxs(mu,{ref:m.setFloating,style:x,...S(),children:[i.jsx(z.FloatingArrow,{...e,ref:f,context:b}),o]})})]})},is=g.div`
|
|
1692
1700
|
background-color: #ffffff;
|
|
1693
1701
|
border-radius: 0px;
|
|
1694
1702
|
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
|
|
@@ -1696,7 +1704,7 @@
|
|
|
1696
1704
|
display: flex;
|
|
1697
1705
|
align-items: center;
|
|
1698
1706
|
padding: ${e=>e.contain&&"7px 10px"};
|
|
1699
|
-
`,as={fill:"#ffffff",height:12,tipRadius:0,width:14},
|
|
1707
|
+
`,as={fill:"#ffffff",height:12,tipRadius:0,width:14},ao=({arrow:e=as,children:t,contain:o=!0,content:n,...r})=>i.jsx(ss,{arrow:e,content:i.jsx(is,{contain:o,children:i.jsx(E,{color:"dark",variant:"body",children:n})}),...r,children:t}),bu=g.div`
|
|
1700
1708
|
display: flex;
|
|
1701
1709
|
flex-direction: column;
|
|
1702
1710
|
min-width: 160px;
|
|
@@ -1709,17 +1717,17 @@
|
|
|
1709
1717
|
border-top: 1px solid #dfdfdf;
|
|
1710
1718
|
`,ku=g.div`
|
|
1711
1719
|
padding: 7px 12px;
|
|
1712
|
-
`,vu=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},wu=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},Cu=({message:e,title:t="Information",type:o="info"})=>i.jsxs(bu,{children:[i.jsxs(xu,{children:[i.jsx(_,{color:vu(o),iconId:wu(o)}),i.jsx(E,{bold:!0,variant:"body",children:t})]}),i.jsx(yu,{}),i.jsx(ku,{children:i.jsx(E,{variant:"body",children:e})})]}),
|
|
1720
|
+
`,vu=e=>{switch(e){case"error":return"red";case"info":return"blue";case"success":return"green";case"warning":return"orange";default:return"blue"}},wu=e=>{switch(e){case"error":case"info":return"ExclamationCircle";case"success":return"CheckCircle";case"warning":return"Warning";default:return"ExclamationCircle"}},Cu=({message:e,title:t="Information",type:o="info"})=>i.jsxs(bu,{children:[i.jsxs(xu,{children:[i.jsx(_,{color:vu(o),iconId:wu(o)}),i.jsx(E,{bold:!0,variant:"body",children:t})]}),i.jsx(yu,{}),i.jsx(ku,{children:i.jsx(E,{variant:"body",children:e})})]}),pn=({children:e,open:t,openDelay:o,className:n,...r})=>i.jsx(ao,{contain:!1,content:i.jsx(Cu,{...r}),open:t,openDelay:o,className:n,children:e}),ls=g.div`
|
|
1713
1721
|
background-color: #000000;
|
|
1714
1722
|
border-radius: 4px;
|
|
1715
1723
|
color: #ffffff;
|
|
1716
1724
|
display: flex;
|
|
1717
1725
|
gap: 8px;
|
|
1718
1726
|
padding: ${e=>e.contain&&"4px 8px"};
|
|
1719
|
-
`,cs={fill:"#000000",height:10,tipRadius:2,width:11},
|
|
1727
|
+
`,cs={fill:"#000000",height:10,tipRadius:2,width:11},lo=d.forwardRef(({arrow:e=cs,children:t,contain:o=!0,content:n,...r},s)=>i.jsx(ss,{arrow:e,content:i.jsx(ls,{contain:o,children:i.jsx(E,{color:"light",variant:"small",children:n})}),...r,children:d.isValidElement(t)?d.cloneElement(t,{ref:s}):t})),ds=({title:e,...t})=>i.jsx(pn,{...t,title:e??"Error",type:"error"}),$u=g.div`
|
|
1720
1728
|
display: flex;
|
|
1721
1729
|
gap: 4px;
|
|
1722
|
-
`,Su=({label:e,value:t})=>i.jsxs($u,{children:[i.jsx(_,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(E,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(E,{variant:"body",children:t})]}),us=({children:e,open:t,openDelay:o,...n})=>i.jsx(
|
|
1730
|
+
`,Su=({label:e,value:t})=>i.jsxs($u,{children:[i.jsx(_,{iconId:"CheckSquare",size:"sm",color:"purple"}),i.jsxs(E,{bold:!0,variant:"body",children:[e,":"]}),i.jsx(E,{variant:"body",children:t})]}),us=({children:e,open:t,openDelay:o,...n})=>i.jsx(ao,{content:i.jsx(Su,{...n}),open:t,openDelay:o,children:e}),fs=d.forwardRef(({variant:e,...t},o)=>{let n;switch(e){case"alert":n=pn;break;case"dark":n=lo;break;case"error":n=ds;break;case"light":n=ao;break;case"selector":n=us;break}return i.jsx(n,{...t,ref:o})}),ps=d.createContext(null),ju=({children:e,value:t})=>i.jsx(ps.Provider,{value:t,children:e}),hs=()=>{const e=d.useContext(ps);if(!e)throw new Error("Unable to use MultiSelectContext outside of its provider.");return e},[jt]=O(["multi-select"]),gs=g.div`
|
|
1723
1731
|
width: 100%;
|
|
1724
1732
|
padding: ${jt("item-padding-y")} ${jt("item-padding-x")};
|
|
1725
1733
|
display: flex;
|
|
@@ -1732,7 +1740,7 @@
|
|
|
1732
1740
|
&:hover {
|
|
1733
1741
|
background-color: ${jt("item-hover-bg")};
|
|
1734
1742
|
}
|
|
1735
|
-
`,[qt]=O(["multi-select"]),Tu=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=hs(),s=d.useRef(null),{isAllSelected:
|
|
1743
|
+
`,[qt]=O(["multi-select"]),Tu=d.memo(({SelectAllItemTemplate:e,options:t})=>{const{selected:o,onSetSelected:n,setOpen:r}=hs(),s=d.useRef(null),{isAllSelected:a,isPartiallySelected:l}=d.useMemo(()=>{const f=t.every(p=>o.some(h=>h.value===p.value));return{isAllSelected:f,isPartiallySelected:!f&&o.length!==0}},[o,t]),u=d.useCallback(()=>{n(a?[]:t),r(!1)},[a,r,n,t]);return d.useEffect(()=>{s.current&&(s.current.indeterminate=l)},[l]),e?i.jsx(e,{onToggleSelectAll:u,isAllSelected:a,isPartiallySelected:l}):i.jsxs(Du,{onClick:u,children:[i.jsx(bt,{ref:s,onChange:_e,checked:a}),i.jsx(E,{variant:"body",color:"dark",children:a?"Deselect All":"Select All"})]})}),Du=g(gs)`
|
|
1736
1744
|
border-bottom: ${qt("border")} solid ${qt("select-all-border-color")};
|
|
1737
1745
|
position: sticky;
|
|
1738
1746
|
top: 0;
|
|
@@ -1751,7 +1759,7 @@
|
|
|
1751
1759
|
:hover {
|
|
1752
1760
|
background-color: ${lt("selected-item-background-hover")};
|
|
1753
1761
|
}
|
|
1754
|
-
`,[se]=O(["multi-select"]),ms=d.memo(({options:e,selected:t,className:o,closeOnSelect:n,onChange:r,disabled:s,selectAllHidden:
|
|
1762
|
+
`,[se]=O(["multi-select"]),ms=d.memo(({options:e,selected:t,className:o,closeOnSelect:n,onChange:r,disabled:s,selectAllHidden:a,SelectAllItemTemplate:l,ListItemTemplate:u,SelectedItemTemplate:f})=>{const[p,h]=d.useState(!1),m=d.useCallback(j=>{console.log({_open:j}),h(j)},[]),{refs:x,floatingStyles:b,context:y}=z.useFloating({placement:"bottom",open:p,onOpenChange:m,whileElementsMounted:z.autoUpdate,middleware:ts}),k=z.useClick(y,{enabled:!s,toggle:!!n}),w=z.useDismiss(y),$=z.useRole(y,{role:"listbox"}),{getReferenceProps:v,getFloatingProps:S}=z.useInteractions([k,w,$]),C=d.useCallback(j=>{t.some(D=>D.value===j.value)?r(t.filter(D=>D.value!==j.value)):r([...t,j])},[r,t]),T=d.useMemo(()=>({open:p,setOpen:h,selected:t,onToggleSelect:C,onSetSelected:r}),[C,p,t,r]);return console.log({open:p}),i.jsx(ju,{value:T,children:i.jsxs(Ou,{ref:x.setReference,className:o,...v({onClick(j){j.stopPropagation()}}),children:[t.map(j=>M.createElement(Eu,{SelectedItemTemplate:f,...j,key:j.value,onRemove:C})),p&&i.jsx(z.FloatingPortal,{children:i.jsx(z.FloatingFocusManager,{context:y,modal:!1,children:i.jsxs(Iu,{ref:x.setFloating,style:b,className:mt({selectAllHidden:!!a||!!l}),...S(),children:[!a&&i.jsx(Tu,{SelectAllItemTemplate:l,options:e}),e.map(j=>i.jsx(Mu,{label:j.label,value:j.value,onToggleSelect:C,isSelected:t.some(D=>j.value===D.value),ListItemTemplate:u},j.value))]})})})]})})}),Ou=g.div`
|
|
1755
1763
|
width: 100%;
|
|
1756
1764
|
height: fit-content;
|
|
1757
1765
|
min-height: 28px;
|
|
@@ -1785,7 +1793,7 @@
|
|
|
1785
1793
|
&.selectAllHidden {
|
|
1786
1794
|
padding-top: ${se("list-padding")};
|
|
1787
1795
|
}
|
|
1788
|
-
`,Ru=d.memo(({className:e})=>{const t=d.useId();return i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",className:e,xmlns:"http://www.w3.org/2000/svg",children:[i.jsxs("g",{clipPath:`url(#${t}-clip-0)`,children:[i.jsx("mask",{id:`${t}-mask-1`,style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"48",height:"48",children:i.jsx("path",{d:"M47.95 0H0V47.95H47.95V0Z",fill:"white"})}),i.jsxs("g",{mask:`url(#${t}-mask-1)`,children:[i.jsx("path",{d:"M36.9766 0H10.9735C4.913 0 0 4.913 0 10.9735V36.9766C0 43.037 4.913 47.95 10.9735 47.95H36.9766C43.037 47.95 47.95 43.037 47.95 36.9766V10.9735C47.95 4.913 43.037 0 36.9766 0Z",fill:"black"}),i.jsx("path",{d:"M30.8827 24.7424C30.8827 25.7291 30.6646 26.6208 30.2341 27.393C29.8056 28.1617 29.2034 28.7704 28.4449 29.2013C27.6857 29.6323 26.8124 29.8504 25.8494 29.8504C24.8864 29.8504 24.0126 29.6323 23.2536 29.2013C22.495 28.7704 21.8929 28.1623 21.4643 27.393C21.0339 26.6208 20.8157 25.7291 20.8157 24.7424C20.8157 24.0474 20.9643 23.4216 21.258 22.8811C21.5493 22.345 21.9583 21.92 22.4736 21.6186C22.9907 21.3166 23.5864 21.1638 24.245 21.1638C24.9037 21.1638 25.5 21.3166 26.0166 21.6186C26.5319 21.92 26.9409 22.3444 27.2321 22.8811C27.5259 23.4216 27.6744 24.0481 27.6744 24.7424C27.6744 23.7556 27.4563 22.864 27.0259 22.0917C26.5973 21.3226 25.9951 20.7144 25.2366 20.2834C24.4781 19.8524 23.6049 19.6343 22.6407 19.6343C21.6764 19.6343 20.8039 19.8524 20.0453 20.2834C19.2867 20.7144 18.6846 21.3231 18.256 22.0917C17.8256 22.864 17.6074 23.7556 17.6074 24.7424C17.6074 25.9764 17.8951 27.0964 18.4628 28.0707C19.0311 29.0468 19.8288 29.8184 20.833 30.3636C21.8334 30.9068 22.9819 31.182 24.2457 31.182C25.5094 31.182 26.6586 30.9068 27.659 30.3636C28.663 29.8184 29.4607 29.0474 30.029 28.0707C30.5967 27.0964 30.8844 25.9764 30.8844 24.7424H30.8827Z",fill:"white"}),i.jsx("path",{d:"M17.6073 24.7424C17.6073 23.7556 17.8255 22.864 18.2558 22.0917C18.6845 21.3232 19.2866 20.7144 20.0452 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2365 20.2834C25.9949 20.7144 26.5972 21.3226 27.0258 22.0917C27.456 22.864 27.6743 23.7556 27.6743 24.7424C27.6743 25.4373 27.5256 26.0633 27.232 26.6036C26.9408 27.1399 26.5318 27.5649 26.0163 27.8663C25.4992 28.1682 24.9036 28.321 24.2449 28.321C23.5862 28.321 22.99 28.1682 22.4735 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.9642 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0338 26.6209 21.464 27.393C21.8926 28.1623 22.4949 28.7704 23.2533 29.2014C24.0119 29.6323 24.8852 29.8506 25.8493 29.8506C26.8135 29.8506 27.6862 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.234 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6566 18.578 25.508 18.3027 24.2443 18.3027C22.9805 18.3027 21.8315 18.578 20.831 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6073Z",fill:"white"}),i.jsx("path",{d:"M17.6072 24.7424C17.6072 23.7556 17.8253 22.864 18.2558 22.0917C18.6843 21.3232 19.2865 20.7144 20.045 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2363 20.2834C25.9949 20.7144 26.597 21.3226 27.0256 22.0917C27.456 22.864 27.6742 23.7556 27.6742 24.7424C27.6742 25.4373 27.5256 26.0633 27.2319 26.6036C26.9406 27.1399 26.5316 27.5649 26.0163 27.8663C25.4992 28.1682 24.9035 28.321 24.2449 28.321C23.5862 28.321 22.9899 28.1682 22.4733 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.964 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0336 26.6209 21.464 27.393C21.8926 28.1623 22.4948 28.7704 23.2533 29.2014C24.0118 29.6323 24.885 29.8504 25.8492 29.8504C26.8135 29.8504 27.686 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.2339 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6565 18.578 25.508 18.3027 24.2442 18.3027C22.9805 18.3027 21.8313 18.578 20.8309 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6072Z",fill:`url(#${t}-paint-0)`}),i.jsx("path",{d:"M41.6791 24.6258C41.0531 23.9767 40.1179 23.5308 38.8969 23.3002L36.5435 22.8692C35.7981 22.7276 35.4831 22.5744 35.3499 22.4704C35.1865 22.3431 35.1073 22.2075 35.1073 22.0559C35.1073 21.9627 35.1073 21.6791 35.6429 21.4015C36.0525 21.1892 36.5798 21.0817 37.2099 21.0817C38.3548 21.0817 39.4248 21.4585 40.3902 22.2022C40.4639 22.2592 40.5561 22.2902 40.6488 22.2902C40.7791 22.2902 40.8991 22.2314 40.9793 22.1291L42.2705 20.4789C42.4096 20.3012 42.3841 20.0462 42.2116 19.8981C41.5946 19.3691 40.8641 18.9702 40.0383 18.7128C39.1662 18.4411 38.2425 18.3032 37.2925 18.3032C36.2821 18.3032 35.3618 18.4595 34.5569 18.7675C33.7378 19.0814 33.0875 19.5409 32.6238 20.1329C32.1535 20.7339 31.9152 21.4479 31.9152 22.2539C31.9152 23.1479 32.2159 23.9077 32.8086 24.5122C33.3906 25.1061 34.2698 25.5175 35.4218 25.7362L37.9572 26.2165C38.5236 26.3301 38.9231 26.4757 39.1449 26.6487C39.3392 26.8009 39.4296 26.9691 39.4296 27.1795C39.4296 27.4749 39.2572 27.7247 38.9029 27.9428C38.5142 28.1818 37.9839 28.3036 37.3271 28.3036C35.9058 28.3036 34.6585 27.8589 33.6206 26.9816C33.5452 26.9179 33.4495 26.8829 33.3508 26.8829C33.2242 26.8829 33.1052 26.9388 33.0251 27.0369L31.6275 28.7369C31.4823 28.9135 31.5038 29.1704 31.6756 29.3219C32.2921 29.8652 33.0988 30.2998 34.0736 30.6137C35.1062 30.9465 36.2398 31.1154 37.4435 31.1154C38.4576 31.1154 39.3642 30.9465 40.1388 30.6137C40.9258 30.2754 41.5446 29.7887 41.9798 29.1662C42.4173 28.5397 42.6391 27.8102 42.6391 26.9982C42.6391 26.0834 42.3168 25.2851 41.6808 24.6252L41.6791 24.6258Z",fill:`url(#${t}-paint-1)`}),i.jsx("path",{d:"M12.9952 24.6802L18.8296 19.0464C19.0549 18.8271 19.0123 18.6261 18.9817 18.5529C18.9513 18.4799 18.8477 18.3032 18.5312 18.3032H15.5957C15.3764 18.3032 15.0963 18.4129 14.9319 18.5712L10.0172 23.3951V18.7357C10.0172 18.4981 9.82227 18.3032 9.58476 18.3032H7.26443C7.02692 18.3032 6.83203 18.4981 6.83203 18.7357V30.6249C6.83203 30.8624 7.02692 31.0574 7.26443 31.0574H9.58476C9.82227 31.0574 10.0172 30.8624 10.0172 30.6249V25.9655L14.9319 30.7894C15.0902 30.9417 15.3703 31.0574 15.5896 31.0574H18.525C18.8417 31.0574 18.9453 30.8807 18.9757 30.8077C19.0062 30.7345 19.0487 30.5335 18.8234 30.3142L12.9952 24.6802Z",fill:"white"})]})]}),i.jsxs("defs",{children:[i.jsxs("linearGradient",{id:`${t}-paint-0`,x1:"24.2439",y1:"19.4779",x2:"24.2439",y2:"28.6754",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsxs("linearGradient",{id:`${t}-paint-1`,x1:"37.0852",y1:"19.6069",x2:"37.0852",y2:"29.8117",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsx("clipPath",{id:`${t}-clip-0`,children:i.jsx("rect",{width:"48",height:"48",fill:"white"})})]})]})}),[$e]=O(["collapsible-artifact-version"]),Nu=d.memo(({onListItemAction:e,isSelected:t,isInherited:o,id:n,name:r,createdAt:s,description:
|
|
1796
|
+
`,Ru=d.memo(({className:e})=>{const t=d.useId();return i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",className:e,xmlns:"http://www.w3.org/2000/svg",children:[i.jsxs("g",{clipPath:`url(#${t}-clip-0)`,children:[i.jsx("mask",{id:`${t}-mask-1`,style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"48",height:"48",children:i.jsx("path",{d:"M47.95 0H0V47.95H47.95V0Z",fill:"white"})}),i.jsxs("g",{mask:`url(#${t}-mask-1)`,children:[i.jsx("path",{d:"M36.9766 0H10.9735C4.913 0 0 4.913 0 10.9735V36.9766C0 43.037 4.913 47.95 10.9735 47.95H36.9766C43.037 47.95 47.95 43.037 47.95 36.9766V10.9735C47.95 4.913 43.037 0 36.9766 0Z",fill:"black"}),i.jsx("path",{d:"M30.8827 24.7424C30.8827 25.7291 30.6646 26.6208 30.2341 27.393C29.8056 28.1617 29.2034 28.7704 28.4449 29.2013C27.6857 29.6323 26.8124 29.8504 25.8494 29.8504C24.8864 29.8504 24.0126 29.6323 23.2536 29.2013C22.495 28.7704 21.8929 28.1623 21.4643 27.393C21.0339 26.6208 20.8157 25.7291 20.8157 24.7424C20.8157 24.0474 20.9643 23.4216 21.258 22.8811C21.5493 22.345 21.9583 21.92 22.4736 21.6186C22.9907 21.3166 23.5864 21.1638 24.245 21.1638C24.9037 21.1638 25.5 21.3166 26.0166 21.6186C26.5319 21.92 26.9409 22.3444 27.2321 22.8811C27.5259 23.4216 27.6744 24.0481 27.6744 24.7424C27.6744 23.7556 27.4563 22.864 27.0259 22.0917C26.5973 21.3226 25.9951 20.7144 25.2366 20.2834C24.4781 19.8524 23.6049 19.6343 22.6407 19.6343C21.6764 19.6343 20.8039 19.8524 20.0453 20.2834C19.2867 20.7144 18.6846 21.3231 18.256 22.0917C17.8256 22.864 17.6074 23.7556 17.6074 24.7424C17.6074 25.9764 17.8951 27.0964 18.4628 28.0707C19.0311 29.0468 19.8288 29.8184 20.833 30.3636C21.8334 30.9068 22.9819 31.182 24.2457 31.182C25.5094 31.182 26.6586 30.9068 27.659 30.3636C28.663 29.8184 29.4607 29.0474 30.029 28.0707C30.5967 27.0964 30.8844 25.9764 30.8844 24.7424H30.8827Z",fill:"white"}),i.jsx("path",{d:"M17.6073 24.7424C17.6073 23.7556 17.8255 22.864 18.2558 22.0917C18.6845 21.3232 19.2866 20.7144 20.0452 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2365 20.2834C25.9949 20.7144 26.5972 21.3226 27.0258 22.0917C27.456 22.864 27.6743 23.7556 27.6743 24.7424C27.6743 25.4373 27.5256 26.0633 27.232 26.6036C26.9408 27.1399 26.5318 27.5649 26.0163 27.8663C25.4992 28.1682 24.9036 28.321 24.2449 28.321C23.5862 28.321 22.99 28.1682 22.4735 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.9642 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0338 26.6209 21.464 27.393C21.8926 28.1623 22.4949 28.7704 23.2533 29.2014C24.0119 29.6323 24.8852 29.8506 25.8493 29.8506C26.8135 29.8506 27.6862 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.234 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6566 18.578 25.508 18.3027 24.2443 18.3027C22.9805 18.3027 21.8315 18.578 20.831 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6073Z",fill:"white"}),i.jsx("path",{d:"M17.6072 24.7424C17.6072 23.7556 17.8253 22.864 18.2558 22.0917C18.6843 21.3232 19.2865 20.7144 20.045 20.2834C20.8042 19.8524 21.6775 19.6343 22.6405 19.6343C23.6035 19.6343 24.4773 19.8524 25.2363 20.2834C25.9949 20.7144 26.597 21.3226 27.0256 22.0917C27.456 22.864 27.6742 23.7556 27.6742 24.7424C27.6742 25.4373 27.5256 26.0633 27.2319 26.6036C26.9406 27.1399 26.5316 27.5649 26.0163 27.8663C25.4992 28.1682 24.9035 28.321 24.2449 28.321C23.5862 28.321 22.9899 28.1682 22.4733 27.8663C21.958 27.5649 21.549 27.1404 21.2578 26.6036C20.964 26.0633 20.8155 25.4367 20.8155 24.7424C20.8155 25.7292 21.0336 26.6209 21.464 27.393C21.8926 28.1623 22.4948 28.7704 23.2533 29.2014C24.0118 29.6323 24.885 29.8504 25.8492 29.8504C26.8135 29.8504 27.686 29.6323 28.4446 29.2014C29.2032 28.7704 29.8053 28.1617 30.2339 27.393C30.6643 26.6209 30.8825 25.7292 30.8825 24.7424C30.8825 23.5083 30.5948 22.3884 30.027 21.4142C29.4588 20.438 28.661 19.6664 27.657 19.1213C26.6565 18.578 25.508 18.3027 24.2442 18.3027C22.9805 18.3027 21.8313 18.578 20.8309 19.1213C19.8269 19.6664 19.0292 20.4374 18.4609 21.4142C17.8932 22.3884 17.6055 23.5083 17.6055 24.7424H17.6072Z",fill:`url(#${t}-paint-0)`}),i.jsx("path",{d:"M41.6791 24.6258C41.0531 23.9767 40.1179 23.5308 38.8969 23.3002L36.5435 22.8692C35.7981 22.7276 35.4831 22.5744 35.3499 22.4704C35.1865 22.3431 35.1073 22.2075 35.1073 22.0559C35.1073 21.9627 35.1073 21.6791 35.6429 21.4015C36.0525 21.1892 36.5798 21.0817 37.2099 21.0817C38.3548 21.0817 39.4248 21.4585 40.3902 22.2022C40.4639 22.2592 40.5561 22.2902 40.6488 22.2902C40.7791 22.2902 40.8991 22.2314 40.9793 22.1291L42.2705 20.4789C42.4096 20.3012 42.3841 20.0462 42.2116 19.8981C41.5946 19.3691 40.8641 18.9702 40.0383 18.7128C39.1662 18.4411 38.2425 18.3032 37.2925 18.3032C36.2821 18.3032 35.3618 18.4595 34.5569 18.7675C33.7378 19.0814 33.0875 19.5409 32.6238 20.1329C32.1535 20.7339 31.9152 21.4479 31.9152 22.2539C31.9152 23.1479 32.2159 23.9077 32.8086 24.5122C33.3906 25.1061 34.2698 25.5175 35.4218 25.7362L37.9572 26.2165C38.5236 26.3301 38.9231 26.4757 39.1449 26.6487C39.3392 26.8009 39.4296 26.9691 39.4296 27.1795C39.4296 27.4749 39.2572 27.7247 38.9029 27.9428C38.5142 28.1818 37.9839 28.3036 37.3271 28.3036C35.9058 28.3036 34.6585 27.8589 33.6206 26.9816C33.5452 26.9179 33.4495 26.8829 33.3508 26.8829C33.2242 26.8829 33.1052 26.9388 33.0251 27.0369L31.6275 28.7369C31.4823 28.9135 31.5038 29.1704 31.6756 29.3219C32.2921 29.8652 33.0988 30.2998 34.0736 30.6137C35.1062 30.9465 36.2398 31.1154 37.4435 31.1154C38.4576 31.1154 39.3642 30.9465 40.1388 30.6137C40.9258 30.2754 41.5446 29.7887 41.9798 29.1662C42.4173 28.5397 42.6391 27.8102 42.6391 26.9982C42.6391 26.0834 42.3168 25.2851 41.6808 24.6252L41.6791 24.6258Z",fill:`url(#${t}-paint-1)`}),i.jsx("path",{d:"M12.9952 24.6802L18.8296 19.0464C19.0549 18.8271 19.0123 18.6261 18.9817 18.5529C18.9513 18.4799 18.8477 18.3032 18.5312 18.3032H15.5957C15.3764 18.3032 15.0963 18.4129 14.9319 18.5712L10.0172 23.3951V18.7357C10.0172 18.4981 9.82227 18.3032 9.58476 18.3032H7.26443C7.02692 18.3032 6.83203 18.4981 6.83203 18.7357V30.6249C6.83203 30.8624 7.02692 31.0574 7.26443 31.0574H9.58476C9.82227 31.0574 10.0172 30.8624 10.0172 30.6249V25.9655L14.9319 30.7894C15.0902 30.9417 15.3703 31.0574 15.5896 31.0574H18.525C18.8417 31.0574 18.9453 30.8807 18.9757 30.8077C19.0062 30.7345 19.0487 30.5335 18.8234 30.3142L12.9952 24.6802Z",fill:"white"})]})]}),i.jsxs("defs",{children:[i.jsxs("linearGradient",{id:`${t}-paint-0`,x1:"24.2439",y1:"19.4779",x2:"24.2439",y2:"28.6754",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsxs("linearGradient",{id:`${t}-paint-1`,x1:"37.0852",y1:"19.6069",x2:"37.0852",y2:"29.8117",gradientUnits:"userSpaceOnUse",children:[i.jsx("stop",{offset:"0.0358168",stopColor:"#82E1FF"}),i.jsx("stop",{offset:"0.228529",stopColor:"#78E6A0"}),i.jsx("stop",{offset:"0.436866",stopColor:"#FFB400"}),i.jsx("stop",{offset:"0.619161",stopColor:"#FF8700"}),i.jsx("stop",{offset:"0.811872",stopColor:"#FF5A00"}),i.jsx("stop",{offset:"1",stopColor:"#F40000"})]}),i.jsx("clipPath",{id:`${t}-clip-0`,children:i.jsx("rect",{width:"48",height:"48",fill:"white"})})]})]})}),[$e]=O(["collapsible-artifact-version"]),Nu=d.memo(({onListItemAction:e,isSelected:t,isInherited:o,id:n,name:r,createdAt:s,description:a})=>{const l=d.useCallback(()=>{e&&!o&&e(n,t?"deselect":"select")},[n,o,t,e]);return i.jsx(M.ClassNames,{children:({cx:u})=>i.jsxs(Fu,{onClick:l,className:u({isSelected:t,isInherited:o}),children:[i.jsxs(Au,{children:[i.jsxs(_u,{children:[i.jsx(E,{variant:"small",color:"dark",bold:!0,children:r}),!!s&&i.jsx(E,{color:"grey",variant:"small",children:s})]}),a&&i.jsx(no,{color:"grey",variant:"small",children:`${a}${a}`})]}),t?i.jsx(Lu,{size:"xsm",color:"blue",iconId:t?"Check":"InfoCircle"}):o?i.jsx(_,{iconId:"Inherited",color:"purple"}):null]})})}),Fu=g.div`
|
|
1789
1797
|
width: 100%;
|
|
1790
1798
|
position: relative;
|
|
1791
1799
|
display: flex;
|
|
@@ -1828,20 +1836,23 @@
|
|
|
1828
1836
|
top: 50%;
|
|
1829
1837
|
transform: translateY(-50%);
|
|
1830
1838
|
right: 8px;
|
|
1831
|
-
`,[It,
|
|
1839
|
+
`,[It,jo,Wu]=O(["collapsible-list-container","collapsible-list-header-container","collapsible-list-toggled-container"]),Bu=({headerContent:e,toggledContent:t,isOpen:o,onOpenChange:n})=>i.jsx(to,{open:o,onOpenChange:n,children:i.jsxs(Hu,{children:[i.jsx(Jo,{children:i.jsxs(Vu,{children:[i.jsx(ne,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(oo,{children:i.jsx(Pu,{children:t})})]})}),Pu=g.div`
|
|
1840
|
+
flex-direction: column;
|
|
1841
|
+
gap: ${Wu("gap")};
|
|
1842
|
+
`,Hu=g.div`
|
|
1832
1843
|
border-radius: ${It("border-radius")};
|
|
1833
1844
|
border: ${It("border-width")} solid ${It("border-color")};
|
|
1834
1845
|
display: flex;
|
|
1835
1846
|
flex-direction: column;
|
|
1836
1847
|
overflow: hidden;
|
|
1837
1848
|
position: relative;
|
|
1838
|
-
`,
|
|
1849
|
+
`,Vu=g.div`
|
|
1839
1850
|
align-items: center;
|
|
1840
|
-
background-color: ${
|
|
1851
|
+
background-color: ${jo("background-color")};
|
|
1841
1852
|
cursor: pointer;
|
|
1842
1853
|
display: flex;
|
|
1843
|
-
gap: ${
|
|
1844
|
-
padding: ${
|
|
1854
|
+
gap: ${jo("gap")};
|
|
1855
|
+
padding: ${jo("padding")};
|
|
1845
1856
|
|
|
1846
1857
|
&[data-state="open"] > .caret-button {
|
|
1847
1858
|
transform: rotate(90deg);
|
|
@@ -1851,10 +1862,7 @@
|
|
|
1851
1862
|
border-bottom: ${It("border-width")} solid
|
|
1852
1863
|
${It("border-color")};
|
|
1853
1864
|
}
|
|
1854
|
-
`,
|
|
1855
|
-
flex-direction: column;
|
|
1856
|
-
gap: ${Wu("gap")};
|
|
1857
|
-
`,Vu=({headerContent:e,toggledContent:t,isOpen:o,onOpen:n})=>i.jsx(eo,{open:o,onOpenChange:n,children:i.jsxs(Bu,{children:[i.jsx(Xo,{children:i.jsxs(Pu,{children:[i.jsx(ne,{className:"caret-button",color:"black",size:"xsm",iconId:"CaretRight"}),e]})}),i.jsx(to,{children:i.jsx(Hu,{children:t})})]})}),[Yn]=O(["combobox"]),Gu=d.memo(({isDeletable:e,inputText:t,setInputText:o,onSelectionChange:n,placeholder:r,setIsOpen:s,tooltipText:l,onKeyDown:a})=>{const u=d.useCallback(p=>{o(p.target.value??"")},[o]),f=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return i.jsxs(Uu,{children:[i.jsx(Ku,{value:t,onChange:u,onKeyDown:a,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Yu,{children:i.jsx(fs,{variant:"dark",content:l,children:i.jsx(ne,{onClick:f,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Uu=g.div`
|
|
1865
|
+
`,[Kn]=O(["combobox"]),Gu=d.memo(({isDeletable:e,inputText:t,setInputText:o,onSelectionChange:n,placeholder:r,setIsOpen:s,tooltipText:a,onKeyDown:l})=>{const u=d.useCallback(p=>{o(p.target.value??"")},[o]),f=d.useCallback(()=>{o(""),n("select",void 0),s(!1)},[n,o,s]);return i.jsxs(Uu,{children:[i.jsx(Ku,{value:t,onChange:u,onKeyDown:l,placeholder:r,autoFocus:!0,className:e?"isDeletable":void 0}),e&&i.jsx(Yu,{children:i.jsx(fs,{variant:"dark",content:a,children:i.jsx(ne,{onClick:f,iconId:"DeleteOutlined",color:"red",size:"sm"})})})]})}),Uu=g.div`
|
|
1858
1866
|
width: 100%;
|
|
1859
1867
|
position: relative;
|
|
1860
1868
|
display: flex;
|
|
@@ -1867,15 +1875,15 @@
|
|
|
1867
1875
|
justify-content: center;
|
|
1868
1876
|
transform: translateY(-50%);
|
|
1869
1877
|
`,Ku=g(xt)`
|
|
1870
|
-
border-radius: ${
|
|
1871
|
-
height: ${
|
|
1878
|
+
border-radius: ${Kn("input-border-radius")};
|
|
1879
|
+
height: ${Kn("height")};
|
|
1872
1880
|
width: 100%;
|
|
1873
1881
|
|
|
1874
1882
|
&.isDeletable {
|
|
1875
1883
|
padding-right: ${c("spacing-32")};
|
|
1876
1884
|
}
|
|
1877
|
-
`,qu=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(_,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(
|
|
1878
|
-
border-radius: ${
|
|
1885
|
+
`,qu=d.memo(({name:e})=>i.jsxs(i.Fragment,{children:[i.jsx(_,{iconId:"Check",color:"black",className:"option-label-icon",size:"xsm"}),i.jsx(no,{variant:"body",color:"dark",children:e})]})),[Me,Zu]=O(["combobox","option"]),Xu=({optionsToRender:e,inputText:t,handleSelectionChange:o,handleInputChange:n,isDeletable:r,OptionLabelComponent:s,placeholder:a,createNode:l,createText:u,className:f,onEnter:p,t:h})=>{const{setIsOpen:m,selectedIndex:x}=un(),b=d.useCallback(()=>{o("create",{id:t,name:t}),m(!1)},[t,m,o]),y=d.useMemo(()=>!e.length||!e.some(w=>w.name.toLowerCase()===t.toLowerCase()),[t,e]),k=d.useCallback(w=>{w.code==="Enter"&&t&&p&&p(t,()=>m(!1))},[t,p,m]);return i.jsxs(Qu,{className:f,children:[i.jsx(Gu,{inputText:t,setIsOpen:m,onSelectionChange:o,setInputText:n,isDeletable:r,onKeyDown:p?k:void 0,placeholder:a??"Enter a name",tooltipText:(h==null?void 0:h("comboBox.tooltipText"))??"Remove?"}),e.map((w,$)=>i.jsx(of,{label:s?i.jsx(s,{...w,selected:x===$}):i.jsx(qu,{name:w.name}),optionKey:w.id,disabled:w.isHeader},w.id)),y&&t?l?i.jsx(tf,{onClick:b,children:l}):i.jsx(ef,{size:"med",onClick:b,children:u??"Create?"}):null]})},bs=({children:e,deletable:t,options:o,selected:n,onInputChange:r,onSelectionChange:s,requiresSelection:a,...l})=>{const u=d.useRef(n==null?void 0:n.id),[f,p]=d.useState(a?"":(n==null?void 0:n.name)??""),h=!!n&&n.name===f,m=t!==void 0?t:h&&!a;d.useLayoutEffect(()=>{u.current!==(n==null?void 0:n.id)&&(p(a?"":(n==null?void 0:n.name)??""),u.current=n==null?void 0:n.id)},[n,a]);const x=d.useCallback($=>{p($),r==null||r($)},[r]),b=d.useCallback(($,v)=>{u.current=v==null?void 0:v.id,p(a?"":(v==null?void 0:v.name)??""),s($,v==null?void 0:v.id)},[s,a]),y=d.useCallback($=>{const v=o.find(S=>S.id===$);v&&b("select",v)},[b,o]),k=d.useMemo(()=>h?o:o.filter($=>$.name.toLowerCase().includes(f.toLowerCase())||$.isHeader),[f,o,h]),w=d.useMemo(()=>k.findIndex($=>$.id===(n==null?void 0:n.id)),[k,n==null?void 0:n.id]);return i.jsx(Ju,{selectedIndex:w,isFocusTrapDisabled:!0,onSelect:y,Reference:e,children:i.jsx(Xu,{...l,handleInputChange:x,handleSelectionChange:b,optionsToRender:k,isDeletable:m,inputText:f})})},Ju=g(yt)`
|
|
1886
|
+
border-radius: ${Me("border-radius")};
|
|
1879
1887
|
overflow: hidden;
|
|
1880
1888
|
`,Qu=g.div`
|
|
1881
1889
|
width: 200px;
|
|
@@ -1884,12 +1892,12 @@
|
|
|
1884
1892
|
flex-direction: column;
|
|
1885
1893
|
align-items: flex-start;
|
|
1886
1894
|
justify-content: flex-start;
|
|
1887
|
-
background-color: ${
|
|
1888
|
-
border-radius: ${
|
|
1889
|
-
box-shadow: ${
|
|
1890
|
-
padding: ${
|
|
1891
|
-
row-gap: ${
|
|
1892
|
-
`,ef=g(
|
|
1895
|
+
background-color: ${Me("background-color")};
|
|
1896
|
+
border-radius: ${Me("border-radius")};
|
|
1897
|
+
box-shadow: ${Me("box-shadow")};
|
|
1898
|
+
padding: ${Me("padding")};
|
|
1899
|
+
row-gap: ${Me("row-gap")};
|
|
1900
|
+
`,ef=g(Xo)`
|
|
1893
1901
|
padding: ${Zu("padding")};
|
|
1894
1902
|
`,tf=g.div`
|
|
1895
1903
|
cursor: pointer;
|
|
@@ -1899,22 +1907,22 @@
|
|
|
1899
1907
|
display: flex;
|
|
1900
1908
|
align-items: center;
|
|
1901
1909
|
justify-content: flex-start;
|
|
1902
|
-
background-color: ${
|
|
1903
|
-
border-radius: ${
|
|
1904
|
-
column-gap: ${
|
|
1910
|
+
background-color: ${Me("background-color")};
|
|
1911
|
+
border-radius: ${Me("selection-border-radius")};
|
|
1912
|
+
column-gap: ${Me("option-column-gap")};
|
|
1905
1913
|
transition: background 0.125s ease-in-out;
|
|
1906
1914
|
overflow: hidden;
|
|
1907
1915
|
> .option-label-icon {
|
|
1908
1916
|
display: none;
|
|
1909
1917
|
}
|
|
1910
1918
|
&.isSelected {
|
|
1911
|
-
background-color: ${
|
|
1919
|
+
background-color: ${Me("background-color-selected")};
|
|
1912
1920
|
> .option-label-icon {
|
|
1913
1921
|
display: block;
|
|
1914
1922
|
}
|
|
1915
1923
|
}
|
|
1916
1924
|
&.isActive:not(.isSelected) {
|
|
1917
|
-
background-color: ${
|
|
1925
|
+
background-color: ${Me("background-color-active")};
|
|
1918
1926
|
}
|
|
1919
1927
|
&.disabled {
|
|
1920
1928
|
cursor: initial;
|
|
@@ -1944,7 +1952,7 @@
|
|
|
1944
1952
|
pointer-events: none;
|
|
1945
1953
|
background-color: ${c("color-grey10")};
|
|
1946
1954
|
}
|
|
1947
|
-
`,nf=e=>typeof e=="string"?e.trim().length>0||"Required":!0,rf=e=>{const{register:t}=e,o=d.useCallback((r,s)=>{if(!s||!s.required)return t(r,s);const
|
|
1955
|
+
`,nf=e=>typeof e=="string"?e.trim().length>0||"Required":!0,rf=e=>{const{register:t}=e,o=d.useCallback((r,s)=>{if(!s||!s.required)return t(r,s);const a=typeof s.validate=="function"?{default:s.validate}:s.validate,l={...s,validate:{...a,whitespaces:nf}};return t(r,l)},[t]),n=d.useMemo(()=>({...e.control,register:o}),[e.control,o]);return{...e,register:o,control:n}};function ys({children:e,onSubmit:t,onRootErrorChange:o,className:n,defaultValues:r,variant:s="submit",...a}){const l=K.useForm({shouldUnregister:!0,defaultValues:r,...a,mode:s==="blur"?"onBlur":a.mode}),u=rf(l),f=u.formState.errors.root;d.useEffect(()=>{o&&o(f)},[f,o]);const p=d.useCallback(async h=>{await t(h,u.setError)},[u.setError,t]);return i.jsx(K.FormProvider,{...u,children:i.jsx("form",{className:n,onSubmit:s==="blur"?void 0:u.handleSubmit(p),onBlur:s==="blur"?u.handleSubmit(p):void 0,children:e})})}const sf=d.memo(()=>i.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M5.99961 3.6001C5.35761 3.6001 4.75761 3.8481 4.30361 4.3041C3.84961 4.7581 3.59961 5.3581 3.59961 6.0001C3.59961 6.6421 3.84961 7.2421 4.30361 7.6961C4.75761 8.1481 5.35961 8.4001 5.99961 8.4001C6.63961 8.4001 7.24161 8.1501 7.69561 7.6961C8.14761 7.2421 8.39961 6.6401 8.39961 6.0001C8.39961 5.3601 8.14961 4.7581 7.69561 4.3041C7.24161 3.8481 6.64161 3.6001 5.99961 3.6001Z",fill:"#262626"})})),af=e=>e===void 0?i.jsx(sf,{}):e?i.jsx(_,{iconId:"Check",color:"green",size:"sm"}):i.jsx(_,{iconId:"Close",color:"red",size:"sm"}),ks=d.memo(({isBlank:e,requirements:t,metRequirements:o,bulletGetter:n,className:r,t:s,title:a})=>i.jsxs(lf,{className:r,children:[!!a&&i.jsx(E,{color:"dark",bold:!0,variant:"body",children:a}),i.jsx(cf,{children:t.map(l=>{const u=e?void 0:o.includes(l.id);return i.jsxs(df,{children:[n?n(l.id,u):af(u),i.jsx(uf,{variant:"body",color:"dark",children:s?s(l.textKey):l.id})]},l.id)})})]})),lf=g.div`
|
|
1948
1956
|
display: flex;
|
|
1949
1957
|
align-items: flex-start;
|
|
1950
1958
|
justify-content: flex-start;
|
|
@@ -1962,35 +1970,35 @@
|
|
|
1962
1970
|
justify-content: flex-start;
|
|
1963
1971
|
`,uf=g(E)`
|
|
1964
1972
|
margin-left: 4px;
|
|
1965
|
-
`,ff=()=>K.useFormContext(),[
|
|
1973
|
+
`,ff=()=>K.useFormContext(),[qn]=O(["form"]),hn=[{textKey:"passwordRequirements.length",id:"length"},{textKey:"passwordRequirements.uppercaseAndNumber",id:"uppercaseAndNumber"},{textKey:"passwordRequirements.specialCharacter",id:"specialCharacter"}],vs=[{textKey:"passwordRequirements.tooSimilar",id:"tooSimilar"},...hn],pf=d.memo(({name:e,t,hasLabel:o,includeTooSimilar:n})=>{const{getFieldState:r,formState:s}=ff(),{error:a,isDirty:l}=r(e??"password",s),u=d.useMemo(()=>{const f=(a==null?void 0:a.types)??{},p=[];return!f.minLength&&!f.required&&p.push("length"),!f.tooSimilar&&n&&p.push("tooSimilar"),!f[Et.noDigit]&&!f[Et.noUpperCase]&&p.push("uppercaseAndNumber"),f[Et.noSpecialCharacter]||p.push("specialCharacter"),p},[a==null?void 0:a.types,n]);return i.jsx(M.ClassNames,{children:({cx:f})=>i.jsx(hf,{t,className:f({hasLabel:o}),isBlank:!l&&!a,requirements:n?vs:hn,title:(t==null?void 0:t("passwordRequirements.title"))??"Password Requirements",metRequirements:u})})}),hf=g(ks)`
|
|
1966
1974
|
width: 100%;
|
|
1967
1975
|
align-items: flex-start;
|
|
1968
1976
|
justify-content: flex-start;
|
|
1969
1977
|
&.hasLabel {
|
|
1970
|
-
padding-left: calc(${
|
|
1971
|
-
}
|
|
1972
|
-
`,[
|
|
1973
|
-
font-family: ${
|
|
1974
|
-
font-size: ${
|
|
1975
|
-
font-weight: ${
|
|
1976
|
-
height: ${
|
|
1977
|
-
line-height: ${
|
|
1978
|
+
padding-left: calc(${qn("label-width")} + ${qn("label-column-gap")});
|
|
1979
|
+
}
|
|
1980
|
+
`,[tt]=O(["form"]),ke=d.forwardRef(({className:e,required:t,formItemId:o,isValid:n,...r},s)=>i.jsx(M.ClassNames,{children:({cx:a})=>i.jsx(gf,{ref:s,"aria-required":t,"aria-invalid":!n,className:a(e,"form-label"),htmlFor:o,...r})})),gf=g.label`
|
|
1981
|
+
font-family: ${tt("label-font-family")};
|
|
1982
|
+
font-size: ${tt("label-font-size")};
|
|
1983
|
+
font-weight: ${tt("label-font-weight")};
|
|
1984
|
+
height: ${tt("label-height")};
|
|
1985
|
+
line-height: ${tt("label-line-height")};
|
|
1978
1986
|
text-align: right;
|
|
1979
1987
|
width: 100%;
|
|
1980
1988
|
&[aria-required="true"] {
|
|
1981
1989
|
::before {
|
|
1982
1990
|
content: "*";
|
|
1983
|
-
padding-right: ${
|
|
1984
|
-
color: ${
|
|
1991
|
+
padding-right: ${tt("label-star-padding")};
|
|
1992
|
+
color: ${tt("label-error-color")};
|
|
1985
1993
|
}
|
|
1986
1994
|
}
|
|
1987
|
-
`;ke.displayName="FormLabel";const[
|
|
1995
|
+
`;ke.displayName="FormLabel";const[To]=O(["form"]),Le=d.memo(({handleError:e,name:t,hasLabel:o})=>{const{getFieldState:n,formState:r}=K.useFormContext(),{error:s}=n(t,r);if(!s)return null;const a=e==="message"?s.message:e(s);return a?i.jsx(mf,{className:o?"hasLabel":void 0,variant:"body",color:"red",children:a}):null}),mf=g(E)`
|
|
1988
1996
|
width: 100%;
|
|
1989
|
-
margin-top: ${
|
|
1997
|
+
margin-top: ${To("error-message-top-margin")};
|
|
1990
1998
|
&.hasLabel {
|
|
1991
|
-
padding-left: calc(${
|
|
1999
|
+
padding-left: calc(${To("label-width")} + ${To("label-column-gap")});
|
|
1992
2000
|
}
|
|
1993
|
-
`,[
|
|
2001
|
+
`,[Po]=O(["form"]),Ke=g.div`
|
|
1994
2002
|
display: flex;
|
|
1995
2003
|
align-items: center;
|
|
1996
2004
|
justify-content: flex-start;
|
|
@@ -2002,9 +2010,9 @@
|
|
|
2002
2010
|
align-items: center;
|
|
2003
2011
|
grid-template-columns: 1fr;
|
|
2004
2012
|
width: 100%;
|
|
2005
|
-
column-gap: ${
|
|
2013
|
+
column-gap: ${Po("label-column-gap")};
|
|
2006
2014
|
&.hasLabel {
|
|
2007
|
-
grid-template-columns: ${
|
|
2015
|
+
grid-template-columns: ${Po("label-width")} 1fr;
|
|
2008
2016
|
}
|
|
2009
2017
|
`,ws=g(We)`
|
|
2010
2018
|
align-items: flex-start;
|
|
@@ -2017,37 +2025,39 @@
|
|
|
2017
2025
|
can help...
|
|
2018
2026
|
|
|
2019
2027
|
& label {
|
|
2020
|
-
padding: ${
|
|
2028
|
+
padding: ${Po("label-area-padding")};
|
|
2021
2029
|
} */
|
|
2022
|
-
`,
|
|
2030
|
+
`,gn=g.input`
|
|
2023
2031
|
visibility: hidden;
|
|
2024
2032
|
position: absolute;
|
|
2025
2033
|
right: 0;
|
|
2026
2034
|
top: 0;
|
|
2027
2035
|
pointer-events: none;
|
|
2028
|
-
`,bf=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:l
|
|
2036
|
+
`,bf=({name:e,disabled:t,label:o,className:n,handleError:r,showIcons:s,readOnly:a,...l})=>{const{control:u}=K.useFormContext(),{field:{onChange:f,value:p,disabled:h},fieldState:{error:m}}=K.useController({name:e,control:u,rules:l,disabled:t}),x=d.useId();return i.jsx(M.ClassNames,{children:({cx:b})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:b({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:x,isValid:!m,required:!!l.required,children:o}),i.jsx(xf,{children:i.jsx(io,{checked:p,disabled:h,readOnly:a,onChange:f,showIcons:s,id:x})})]}),!!r&&i.jsx(Le,{handleError:r,name:e,hasLabel:!!o})]})})},xf=g.div`
|
|
2029
2037
|
width: 100%;
|
|
2030
2038
|
display: flex;
|
|
2031
2039
|
align-items: center;
|
|
2032
2040
|
justify-content: flex-start;
|
|
2033
|
-
`,yf=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:
|
|
2041
|
+
`,yf=({name:e,disabled:t,label:o,placeholder:n,className:r,handleError:s,autoFocus:a,wrap:l,readOnly:u,...f},p)=>{const{control:h}=K.useFormContext(),{field:{ref:m,...x},fieldState:{error:b}}=K.useController({name:e,control:h,rules:f,disabled:t}),y=d.useId(),k=z.useMergeRefs([m,p]);return i.jsx(M.ClassNames,{children:({cx:w})=>i.jsxs(Ke,{children:[i.jsxs(ws,{className:w({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:y,isValid:!b,required:!!f.required,children:o}),i.jsx(fn,{...x,id:y,placeholder:n,ref:k,autoComplete:"off",className:w(r,"form-text-area"),"aria-invalid":!!b,autoFocus:a,readOnly:u,wrap:l})]}),!!s&&i.jsx(Le,{handleError:s,name:e,hasLabel:!!o})]})})},kf=gt(yf),vf=({onSubmit:e,enabledIfClean:t,disabled:o,...n},r)=>{const{handleSubmit:s,setError:a,formState:{isValid:l,isSubmitting:u,dirtyFields:f}}=K.useFormContext(),p=d.useCallback(async x=>{await e(x,a)},[a,e]),h=Object.keys(f).length>0,m=!l||u||!t&&!h||o;return i.jsx(Ae,{type:"submit",...n,ref:r,disabled:m,onClick:s(p)})},mn=gt(vf),Cs=({disabled:e,isSmall:t,children:o,value:n,id:r,placeholder:s,prefixIcon:a,prefixIconColor:l,className:u,getLabel:f,getIcon:p,onSelect:h,onKeyDown:m})=>{var T,j;const x=d.useRef(n);d.useEffect(()=>{x.current=n},[n]);const b=d.useCallback(D=>{let W=p==null?void 0:p(D),V=f==null?void 0:f(D),R;return D&&d.Children.forEach(o,N=>{d.isValidElement(N)&&N.props.optionKey&&N.props.optionKey===D&&(R=N)}),R!==void 0&&d.isValidElement(R)&&R.props.label&&(V=V??R.props.label,W=W??R.props.prefixIconId),{label:V??"",iconId:W}},[o,p,f]),y=d.useCallback((D,W)=>{let V=null;return d.Children.forEach(D,(R,N)=>{d.isValidElement(R)&&R.props.optionKey&&R.props.optionKey===W&&(V=N)}),V},[]),[k,w]=d.useState(y(o,n));d.useEffect(()=>{w(y(o,x.current))},[o,y]);const[$,v]=d.useState((T=b(n))==null?void 0:T.label),[S,C]=d.useState((j=b(n))==null?void 0:j.iconId);return d.useEffect(()=>{const D=b(n);v(D==null?void 0:D.label),C(D==null?void 0:D.iconId)},[n,b]),i.jsx(M.ClassNames,{children:({cx:D})=>i.jsx(Cf,{onSelect:h,disabled:e,matchReferenceWidth:!0,selectedIndex:k,onSelectedIndexChange:w,Reference:i.jsx(wf,{value:$??"",disabled:e,onChange:_e,id:r,onKeyDown:m,isSmall:t,prefixIconId:a||S,prefixIconColor:l,type:"text",placeholder:s,autoComplete:"off",className:D(u,"form-input"),suffixIconId:"Down",suffixIconColor:e?"grey":"black"}),children:o})})},wf=g(xt)`
|
|
2034
2042
|
caret-color: transparent;
|
|
2035
2043
|
user-select: none;
|
|
2036
2044
|
-webkit-user-select: none;
|
|
2037
|
-
`,Cf=(
|
|
2045
|
+
`,Cf=g(yt)`
|
|
2046
|
+
max-height: 300px;
|
|
2047
|
+
`,$f=({name:e,disabled:t,label:o,handleError:n,children:r,placeholder:s,prefixIcon:a,prefixIconColor:l,className:u,readOnly:f,onSelectionChange:p,...h})=>{const{control:m}=K.useFormContext(),{field:{ref:x,...b},fieldState:{error:y}}=K.useController({name:e,control:m,rules:h,disabled:t}),k=d.useId(),{onChange:w}=b,$=d.useCallback(v=>{w(v),p&&p(v)},[w,p]);return i.jsx(M.ClassNames,{children:({cx:v})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:v({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:k,isValid:!y,required:!!h.required,children:o}),i.jsx(Cs,{disabled:t||f,onSelect:$,className:u,id:k,value:b.value,children:r})]}),!!n&&i.jsx(Le,{handleError:n,name:e,hasLabel:!!o}),i.jsx(gn,{ref:x,...b})]})})},Sf=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:a,prefixIconId:l,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:h,readOnly:m,bold:x,...b},y)=>{const{control:k}=K.useFormContext(),{field:{ref:w,...$},fieldState:{error:v}}=K.useController({name:e,control:k,rules:b,disabled:t}),S=d.useId(),C=z.useMergeRefs([w,y]);return i.jsx(M.ClassNames,{children:({cx:T})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:T({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:S,isValid:!v,required:!!b.required,children:o}),m?i.jsx(jf,{children:i.jsx(E,{variant:"body",color:"dark",bold:x,children:$.value||n||""})}):i.jsx(xt,{...$,onChange:j=>{b.autoTrim?$.onChange(j.target.value.trim()):$.onChange(j.target.value)},id:S,type:r,autoFocus:h,placeholder:n,ref:C,autoComplete:"off",prefixIconColor:u,prefixIconId:l,suffixIconId:p,suffixIconColor:f,className:T(s,"form-input"),"aria-invalid":!!v})]}),!!a&&i.jsx(Le,{handleError:a,name:e,hasLabel:!!o})]})})},bn=gt(Sf),jf=g.div`
|
|
2038
2048
|
width: 100%;
|
|
2039
2049
|
min-height: 40px;
|
|
2040
2050
|
display: flex;
|
|
2041
2051
|
align-items: center;
|
|
2042
2052
|
padding: 8px 0;
|
|
2043
|
-
`,
|
|
2053
|
+
`,Tf=({areaField:e,name:t,disabled:o,readOnly:n,label:r,handleError:s,children:a,className:l,...u})=>{const{control:f}=K.useFormContext(),{field:p,fieldState:{error:h,...m}}=K.useController({name:t,control:f,rules:u,disabled:o}),x=d.useId(),b=e?ws:We;return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(Ke,{className:l,children:[i.jsxs(b,{className:y("form-input-wrapper",{hasLabel:!!r}),children:[r&&i.jsx(ke,{formItemId:x,isValid:!h,required:!!u.required,children:r}),a(p,{error:h,readOnly:n,...m})]}),!!s&&i.jsx(Le,{handleError:s,name:t,hasLabel:!!r})]})})},Df=({name:e,disabled:t,label:o,className:n,handleError:r,readOnly:s,...a},l)=>{const{control:u}=K.useFormContext(),{field:{ref:f,...p},fieldState:{error:h}}=K.useController({name:e,control:u,rules:a,disabled:t}),m=d.useId(),x=z.useMergeRefs([f,l]),b=d.useCallback(y=>{y.target.blur(),p.onChange(y)},[p]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:y({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:m,isValid:!h,required:!!a.required,children:o}),i.jsx(bt,{checked:!!p.value,disabled:p.disabled||s,onChange:b,id:m,ref:x,className:y(n,"form-checkbox"),"aria-invalid":!!h})]}),!!r&&i.jsx(Le,{handleError:r,name:e,hasLabel:!!o})]})})},Mf=gt(Df),[Rt]=O(["form"]),Zn=({control:e,name:t,t:o,readOnly:n})=>{const{field:{onChange:r,value:s,disabled:a}}=K.useController({name:t,control:e,rules:{},disabled:!1}),l=d.useId();return i.jsxs(Ef,{children:[i.jsx(zf,{isValid:!0,formItemId:l,children:(o==null?void 0:o(`access.${t==="locked"?"lock":"hide"}Label`))??t==="locked"?"Lock":"Hide"}),i.jsx(io,{checked:s,readOnly:a||n,onChange:r,id:l})]})},Ef=g.div`
|
|
2044
2054
|
display: flex;
|
|
2045
2055
|
align-items: center;
|
|
2046
2056
|
justify-content: flex-start;
|
|
2047
2057
|
column-gap: ${Rt("access-toggle-gap")};
|
|
2048
|
-
`,
|
|
2058
|
+
`,zf=g(ke)`
|
|
2049
2059
|
width: auto;
|
|
2050
|
-
`,
|
|
2060
|
+
`,Of=({className:e,t,isAdmin:o,hideHide:n,hideLock:r})=>{const{control:s}=K.useFormContext(),a=K.useWatch();return o?i.jsxs(If,{className:e,children:[i.jsx(E,{textAlign:"right",variant:"body",color:"dark",children:(t==null?void 0:t("access.label"))??"Access:"}),i.jsxs(Rf,{children:[!n&&i.jsx(Zn,{name:"hidden",readOnly:!!a.locked,control:s}),!r&&i.jsx(Zn,{name:"locked",control:s})]})]}):null},If=g.div`
|
|
2051
2061
|
width: 100%;
|
|
2052
2062
|
display: grid;
|
|
2053
2063
|
align-items: center;
|
|
@@ -2056,30 +2066,30 @@
|
|
|
2056
2066
|
grid-template-columns: ${Rt("label-width")} 1fr;
|
|
2057
2067
|
height: ${Rt("access-toggle-height")};
|
|
2058
2068
|
column-gap: ${Rt("label-column-gap")};
|
|
2059
|
-
`,
|
|
2069
|
+
`,Rf=g.div`
|
|
2060
2070
|
width: 100%;
|
|
2061
2071
|
height: 100%;
|
|
2062
2072
|
display: flex;
|
|
2063
2073
|
align-items: center;
|
|
2064
2074
|
justify-content: flex-start;
|
|
2065
2075
|
column-gap: ${Rt("label-column-gap")};
|
|
2066
|
-
`,
|
|
2076
|
+
`,Nf=d.memo(({nameBlackList:e,maxLength:t,t:o,...n})=>{const r=d.useCallback(s=>Br.test(s)?t&&s.length>t?(o==null?void 0:o("form.tooLongName"))??`Cannot be longer than ${t}.`:e&&e.includes(s)?(o==null?void 0:o("form.duplicateName"))??"This name is already taken":!0:(o==null?void 0:o("form.noLeadingOrTrailingSpacesName"))??"Cannot have leading or trailing spaces.",[t,e,o]);return i.jsx(bn,{validate:r,handleError:"message",name:"name",...n})}),Ff=({name:e,disabled:t,label:o,placeholder:n,type:r,className:s,handleError:a,prefixIconId:l,prefixIconColor:u,suffixIconColor:f,suffixIconId:p,autoFocus:h,readOnly:m,options:x,useLabelAsValue:b,...y})=>{const{control:k}=K.useFormContext(),{field:{ref:w,...$},fieldState:{error:v}}=K.useController({name:e,control:k,rules:y,disabled:t}),S=d.useId(),C=d.useCallback((j,D)=>{$.onChange(D??"")},[$]),T=d.useMemo(()=>{if($.value)return{id:$.value,name:$.value}},[$.value]);return i.jsx(M.ClassNames,{children:({cx:j})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:j({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:S,isValid:!v,required:!!y.required,children:o}),i.jsx(bs,{options:x,selected:T,onSelectionChange:C,children:i.jsxs(Af,{children:[i.jsx(no,{variant:"body",color:"dark",children:$.value}),i.jsx(_f,{children:i.jsx(_,{iconId:"Down",size:"sm",color:"black"})})]})})]}),!!a&&i.jsx(Le,{handleError:a,name:e,hasLabel:!!o}),i.jsx(gn,{ref:w,...$})]})})},Af=g(xs)`
|
|
2067
2077
|
height: 29px;
|
|
2068
2078
|
width: 100%;
|
|
2069
|
-
`,
|
|
2079
|
+
`,_f=g.div`
|
|
2070
2080
|
width: 100%;
|
|
2071
2081
|
height: 100%;
|
|
2072
2082
|
display: flex;
|
|
2073
2083
|
align-items: center;
|
|
2074
2084
|
justify-content: center;
|
|
2075
|
-
`,
|
|
2085
|
+
`,Lf=({name:e,disabled:t,label:o,handleError:n,readOnly:r,placeholder:s,...a})=>{const{control:l}=K.useFormContext(),u=d.useRef(null),{field:{ref:f,value:p,onChange:h,...m},fieldState:{error:x}}=K.useController({name:e,control:l,rules:a,disabled:t}),b=d.useId(),y=z.useMergeRefs([f,u]),k=d.useCallback(()=>{u.current&&u.current.click()},[]),w=d.useCallback(S=>{S.preventDefault()},[]),$=d.useCallback(S=>{S.preventDefault();let C=!1;if(S.dataTransfer.items.length)for(let T=0;T<S.dataTransfer.items.length&&!C;T++){const j=S.dataTransfer.items[T];if(j.kind==="file"){const D=j.getAsFile();D&&(C=!0,h(D))}}},[h]),v=d.useCallback(()=>{h(void 0)},[h]);return i.jsx(M.ClassNames,{children:({cx:S})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:S({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:b,isValid:!x,required:!!a.required,children:o}),p?i.jsxs(Pf,{children:[i.jsx(_,{iconId:"File",size:"sm",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:p.name}),i.jsx(Hf,{onClick:v,iconId:"Close",size:"sm",color:"black"})]}):i.jsxs(Wf,{onDrop:$,onClick:k,onDragOver:w,children:[i.jsx(_,{iconId:"File",size:"med",color:"black"}),i.jsx(E,{variant:"body",color:"dark",children:s})]}),i.jsx(Bf,{value:p==null?void 0:p.fileName,...m,id:b,onChange:C=>{C.target.files&&h(C.target.files[0])},type:"file",ref:y})]}),!!n&&i.jsx(Le,{handleError:n,name:e,hasLabel:!!o})]})})},$s=g.div`
|
|
2076
2086
|
width: 100%;
|
|
2077
2087
|
padding: ${c("spacing-12")};
|
|
2078
2088
|
display: flex;
|
|
2079
2089
|
border: 1px solid ${c("color-grey30")};
|
|
2080
2090
|
background-color: ${c("color-grey10")};
|
|
2081
2091
|
border-radius: ${c("spacing-6")};
|
|
2082
|
-
`,
|
|
2092
|
+
`,Wf=g($s)`
|
|
2083
2093
|
align-items: center;
|
|
2084
2094
|
justify-content: center;
|
|
2085
2095
|
flex-direction: column;
|
|
@@ -2089,31 +2099,31 @@
|
|
|
2089
2099
|
:hover {
|
|
2090
2100
|
border-color: ${c("color-grey50")};
|
|
2091
2101
|
}
|
|
2092
|
-
`,
|
|
2102
|
+
`,Bf=g.input`
|
|
2093
2103
|
display: none;
|
|
2094
|
-
`,
|
|
2104
|
+
`,Pf=g($s)`
|
|
2095
2105
|
align-items: flex-start;
|
|
2096
2106
|
justify-content: flex-start;
|
|
2097
2107
|
column-gap: ${c("spacing-4")};
|
|
2098
|
-
`,
|
|
2108
|
+
`,Hf=g(ne)`
|
|
2099
2109
|
margin-left: auto;
|
|
2100
|
-
`,
|
|
2110
|
+
`,Vf=({name:e,disabled:t,label:o,handleError:n,options:r,selectAllHidden:s,SelectAllItemTemplate:a,ListItemTemplate:l,SelectedItemTemplate:u,className:f,readOnly:p,closeOnSelect:h,...m})=>{const{control:x}=K.useFormContext(),{field:{value:b,onChange:y},fieldState:{error:k}}=K.useController({name:e,control:x,rules:m,disabled:t}),w=d.useId(),$=d.useCallback(v=>{y(v)},[y]);return i.jsx(M.ClassNames,{children:({cx:v})=>i.jsxs(Ke,{children:[i.jsxs(We,{className:v({hasLabel:!!o}),children:[o&&i.jsx(ke,{formItemId:w,isValid:!k,required:!!m.required,children:o}),i.jsx(ms,{disabled:t||p,options:r,closeOnSelect:h,onChange:$,selected:b,className:f,SelectAllItemTemplate:a,ListItemTemplate:l,SelectedItemTemplate:u})]}),!!n&&i.jsx(Le,{handleError:n,name:e,hasLabel:!!o})]})})},Lt=(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},Wt=d.createContext({isSelected:()=>!1,selected:[],toggleSelection:_e,isDisabled:!1}),et=()=>{const e=d.useContext(Wt);return e||{isSelected:()=>!1,selected:[],toggleSelection:_e,isDisabled:!1}};function Ho(e){return e.context!==void 0}const xn=d.createContext(null),yn=({children:e,dataProvider:t,onListItemAction:o})=>{const[n,r]=d.useState(),s=d.useMemo(()=>t?{action:o,data:n}:{data:new Map,action:o},[t,n,o]);return d.useEffect(()=>{var l;const a=u=>{r(u)};if(t&&Ho(t)){const u=t.context;(l=t.addContextChangeListener)==null||l.call(t,a),u&&r(u)}return()=>{var u;t&&Ho(t)&&((u=t==null?void 0:t.removeContextChangeListener)==null||u.call(t,a))}},[t]),i.jsx(xn.Provider,{value:s,children:e})},Gf=()=>{const e=d.useContext(xn);return e||L.KosLog.info("useListDataContext must be used within a DataProviderContextProvider"),e},Uf=e=>t=>o=>()=>o.call(e,t);class kn{constructor(t,o,n,r){G(this,"parent");G(this,"_itemMap");G(this,"disposer");G(this,"_items");G(this,"listeners",[]);G(this,"context");G(this,"resolvedItems");G(this,"resolver");G(this,"version");G(this,"initialized");this.parent=t,this.context=P.observable.map(new Map(Object.entries(r||{}))),this.version=0,this._itemMap=n,this.initialized=!1,this._items=P.observable.map(new Map),this.resolvedItems=[],this.resolver=o.bind(t),this.listeners=[],P.makeObservable(this,{items:P.computed,initialized:P.observable,version:P.observable,refresh:P.action,resolvedItems:P.observable,context:P.observable})}filterByInputItem(t,o){return!!t}sortByInputItem(t,o){var n;return t.name?(n=t.name)==null?void 0:n.localeCompare(o.name):-1}filterItem(t,o){return!0}sortItem(t,o){return 0}refresh(){this.version=this.version+1}get items(){if(!this.initialized||this.version<0)return[];const t=this.resolvedItems,o=[...new Set(t)],n=f=>this._itemMap(f,this.context),r=f=>this.filterByInputItem(f,this.context),s=o.filter(r.bind(this)).sort(this.sortByInputItem.bind(this)).map(n),a=f=>this.filterItem(f,this.context),l=s.filter(a.bind(this)).sort(this.sortItem.bind(this));return Array.from(this._items.keys()).filter(f=>!l.find(p=>p.id===f)).forEach(f=>{L.kosAction(()=>{this._items.delete(f)})}),l.reduce((f,p)=>{if(!f.has(p.id))L.kosAction(()=>{f.set(p.id,p)});else{const h=f.get(p.id);h&&L.kosAction(()=>{const m=Object.assign(h,p);f.set(p.id,m)})}return f},this._items),l.map(f=>this._items.get(f.id))}async init(){if(!this.initialized){if(L.isKosDataModel(this.parent)&&await L.whenReady(this.parent),this.resolver){const t=Uf(this.parent)(this.context)(this.resolver);this.disposer=P.reaction(t,o=>{this.resolvedItems=o,this.refresh()},{fireImmediately:!0})}L.kosAction(()=>{this.initialized=!0})}}whenReady(){return new Promise(t=>{const o=L.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}updateContextValue(t,o){L.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}dispose(){this.disposer&&this.disposer(),L.kosAction(()=>{this.initialized=!1})}}const Yf=e=>e.data!==void 0,Ss=e=>t=>()=>{const o=[];return(Array.isArray(t)?t:[t]).forEach(r=>{const s=e[r];Yf(s)?o.push(...s.data):Array.isArray(s)&&o.push(...s)}),o};class vn extends kn{constructor(o,n,r,s){super(o,Ss(o)(n),r,s);G(this,"_key");this._key=Array.isArray(n)?n:[n]}}class Kf extends vn{constructor(t,o,n,r){super(t,o,n,r),P.makeObservable(this,{groups:P.computed,itemsByGroup:P.computed})}get itemsByGroup(){return this.items.reduce((t,o)=>{const n=o.group.groupId;return t[n]||(t[n]=[]),t[n].push(o),t},{})}get groups(){return this.items.map(t=>t.group).sort(this.sortGroup.bind(this))}getGroupItems(t){return this.itemsByGroup[t]||[]}sortGroup(t,o){return t.name.localeCompare(o.name)}}class qf{constructor(t,o=[]){G(this,"items");G(this,"parent");this.parent=t,this.items=o.map(n=>({id:`${this.parent.id}-${n.name.toString()}`,name:n.key||n.name.toString(),data:n,value:this.parent[n.name]}))}}class Zf{constructor(t,o,n,r,s){G(this,"parent");G(this,"_itemMap");G(this,"rootResolver");G(this,"childResolver");G(this,"rootDisposer");G(this,"childDisposers");G(this,"loadingStates");G(this,"loadedChildren");G(this,"rootItems");G(this,"context");G(this,"_itemCache");G(this,"_branchCache");G(this,"_originalItems");G(this,"version");G(this,"initialized");this.parent=t,this.context=P.observable.map(new Map(Object.entries(s||{}))),this.loadingStates=P.observable.map(new Map),this.loadedChildren=P.observable.map(new Map),this.rootItems=P.observable.array([]),this._itemCache=P.observable.map(new Map),this._branchCache=P.observable.map(new Map),this._originalItems=new Map,this.childDisposers=new Map,this.version=0,this.initialized=!1,this._itemMap=r,this.rootResolver=o.bind(t),this.childResolver=n.bind(t),P.makeObservable(this,{rootItems:P.observable.shallow,loadingStates:P.observable.shallow,loadedChildren:P.observable.shallow,context:P.observable,version:P.observable,initialized:P.observable,tree:P.computed,originalItems:P.computed,expandBranch:P.action,collapseBranch:P.action,clearCache:P.action,refresh:P.action})}filterByInputItem(t,o){return!0}sortByInputItem(t,o){return 0}filterItem(t,o){return!0}sortItem(t,o){return 0}async getRootItems(){return await this.rootResolver.call(this.parent,this.context)}async getChildren(t,o){return await this.childResolver.call(this.parent,t,o)}itemMap(t,o){return this._itemMap(t,o)}refresh(){this.version=this.version+1}updateContextValue(t,o){L.kosAction(()=>{this.context.set(t,o),this.refresh()})}removeContextValue(t){this.context.delete(t),this.refresh()}get tree(){return this.version,this.buildAsyncTree(this.rootItems)}get originalItems(){return this._originalItems}buildAsyncTree(t,o){return[...[...t.filter(u=>this.filterByInputItem(u,this.context))].sort(this.sortByInputItem.bind(this)).map(u=>{const f=this.getItemId(u);this._originalItems.set(f,u);let p=this._itemCache.get(f);return p?Object.assign(p,this._itemMap(u,this.context)):(p=this._itemMap(u,this.context),this._itemCache.set(f,p)),p}).filter(u=>this.filterItem(u,this.context))].sort(this.sortItem.bind(this)).map(u=>{const f=u.id,p=this._originalItems.get(f),h=this.loadedChildren.get(f),m=this.loadingStates.get(f)||{status:"idle"};let x=this._branchCache.get(f);return x?L.kosAction(()=>{x&&(Object.assign(x,u),x.loadingState=m,x.hasChildren=this.hasChildren(p),x.isLeaf=this.hasChildren(p)===!1)}):(x={...u,branches:[],loadingState:m,hasChildren:this.hasChildren(p),isLeaf:this.hasChildren(p)===!1},this._branchCache.set(f,x)),L.kosAction(()=>{x&&(x.branches=h?this.buildAsyncTree(h,f):[])}),x})}async expandBranch(t,o){const n=this.loadingStates.get(t);if(!((n==null?void 0:n.status)==="loading"||(n==null?void 0:n.status)==="loaded")){L.kosAction(()=>{this.loadingStates.set(t,{status:"loading",timestamp:Date.now()})});try{const r=()=>this.childResolver.call(this.parent,o,this.context),s=P.reaction(r,async a=>{try{const l=await a;L.kosAction(()=>{this.loadedChildren.set(t,l),this.loadingStates.set(t,{status:"loaded",timestamp:Date.now()})})}catch(l){L.kosAction(()=>{this.loadingStates.set(t,{status:"error",error:l,timestamp:Date.now()})})}},{fireImmediately:!0});this.childDisposers.set(t,s)}catch(r){L.kosAction(()=>{this.loadingStates.set(t,{status:"error",error:r,timestamp:Date.now()})})}}}collapseBranch(t){const o=this.childDisposers.get(t);o&&(o(),this.childDisposers.delete(t)),L.kosAction(()=>{this.loadedChildren.delete(t),this.loadingStates.set(t,{status:"idle"}),this._branchCache.delete(t)})}clearCache(t){if(t){const o=this.childDisposers.get(t);o&&(o(),this.childDisposers.delete(t))}else this.childDisposers.forEach(o=>o()),this.childDisposers.clear();L.kosAction(()=>{t?(this.loadedChildren.delete(t),this.loadingStates.delete(t),this._branchCache.delete(t),this._itemCache.delete(t),this._originalItems.delete(t)):(this.loadedChildren.clear(),this.loadingStates.clear(),this._branchCache.clear(),this._itemCache.clear(),this._originalItems.clear())})}async init(){if(this.initialized)return;L.isKosDataModel(this.parent)&&await L.whenReady(this.parent);const t=()=>this.rootResolver.call(this.parent,this.context);this.rootDisposer=P.reaction(t,async o=>{try{const n=await o;L.kosAction(()=>{this.rootItems.replace(n)})}catch(n){console.error("Failed to load root items:",n)}},{fireImmediately:!0}),L.kosAction(()=>{this.initialized=!0})}whenReady(){return new Promise(t=>{const o=L.kosAutoEffect(()=>{this.initialized&&(t(),o())})})}dispose(){this.rootDisposer&&this.rootDisposer(),this.childDisposers.forEach(t=>t()),this.childDisposers.clear(),L.kosAction(()=>{this.loadedChildren.clear(),this.loadingStates.clear(),this._branchCache.clear(),this._itemCache.clear(),this._originalItems.clear(),this.rootItems.replace([]),this.initialized=!1})}}function Ft(e){return e.build!==void 0}const Xf=g.div`
|
|
2101
2111
|
width: 100%;
|
|
2102
|
-
`,
|
|
2112
|
+
`,Jf=(e,t,o)=>e.items.map(n=>{const r=Ft(t)?t.build(n):t;return i.jsx(r,{"data-key":n.id,...n,onListItemAction:o},n.id)}),wn=L.kosComponent(({dataProvider:e,firstChild:t,ItemTemplate:o,lastChild:n,onListItemAction:r,onInit:s,emptyState:a,className:l,itemListRenderer:u=Jf})=>{const f=Lt(e,s),p=f&&e?u(e,o,r):[];return i.jsx(yn,{dataProvider:e||void 0,onListItemAction:r,children:i.jsxs(Xf,{className:l,children:[t,f?p.length===0&&a?a:p:null,n]})})}),co=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:a,...l})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const h=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(k=>k!==b):[...y,b])},[e,t]),m=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:h,isDisabled:!!n}),[m,u,h,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let k;a?k=(b=a(s.items))==null?void 0:b.id:k=(y=s.items[0])==null?void 0:y.id,k&&h(k)}},[r,s==null?void 0:s.items,a,h]),i.jsx(Wt.Provider,{value:x,children:i.jsx(wn,{dataProvider:s,...l})})});function js(e){return e.build!==void 0}const Qf=e=>(t,o,n)=>t.groups.reduce((s,a)=>s.find(l=>l.groupId===a.groupId)?s:[...s,a],[]).map(s=>{const a=js(e)?e.build(s):e,u=t.getGroupItems(s.groupId).map(f=>{const p=Ft(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)});return i.jsx(a,{groupId:s.groupId,name:s.name,children:u},s.groupId)}),Cn=d.createContext({openedGroups:[],toggleGroup:_e});function ep(e){const t=e.supportMultipleOpen??!0,[o,n]=d.useState(e.openedGroups??[]),r=d.useCallback(a=>{var l;(l=e.onGroupOpen)==null||l.call(e,a,o.includes(a)?"closed":"opened"),n(u=>t?u.includes(a)?u.filter(f=>f!==a):[...u,a]:[a])},[o,e,t]);d.useEffect(()=>{n(e.openedGroups??[])},[e.openedGroups]);const s=d.useMemo(()=>({openedGroups:o,toggleGroup:r}),[o,r]);return i.jsx(Cn.Provider,{value:s,children:i.jsx(co,{...e,itemListRenderer:Qf(e.GroupTemplate)})})}const Ts=()=>{const e=d.useContext(Cn);return e||{openedGroups:[],toggleGroup:_e}},tp=({children:e,name:t,groupId:o,className:n})=>{const{openedGroups:r,toggleGroup:s}=Ts(),a=r.includes(o),l=d.useCallback(()=>{s(o)},[o,s]);return i.jsxs(Ds,{className:n,children:[i.jsxs(np,{"data-open":a,onClick:l,children:[a?i.jsx(_,{iconId:"CaretDown",size:"xsm"}):i.jsx(_,{iconId:"CaretRight",size:"xsm"}),i.jsx(E,{variant:"body",bold:!0,children:t})]}),i.jsx(rp,{children:a?i.jsx(sp,{className:"list-container",children:e}):null})]},o)},op=({children:e,groupId:t,className:o})=>i.jsx(Ds,{className:o,children:e},t),Ds=g.div`
|
|
2103
2113
|
display: flex;
|
|
2104
2114
|
flex-direction: column;
|
|
2105
2115
|
padding-bottom: 8px;
|
|
2106
|
-
`,
|
|
2116
|
+
`,np=g.div`
|
|
2107
2117
|
display: flex;
|
|
2108
2118
|
flex: 0;
|
|
2109
2119
|
cursor: pointer;
|
|
2110
2120
|
gap: 4px;
|
|
2111
2121
|
padding-inline: 12px 12px;
|
|
2112
2122
|
align-items: center;
|
|
2113
|
-
`,
|
|
2123
|
+
`,rp=g.div`
|
|
2114
2124
|
display: flex;
|
|
2115
2125
|
flex-direction: column;
|
|
2116
|
-
`,
|
|
2126
|
+
`,sp=g.div`
|
|
2117
2127
|
padding-inline-start: 16px;
|
|
2118
2128
|
align-items: center;
|
|
2119
2129
|
gap: 6px;
|
|
@@ -2124,23 +2134,23 @@
|
|
|
2124
2134
|
background: var(--Grey-White, #fff);
|
|
2125
2135
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
2126
2136
|
display: flex;
|
|
2127
|
-
|
|
2137
|
+
`,$n=g(Bt)`
|
|
2128
2138
|
padding: 0 0 6px 0;
|
|
2129
2139
|
`,Ms=g(Bt)`
|
|
2130
2140
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
2131
|
-
`,Es=g(
|
|
2141
|
+
`,Es=g($n)`
|
|
2132
2142
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
2133
|
-
`,
|
|
2143
|
+
`,uo=g.div`
|
|
2134
2144
|
align-items: center;
|
|
2135
2145
|
display: flex;
|
|
2136
2146
|
gap: 16px;
|
|
2137
2147
|
height: 30px;
|
|
2138
2148
|
justify-content: center;
|
|
2139
2149
|
padding: 8px;
|
|
2140
|
-
`,zs=g(
|
|
2150
|
+
`,zs=g(uo)`
|
|
2141
2151
|
height: initial;
|
|
2142
2152
|
padding: 0 4px 0 14px;
|
|
2143
|
-
`,
|
|
2153
|
+
`,fo=g.div`
|
|
2144
2154
|
align-items: center;
|
|
2145
2155
|
align-self: stretch;
|
|
2146
2156
|
display: flex;
|
|
@@ -2149,10 +2159,10 @@
|
|
|
2149
2159
|
height: 30px;
|
|
2150
2160
|
justify-content: space-between;
|
|
2151
2161
|
padding: 8px 8px 8px 4px;
|
|
2152
|
-
`,Os=g(
|
|
2162
|
+
`,Os=g(fo)`
|
|
2153
2163
|
height: initial;
|
|
2154
2164
|
padding: 0;
|
|
2155
|
-
`,Is=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:
|
|
2165
|
+
`,Is=d.memo(({className:e,disabled:t,id:o,label:n,mode:r="standard",name:s,showDivider:a=!0})=>{const{selected:l,toggleSelection:u,isDisabled:f}=et(),p=d.useCallback(()=>{u(o)},[o,u]),h=r==="compact"?zs:uo,m=r==="compact"?Os:fo,x=a?r==="compact"?Es:Ms:r==="compact"?$n:Bt;return i.jsxs(x,{className:e,children:[i.jsx(h,{children:i.jsx(bt,{disabled:f||t,checked:l.includes(o),onChange:p})}),i.jsxs(m,{children:[i.jsx(E,{variant:"body",children:s}),!!n&&i.jsx(E,{color:"grey",variant:"body",children:n})]})]})}),ip=g.div`
|
|
2156
2166
|
display: flex;
|
|
2157
2167
|
padding: 4px 12px 4px 4px;
|
|
2158
2168
|
align-items: center;
|
|
@@ -2160,14 +2170,14 @@
|
|
|
2160
2170
|
align-self: stretch;
|
|
2161
2171
|
border-bottom: 0.5px solid var(--Grey-20, #dfdfdf);
|
|
2162
2172
|
background: var(--Grey-White, #fff);
|
|
2163
|
-
`,
|
|
2173
|
+
`,ap=g.div`
|
|
2164
2174
|
display: flex;
|
|
2165
2175
|
height: 30px;
|
|
2166
2176
|
padding: 8px;
|
|
2167
2177
|
justify-content: center;
|
|
2168
2178
|
align-items: center;
|
|
2169
2179
|
gap: 16px;
|
|
2170
|
-
`,
|
|
2180
|
+
`,lp=g.div`
|
|
2171
2181
|
flex: 1 1 auto;
|
|
2172
2182
|
display: flex;
|
|
2173
2183
|
align-items: center;
|
|
@@ -2176,7 +2186,7 @@
|
|
|
2176
2186
|
padding: 8px 8px 8px 4px;
|
|
2177
2187
|
gap: 4px;
|
|
2178
2188
|
align-self: stretch;
|
|
2179
|
-
`,
|
|
2189
|
+
`,cp=e=>{const{selected:t,toggleSelection:o,isDisabled:n}=et(),r=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsxs(ip,{children:[i.jsx(ap,{children:i.jsx("input",{onChange:r,type:"checkbox",checked:t.includes(e.id),disabled:n})}),i.jsx(lp,{children:i.jsx(E,{variant:"body",children:e.name})})]})},[Re]=O(["named-list-item"]),dp=d.memo(({id:e,iconId:t,iconColor:o,suffixIcons:n,name:r,className:s,subText:a,subTextColor:l})=>{const{selected:u,toggleSelection:f,isDisabled:p}=et(),h=d.useCallback(()=>{p||f(e)},[e,f,p]),m=u.includes(e);return i.jsx(M.ClassNames,{children:({cx:x})=>i.jsxs(up,{className:x(s,{isSelected:m,isDisabled:p}),onClick:h,children:[i.jsxs(fp,{children:[t&&i.jsx(_,{size:"sm",iconId:t,color:o}),i.jsx(E,{className:"named-list-item-text",variant:"body",children:r}),!!n&&i.jsx(hp,{children:n.map(({iconId:b,iconColor:y})=>i.jsx(_,{size:"xsm",iconId:b,color:m?"white":y},b))})]}),!!a&&i.jsx(pp,{className:x({hasIcon:!!t}),children:i.jsx(gp,{color:l??"dark",variant:"body",children:a})})]})})}),up=g.div`
|
|
2180
2190
|
display: flex;
|
|
2181
2191
|
padding-top: ${Re("padding-y")};
|
|
2182
2192
|
padding-right: ${Re("padding-right")};
|
|
@@ -2196,13 +2206,13 @@
|
|
|
2196
2206
|
color: ${Re("color-selected")};
|
|
2197
2207
|
background-color: ${Re("background-color-selected")};
|
|
2198
2208
|
}
|
|
2199
|
-
`,
|
|
2209
|
+
`,fp=g.div`
|
|
2200
2210
|
width: 100%;
|
|
2201
2211
|
display: flex;
|
|
2202
2212
|
align-items: center;
|
|
2203
2213
|
justify-content: flex-start;
|
|
2204
2214
|
gap: ${Re("column-gap")};
|
|
2205
|
-
`,
|
|
2215
|
+
`,pp=g.div`
|
|
2206
2216
|
width: 100%;
|
|
2207
2217
|
display: flex;
|
|
2208
2218
|
align-items: center;
|
|
@@ -2210,20 +2220,20 @@
|
|
|
2210
2220
|
&.hasIcon {
|
|
2211
2221
|
padding-left: ${Re("subtext-padding-with-icon")};
|
|
2212
2222
|
}
|
|
2213
|
-
`,
|
|
2223
|
+
`,hp=g.div`
|
|
2214
2224
|
display: flex;
|
|
2215
2225
|
align-items: center;
|
|
2216
2226
|
justify-content: flex-end;
|
|
2217
2227
|
margin-left: auto;
|
|
2218
2228
|
gap: ${Re("column-gap")};
|
|
2219
|
-
`,
|
|
2229
|
+
`,gp=g(E)`
|
|
2220
2230
|
-webkit-box-orient: vertical;
|
|
2221
2231
|
-webkit-line-clamp: 2;
|
|
2222
2232
|
display: -webkit-box;
|
|
2223
2233
|
overflow-wrap: anywhere;
|
|
2224
2234
|
overflow: hidden;
|
|
2225
2235
|
text-overflow: ellipsis;
|
|
2226
|
-
`,
|
|
2236
|
+
`,mp=g.div`
|
|
2227
2237
|
display: flex;
|
|
2228
2238
|
padding: ${c("spacing-8")} ${c("spacing-10")};
|
|
2229
2239
|
align-items: center;
|
|
@@ -2236,14 +2246,14 @@
|
|
|
2236
2246
|
color: ${c("color-white")};
|
|
2237
2247
|
background-color: ${c("color-primary")};
|
|
2238
2248
|
}
|
|
2239
|
-
`,
|
|
2249
|
+
`,bp=e=>{const{selected:t,toggleSelection:o}=et(),n=d.useCallback(()=>{o(e.id)},[e,o]);return i.jsx(M.ClassNames,{children:({cx:r})=>i.jsxs(mp,{className:r({isSelected:t.includes(e.id)}),onClick:n,children:[e.iconId&&i.jsx(_,{size:"sm",iconId:e.iconId}),i.jsx(E,{variant:"body",children:e.name})]})})},xp=e=>{const[t,o]=d.useState(e);return{onGroupOpen:d.useCallback(async(r,s)=>{o((a=[])=>s==="opened"&&!(a!=null&&a.includes(r))?[...a,r]:s==="closed"&&a.includes(r)?a.filter(l=>l!==r):a)},[]),openedGroups:t}},yp=(e,t={})=>{const[o,n]=d.useState(t),r=d.useCallback((a,l)=>{var h;const u=(h=e==null?void 0:e.items.find(m=>m.id===a))==null?void 0:h.group.groupId;if(!u)return;const f=o[u]||[],p=l==="selected"?{...o,[u]:[...f,a]}:{...o,[u]:f.filter(m=>m!==a)};n(p)},[e==null?void 0:e.items,o]);return{clear:d.useCallback(()=>{n({})},[]),groupSelection:o,onSelect:r}},kp=(e=[],t=!0)=>{const[o,n]=d.useState(e),r=d.useCallback(a=>{n(l=>t?[a]:l.includes(a)?l.filter(u=>u!==a):[...l,a])},[t]);return{clear:d.useCallback(()=>{n([])},[]),onSelect:r,selected:o}};class vp extends kn{constructor(o,n,r,s,a){super(o,n,r,a);G(this,"parentIdKey");G(this,"idKey");this.parentIdKey=s.parentIdKey,this.idKey=s.idKey,P.makeObservable(this,{tree:P.computed,childBranchLookup:P.computed,itemsById:P.computed})}sortBranch(o,n){return o.name.localeCompare(n.name)}get itemsById(){return this.items.reduce((o,n)=>({...o,[n[this.idKey]]:n}),{})}get childBranchLookup(){return this.items.reduce((o,n)=>{let r=n[this.parentIdKey];return(!r||this.itemsById[r]===void 0)&&(r="ROOT"),r&&o[r]?(o[r].push(n),o):(o[r]=[n],o)},{ROOT:[]})}get tree(){const o=r=>{const s=[];for(const a in r){let l={...r[a],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 Rs=d.createContext(null),wp=L.kosComponent(({children:e,singleBranchOnly:t,openedBranches:o,setOpenedBranches:n,dataProvider:r})=>{const[s,a]=d.useState([]),l=o??s,u=n??a,f=d.useRef(l);d.useLayoutEffect(()=>{f.current=l},[l]);const p=d.useCallback(m=>{if(!(r!=null&&r.tree))return;const x=m[r.idKey],b=f.current.includes(x),y=w=>w.branches.flatMap($=>{const v=$[r.idKey];return $.branches.length?[v,...y($)]:[]}),k=y(m);if(t){const w=[],$=v=>{const S=v[r.parentIdKey];if(S){const C=r.itemsById[S];C&&(w.push(S),$(C))}};$(m),u(b?w:[...w,x])}else{const w=b?f.current.filter($=>x!==$&&!k.includes($)):[...f.current,x];u(w)}},[r==null?void 0:r.idKey,r==null?void 0:r.itemsById,r==null?void 0:r.parentIdKey,r==null?void 0:r.tree,u,t]),h=d.useMemo(()=>({openedBranches:l,toggleBranch:p}),[l,p]);return i.jsx(Rs.Provider,{value:h,children:e})}),Ns=()=>{const e=d.useContext(Rs);if(e===null)throw new Error("TreeContext can only be used inside children of TreeContextProvider");return e};function Fs(e){return e.build!==void 0}const Cp=e=>(t,o,n)=>{const r=(s,a)=>{if(!s.branches.length&&s.isGroup)return null;if(s.branches.length){const l=Fs(e)?e.build(s):e,u=s.branches.map(f=>{if(f.branches.length)return r(f,!0);{const p=Ft(o)?o.build(f):o;return i.jsx(p,{"data-key":f.id,...f,onListItemAction:n},f.id)}});return i.jsx(M.ClassNames,{children:({cx:f})=>i.jsx(l,{className:f({isNotRoot:a},s.className),...s,children:u},s.id)},s.id)}else{const l=Ft(o)?o.build(s):o;return i.jsx(l,{"data-key":s.id,...s,onListItemAction:n},s.id)}};return t.tree.map(s=>r(s))},$p=L.kosComponent(({dataProvider:e,ItemTemplate:t,onSelect:o,BranchTemplate:n,openedBranches:r,setOpenedBranches:s,singleBranchOnly:a,className:l,autoSelectFirstItem:u,selected:f,emptyState:p,getFirstItem:h,onListItemAction:m})=>i.jsx(wp,{dataProvider:e,openedBranches:r,setOpenedBranches:s,singleBranchOnly:a,children:i.jsx(co,{onSelect:o,dataProvider:e,ItemTemplate:t,autoSelectFirstItem:u,emptyState:p,className:l,selected:f,onListItemAction:m,getFirstItem:h,itemListRenderer:Cp(n)})})),As=d.createContext(null),Sp=()=>{const e=d.useContext(As);if(e===null)throw new Error("useAsyncTreeContext can only be used inside AsyncTreeList");return e},_s=L.kosComponent(({branch:e,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:a,onBranchSelect:l,selectedBranchId:u,branchEmptyState:f=i.jsx("div",{style:{paddingLeft:"32px",color:"#999"},children:"No items"}),depth:p=0,nodeIconMap:h,nodeActions:m,nodeDecorators:x})=>{const b=Sp(),y=d.useMemo(()=>{if(!h)return;if(typeof h=="function")return h(e);const R=e.type;return R?h[R]:void 0},[h,e]),k=d.useMemo(()=>{if(!(m!=null&&m.length))return;const R=t.originalItems.get(e.id);if(R)return m.filter(N=>!N.visibleFor||N.visibleFor(e)).map(N=>({id:N.id,iconId:N.iconId,color:N.color,tooltip:N.tooltip,onClick:()=>N.onClick(e.id,R)}))},[m,e,t]),w=(()=>{if(x!=null&&x.length)return x.filter(R=>!R.visibleFor||R.visibleFor(e)).map(R=>({id:R.id,iconId:R.iconId,color:R.color,tooltip:R.tooltip}))})(),$=async()=>{if(b.openedBranches.includes(e.id))s==null||s(e.id);else if(e.loadingState.status==="idle"){const N=t.originalItems.get(e.id);N&&(await t.expandBranch(e.id,N),r==null||r(e.id,N))}b.toggleBranch(e.id)},v=()=>{const R=t.originalItems.get(e.id);R&&(l==null||l(e.id,R))};if(e.isLeaf)return i.jsx(n,{"data-key":e.id,...e,onListItemAction:a,"data-depth":p,iconId:y==null?void 0:y.iconId,iconColor:y==null?void 0:y.color,actions:k,decorators:w},e.id);const S=Fs(o)?o.build(e):o,C=b.openedBranches.includes(e.id),T=e.loadingState.status==="loading",j=e.loadingState.status==="error",D=e.loadingState.status==="loaded",W=u===e.id,V=C?e.branches.length>0?e.branches.map(R=>i.jsx(_s,{branch:R,provider:t,BranchTemplate:o,ItemTemplate:n,onBranchExpand:r,onBranchCollapse:s,onListItemAction:a,onBranchSelect:l,selectedBranchId:u,branchEmptyState:f,depth:p+1,nodeIconMap:h,nodeActions:m,nodeDecorators:x},R.id)):D&&f?[f]:[]:[];return i.jsx(fr.Observer,{children:()=>i.jsx("div",{style:{paddingLeft:p>0?`${p*12}px`:void 0},children:i.jsx(S,{className:e.className,...e,onClick:$,onSelect:v,"data-loading":T,"data-error":j,"data-open":C,"data-selected":W,iconId:y==null?void 0:y.iconId,iconColor:y==null?void 0:y.color,actions:k,decorators:w,children:V})},e.id)})}),Ls=L.kosComponent(({dataProvider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:a,selectedBranchId:l,emptyState:u,branchEmptyState:f,className:p,singleBranchOnly:h,openedBranches:m,setOpenedBranches:x,nodeIconMap:b,nodeActions:y,nodeDecorators:k})=>{const[w,$]=d.useState(!1),[v,S]=d.useState([]),C=m??v,T=x??S;d.useEffect(()=>e?((async()=>{await e.init(),$(!0)})(),()=>{e.dispose()}):void 0,[e]);const j=d.useCallback(W=>{const V=C.includes(W);T(h?V?[]:[W]:V?C.filter(R=>R!==W):[...C,W])},[C,T,h]),D=d.useMemo(()=>({openedBranches:C,toggleBranch:j}),[C,j]);return!w||!e?u||null:i.jsx(As.Provider,{value:D,children:i.jsx(fr.Observer,{children:()=>i.jsxs("div",{className:p,children:[e.tree.length===0&&u,e.tree.map(W=>i.jsx(_s,{branch:W,provider:e,BranchTemplate:t,ItemTemplate:o,onBranchExpand:n,onBranchCollapse:r,onListItemAction:s,onBranchSelect:a,selectedBranchId:l,branchEmptyState:f,nodeIconMap:b,nodeActions:y,nodeDecorators:k},W.id))]})})})}),jp=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,...a})=>{const[l,u]=d.useState(o??[]),f=d.useRef(l??[]);d.useLayoutEffect(()=>{f.current=l},[l]),d.useEffect(()=>{u(o??[])},[o]);const p=d.useCallback(x=>{t(x,f.current.includes(x)?"unselected":"selected"),u(b=>e?[x]:b.includes(x)?b.filter(y=>y!==x):[...b,x])},[e,t]),h=d.useCallback(x=>f.current.includes(x),[]),m=d.useMemo(()=>({isSelected:h,selected:l,toggleSelection:p,isDisabled:!!n}),[h,l,p,n]);return d.useEffect(()=>{var x;if(r&&(s!=null&&s.rootItems)&&f.current.length===0){const b=(x=s.rootItems[0])==null?void 0:x.id;b&&p(b)}},[r,s==null?void 0:s.rootItems,p]),i.jsx(Wt.Provider,{value:m,children:i.jsx(Ls,{dataProvider:s,...a})})}),Tp=({children:e,id:t,className:o})=>i.jsx(M.ClassNames,{children:({cx:n})=>i.jsx(Dp,{className:n("anonymous-branch",o),children:e},t)}),Dp=g.div`
|
|
2240
2250
|
display: flex;
|
|
2241
2251
|
flex-direction: column;
|
|
2242
2252
|
width: 100%;
|
|
2243
|
-
`,[
|
|
2253
|
+
`,[Te]=O(["named-collapsible-branch"]),Mp=L.kosComponent(({children:e,className:t,onClick:o,onSelect:n,"data-loading":r,"data-open":s,iconId:a,iconColor:l,actions:u,decorators:f,...p})=>{const{isSelected:h,toggleSelection:m,selected:x}=et(),b=x.includes(p.id),y=w=>{w.stopPropagation(),o==null||o()},k=()=>{m(p.id),n==null||n()};return i.jsxs(Ip,{className:t,isOpen:s,children:[i.jsxs(Rp,{"data-loading":r,"data-selected":b,onClick:k,$isSelected:b,children:[i.jsx(Ep,{onClick:y,type:"button",children:i.jsx(zp,{iconId:"CaretRight",size:"xxsm",$isOpen:s})}),a&&i.jsx(_,{size:"sm",iconId:a,color:l}),i.jsxs(Op,{children:[i.jsx(E,{variant:"body",bold:!0,children:p.name}),r&&i.jsx(E,{variant:"body",children:"(Loading...)"})]}),f&&f.length>0&&i.jsx(Ap,{children:f.map(w=>i.jsx(_p,{size:"sm",iconId:w.iconId,color:b?"white":w.color,title:w.tooltip},w.id))}),u&&u.length>0&&i.jsx(Lp,{children:u.map(w=>i.jsx(Wp,{onClick:$=>{$.stopPropagation(),w.onClick()},title:w.tooltip,type:"button",children:i.jsx(_,{size:"sm",iconId:w.iconId,color:b?"white":w.color})},w.id))})]}),i.jsx(Np,{className:"inner-container",children:i.jsx(Fp,{className:"list-container",children:e})})]},p.id)}),Ep=g.button`
|
|
2244
2254
|
background: none;
|
|
2245
2255
|
border: none;
|
|
2246
|
-
padding:
|
|
2256
|
+
padding: 0;
|
|
2247
2257
|
margin: 0;
|
|
2248
2258
|
cursor: pointer;
|
|
2249
2259
|
display: flex;
|
|
@@ -2259,61 +2269,62 @@
|
|
|
2259
2269
|
&:active {
|
|
2260
2270
|
opacity: 0.5;
|
|
2261
2271
|
}
|
|
2262
|
-
`,
|
|
2272
|
+
`,zp=g(_)`
|
|
2263
2273
|
transition: transform 0.2s ease-in-out;
|
|
2264
2274
|
transform: ${({$isOpen:e})=>e?"rotate(90deg)":"rotate(0deg)"};
|
|
2265
|
-
`,
|
|
2275
|
+
`,Op=g.div`
|
|
2266
2276
|
display: flex;
|
|
2267
2277
|
align-items: center;
|
|
2268
|
-
gap: ${
|
|
2278
|
+
gap: ${Te("column-gap")};
|
|
2269
2279
|
flex: 1;
|
|
2270
|
-
`,
|
|
2280
|
+
`,Ip=g.div`
|
|
2271
2281
|
display: flex;
|
|
2272
2282
|
flex-direction: column;
|
|
2273
|
-
|
|
2283
|
+
${({isOpen:e})=>e?`gap: ${Te("padding-y")}`:""}
|
|
2284
|
+
`,Rp=g.div`
|
|
2274
2285
|
align-items: center;
|
|
2275
|
-
gap: ${
|
|
2286
|
+
gap: ${Te("column-gap")};
|
|
2276
2287
|
display: flex;
|
|
2277
2288
|
flex: 0;
|
|
2278
2289
|
min-height: 22px;
|
|
2279
|
-
padding-left: ${
|
|
2280
|
-
padding-top: ${
|
|
2281
|
-
padding-bottom: ${
|
|
2282
|
-
padding-right: ${
|
|
2290
|
+
padding-left: ${Te("padding-left")};
|
|
2291
|
+
padding-top: ${Te("padding-y")};
|
|
2292
|
+
padding-bottom: ${Te("padding-y")};
|
|
2293
|
+
padding-right: ${Te("padding-right")};
|
|
2283
2294
|
|
|
2284
2295
|
cursor: pointer;
|
|
2285
|
-
color: ${({$isSelected:e})=>e?
|
|
2286
|
-
background-color: ${({$isSelected:e})=>e?
|
|
2296
|
+
color: ${({$isSelected:e})=>e?Te("color-selected"):"inherit"};
|
|
2297
|
+
background-color: ${({$isSelected:e})=>e?Te("background-color-selected"):"transparent"};
|
|
2287
2298
|
transition: background-color 0.15s ease;
|
|
2288
2299
|
|
|
2289
2300
|
&:hover {
|
|
2290
|
-
background-color: ${({$isSelected:e})=>e?
|
|
2301
|
+
background-color: ${({$isSelected:e})=>e?Te("background-color-selected"):"rgba(0, 0, 0, 0.05)"};
|
|
2291
2302
|
}
|
|
2292
2303
|
|
|
2293
2304
|
&:active {
|
|
2294
|
-
background-color: ${
|
|
2305
|
+
background-color: ${Te("background-color-selected")};
|
|
2295
2306
|
}
|
|
2296
|
-
`,
|
|
2307
|
+
`,Np=g.div`
|
|
2297
2308
|
display: flex;
|
|
2298
2309
|
flex-direction: column;
|
|
2299
|
-
`,
|
|
2310
|
+
`,Fp=g.div`
|
|
2300
2311
|
display: flex;
|
|
2301
2312
|
flex-direction: column;
|
|
2302
2313
|
row-gap: 4px;
|
|
2303
|
-
`,
|
|
2314
|
+
`,Ap=g.div`
|
|
2304
2315
|
display: flex;
|
|
2305
2316
|
align-items: center;
|
|
2306
2317
|
gap: 4px;
|
|
2307
2318
|
padding-left: 8px;
|
|
2308
|
-
`,
|
|
2319
|
+
`,_p=g(_)`
|
|
2309
2320
|
opacity: 0.8;
|
|
2310
|
-
`,
|
|
2321
|
+
`,Lp=g.div`
|
|
2311
2322
|
display: flex;
|
|
2312
2323
|
align-items: center;
|
|
2313
2324
|
gap: 4px;
|
|
2314
2325
|
margin-left: auto;
|
|
2315
2326
|
padding-left: 8px;
|
|
2316
|
-
`,
|
|
2327
|
+
`,Wp=g.button`
|
|
2317
2328
|
background: none;
|
|
2318
2329
|
border: none;
|
|
2319
2330
|
padding: 4px;
|
|
@@ -2333,14 +2344,14 @@
|
|
|
2333
2344
|
&:active {
|
|
2334
2345
|
opacity: 0.5;
|
|
2335
2346
|
}
|
|
2336
|
-
`,
|
|
2347
|
+
`,Bp=L.kosComponent(({children:e,className:t,...o})=>{const{openedBranches:n,toggleBranch:r}=Ns(),s=n.includes(o.id),a=d.useCallback(()=>{r(o)},[o,r]);return i.jsxs(Pp,{className:t,children:[i.jsxs(Hp,{"data-open":s,onClick:a,children:[s?i.jsx(_,{iconId:"CaretDown",size:"xxsm"}):i.jsx(_,{iconId:"CaretRight",size:"xxsm"}),i.jsx(E,{variant:"body",bold:!0,children:o.name})]}),i.jsx(Vp,{className:"inner-container",children:s?i.jsx(Gp,{className:"list-container",children:e}):null})]},o.id)}),Pp=g.div`
|
|
2337
2348
|
display: flex;
|
|
2338
2349
|
flex-direction: column;
|
|
2339
2350
|
|
|
2340
2351
|
&.isNotRoot {
|
|
2341
2352
|
padding-left: 12px;
|
|
2342
2353
|
}
|
|
2343
|
-
`,
|
|
2354
|
+
`,Hp=g.div`
|
|
2344
2355
|
align-items: center;
|
|
2345
2356
|
column-gap: 4px;
|
|
2346
2357
|
cursor: pointer;
|
|
@@ -2348,26 +2359,26 @@
|
|
|
2348
2359
|
flex: 0;
|
|
2349
2360
|
min-height: 22px;
|
|
2350
2361
|
padding-right: 12px;
|
|
2351
|
-
`,
|
|
2362
|
+
`,Vp=g.div`
|
|
2352
2363
|
display: flex;
|
|
2353
2364
|
flex-direction: column;
|
|
2354
|
-
`,
|
|
2365
|
+
`,Gp=g.div`
|
|
2355
2366
|
display: flex;
|
|
2356
2367
|
flex-direction: column;
|
|
2357
2368
|
row-gap: 4px;
|
|
2358
|
-
`,Ws=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:
|
|
2369
|
+
`,Ws=d.memo(({autoScrollToBottom:e=!1,className:t,itemCount:o,itemHeight:n,onBottom:r,overscanAmount:s,renderRow:a})=>{const[l,u]=d.useState(0),[f,p]=d.useState(0),h=d.useRef(null),m=d.useRef(null),x=o*n,b=Math.ceil(f/n),y=Math.max(Math.floor(l/n-(s??0)),0),k=Math.min(o-1,y+b+(s??0)),w=v=>{u(v.currentTarget.scrollTop)};d.useLayoutEffect(()=>{const v=()=>{h.current&&p(h.current.clientHeight)};return v(),window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)},[]),d.useEffect(()=>{e&&m.current&&(m.current.scrollTop=m.current.scrollHeight)},[o,e]);const $=[];for(let v=y;v<=k;v++)$.push(a(v,{top:v*n,height:n,position:"absolute",width:"100%"}));return d.useEffect(()=>{const v=()=>{const C=m.current;if(!C)return;const T=C.scrollHeight-C.scrollTop<=C.clientHeight+n;!e&&T&&(r==null||r())},S=m.current;return S&&S.addEventListener("scroll",v),()=>{S&&S.removeEventListener("scroll",v)}},[e,n,r]),i.jsx(Up,{ref:h,children:i.jsx(Yp,{ref:m,style:{height:f},onScroll:w,className:t,children:i.jsx(Kp,{style:{height:x},children:$})})})}),Up=g.div`
|
|
2359
2370
|
height: 100%;
|
|
2360
2371
|
width: 100%;
|
|
2361
2372
|
overflow-y: hidden;
|
|
2362
2373
|
position: relative;
|
|
2363
|
-
`,
|
|
2374
|
+
`,Yp=g.div`
|
|
2364
2375
|
overflow-y: auto;
|
|
2365
2376
|
width: 100%;
|
|
2366
2377
|
position: relative;
|
|
2367
|
-
`,
|
|
2378
|
+
`,Kp=g.div`
|
|
2368
2379
|
position: relative;
|
|
2369
2380
|
width: 100%;
|
|
2370
|
-
`,Bs=
|
|
2381
|
+
`,Bs=L.kosComponent(({dataProvider:e,ItemTemplate:t,onListItemAction:o,onInit:n,emptyState:r,...s})=>{const a=Lt(e,n),l=d.useCallback((u,f)=>{const p=e==null?void 0:e.items.find((h,m)=>m===u);if(p){const h=Ft(t)?t.build(p):t;return i.jsx(h,{"data-key":p.id,style:f,...p,onListItemAction:o},p.id)}return null},[t,e==null?void 0:e.items,o]);return i.jsx(yn,{dataProvider:e||void 0,onListItemAction:o,children:a?(e==null?void 0:e.items.length)===0&&r?r:i.jsx(Ws,{itemCount:(e==null?void 0:e.items.length)??0,renderRow:l,...s}):null})}),qp=L.kosComponent(({isSingleSelect:e=!0,onSelect:t,selected:o,disabled:n,autoSelectFirstItem:r,dataProvider:s,getFirstItem:a,...l})=>{const[u,f]=d.useState(o??[]),p=d.useRef(u??[]);d.useLayoutEffect(()=>{p.current=u},[u]),d.useEffect(()=>{f(o??[])},[o]);const h=d.useCallback(b=>{t(b,p.current.includes(b)?"unselected":"selected"),f(y=>e?[b]:y.includes(b)?y.filter(k=>k!==b):[...y,b])},[e,t]),m=d.useCallback(b=>p.current.includes(b),[]),x=d.useMemo(()=>({isSelected:m,selected:u,toggleSelection:h,isDisabled:!!n}),[m,u,h,n]);return d.useEffect(()=>{var b,y;if(r&&(s!=null&&s.items)&&p.current.length===0){let k;a?k=(b=a(s.items))==null?void 0:b.id:k=(y=s.items[0])==null?void 0:y.id,k&&h(k)}},[r,s==null?void 0:s.items,a,h]),i.jsx(Wt.Provider,{value:x,children:i.jsx(Bs,{dataProvider:s,...l})})}),[xe]=O(["modal"]),Ps=g.div`
|
|
2371
2382
|
width: fit-content;
|
|
2372
2383
|
height: fit-content;
|
|
2373
2384
|
display: flex;
|
|
@@ -2386,48 +2397,48 @@
|
|
|
2386
2397
|
`,Vs=g.div`
|
|
2387
2398
|
padding: ${xe("contentYPadding")} ${xe("contentXPadding")};
|
|
2388
2399
|
width: fit-content;
|
|
2389
|
-
|
|
2400
|
+
`,Sn=g.div`
|
|
2390
2401
|
padding: ${xe("footerYPadding")} ${xe("footerXPadding")};
|
|
2391
2402
|
border-top: ${xe("border-width")} solid ${xe("border-color")};
|
|
2392
2403
|
width: 100%;
|
|
2393
2404
|
display: flex;
|
|
2394
2405
|
align-items: center;
|
|
2395
2406
|
justify-content: flex-end;
|
|
2396
|
-
`,
|
|
2407
|
+
`,Zp=g.div`
|
|
2397
2408
|
width: ${xe("base-content-width")};
|
|
2398
2409
|
display: flex;
|
|
2399
2410
|
align-items: flex-start;
|
|
2400
2411
|
justify-content: flex-start;
|
|
2401
2412
|
flex-direction: column;
|
|
2402
|
-
`,
|
|
2403
|
-
column-gap: ${
|
|
2404
|
-
`,
|
|
2413
|
+
`,po=d.forwardRef(({header:e,footer:t,content:o,footerWrapper:n,headerWrapper:r,contentWrapper:s},a)=>{const l=r??Hs,u=s??Vs,f=n??Sn;return i.jsxs(Ps,{ref:a,children:[i.jsx(l,{children:e}),i.jsx(u,{children:o}),i.jsx(f,{children:t})]})}),Xp=d.forwardRef(({level:e,headerText:t,content:o,acceptButtonVariant:n,acceptButtonText:r,onAccept:s},a)=>{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}=Ye(),f=d.useCallback(()=>{s&&s(),u(!1)},[u,s]);return i.jsx(po,{ref:a,header:i.jsxs(i.Fragment,{children:[!!l&&i.jsx(_,{iconId:l.iconId,color:l.color}),i.jsx(E,{variant:"h2",color:"dark",children:t})]}),content:o,footer:i.jsx(Ae,{onClick:f,variant:n??"primary",text:r??"Okay"})})}),[Jp]=O(["modal"]),Qp=d.forwardRef(({onConfirm:e,onCancel:t,headerText:o,confirmText:n,cancelText:r,content:s,confirmButtonVariant:a,cancelButtonVariant:l,confirmDisabled:u,headerIcon:f,headerIconColor:p,contentWrapper:h,cancelDisabled:m},x)=>{const{setOpen:b}=Ye(),y=d.useCallback(()=>{e(()=>b(!1))},[e,b]),k=d.useCallback(()=>{t&&t(),b(!1)},[t,b]);return i.jsx(po,{ref:x,header:i.jsxs(i.Fragment,{children:[!!f&&i.jsx(_,{iconId:f,color:p??"black"}),i.jsx(E,{variant:"h2",color:"dark",children:o})]}),contentWrapper:h,content:s,footerWrapper:eh,footer:i.jsxs(i.Fragment,{children:[i.jsx(Ae,{text:r??"Cancel",onClick:k,disabled:m,variant:l??"borderless"}),i.jsx(Ae,{onClick:y,variant:a??"primary",text:n??"Confirm",disabled:u})]})})}),eh=g(Sn)`
|
|
2414
|
+
column-gap: ${Jp("footerGap")};
|
|
2415
|
+
`,th=d.memo(({headerText:e})=>i.jsxs(i.Fragment,{children:[i.jsx(_,{iconId:"ExclamationCircle",color:"red",size:"lrg"}),i.jsx(E,{variant:"h2",color:"dark",children:e})]})),oh=d.memo(({contentText:e,compareText:t,errorText:o})=>{const n=d.useCallback(s=>s.message&&s.message!==""?s.message:o??"That does not match.",[o]),r=d.useCallback(s=>s===t,[t]);return i.jsxs(nh,{children:[i.jsx(E,{variant:"body",color:"dark",children:e}),i.jsx(bn,{name:"matchText",handleError:n,validate:r})]})}),nh=g.div`
|
|
2405
2416
|
width: 288px;
|
|
2406
2417
|
display: flex;
|
|
2407
2418
|
align-items: flex-start;
|
|
2408
2419
|
justify-content: flex-start;
|
|
2409
2420
|
flex-direction: column;
|
|
2410
2421
|
row-gap: 8px;
|
|
2411
|
-
`,
|
|
2422
|
+
`,rh=d.memo(({onSubmit:e})=>{const{setOpen:t}=Ye(),o=d.useCallback(()=>{t(!1)},[t]);return i.jsxs(i.Fragment,{children:[i.jsx(Ae,{type:"button",text:"Cancel",onClick:o,variant:"borderless"}),i.jsx(mn,{onSubmit:e,variant:"primary",text:"Delete"})]})}),sh={matchText:""},ih=d.forwardRef(({compareText:e,headerText:t,contentText:o,errorText:n,onConfirm:r},s)=>{const{setOpen:a}=Ye(),l=d.useCallback((u,f)=>{r(u,()=>a(!1),f)},[r,a]);return i.jsx(ah,{onSubmit:l,mode:"onChange",delayError:400,defaultValues:sh,children:i.jsx(po,{ref:s,header:i.jsx(th,{headerText:t}),content:i.jsx(oh,{compareText:e,contentText:o,errorText:n}),footer:i.jsx(rh,{onSubmit:l})})})}),ah=g(ys)`
|
|
2412
2423
|
height: fit-content;
|
|
2413
2424
|
width: fit-content;
|
|
2414
|
-
`,
|
|
2415
|
-
background: ${
|
|
2425
|
+
`,lh=({className:e,defaultValues:t,header:o,submitText:n,cancelText:r,onCancel:s,enabledIfClean:a,onSubmit:l,content:u,submitButtonVariant:f,cancelButtonVariant:p,variant:h="submit",ContentWrapper:m,disabled:x,...b},y)=>{const k=K.useForm({shouldUnregister:!0,defaultValues:t,disabled:x,...b,mode:h==="blur"?"onBlur":b.mode}),{setOpen:w}=Ye(),{setError:$,reset:v}=k,S=d.useCallback(D=>{l({data:D,closeModal:()=>w(!1),setError:$,resetForm:v})},[l,v,$,w]),C=d.useCallback(()=>{s==null||s(v),w(!1)},[s,v,w]),T=d.useCallback(D=>S(D),[S]),j=m??Vs;return i.jsx(K.FormProvider,{...k,children:i.jsxs(Ps,{ref:y,as:"form",className:e,onSubmit:h==="blur"?void 0:k.handleSubmit(S),onBlur:h==="blur"?k.handleSubmit(S):void 0,children:[i.jsx(Hs,{children:o}),i.jsx(j,{children:u}),i.jsxs(Sn,{children:[i.jsx(Ae,{text:r??"Cancel",onClick:C,type:"button",variant:p??"borderless"}),h!=="blur"&&i.jsx(mn,{onSubmit:T,variant:f??"primary",text:n??"Submit",enabledIfClean:a,disabled:x})]})]})})},ch=gt(lh),[dh]=O(["modal"]),uh={escapeKey:!0,outsidePress:!1,bubbles:!1};function fh(e){const{type:t,open:o,defaultOpen:n,onOpenChange:r,children:s,initialFocus:a,...l}=e,u=t==="confirm"?Qp:t==="status"?Xp:t==="confirm-delete"?ih:t==="form"?ch:po;return i.jsxs(Qo,{dismissOptions:uh,open:o,defaultOpen:n,onOpenChange:r,children:[i.jsx(tn,{initialFocus:a,OverlayStyles:Gs,trapFocus:!0,children:i.jsx(u,{...l})}),!!s&&s]})}const ph=({children:e})=>i.jsx(en,{children:e}),Gs=M.css`
|
|
2426
|
+
background: ${dh("overlay-background")};
|
|
2416
2427
|
display: grid;
|
|
2417
2428
|
place-items: center;
|
|
2418
2429
|
z-index: 2;
|
|
2419
|
-
`,[
|
|
2430
|
+
`,[ot]=O(["named-section-header"]),Us=g.div`
|
|
2420
2431
|
align-items: flex-start;
|
|
2421
|
-
background-color: ${
|
|
2422
|
-
border-bottom: ${
|
|
2423
|
-
border-radius: ${
|
|
2432
|
+
background-color: ${ot("bg")};
|
|
2433
|
+
border-bottom: ${ot("border-width")} solid ${ot("border-color")};
|
|
2434
|
+
border-radius: ${ot("border-radius")} ${ot("border-radius")} 0px 0px;
|
|
2424
2435
|
display: flex;
|
|
2425
|
-
padding: ${
|
|
2426
|
-
column-gap: ${
|
|
2436
|
+
padding: ${ot("padding")};
|
|
2437
|
+
column-gap: ${ot("gap")};
|
|
2427
2438
|
&.isCollapsed {
|
|
2428
2439
|
border-bottom-width: 0px;
|
|
2429
2440
|
}
|
|
2430
|
-
`,
|
|
2441
|
+
`,hh=d.memo(({children:e})=>{const{setOpen:t,open:o}=At(),n=d.useCallback(r=>{r.stopPropagation(),t(!o)},[o,t]);return i.jsxs(Us,{className:mt("header-wrapper",{isCollapsed:o}),children:[i.jsx(ne,{iconId:o?"CaretDown":"CaretUp",onClick:n,size:"xsm",color:"black"}),e]})}),[Pe]=O(["named-section"]),gh=e=>e.variant==="selectable",Ys=e=>{const{variant:t,className:o,children:n,header:r,isCollapsible:s}=e,a=d.useRef(null),[l,u,f]=gh(e)?[e.disabled,e.isSelected,e.onClick]:[e.disabled,!1,void 0],p=e.ContentWrapper??bh,h=d.useCallback(m=>{f&&a.current&&a.current.contains(m.target)&&f()},[f]);return i.jsx(M.ClassNames,{children:({cx:m})=>i.jsx(mh,{"data-variant":t,className:m(o,{disabled:l,isSelected:u}),onClick:h,ref:a,children:s?i.jsxs(to,{defaultOpen:!0,children:[i.jsx(hh,{children:r}),i.jsx(oo,{children:i.jsx(p,{children:n})})]}):i.jsxs(i.Fragment,{children:[i.jsx(Us,{className:"header-wrapper",children:r}),i.jsx(p,{children:n})]})})})},mh=g.div`
|
|
2431
2442
|
border-color: ${Pe("border-color")};
|
|
2432
2443
|
border-radius: ${Pe("border-radius")};
|
|
2433
2444
|
border-style: solid;
|
|
@@ -2463,47 +2474,53 @@
|
|
|
2463
2474
|
top: 0;
|
|
2464
2475
|
}
|
|
2465
2476
|
}
|
|
2466
|
-
`,
|
|
2477
|
+
`,bh=g.div`
|
|
2467
2478
|
display: flex;
|
|
2468
2479
|
width: 100%;
|
|
2469
|
-
`,[
|
|
2480
|
+
`,[ho]=O(["named-section-header"]),xh=d.memo(({name:e,description:t,prefix:o,suffix:n,children:r,...s})=>i.jsxs(yh,{...s,className:t?"hasDesc":void 0,children:[i.jsxs(kh,{children:[i.jsxs(vh,{children:[o,i.jsx(E,{color:"dark",bold:!0,variant:"body",children:e}),n]}),!!t&&i.jsx(E,{color:"grey",variant:"small",children:t})]}),!!r&&i.jsx(wh,{children:r})]})),yh=g.div`
|
|
2470
2481
|
width: 100%;
|
|
2471
2482
|
display: flex;
|
|
2472
2483
|
align-items: center;
|
|
2473
|
-
column-gap: ${
|
|
2484
|
+
column-gap: ${ho("gap")};
|
|
2474
2485
|
justify-content: space-between;
|
|
2475
2486
|
&.hasDesc {
|
|
2476
2487
|
align-items: flex-start;
|
|
2477
2488
|
}
|
|
2478
|
-
`,
|
|
2489
|
+
`,kh=g.div`
|
|
2479
2490
|
display: flex;
|
|
2480
2491
|
align-items: flex-start;
|
|
2481
2492
|
justify-content: center;
|
|
2482
2493
|
flex-direction: column;
|
|
2483
|
-
row-gap: ${
|
|
2484
|
-
`,
|
|
2494
|
+
row-gap: ${ho("row-gap")};
|
|
2495
|
+
`,vh=g.div`
|
|
2485
2496
|
display: flex;
|
|
2486
2497
|
align-items: center;
|
|
2487
2498
|
justify-content: flex-start;
|
|
2488
|
-
column-gap: ${
|
|
2489
|
-
`,
|
|
2499
|
+
column-gap: ${ho("row-gap")};
|
|
2500
|
+
`,wh=g.div`
|
|
2490
2501
|
display: flex;
|
|
2491
2502
|
align-items: center;
|
|
2492
2503
|
justify-content: flex-end;
|
|
2493
|
-
row-gap: ${
|
|
2494
|
-
`,[Zt]=O(["image-config-page-header"]),
|
|
2504
|
+
row-gap: ${ho("row-gap")};
|
|
2505
|
+
`,[Zt]=O(["image-config-page-header"]),Ch=e=>e?Array.isArray(e)?e.map(t=>i.jsx(eo,{color:"light",children:t},t)):i.jsx(eo,{color:"light",children:e}):null,$h=({action:e,description:t,title:o,titleTag:n,subTitle:r,...s})=>i.jsxs(Sh,{...s,children:[i.jsxs(Th,{children:[i.jsxs(jh,{children:[i.jsx(E,{variant:"h1",children:o}),Ch(n)]}),t&&i.jsx(E,{variant:"body",color:"grey",children:t}),r&&i.jsx(E,{variant:"body",color:"dark",children:r})]}),e]}),Sh=g.div`
|
|
2495
2506
|
align-items: center;
|
|
2496
2507
|
background: ${Zt("bg")};
|
|
2497
2508
|
display: flex;
|
|
2498
2509
|
gap: ${Zt("gap")};
|
|
2499
2510
|
padding: 0 0 ${Zt("padding-bottom")} 0;
|
|
2500
2511
|
width: 100%;
|
|
2501
|
-
`,
|
|
2512
|
+
`,jh=g.div`
|
|
2513
|
+
width: 100%;
|
|
2514
|
+
display: flex;
|
|
2515
|
+
align-items: center;
|
|
2516
|
+
column-gap: ${c("spacing-8")};
|
|
2517
|
+
justify-content: flex-start;
|
|
2518
|
+
`,Th=g.div`
|
|
2502
2519
|
display: flex;
|
|
2503
2520
|
flex-direction: column;
|
|
2504
2521
|
flex: 1;
|
|
2505
2522
|
gap: ${Zt("title-gap")};
|
|
2506
|
-
|
|
2523
|
+
`,Ks=d.createContext(null),Dh=()=>{const e=d.useContext(Ks);if(e===null)throw new Error("Unable to use SelectViewListContext outside of its provider.");return e},[Se]=O(["radio-button"]),Mh=d.forwardRef(({checked:e,onChange:t,...o},n)=>i.jsx(Eh,{onClick:t,ref:n,readOnly:!0,type:"radio",checked:!!e,...o})),Eh=g.input`
|
|
2507
2524
|
appearance: none;
|
|
2508
2525
|
-webkit-appearance: none;
|
|
2509
2526
|
margin: 0;
|
|
@@ -2537,7 +2554,7 @@
|
|
|
2537
2554
|
}
|
|
2538
2555
|
background-color: ${Se("background-color-disabled")};
|
|
2539
2556
|
}
|
|
2540
|
-
`;function
|
|
2557
|
+
`;function zh(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 Vo=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]}),Oh=(e,t)=>{if(e==="\\"||e==="/")return"/";if(e.length<=1)return e;const n=e.replace(/\\/g,"/").split(/[/\\]+/);return t!==!1&&n[n.length-1]===""&&n.pop(),n.join("/")},[ae]=O(["select-view-list"]),qs=d.memo(({id:e,name:t,icon:o,onListItemAction:n,isSelectDisabled:r})=>{const{selected:s,viewing:a}=Dh(),l=d.useRef(null),u=d.useRef(null),f=d.useRef(!1),p=s===e,h=a===e;d.useEffect(()=>{u.current&&(p?(Vo.observe(u.current),f.current=!0):f.current&&(f.current=!1,Vo.unobserve(u.current)))},[p]);const m=d.useCallback(()=>{n==null||n(e,"select")},[n,e]),x=d.useCallback(b=>{l.current&&l.current.contains(b.target)||n==null||n(e,"view")},[e,n]);return i.jsx(M.ClassNames,{children:({cx:b})=>i.jsx(Ih,{ref:u,className:b({isSelected:p}),onClick:x,children:i.jsxs(Rh,{className:b({isViewing:h}),children:[i.jsx(Mh,{ref:l,checked:p,disabled:r,onChange:m}),i.jsxs(Nh,{color:"dark",bold:p,variant:"body",children:[t,o]}),i.jsx(_,{iconId:"Right",color:"blue",size:"sm"})]})})})}),Ih=g.div`
|
|
2541
2558
|
width: 100%;
|
|
2542
2559
|
display: flex;
|
|
2543
2560
|
height: auto;
|
|
@@ -2569,7 +2586,7 @@
|
|
|
2569
2586
|
&.isStuckTop {
|
|
2570
2587
|
box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.04);
|
|
2571
2588
|
}
|
|
2572
|
-
`,
|
|
2589
|
+
`,Rh=g.div`
|
|
2573
2590
|
width: 100%;
|
|
2574
2591
|
display: flex;
|
|
2575
2592
|
flex-shrink: 0;
|
|
@@ -2583,7 +2600,7 @@
|
|
|
2583
2600
|
&.isViewing {
|
|
2584
2601
|
background-color: ${ae("background-color-viewing")};
|
|
2585
2602
|
}
|
|
2586
|
-
`,
|
|
2603
|
+
`,Nh=g(E)`
|
|
2587
2604
|
flex: 1;
|
|
2588
2605
|
overflow: hidden;
|
|
2589
2606
|
text-overflow: ellipsis;
|
|
@@ -2593,7 +2610,7 @@
|
|
|
2593
2610
|
gap: ${ae("gap")};
|
|
2594
2611
|
align-items: center;
|
|
2595
2612
|
display: flex;
|
|
2596
|
-
`,
|
|
2613
|
+
`,Fh=({className:e,dp:t,emptyState:o,firstChild:n,lastChild:r,onListItemAction:s,selected:a,viewing:l})=>{const u=d.useMemo(()=>({selected:a,viewing:l}),[a,l]);return i.jsx(Ks.Provider,{value:u,children:i.jsx(Ah,{className:e,dataProvider:t,emptyState:o,firstChild:n,ItemTemplate:qs,lastChild:r,onListItemAction:s})})},Ah=g(wn)`
|
|
2597
2614
|
height: 100%;
|
|
2598
2615
|
width: 100%;
|
|
2599
2616
|
align-items: flex-start;
|
|
@@ -2609,65 +2626,65 @@
|
|
|
2609
2626
|
::-webkit-scrollbar-thumb {
|
|
2610
2627
|
border-left: 3px solid transparent;
|
|
2611
2628
|
}
|
|
2612
|
-
`,Zs=d.createContext(!1),
|
|
2629
|
+
`,Zs=d.createContext(!1),_h=()=>d.useContext(Zs),Lh=d.memo(({title:e,disabled:t,onToggleShowSelected:o,t:n})=>i.jsxs(Wh,{children:[i.jsx(E,{variant:"h2",color:"dark",children:e}),i.jsxs(Bh,{children:[i.jsx(E,{variant:"small",color:"grey",children:(n==null?void 0:n("selectedOnly"))??"MISSING T FUNC"}),i.jsx(io,{disabled:t,onChange:o})]})]})),Wh=g.div`
|
|
2613
2630
|
display: flex;
|
|
2614
2631
|
align-items: center;
|
|
2615
2632
|
width: 100%;
|
|
2616
2633
|
justify-content: space-between;
|
|
2617
2634
|
gap: ${c("spacing-8")};
|
|
2618
|
-
`,
|
|
2635
|
+
`,Bh=g.div`
|
|
2619
2636
|
display: flex;
|
|
2620
2637
|
align-items: center;
|
|
2621
2638
|
gap: ${c("spacing-4")};
|
|
2622
|
-
`,
|
|
2639
|
+
`,Ph=d.memo(e=>{const{selected:t}=et(),o=_h(),n=t.includes(e.id);return o&&!n?null:i.jsx(Is,{...e})}),Hh=g(Ys)`
|
|
2623
2640
|
overflow: hidden;
|
|
2624
|
-
`,
|
|
2641
|
+
`,Vh=g.div`
|
|
2625
2642
|
overflow-x: hidden;
|
|
2626
2643
|
overflow-y: auto;
|
|
2627
|
-
`,
|
|
2644
|
+
`,Gh=L.kosComponent(({defaultShowSelected:e,disabled:t,title:o,selected:n,onSelect:r,emptyMessage:s,dataProvider:a,onSelectAll:l,t:u})=>{const[f,p]=d.useState(e??!1),h=d.useRef(null),m=d.useCallback(b=>{p(b)},[]);d.useEffect(()=>{const b=a;b&&b.updateContextValue&&(b==null||b.updateContextValue("isOnlySelectedVisible",f))},[a,f]),d.useEffect(()=>{const b=a;b&&b.updateContextValue&&(b==null||b.updateContextValue("selected",n))},[a,n]),d.useEffect(()=>{h.current&&n&&(n.length&&n.length!==(a==null?void 0:a.items.length)?h.current.indeterminate!==!0&&(a!=null&&a.items.length)&&(h.current.indeterminate=!0):h.current.indeterminate===!0&&(h.current.indeterminate=!1))},[a==null?void 0:a.items,n]);const x=d.useCallback(()=>{l&&l(n&&n.length>0?"deselect":"select")},[l,n]);return i.jsx(Zs.Provider,{value:f,children:i.jsx(Hh,{className:"",variant:"display",header:i.jsx(Lh,{title:o,disabled:t,t:u,onToggleShowSelected:m}),ContentWrapper:Vh,children:i.jsxs(Uh,{children:[!!l&&!!(a!=null&&a.items.length)&&i.jsxs(Bt,{children:[i.jsx(uo,{children:i.jsx(bt,{ref:h,disabled:t,checked:!!n&&!!n.length&&n.length===a.items.length,onChange:x})}),i.jsx(fo,{children:i.jsx(E,{bold:!0,variant:"body",children:(u==null?void 0:u("selectAll"))??"MISSING T FUNC"})})]}),i.jsx(co,{disabled:t,selected:n,isSingleSelect:!1,onSelect:r,emptyState:s?i.jsx(Yh,{children:i.jsx(E,{variant:"body",color:"grey",children:s})}):void 0,ItemTemplate:Ph,dataProvider:a})]})})})}),Uh=g.div`
|
|
2628
2645
|
width: 100%;
|
|
2629
2646
|
display: flex;
|
|
2630
2647
|
flex-direction: column;
|
|
2631
2648
|
align-items: flex-start;
|
|
2632
2649
|
justify-content: flex-start;
|
|
2633
|
-
`,
|
|
2650
|
+
`,Yh=g.div`
|
|
2634
2651
|
width: 100%;
|
|
2635
2652
|
display: flex;
|
|
2636
2653
|
align-items: center;
|
|
2637
2654
|
justify-content: center;
|
|
2638
2655
|
padding: ${c("spacing-12")} ${c("spacing-20")};
|
|
2639
|
-
`;class
|
|
2640
|
-
${`${
|
|
2641
|
-
${`${
|
|
2642
|
-
${`${
|
|
2656
|
+
`;class Kh extends vn{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)??[]});G(this,"itemMapper");G(this,"observableItems");this.itemMapper=r,this.observableItems=P.observable.map(new Map)}get items(){if(!this.initialized||this.version<0)return[];const o=this.resolvedItems,n=[...new Set(o)],r=u=>this.itemMapper(u,this.context),s=u=>this.filterByInputItem(u,this.context),a=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=>!a.find(f=>f.id===u)).forEach(u=>{L.kosAction(()=>{this.observableItems.delete(u)})}),a.reduce((u,f)=>{if(!u.has(f.id))L.kosAction(()=>{u.set(f.id,f)});else{const p=u.get(f.id);p&&L.kosAction(()=>{const h=Object.assign(p,f);u.set(f.id,h)})}return u},this.observableItems),a.map(u=>this.observableItems.get(u.id))}}const[Do,qh]=O(["option","select"]),Zh=({trigger:e,onSelection:t,children:o})=>i.jsx(Jh,{Reference:e,onSelect:t,menuPlacement:"bottom-start",children:o}),Xh=g(ft)`
|
|
2657
|
+
${`${Do("bg-color",!0)}: ${c("color-black")}`};
|
|
2658
|
+
${`${Do("color",!0)}: ${c("color-white")}`};
|
|
2659
|
+
${`${Do("bg-color-active",!0)}: ${c("color-grey70")}`};
|
|
2643
2660
|
gap: 0px;
|
|
2644
2661
|
cursor: pointer;
|
|
2645
|
-
`,
|
|
2646
|
-
${`${
|
|
2662
|
+
`,Jh=g(yt)`
|
|
2663
|
+
${`${qh("border-color",!0)}: ${c("color-black")}`};
|
|
2647
2664
|
z-index: 15;
|
|
2648
|
-
`,
|
|
2665
|
+
`,Qh=g.div`
|
|
2649
2666
|
cursor: default;
|
|
2650
2667
|
border-bottom: 0.5px solid ${c("color-grey60")};
|
|
2651
2668
|
pointer-events: none;
|
|
2652
|
-
`,[
|
|
2669
|
+
`,[Go]=O(["shell-menu"]),eg=({className:e,left:t,right:o})=>i.jsxs(tg,{className:e,children:[i.jsx(Xn,{children:t}),!!o&&i.jsx(Xn,{children:o})]}),tg=g.div`
|
|
2653
2670
|
align-items: center;
|
|
2654
|
-
column-gap: ${
|
|
2671
|
+
column-gap: ${Go("section-gap")};
|
|
2655
2672
|
display: flex;
|
|
2656
2673
|
height: 100%;
|
|
2657
2674
|
justify-content: space-between;
|
|
2658
|
-
padding: 0px ${
|
|
2675
|
+
padding: 0px ${Go("padding-x")};
|
|
2659
2676
|
width: 100%;
|
|
2660
|
-
`,
|
|
2677
|
+
`,Xn=g.div`
|
|
2661
2678
|
align-items: center;
|
|
2662
|
-
column-gap: ${
|
|
2679
|
+
column-gap: ${Go("link-gap")};
|
|
2663
2680
|
display: flex;
|
|
2664
2681
|
height: 100%;
|
|
2665
2682
|
justify-content: flex-start;
|
|
2666
|
-
`,[
|
|
2667
|
-
padding: ${
|
|
2683
|
+
`,[Jn]=O(["shell-menu"]),og=d.memo(({text:e,onClick:t,isActive:o})=>i.jsx(ng,{onClick:t,variant:"body",color:"light",bold:o,children:e})),ng=g(E)`
|
|
2684
|
+
padding: ${Jn("link-padding-y")} ${Jn("link-padding-x")};
|
|
2668
2685
|
line-height: unset;
|
|
2669
2686
|
cursor: pointer;
|
|
2670
|
-
`,[He]=O(["ingredient-card"]),
|
|
2687
|
+
`,[He]=O(["ingredient-card"]),rg=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:a,isSmall:l})=>{const{selected:u,toggleSelection:f}=et(),{t:p}=L.useKosTranslation("dispenser"),h=d.useMemo(()=>u.includes(e),[u,e]),m=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),x=d.useCallback(y=>{s&&s(e,y)},[e,s]),b=d.useCallback(()=>{f(e)},[e,f]);return i.jsx(M.ClassNames,{children:({cx:y})=>i.jsxs(sg,{className:y("holder-list-item",{isSelected:h,isSmall:l}),onClick:b,children:[i.jsxs(ig,{children:[i.jsxs(ag,{children:[i.jsx(E,{variant:l?"small":"body",color:"dark",children:t}),!!o&&i.jsx(lo,{content:o,children:i.jsx(_,{iconId:"ExclamationCircle",color:"red",size:l?"xsm":"sm"})})]}),!!n&&i.jsxs(lg,{children:[i.jsx(ne,{iconId:"DeleteOutlined",color:"blue",size:l?"xsm":"sm",onClick:m,disabled:!r}),i.jsxs(yt,{Reference:i.jsx(ne,{iconId:"Ellipsis",color:"black",size:l?"xsm":"sm"}),onSelect:x,children:[i.jsx(ft,{optionKey:"remove",label:p("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),i.jsx(ft,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:p(`holder.${a?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(cg,{className:y({isIngredientLess:n===void 0}),children:n?i.jsx(E,{color:"dark",variant:l?"small":"body",bold:!0,children:n}):i.jsx(Ae,{variant:l?"borderless-small":"borderless",text:p("holder.assignButton"),icon:"Plus"})})]})})}),sg=g.div`
|
|
2671
2688
|
width: 100%;
|
|
2672
2689
|
height: 100%;
|
|
2673
2690
|
border: ${He("border")} solid ${He("border-color")};
|
|
@@ -2685,23 +2702,23 @@
|
|
|
2685
2702
|
&.isSelected {
|
|
2686
2703
|
border-color: ${He("border-color-selected")};
|
|
2687
2704
|
}
|
|
2688
|
-
`,
|
|
2705
|
+
`,ig=g.div`
|
|
2689
2706
|
width: 100%;
|
|
2690
2707
|
display: flex;
|
|
2691
2708
|
align-items: center;
|
|
2692
2709
|
justify-content: flex-start;
|
|
2693
2710
|
column-gap: ${He("column-gap")};
|
|
2694
|
-
`,
|
|
2711
|
+
`,ag=g.div`
|
|
2695
2712
|
flex: 1;
|
|
2696
2713
|
display: flex;
|
|
2697
2714
|
align-items: center;
|
|
2698
2715
|
justify-content: flex-start;
|
|
2699
2716
|
column-gap: ${He("column-gap")};
|
|
2700
|
-
`,
|
|
2717
|
+
`,lg=g.div`
|
|
2701
2718
|
display: flex;
|
|
2702
2719
|
align-items: center;
|
|
2703
2720
|
column-gap: ${He("column-gap")};
|
|
2704
|
-
`,
|
|
2721
|
+
`,cg=g.div`
|
|
2705
2722
|
width: 100%;
|
|
2706
2723
|
display: flex;
|
|
2707
2724
|
align-items: center;
|
|
@@ -2710,25 +2727,25 @@
|
|
|
2710
2727
|
&.isIngredientLess {
|
|
2711
2728
|
justify-content: center;
|
|
2712
2729
|
}
|
|
2713
|
-
`,
|
|
2730
|
+
`,dg=["settings","devices","tools","performance"],ug=["viewBrowse","manage","configure","troubleshoot","store","main"],fg=dg.map(e=>ug.map(t=>({start:e,end:t}))).flatMap(e=>e),[ye,Xs]=O(["branded-header","icon"]),pg=g.div`
|
|
2714
2731
|
width: 100%;
|
|
2715
2732
|
display: flex;
|
|
2716
2733
|
flex-direction: column;
|
|
2717
2734
|
align-items: flex-start;
|
|
2718
2735
|
justify-content: flex-start;
|
|
2719
2736
|
border-bottom: ${ye("border-bottom-size")} solid ${ye("border-bottom-color")};
|
|
2720
|
-
`,
|
|
2737
|
+
`,hg=g.div`
|
|
2721
2738
|
width: 100%;
|
|
2722
2739
|
display: flex;
|
|
2723
2740
|
align-items: center;
|
|
2724
2741
|
justify-content: flex-start;
|
|
2725
2742
|
max-height: 52px;
|
|
2726
|
-
`;g.div``;const
|
|
2743
|
+
`;g.div``;const gg=g.div`
|
|
2727
2744
|
display: flex;
|
|
2728
2745
|
flex: 1;
|
|
2729
2746
|
gap: 16px;
|
|
2730
2747
|
padding: 12px 20px 12px 16px;
|
|
2731
|
-
`,
|
|
2748
|
+
`,mg=g.div`
|
|
2732
2749
|
flex: 1;
|
|
2733
2750
|
display: flex;
|
|
2734
2751
|
align-items: center;
|
|
@@ -2738,7 +2755,7 @@
|
|
|
2738
2755
|
/* &.hasDescription {
|
|
2739
2756
|
align-items: flex-start;
|
|
2740
2757
|
} */
|
|
2741
|
-
`,
|
|
2758
|
+
`,bg=g.div`
|
|
2742
2759
|
flex: 1;
|
|
2743
2760
|
overflow: hidden;
|
|
2744
2761
|
display: flex;
|
|
@@ -2749,14 +2766,14 @@
|
|
|
2749
2766
|
`;g.img`
|
|
2750
2767
|
height: 100%;
|
|
2751
2768
|
`;const Js=M.css`
|
|
2752
|
-
${
|
|
2769
|
+
${fg.map(({start:e,end:t})=>`&[data-gradient="${e}-${t}"] {
|
|
2753
2770
|
background: linear-gradient(
|
|
2754
2771
|
90deg,
|
|
2755
2772
|
${ye(`startColor-${e}`)} 0%,
|
|
2756
2773
|
${ye(`endColor-${t}`)} 100%
|
|
2757
2774
|
);
|
|
2758
2775
|
}`)}
|
|
2759
|
-
`,
|
|
2776
|
+
`,xg=g.div`
|
|
2760
2777
|
background-color: ${e=>e.color};
|
|
2761
2778
|
height: ${ye("badge-size")};
|
|
2762
2779
|
width: ${ye("badge-size")};
|
|
@@ -2770,7 +2787,7 @@
|
|
|
2770
2787
|
position: relative;
|
|
2771
2788
|
${`${Xs("size-xxlrg",!0)}: calc(100% - 2px)`};
|
|
2772
2789
|
${Js}
|
|
2773
|
-
`;const
|
|
2790
|
+
`;const yg=g.div`
|
|
2774
2791
|
width: 100%;
|
|
2775
2792
|
height: 100%;
|
|
2776
2793
|
position: absolute;
|
|
@@ -2789,7 +2806,7 @@
|
|
|
2789
2806
|
height: ${ye("line-height")};
|
|
2790
2807
|
overflow: hidden;
|
|
2791
2808
|
${Js}
|
|
2792
|
-
`;const
|
|
2809
|
+
`;const kg=g.div`
|
|
2793
2810
|
width: 100%;
|
|
2794
2811
|
height: 100%;
|
|
2795
2812
|
position: absolute;
|
|
@@ -2798,80 +2815,94 @@
|
|
|
2798
2815
|
z-index: 1;
|
|
2799
2816
|
background-color: ${c("color-grey60")};
|
|
2800
2817
|
opacity: 0.5;
|
|
2801
|
-
`,
|
|
2818
|
+
`,vg=g(E)`
|
|
2802
2819
|
display: -webkit-box;
|
|
2803
2820
|
-webkit-line-clamp: 2;
|
|
2804
2821
|
-webkit-box-orient: vertical;
|
|
2805
2822
|
overflow: hidden;
|
|
2806
2823
|
text-overflow: ellipsis;
|
|
2807
|
-
`,
|
|
2808
|
-
padding: ${
|
|
2809
|
-
background-color: ${
|
|
2810
|
-
color: ${
|
|
2811
|
-
font-size: ${
|
|
2812
|
-
font-weight: ${
|
|
2824
|
+
`,wg=e=>i.jsx(vg,{...e,variant:"body",color:"dark"}),Cg=d.memo(({color:e,title:t,description:o,icon:n,Action:r,isOffline:s})=>i.jsx(M.ClassNames,{children:({cx:a})=>i.jsx(pg,{children:i.jsxs(hg,{children:[i.jsxs(xg,{color:e,children:[i.jsx(yg,{children:n&&i.jsx(_,{iconId:n,size:"xxlrg",color:"white"})}),!!s&&i.jsx(kg,{})]}),i.jsxs(gg,{children:[i.jsx(mg,{className:a({hasDescription:!!o}),children:i.jsxs(bg,{children:[i.jsx(E,{variant:"h1",children:t}),!!o&&i.jsx(wg,{children:o})]})}),!!r&&i.jsx(r,{})]})]})})})),Qs=d.createContext(null),ei=L.kosComponent(({children:e,t,isSortable:o,onListItemAction:n})=>{const r=d.useMemo(()=>({t,isSortable:!!o,onListItemAction:n}),[o,t,n]);return i.jsx(Qs.Provider,{value:r,children:e})}),jn=()=>{const e=d.useContext(Qs);if(e===null)throw new Error("TableContext must be used within a TableContextProvider");return e},[Ze]=O(["table"]),go=g.td`
|
|
2825
|
+
padding: ${Ze("cell-padding-y")} ${Ze("cell-padding-x")};
|
|
2826
|
+
background-color: ${Ze("background-color")};
|
|
2827
|
+
color: ${Ze("cell-color")};
|
|
2828
|
+
font-size: ${Ze("cell-font-size")};
|
|
2829
|
+
font-weight: ${Ze("cell-font-weight")};
|
|
2813
2830
|
&.isSortable {
|
|
2814
|
-
padding-right: ${
|
|
2831
|
+
padding-right: ${Ze("cell-padding-right-sortable")};
|
|
2832
|
+
}
|
|
2833
|
+
&:first-of-type {
|
|
2834
|
+
padding-left: ${Ze("cell-padding-left-first-in-row")};
|
|
2815
2835
|
}
|
|
2816
|
-
`,
|
|
2836
|
+
`,Tn=d.memo(({cell:e})=>{const{isSortable:t}=jn();return i.jsx(go,{className:t&&e.column.getCanSort()?"isSortable":void 0,children:be.flexRender(e.column.columnDef.cell,e.getContext())},e.id)}),[Qn]=O(["table"]),pt=g.tr`
|
|
2817
2837
|
width: 100%;
|
|
2818
|
-
border-bottom: ${
|
|
2819
|
-
|
|
2838
|
+
border-bottom: ${Qn("row-border-bottom-size")} solid ${Qn("border-color")};
|
|
2839
|
+
`,$g=d.memo(({row:e,TdComponent:t})=>{const o=t??Tn;return i.jsx(pt,{children:e.getVisibleCells().map(n=>i.jsx(o,{cell:n},n.id))})}),[Sg]=O(["table"]),jg=[],Tg=e=>e.id,Dg=L.kosComponent(({dataProvider:e,columns:t,getRowId:o,emptyState:n,isSortable:r,t:s,TdComponent:a,TrComponent:l,onListItemAction:u,renderEmptyAsStandalone:f,disabled:p,...h})=>{Lt(e);const[m,x]=d.useState([]),b=be.useReactTable({columns:t,meta:{disabled:p},data:e?e==null?void 0:e.items:jg,getCoreRowModel:be.getCoreRowModel(),getSortedRowModel:r?be.getSortedRowModel():void 0,getRowId:o??Tg,onSortingChange:r?x:void 0,state:{sorting:m}}),y=l??$g,k=!b.getRowModel().rows.length;return k&&f?n??null:i.jsx(ei,{onListItemAction:u,isSortable:r,t:s,children:i.jsxs(Mg,{...h,children:[i.jsx(Eg,{children:b.getHeaderGroups().map(w=>i.jsx(pt,{children:w.headers.map($=>i.jsx(d.Fragment,{children:be.flexRender($.column.columnDef.header,$.getContext())},$.id))},w.id))}),i.jsx(zg,{children:k?i.jsx(pt,{children:i.jsx(go,{colSpan:t.length,children:n??null})}):b.getRowModel().rows.map(w=>i.jsx(y,{row:w,TdComponent:a??Tn},w.id))})]})})}),Mg=g.table`
|
|
2820
2840
|
width: 100%;
|
|
2821
2841
|
overflow: auto;
|
|
2822
2842
|
border-collapse: collapse;
|
|
2823
|
-
font-family: ${
|
|
2843
|
+
font-family: ${Sg("font-family")};
|
|
2824
2844
|
table-layout: fixed;
|
|
2825
|
-
`,
|
|
2845
|
+
`,Eg=g.thead`
|
|
2826
2846
|
width: 100%;
|
|
2827
|
-
`,
|
|
2847
|
+
`,zg=g.tbody`
|
|
2828
2848
|
width: 100%;
|
|
2829
|
-
`,[
|
|
2830
|
-
padding: ${
|
|
2831
|
-
background-color: ${
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
font-
|
|
2835
|
-
font-weight: ${Oe("head-font-weight")};
|
|
2849
|
+
`,[je]=O(["table"]),Og=(e,t)=>e?e==="desc"?(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.ascending"),defaultValue:"Click to sort ascending"}))??"Click to sort ascending":(t==null?void 0:t("table.cancelSort",{defaultValue:"Cancel sort"}))??"Cancel sort":(t==null?void 0:t("table.sort",{direction:t==null?void 0:t("table.descending"),defaultValue:"Click to sort descending"}))??"Click to sort descending",Uo=d.memo(({width:e,isBlank:t,toggleSorting:o,id:n,alignment:r,sortValue:s,canSort:a,isVirtual:l})=>{const{isSortable:u,t:f}=jn(),p=d.useCallback(()=>{o()},[o]);return i.jsx(Ig,{className:mt({isSortable:u&&a,isSorted:s!==!1}),style:{width:e??"auto",display:l?"flex":"table-cell"},children:i.jsxs(Rg,{"data-alignment":r,children:[!t&&((f==null?void 0:f(`table.header.${n}`))??n),u&&a&&i.jsx(lo,{content:Og(s,f),children:i.jsx(ne,{iconId:s?s==="asc"?"SortAscending":"SortDescending":"Sort",size:"sm",onClick:p,color:"grey"})})]})})}),Ig=g.th`
|
|
2850
|
+
padding: ${je("cell-padding-y")} ${je("cell-padding-x")};
|
|
2851
|
+
background-color: ${je("header-background-color")};
|
|
2852
|
+
color: ${je("head-color")};
|
|
2853
|
+
font-size: ${je("head-font-size")};
|
|
2854
|
+
font-weight: ${je("head-font-weight")};
|
|
2836
2855
|
&.isSortable {
|
|
2837
2856
|
transition: background 0.125s ease-in-out;
|
|
2838
|
-
padding-right: ${
|
|
2857
|
+
padding-right: ${je("cell-padding-right-sortable")};
|
|
2839
2858
|
cursor: pointer;
|
|
2840
2859
|
:hover {
|
|
2841
|
-
background-color: ${
|
|
2860
|
+
background-color: ${je("header-background-color-hover")};
|
|
2842
2861
|
}
|
|
2843
2862
|
}
|
|
2844
2863
|
&.isSorted {
|
|
2845
|
-
background-color: ${
|
|
2864
|
+
background-color: ${je("header-background-color-hover")};
|
|
2865
|
+
}
|
|
2866
|
+
&:first-of-type {
|
|
2867
|
+
padding-left: ${je("cell-padding-left-first-in-row")};
|
|
2846
2868
|
}
|
|
2847
|
-
`,
|
|
2869
|
+
`,Rg=g.div`
|
|
2848
2870
|
display: flex;
|
|
2849
2871
|
align-items: center;
|
|
2850
2872
|
justify-content: space-between;
|
|
2851
|
-
column-gap: ${
|
|
2852
|
-
|
|
2873
|
+
column-gap: ${je("head-gap-sortable")};
|
|
2874
|
+
&[data-alignment="left"] {
|
|
2875
|
+
justify-content: flex-start;
|
|
2876
|
+
}
|
|
2877
|
+
&[data-alignment="right"] {
|
|
2878
|
+
justify-content: flex-end;
|
|
2879
|
+
}
|
|
2880
|
+
&[data-alignment="center"] {
|
|
2881
|
+
justify-content: center;
|
|
2882
|
+
}
|
|
2883
|
+
`,Ng=()=>{const e=be.createColumnHelper();return{displayColumn:r=>s=>e.display({header:({column:a,header:l})=>{var u,f,p;return i.jsx(Uo,{id:l.id,canSort:a.getCanSort(),width:(u=a.columnDef.meta)==null?void 0:u.width,alignment:(f=a.columnDef.meta)==null?void 0:f.headerAlign,isBlank:(p=a.columnDef.meta)==null?void 0:p.isBlank,toggleSorting:a.toggleSorting,sortValue:a.getIsSorted(),isVirtual:r==null?void 0:r.isVirtual},l.id)},...s,meta:{...s.meta,width:"auto",...r}}),accessorColumn:r=>(s,a)=>e.accessor(s,{header:({column:l,header:u})=>{var f,p,h;return i.jsx(Uo,{id:u.id,canSort:l.getCanSort(),width:(f=l.columnDef.meta)==null?void 0:f.width,alignment:(p=l.columnDef.meta)==null?void 0:p.headerAlign,isBlank:(h=l.columnDef.meta)==null?void 0:h.isBlank,toggleSorting:l.toggleSorting,sortValue:l.getIsSorted(),isVirtual:r==null?void 0:r.isVirtual},u.id)},...a,meta:{...a.meta,width:"auto",...r}}),groupColumn:r=>s=>e.group({...s,meta:{...s.meta,width:"auto",...r}})}};function ct(e,t,o){let n=o.initialDeps??[],r;function s(){var a,l,u,f;let p;o.key&&((a=o.debug)!=null&&a.call(o))&&(p=Date.now());const h=e();if(!(h.length!==n.length||h.some((b,y)=>n[y]!==b)))return r;n=h;let x;if(o.key&&((l=o.debug)!=null&&l.call(o))&&(x=Date.now()),r=t(...h),o.key&&((u=o.debug)!=null&&u.call(o))){const b=Math.round((Date.now()-p)*100)/100,y=Math.round((Date.now()-x)*100)/100,k=y/16,w=($,v)=>{for($=String($);$.length<v;)$=" "+$;return $};console.info(`%c⏱ ${w(y,5)} /${w(b,5)} ms`,`
|
|
2853
2884
|
font-size: .6rem;
|
|
2854
2885
|
font-weight: bold;
|
|
2855
|
-
color: hsl(${Math.max(0,Math.min(120-120*k,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(f=o==null?void 0:o.onChange)==null||f.call(o,r),r}return s.updateDeps=l=>{n=l},s}function Qn(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Ig=(e,t)=>Math.abs(e-t)<1.01,Rg=(e,t,o)=>{let n;return function(...r){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,r),o)}},er=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},Ng=e=>e,Fg=e=>{const t=Math.max(e.startIndex-e.overscan,0),o=Math.min(e.endIndex+e.overscan,e.count-1),n=[];for(let r=t;r<=o;r++)n.push(r);return n},Ag=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;const r=l=>{const{width:a,height:u}=l;t({width:Math.round(a),height:Math.round(u)})};if(r(er(o)),!n.ResizeObserver)return()=>{};const s=new n.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u!=null&&u.borderBoxSize){const f=u.borderBoxSize[0];if(f){r({width:f.inlineSize,height:f.blockSize});return}}r(er(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},tr={passive:!0},or=typeof window>"u"?!0:"onscrollend"in window,_g=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;let r=0;const s=e.options.useScrollendEvent&&or?()=>{}:Rg(n,()=>{t(r,!1)},e.options.isScrollingResetDelay),l=p=>()=>{const{horizontal:h,isRtl:m}=e.options;r=h?o.scrollLeft*(m&&-1||1):o.scrollTop,s(),t(r,p)},a=l(!0),u=l(!1);u(),o.addEventListener("scroll",a,tr);const f=e.options.useScrollendEvent&∨return f&&o.addEventListener("scrollend",u,tr),()=>{o.removeEventListener("scroll",a),f&&o.removeEventListener("scrollend",u)}},Lg=(e,t,o)=>{if(t!=null&&t.borderBoxSize){const n=t.borderBoxSize[0];if(n)return Math.round(n[o.options.horizontal?"inlineSize":"blockSize"])}return e[o.options.horizontal?"offsetWidth":"offsetHeight"]},Wg=(e,{adjustments:t=0,behavior:o},n)=>{var r,s;const l=e+t;(s=(r=n.scrollElement)==null?void 0:r.scrollTo)==null||s.call(r,{[n.options.horizontal?"left":"top"]:l,behavior:o})};class Bg{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let o=null;const n=()=>o||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:o=new this.targetWindow.ResizeObserver(r=>{r.forEach(s=>{const l=()=>{this._measureElement(s.target,s)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var r;(r=n())==null||r.disconnect(),o=null},observe:r=>{var s;return(s=n())==null?void 0:s.observe(r,{box:"border-box"})},unobserve:r=>{var s;return(s=n())==null?void 0:s.unobserve(r)}}})(),this.range=null,this.setOptions=o=>{Object.entries(o).forEach(([n,r])=>{typeof r>"u"&&delete o[n]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Ng,rangeExtractor:Fg,onChange:()=>{},measureElement:Lg,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...o}},this.notify=o=>{var n,r;(r=(n=this.options).onChange)==null||r.call(n,this,o)},this.maybeNotify=ct(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),o=>{this.notify(o)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(o=>o()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var o;const n=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==n){if(this.cleanup(),!n){this.maybeNotify();return}this.scrollElement=n,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((o=this.scrollElement)==null?void 0:o.window)??null,this.elementsCache.forEach(r=>{this.observer.observe(r)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,r=>{this.scrollRect=r,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(r,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<r?"forward":"backward":null,this.scrollOffset=r,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(o,n)=>{const r=new Map,s=new Map;for(let l=n-1;l>=0;l--){const a=o[l];if(r.has(a.lane))continue;const u=s.get(a.lane);if(u==null||a.end>u.end?s.set(a.lane,a):a.end<u.end&&r.set(a.lane,!0),r.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((l,a)=>l.end===a.end?l.index-a.index:l.end-a.end)[0]:void 0},this.getMeasurementOptions=ct(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(o,n,r,s,l)=>(this.pendingMeasuredCacheIndexes=[],{count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:l}),{key:!1}),this.getMeasurements=ct(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:l},a)=>{if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(p=>{this.itemSizeCache.set(p.key,p.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const f=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const h=s(p),m=this.options.lanes===1?f[p-1]:this.getFurthestMeasurement(f,p),x=m?m.end+this.options.gap:n+r,b=a.get(h),y=typeof b=="number"?b:this.options.estimateSize(p),k=x+y,w=m?m.lane:p%this.options.lanes;f[p]={index:p,start:x,size:y,end:k,key:h,lane:w}}return this.measurementsCache=f,f},{key:!1,debug:()=>this.options.debug}),this.calculateRange=ct(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,n,r,s)=>this.range=o.length>0&&n>0?Pg({measurements:o,outerSize:n,scrollOffset:r,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=ct(()=>{let o=null,n=null;const r=this.calculateRange();return r&&(o=r.startIndex,n=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,o,n]),[this.options.rangeExtractor,this.options.overscan,this.options.count,o,n]},(o,n,r,s,l)=>s===null||l===null?[]:o({startIndex:s,endIndex:l,overscan:n,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=o=>{const n=this.options.indexAttribute,r=o.getAttribute(n);return r?parseInt(r,10):(console.warn(`Missing attribute name '${n}={index}' on measured element.`),-1)},this._measureElement=(o,n)=>{const r=this.indexFromElement(o),s=this.measurementsCache[r];if(!s)return;const l=s.key,a=this.elementsCache.get(l);a!==o&&(a&&this.observer.unobserve(a),this.observer.observe(o),this.elementsCache.set(l,o)),o.isConnected&&this.resizeItem(r,this.options.measureElement(o,n,this))},this.resizeItem=(o,n)=>{const r=this.measurementsCache[o];if(!r)return;const s=this.itemSizeCache.get(r.key)??r.size,l=n-s;l!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(r,l,this):r.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=l,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(r.index),this.itemSizeCache=new Map(this.itemSizeCache.set(r.key,n)),this.notify(!1))},this.measureElement=o=>{if(!o){this.elementsCache.forEach((n,r)=>{n.isConnected||(this.observer.unobserve(n),this.elementsCache.delete(r))});return}this._measureElement(o,void 0)},this.getVirtualItems=ct(()=>[this.getVirtualIndexes(),this.getMeasurements()],(o,n)=>{const r=[];for(let s=0,l=o.length;s<l;s++){const a=o[s],u=n[a];r.push(u)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=o=>{const n=this.getMeasurements();if(n.length!==0)return Qn(n[ti(0,n.length-1,r=>Qn(n[r]).start,o)])},this.getOffsetForAlignment=(o,n,r=0)=>{const s=this.getSize(),l=this.getScrollOffset();n==="auto"&&(n=o>=l+s?"end":"start"),n==="center"?o+=(r-s)/2:n==="end"&&(o-=s);const a=this.getTotalSize()+this.options.scrollMargin-s;return Math.max(Math.min(a,o),0)},this.getOffsetForIndex=(o,n="auto")=>{o=Math.max(0,Math.min(o,this.options.count-1));const r=this.measurementsCache[o];if(!r)return;const s=this.getSize(),l=this.getScrollOffset();if(n==="auto")if(r.end>=l+s-this.options.scrollPaddingEnd)n="end";else if(r.start<=l+this.options.scrollPaddingStart)n="start";else return[l,n];const a=n==="end"?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,n,r.size),n]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(o,{align:n="start",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(o,n),{adjustments:void 0,behavior:r})},this.scrollToIndex=(o,{align:n="auto",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),o=Math.max(0,Math.min(o,this.options.count-1));let s=0;const l=10,a=f=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,f);if(!p){console.warn("Failed to get offset for index:",o);return}const[h,m]=p;this._scrollToOffset(h,{adjustments:void 0,behavior:r}),this.targetWindow.requestAnimationFrame(()=>{const x=this.getScrollOffset(),b=this.getOffsetForIndex(o,m);if(!b){console.warn("Failed to get offset for index:",o);return}Ig(b[0],x)||u(m)})},u=f=>{this.targetWindow&&(s++,s<l?this.targetWindow.requestAnimationFrame(()=>a(f)):console.warn(`Failed to scroll to index ${o} after ${l} attempts.`))};a(n)},this.scrollBy=(o,{behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+o,{adjustments:void 0,behavior:n})},this.getTotalSize=()=>{var o;const n=this.getMeasurements();let r;if(n.length===0)r=this.options.paddingStart;else if(this.options.lanes===1)r=((o=n[n.length-1])==null?void 0:o.end)??0;else{const s=Array(this.options.lanes).fill(null);let l=n.length-1;for(;l>=0&&s.some(a=>a===null);){const a=n[l];s[a.lane]===null&&(s[a.lane]=a.end),l--}r=Math.max(...s.filter(a=>a!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(o,{adjustments:n,behavior:r})=>{this.options.scrollToFn(o,{behavior:r,adjustments:n},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const ti=(e,t,o,n)=>{for(;e<=t;){const r=(e+t)/2|0,s=o(r);if(s<n)e=r+1;else if(s>n)t=r-1;else return r}return e>0?e-1:0};function Pg({measurements:e,outerSize:t,scrollOffset:o,lanes:n}){const r=e.length-1,s=u=>e[u].start;if(e.length<=n)return{startIndex:0,endIndex:r};let l=ti(0,r,s,o),a=l;if(n===1)for(;a<r&&e[a].end<o+t;)a++;else if(n>1){const u=Array(n).fill(0);for(;a<r&&u.some(p=>p<o+t);){const p=e[a];u[p.lane]=p.end,a++}const f=Array(n).fill(o+t);for(;l>=0&&f.some(p=>p>=o);){const p=e[l];f[p.lane]=p.start,l--}l=Math.max(0,l-l%n),a=Math.min(r,a+(n-1-a%n))}return{startIndex:l,endIndex:a}}const nr=typeof document<"u"?Xt.useLayoutEffect:Xt.useEffect;function Hg(e){const t=Xt.useReducer(()=>({}),{})[1],o={...e,onChange:(r,s)=>{var l;s?dr.flushSync(t):t(),(l=e.onChange)==null||l.call(e,r,s)}},[n]=Xt.useState(()=>new Bg(o));return n.setOptions(o),nr(()=>n._didMount(),[]),nr(()=>n._willUpdate()),n}function Vg(e){return Hg({observeElementRect:Ag,observeElementOffset:_g,scrollToFn:Wg,...e})}const[oi]=O(["table"]),Gg=[],Ug=e=>e.id,Yg=W.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:l,TdComponent:a,TrComponent:u,onListItemAction:f,renderEmptyAsStandalone:p,...h})=>{Lt(e);const m=d.useRef(null),[x,b]=d.useState([]),y=be.useReactTable({columns:t,data:e?e==null?void 0:e.items:Gg,getCoreRowModel:be.getCoreRowModel(),getSortedRowModel:s?be.getSortedRowModel():void 0,getRowId:n??Ug,onSortingChange:s?b:void 0,state:{sorting:x}}),k=!y.getRowModel().rows.length;return k&&p?r??null:i.jsx(ei,{onListItemAction:f,isSortable:s,t:l,children:i.jsx(Zg,{className:o,ref:m,children:i.jsxs(Xg,{...h,children:[i.jsx(Jg,{children:y.getHeaderGroups().map(w=>i.jsx(pt,{style:{display:"flex"},children:w.headers.map($=>i.jsx(d.Fragment,{children:be.flexRender($.column.columnDef.header,$.getContext())},$.id))},w.id))}),i.jsx(Kg,{isEmpty:k,numColumns:t.length,emptyState:r,table:y,tableContainerRef:m})]})})})}),Kg=W.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:n,emptyState:r,numColumns:s})=>{const{rows:l}=e.getRowModel(),a=Vg({count:l.length,estimateSize:()=>33,getScrollElement:()=>t.current,measureElement:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?u=>u==null?void 0:u.getBoundingClientRect().height:void 0,overscan:5});return i.jsx(Qg,{style:{position:"relative",height:`${a.getTotalSize()}px`},children:n?i.jsx(pt,{children:i.jsx(ho,{colSpan:s,children:r??null})}):a.getVirtualItems().map(u=>{const f=l[u.index];return i.jsx(qg,{trClassName:o,row:f,virtualRow:u,rowVirtualizer:a},f.id)})})}),qg=W.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:n})=>i.jsx(pt,{"data-index":o.index,ref:r=>n.measureElement(r),className:e,style:{display:"flex",position:"absolute",transform:`translateY(${o.start}px)`,width:"100%"},children:t.getVisibleCells().map(r=>{var s;return i.jsx(ho,{style:{display:"flex",width:((s=r.column.columnDef.meta)==null?void 0:s.width)??r.column.getSize()},children:be.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)),Zg=g.div`
|
|
2886
|
+
color: hsl(${Math.max(0,Math.min(120-120*k,120))}deg 100% 31%);`,o==null?void 0:o.key)}return(f=o==null?void 0:o.onChange)==null||f.call(o,r),r}return s.updateDeps=a=>{n=a},s}function er(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Fg=(e,t)=>Math.abs(e-t)<1.01,Ag=(e,t,o)=>{let n;return function(...r){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,r),o)}},tr=e=>{const{offsetWidth:t,offsetHeight:o}=e;return{width:t,height:o}},_g=e=>e,Lg=e=>{const t=Math.max(e.startIndex-e.overscan,0),o=Math.min(e.endIndex+e.overscan,e.count-1),n=[];for(let r=t;r<=o;r++)n.push(r);return n},Wg=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;const r=a=>{const{width:l,height:u}=a;t({width:Math.round(l),height:Math.round(u)})};if(r(tr(o)),!n.ResizeObserver)return()=>{};const s=new n.ResizeObserver(a=>{const l=()=>{const u=a[0];if(u!=null&&u.borderBoxSize){const f=u.borderBoxSize[0];if(f){r({width:f.inlineSize,height:f.blockSize});return}}r(tr(o))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return s.observe(o,{box:"border-box"}),()=>{s.unobserve(o)}},or={passive:!0},nr=typeof window>"u"?!0:"onscrollend"in window,Bg=(e,t)=>{const o=e.scrollElement;if(!o)return;const n=e.targetWindow;if(!n)return;let r=0;const s=e.options.useScrollendEvent&&nr?()=>{}:Ag(n,()=>{t(r,!1)},e.options.isScrollingResetDelay),a=p=>()=>{const{horizontal:h,isRtl:m}=e.options;r=h?o.scrollLeft*(m&&-1||1):o.scrollTop,s(),t(r,p)},l=a(!0),u=a(!1);u(),o.addEventListener("scroll",l,or);const f=e.options.useScrollendEvent&&nr;return f&&o.addEventListener("scrollend",u,or),()=>{o.removeEventListener("scroll",l),f&&o.removeEventListener("scrollend",u)}},Pg=(e,t,o)=>{if(t!=null&&t.borderBoxSize){const n=t.borderBoxSize[0];if(n)return Math.round(n[o.options.horizontal?"inlineSize":"blockSize"])}return e[o.options.horizontal?"offsetWidth":"offsetHeight"]},Hg=(e,{adjustments:t=0,behavior:o},n)=>{var r,s;const a=e+t;(s=(r=n.scrollElement)==null?void 0:r.scrollTo)==null||s.call(r,{[n.options.horizontal?"left":"top"]:a,behavior:o})};class Vg{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this.elementsCache=new Map,this.observer=(()=>{let o=null;const n=()=>o||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:o=new this.targetWindow.ResizeObserver(r=>{r.forEach(s=>{const a=()=>{this._measureElement(s.target,s)};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()})}));return{disconnect:()=>{var r;(r=n())==null||r.disconnect(),o=null},observe:r=>{var s;return(s=n())==null?void 0:s.observe(r,{box:"border-box"})},unobserve:r=>{var s;return(s=n())==null?void 0:s.unobserve(r)}}})(),this.range=null,this.setOptions=o=>{Object.entries(o).forEach(([n,r])=>{typeof r>"u"&&delete o[n]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:_g,rangeExtractor:Lg,onChange:()=>{},measureElement:Pg,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,...o}},this.notify=o=>{var n,r;(r=(n=this.options).onChange)==null||r.call(n,this,o)},this.maybeNotify=ct(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),o=>{this.notify(o)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(o=>o()),this.unsubs=[],this.observer.disconnect(),this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var o;const n=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==n){if(this.cleanup(),!n){this.maybeNotify();return}this.scrollElement=n,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((o=this.scrollElement)==null?void 0:o.window)??null,this.elementsCache.forEach(r=>{this.observer.observe(r)}),this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,r=>{this.scrollRect=r,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(r,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.getScrollOffset()<r?"forward":"backward":null,this.scrollOffset=r,this.isScrolling=s,this.maybeNotify()}))}},this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getFurthestMeasurement=(o,n)=>{const r=new Map,s=new Map;for(let a=n-1;a>=0;a--){const l=o[a];if(r.has(l.lane))continue;const u=s.get(l.lane);if(u==null||l.end>u.end?s.set(l.lane,l):l.end<u.end&&r.set(l.lane,!0),r.size===this.options.lanes)break}return s.size===this.options.lanes?Array.from(s.values()).sort((a,l)=>a.end===l.end?a.index-l.index:a.end-l.end)[0]:void 0},this.getMeasurementOptions=ct(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled],(o,n,r,s,a)=>(this.pendingMeasuredCacheIndexes=[],{count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:a}),{key:!1}),this.getMeasurements=ct(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:o,paddingStart:n,scrollMargin:r,getItemKey:s,enabled:a},l)=>{if(!a)return this.measurementsCache=[],this.itemSizeCache.clear(),[];this.measurementsCache.length===0&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(p=>{this.itemSizeCache.set(p.key,p.size)}));const u=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const f=this.measurementsCache.slice(0,u);for(let p=u;p<o;p++){const h=s(p),m=this.options.lanes===1?f[p-1]:this.getFurthestMeasurement(f,p),x=m?m.end+this.options.gap:n+r,b=l.get(h),y=typeof b=="number"?b:this.options.estimateSize(p),k=x+y,w=m?m.lane:p%this.options.lanes;f[p]={index:p,start:x,size:y,end:k,key:h,lane:w}}return this.measurementsCache=f,f},{key:!1,debug:()=>this.options.debug}),this.calculateRange=ct(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(o,n,r,s)=>this.range=o.length>0&&n>0?Gg({measurements:o,outerSize:n,scrollOffset:r,lanes:s}):null,{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=ct(()=>{let o=null,n=null;const r=this.calculateRange();return r&&(o=r.startIndex,n=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,o,n]),[this.options.rangeExtractor,this.options.overscan,this.options.count,o,n]},(o,n,r,s,a)=>s===null||a===null?[]:o({startIndex:s,endIndex:a,overscan:n,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=o=>{const n=this.options.indexAttribute,r=o.getAttribute(n);return r?parseInt(r,10):(console.warn(`Missing attribute name '${n}={index}' on measured element.`),-1)},this._measureElement=(o,n)=>{const r=this.indexFromElement(o),s=this.measurementsCache[r];if(!s)return;const a=s.key,l=this.elementsCache.get(a);l!==o&&(l&&this.observer.unobserve(l),this.observer.observe(o),this.elementsCache.set(a,o)),o.isConnected&&this.resizeItem(r,this.options.measureElement(o,n,this))},this.resizeItem=(o,n)=>{const r=this.measurementsCache[o];if(!r)return;const s=this.itemSizeCache.get(r.key)??r.size,a=n-s;a!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(r,a,this):r.start<this.getScrollOffset()+this.scrollAdjustments)&&this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=a,behavior:void 0}),this.pendingMeasuredCacheIndexes.push(r.index),this.itemSizeCache=new Map(this.itemSizeCache.set(r.key,n)),this.notify(!1))},this.measureElement=o=>{if(!o){this.elementsCache.forEach((n,r)=>{n.isConnected||(this.observer.unobserve(n),this.elementsCache.delete(r))});return}this._measureElement(o,void 0)},this.getVirtualItems=ct(()=>[this.getVirtualIndexes(),this.getMeasurements()],(o,n)=>{const r=[];for(let s=0,a=o.length;s<a;s++){const l=o[s],u=n[l];r.push(u)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=o=>{const n=this.getMeasurements();if(n.length!==0)return er(n[ti(0,n.length-1,r=>er(n[r]).start,o)])},this.getOffsetForAlignment=(o,n,r=0)=>{const s=this.getSize(),a=this.getScrollOffset();n==="auto"&&(n=o>=a+s?"end":"start"),n==="center"?o+=(r-s)/2:n==="end"&&(o-=s);const l=this.getTotalSize()+this.options.scrollMargin-s;return Math.max(Math.min(l,o),0)},this.getOffsetForIndex=(o,n="auto")=>{o=Math.max(0,Math.min(o,this.options.count-1));const r=this.measurementsCache[o];if(!r)return;const s=this.getSize(),a=this.getScrollOffset();if(n==="auto")if(r.end>=a+s-this.options.scrollPaddingEnd)n="end";else if(r.start<=a+this.options.scrollPaddingStart)n="start";else return[a,n];const l=n==="end"?r.end+this.options.scrollPaddingEnd:r.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,n,r.size),n]},this.isDynamicMode=()=>this.elementsCache.size>0,this.scrollToOffset=(o,{align:n="start",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(o,n),{adjustments:void 0,behavior:r})},this.scrollToIndex=(o,{align:n="auto",behavior:r}={})=>{r==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),o=Math.max(0,Math.min(o,this.options.count-1));let s=0;const a=10,l=f=>{if(!this.targetWindow)return;const p=this.getOffsetForIndex(o,f);if(!p){console.warn("Failed to get offset for index:",o);return}const[h,m]=p;this._scrollToOffset(h,{adjustments:void 0,behavior:r}),this.targetWindow.requestAnimationFrame(()=>{const x=this.getScrollOffset(),b=this.getOffsetForIndex(o,m);if(!b){console.warn("Failed to get offset for index:",o);return}Fg(b[0],x)||u(m)})},u=f=>{this.targetWindow&&(s++,s<a?this.targetWindow.requestAnimationFrame(()=>l(f)):console.warn(`Failed to scroll to index ${o} after ${a} attempts.`))};l(n)},this.scrollBy=(o,{behavior:n}={})=>{n==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getScrollOffset()+o,{adjustments:void 0,behavior:n})},this.getTotalSize=()=>{var o;const n=this.getMeasurements();let r;if(n.length===0)r=this.options.paddingStart;else if(this.options.lanes===1)r=((o=n[n.length-1])==null?void 0:o.end)??0;else{const s=Array(this.options.lanes).fill(null);let a=n.length-1;for(;a>=0&&s.some(l=>l===null);){const l=n[a];s[l.lane]===null&&(s[l.lane]=l.end),a--}r=Math.max(...s.filter(l=>l!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this._scrollToOffset=(o,{adjustments:n,behavior:r})=>{this.options.scrollToFn(o,{behavior:r,adjustments:n},this)},this.measure=()=>{this.itemSizeCache=new Map,this.notify(!1)},this.setOptions(t)}}const ti=(e,t,o,n)=>{for(;e<=t;){const r=(e+t)/2|0,s=o(r);if(s<n)e=r+1;else if(s>n)t=r-1;else return r}return e>0?e-1:0};function Gg({measurements:e,outerSize:t,scrollOffset:o,lanes:n}){const r=e.length-1,s=u=>e[u].start;if(e.length<=n)return{startIndex:0,endIndex:r};let a=ti(0,r,s,o),l=a;if(n===1)for(;l<r&&e[l].end<o+t;)l++;else if(n>1){const u=Array(n).fill(0);for(;l<r&&u.some(p=>p<o+t);){const p=e[l];u[p.lane]=p.end,l++}const f=Array(n).fill(o+t);for(;a>=0&&f.some(p=>p>=o);){const p=e[a];f[p.lane]=p.start,a--}a=Math.max(0,a-a%n),l=Math.min(r,l+(n-1-l%n))}return{startIndex:a,endIndex:l}}const rr=typeof document<"u"?Xt.useLayoutEffect:Xt.useEffect;function Ug(e){const t=Xt.useReducer(()=>({}),{})[1],o={...e,onChange:(r,s)=>{var a;s?ur.flushSync(t):t(),(a=e.onChange)==null||a.call(e,r,s)}},[n]=Xt.useState(()=>new Vg(o));return n.setOptions(o),rr(()=>n._didMount(),[]),rr(()=>n._willUpdate()),n}function Yg(e){return Ug({observeElementRect:Wg,observeElementOffset:Bg,scrollToFn:Hg,...e})}const[oi]=O(["table"]),Kg=[],qg=e=>e.id,Zg=L.kosComponent(({dataProvider:e,columns:t,className:o,getRowId:n,emptyState:r,isSortable:s,t:a,TdComponent:l,TrComponent:u,onListItemAction:f,renderEmptyAsStandalone:p,...h})=>{Lt(e);const m=d.useRef(null),[x,b]=d.useState([]),y=be.useReactTable({columns:t,data:e?e==null?void 0:e.items:Kg,getCoreRowModel:be.getCoreRowModel(),getSortedRowModel:s?be.getSortedRowModel():void 0,getRowId:n??qg,onSortingChange:s?b:void 0,state:{sorting:x}}),k=!y.getRowModel().rows.length;return k&&p?r??null:i.jsx(ei,{onListItemAction:f,isSortable:s,t:a,children:i.jsx(Qg,{className:o,ref:m,children:i.jsxs(em,{...h,children:[i.jsx(tm,{children:y.getHeaderGroups().map(w=>i.jsx(pt,{style:{display:"flex"},children:w.headers.map($=>i.jsx(d.Fragment,{children:be.flexRender($.column.columnDef.header,$.getContext())},$.id))},w.id))}),i.jsx(Xg,{isEmpty:k,numColumns:t.length,emptyState:r,table:y,tableContainerRef:m})]})})})}),Xg=L.kosComponent(({table:e,tableContainerRef:t,trClassName:o,isEmpty:n,emptyState:r,numColumns:s})=>{const{rows:a}=e.getRowModel(),l=Yg({count:a.length,estimateSize:()=>33,getScrollElement:()=>t.current,measureElement:typeof window<"u"&&navigator.userAgent.indexOf("Firefox")===-1?u=>u==null?void 0:u.getBoundingClientRect().height:void 0,overscan:5});return i.jsx(om,{style:{position:"relative",height:`${l.getTotalSize()}px`},children:n?i.jsx(pt,{children:i.jsx(go,{colSpan:s,children:r??null})}):l.getVirtualItems().map(u=>{const f=a[u.index];return i.jsx(Jg,{trClassName:o,row:f,virtualRow:u,rowVirtualizer:l},f.id)})})}),Jg=L.kosComponent(({trClassName:e,row:t,virtualRow:o,rowVirtualizer:n})=>i.jsx(pt,{"data-index":o.index,ref:r=>n.measureElement(r),className:e,style:{display:"flex",position:"absolute",transform:`translateY(${o.start}px)`,width:"100%"},children:t.getVisibleCells().map(r=>{var s;return i.jsx(go,{style:{display:"flex",width:((s=r.column.columnDef.meta)==null?void 0:s.width)??r.column.getSize()},children:be.flexRender(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)),Qg=g.div`
|
|
2856
2887
|
width: 100%;
|
|
2857
2888
|
display: grid;
|
|
2858
2889
|
overflow: auto;
|
|
2859
|
-
`,
|
|
2890
|
+
`,em=g.table`
|
|
2860
2891
|
width: 100%;
|
|
2861
2892
|
border-collapse: collapse;
|
|
2862
2893
|
font-family: ${oi("font-family")};
|
|
2863
2894
|
table-layout: fixed;
|
|
2864
|
-
`,
|
|
2895
|
+
`,tm=g.thead`
|
|
2865
2896
|
width: 100%;
|
|
2866
2897
|
position: sticky;
|
|
2867
2898
|
background-color: ${oi("header-background-color")};
|
|
2868
2899
|
top: 0;
|
|
2869
2900
|
z-index: 1;
|
|
2870
|
-
`,
|
|
2901
|
+
`,om=g.tbody`
|
|
2871
2902
|
width: 100%;
|
|
2872
|
-
`,[dt]=O(["button"]),
|
|
2903
|
+
`,[dt]=O(["button"]),nm=d.memo(({onClick:e,open:t,buttonText:o,text:n})=>i.jsx(rm,{open:t,children:i.jsxs(sm,{children:[i.jsx(E,{variant:"h2",color:"light",children:n}),i.jsx(Ae,{variant:"borderless",text:o,onClick:e})]})})),rm=g(es)`
|
|
2873
2904
|
z-index: 5;
|
|
2874
|
-
`,
|
|
2905
|
+
`,sm=g.div`
|
|
2875
2906
|
display: flex;
|
|
2876
2907
|
align-items: center;
|
|
2877
2908
|
justify-content: center;
|
|
@@ -2883,9 +2914,9 @@
|
|
|
2883
2914
|
${`${dt("border-hover-borderless",!0)}: ${c("color-white")}`};
|
|
2884
2915
|
${`${dt("color-hover-borderless",!0)}: ${c("color-white")}`};
|
|
2885
2916
|
${`${dt("bg-hover-borderless",!0)}: transparent`};
|
|
2886
|
-
`;function nm(e,t,o="long"){return new Intl.DateTimeFormat("en-US",{hour:"numeric",timeZone:e,timeZoneName:o}).format(t).split(/\s/g).slice(2).join(" ")}const Do={},Mt={};function rt(e,t){try{const n=(Do[e]||(Do[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return n in Mt?Mt[n]:rr(n,n.split(":"))}catch{if(e in Mt)return Mt[e];const o=e==null?void 0:e.match(rm);return o?rr(e,o.slice(1)):NaN}}const rm=/([+-]\d\d):?(\d\d)?/;function rr(e,t){const o=+(t[0]||0),n=+(t[1]||0),r=+(t[2]||0)/60;return Mt[e]=o*60+n>0?o*60+n+r:o*60-n-r}class Fe extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(rt(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)),ni(this),Uo(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Fe(...o,t):new Fe(Date.now(),t)}withTimeZone(t){return new Fe(+this,t)}getTimezoneOffset(){const t=-rt(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),Uo(this),+this}[Symbol.for("constructDateFrom")](t){return new Fe(+new Date(t),this.timeZone)}}const sr=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!sr.test(e))return;const t=e.replace(sr,"$1UTC");Fe.prototype[t]&&(e.startsWith("get")?Fe.prototype[e]=function(){return this.internal[t]()}:(Fe.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),sm(this),+this},Fe.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),Uo(this),+this}))});function Uo(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-rt(e.timeZone,e)*60))}function sm(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()),ni(e)}function ni(e){const t=rt(e.timeZone,e),o=t>0?Math.floor(t):Math.ceil(t),n=new Date(+e);n.setUTCHours(n.getUTCHours()-1);const r=-new Date(+e).getTimezoneOffset(),s=-new Date(+n).getTimezoneOffset(),l=r-s,a=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();l&&a&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+l);const u=r-o;u&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+u);const f=new Date(+e);f.setUTCSeconds(0);const p=r>0?f.getSeconds():(f.getSeconds()-60)%60,h=Math.round(-(rt(e.timeZone,e)*60))%60;(h||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+h),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+h+p));const m=rt(e.timeZone,e),x=m>0?Math.floor(m):Math.ceil(m),y=-new Date(+e).getTimezoneOffset()-x,k=x!==o,w=y-u;if(k&&w){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+w);const $=rt(e.timeZone,e),C=$>0?Math.floor($):Math.ceil($),S=x-C;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class re extends Fe{static tz(t,...o){return o.length?new re(...o,t):new re(Date.now(),t)}toISOString(){const[t,o,n]=this.tzComponents(),r=`${t}${o}:${n}`;return this.internal.toISOString().slice(0,-1)+r}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,o,n,r]=this.internal.toUTCString().split(" ");return`${t==null?void 0:t.slice(0,-1)} ${n} ${o} ${r}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[o,n,r]=this.tzComponents();return`${t} GMT${o}${n}${r} (${nm(this.timeZone,this)})`}toLocaleString(t,o){return Date.prototype.toLocaleString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleDateString(t,o){return Date.prototype.toLocaleDateString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleTimeString(t,o){return Date.prototype.toLocaleTimeString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),o=t>0?"-":"+",n=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),r=String(Math.abs(t)%60).padStart(2,"0");return[o,n,r]}withTimeZone(t){return new re(+this,t)}[Symbol.for("constructDateFrom")](t){return new re(+new Date(t),this.timeZone)}}const im={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"}},am=(e,t,o)=>{let n;const r=im[e];return typeof r=="string"?n=r:t===1?n=r.one:n=r.other.replace("{{count}}",t.toString()),o!=null&&o.addSuffix?o.comparison&&o.comparison>0?"in "+n:n+" ago":n};function Mo(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const lm={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},cm={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},dm={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},um={date:Mo({formats:lm,defaultWidth:"full"}),time:Mo({formats:cm,defaultWidth:"full"}),dateTime:Mo({formats:dm,defaultWidth:"full"})},fm={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},pm=(e,t,o,n)=>fm[e];function Tt(e){return(t,o)=>{const n=o!=null&&o.context?String(o.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const l=e.defaultFormattingWidth||e.defaultWidth,a=o!=null&&o.width?String(o.width):l;r=e.formattingValues[a]||e.formattingValues[l]}else{const l=e.defaultWidth,a=o!=null&&o.width?String(o.width):e.defaultWidth;r=e.values[a]||e.values[l]}const s=e.argumentCallback?e.argumentCallback(t):t;return r[s]}}const hm={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},gm={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},mm={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"]},bm={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"]},xm={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"}},ym={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"}},km=(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"},vm={ordinalNumber:km,era:Tt({values:hm,defaultWidth:"wide"}),quarter:Tt({values:gm,defaultWidth:"wide",argumentCallback:e=>e-1}),month:Tt({values:mm,defaultWidth:"wide"}),day:Tt({values:bm,defaultWidth:"wide"}),dayPeriod:Tt({values:xm,defaultWidth:"wide",formattingValues:ym,defaultFormattingWidth:"wide"})};function Dt(e){return(t,o={})=>{const n=o.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],s=t.match(r);if(!s)return null;const l=s[0],a=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(a)?Cm(a,h=>h.test(l)):wm(a,h=>h.test(l));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const p=t.slice(l.length);return{value:f,rest:p}}}function wm(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function Cm(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function $m(e){return(t,o={})=>{const n=t.match(e.matchPattern);if(!n)return null;const r=n[0],s=t.match(e.parsePattern);if(!s)return null;let l=e.valueCallback?e.valueCallback(s[0]):s[0];l=o.valueCallback?o.valueCallback(l):l;const a=t.slice(r.length);return{value:l,rest:a}}}const Sm=/^(\d+)(th|st|nd|rd)?/i,jm=/\d+/i,Tm={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},Dm={any:[/^b/i,/^(a|c)/i]},Mm={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Em={any:[/1/i,/2/i,/3/i,/4/i]},zm={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},Om={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]},Im={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},Rm={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]},Nm={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},Fm={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}},Am={ordinalNumber:$m({matchPattern:Sm,parsePattern:jm,valueCallback:e=>parseInt(e,10)}),era:Dt({matchPatterns:Tm,defaultMatchWidth:"wide",parsePatterns:Dm,defaultParseWidth:"any"}),quarter:Dt({matchPatterns:Mm,defaultMatchWidth:"wide",parsePatterns:Em,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Dt({matchPatterns:zm,defaultMatchWidth:"wide",parsePatterns:Om,defaultParseWidth:"any"}),day:Dt({matchPatterns:Im,defaultMatchWidth:"wide",parsePatterns:Rm,defaultParseWidth:"any"}),dayPeriod:Dt({matchPatterns:Nm,defaultMatchWidth:"any",parsePatterns:Fm,defaultParseWidth:"any"})},ri={code:"en-US",formatDistance:am,formatLong:um,formatRelative:pm,localize:vm,match:Am,options:{weekStartsOn:0,firstWeekContainsDate:1}},ir=5,_m=4;function Lm(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,ir*7-1);return t.getMonth(e)===t.getMonth(s)?ir:_m}function si(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 Wm(e,t){const o=si(e,t),n=Lm(e,t);return t.addDays(o,n*7-1)}class qe{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?re.tz(this.options.timeZone):new this.Date},this.newDate=(n,r,s)=>{var l;return(l=this.overrides)!=null&&l.newDate?this.overrides.newDate(n,r,s):this.options.timeZone?new re(n,r,s,this.options.timeZone):new Date(n,r,s)},this.addDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addDays?this.overrides.addDays(n,r):Y.addDays(n,r)},this.addMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addMonths?this.overrides.addMonths(n,r):Y.addMonths(n,r)},this.addWeeks=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addWeeks?this.overrides.addWeeks(n,r):Y.addWeeks(n,r)},this.addYears=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addYears?this.overrides.addYears(n,r):Y.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarDays?this.overrides.differenceInCalendarDays(n,r):Y.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarMonths?this.overrides.differenceInCalendarMonths(n,r):Y.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r;return(r=this.overrides)!=null&&r.eachMonthOfInterval?this.overrides.eachMonthOfInterval(n):Y.eachMonthOfInterval(n)},this.endOfBroadcastWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfBroadcastWeek?this.overrides.endOfBroadcastWeek(n):Wm(n,this)},this.endOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfISOWeek?this.overrides.endOfISOWeek(n):Y.endOfISOWeek(n)},this.endOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.endOfMonth?this.overrides.endOfMonth(n):Y.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.endOfWeek?this.overrides.endOfWeek(n,r):Y.endOfWeek(n,this.options)},this.endOfYear=n=>{var r;return(r=this.overrides)!=null&&r.endOfYear?this.overrides.endOfYear(n):Y.endOfYear(n)},this.format=(n,r,s)=>{var a;const l=(a=this.overrides)!=null&&a.format?this.overrides.format(n,r,this.options):Y.format(n,r,this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(l):l},this.getISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.getISOWeek?this.overrides.getISOWeek(n):Y.getISOWeek(n)},this.getMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getMonth?this.overrides.getMonth(n,this.options):Y.getMonth(n,this.options)},this.getYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getYear?this.overrides.getYear(n,this.options):Y.getYear(n,this.options)},this.getWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getWeek?this.overrides.getWeek(n,this.options):Y.getWeek(n,this.options)},this.isAfter=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isAfter?this.overrides.isAfter(n,r):Y.isAfter(n,r)},this.isBefore=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isBefore?this.overrides.isBefore(n,r):Y.isBefore(n,r)},this.isDate=n=>{var r;return(r=this.overrides)!=null&&r.isDate?this.overrides.isDate(n):Y.isDate(n)},this.isSameDay=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameDay?this.overrides.isSameDay(n,r):Y.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameMonth?this.overrides.isSameMonth(n,r):Y.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameYear?this.overrides.isSameYear(n,r):Y.isSameYear(n,r)},this.max=n=>{var r;return(r=this.overrides)!=null&&r.max?this.overrides.max(n):Y.max(n)},this.min=n=>{var r;return(r=this.overrides)!=null&&r.min?this.overrides.min(n):Y.min(n)},this.setMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setMonth?this.overrides.setMonth(n,r):Y.setMonth(n,r)},this.setYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setYear?this.overrides.setYear(n,r):Y.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfBroadcastWeek?this.overrides.startOfBroadcastWeek(n,this):si(n,this)},this.startOfDay=n=>{var r;return(r=this.overrides)!=null&&r.startOfDay?this.overrides.startOfDay(n):Y.startOfDay(n)},this.startOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.startOfISOWeek?this.overrides.startOfISOWeek(n):Y.startOfISOWeek(n)},this.startOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.startOfMonth?this.overrides.startOfMonth(n):Y.startOfMonth(n)},this.startOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfWeek?this.overrides.startOfWeek(n,this.options):Y.startOfWeek(n,this.options)},this.startOfYear=n=>{var r;return(r=this.overrides)!=null&&r.startOfYear?this.overrides.startOfYear(n):Y.startOfYear(n)},this.options={locale:ri,...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 Be=new qe;class ii{constructor(t,o,n=Be){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 Bm{constructor(t,o){this.date=t,this.weeks=o}}class Pm{constructor(t,o){this.days=o,this.weekNumber=t}}function Hm(e){return d.createElement("button",{...e})}function Vm(e){return d.createElement("span",{...e})}function Gm(e){const{size:t=24,orientation:o="left",className:n}=e;return d.createElement("svg",{className:n,width:t,height:t,viewBox:"0 0 24 24"},o==="up"&&d.createElement("polygon",{points:"6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28"}),o==="down"&&d.createElement("polygon",{points:"6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72"}),o==="left"&&d.createElement("polygon",{points:"16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20"}),o==="right"&&d.createElement("polygon",{points:"8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20"}))}function Um(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function Ym(e){const{day:t,modifiers:o,...n}=e,r=d.useRef(null);return d.useEffect(()=>{var s;o.focused&&((s=r.current)==null||s.focus())},[o.focused]),d.createElement("button",{ref:r,...n})}var A;(function(e){e.Root="root",e.Chevron="chevron",e.Day="day",e.DayButton="day_button",e.CaptionLabel="caption_label",e.Dropdowns="dropdowns",e.Dropdown="dropdown",e.DropdownRoot="dropdown_root",e.Footer="footer",e.MonthGrid="month_grid",e.MonthCaption="month_caption",e.MonthsDropdown="months_dropdown",e.Month="month",e.Months="months",e.Nav="nav",e.NextMonthButton="button_next",e.PreviousMonthButton="button_previous",e.Week="week",e.Weeks="weeks",e.Weekday="weekday",e.Weekdays="weekdays",e.WeekNumber="week_number",e.WeekNumberHeader="week_number_header",e.YearsDropdown="years_dropdown"})(A||(A={}));var Q;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(Q||(Q={}));var De;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(De||(De={}));var ue;(function(e){e.weeks_before_enter="weeks_before_enter",e.weeks_before_exit="weeks_before_exit",e.weeks_after_enter="weeks_after_enter",e.weeks_after_exit="weeks_after_exit",e.caption_after_enter="caption_after_enter",e.caption_after_exit="caption_after_exit",e.caption_before_enter="caption_before_enter",e.caption_before_exit="caption_before_exit"})(ue||(ue={}));function Km(e){const{options:t,className:o,components:n,classNames:r,...s}=e,l=[r[A.Dropdown],o].join(" "),a=t==null?void 0:t.find(({value:u})=>u===s.value);return d.createElement("span",{"data-disabled":s.disabled,className:r[A.DropdownRoot]},d.createElement(n.Select,{className:l,...s},t==null?void 0:t.map(({value:u,label:f,disabled:p})=>d.createElement(n.Option,{key:u,value:u,disabled:p},f))),d.createElement("span",{className:r[A.CaptionLabel],"aria-hidden":!0},a==null?void 0:a.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[A.Chevron]})))}function qm(e){return d.createElement("div",{...e})}function Zm(e){return d.createElement("div",{...e})}function Xm(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function Jm(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function Qm(e){return d.createElement("table",{...e})}function eb(e){return d.createElement("div",{...e})}const ai=d.createContext(void 0);function Pt(){const e=d.useContext(ai);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function tb(e){const{components:t}=Pt();return d.createElement(t.Dropdown,{...e})}function ob(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:l,classNames:a,labels:{labelPrevious:u,labelNext:f}}=Pt(),p=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),h=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(l.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:h},d.createElement(l.Chevron,{disabled:n?void 0:!0,className:a[A.Chevron],orientation:"left"})),d.createElement(l.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":f(r),onClick:p},d.createElement(l.Chevron,{disabled:r?void 0:!0,orientation:"right",className:a[A.Chevron]})))}function nb(e){const{components:t}=Pt();return d.createElement(t.Button,{...e})}function rb(e){return d.createElement("option",{...e})}function sb(e){const{components:t}=Pt();return d.createElement(t.Button,{...e})}function ib(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function ab(e){return d.createElement("select",{...e})}function lb(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function cb(e){return d.createElement("th",{...e})}function db(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function ub(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function fb(e){return d.createElement("th",{...e})}function pb(e){return d.createElement("tbody",{...e})}function hb(e){const{components:t}=Pt();return d.createElement(t.Dropdown,{...e})}const gb=Object.freeze(Object.defineProperty({__proto__:null,Button:Hm,CaptionLabel:Vm,Chevron:Gm,Day:Um,DayButton:Ym,Dropdown:Km,DropdownNav:qm,Footer:Zm,Month:Xm,MonthCaption:Jm,MonthGrid:Qm,Months:eb,MonthsDropdown:tb,Nav:ob,NextMonthButton:nb,Option:rb,PreviousMonthButton:sb,Root:ib,Select:ab,Week:lb,WeekNumber:ub,WeekNumberHeader:fb,Weekday:cb,Weekdays:db,Weeks:pb,YearsDropdown:hb},Symbol.toStringTag,{value:"Module"}));function Ve(e,t,o=!1,n=Be){let{from:r,to:s}=e;const{differenceInCalendarDays:l,isSameDay:a}=n;return r&&s?(l(s,r)<0&&([r,s]=[s,r]),l(t,r)>=(o?1:0)&&l(s,t)>=(o?1:0)):!o&&s?a(s,t):!o&&r?a(r,t):!1}function li(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function Tn(e){return!!(e&&typeof e=="object"&&"from"in e)}function ci(e){return!!(e&&typeof e=="object"&&"after"in e)}function di(e){return!!(e&&typeof e=="object"&&"before"in e)}function ui(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function fi(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Ge(e,t,o=Be){const n=Array.isArray(t)?t:[t],{isSameDay:r,differenceInCalendarDays:s,isAfter:l}=o;return n.some(a=>{if(typeof a=="boolean")return a;if(o.isDate(a))return r(e,a);if(fi(a,o))return a.includes(e);if(Tn(a))return Ve(a,e,!1,o);if(ui(a))return Array.isArray(a.dayOfWeek)?a.dayOfWeek.includes(e.getDay()):a.dayOfWeek===e.getDay();if(li(a)){const u=s(a.before,e),f=s(a.after,e),p=u>0,h=f<0;return l(a.before,a.after)?h&&p:p||h}return ci(a)?s(e,a.after)>0:di(a)?s(a.before,e)>0:typeof a=="function"?a(e):!1})}function mb(e,t,o,n,r){const{disabled:s,hidden:l,modifiers:a,showOutsideDays:u,broadcastCalendar:f,today:p}=t,{isSameDay:h,isSameMonth:m,startOfMonth:x,isBefore:b,endOfMonth:y,isAfter:k}=r,w=o&&x(o),$=n&&y(n),C={[Q.focused]:[],[Q.outside]:[],[Q.disabled]:[],[Q.hidden]:[],[Q.today]:[]},S={};for(const v of e){const{date:T,displayMonth:j}=v,D=!!(j&&!m(T,j)),L=!!(w&&b(T,w)),G=!!($&&k(T,$)),R=!!(s&&Ge(T,s,r)),N=!!(l&&Ge(T,l,r))||L||G||!f&&!u&&D||f&&u===!1&&D,q=h(T,p??r.today());D&&C.outside.push(v),R&&C.disabled.push(v),N&&C.hidden.push(v),q&&C.today.push(v),a&&Object.keys(a).forEach(oe=>{const te=a==null?void 0:a[oe];te&&Ge(T,te,r)&&(S[oe]?S[oe].push(v):S[oe]=[v])})}return v=>{const T={[Q.focused]:!1,[Q.disabled]:!1,[Q.hidden]:!1,[Q.outside]:!1,[Q.today]:!1},j={};for(const D in C){const L=C[D];T[D]=L.some(G=>G===v)}for(const D in S)j[D]=S[D].some(L=>L===v);return{...T,...j}}}function bb(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[Q[s]]?r.push(t[Q[s]]):t[De[s]]&&r.push(t[De[s]]),r),[t[A.Day]])}function xb(e){return{...gb,...e}}function yb(e){const t={"data-mode":e.mode??void 0,"data-required":"required"in e?e.required:void 0,"data-multiple-months":e.numberOfMonths&&e.numberOfMonths>1||void 0,"data-week-numbers":e.showWeekNumber||void 0,"data-broadcast-calendar":e.broadcastCalendar||void 0,"data-nav-layout":e.navLayout||void 0};return Object.entries(e).forEach(([o,n])=>{o.startsWith("data-")&&(t[o]=n)}),t}function kb(){const e={};for(const t in A)e[A[t]]=`rdp-${A[t]}`;for(const t in Q)e[Q[t]]=`rdp-${Q[t]}`;for(const t in De)e[De[t]]=`rdp-${De[t]}`;for(const t in ue)e[ue[t]]=`rdp-${ue[t]}`;return e}function pi(e,t,o){return(o??new qe(t)).format(e,"LLLL y")}const vb=pi;function wb(e,t,o){return(o??new qe(t)).format(e,"d")}function Cb(e,t=Be){return t.format(e,"LLLL")}function $b(e,t,o){return(o??new qe(t)).format(e,"cccccc")}function Sb(e,t=Be){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function jb(){return""}function hi(e,t=Be){return t.format(e,"yyyy")}const Tb=hi,Db=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:pi,formatDay:wb,formatMonthCaption:vb,formatMonthDropdown:Cb,formatWeekNumber:Sb,formatWeekNumberHeader:jb,formatWeekdayName:$b,formatYearCaption:Tb,formatYearDropdown:hi},Symbol.toStringTag,{value:"Module"}));function Mb(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...Db,...e}}function Eb(e,t,o,n,r){const{startOfMonth:s,startOfYear:l,endOfYear:a,eachMonthOfInterval:u,getMonth:f}=r;return u({start:l(e),end:a(e)}).map(m=>{const x=n.formatMonthDropdown(m,r),b=f(m),y=t&&m<s(t)||o&&m>s(o)||!1;return{value:b,label:x,disabled:y}})}function zb(e,t={},o={}){let n={...t==null?void 0:t[A.Day]};return Object.entries(e).filter(([,r])=>r===!0).forEach(([r])=>{n={...n,...o==null?void 0:o[r]}}),n}function Ob(e,t,o){const n=e.today(),r=t?e.startOfISOWeek(n):e.startOfWeek(n),s=[];for(let l=0;l<7;l++){const a=e.addDays(r,l);s.push(a)}return s}function Ib(e,t,o,n,r=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:l,addYears:a,getYear:u,isBefore:f,isSameYear:p}=n,h=s(e),m=l(t),x=[];let b=h;for(;f(b,m)||p(b,m);)x.push(b),b=a(b,1);return r&&x.reverse(),x.map(y=>{const k=o.formatYearDropdown(y,n);return{value:u(y),label:k,disabled:!1}})}function gi(e,t,o,n){let r=(n??new qe(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const Rb=gi;function mi(e,t,o){return(o??new qe(t)).format(e,"LLLL y")}const Nb=mi;function Fb(e,t,o,n){let r=(n??new qe(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function Ab(e){return"Choose the Month"}function _b(){return""}function Lb(e){return"Go to the Next Month"}function Wb(e){return"Go to the Previous Month"}function Bb(e,t,o){return(o??new qe(t)).format(e,"cccc")}function Pb(e,t){return`Week ${e}`}function Hb(e){return"Week Number"}function Vb(e){return"Choose the Year"}const Gb=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:Nb,labelDay:Rb,labelDayButton:gi,labelGrid:mi,labelGridcell:Fb,labelMonthDropdown:Ab,labelNav:_b,labelNext:Lb,labelPrevious:Wb,labelWeekNumber:Pb,labelWeekNumberHeader:Hb,labelWeekday:Bb,labelYearDropdown:Vb},Symbol.toStringTag,{value:"Module"})),Ht=e=>e instanceof HTMLElement?e:null,Eo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],Ub=e=>Ht(e.querySelector("[data-animated-month]")),zo=e=>Ht(e.querySelector("[data-animated-caption]")),Oo=e=>Ht(e.querySelector("[data-animated-weeks]")),Yb=e=>Ht(e.querySelector("[data-animated-nav]")),Kb=e=>Ht(e.querySelector("[data-animated-weekdays]"));function qb(e,t,{classNames:o,months:n,focused:r,dateLib:s}){const l=d.useRef(null),a=d.useRef(n),u=d.useRef(!1);d.useLayoutEffect(()=>{const f=a.current;if(a.current=n,!t||!e.current||!(e.current instanceof HTMLElement)||n.length===0||f.length===0||n.length!==f.length)return;const p=s.isSameMonth(n[0].date,f[0].date),h=s.isAfter(n[0].date,f[0].date),m=h?o[ue.caption_after_enter]:o[ue.caption_before_enter],x=h?o[ue.weeks_after_enter]:o[ue.weeks_before_enter],b=l.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(Eo(y).forEach(C=>{if(!(C instanceof HTMLElement))return;const S=Ub(C);S&&C.contains(S)&&C.removeChild(S);const v=zo(C);v&&v.classList.remove(m);const T=Oo(C);T&&T.classList.remove(x)}),l.current=y):l.current=null,u.current||p||r)return;const k=b instanceof HTMLElement?Eo(b):[],w=Eo(e.current);if(w!=null&&w.every($=>$ instanceof HTMLElement)&&k&&k.every($=>$ instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const $=Yb(e.current);$&&($.style.zIndex="1"),w.forEach((C,S)=>{const v=k[S];if(!v)return;C.style.position="relative",C.style.overflow="hidden";const T=zo(C);T&&T.classList.add(m);const j=Oo(C);j&&j.classList.add(x);const D=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),$&&($.style.zIndex=""),T&&T.classList.remove(m),j&&j.classList.remove(x),C.style.position="",C.style.overflow="",C.contains(v)&&C.removeChild(v)};v.style.pointerEvents="none",v.style.position="absolute",v.style.overflow="hidden",v.setAttribute("aria-hidden","true");const L=Kb(v);L&&(L.style.opacity="0");const G=zo(v);G&&(G.classList.add(h?o[ue.caption_before_exit]:o[ue.caption_after_exit]),G.addEventListener("animationend",D));const R=Oo(v);R&&R.classList.add(h?o[ue.weeks_before_exit]:o[ue.weeks_after_exit]),C.insertBefore(v,C.firstChild)})}})}function Zb(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:l,fixedWeeks:a,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:p,differenceInCalendarMonths:h,endOfBroadcastWeek:m,endOfISOWeek:x,endOfMonth:b,endOfWeek:y,isAfter:k,startOfBroadcastWeek:w,startOfISOWeek:$,startOfWeek:C}=n,S=u?w(r,n):l?$(r):C(r),v=u?m(s):l?x(b(s)):y(b(s)),T=p(v,S),j=h(s,r)+1,D=[];for(let R=0;R<=T;R++){const N=f(S,R);if(t&&k(N,t))break;D.push(N)}const G=(u?35:42)*j;if(a&&D.length<G){const R=G-D.length;for(let N=0;N<R;N++){const q=f(D[D.length-1],1);D.push(q)}}return D}function Xb(e){const t=[];return e.reduce((o,n)=>{const r=n.weeks.reduce((s,l)=>s.concat(l.days.slice()),t.slice());return o.concat(r.slice())},t.slice())}function Jb(e,t,o,n){const{numberOfMonths:r=1}=o,s=[];for(let l=0;l<r;l++){const a=n.addMonths(e,l);if(t&&a>t)break;s.push(a)}return s}function ar(e,t,o,n){const{month:r,defaultMonth:s,today:l=n.today(),numberOfMonths:a=1}=e;let u=r||s||l;const{differenceInCalendarMonths:f,addMonths:p,startOfMonth:h}=n;if(o&&f(o,u)<a-1){const m=-1*(a-1);u=p(o,m)}return t&&f(u,t)<0&&(u=t),h(u)}function Qb(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:l,endOfMonth:a,endOfWeek:u,getISOWeek:f,getWeek:p,startOfBroadcastWeek:h,startOfISOWeek:m,startOfWeek:x}=n,b=e.reduce((y,k)=>{const w=o.broadcastCalendar?h(k,n):o.ISOWeek?m(k):x(k),$=o.broadcastCalendar?s(k):o.ISOWeek?l(a(k)):u(a(k)),C=t.filter(j=>j>=w&&j<=$),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&C.length<S){const j=t.filter(D=>{const L=S-C.length;return D>$&&D<=r($,L)});C.push(...j)}const v=C.reduce((j,D)=>{const L=o.ISOWeek?f(D):p(D),G=j.find(N=>N.weekNumber===L),R=new ii(D,k,n);return G?G.days.push(R):j.push(new Pm(L,[R])),j},[]),T=new Bm(k,v);return y.push(T),y},[]);return o.reverseMonths?b.reverse():b}function ex(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:l,endOfMonth:a,addYears:u,endOfYear:f,newDate:p,today:h}=t,{fromYear:m,toYear:x,fromMonth:b,toMonth:y}=e;!o&&b&&(o=b),!o&&m&&(o=t.newDate(m,0,1)),!n&&y&&(n=y),!n&&x&&(n=p(x,11,31));const k=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=l(o):m?o=p(m,0,1):!o&&k&&(o=r(u(e.today??h(),-100))),n?n=a(n):x?n=p(x,11,31):!n&&k&&(n=f(e.today??h())),[o&&s(o),n&&s(n)]}function tx(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s:1,p=l(e);if(!t)return a(p,f);if(!(u(t,e)<s))return a(p,f)}function ox(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:l,addMonths:a,differenceInCalendarMonths:u}=n,f=r?s??1:1,p=l(e);if(!t)return a(p,-f);if(!(u(p,t)<=0))return a(p,-f)}function nx(e){const t=[];return e.reduce((o,n)=>o.concat(n.weeks.slice()),t.slice())}function go(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function rx(e,t){const[o,n]=ex(e,t),{startOfMonth:r,endOfMonth:s}=t,l=ar(e,o,n,t),[a,u]=go(l,e.month?l:void 0);d.useEffect(()=>{const T=ar(e,o,n,t);u(T)},[e.timeZone]);const f=Jb(a,n,e,t),p=Zb(f,e.endMonth?s(e.endMonth):void 0,e,t),h=Qb(f,p,e,t),m=nx(h),x=Xb(h),b=ox(a,o,e,t),y=tx(a,n,e,t),{disableNavigation:k,onMonthChange:w}=e,$=T=>m.some(j=>j.days.some(D=>D.isEqualTo(T))),C=T=>{if(k)return;let j=r(T);o&&j<r(o)&&(j=r(o)),n&&j>r(n)&&(j=r(n)),u(j),w==null||w(j)};return{months:h,weeks:m,days:x,navStart:o,navEnd:n,previousMonth:b,nextMonth:y,goToMonth:C,goToDay:T=>{$(T)||C(T.date)}}}var Ie;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(Ie||(Ie={}));function lr(e){return!e[Q.disabled]&&!e[Q.hidden]&&!e[Q.outside]}function sx(e,t,o,n){let r,s=-1;for(const l of e){const a=t(l);lr(a)&&(a[Q.focused]&&s<Ie.FocusedModifier?(r=l,s=Ie.FocusedModifier):n!=null&&n.isEqualTo(l)&&s<Ie.LastFocused?(r=l,s=Ie.LastFocused):o(l.date)&&s<Ie.Selected?(r=l,s=Ie.Selected):a[Q.today]&&s<Ie.Today&&(r=l,s=Ie.Today))}return r||(r=e.find(l=>lr(t(l)))),r}function ix(e,t,o,n,r,s,l){const{ISOWeek:a,broadcastCalendar:u}=s,{addDays:f,addMonths:p,addWeeks:h,addYears:m,endOfBroadcastWeek:x,endOfISOWeek:b,endOfWeek:y,max:k,min:w,startOfBroadcastWeek:$,startOfISOWeek:C,startOfWeek:S}=l;let T={day:f,week:h,month:p,year:m,startOfWeek:j=>u?$(j,l):a?C(j):S(j),endOfWeek:j=>u?x(j):a?b(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&n?T=k([n,T]):t==="after"&&r&&(T=w([r,T])),T}function bi(e,t,o,n,r,s,l,a=0){if(a>365)return;const u=ix(e,t,o.date,n,r,s,l),f=!!(s.disabled&&Ge(u,s.disabled,l)),p=!!(s.hidden&&Ge(u,s.hidden,l)),h=u,m=new ii(u,h,l);return!f&&!p?m:bi(e,t,m,n,r,s,l,a+1)}function ax(e,t,o,n,r){const{autoFocus:s}=e,[l,a]=d.useState(),u=sx(t.days,o,n||(()=>!1),l),[f,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:f,blur:()=>{a(f),p(void 0)},moveFocus:(y,k)=>{if(!f)return;const w=bi(y,k,f,t.navStart,t.navEnd,e,r);w&&(t.goToDay(w),p(w))}}}function lx(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=go(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t,f=x=>(a==null?void 0:a.some(b=>u(b,x)))??!1,{min:p,max:h}=e;return{selected:a,select:(x,b,y)=>{let k=[...a??[]];if(f(x)){if((a==null?void 0:a.length)===p||n&&(a==null?void 0:a.length)===1)return;k=a==null?void 0:a.filter(w=>!u(w,x))}else(a==null?void 0:a.length)===h?k=[x]:k=[...k,x];return r||l(k),r==null||r(k,x,b,y),k},isSelected:f}}function cx(e,t,o=0,n=0,r=!1,s=Be){const{from:l,to:a}=t||{},{isSameDay:u,isAfter:f,isBefore:p}=s;let h;if(!l&&!a)h={from:e,to:o>0?void 0:e};else if(l&&!a)u(l,e)?o===0?h={from:l,to:e}:r?h={from:l,to:void 0}:h=void 0:p(e,l)?h={from:e,to:l}:h={from:l,to:e};else if(l&&a)if(u(l,e)&&u(a,e))r?h={from:l,to:a}:h=void 0;else if(u(l,e))h={from:l,to:o>0?void 0:e};else if(u(a,e))h={from:e,to:o>0?void 0:e};else if(p(e,l))h={from:e,to:a};else if(f(e,l))h={from:l,to:e};else if(f(e,a))h={from:l,to:e};else throw new Error("Invalid range");if(h!=null&&h.from&&(h!=null&&h.to)){const m=s.differenceInCalendarDays(h.to,h.from);n>0&&m>n?h={from:e,to:void 0}:o>1&&m<o&&(h={from:e,to:void 0})}return h}function dx(e,t,o=Be){const n=Array.isArray(t)?t:[t];let r=e.from;const s=o.differenceInCalendarDays(e.to,e.from),l=Math.min(s,6);for(let a=0;a<=l;a++){if(n.includes(r.getDay()))return!0;r=o.addDays(r,1)}return!1}function cr(e,t,o=Be){return Ve(e,t.from,!1,o)||Ve(e,t.to,!1,o)||Ve(t,e.from,!1,o)||Ve(t,e.to,!1,o)}function ux(e,t,o=Be){const n=Array.isArray(t)?t:[t];if(n.filter(a=>typeof a!="function").some(a=>typeof a=="boolean"?a:o.isDate(a)?Ve(e,a,!1,o):fi(a,o)?a.some(u=>Ve(e,u,!1,o)):Tn(a)?a.from&&a.to?cr(e,{from:a.from,to:a.to},o):!1:ui(a)?dx(e,a.dayOfWeek,o):li(a)?o.isAfter(a.before,a.after)?cr(e,{from:o.addDays(a.after,1),to:o.addDays(a.before,-1)},o):Ge(e.from,a,o)||Ge(e.to,a,o):ci(a)||di(a)?Ge(e.from,a,o)||Ge(e.to,a,o):!1))return!0;const l=n.filter(a=>typeof a=="function");if(l.length){let a=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let f=0;f<=u;f++){if(l.some(p=>p(a)))return!0;a=o.addDays(a,1)}}return!1}function fx(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:l}=e,[a,u]=go(r,l?r:void 0),f=l?r:a;return{selected:f,select:(m,x,b)=>{const{min:y,max:k}=e,w=m?cx(m,f,y,k,s,t):void 0;return n&&o&&(w!=null&&w.from)&&w.to&&ux({from:w.from,to:w.to},o,t)&&(w.from=m,w.to=void 0),l||u(w),l==null||l(w,m,x,b),w},isSelected:m=>f&&Ve(f,m,!1,t)}}function px(e,t){const{selected:o,required:n,onSelect:r}=e,[s,l]=go(o,r?o:void 0),a=r?o:s,{isSameDay:u}=t;return{selected:a,select:(h,m,x)=>{let b=h;return!n&&a&&a&&u(h,a)&&(b=void 0),r||l(b),r==null||r(b,h,m,x),b},isSelected:h=>a?u(a,h):!1}}function hx(e,t){const o=px(e,t),n=lx(e,t),r=fx(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function gx(e){var In;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new re(t.today,t.timeZone)),t.month&&(t.month=new re(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new re(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new re(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new re(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new re(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(In=t.selected)==null?void 0:In.map(H=>new re(H,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new re(t.selected.from,t.timeZone):void 0,to:t.selected.to?new re(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:n,labels:r,dateLib:s,locale:l,classNames:a}=d.useMemo(()=>{const H={...ri,...t.locale};return{dateLib:new qe({locale:H,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:xb(t.components),formatters:Mb(t.formatters),labels:{...Gb,...t.labels},locale:H,classNames:{...kb(),...t.classNames}}},[t.locale,t.broadcastCalendar,t.weekStartsOn,t.firstWeekContainsDate,t.useAdditionalWeekYearTokens,t.useAdditionalDayOfYearTokens,t.timeZone,t.numerals,t.dateLib,t.components,t.formatters,t.labels,t.classNames]),{captionLayout:u,mode:f,navLayout:p,numberOfMonths:h=1,onDayBlur:m,onDayClick:x,onDayFocus:b,onDayKeyDown:y,onDayMouseEnter:k,onDayMouseLeave:w,onNextClick:$,onPrevClick:C,showWeekNumber:S,styles:v}=t,{formatCaption:T,formatDay:j,formatMonthDropdown:D,formatWeekNumber:L,formatWeekNumberHeader:G,formatWeekdayName:R,formatYearDropdown:N}=n,q=rx(t,s),{days:oe,months:te,navStart:st,navEnd:kt,previousMonth:le,nextMonth:ce,goToMonth:ee}=q,it=mb(oe,t,st,kt,s),{isSelected:vt,select:wt,selected:Vt}=hx(t,s)??{},{blur:Dn,focused:Gt,isFocusTarget:yi,moveFocus:Mn,setFocused:Ut}=ax(t,q,it,vt??(()=>!1),s),{labelDayButton:ki,labelGridcell:vi,labelGrid:wi,labelMonthDropdown:Ci,labelNav:En,labelPrevious:$i,labelNext:Si,labelWeekday:ji,labelWeekNumber:Ti,labelWeekNumberHeader:Di,labelYearDropdown:Mi}=r,Ei=d.useMemo(()=>Ob(s,t.ISOWeek),[s,t.ISOWeek]),zn=f!==void 0||x!==void 0,mo=d.useCallback(()=>{le&&(ee(le),C==null||C(le))},[le,ee,C]),bo=d.useCallback(()=>{ce&&(ee(ce),$==null||$(ce))},[ee,ce,$]),zi=d.useCallback((H,Z)=>B=>{B.preventDefault(),B.stopPropagation(),Ut(H),wt==null||wt(H.date,Z,B),x==null||x(H.date,Z,B)},[wt,x,Ut]),Oi=d.useCallback((H,Z)=>B=>{Ut(H),b==null||b(H.date,Z,B)},[b,Ut]),Ii=d.useCallback((H,Z)=>B=>{Dn(),m==null||m(H.date,Z,B)},[Dn,m]),Ri=d.useCallback((H,Z)=>B=>{const X={ArrowLeft:[B.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[B.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[B.shiftKey?"year":"week","after"],ArrowUp:[B.shiftKey?"year":"week","before"],PageUp:[B.shiftKey?"year":"month","before"],PageDown:[B.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(X[B.key]){B.preventDefault(),B.stopPropagation();const[fe,U]=X[B.key];Mn(fe,U)}y==null||y(H.date,Z,B)},[Mn,y,t.dir]),Ni=d.useCallback((H,Z)=>B=>{k==null||k(H.date,Z,B)},[k]),Fi=d.useCallback((H,Z)=>B=>{w==null||w(H.date,Z,B)},[w]),Ai=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setMonth(s.startOfMonth(H),B);ee(X)},[s,ee]),_i=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setYear(s.startOfMonth(H),B);ee(X)},[s,ee]),{className:Li,style:Wi}=d.useMemo(()=>({className:[a[A.Root],t.className].filter(Boolean).join(" "),style:{...v==null?void 0:v[A.Root],...t.style}}),[a,t.className,t.style,v]),Bi=yb(t),On=d.useRef(null);qb(On,!!t.animate,{classNames:a,months:te,focused:Gt,dateLib:s});const Pi={dayPickerProps:t,selected:Vt,select:wt,isSelected:vt,months:te,nextMonth:ce,previousMonth:le,goToMonth:ee,getModifiers:it,components:o,classNames:a,styles:v,labels:r,formatters:n};return d.createElement(ai.Provider,{value:Pi},d.createElement(o.Root,{rootRef:t.animate?On:void 0,className:Li,style:Wi,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Bi},d.createElement(o.Months,{className:a[A.Months],style:v==null?void 0:v[A.Months]},!t.hideNavigation&&!p&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:v==null?void 0:v[A.Nav],"aria-label":En(),onPreviousClick:mo,onNextClick:bo,previousMonth:le,nextMonth:ce}),te.map((H,Z)=>d.createElement(o.Month,{"data-animated-month":t.animate?"true":void 0,className:a[A.Month],style:v==null?void 0:v[A.Month],key:Z,displayIndex:Z,calendarMonth:H},p==="around"&&!t.hideNavigation&&Z===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:a[A.PreviousMonthButton],tabIndex:le?void 0:-1,"aria-disabled":le?void 0:!0,"aria-label":$i(le),onClick:mo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:le?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"right":"left"})),d.createElement(o.MonthCaption,{"data-animated-caption":t.animate?"true":void 0,className:a[A.MonthCaption],style:v==null?void 0:v[A.MonthCaption],calendarMonth:H,displayIndex:Z},u!=null&&u.startsWith("dropdown")?d.createElement(o.DropdownNav,{className:a[A.Dropdowns],style:v==null?void 0:v[A.Dropdowns]},u==="dropdown"||u==="dropdown-months"?d.createElement(o.MonthsDropdown,{className:a[A.MonthsDropdown],"aria-label":Ci(),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:Ai(H.date),options:Eb(H.date,st,kt,n,s),style:v==null?void 0:v[A.Dropdown],value:s.getMonth(H.date)}):d.createElement("span",null,D(H.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:a[A.YearsDropdown],"aria-label":Mi(s.options),classNames:a,components:o,disabled:!!t.disableNavigation,onChange:_i(H.date),options:Ib(st,kt,n,s,!!t.reverseYears),style:v==null?void 0:v[A.Dropdown],value:s.getYear(H.date)}):d.createElement("span",null,N(H.date,s)),d.createElement("span",{role:"status","aria-live":"polite",style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}},T(H.date,s.options,s))):d.createElement(o.CaptionLabel,{className:a[A.CaptionLabel],role:"status","aria-live":"polite"},T(H.date,s.options,s))),p==="around"&&!t.hideNavigation&&Z===h-1&&d.createElement(o.NextMonthButton,{type:"button",className:a[A.NextMonthButton],tabIndex:ce?void 0:-1,"aria-disabled":ce?void 0:!0,"aria-label":Si(ce),onClick:bo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ce?void 0:!0,className:a[A.Chevron],orientation:t.dir==="rtl"?"left":"right"})),Z===h-1&&p==="after"&&!t.hideNavigation&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:a[A.Nav],style:v==null?void 0:v[A.Nav],"aria-label":En(),onPreviousClick:mo,onNextClick:bo,previousMonth:le,nextMonth:ce}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":f==="multiple"||f==="range","aria-label":wi(H.date,s.options,s)||void 0,className:a[A.MonthGrid],style:v==null?void 0:v[A.MonthGrid]},!t.hideWeekdays&&d.createElement(o.Weekdays,{"data-animated-weekdays":t.animate?"true":void 0,className:a[A.Weekdays],style:v==null?void 0:v[A.Weekdays]},S&&d.createElement(o.WeekNumberHeader,{"aria-label":Di(s.options),className:a[A.WeekNumberHeader],style:v==null?void 0:v[A.WeekNumberHeader],scope:"col"},G()),Ei.map(B=>d.createElement(o.Weekday,{"aria-label":ji(B,s.options,s),className:a[A.Weekday],key:String(B),style:v==null?void 0:v[A.Weekday],scope:"col"},R(B,s.options,s)))),d.createElement(o.Weeks,{"data-animated-weeks":t.animate?"true":void 0,className:a[A.Weeks],style:v==null?void 0:v[A.Weeks]},H.weeks.map(B=>d.createElement(o.Week,{className:a[A.Week],key:B.weekNumber,style:v==null?void 0:v[A.Week],week:B},S&&d.createElement(o.WeekNumber,{week:B,style:v==null?void 0:v[A.WeekNumber],"aria-label":Ti(B.weekNumber,{locale:l}),className:a[A.WeekNumber],scope:"row",role:"rowheader"},L(B.weekNumber,s)),B.days.map(X=>{const{date:fe}=X,U=it(X);if(U[Q.focused]=!U.hidden&&!!(Gt!=null&&Gt.isEqualTo(X)),U[De.selected]=(vt==null?void 0:vt(fe))||U.selected,Tn(Vt)){const{from:xo,to:yo}=Vt;U[De.range_start]=!!(xo&&yo&&s.isSameDay(fe,xo)),U[De.range_end]=!!(xo&&yo&&s.isSameDay(fe,yo)),U[De.range_middle]=Ve(Vt,fe,!0,s)}const Hi=zb(U,v,t.modifiersStyles),Vi=bb(U,a,t.modifiersClassNames),Gi=!zn&&!U.hidden?vi(fe,U,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(fe,"yyyy-MM-dd")}_${s.format(X.displayMonth,"yyyy-MM")}`,day:X,modifiers:U,className:Vi.join(" "),style:Hi,role:"gridcell","aria-selected":U.selected||void 0,"aria-label":Gi,"data-day":s.format(fe,"yyyy-MM-dd"),"data-month":X.outside?s.format(fe,"yyyy-MM"):void 0,"data-selected":U.selected||void 0,"data-disabled":U.disabled||void 0,"data-hidden":U.hidden||void 0,"data-outside":X.outside||void 0,"data-focused":U.focused||void 0,"data-today":U.today||void 0},!U.hidden&&zn?d.createElement(o.DayButton,{className:a[A.DayButton],style:v==null?void 0:v[A.DayButton],type:"button",day:X,modifiers:U,disabled:U.disabled||void 0,tabIndex:yi(X)?0:-1,"aria-label":ki(fe,U,s.options,s),onClick:zi(X,U),onBlur:Ii(X,U),onFocus:Oi(X,U),onKeyDown:Ri(X,U),onMouseEnter:Ni(X,U),onMouseLeave:Fi(X,U)},j(fe,s.options,s)):!U.hidden&&j(X.date,s.options,s))})))))))),t.footer&&d.createElement(o.Footer,{className:a[A.Footer],style:v==null?void 0:v[A.Footer],role:"status","aria-live":"polite"},t.footer)))}const mx=d.memo(({...e})=>i.jsx(bx,{mode:"single",...e})),bx=g(gx)`
|
|
2917
|
+
`;function im(e,t,o="long"){return new Intl.DateTimeFormat("en-US",{hour:"numeric",timeZone:e,timeZoneName:o}).format(t).split(/\s/g).slice(2).join(" ")}const Mo={},Mt={};function rt(e,t){try{const n=(Mo[e]||(Mo[e]=new Intl.DateTimeFormat("en-US",{timeZone:e,timeZoneName:"longOffset"}).format))(t).split("GMT")[1];return n in Mt?Mt[n]:sr(n,n.split(":"))}catch{if(e in Mt)return Mt[e];const o=e==null?void 0:e.match(am);return o?sr(e,o.slice(1)):NaN}}const am=/([+-]\d\d):?(\d\d)?/;function sr(e,t){const o=+(t[0]||0),n=+(t[1]||0),r=+(t[2]||0)/60;return Mt[e]=o*60+n>0?o*60+n+r:o*60-n-r}class Fe extends Date{constructor(...t){super(),t.length>1&&typeof t[t.length-1]=="string"&&(this.timeZone=t.pop()),this.internal=new Date,isNaN(rt(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)),ni(this),Yo(this)):this.setTime(Date.now())}static tz(t,...o){return o.length?new Fe(...o,t):new Fe(Date.now(),t)}withTimeZone(t){return new Fe(+this,t)}getTimezoneOffset(){const t=-rt(this.timeZone,this);return t>0?Math.floor(t):Math.ceil(t)}setTime(t){return Date.prototype.setTime.apply(this,arguments),Yo(this),+this}[Symbol.for("constructDateFrom")](t){return new Fe(+new Date(t),this.timeZone)}}const ir=/^(get|set)(?!UTC)/;Object.getOwnPropertyNames(Date.prototype).forEach(e=>{if(!ir.test(e))return;const t=e.replace(ir,"$1UTC");Fe.prototype[t]&&(e.startsWith("get")?Fe.prototype[e]=function(){return this.internal[t]()}:(Fe.prototype[e]=function(){return Date.prototype[t].apply(this.internal,arguments),lm(this),+this},Fe.prototype[t]=function(){return Date.prototype[t].apply(this,arguments),Yo(this),+this}))});function Yo(e){e.internal.setTime(+e),e.internal.setUTCSeconds(e.internal.getUTCSeconds()-Math.round(-rt(e.timeZone,e)*60))}function lm(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()),ni(e)}function ni(e){const t=rt(e.timeZone,e),o=t>0?Math.floor(t):Math.ceil(t),n=new Date(+e);n.setUTCHours(n.getUTCHours()-1);const r=-new Date(+e).getTimezoneOffset(),s=-new Date(+n).getTimezoneOffset(),a=r-s,l=Date.prototype.getHours.apply(e)!==e.internal.getUTCHours();a&&l&&e.internal.setUTCMinutes(e.internal.getUTCMinutes()+a);const u=r-o;u&&Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+u);const f=new Date(+e);f.setUTCSeconds(0);const p=r>0?f.getSeconds():(f.getSeconds()-60)%60,h=Math.round(-(rt(e.timeZone,e)*60))%60;(h||p)&&(e.internal.setUTCSeconds(e.internal.getUTCSeconds()+h),Date.prototype.setUTCSeconds.call(e,Date.prototype.getUTCSeconds.call(e)+h+p));const m=rt(e.timeZone,e),x=m>0?Math.floor(m):Math.ceil(m),y=-new Date(+e).getTimezoneOffset()-x,k=x!==o,w=y-u;if(k&&w){Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+w);const $=rt(e.timeZone,e),v=$>0?Math.floor($):Math.ceil($),S=x-v;S&&(e.internal.setUTCMinutes(e.internal.getUTCMinutes()+S),Date.prototype.setUTCMinutes.call(e,Date.prototype.getUTCMinutes.call(e)+S))}}class re extends Fe{static tz(t,...o){return o.length?new re(...o,t):new re(Date.now(),t)}toISOString(){const[t,o,n]=this.tzComponents(),r=`${t}${o}:${n}`;return this.internal.toISOString().slice(0,-1)+r}toString(){return`${this.toDateString()} ${this.toTimeString()}`}toDateString(){const[t,o,n,r]=this.internal.toUTCString().split(" ");return`${t==null?void 0:t.slice(0,-1)} ${n} ${o} ${r}`}toTimeString(){const t=this.internal.toUTCString().split(" ")[4],[o,n,r]=this.tzComponents();return`${t} GMT${o}${n}${r} (${im(this.timeZone,this)})`}toLocaleString(t,o){return Date.prototype.toLocaleString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleDateString(t,o){return Date.prototype.toLocaleDateString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}toLocaleTimeString(t,o){return Date.prototype.toLocaleTimeString.call(this,t,{...o,timeZone:(o==null?void 0:o.timeZone)||this.timeZone})}tzComponents(){const t=this.getTimezoneOffset(),o=t>0?"-":"+",n=String(Math.floor(Math.abs(t)/60)).padStart(2,"0"),r=String(Math.abs(t)%60).padStart(2,"0");return[o,n,r]}withTimeZone(t){return new re(+this,t)}[Symbol.for("constructDateFrom")](t){return new re(+new Date(t),this.timeZone)}}const cm={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"}},dm=(e,t,o)=>{let n;const r=cm[e];return typeof r=="string"?n=r:t===1?n=r.one:n=r.other.replace("{{count}}",t.toString()),o!=null&&o.addSuffix?o.comparison&&o.comparison>0?"in "+n:n+" ago":n};function Eo(e){return(t={})=>{const o=t.width?String(t.width):e.defaultWidth;return e.formats[o]||e.formats[e.defaultWidth]}}const um={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},fm={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},pm={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},hm={date:Eo({formats:um,defaultWidth:"full"}),time:Eo({formats:fm,defaultWidth:"full"}),dateTime:Eo({formats:pm,defaultWidth:"full"})},gm={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},mm=(e,t,o,n)=>gm[e];function Tt(e){return(t,o)=>{const n=o!=null&&o.context?String(o.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const a=e.defaultFormattingWidth||e.defaultWidth,l=o!=null&&o.width?String(o.width):a;r=e.formattingValues[l]||e.formattingValues[a]}else{const a=e.defaultWidth,l=o!=null&&o.width?String(o.width):e.defaultWidth;r=e.values[l]||e.values[a]}const s=e.argumentCallback?e.argumentCallback(t):t;return r[s]}}const bm={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},xm={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},ym={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"]},km={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"]},vm={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"}},wm={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"}},Cm=(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"},$m={ordinalNumber:Cm,era:Tt({values:bm,defaultWidth:"wide"}),quarter:Tt({values:xm,defaultWidth:"wide",argumentCallback:e=>e-1}),month:Tt({values:ym,defaultWidth:"wide"}),day:Tt({values:km,defaultWidth:"wide"}),dayPeriod:Tt({values:vm,defaultWidth:"wide",formattingValues:wm,defaultFormattingWidth:"wide"})};function Dt(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 a=s[0],l=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(l)?jm(l,h=>h.test(a)):Sm(l,h=>h.test(a));let f;f=e.valueCallback?e.valueCallback(u):u,f=o.valueCallback?o.valueCallback(f):f;const p=t.slice(a.length);return{value:f,rest:p}}}function Sm(e,t){for(const o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&t(e[o]))return o}function jm(e,t){for(let o=0;o<e.length;o++)if(t(e[o]))return o}function Tm(e){return(t,o={})=>{const n=t.match(e.matchPattern);if(!n)return null;const r=n[0],s=t.match(e.parsePattern);if(!s)return null;let a=e.valueCallback?e.valueCallback(s[0]):s[0];a=o.valueCallback?o.valueCallback(a):a;const l=t.slice(r.length);return{value:a,rest:l}}}const Dm=/^(\d+)(th|st|nd|rd)?/i,Mm=/\d+/i,Em={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},zm={any:[/^b/i,/^(a|c)/i]},Om={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Im={any:[/1/i,/2/i,/3/i,/4/i]},Rm={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},Nm={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]},Fm={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},Am={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]},_m={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},Lm={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}},Wm={ordinalNumber:Tm({matchPattern:Dm,parsePattern:Mm,valueCallback:e=>parseInt(e,10)}),era:Dt({matchPatterns:Em,defaultMatchWidth:"wide",parsePatterns:zm,defaultParseWidth:"any"}),quarter:Dt({matchPatterns:Om,defaultMatchWidth:"wide",parsePatterns:Im,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Dt({matchPatterns:Rm,defaultMatchWidth:"wide",parsePatterns:Nm,defaultParseWidth:"any"}),day:Dt({matchPatterns:Fm,defaultMatchWidth:"wide",parsePatterns:Am,defaultParseWidth:"any"}),dayPeriod:Dt({matchPatterns:_m,defaultMatchWidth:"any",parsePatterns:Lm,defaultParseWidth:"any"})},ri={code:"en-US",formatDistance:dm,formatLong:hm,formatRelative:mm,localize:$m,match:Wm,options:{weekStartsOn:0,firstWeekContainsDate:1}},ar=5,Bm=4;function Pm(e,t){const o=t.startOfMonth(e),n=o.getDay()>0?o.getDay():7,r=t.addDays(e,-n+1),s=t.addDays(r,ar*7-1);return t.getMonth(e)===t.getMonth(s)?ar:Bm}function si(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 Hm(e,t){const o=si(e,t),n=Pm(e,t);return t.addDays(o,n*7-1)}class qe{constructor(t,o){this.Date=Date,this.today=()=>{var n;return(n=this.overrides)!=null&&n.today?this.overrides.today():this.options.timeZone?re.tz(this.options.timeZone):new this.Date},this.newDate=(n,r,s)=>{var a;return(a=this.overrides)!=null&&a.newDate?this.overrides.newDate(n,r,s):this.options.timeZone?new re(n,r,s,this.options.timeZone):new Date(n,r,s)},this.addDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addDays?this.overrides.addDays(n,r):Y.addDays(n,r)},this.addMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addMonths?this.overrides.addMonths(n,r):Y.addMonths(n,r)},this.addWeeks=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addWeeks?this.overrides.addWeeks(n,r):Y.addWeeks(n,r)},this.addYears=(n,r)=>{var s;return(s=this.overrides)!=null&&s.addYears?this.overrides.addYears(n,r):Y.addYears(n,r)},this.differenceInCalendarDays=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarDays?this.overrides.differenceInCalendarDays(n,r):Y.differenceInCalendarDays(n,r)},this.differenceInCalendarMonths=(n,r)=>{var s;return(s=this.overrides)!=null&&s.differenceInCalendarMonths?this.overrides.differenceInCalendarMonths(n,r):Y.differenceInCalendarMonths(n,r)},this.eachMonthOfInterval=n=>{var r;return(r=this.overrides)!=null&&r.eachMonthOfInterval?this.overrides.eachMonthOfInterval(n):Y.eachMonthOfInterval(n)},this.endOfBroadcastWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfBroadcastWeek?this.overrides.endOfBroadcastWeek(n):Hm(n,this)},this.endOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.endOfISOWeek?this.overrides.endOfISOWeek(n):Y.endOfISOWeek(n)},this.endOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.endOfMonth?this.overrides.endOfMonth(n):Y.endOfMonth(n)},this.endOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.endOfWeek?this.overrides.endOfWeek(n,r):Y.endOfWeek(n,this.options)},this.endOfYear=n=>{var r;return(r=this.overrides)!=null&&r.endOfYear?this.overrides.endOfYear(n):Y.endOfYear(n)},this.format=(n,r,s)=>{var l;const a=(l=this.overrides)!=null&&l.format?this.overrides.format(n,r,this.options):Y.format(n,r,this.options);return this.options.numerals&&this.options.numerals!=="latn"?this.replaceDigits(a):a},this.getISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.getISOWeek?this.overrides.getISOWeek(n):Y.getISOWeek(n)},this.getMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getMonth?this.overrides.getMonth(n,this.options):Y.getMonth(n,this.options)},this.getYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getYear?this.overrides.getYear(n,this.options):Y.getYear(n,this.options)},this.getWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.getWeek?this.overrides.getWeek(n,this.options):Y.getWeek(n,this.options)},this.isAfter=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isAfter?this.overrides.isAfter(n,r):Y.isAfter(n,r)},this.isBefore=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isBefore?this.overrides.isBefore(n,r):Y.isBefore(n,r)},this.isDate=n=>{var r;return(r=this.overrides)!=null&&r.isDate?this.overrides.isDate(n):Y.isDate(n)},this.isSameDay=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameDay?this.overrides.isSameDay(n,r):Y.isSameDay(n,r)},this.isSameMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameMonth?this.overrides.isSameMonth(n,r):Y.isSameMonth(n,r)},this.isSameYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.isSameYear?this.overrides.isSameYear(n,r):Y.isSameYear(n,r)},this.max=n=>{var r;return(r=this.overrides)!=null&&r.max?this.overrides.max(n):Y.max(n)},this.min=n=>{var r;return(r=this.overrides)!=null&&r.min?this.overrides.min(n):Y.min(n)},this.setMonth=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setMonth?this.overrides.setMonth(n,r):Y.setMonth(n,r)},this.setYear=(n,r)=>{var s;return(s=this.overrides)!=null&&s.setYear?this.overrides.setYear(n,r):Y.setYear(n,r)},this.startOfBroadcastWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfBroadcastWeek?this.overrides.startOfBroadcastWeek(n,this):si(n,this)},this.startOfDay=n=>{var r;return(r=this.overrides)!=null&&r.startOfDay?this.overrides.startOfDay(n):Y.startOfDay(n)},this.startOfISOWeek=n=>{var r;return(r=this.overrides)!=null&&r.startOfISOWeek?this.overrides.startOfISOWeek(n):Y.startOfISOWeek(n)},this.startOfMonth=n=>{var r;return(r=this.overrides)!=null&&r.startOfMonth?this.overrides.startOfMonth(n):Y.startOfMonth(n)},this.startOfWeek=(n,r)=>{var s;return(s=this.overrides)!=null&&s.startOfWeek?this.overrides.startOfWeek(n,this.options):Y.startOfWeek(n,this.options)},this.startOfYear=n=>{var r;return(r=this.overrides)!=null&&r.startOfYear?this.overrides.startOfYear(n):Y.startOfYear(n)},this.options={locale:ri,...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 Be=new qe;class ii{constructor(t,o,n=Be){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 Vm{constructor(t,o){this.date=t,this.weeks=o}}class Gm{constructor(t,o){this.days=o,this.weekNumber=t}}function Um(e){return d.createElement("button",{...e})}function Ym(e){return d.createElement("span",{...e})}function Km(e){const{size:t=24,orientation:o="left",className:n}=e;return d.createElement("svg",{className:n,width:t,height:t,viewBox:"0 0 24 24"},o==="up"&&d.createElement("polygon",{points:"6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28"}),o==="down"&&d.createElement("polygon",{points:"6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72"}),o==="left"&&d.createElement("polygon",{points:"16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20"}),o==="right"&&d.createElement("polygon",{points:"8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20"}))}function qm(e){const{day:t,modifiers:o,...n}=e;return d.createElement("td",{...n})}function Zm(e){const{day:t,modifiers:o,...n}=e,r=d.useRef(null);return d.useEffect(()=>{var s;o.focused&&((s=r.current)==null||s.focus())},[o.focused]),d.createElement("button",{ref:r,...n})}var A;(function(e){e.Root="root",e.Chevron="chevron",e.Day="day",e.DayButton="day_button",e.CaptionLabel="caption_label",e.Dropdowns="dropdowns",e.Dropdown="dropdown",e.DropdownRoot="dropdown_root",e.Footer="footer",e.MonthGrid="month_grid",e.MonthCaption="month_caption",e.MonthsDropdown="months_dropdown",e.Month="month",e.Months="months",e.Nav="nav",e.NextMonthButton="button_next",e.PreviousMonthButton="button_previous",e.Week="week",e.Weeks="weeks",e.Weekday="weekday",e.Weekdays="weekdays",e.WeekNumber="week_number",e.WeekNumberHeader="week_number_header",e.YearsDropdown="years_dropdown"})(A||(A={}));var Q;(function(e){e.disabled="disabled",e.hidden="hidden",e.outside="outside",e.focused="focused",e.today="today"})(Q||(Q={}));var Ee;(function(e){e.range_end="range_end",e.range_middle="range_middle",e.range_start="range_start",e.selected="selected"})(Ee||(Ee={}));var ue;(function(e){e.weeks_before_enter="weeks_before_enter",e.weeks_before_exit="weeks_before_exit",e.weeks_after_enter="weeks_after_enter",e.weeks_after_exit="weeks_after_exit",e.caption_after_enter="caption_after_enter",e.caption_after_exit="caption_after_exit",e.caption_before_enter="caption_before_enter",e.caption_before_exit="caption_before_exit"})(ue||(ue={}));function Xm(e){const{options:t,className:o,components:n,classNames:r,...s}=e,a=[r[A.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[A.DropdownRoot]},d.createElement(n.Select,{className:a,...s},t==null?void 0:t.map(({value:u,label:f,disabled:p})=>d.createElement(n.Option,{key:u,value:u,disabled:p},f))),d.createElement("span",{className:r[A.CaptionLabel],"aria-hidden":!0},l==null?void 0:l.label,d.createElement(n.Chevron,{orientation:"down",size:18,className:r[A.Chevron]})))}function Jm(e){return d.createElement("div",{...e})}function Qm(e){return d.createElement("div",{...e})}function eb(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n},e.children)}function tb(e){const{calendarMonth:t,displayIndex:o,...n}=e;return d.createElement("div",{...n})}function ob(e){return d.createElement("table",{...e})}function nb(e){return d.createElement("div",{...e})}const ai=d.createContext(void 0);function Pt(){const e=d.useContext(ai);if(e===void 0)throw new Error("useDayPicker() must be used within a custom component.");return e}function rb(e){const{components:t}=Pt();return d.createElement(t.Dropdown,{...e})}function sb(e){const{onPreviousClick:t,onNextClick:o,previousMonth:n,nextMonth:r,...s}=e,{components:a,classNames:l,labels:{labelPrevious:u,labelNext:f}}=Pt(),p=d.useCallback(m=>{r&&(o==null||o(m))},[r,o]),h=d.useCallback(m=>{n&&(t==null||t(m))},[n,t]);return d.createElement("nav",{...s},d.createElement(a.PreviousMonthButton,{type:"button",className:l[A.PreviousMonthButton],tabIndex:n?void 0:-1,"aria-disabled":n?void 0:!0,"aria-label":u(n),onClick:h},d.createElement(a.Chevron,{disabled:n?void 0:!0,className:l[A.Chevron],orientation:"left"})),d.createElement(a.NextMonthButton,{type:"button",className:l[A.NextMonthButton],tabIndex:r?void 0:-1,"aria-disabled":r?void 0:!0,"aria-label":f(r),onClick:p},d.createElement(a.Chevron,{disabled:r?void 0:!0,orientation:"right",className:l[A.Chevron]})))}function ib(e){const{components:t}=Pt();return d.createElement(t.Button,{...e})}function ab(e){return d.createElement("option",{...e})}function lb(e){const{components:t}=Pt();return d.createElement(t.Button,{...e})}function cb(e){const{rootRef:t,...o}=e;return d.createElement("div",{...o,ref:t})}function db(e){return d.createElement("select",{...e})}function ub(e){const{week:t,...o}=e;return d.createElement("tr",{...o})}function fb(e){return d.createElement("th",{...e})}function pb(e){return d.createElement("thead",{"aria-hidden":!0},d.createElement("tr",{...e}))}function hb(e){const{week:t,...o}=e;return d.createElement("th",{...o})}function gb(e){return d.createElement("th",{...e})}function mb(e){return d.createElement("tbody",{...e})}function bb(e){const{components:t}=Pt();return d.createElement(t.Dropdown,{...e})}const xb=Object.freeze(Object.defineProperty({__proto__:null,Button:Um,CaptionLabel:Ym,Chevron:Km,Day:qm,DayButton:Zm,Dropdown:Xm,DropdownNav:Jm,Footer:Qm,Month:eb,MonthCaption:tb,MonthGrid:ob,Months:nb,MonthsDropdown:rb,Nav:sb,NextMonthButton:ib,Option:ab,PreviousMonthButton:lb,Root:cb,Select:db,Week:ub,WeekNumber:hb,WeekNumberHeader:gb,Weekday:fb,Weekdays:pb,Weeks:mb,YearsDropdown:bb},Symbol.toStringTag,{value:"Module"}));function Ve(e,t,o=!1,n=Be){let{from:r,to:s}=e;const{differenceInCalendarDays:a,isSameDay:l}=n;return r&&s?(a(s,r)<0&&([r,s]=[s,r]),a(t,r)>=(o?1:0)&&a(s,t)>=(o?1:0)):!o&&s?l(s,t):!o&&r?l(r,t):!1}function li(e){return!!(e&&typeof e=="object"&&"before"in e&&"after"in e)}function Dn(e){return!!(e&&typeof e=="object"&&"from"in e)}function ci(e){return!!(e&&typeof e=="object"&&"after"in e)}function di(e){return!!(e&&typeof e=="object"&&"before"in e)}function ui(e){return!!(e&&typeof e=="object"&&"dayOfWeek"in e)}function fi(e,t){return Array.isArray(e)&&e.every(t.isDate)}function Ge(e,t,o=Be){const n=Array.isArray(t)?t:[t],{isSameDay:r,differenceInCalendarDays:s,isAfter:a}=o;return n.some(l=>{if(typeof l=="boolean")return l;if(o.isDate(l))return r(e,l);if(fi(l,o))return l.includes(e);if(Dn(l))return Ve(l,e,!1,o);if(ui(l))return Array.isArray(l.dayOfWeek)?l.dayOfWeek.includes(e.getDay()):l.dayOfWeek===e.getDay();if(li(l)){const u=s(l.before,e),f=s(l.after,e),p=u>0,h=f<0;return a(l.before,l.after)?h&&p:p||h}return ci(l)?s(e,l.after)>0:di(l)?s(l.before,e)>0:typeof l=="function"?l(e):!1})}function yb(e,t,o,n,r){const{disabled:s,hidden:a,modifiers:l,showOutsideDays:u,broadcastCalendar:f,today:p}=t,{isSameDay:h,isSameMonth:m,startOfMonth:x,isBefore:b,endOfMonth:y,isAfter:k}=r,w=o&&x(o),$=n&&y(n),v={[Q.focused]:[],[Q.outside]:[],[Q.disabled]:[],[Q.hidden]:[],[Q.today]:[]},S={};for(const C of e){const{date:T,displayMonth:j}=C,D=!!(j&&!m(T,j)),W=!!(w&&b(T,w)),V=!!($&&k(T,$)),R=!!(s&&Ge(T,s,r)),N=!!(a&&Ge(T,a,r))||W||V||!f&&!u&&D||f&&u===!1&&D,q=h(T,p??r.today());D&&v.outside.push(C),R&&v.disabled.push(C),N&&v.hidden.push(C),q&&v.today.push(C),l&&Object.keys(l).forEach(oe=>{const te=l==null?void 0:l[oe];te&&Ge(T,te,r)&&(S[oe]?S[oe].push(C):S[oe]=[C])})}return C=>{const T={[Q.focused]:!1,[Q.disabled]:!1,[Q.hidden]:!1,[Q.outside]:!1,[Q.today]:!1},j={};for(const D in v){const W=v[D];T[D]=W.some(V=>V===C)}for(const D in S)j[D]=S[D].some(W=>W===C);return{...T,...j}}}function kb(e,t,o={}){return Object.entries(e).filter(([,r])=>r===!0).reduce((r,[s])=>(o[s]?r.push(o[s]):t[Q[s]]?r.push(t[Q[s]]):t[Ee[s]]&&r.push(t[Ee[s]]),r),[t[A.Day]])}function vb(e){return{...xb,...e}}function wb(e){const t={"data-mode":e.mode??void 0,"data-required":"required"in e?e.required:void 0,"data-multiple-months":e.numberOfMonths&&e.numberOfMonths>1||void 0,"data-week-numbers":e.showWeekNumber||void 0,"data-broadcast-calendar":e.broadcastCalendar||void 0,"data-nav-layout":e.navLayout||void 0};return Object.entries(e).forEach(([o,n])=>{o.startsWith("data-")&&(t[o]=n)}),t}function Cb(){const e={};for(const t in A)e[A[t]]=`rdp-${A[t]}`;for(const t in Q)e[Q[t]]=`rdp-${Q[t]}`;for(const t in Ee)e[Ee[t]]=`rdp-${Ee[t]}`;for(const t in ue)e[ue[t]]=`rdp-${ue[t]}`;return e}function pi(e,t,o){return(o??new qe(t)).format(e,"LLLL y")}const $b=pi;function Sb(e,t,o){return(o??new qe(t)).format(e,"d")}function jb(e,t=Be){return t.format(e,"LLLL")}function Tb(e,t,o){return(o??new qe(t)).format(e,"cccccc")}function Db(e,t=Be){return e<10?t.formatNumber(`0${e.toLocaleString()}`):t.formatNumber(`${e.toLocaleString()}`)}function Mb(){return""}function hi(e,t=Be){return t.format(e,"yyyy")}const Eb=hi,zb=Object.freeze(Object.defineProperty({__proto__:null,formatCaption:pi,formatDay:Sb,formatMonthCaption:$b,formatMonthDropdown:jb,formatWeekNumber:Db,formatWeekNumberHeader:Mb,formatWeekdayName:Tb,formatYearCaption:Eb,formatYearDropdown:hi},Symbol.toStringTag,{value:"Module"}));function Ob(e){return e!=null&&e.formatMonthCaption&&!e.formatCaption&&(e.formatCaption=e.formatMonthCaption),e!=null&&e.formatYearCaption&&!e.formatYearDropdown&&(e.formatYearDropdown=e.formatYearCaption),{...zb,...e}}function Ib(e,t,o,n,r){const{startOfMonth:s,startOfYear:a,endOfYear:l,eachMonthOfInterval:u,getMonth:f}=r;return u({start:a(e),end:l(e)}).map(m=>{const x=n.formatMonthDropdown(m,r),b=f(m),y=t&&m<s(t)||o&&m>s(o)||!1;return{value:b,label:x,disabled:y}})}function Rb(e,t={},o={}){let n={...t==null?void 0:t[A.Day]};return Object.entries(e).filter(([,r])=>r===!0).forEach(([r])=>{n={...n,...o==null?void 0:o[r]}}),n}function Nb(e,t,o){const n=e.today(),r=t?e.startOfISOWeek(n):e.startOfWeek(n),s=[];for(let a=0;a<7;a++){const l=e.addDays(r,a);s.push(l)}return s}function Fb(e,t,o,n,r=!1){if(!e||!t)return;const{startOfYear:s,endOfYear:a,addYears:l,getYear:u,isBefore:f,isSameYear:p}=n,h=s(e),m=a(t),x=[];let b=h;for(;f(b,m)||p(b,m);)x.push(b),b=l(b,1);return r&&x.reverse(),x.map(y=>{const k=o.formatYearDropdown(y,n);return{value:u(y),label:k,disabled:!1}})}function gi(e,t,o,n){let r=(n??new qe(o)).format(e,"PPPP");return t.today&&(r=`Today, ${r}`),t.selected&&(r=`${r}, selected`),r}const Ab=gi;function mi(e,t,o){return(o??new qe(t)).format(e,"LLLL y")}const _b=mi;function Lb(e,t,o,n){let r=(n??new qe(o)).format(e,"PPPP");return t!=null&&t.today&&(r=`Today, ${r}`),r}function Wb(e){return"Choose the Month"}function Bb(){return""}function Pb(e){return"Go to the Next Month"}function Hb(e){return"Go to the Previous Month"}function Vb(e,t,o){return(o??new qe(t)).format(e,"cccc")}function Gb(e,t){return`Week ${e}`}function Ub(e){return"Week Number"}function Yb(e){return"Choose the Year"}const Kb=Object.freeze(Object.defineProperty({__proto__:null,labelCaption:_b,labelDay:Ab,labelDayButton:gi,labelGrid:mi,labelGridcell:Lb,labelMonthDropdown:Wb,labelNav:Bb,labelNext:Pb,labelPrevious:Hb,labelWeekNumber:Gb,labelWeekNumberHeader:Ub,labelWeekday:Vb,labelYearDropdown:Yb},Symbol.toStringTag,{value:"Module"})),Ht=e=>e instanceof HTMLElement?e:null,zo=e=>[...e.querySelectorAll("[data-animated-month]")??[]],qb=e=>Ht(e.querySelector("[data-animated-month]")),Oo=e=>Ht(e.querySelector("[data-animated-caption]")),Io=e=>Ht(e.querySelector("[data-animated-weeks]")),Zb=e=>Ht(e.querySelector("[data-animated-nav]")),Xb=e=>Ht(e.querySelector("[data-animated-weekdays]"));function Jb(e,t,{classNames:o,months:n,focused:r,dateLib:s}){const a=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)||n.length===0||f.length===0||n.length!==f.length)return;const p=s.isSameMonth(n[0].date,f[0].date),h=s.isAfter(n[0].date,f[0].date),m=h?o[ue.caption_after_enter]:o[ue.caption_before_enter],x=h?o[ue.weeks_after_enter]:o[ue.weeks_before_enter],b=a.current,y=e.current.cloneNode(!0);if(y instanceof HTMLElement?(zo(y).forEach(v=>{if(!(v instanceof HTMLElement))return;const S=qb(v);S&&v.contains(S)&&v.removeChild(S);const C=Oo(v);C&&C.classList.remove(m);const T=Io(v);T&&T.classList.remove(x)}),a.current=y):a.current=null,u.current||p||r)return;const k=b instanceof HTMLElement?zo(b):[],w=zo(e.current);if(w!=null&&w.every($=>$ instanceof HTMLElement)&&k&&k.every($=>$ instanceof HTMLElement)){u.current=!0,e.current.style.isolation="isolate";const $=Zb(e.current);$&&($.style.zIndex="1"),w.forEach((v,S)=>{const C=k[S];if(!C)return;v.style.position="relative",v.style.overflow="hidden";const T=Oo(v);T&&T.classList.add(m);const j=Io(v);j&&j.classList.add(x);const D=()=>{u.current=!1,e.current&&(e.current.style.isolation=""),$&&($.style.zIndex=""),T&&T.classList.remove(m),j&&j.classList.remove(x),v.style.position="",v.style.overflow="",v.contains(C)&&v.removeChild(C)};C.style.pointerEvents="none",C.style.position="absolute",C.style.overflow="hidden",C.setAttribute("aria-hidden","true");const W=Xb(C);W&&(W.style.opacity="0");const V=Oo(C);V&&(V.classList.add(h?o[ue.caption_before_exit]:o[ue.caption_after_exit]),V.addEventListener("animationend",D));const R=Io(C);R&&R.classList.add(h?o[ue.weeks_before_exit]:o[ue.weeks_after_exit]),v.insertBefore(C,v.firstChild)})}})}function Qb(e,t,o,n){const r=e[0],s=e[e.length-1],{ISOWeek:a,fixedWeeks:l,broadcastCalendar:u}=o??{},{addDays:f,differenceInCalendarDays:p,differenceInCalendarMonths:h,endOfBroadcastWeek:m,endOfISOWeek:x,endOfMonth:b,endOfWeek:y,isAfter:k,startOfBroadcastWeek:w,startOfISOWeek:$,startOfWeek:v}=n,S=u?w(r,n):a?$(r):v(r),C=u?m(s):a?x(b(s)):y(b(s)),T=p(C,S),j=h(s,r)+1,D=[];for(let R=0;R<=T;R++){const N=f(S,R);if(t&&k(N,t))break;D.push(N)}const V=(u?35:42)*j;if(l&&D.length<V){const R=V-D.length;for(let N=0;N<R;N++){const q=f(D[D.length-1],1);D.push(q)}}return D}function ex(e){const t=[];return e.reduce((o,n)=>{const r=n.weeks.reduce((s,a)=>s.concat(a.days.slice()),t.slice());return o.concat(r.slice())},t.slice())}function tx(e,t,o,n){const{numberOfMonths:r=1}=o,s=[];for(let a=0;a<r;a++){const l=n.addMonths(e,a);if(t&&l>t)break;s.push(l)}return s}function lr(e,t,o,n){const{month:r,defaultMonth:s,today:a=n.today(),numberOfMonths:l=1}=e;let u=r||s||a;const{differenceInCalendarMonths:f,addMonths:p,startOfMonth:h}=n;if(o&&f(o,u)<l-1){const m=-1*(l-1);u=p(o,m)}return t&&f(u,t)<0&&(u=t),h(u)}function ox(e,t,o,n){const{addDays:r,endOfBroadcastWeek:s,endOfISOWeek:a,endOfMonth:l,endOfWeek:u,getISOWeek:f,getWeek:p,startOfBroadcastWeek:h,startOfISOWeek:m,startOfWeek:x}=n,b=e.reduce((y,k)=>{const w=o.broadcastCalendar?h(k,n):o.ISOWeek?m(k):x(k),$=o.broadcastCalendar?s(k):o.ISOWeek?a(l(k)):u(l(k)),v=t.filter(j=>j>=w&&j<=$),S=o.broadcastCalendar?35:42;if(o.fixedWeeks&&v.length<S){const j=t.filter(D=>{const W=S-v.length;return D>$&&D<=r($,W)});v.push(...j)}const C=v.reduce((j,D)=>{const W=o.ISOWeek?f(D):p(D),V=j.find(N=>N.weekNumber===W),R=new ii(D,k,n);return V?V.days.push(R):j.push(new Gm(W,[R])),j},[]),T=new Vm(k,C);return y.push(T),y},[]);return o.reverseMonths?b.reverse():b}function nx(e,t){let{startMonth:o,endMonth:n}=e;const{startOfYear:r,startOfDay:s,startOfMonth:a,endOfMonth:l,addYears:u,endOfYear:f,newDate:p,today:h}=t,{fromYear:m,toYear:x,fromMonth:b,toMonth:y}=e;!o&&b&&(o=b),!o&&m&&(o=t.newDate(m,0,1)),!n&&y&&(n=y),!n&&x&&(n=p(x,11,31));const k=e.captionLayout==="dropdown"||e.captionLayout==="dropdown-years";return o?o=a(o):m?o=p(m,0,1):!o&&k&&(o=r(u(e.today??h(),-100))),n?n=l(n):x?n=p(x,11,31):!n&&k&&(n=f(e.today??h())),[o&&s(o),n&&s(n)]}function rx(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s=1}=o,{startOfMonth:a,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s:1,p=a(e);if(!t)return l(p,f);if(!(u(t,e)<s))return l(p,f)}function sx(e,t,o,n){if(o.disableNavigation)return;const{pagedNavigation:r,numberOfMonths:s}=o,{startOfMonth:a,addMonths:l,differenceInCalendarMonths:u}=n,f=r?s??1:1,p=a(e);if(!t)return l(p,-f);if(!(u(p,t)<=0))return l(p,-f)}function ix(e){const t=[];return e.reduce((o,n)=>o.concat(n.weeks.slice()),t.slice())}function mo(e,t){const[o,n]=d.useState(e);return[t===void 0?o:t,n]}function ax(e,t){const[o,n]=nx(e,t),{startOfMonth:r,endOfMonth:s}=t,a=lr(e,o,n,t),[l,u]=mo(a,e.month?a:void 0);d.useEffect(()=>{const T=lr(e,o,n,t);u(T)},[e.timeZone]);const f=tx(l,n,e,t),p=Qb(f,e.endMonth?s(e.endMonth):void 0,e,t),h=ox(f,p,e,t),m=ix(h),x=ex(h),b=sx(l,o,e,t),y=rx(l,n,e,t),{disableNavigation:k,onMonthChange:w}=e,$=T=>m.some(j=>j.days.some(D=>D.isEqualTo(T))),v=T=>{if(k)return;let j=r(T);o&&j<r(o)&&(j=r(o)),n&&j>r(n)&&(j=r(n)),u(j),w==null||w(j)};return{months:h,weeks:m,days:x,navStart:o,navEnd:n,previousMonth:b,nextMonth:y,goToMonth:v,goToDay:T=>{$(T)||v(T.date)}}}var Ie;(function(e){e[e.Today=0]="Today",e[e.Selected=1]="Selected",e[e.LastFocused=2]="LastFocused",e[e.FocusedModifier=3]="FocusedModifier"})(Ie||(Ie={}));function cr(e){return!e[Q.disabled]&&!e[Q.hidden]&&!e[Q.outside]}function lx(e,t,o,n){let r,s=-1;for(const a of e){const l=t(a);cr(l)&&(l[Q.focused]&&s<Ie.FocusedModifier?(r=a,s=Ie.FocusedModifier):n!=null&&n.isEqualTo(a)&&s<Ie.LastFocused?(r=a,s=Ie.LastFocused):o(a.date)&&s<Ie.Selected?(r=a,s=Ie.Selected):l[Q.today]&&s<Ie.Today&&(r=a,s=Ie.Today))}return r||(r=e.find(a=>cr(t(a)))),r}function cx(e,t,o,n,r,s,a){const{ISOWeek:l,broadcastCalendar:u}=s,{addDays:f,addMonths:p,addWeeks:h,addYears:m,endOfBroadcastWeek:x,endOfISOWeek:b,endOfWeek:y,max:k,min:w,startOfBroadcastWeek:$,startOfISOWeek:v,startOfWeek:S}=a;let T={day:f,week:h,month:p,year:m,startOfWeek:j=>u?$(j,a):l?v(j):S(j),endOfWeek:j=>u?x(j):l?b(j):y(j)}[e](o,t==="after"?1:-1);return t==="before"&&n?T=k([n,T]):t==="after"&&r&&(T=w([r,T])),T}function bi(e,t,o,n,r,s,a,l=0){if(l>365)return;const u=cx(e,t,o.date,n,r,s,a),f=!!(s.disabled&&Ge(u,s.disabled,a)),p=!!(s.hidden&&Ge(u,s.hidden,a)),h=u,m=new ii(u,h,a);return!f&&!p?m:bi(e,t,m,n,r,s,a,l+1)}function dx(e,t,o,n,r){const{autoFocus:s}=e,[a,l]=d.useState(),u=lx(t.days,o,n||(()=>!1),a),[f,p]=d.useState(s?u:void 0);return{isFocusTarget:y=>!!(u!=null&&u.isEqualTo(y)),setFocused:p,focused:f,blur:()=>{l(f),p(void 0)},moveFocus:(y,k)=>{if(!f)return;const w=bi(y,k,f,t.navStart,t.navEnd,e,r);w&&(t.goToDay(w),p(w))}}}function ux(e,t){const{selected:o,required:n,onSelect:r}=e,[s,a]=mo(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t,f=x=>(l==null?void 0:l.some(b=>u(b,x)))??!1,{min:p,max:h}=e;return{selected:l,select:(x,b,y)=>{let k=[...l??[]];if(f(x)){if((l==null?void 0:l.length)===p||n&&(l==null?void 0:l.length)===1)return;k=l==null?void 0:l.filter(w=>!u(w,x))}else(l==null?void 0:l.length)===h?k=[x]:k=[...k,x];return r||a(k),r==null||r(k,x,b,y),k},isSelected:f}}function fx(e,t,o=0,n=0,r=!1,s=Be){const{from:a,to:l}=t||{},{isSameDay:u,isAfter:f,isBefore:p}=s;let h;if(!a&&!l)h={from:e,to:o>0?void 0:e};else if(a&&!l)u(a,e)?o===0?h={from:a,to:e}:r?h={from:a,to:void 0}:h=void 0:p(e,a)?h={from:e,to:a}:h={from:a,to:e};else if(a&&l)if(u(a,e)&&u(l,e))r?h={from:a,to:l}:h=void 0;else if(u(a,e))h={from:a,to:o>0?void 0:e};else if(u(l,e))h={from:e,to:o>0?void 0:e};else if(p(e,a))h={from:e,to:l};else if(f(e,a))h={from:a,to:e};else if(f(e,l))h={from:a,to:e};else throw new Error("Invalid range");if(h!=null&&h.from&&(h!=null&&h.to)){const m=s.differenceInCalendarDays(h.to,h.from);n>0&&m>n?h={from:e,to:void 0}:o>1&&m<o&&(h={from:e,to:void 0})}return h}function px(e,t,o=Be){const n=Array.isArray(t)?t:[t];let r=e.from;const s=o.differenceInCalendarDays(e.to,e.from),a=Math.min(s,6);for(let l=0;l<=a;l++){if(n.includes(r.getDay()))return!0;r=o.addDays(r,1)}return!1}function dr(e,t,o=Be){return Ve(e,t.from,!1,o)||Ve(e,t.to,!1,o)||Ve(t,e.from,!1,o)||Ve(t,e.to,!1,o)}function hx(e,t,o=Be){const n=Array.isArray(t)?t:[t];if(n.filter(l=>typeof l!="function").some(l=>typeof l=="boolean"?l:o.isDate(l)?Ve(e,l,!1,o):fi(l,o)?l.some(u=>Ve(e,u,!1,o)):Dn(l)?l.from&&l.to?dr(e,{from:l.from,to:l.to},o):!1:ui(l)?px(e,l.dayOfWeek,o):li(l)?o.isAfter(l.before,l.after)?dr(e,{from:o.addDays(l.after,1),to:o.addDays(l.before,-1)},o):Ge(e.from,l,o)||Ge(e.to,l,o):ci(l)||di(l)?Ge(e.from,l,o)||Ge(e.to,l,o):!1))return!0;const a=n.filter(l=>typeof l=="function");if(a.length){let l=e.from;const u=o.differenceInCalendarDays(e.to,e.from);for(let f=0;f<=u;f++){if(a.some(p=>p(l)))return!0;l=o.addDays(l,1)}}return!1}function gx(e,t){const{disabled:o,excludeDisabled:n,selected:r,required:s,onSelect:a}=e,[l,u]=mo(r,a?r:void 0),f=a?r:l;return{selected:f,select:(m,x,b)=>{const{min:y,max:k}=e,w=m?fx(m,f,y,k,s,t):void 0;return n&&o&&(w!=null&&w.from)&&w.to&&hx({from:w.from,to:w.to},o,t)&&(w.from=m,w.to=void 0),a||u(w),a==null||a(w,m,x,b),w},isSelected:m=>f&&Ve(f,m,!1,t)}}function mx(e,t){const{selected:o,required:n,onSelect:r}=e,[s,a]=mo(o,r?o:void 0),l=r?o:s,{isSameDay:u}=t;return{selected:l,select:(h,m,x)=>{let b=h;return!n&&l&&l&&u(h,l)&&(b=void 0),r||a(b),r==null||r(b,h,m,x),b},isSelected:h=>l?u(l,h):!1}}function bx(e,t){const o=mx(e,t),n=ux(e,t),r=gx(e,t);switch(e.mode){case"single":return o;case"multiple":return n;case"range":return r;default:return}}function xx(e){var Rn;let t=e;t.timeZone&&(t={...e},t.today&&(t.today=new re(t.today,t.timeZone)),t.month&&(t.month=new re(t.month,t.timeZone)),t.defaultMonth&&(t.defaultMonth=new re(t.defaultMonth,t.timeZone)),t.startMonth&&(t.startMonth=new re(t.startMonth,t.timeZone)),t.endMonth&&(t.endMonth=new re(t.endMonth,t.timeZone)),t.mode==="single"&&t.selected?t.selected=new re(t.selected,t.timeZone):t.mode==="multiple"&&t.selected?t.selected=(Rn=t.selected)==null?void 0:Rn.map(H=>new re(H,t.timeZone)):t.mode==="range"&&t.selected&&(t.selected={from:t.selected.from?new re(t.selected.from,t.timeZone):void 0,to:t.selected.to?new re(t.selected.to,t.timeZone):void 0}));const{components:o,formatters:n,labels:r,dateLib:s,locale:a,classNames:l}=d.useMemo(()=>{const H={...ri,...t.locale};return{dateLib:new qe({locale:H,weekStartsOn:t.broadcastCalendar?1:t.weekStartsOn,firstWeekContainsDate:t.firstWeekContainsDate,useAdditionalWeekYearTokens:t.useAdditionalWeekYearTokens,useAdditionalDayOfYearTokens:t.useAdditionalDayOfYearTokens,timeZone:t.timeZone,numerals:t.numerals},t.dateLib),components:vb(t.components),formatters:Ob(t.formatters),labels:{...Kb,...t.labels},locale:H,classNames:{...Cb(),...t.classNames}}},[t.locale,t.broadcastCalendar,t.weekStartsOn,t.firstWeekContainsDate,t.useAdditionalWeekYearTokens,t.useAdditionalDayOfYearTokens,t.timeZone,t.numerals,t.dateLib,t.components,t.formatters,t.labels,t.classNames]),{captionLayout:u,mode:f,navLayout:p,numberOfMonths:h=1,onDayBlur:m,onDayClick:x,onDayFocus:b,onDayKeyDown:y,onDayMouseEnter:k,onDayMouseLeave:w,onNextClick:$,onPrevClick:v,showWeekNumber:S,styles:C}=t,{formatCaption:T,formatDay:j,formatMonthDropdown:D,formatWeekNumber:W,formatWeekNumberHeader:V,formatWeekdayName:R,formatYearDropdown:N}=n,q=ax(t,s),{days:oe,months:te,navStart:st,navEnd:kt,previousMonth:le,nextMonth:ce,goToMonth:ee}=q,it=yb(oe,t,st,kt,s),{isSelected:vt,select:wt,selected:Vt}=bx(t,s)??{},{blur:Mn,focused:Gt,isFocusTarget:yi,moveFocus:En,setFocused:Ut}=dx(t,q,it,vt??(()=>!1),s),{labelDayButton:ki,labelGridcell:vi,labelGrid:wi,labelMonthDropdown:Ci,labelNav:zn,labelPrevious:$i,labelNext:Si,labelWeekday:ji,labelWeekNumber:Ti,labelWeekNumberHeader:Di,labelYearDropdown:Mi}=r,Ei=d.useMemo(()=>Nb(s,t.ISOWeek),[s,t.ISOWeek]),On=f!==void 0||x!==void 0,bo=d.useCallback(()=>{le&&(ee(le),v==null||v(le))},[le,ee,v]),xo=d.useCallback(()=>{ce&&(ee(ce),$==null||$(ce))},[ee,ce,$]),zi=d.useCallback((H,Z)=>B=>{B.preventDefault(),B.stopPropagation(),Ut(H),wt==null||wt(H.date,Z,B),x==null||x(H.date,Z,B)},[wt,x,Ut]),Oi=d.useCallback((H,Z)=>B=>{Ut(H),b==null||b(H.date,Z,B)},[b,Ut]),Ii=d.useCallback((H,Z)=>B=>{Mn(),m==null||m(H.date,Z,B)},[Mn,m]),Ri=d.useCallback((H,Z)=>B=>{const X={ArrowLeft:[B.shiftKey?"month":"day",t.dir==="rtl"?"after":"before"],ArrowRight:[B.shiftKey?"month":"day",t.dir==="rtl"?"before":"after"],ArrowDown:[B.shiftKey?"year":"week","after"],ArrowUp:[B.shiftKey?"year":"week","before"],PageUp:[B.shiftKey?"year":"month","before"],PageDown:[B.shiftKey?"year":"month","after"],Home:["startOfWeek","before"],End:["endOfWeek","after"]};if(X[B.key]){B.preventDefault(),B.stopPropagation();const[fe,U]=X[B.key];En(fe,U)}y==null||y(H.date,Z,B)},[En,y,t.dir]),Ni=d.useCallback((H,Z)=>B=>{k==null||k(H.date,Z,B)},[k]),Fi=d.useCallback((H,Z)=>B=>{w==null||w(H.date,Z,B)},[w]),Ai=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setMonth(s.startOfMonth(H),B);ee(X)},[s,ee]),_i=d.useCallback(H=>Z=>{const B=Number(Z.target.value),X=s.setYear(s.startOfMonth(H),B);ee(X)},[s,ee]),{className:Li,style:Wi}=d.useMemo(()=>({className:[l[A.Root],t.className].filter(Boolean).join(" "),style:{...C==null?void 0:C[A.Root],...t.style}}),[l,t.className,t.style,C]),Bi=wb(t),In=d.useRef(null);Jb(In,!!t.animate,{classNames:l,months:te,focused:Gt,dateLib:s});const Pi={dayPickerProps:t,selected:Vt,select:wt,isSelected:vt,months:te,nextMonth:ce,previousMonth:le,goToMonth:ee,getModifiers:it,components:o,classNames:l,styles:C,labels:r,formatters:n};return d.createElement(ai.Provider,{value:Pi},d.createElement(o.Root,{rootRef:t.animate?In:void 0,className:Li,style:Wi,dir:t.dir,id:t.id,lang:t.lang,nonce:t.nonce,title:t.title,role:t.role,"aria-label":t["aria-label"],...Bi},d.createElement(o.Months,{className:l[A.Months],style:C==null?void 0:C[A.Months]},!t.hideNavigation&&!p&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:l[A.Nav],style:C==null?void 0:C[A.Nav],"aria-label":zn(),onPreviousClick:bo,onNextClick:xo,previousMonth:le,nextMonth:ce}),te.map((H,Z)=>d.createElement(o.Month,{"data-animated-month":t.animate?"true":void 0,className:l[A.Month],style:C==null?void 0:C[A.Month],key:Z,displayIndex:Z,calendarMonth:H},p==="around"&&!t.hideNavigation&&Z===0&&d.createElement(o.PreviousMonthButton,{type:"button",className:l[A.PreviousMonthButton],tabIndex:le?void 0:-1,"aria-disabled":le?void 0:!0,"aria-label":$i(le),onClick:bo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:le?void 0:!0,className:l[A.Chevron],orientation:t.dir==="rtl"?"right":"left"})),d.createElement(o.MonthCaption,{"data-animated-caption":t.animate?"true":void 0,className:l[A.MonthCaption],style:C==null?void 0:C[A.MonthCaption],calendarMonth:H,displayIndex:Z},u!=null&&u.startsWith("dropdown")?d.createElement(o.DropdownNav,{className:l[A.Dropdowns],style:C==null?void 0:C[A.Dropdowns]},u==="dropdown"||u==="dropdown-months"?d.createElement(o.MonthsDropdown,{className:l[A.MonthsDropdown],"aria-label":Ci(),classNames:l,components:o,disabled:!!t.disableNavigation,onChange:Ai(H.date),options:Ib(H.date,st,kt,n,s),style:C==null?void 0:C[A.Dropdown],value:s.getMonth(H.date)}):d.createElement("span",null,D(H.date,s)),u==="dropdown"||u==="dropdown-years"?d.createElement(o.YearsDropdown,{className:l[A.YearsDropdown],"aria-label":Mi(s.options),classNames:l,components:o,disabled:!!t.disableNavigation,onChange:_i(H.date),options:Fb(st,kt,n,s,!!t.reverseYears),style:C==null?void 0:C[A.Dropdown],value:s.getYear(H.date)}):d.createElement("span",null,N(H.date,s)),d.createElement("span",{role:"status","aria-live":"polite",style:{border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}},T(H.date,s.options,s))):d.createElement(o.CaptionLabel,{className:l[A.CaptionLabel],role:"status","aria-live":"polite"},T(H.date,s.options,s))),p==="around"&&!t.hideNavigation&&Z===h-1&&d.createElement(o.NextMonthButton,{type:"button",className:l[A.NextMonthButton],tabIndex:ce?void 0:-1,"aria-disabled":ce?void 0:!0,"aria-label":Si(ce),onClick:xo,"data-animated-button":t.animate?"true":void 0},d.createElement(o.Chevron,{disabled:ce?void 0:!0,className:l[A.Chevron],orientation:t.dir==="rtl"?"left":"right"})),Z===h-1&&p==="after"&&!t.hideNavigation&&d.createElement(o.Nav,{"data-animated-nav":t.animate?"true":void 0,className:l[A.Nav],style:C==null?void 0:C[A.Nav],"aria-label":zn(),onPreviousClick:bo,onNextClick:xo,previousMonth:le,nextMonth:ce}),d.createElement(o.MonthGrid,{role:"grid","aria-multiselectable":f==="multiple"||f==="range","aria-label":wi(H.date,s.options,s)||void 0,className:l[A.MonthGrid],style:C==null?void 0:C[A.MonthGrid]},!t.hideWeekdays&&d.createElement(o.Weekdays,{"data-animated-weekdays":t.animate?"true":void 0,className:l[A.Weekdays],style:C==null?void 0:C[A.Weekdays]},S&&d.createElement(o.WeekNumberHeader,{"aria-label":Di(s.options),className:l[A.WeekNumberHeader],style:C==null?void 0:C[A.WeekNumberHeader],scope:"col"},V()),Ei.map(B=>d.createElement(o.Weekday,{"aria-label":ji(B,s.options,s),className:l[A.Weekday],key:String(B),style:C==null?void 0:C[A.Weekday],scope:"col"},R(B,s.options,s)))),d.createElement(o.Weeks,{"data-animated-weeks":t.animate?"true":void 0,className:l[A.Weeks],style:C==null?void 0:C[A.Weeks]},H.weeks.map(B=>d.createElement(o.Week,{className:l[A.Week],key:B.weekNumber,style:C==null?void 0:C[A.Week],week:B},S&&d.createElement(o.WeekNumber,{week:B,style:C==null?void 0:C[A.WeekNumber],"aria-label":Ti(B.weekNumber,{locale:a}),className:l[A.WeekNumber],scope:"row",role:"rowheader"},W(B.weekNumber,s)),B.days.map(X=>{const{date:fe}=X,U=it(X);if(U[Q.focused]=!U.hidden&&!!(Gt!=null&&Gt.isEqualTo(X)),U[Ee.selected]=(vt==null?void 0:vt(fe))||U.selected,Dn(Vt)){const{from:yo,to:ko}=Vt;U[Ee.range_start]=!!(yo&&ko&&s.isSameDay(fe,yo)),U[Ee.range_end]=!!(yo&&ko&&s.isSameDay(fe,ko)),U[Ee.range_middle]=Ve(Vt,fe,!0,s)}const Hi=Rb(U,C,t.modifiersStyles),Vi=kb(U,l,t.modifiersClassNames),Gi=!On&&!U.hidden?vi(fe,U,s.options,s):void 0;return d.createElement(o.Day,{key:`${s.format(fe,"yyyy-MM-dd")}_${s.format(X.displayMonth,"yyyy-MM")}`,day:X,modifiers:U,className:Vi.join(" "),style:Hi,role:"gridcell","aria-selected":U.selected||void 0,"aria-label":Gi,"data-day":s.format(fe,"yyyy-MM-dd"),"data-month":X.outside?s.format(fe,"yyyy-MM"):void 0,"data-selected":U.selected||void 0,"data-disabled":U.disabled||void 0,"data-hidden":U.hidden||void 0,"data-outside":X.outside||void 0,"data-focused":U.focused||void 0,"data-today":U.today||void 0},!U.hidden&&On?d.createElement(o.DayButton,{className:l[A.DayButton],style:C==null?void 0:C[A.DayButton],type:"button",day:X,modifiers:U,disabled:U.disabled||void 0,tabIndex:yi(X)?0:-1,"aria-label":ki(fe,U,s.options,s),onClick:zi(X,U),onBlur:Ii(X,U),onFocus:Oi(X,U),onKeyDown:Ri(X,U),onMouseEnter:Ni(X,U),onMouseLeave:Fi(X,U)},j(fe,s.options,s)):!U.hidden&&j(X.date,s.options,s))})))))))),t.footer&&d.createElement(o.Footer,{className:l[A.Footer],style:C==null?void 0:C[A.Footer],role:"status","aria-live":"polite"},t.footer)))}const yx=d.memo(({...e})=>i.jsx(kx,{mode:"single",...e})),kx=g(xx)`
|
|
2887
2918
|
font-family: ${c("font-family-default")};
|
|
2888
|
-
`,
|
|
2919
|
+
`,vx=({rightMenu:e,leftMenu:t,className:o})=>i.jsxs(wx,{className:o,children:[t,i.jsx(Cx,{children:e})]}),wx=g.div`
|
|
2889
2920
|
align-items: center;
|
|
2890
2921
|
background-color: ${c("color-black")};
|
|
2891
2922
|
display: flex;
|
|
@@ -2894,10 +2925,10 @@
|
|
|
2894
2925
|
justify-content: space-between;
|
|
2895
2926
|
padding: 0px ${c("spacing-20")};
|
|
2896
2927
|
width: 100%;
|
|
2897
|
-
`,
|
|
2928
|
+
`,Cx=g.div`
|
|
2898
2929
|
display: flex;
|
|
2899
2930
|
align-items: center;
|
|
2900
|
-
|
|
2931
|
+
`,$x=d.memo(({title:e,message:t})=>i.jsxs(Sx,{children:[i.jsx(E,{variant:"body",bold:!0,children:e}),i.jsx(E,{variant:"body",color:"grey",children:t})]})),Sx=g.div`
|
|
2901
2932
|
display: flex;
|
|
2902
2933
|
padding: ${c("spacing-8")} ${c("spacing-10")}
|
|
2903
2934
|
${c("spacing-8")} ${c("spacing-20")};
|
|
@@ -2908,7 +2939,7 @@
|
|
|
2908
2939
|
max-width: 100%;
|
|
2909
2940
|
word-wrap: break-word;
|
|
2910
2941
|
overflow-wrap: break-word;
|
|
2911
|
-
`,
|
|
2942
|
+
`,jx=({groups:e,onSelectionChange:t,value:o,showSelectAll:n=!0,showClearAll:r=!0,placement:s="bottom-end",className:a,buttonContent:l,disabled:u=!1})=>{const[f,p]=d.useState(()=>{const N={};return e.forEach(q=>{N[q.id]=new Set}),N}),[h,m]=d.useState(!1),x=o??f,b=o!==void 0,y=d.useCallback(N=>{b||p(N),t(N)},[b,t]),{refs:k,floatingStyles:w,context:$}=z.useFloating({placement:s,open:h,onOpenChange:m,whileElementsMounted:z.autoUpdate,middleware:[z.offset(4),z.flip(),z.shift({padding:8})]}),v=z.useClick($,{enabled:!u}),S=z.useDismiss($),C=z.useRole($),{getReferenceProps:T,getFloatingProps:j}=z.useInteractions([v,S,C]),D=d.useCallback((N,q)=>{const oe={...x},te=new Set(x[N]);te.has(q)?te.delete(q):te.add(q),oe[N]=te,y(oe)},[x,y]),W=d.useCallback(N=>{const q=e.find(te=>te.id===N);if(!q)return;const oe={...x};oe[N]=new Set(q.options.map(te=>te.value)),y(oe)},[e,x,y]),V=d.useCallback(()=>{const N={};e.forEach(q=>{N[q.id]=new Set}),y(N)},[e,y]),R=d.useMemo(()=>Object.values(x).some(N=>N.size>0),[x]);return i.jsxs(i.Fragment,{children:[i.jsx(Tx,{ref:k.setReference,className:a,$isActive:R,$isDisabled:u,...T(),children:l||i.jsxs(i.Fragment,{children:[i.jsx(_,{iconId:"Filter",size:"sm",color:R?"blue":"grey"}),R&&i.jsx(Dx,{})]})}),h&&i.jsx(z.FloatingPortal,{children:i.jsx(z.FloatingFocusManager,{context:$,modal:!1,children:i.jsxs(Mx,{ref:k.setFloating,style:w,...j(),children:[i.jsxs(Ex,{children:[i.jsx(E,{variant:"body",bold:!0,children:"Filters"}),i.jsxs(zx,{children:[r&&R&&i.jsx(Ox,{onClick:V,children:i.jsx(E,{variant:"small",color:"blue",children:"Clear all"})}),i.jsx(Ix,{onClick:()=>m(!1),children:i.jsx(_,{iconId:"Close",size:"sm",color:"grey"})})]})]}),i.jsx(Rx,{children:e.map(N=>i.jsxs(Nx,{children:[i.jsxs(Fx,{children:[i.jsx(E,{variant:"small",bold:!0,children:N.label}),n&&i.jsx(Ax,{onClick:()=>W(N.id),children:i.jsx(E,{variant:"small",color:"blue",children:"Select all"})})]}),i.jsx(_x,{children:N.options.map(q=>{var te;const oe=((te=x[N.id])==null?void 0:te.has(q.value))||!1;return i.jsxs(Lx,{$isSelected:oe,onClick:()=>D(N.id,q.value),children:[i.jsx(Wx,{$isChecked:oe,children:oe&&i.jsx(_,{iconId:"Check",size:"xsm",color:"white"})}),i.jsx(E,{variant:"small",children:q.label})]},q.value)})})]},N.id))})]})})})]})},Tx=g.button`
|
|
2912
2943
|
display: flex;
|
|
2913
2944
|
align-items: center;
|
|
2914
2945
|
justify-content: center;
|
|
@@ -2927,7 +2958,7 @@
|
|
|
2927
2958
|
background-color: ${e=>e.$isActive?c("color-additional1"):c("color-grey10")};
|
|
2928
2959
|
border-color: ${e=>e.$isActive?c("color-blue"):c("color-grey40")};
|
|
2929
2960
|
}
|
|
2930
|
-
`,
|
|
2961
|
+
`,Dx=g.div`
|
|
2931
2962
|
position: absolute;
|
|
2932
2963
|
top: 4px;
|
|
2933
2964
|
right: 4px;
|
|
@@ -2935,7 +2966,7 @@
|
|
|
2935
2966
|
height: 6px;
|
|
2936
2967
|
background-color: ${c("color-blue")};
|
|
2937
2968
|
border-radius: 50%;
|
|
2938
|
-
`,
|
|
2969
|
+
`,Mx=g.div`
|
|
2939
2970
|
background-color: ${c("color-white")};
|
|
2940
2971
|
border: 1px solid ${c("color-grey30")};
|
|
2941
2972
|
border-radius: ${c("spacing-4")};
|
|
@@ -2943,17 +2974,17 @@
|
|
|
2943
2974
|
min-width: 280px;
|
|
2944
2975
|
max-width: 320px;
|
|
2945
2976
|
z-index: 1000;
|
|
2946
|
-
`,
|
|
2977
|
+
`,Ex=g.div`
|
|
2947
2978
|
display: flex;
|
|
2948
2979
|
align-items: center;
|
|
2949
2980
|
justify-content: space-between;
|
|
2950
2981
|
padding: ${c("spacing-12")} ${c("spacing-16")};
|
|
2951
2982
|
border-bottom: 1px solid ${c("color-grey20")};
|
|
2952
|
-
`,
|
|
2983
|
+
`,zx=g.div`
|
|
2953
2984
|
display: flex;
|
|
2954
2985
|
align-items: center;
|
|
2955
2986
|
gap: ${c("spacing-8")};
|
|
2956
|
-
`,
|
|
2987
|
+
`,Ox=g.button`
|
|
2957
2988
|
background: none;
|
|
2958
2989
|
border: none;
|
|
2959
2990
|
padding: 0;
|
|
@@ -2963,7 +2994,7 @@
|
|
|
2963
2994
|
&:hover {
|
|
2964
2995
|
text-decoration: underline;
|
|
2965
2996
|
}
|
|
2966
|
-
`,
|
|
2997
|
+
`,Ix=g.button`
|
|
2967
2998
|
background: none;
|
|
2968
2999
|
border: none;
|
|
2969
3000
|
padding: 0;
|
|
@@ -2978,20 +3009,20 @@
|
|
|
2978
3009
|
&:hover {
|
|
2979
3010
|
background-color: ${c("color-grey10")};
|
|
2980
3011
|
}
|
|
2981
|
-
`,
|
|
3012
|
+
`,Rx=g.div`
|
|
2982
3013
|
padding: ${c("spacing-12")};
|
|
2983
3014
|
max-height: 400px;
|
|
2984
3015
|
overflow-y: auto;
|
|
2985
|
-
`,
|
|
3016
|
+
`,Nx=g.div`
|
|
2986
3017
|
&:not(:last-child) {
|
|
2987
3018
|
margin-bottom: ${c("spacing-16")};
|
|
2988
3019
|
}
|
|
2989
|
-
`,
|
|
3020
|
+
`,Fx=g.div`
|
|
2990
3021
|
display: flex;
|
|
2991
3022
|
align-items: center;
|
|
2992
3023
|
justify-content: space-between;
|
|
2993
3024
|
margin-bottom: ${c("spacing-8")};
|
|
2994
|
-
`,
|
|
3025
|
+
`,Ax=g.button`
|
|
2995
3026
|
background: none;
|
|
2996
3027
|
border: none;
|
|
2997
3028
|
padding: 0;
|
|
@@ -3001,11 +3032,11 @@
|
|
|
3001
3032
|
&:hover {
|
|
3002
3033
|
text-decoration: underline;
|
|
3003
3034
|
}
|
|
3004
|
-
`,
|
|
3035
|
+
`,_x=g.div`
|
|
3005
3036
|
display: flex;
|
|
3006
3037
|
flex-direction: column;
|
|
3007
3038
|
gap: ${c("spacing-4")};
|
|
3008
|
-
`,
|
|
3039
|
+
`,Lx=g.div`
|
|
3009
3040
|
display: flex;
|
|
3010
3041
|
align-items: center;
|
|
3011
3042
|
gap: ${c("spacing-8")};
|
|
@@ -3017,7 +3048,7 @@
|
|
|
3017
3048
|
&:hover {
|
|
3018
3049
|
background-color: ${e=>e.$isSelected?c("color-additional1"):c("color-grey10")};
|
|
3019
3050
|
}
|
|
3020
|
-
`,
|
|
3051
|
+
`,Wx=g.div`
|
|
3021
3052
|
width: 16px;
|
|
3022
3053
|
height: 16px;
|
|
3023
3054
|
border: 1.5px solid
|
|
@@ -3028,7 +3059,7 @@
|
|
|
3028
3059
|
align-items: center;
|
|
3029
3060
|
justify-content: center;
|
|
3030
3061
|
flex-shrink: 0;
|
|
3031
|
-
`,
|
|
3062
|
+
`,Bx=d.memo(({listMaxSize:e,listMinSize:t,listCollapsedSize:o,disabled:n,List:r,Details:s,ListPanelComponent:a=an})=>i.jsx(Px,{style:{"--studio-c-table-cell-padding-y":c("spacing-8")},children:i.jsxs(Zr,{direction:"horizontal",children:[i.jsx(a,{minSize:t,maxSize:e,collapsedSize:o,children:i.jsx(xi,{children:i.jsx(r,{disabled:n})})}),i.jsx(Qr,{}),i.jsx(Xr,{children:i.jsx(Hx,{children:i.jsx(s,{})})})]})})),Px=g.div`
|
|
3032
3063
|
width: 100%;
|
|
3033
3064
|
height: 100%;
|
|
3034
3065
|
display: flex;
|
|
@@ -3041,7 +3072,7 @@
|
|
|
3041
3072
|
align-items: flex-start;
|
|
3042
3073
|
justify-content: flex-start;
|
|
3043
3074
|
flex-direction: column;
|
|
3044
|
-
`,
|
|
3075
|
+
`,Hx=g(xi)`
|
|
3045
3076
|
overflow: auto;
|
|
3046
|
-
`;let
|
|
3077
|
+
`;let Ko=null;const Vx=()=>Ko,Gx=({ref:e,data:t,canDrag:o=!0,transformDragData:n=f=>f,onDrop:r,onDragStart:s,onDragEnd:a,onDragOver:l,onDragLeave:u})=>{const[f,p]=d.useState(!1),[h,m]=d.useState(!1),x=v=>{v.preventDefault(),v.stopPropagation()},b=d.useCallback(v=>{x(v),m(!0),v.dataTransfer&&(v.dataTransfer.dropEffect="move"),l==null||l(v)},[l]),y=d.useCallback(v=>{x(v),m(!1),u==null||u(v)},[u]),k=d.useCallback(v=>{x(v),p(!1),m(!1),Ko=null,a==null||a(v)},[a]),w=d.useCallback(v=>{var C;x(v),p(!1),m(!1);let S=null;try{S=JSON.parse(((C=v.dataTransfer)==null?void 0:C.getData("application/json"))??"null")}catch(T){console.error("Invalid drag data:",T)}S&&(r==null||r(S,v))},[r]),$=d.useCallback(v=>{var C;if(!o)return;v.stopPropagation(),p(!0),m(!1),v.dataTransfer&&(v.dataTransfer.effectAllowed="move");const S=n(t);Ko=S,(C=v.dataTransfer)==null||C.setData("application/json",JSON.stringify(S)),s==null||s(t,v)},[o,t,s,n]);return d.useEffect(()=>{const v=e.current,S={dragover:C=>b(C),dragenter:C=>b(C),dragleave:C=>y(C),drop:C=>w(C),dragstart:C=>$(C),dragend:C=>k(C)};return v&&Object.entries(S).forEach(([C,T])=>v.addEventListener(C,T)),()=>{Object.entries(S).forEach(([C,T])=>{v&&v.removeEventListener(C,T)})}},[e,b,y,w,$,k]),{dragging:f,over:h}};Object.defineProperty(exports,"useFormContext",{enumerable:!0,get:()=>K.useFormContext});Object.defineProperty(exports,"useFormController",{enumerable:!0,get:()=>K.useController});Object.defineProperty(exports,"useWatchForm",{enumerable:!0,get:()=>K.useWatch});Object.defineProperty(exports,"renderTableContents",{enumerable:!0,get:()=>be.flexRender});exports.ActionSelect=Vd;exports.ActionableBlurb=wl;exports.AlertTooltip=pn;exports.AlternatingStatus=Gl;exports.AnimatePresence=jr;exports.AnonymousBranch=Tp;exports.AnonymousGroup=op;exports.ArtifactVersion=Nu;exports.AsyncNamedCollapsibleBranch=Mp;exports.AsyncTreeList=Ls;exports.Badge=cu;exports.BaseAsyncTreeDataProvider=Zf;exports.BaseModalContent=Zp;exports.BaseObservableDataProvider=kn;exports.BaseUIComponentsContextProvider=yl;exports.BottomDialogDrawer=Dc;exports.BottomInlineDrawer=Rc;exports.BrandedHeader=Cg;exports.Button=Ae;exports.CheckBox=bt;exports.CheckListItemCheck=uo;exports.CheckListItemCheckCompact=zs;exports.CheckListItemContainer=Bt;exports.CheckListItemContainerCompact=$n;exports.CheckListItemContainerWithDivider=Ms;exports.CheckListItemContainerWithDividerCompact=Es;exports.CheckListItemName=fo;exports.CheckListItemNameCompact=Os;exports.CheckListItemTemplate=Is;exports.Collapsible=to;exports.CollapsibleArtifact=Il;exports.CollapsibleContent=oo;exports.CollapsibleList=Bu;exports.CollapsibleTrigger=Jo;exports.ComboBox=bs;exports.CopyableText=lc;exports.DarkTooltip=lo;exports.DarkTooltipStyle=ls;exports.DatePicker=yx;exports.DescriptionListItemTemplate=cp;exports.Dialog=Qo;exports.DialogContent=tn;exports.DialogTrigger=en;exports.Drawer=Fc;exports.DrawerContent=_c;exports.DrawerHeader=Lc;exports.DrawerTrigger=Ac;exports.Dropdown=Cs;exports.DropdownMenu=Zh;exports.EMAIL_PATTERN=Wr;exports.EmailRequirementKeys=Pr;exports.EmptyListMessage=$x;exports.EndOverlayStyle=mc;exports.ErrorTooltip=ds;exports.FIRST_CHAR_ALPHA=nd;exports.FakeInputReference=xs;exports.FilterPanel=jx;exports.FlexHandle=_t;exports.FlexResizablePanel=Xr;exports.Form=ys;exports.FormAccessToggles=Of;exports.FormCheckbox=Mf;exports.FormComboBox=Ff;exports.FormErrorMessage=Le;exports.FormField=Tf;exports.FormFileInput=Lf;exports.FormInput=bn;exports.FormInputWrapper=We;exports.FormLabel=ke;exports.FormMultiSelect=Vf;exports.FormNameInput=Nf;exports.FormSelect=$f;exports.FormSubmit=mn;exports.FormTextArea=kf;exports.FormToggle=bf;exports.GroupContext=Cn;exports.GroupList=ep;exports.GroupedObservableDataProvider=Kf;exports.HiddenFormInput=gn;exports.HolderListItemTemplate=rg;exports.HorizontalRule=Bc;exports.Icon=_;exports.IconButton=ne;exports.Input=xt;exports.InputSearch=Uc;exports.ItemSelectionList=Gh;exports.ItemSelectionListDataProvider=Kh;exports.KOSLogo=Ru;exports.Label=Lr;exports.LabelWithAction=Zc;exports.LabelWithContent=rn;exports.LabelWithContentLink=Qc;exports.LeftDialogDrawer=vc;exports.LeftInlineDrawer=zc;exports.LightTooltip=ao;exports.LightTooltipStyle=is;exports.Link=Xo;exports.List=wn;exports.ListContext=xn;exports.ListContextProvider=yn;exports.ListWithDetailsLayout=Bx;exports.LockedButton=El;exports.MenuWrapper=vx;exports.MiddleTruncateText=no;exports.Modal=fh;exports.ModalOverlayStyles=Gs;exports.ModalTrigger=ph;exports.MultiSelect=ms;exports.NO_LEADING_OR_TRAILING_SPACES_PATTERN=Br;exports.NO_SPACES_PATTERN=od;exports.NUMBERS_ONLY_PATTERN=td;exports.NamedCollapsibleBranch=Bp;exports.NamedCollapsibleGroup=tp;exports.NamedListItemTemplate=dp;exports.NamedSection=Ys;exports.NamedSectionHeader=xh;exports.ObservableDataProvider=vn;exports.Option=ft;exports.PASSWORD_MIN_LENGTH=sd;exports.PASSWORD_REQUIREMENTS=hn;exports.PASSWORD_REQUIREMENTS_TOO_SIMILAR=vs;exports.PageHeader=$h;exports.PaneSplitter=md;exports.PasswordRequirementKeys=Et;exports.PasswordRequirementsList=pf;exports.PropertyDataProvider=qf;exports.RequirementsList=ks;exports.ResizablePanel=an;exports.ResizablePanelGroup=Zr;exports.ResizablePanelGroupContextProvider=qr;exports.ResizablePanelHandle=Qr;exports.RightDialogDrawer=$c;exports.RightInlineDrawer=Oc;exports.ScreenOverlay=es;exports.ScreenOverlayWithAction=nm;exports.Select=yt;exports.SelectAsyncTreeList=jp;exports.SelectContext=dn;exports.SelectList=co;exports.SelectListContext=Wt;exports.SelectSeparator=Qh;exports.SelectViewList=Fh;exports.SelectViewListItem=qs;exports.SelectorTooltip=us;exports.ShellIconButton=qd;exports.ShellMenu=eg;exports.ShellMenuLink=og;exports.StartOverlayStyle=gc;exports.StickyObserver=Vo;exports.StyledSelectOption=Xh;exports.Tab=Zd;exports.TabPane=ou;exports.TabTrigger=Xd;exports.TabTriggerList=Qd;exports.Table=Dg;exports.TableHeader=Uo;exports.TableNamedListItemTemplate=bp;exports.TableTd=Tn;exports.Tag=eo;exports.TagWithRemove=au;exports.Text=E;exports.TextHighlight=lu;exports.Textarea=fn;exports.Toggle=io;exports.ToggleThumb=rs;exports.ToggleTrack=ns;exports.Tooltip=fs;exports.TopDialogDrawer=Tc;exports.TopInlineDrawer=Ic;exports.TreeDataProvider=vp;exports.TreeList=$p;exports.USERNAME_PATTERN=ed;exports.VirtualList=Ws;exports.VirtualTable=Zg;exports.VirtualizedList=Bs;exports.VirtualizedSelectList=qp;exports.baseComponentStyles=hr;exports.baseGenericStyles=No;exports.baseSemanticStyles=Fo;exports.componentStudioTokenCss=nl;exports.componentStyles=Ro;exports.createLocalComponentHelper=Qa;exports.createLocalComponentTokenCss=el;exports.createLocalTokenSystem=Ja;exports.createTableColumnHelper=Ng;exports.darkTooltipArrow=cs;exports.getByteString=zh;exports.getComponentTokenHelpers=O;exports.getCurrentDragData=Vx;exports.getEmailValidation=rd;exports.getErrorMessage=ad;exports.getGlobalToken=F;exports.getPasswordValidation=id;exports.getSemanticToken=c;exports.getStyles=ll;exports.globalStudioTokenCss=ol;exports.isContextAware=Ho;exports.isErrorWithMessage=Hr;exports.isGroupFactory=js;exports.keyResolver=Ss;exports.lightTooltipArrow=as;exports.noop=_e;exports.normalizePathDisplay=Oh;exports.rootStyles=Ao;exports.scrollbarStyle=fl;exports.semanticStudioTokenCss=tl;exports.stringComponentInsert=pr;exports.studioColors=gr;exports.studioDarkColors=br;exports.studioGenericColor=xr;exports.studioLightColors=mr;exports.studioTheme=pl;exports.transformLocalTokenObject=qo;exports.useBaseUIComponentsContext=vr;exports.useCollapsibleContext=At;exports.useContainerWidth=nn;exports.useDialogContext=Ye;exports.useDialogContextValue=Tr;exports.useDragDrop=Gx;exports.useDrawerContext=Qe;exports.useGroupSelection=yp;exports.useListContext=Gf;exports.useListGroupContext=Ts;exports.useLoadDataProvider=Lt;exports.useModalContext=Ye;exports.useMultiSelectContext=hs;exports.useOpenedGroups=xp;exports.useResizablePanelGroupContext=sn;exports.useResizeObserver=Vr;exports.useSelectContext=un;exports.useSelectListContext=et;exports.useSelection=kp;exports.useTabContext=so;exports.useTableContext=jn;exports.useTreeListContext=Ns;
|
|
3047
3078
|
//# sourceMappingURL=index.cjs.map
|