@bizapps/design-system-testing 1.10.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.cjs +1050 -17
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.d.cts +209 -3
- package/dist/main.d.ts +209 -3
- package/dist/main.js +1051 -19
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.sx__calendar-wrapper ul,.sx__date-picker-wrapper ul,.sx__date-picker-popup ul{list-style:none;padding:0}.sx__calendar-wrapper input,.sx__calendar-wrapper button,.sx__date-picker-wrapper input,.sx__date-picker-wrapper button,.sx__date-picker-popup input,.sx__date-picker-popup button{font-family:inherit;outline:none}.sx__button{background-color:inherit;outline:0;border:none;cursor:pointer}:root{--sx-color-primary: #6750a4;--sx-color-on-primary: #fff;--sx-color-primary-container: #eaddff;--sx-color-on-primary-container: #21005e;--sx-color-secondary: #625b71;--sx-color-on-secondary: #fff;--sx-color-secondary-container: #e8def8;--sx-color-on-secondary-container: #1e192b;--sx-color-tertiary: #7d5260;--sx-color-on-tertiary: #fff;--sx-color-tertiary-container: #ffd8e4;--sx-color-on-tertiary-container: #370b1e;--sx-color-surface: #fef7ff;--sx-color-surface-dim: #ded8e1;--sx-color-surface-bright: #fef7ff;--sx-color-on-surface: #1c1b1f;--sx-color-surface-container: #f3edf7;--sx-color-surface-container-low: #f7f2fa;--sx-color-surface-container-high: #ece6f0;--sx-color-background: #fff;--sx-color-on-background: #1c1b1f;--sx-color-outline: #79747e;--sx-color-outline-variant: #c4c7c5;--sx-color-shadow: #000;--sx-color-surface-tint: #6750a4;--sx-color-neutral: var(--sx-color-outline);--sx-color-neutral-variant: var(--sx-color-outline-variant);--sx-internal-color-gray-ripple-background: #e0e0e0;--sx-internal-color-light-gray: #fafafa;--sx-internal-color-text: #000}.is-dark{--sx-color-primary: #d0bcff;--sx-color-on-primary: #371e73;--sx-color-primary-container: #4f378b;--sx-color-on-primary-container: #eaddff;--sx-color-secondary: #ccc2dc;--sx-color-on-secondary: #332d41;--sx-color-secondary-container: #4a4458;--sx-color-on-secondary-container: #e8def8;--sx-color-tertiary: #efb8c8;--sx-color-on-tertiary: #492532;--sx-color-tertiary-container: #633b48;--sx-color-on-tertiary-container: #ffd8e4;--sx-color-surface: #141218;--sx-color-surface-dim: #141218;--sx-color-surface-bright: #3b383e;--sx-color-on-surface: #e6e1e5;--sx-color-surface-container: #211f26;--sx-color-surface-container-low: #1d1b20;--sx-color-surface-container-high: #2b2930;--sx-color-background: #141218;--sx-color-on-background: #e6e1e5;--sx-color-outline: #938f99;--sx-color-outline-variant: #444746;--sx-color-shadow: #000;--sx-color-surface-tint: #d0bcff;--sx-internal-color-text: #fff}:root{--sx-spacing-padding1: 4px;--sx-spacing-padding2: 8px;--sx-spacing-padding3: 12px;--sx-spacing-padding4: 16px;--sx-spacing-padding6: 24px;--sx-spacing-modal-padding: 16px}:root{--sx-box-shadow-level3: 0 3px 6px 0 rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 23%);--sx-rounding-extra-small: 4px;--sx-rounding-small: 8px;--sx-rounding-extra-large: 28px;--sx-border: 1px solid var(--sx-color-outline-variant)}.is-dark{--sx-border: 1px solid var(--sx-color-outline-variant)}:root{--sx-font-small: .875rem;--sx-font-extra-small: .75rem;--sx-font-large: 1.125rem;--sx-font-extra-large: 1.25rem}:root{--sx-z-index-week-header: 100;--sx-z-index-event-modal: 101;--sx-calendar-header-popup-z-index: 102}@keyframes sx-ripple{0%{width:0;height:0;opacity:.16}40%{width:100px;height:100px;opacity:.08}to{width:150px;height:150px;opacity:0}}.sx__ripple{position:relative;overflow:hidden}.sx__ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;background-color:currentcolor;opacity:.1;visibility:hidden;z-index:2}.sx__ripple:active:before{visibility:visible}.sx__ripple:not(:active):before{animation:sx-ripple .75s cubic-bezier(0,.1,.8,1);transition:visibility .75s step-end}@keyframes sx-ripple-wide{0%{width:0;height:0;opacity:.16}40%{width:300px;height:100px;opacity:.08}to{width:450px;height:150px;opacity:0}}.sx__ripple--wide{position:relative;overflow:hidden}.sx__ripple--wide:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;background-color:currentcolor;opacity:.1;visibility:hidden;z-index:2}.sx__ripple--wide:active:before{visibility:visible}.sx__ripple--wide:before{border-radius:var(--sx-rounding-small)}.sx__ripple--wide:not(:active):before{animation:sx-ripple-wide .75s cubic-bezier(0,.1,.8,1);transition:visibility .75s step-end}.sx__chevron-wrapper{position:relative;border-radius:50%;min-height:48px;min-width:48px;cursor:pointer;transition:background-color .2s ease-in-out;font-size:0}.sx__chevron-wrapper:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__chevron-wrapper:disabled{cursor:not-allowed;opacity:.5}.sx__chevron-wrapper:hover,.sx__chevron-wrapper:focus{background-color:var(--sx-color-surface-dim)}.is-dark .sx__chevron-wrapper:hover,.is-dark .sx__chevron-wrapper:focus{background-color:var(--sx-color-surface-container-high)}.sx__chevron-wrapper .sx__chevron{position:absolute;top:50%;width:.6rem;height:.6rem;border-width:.2rem .2rem 0 0;border-style:solid;border-color:var(--sx-internal-color-text)}.sx__chevron--previous{left:calc(50% + .125rem);transform:translate(-50%,-50%) rotate(225deg)}[dir=rtl] .sx__chevron--previous,.sx__chevron--next{left:calc(50% - .125rem);transform:translate(-50%,-50%) rotate(45deg)}[dir=rtl] .sx__chevron--next{left:calc(50% + .125rem);transform:translate(-50%,-50%) rotate(225deg)}.sx__date-picker-wrapper{position:relative;color:var(--sx-color-on-background);width:fit-content}.sx__date-picker-wrapper.has-full-width{width:100%}.sx__date-picker-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.sx__date-picker-wrapper *{color:var(--sx-color-on-background);box-sizing:border-box}.sx__date-input-wrapper{position:relative}.sx__date-input-chevron-wrapper{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;align-items:center;padding:0;transition:transform .2s ease-in-out}.sx__date-input-chevron-wrapper:focus{border:2px solid var(--sx-color-primary)}.is-disabled .sx__date-input-chevron-wrapper{pointer-events:none;cursor:not-allowed}.sx__date-input--active .sx__date-input-chevron-wrapper{transform:translateY(-50%) rotate(180deg)}[dir=rtl] .sx__date-input-chevron-wrapper{left:1rem;right:auto}.sx__date-input-chevron{width:1rem;height:1rem;pointer-events:none;filter:brightness(.7)}.sx__date-input{font-size:1rem;padding:var(--sx-spacing-padding4);border:var(--sx-border);border-radius:var(--sx-rounding-extra-small);cursor:pointer;background-color:var(--sx-color-background);width:100%}.is-disabled .sx__date-input{pointer-events:none}.sx__date-input--active .sx__date-input{border-color:var(--sx-color-primary);outline:1px solid var(--sx-color-primary)}.sx__date-input-label{position:absolute;top:0;inset-inline-start:12px;padding:0 var(--sx-spacing-padding1);background-color:var(--sx-color-background);font-size:.75rem;color:var(--sx-color-neutral);line-height:1rem;transform:translateY(-50%);transition:transform .2s ease-in-out;pointer-events:none}.sx__date-input--active .sx__date-input-label{color:var(--sx-color-primary)}.is-dark .sx__date-input-label{display:none}.sx__date-picker-popup{position:absolute;height:fit-content;z-index:1;top:calc(100% + 1px);width:20.75rem;max-width:500px;max-height:400px;overflow:scroll;box-shadow:var(--sx-box-shadow-level3);padding:var(--sx-spacing-modal-padding);background-color:var(--sx-color-background);color:var(--sx-internal-color-text)}.sx__date-picker-popup.is-dark{background-color:var(--sx-color-surface-container-high)}.sx__date-picker-popup.bottom-end{left:auto;right:0;transform:translate(0)}.sx__date-picker-popup.bottom-end[dir=rtl]{right:auto;left:0;transform:translate(0)}.sx__date-picker-popup.bottom-start{left:0;right:auto;transform:translate(0)}.sx__date-picker-popup.bottom-start[dir=rtl]{left:auto;right:0;transform:translate(0)}.sx__date-picker-popup.top-start{inset:auto auto calc(100% + 1rem) 0;transform:translate(0)}.sx__date-picker-popup.top-end{inset:auto 0 calc(100% + 1rem) auto;transform:translate(0)}.sx__date-picker__years-view{margin:0}.sx__date-picker__years-accordion__expand-button{width:100%;border-radius:0;background-color:transparent;font-size:1rem;padding:1em;transition:background-color .2s ease-in-out;color:var(--sx-internal-color-text)}.sx__is-expanded .sx__date-picker__years-accordion__expand-button{background-color:var(--sx-color-surface-container)}.sx__date-picker__years-accordion__expand-button:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__years-accordion__expand-button:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__date-picker__years-view-accordion__panel{display:flex;flex-wrap:wrap}.sx__date-picker__years-view-accordion__month{flex:1 0 33.3333%;background-color:transparent;border:0;font-size:.9rem;padding:.5em 0;border-radius:25px;color:var(--sx-internal-color-text)}.sx__date-picker__years-view-accordion__month:hover{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__date-picker__day-names{display:flex;width:100%;justify-content:space-evenly;margin-bottom:.5em}.sx__date-picker__day-names .sx__date-picker__day,.sx__date-picker__day-names .sx__date-picker__day-name{flex:1;text-align:center}.sx__date-picker__day-name{font-weight:700;color:var(--sx-color-neutral-variant)}.sx__date-picker__month-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.sx__date-picker__month-view-header .sx__chevron-wrapper:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__month-view-header__month-year{font-size:1.5rem;font-weight:300;color:var(--sx-internal-color-text)}.sx__date-picker__month-view-header__month-year:hover{color:var(--sx-color-primary);text-decoration:underline}.sx__date-picker__week{display:flex;width:100%;justify-content:space-evenly;margin-bottom:.5em}.sx__date-picker__week .sx__date-picker__day,.sx__date-picker__week .sx__date-picker__day-name{flex:1;text-align:center}.sx__date-picker__day{background-color:transparent;border-radius:50%;width:2.5rem;height:2.5rem;color:var(--sx-internal-color-text)}.sx__date-picker__day:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__day:focus{outline-offset:-2px;outline:2px solid var(--sx-color-primary)}.sx__date-picker__day:disabled{color:var(--sx-color-neutral-variant);cursor:not-allowed}.sx__date-picker__day.is-leading-or-trailing{color:var(--sx-color-neutral-variant)}.sx__date-picker__day.sx__date-picker__day--selected{background-color:var(--sx-color-primary-container);color:var(--sx-color-on-primary-container)}.sx__date-picker__day.sx__date-picker__day--today{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}:root{--sx-calendar-header-input-font-size: clamp(12px, .875rem, 28px);--sx-calendar-week-grid-padding-left: 75px}:root .sx__date-picker-popup.is-teleported{z-index:3}.sx__calendar-wrapper{height:100%;display:flex;color:var(--sx-internal-color-text)}.sx__calendar-wrapper *{box-sizing:border-box}.sx__calendar{position:relative;flex:1;height:100%;border:var(--sx-border);border-radius:var(--sx-rounding-small);display:flex;flex-flow:column;background-color:var(--sx-color-background);overflow:hidden}.sx__view-container{position:relative;flex:1;overflow-y:auto;scroll-behavior:smooth}.sx__slide-left{animation:sx-slide-left .3s ease-out}@keyframes sx-slide-left{0%{transform:translate(8%);filter:blur(.25rem);opacity:.1}to{transform:translate(0);filter:blur(0);opacity:1}}.sx__slide-right{animation:sx-slide-right .3s ease-out}@keyframes sx-slide-right{0%{transform:translate(-8%);filter:blur(.25rem);opacity:.1}to{transform:translate(0);filter:blur(0);opacity:1}}.sx__calendar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sx-spacing-padding4);gap:var(--sx-spacing-padding4);flex-wrap:wrap}.sx__calendar-header .sx__date-input{padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);font-size:var(--sx-calendar-header-input-font-size)}.sx__calendar-header .sx__date-picker-popup{z-index:var(--sx-calendar-header-popup-z-index)}.sx__calendar-header-content{display:flex;align-items:center;gap:var(--sx-spacing-padding4);flex-wrap:wrap;min-width:0}.sx__forward-backward-navigation{height:45px}.sx__is-calendar-small .sx__forward-backward-navigation,.is-list-view .sx__forward-backward-navigation{display:none}.sx__calendar-header__week-number{border-radius:4px;background-color:#eceef1;color:var(--sx-color-on-surface);padding:var(--sx-spacing-padding1) var(--sx-spacing-padding2);font-size:.75rem;font-weight:500}.is-dark .sx__calendar-header__week-number{background-color:#4a4458}.sx__range-heading{font-size:clamp(16px,1.25rem,24px);max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx__is-calendar-small .sx__range-heading{font-size:16px}.is-list-view .sx__range-heading{display:none}.sx__today-button{padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-calendar-header-input-font-size);color:var(--sx-internal-color-text)}.sx__today-button:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__is-calendar-small .sx__today-button{display:none}.sx__calendar-header .sx__today-button{border:var(--sx-border)}.sx__today-button:hover,.sx__today-button:focus{background-color:var(--sx-internal-color-light-gray)}.is-dark .sx__today-button:hover,.is-dark .sx__today-button:focus{background-color:var(--sx-color-surface-container-low)}.sx__view-selection{position:relative;font-size:var(--sx-calendar-header-input-font-size)}.sx__view-selection-label{position:absolute;top:0;inset-inline-start:12px;padding:0 var(--sx-spacing-padding1);background-color:var(--sx-color-background);font-size:.75rem;color:var(--sx-color-neutral);line-height:1rem;transform:translateY(-50%);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}.is-dark .sx__view-selection-label{display:none}.sx__view-selection-selected-item{background-color:inherit;height:100%;width:fit-content;padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);cursor:pointer;border-radius:var(--sx-rounding-extra-small);border:var(--sx-border);display:flex;align-items:center;gap:var(--sx-spacing-padding2)}.sx__view-selection-selected-item:hover{background-color:var(--sx-internal-color-light-gray)}.is-dark .sx__view-selection-selected-item:hover{background-color:var(--sx-color-surface-container-low)}.sx__view-selection-chevron{width:1rem;height:1rem;pointer-events:none;filter:brightness(.7);transition:transform .2s ease-in-out}.sx__view-selection.is-open .sx__view-selection-chevron{transform:rotate(180deg)}.sx__view-selection-items{position:absolute;top:100%;box-shadow:var(--sx-box-shadow-level3);margin:0;background-color:var(--sx-color-background);z-index:var(--sx-calendar-header-popup-z-index)}.is-dark .sx__view-selection-items{background-color:var(--sx-color-surface-container-high)}.sx__view-selection-item{display:block;width:100%;text-align:inherit;background-color:inherit;padding:var(--sx-spacing-padding4) var(--sx-spacing-padding6);cursor:pointer}.sx__view-selection-item:hover,.sx__view-selection-item:focus{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__view-selection-item.is-selected{background-color:var(--sx-color-surface-dim)}.sx__view-selection-item.is-selected:hover,.sx__view-selection-item.is-selected:focus{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__month-grid-wrapper{display:flex;flex-flow:column;height:100%}.sx__month-grid-week__week-number{display:flex;justify-content:center;padding-top:12px;background-color:#eceef1;color:var(--sx-color-on-surface);width:1.5rem;font-size:.75rem}.is-dark .sx__month-grid-week__week-number{background-color:#4a4458}.sx__month-grid-week{border-top:var(--sx-border);flex:1;display:flex}.sx__month-grid-week:first-child .sx__month-grid-week__week-number{padding-top:26px}.sx__month-grid-day{position:relative;padding:var(--sx-spacing-padding2) 0;flex:1}.sx__month-grid-day:not(:last-child){border-inline-end:var(--sx-border)}.sx__month-grid-day--dragover{background-color:var(--sx-color-surface-container)}.sx__month-grid-day__header{display:flex;flex-flow:column;align-items:center}.sx__month-grid-day__header-day-name{font-size:11px;text-transform:uppercase;color:var(--sx-color-neutral)}.sx__month-grid-day__header-date{font-size:var(--sx-font-extra-small);margin-bottom:var(--sx-spacing-padding1);border-radius:50%;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.sx__month-grid-day__header-date.sx__is-today{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__month-grid-day__events-more{width:calc(100% - 10px);font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral);margin:var(--sx-spacing-padding1) 0;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.sx__month-grid-day__events-more:hover{background-color:var(--sx-color-surface-container);color:var(--sx-color-on-surface)}.sx__month-grid-background-event{position:absolute;top:0;left:0;height:100%;width:100%}.sx__month-grid-day__events{display:grid;grid-gap:4px}.sx__month-grid-cell{height:clamp(20px,1.25rem,24px)}.sx__month-grid-event{position:relative;display:flex;align-items:center;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);font-size:clamp(12px,var(--sx-font-extra-small),14px);overflow:hidden;white-space:nowrap;z-index:1}.sx__month-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}.sx__month-grid-event-time{margin-right:4px}.sx__month-grid-blocker{pointer-events:none}.sx__month-agenda-week{display:flex}.sx__month-agenda-week:not(:first-child){border-top:var(--sx-border)}.sx__month-agenda-week__week-number{text-align:center;background-color:#eceef1;color:var(--sx-color-on-surface);width:1.5rem;font-size:.75rem;padding-top:9px}.is-dark .sx__month-agenda-week__week-number{background-color:#4a4458}.sx__month-agenda-day{padding:var(--sx-spacing-padding2);flex:1;display:flex;flex-flow:column;align-items:center;height:3rem;border-radius:var(--sx-rounding-extra-small);color:var(--sx-internal-color-text)}.sx__month-agenda-day--active{box-shadow:inset 0 0 0 3px var(--sx-color-primary)}.sx__month-agenda-day__event-icons{margin-top:4px;display:flex;grid-gap:3px}.sx__month-agenda-day__event-icon{height:6px;width:6px;border-radius:50%;filter:brightness(1.6)}.is-dark .sx__month-agenda-day__event-icon{filter:initial}.sx__month-agenda-day-names{display:flex;padding:var(--sx-spacing-padding2) 0;font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral)}.sx__month-agenda-day-names.sx__has-week-numbers{padding-inline-start:1.5rem}.sx__month-agenda-day-name{flex:1;display:flex;justify-content:center}.sx__month-agenda-events{padding:0 var(--sx-spacing-padding2)}.sx__month-agenda-event{padding:var(--sx-spacing-padding2);margin-bottom:var(--sx-spacing-padding2);border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-font-small)}.sx__month-agenda-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}.sx__month-agenda-event:first-child{margin-top:var(--sx-spacing-padding2)}.sx__month-agenda-event__title{font-weight:600}.sx__month-agenda-event__has-icon{display:flex;align-items:center}.sx__month-agenda-events__empty{margin-top:var(--sx-spacing-padding4);display:flex;justify-content:center}.sx__week-agenda-header{position:sticky;top:0;z-index:1;background-color:var(--sx-color-background)}.sx__week-wrapper{position:relative}.sx__week-grid{position:relative;padding-left:var(--sx-calendar-week-grid-padding-left);display:flex;height:var(--sx-week-grid-height);overflow:hidden}.sx__week-header{position:sticky;top:0;z-index:var(--sx-z-index-week-header);background-color:var(--sx-color-background)}.sx__week-header-content{position:relative}.sx__week-header-border{position:absolute;width:100%;bottom:0;border-bottom:var(--sx-border);border-left:250px solid transparent}.sx__list-wrapper{padding:0;background-color:var(--sx-color-background);height:100%;overflow-y:auto;position:relative;scroll-behavior:smooth}.sx__list-day{padding:0;background-color:var(--sx-color-background);will-change:opacity;transform:translateZ(0)}.sx__list-day-header{padding:var(--sx-spacing-padding2) var(--sx-spacing-padding4);background-color:var(--sx-color-surface-container-low);position:sticky;top:0;z-index:1}.sx__list-day-date{font-size:var(--sx-font-extra-small);font-weight:600;color:var(--sx-color-neutral);text-transform:uppercase;letter-spacing:.5px}.sx__list-day-events{padding:0 16px;background:var(--sx-color-background)}.sx__list-event{padding:.75rem 0;display:flex;align-items:flex-start;gap:.75rem}.sx__list-event:not(:first-child){border-top:var(--sx-border)}.sx__list-event-color-line{width:3px;height:24px;border-radius:2px;flex-shrink:0}.sx__list-event-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.sx__list-event-title{font-size:1em;color:var(--sx-color-on-background);flex:1}.sx__list-event-times{display:flex;flex-direction:column;align-items:flex-end;min-width:80px;gap:2px}.sx__list-event-start-time{font-size:.85em;color:var(--sx-color-on-background)}.sx__list-event-end-time{font-size:.85em;color:var(--sx-color-neutral)}.sx__list-event-arrow{font-size:.85em;color:var(--sx-color-neutral);line-height:1}.sx__list-event-all-day{font-size:.85em;color:var(--sx-color-neutral)}.sx__list-day-margin{height:16px}.sx__list-no-events{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sx-color-neutral);font-size:var(--sx-font-extra-small);text-align:center}.sx__week-grid__time-axis{display:flex;flex-flow:column;position:absolute;right:0;top:var(--sx-week-grid-offset-top);width:calc(100% - 60px)}.sx__week-grid__hour{position:relative;height:var(--sx-week-grid-hour-height);border-top:var(--sx-border);font-size:var(--sx-font-extra-small)}.sx__week-grid__hour:first-child{visibility:hidden}.sx__week-grid__hour-text{position:absolute;left:-43px;top:-.75em;color:var(--sx-color-neutral)}.sx__time-grid-day{position:relative;width:100%;height:100%;border-left:var(--sx-border)}.sx__week-grid__date-axis{padding-left:var(--sx-calendar-week-grid-padding-left);display:flex}.sx__week-grid__date{flex:1;display:flex;flex-flow:column;align-items:center;padding:var(--sx-spacing-padding3) 0;gap:var(--sx-spacing-padding1)}.sx__week-grid__day-name{text-transform:uppercase;font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral);font-weight:500}.sx__week-grid__date--is-today .sx__week-grid__day-name{color:var(--sx-color-primary);font-weight:700}.sx__week-grid__date-number{display:flex;align-items:center;justify-content:center;font-size:var(--sx-font-extra-large);font-weight:500;color:var(--sx-color-neutral);height:2em;width:2em}.sx__week-grid__date--is-today .sx__week-grid__date-number{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary);border-radius:50%}.sx__time-grid-event{width:calc(100% - 10px);padding:var(--sx-spacing-padding1);position:absolute;border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-font-extra-small);overflow:hidden;-webkit-user-select:none;user-select:none}.sx__time-grid-event.is-event-copy{opacity:.5;box-shadow:var(--sx-box-shadow-level3);z-index:1;transition:transform .15s ease-in-out}.sx__time-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}[data-has-dnd=true] .sx__time-grid-event{touch-action:none}.sx__is-resizing .sx__time-grid-event:has(+.is-event-copy){opacity:0}.sx__is-resizing .is-event-copy{opacity:1}.sx__time-grid-event-inner{position:relative;height:100%}.sx__time-grid-event-resize-handle{display:block;position:absolute;width:100%;bottom:0;cursor:ns-resize;height:clamp(10px,20px,50%);touch-action:none}.sx__time-grid-event-title{font-weight:600}.sx__time-grid-event-time,.sx__time-grid-event-people,.sx__time-grid-event-location{display:flex;align-items:center;white-space:nowrap}.sx__title-and-time-compact{display:flex;align-items:center;gap:var(--sx-spacing-padding2)}.sx__title-and-time-compact .sx__time-grid-event-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx__title-and-time-compact .sx__time-grid-event-time{flex-shrink:0}.sx__event-icon{min-width:15px;min-height:15px;max-width:15px;max-height:15px;margin-inline-end:var(--sx-spacing-padding2)}.sx__date-grid{display:flex;padding-left:var(--sx-calendar-week-grid-padding-left)}.sx__date-grid-day{position:relative;width:100%;display:grid;grid-gap:2px}.sx__date-grid-day .sx__spacer{display:var(--sx-draw-plugin-spacer-display, none);height:var(--sx-draw-plugin-spacer)}.sx__date-grid-event{z-index:1;position:relative;display:flex;align-items:center;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);font-size:clamp(12px,var(--sx-font-extra-small),14px);font-weight:600;-webkit-user-select:none;user-select:none}.sx__date-grid-event:has(.sx__date-grid-event--left-overflow){margin-left:10px}.sx__date-grid-event:has(.sx__date-grid-event--right-overflow){margin-right:10px}.sx__date-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}@keyframes sx-grow-event{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sx__date-grid-event .sx__date-grid-event--left-overflow{position:absolute;z-index:1;width:10px;height:100%;left:-10px;clip-path:polygon(100% 0,0 50%,100% 100%,100% 0)}.sx__date-grid-event .sx__date-grid-event--right-overflow{position:absolute;z-index:1;width:10px;height:100%;right:-10px;clip-path:polygon(0 0,100% 50%,0 100%,0 0)}.sx__date-grid-event.sx__date-grid-event--copy{z-index:2;box-shadow:var(--sx-box-shadow-level3);transition-property:transform,width;transition-duration:.15s;transition-timing-function:ease-in-out}.sx__date-grid-event-text{width:calc(100% - var(--sx-spacing-padding1) * 2);left:var(--sx-spacing-padding1);position:absolute;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.sx__date-grid-event-text .sx__date-grid-event-time{font-weight:initial}.sx__date-grid-cell{height:clamp(20px,1.25rem,24px)}.sx__date-grid-event-resize-handle{position:absolute;right:0;height:100%;width:clamp(10px,15px,50%);cursor:ew-resize;z-index:1;touch-action:none}[dir=rtl] .sx__date-grid-event-resize-handle{left:0;right:auto}.sx__date-grid-background-event{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1}:root{--sx-week-grid-height: 0;--sx-time-axis-height: 0;--sx-week-grid-hour-height: 0;--sx-week-grid-offset-top: 0}.sx__event-modal{visibility:hidden;position:fixed;top:var(--sx-event-modal-top);left:var(--sx-event-modal-left);width:400px;max-width:100%;height:fit-content;background-color:var(--sx-color-background);z-index:var(--sx-z-index-event-modal)}.sx__event-modal.is-open{animation:slide-sideways;animation-duration:.3s;visibility:initial}.is-dark .sx__event-modal{background-color:var(--sx-color-surface-container-high)}.sx__event-modal-default{padding:var(--sx-spacing-padding6);background-color:var(--sx-color-background);box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003;border-radius:var(--sx-rounding-small);max-height:250px;overflow-y:scroll}@keyframes slide-sideways{0%{opacity:0;transform:translate(var(--sx-event-modal-animation-start))}to{transform:translate(0);opacity:1}}.sx__event-modal .sx__event-icon{min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin-inline-end:var(--sx-spacing-padding2)}.sx__event-modal__color-icon{display:inline-block;width:16px;height:16px;border-radius:25%;margin-inline-end:var(--sx-spacing-padding3)}.sx__has-icon{display:grid;align-items:flex-start;grid-template-columns:30px 1fr;margin-bottom:var(--sx-spacing-padding2)}.sx__has-icon .sx__event-icon{margin-top:2px}.sx__has-icon .sx__event-modal__color-icon{margin-top:4px}.sx__event-modal__title{font-size:var(--sx-font-large)}.sx__event-modal__time{font-size:var(--sx-font-small)}.sx__current-time-indicator{position:absolute;left:0;right:0;height:2px;background-color:red;z-index:0}.sx__current-time-indicator:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background-color:red}.sx__current-time-indicator-full-week{width:calc(100% - var(--sx-calendar-week-grid-padding-left));position:absolute;inset:0 0 0 var(--sx-calendar-week-grid-padding-left);height:2px;background-color:#ff000061}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}:root{--color-main-blue-primary: #22205f;--color-main-orange-primary: #f66a24;--color-main-grey: #605f60;--color-main-alternative: #bf5f60;--color-main-alternative-secondary: #f2f2f2;--color-main-positive-state: #01d42f;--color-main-warning-state: #d93235;--color-main-yellow-primary: #faca4a;--color-main-white: #ffffff;--color-main-black: #000000;--color-main-light-borders: #f1f5f7;--color-main-input-borders: rgba(96, 95, 96, .7);--color-main-light-background: #f1f5f7;--color-dark-100: #e8e8e8;--color-dark-200: #d1d1d1;--color-dark-300: #a2a3a3;--color-dark-400: #747476;--color-dark-500: #454648;--color-dark-550: #2f3032;--color-dark-600: #17181a;--color-dark-700: #121315;--color-dark-800: #0e0e10;--color-dark-900: #090a0a;--color-light-100: #ffffff;--color-light-200: #f1f5f7;--color-light-300: #d9e1e7;--color-light-400: #b3c5d4;--color-light-500: #99b2c6;--color-light-600: #809fb8;--color-light-700: #667f93;--color-light-800: #4d5f6e;--color-light-900: #33404a;--color-light-1000: #1a2025;--color-blue-100: #c0b6fe;--color-blue-200: #816dfd;--color-blue-300: #4324fc;--color-blue-400: #2003d3;--color-blue-500: #15028a;--color-blue-600: #0a0141;--color-blue-700: #09013a;--color-blue-800: #080134;--color-blue-900: #07012d;--color-blue-1000: #060127;--color-red-100: #f8bdbe;--color-red-200: #f59c9e;--color-red-300: #f17c7e;--color-red-400: #ed5b5d;--color-red-500: #ea3a3d;--color-red-600: #bc1417;--color-red-700: #bc1417;--color-red-800: #971012;--color-red-900: #710c0e;--color-red-1000: #4b0809;--color-orange-100: #fee6db;--color-orange-200: #fccdb6;--color-orange-300: #fab592;--color-orange-400: #f99c6d;--color-orange-500: #f88349;--color-orange-700: #d94e09;--color-orange-800: #a33b07;--color-orange-900: #6c2704;--color-orange-1000: #361402;--color-yellow-100: #fffaed;--color-yellow-200: #fef4db;--color-yellow-300: #fdeab7;--color-yellow-400: #fcdf92;--color-yellow-500: #fbd56e;--color-yellow-600: #faca4a;--color-yellow-700: #c8a23b;--color-yellow-800: #96792c;--color-yellow-900: #64511e;--color-yellow-1000: #32280f;--color-green-100: #ceffd8;--color-green-200: #9cffb2;--color-green-300: #6bfe8b;--color-green-400: #3afe65;--color-green-500: #09fe3e;--color-green-600: #01d42f;--color-green-700: #01aa26;--color-green-800: #017f1c;--color-green-900: #005513;--color-green-1000: #002a09;--color-purple-100: #e0ddf1;--color-purple-200: #c0bae4;--color-purple-300: #a198d6;--color-purple-400: #8276c9;--color-purple-500: #6353bb;--color-purple-600: #4d3fa0;--color-purple-700: #3d327d;--color-purple-800: #2c245b;--color-purple-900: #231d49;--color-purple-1000: #1a1637;--border-radius-button: 1.875rem;--border-radius-secondary-button: .625rem;--border-radius-card: 1.25rem;--border-radius-article: .875rem;--border-radius-outline: .5rem;--shadow-black-card: 0 1.25rem 2.5rem 0 rgba(0, 0, 0, .15);--shadow-hover-black-card: 0 1.875rem 3.75rem 0 rgba(0, 0, 0, .35);--shadow-black-button: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .15);--shadow-hover-black-button: 0 .9375rem 1.875rem 0 rgba(0, 0, 0, .25);--shadow-hover-orange-button: 0 .9375rem 1.875rem 0 #fab592;--shadow-hover-elegant-button: 0 4px 16px 0 rgba(246, 106, 36, .35);--border-input: 1px solid rgba(96, 95, 96, .7);--border-input-disabled: 1px solid #d1d1d1;--border-input-error: 1px solid #ea3a3d;--border-input-focus: 1px solid #22205f}:root{--background: var(--color-main-white);--foreground: var(--color-light-1000);--primary: var(--color-main-blue-primary);--primary-foreground: var(--color-main-white);--secondary: var(--color-main-orange-primary);--secondary-foreground: var(--color-main-white);--destructive: var(--color-main-warning-state);--destructive-foreground: var(--color-main-white);--muted: var(--color-main-alternative-secondary);--muted-foreground: var(--color-main-grey);--accent: var(--color-purple-100);--accent-foreground: var(--color-main-blue-primary);--card: var(--color-main-white);--card-foreground: var(--color-light-1000);--popover: var(--color-main-white);--popover-foreground: var(--color-light-1000);--border: var(--color-main-light-borders);--input: var(--color-main-input-borders);--ring: var(--color-main-blue-primary);--radius: var(--border-radius-outline)}@source "./main.js";@custom-variant dark (&:is(.dark *));@custom-variant data-horizontal (&[data-orientation="horizontal"]);@custom-variant data-vertical (&[data-orientation="vertical"]);@custom-variant data-disabled (&[data-disabled]);@custom-variant data-inset (&[data-inset]);@custom-variant data-placeholder (&[data-placeholder]);@custom-variant data-popup-open (&[data-popup-open]);@font-face{font-family:Dax;src:url(https://dibt9vplwriap.cloudfront.net/dax-regular/dax-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(https://dibt9vplwriap.cloudfront.net/Dax-Bold/Dax-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueUltraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueUltraLightItalic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueThin.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueThinItalic.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueLight.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueLightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueRoman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueMedium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueMediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueHeavy.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueHeavyItalic.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBlack.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBlackItalic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@theme inline{ --color-main-blue-primary: var(--color-main-blue-primary); --color-main-orange-primary: var(--color-main-orange-primary); --color-main-grey: var(--color-main-grey); --color-main-alternative: var(--color-main-alternative); --color-main-alternative-secondary: var(--color-main-alternative-secondary); --color-main-positive-state: var(--color-main-positive-state); --color-main-warning-state: var(--color-main-warning-state); --color-main-yellow-primary: var(--color-main-yellow-primary); --color-main-white: var(--color-main-white); --color-main-black: var(--color-main-black); --color-main-light-borders: var(--color-main-light-borders); --color-main-input-borders: var(--color-main-input-borders); --color-dark-100: var(--color-dark-100); --color-dark-200: var(--color-dark-200); --color-dark-300: var(--color-dark-300); --color-dark-400: var(--color-dark-400); --color-dark-500: var(--color-dark-500); --color-dark-600: var(--color-dark-600); --color-dark-700: var(--color-dark-700); --color-dark-800: var(--color-dark-800); --color-dark-900: var(--color-dark-900); --color-light-100: var(--color-light-100); --color-light-200: var(--color-light-200); --color-light-300: var(--color-light-300); --color-light-400: var(--color-light-400); --color-light-500: var(--color-light-500); --color-light-600: var(--color-light-600); --color-light-700: var(--color-light-700); --color-light-800: var(--color-light-800); --color-light-900: var(--color-light-900); --color-light-1000: var(--color-light-1000); --color-blue-100: var(--color-blue-100); --color-blue-200: var(--color-blue-200); --color-blue-300: var(--color-blue-300); --color-blue-400: var(--color-blue-400); --color-blue-500: var(--color-blue-500); --color-blue-600: var(--color-blue-600); --color-blue-700: var(--color-blue-700); --color-blue-800: var(--color-blue-800); --color-blue-900: var(--color-blue-900); --color-blue-1000: var(--color-blue-1000); --color-red-100: var(--color-red-100); --color-red-200: var(--color-red-200); --color-red-300: var(--color-red-300); --color-red-400: var(--color-red-400); --color-red-500: var(--color-red-500); --color-red-600: var(--color-red-600); --color-red-700: var(--color-red-700); --color-red-800: var(--color-red-800); --color-red-900: var(--color-red-900); --color-red-1000: var(--color-red-1000); --color-orange-100: var(--color-orange-100); --color-orange-200: var(--color-orange-200); --color-orange-300: var(--color-orange-300); --color-orange-400: var(--color-orange-400); --color-orange-500: var(--color-orange-500); --color-orange-700: var(--color-orange-700); --color-orange-800: var(--color-orange-800); --color-orange-900: var(--color-orange-900); --color-orange-1000: var(--color-orange-1000); --color-yellow-100: var(--color-yellow-100); --color-yellow-200: var(--color-yellow-200); --color-yellow-300: var(--color-yellow-300); --color-yellow-400: var(--color-yellow-400); --color-yellow-500: var(--color-yellow-500); --color-yellow-600: var(--color-yellow-600); --color-yellow-700: var(--color-yellow-700); --color-yellow-800: var(--color-yellow-800); --color-yellow-900: var(--color-yellow-900); --color-yellow-1000: var(--color-yellow-1000); --color-green-100: var(--color-green-100); --color-green-200: var(--color-green-200); --color-green-300: var(--color-green-300); --color-green-400: var(--color-green-400); --color-green-500: var(--color-green-500); --color-green-600: var(--color-green-600); --color-green-700: var(--color-green-700); --color-green-800: var(--color-green-800); --color-green-900: var(--color-green-900); --color-green-1000: var(--color-green-1000); --color-purple-100: var(--color-purple-100); --color-purple-200: var(--color-purple-200); --color-purple-300: var(--color-purple-300); --color-purple-400: var(--color-purple-400); --color-purple-500: var(--color-purple-500); --color-purple-600: var(--color-purple-600); --color-purple-700: var(--color-purple-700); --color-purple-800: var(--color-purple-800); --color-purple-900: var(--color-purple-900); --color-purple-1000: var(--color-purple-1000); --border-radius-button: var(--border-radius-button); --border-radius-secondary-button: var(--border-radius-secondary-button); --border-radius-card: var(--border-radius-card); --border-radius-article: var(--border-radius-article); --border-radius-outline: var(--border-radius-outline); --shadow-black-card: var(--shadow-black-card); --shadow-hover-black-card: var(--shadow-hover-black-card); --shadow-black-button: var(--shadow-black-button); --shadow-hover-black-button: var(--shadow-hover-black-button); --shadow-hover-orange-button: var(--shadow-hover-orange-button); --font-heading: "Dax", sans-serif; --font-sans: "Helvetica Neue", "Inter Variable", sans-serif; --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive: var(--destructive); --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --color-foreground: var(--foreground); --color-background: var(--background); --radius-sm: calc(var(--radius) * .6); --radius-md: calc(var(--radius) * .8); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.4); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2); --radius-4xl: calc(var(--radius) * 2.6); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }:root{--chart-1: oklch(.87 0 0);--chart-2: oklch(.556 0 0);--chart-3: oklch(.439 0 0);--chart-4: oklch(.371 0 0);--chart-5: oklch(.269 0 0);--sidebar: var(--color-main-white);--sidebar-foreground: var(--color-main-blue-primary);--sidebar-primary: var(--color-main-blue-primary);--sidebar-primary-foreground: var(--color-main-white);--sidebar-accent: var(--color-main-light-background);--sidebar-accent-foreground: var(--color-main-blue-primary);--sidebar-border: var(--color-main-light-borders);--sidebar-ring: var(--color-main-orange-primary)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@layer base{*,:before,:after{border-color:var(--color-border, currentColor)}}@supports (scrollbar-gutter: stable){html{scrollbar-gutter:stable}html body[data-scroll-locked]{margin-right:0!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-main-orange-primary) #f1f1f1}*::-webkit-scrollbar{width:.5rem}*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}*::-webkit-scrollbar-thumb{background:var(--color-main-orange-primary);border-radius:.625rem}*::-webkit-scrollbar-thumb:hover{background:var(--color-main-orange-primary)}.my-toast{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:176.782%;border:none!important;box-shadow:var(--shadow-black-card);border-radius:var(--border-radius-article)!important}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,var(--color-main-positive-state) 0%,var(--color-green-200) 100%)!important;color:var(--color-main-white)!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,var(--color-main-warning-state) 0%,var(--color-red-300) 100%)!important;color:var(--color-main-white)!important}[data-sonner-toaster]{bottom:6rem!important}[data-sonner-toaster][data-position=bottom-center]{transform:translateY(-3rem)!important}
|
|
1
|
+
.sx__calendar-wrapper ul,.sx__date-picker-wrapper ul,.sx__date-picker-popup ul{list-style:none;padding:0}.sx__calendar-wrapper input,.sx__calendar-wrapper button,.sx__date-picker-wrapper input,.sx__date-picker-wrapper button,.sx__date-picker-popup input,.sx__date-picker-popup button{font-family:inherit;outline:none}.sx__button{background-color:inherit;outline:0;border:none;cursor:pointer}:root{--sx-color-primary: #6750a4;--sx-color-on-primary: #fff;--sx-color-primary-container: #eaddff;--sx-color-on-primary-container: #21005e;--sx-color-secondary: #625b71;--sx-color-on-secondary: #fff;--sx-color-secondary-container: #e8def8;--sx-color-on-secondary-container: #1e192b;--sx-color-tertiary: #7d5260;--sx-color-on-tertiary: #fff;--sx-color-tertiary-container: #ffd8e4;--sx-color-on-tertiary-container: #370b1e;--sx-color-surface: #fef7ff;--sx-color-surface-dim: #ded8e1;--sx-color-surface-bright: #fef7ff;--sx-color-on-surface: #1c1b1f;--sx-color-surface-container: #f3edf7;--sx-color-surface-container-low: #f7f2fa;--sx-color-surface-container-high: #ece6f0;--sx-color-background: #fff;--sx-color-on-background: #1c1b1f;--sx-color-outline: #79747e;--sx-color-outline-variant: #c4c7c5;--sx-color-shadow: #000;--sx-color-surface-tint: #6750a4;--sx-color-neutral: var(--sx-color-outline);--sx-color-neutral-variant: var(--sx-color-outline-variant);--sx-internal-color-gray-ripple-background: #e0e0e0;--sx-internal-color-light-gray: #fafafa;--sx-internal-color-text: #000}.is-dark{--sx-color-primary: #d0bcff;--sx-color-on-primary: #371e73;--sx-color-primary-container: #4f378b;--sx-color-on-primary-container: #eaddff;--sx-color-secondary: #ccc2dc;--sx-color-on-secondary: #332d41;--sx-color-secondary-container: #4a4458;--sx-color-on-secondary-container: #e8def8;--sx-color-tertiary: #efb8c8;--sx-color-on-tertiary: #492532;--sx-color-tertiary-container: #633b48;--sx-color-on-tertiary-container: #ffd8e4;--sx-color-surface: #141218;--sx-color-surface-dim: #141218;--sx-color-surface-bright: #3b383e;--sx-color-on-surface: #e6e1e5;--sx-color-surface-container: #211f26;--sx-color-surface-container-low: #1d1b20;--sx-color-surface-container-high: #2b2930;--sx-color-background: #141218;--sx-color-on-background: #e6e1e5;--sx-color-outline: #938f99;--sx-color-outline-variant: #444746;--sx-color-shadow: #000;--sx-color-surface-tint: #d0bcff;--sx-internal-color-text: #fff}:root{--sx-spacing-padding1: 4px;--sx-spacing-padding2: 8px;--sx-spacing-padding3: 12px;--sx-spacing-padding4: 16px;--sx-spacing-padding6: 24px;--sx-spacing-modal-padding: 16px}:root{--sx-box-shadow-level3: 0 3px 6px 0 rgb(0 0 0 / 16%), 0 3px 6px 0 rgb(0 0 0 / 23%);--sx-rounding-extra-small: 4px;--sx-rounding-small: 8px;--sx-rounding-extra-large: 28px;--sx-border: 1px solid var(--sx-color-outline-variant)}.is-dark{--sx-border: 1px solid var(--sx-color-outline-variant)}:root{--sx-font-small: .875rem;--sx-font-extra-small: .75rem;--sx-font-large: 1.125rem;--sx-font-extra-large: 1.25rem}:root{--sx-z-index-week-header: 100;--sx-z-index-event-modal: 101;--sx-calendar-header-popup-z-index: 102}@keyframes sx-ripple{0%{width:0;height:0;opacity:.16}40%{width:100px;height:100px;opacity:.08}to{width:150px;height:150px;opacity:0}}.sx__ripple{position:relative;overflow:hidden}.sx__ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;background-color:currentcolor;opacity:.1;visibility:hidden;z-index:2}.sx__ripple:active:before{visibility:visible}.sx__ripple:not(:active):before{animation:sx-ripple .75s cubic-bezier(0,.1,.8,1);transition:visibility .75s step-end}@keyframes sx-ripple-wide{0%{width:0;height:0;opacity:.16}40%{width:300px;height:100px;opacity:.08}to{width:450px;height:150px;opacity:0}}.sx__ripple--wide{position:relative;overflow:hidden}.sx__ripple--wide:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;background-color:currentcolor;opacity:.1;visibility:hidden;z-index:2}.sx__ripple--wide:active:before{visibility:visible}.sx__ripple--wide:before{border-radius:var(--sx-rounding-small)}.sx__ripple--wide:not(:active):before{animation:sx-ripple-wide .75s cubic-bezier(0,.1,.8,1);transition:visibility .75s step-end}.sx__chevron-wrapper{position:relative;border-radius:50%;min-height:48px;min-width:48px;cursor:pointer;transition:background-color .2s ease-in-out;font-size:0}.sx__chevron-wrapper:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__chevron-wrapper:disabled{cursor:not-allowed;opacity:.5}.sx__chevron-wrapper:hover,.sx__chevron-wrapper:focus{background-color:var(--sx-color-surface-dim)}.is-dark .sx__chevron-wrapper:hover,.is-dark .sx__chevron-wrapper:focus{background-color:var(--sx-color-surface-container-high)}.sx__chevron-wrapper .sx__chevron{position:absolute;top:50%;width:.6rem;height:.6rem;border-width:.2rem .2rem 0 0;border-style:solid;border-color:var(--sx-internal-color-text)}.sx__chevron--previous{left:calc(50% + .125rem);transform:translate(-50%,-50%) rotate(225deg)}[dir=rtl] .sx__chevron--previous,.sx__chevron--next{left:calc(50% - .125rem);transform:translate(-50%,-50%) rotate(45deg)}[dir=rtl] .sx__chevron--next{left:calc(50% + .125rem);transform:translate(-50%,-50%) rotate(225deg)}.sx__date-picker-wrapper{position:relative;color:var(--sx-color-on-background);width:fit-content}.sx__date-picker-wrapper.has-full-width{width:100%}.sx__date-picker-wrapper.is-disabled{opacity:.5;cursor:not-allowed}.sx__date-picker-wrapper *{color:var(--sx-color-on-background);box-sizing:border-box}.sx__date-input-wrapper{position:relative}.sx__date-input-chevron-wrapper{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;align-items:center;padding:0;transition:transform .2s ease-in-out}.sx__date-input-chevron-wrapper:focus{border:2px solid var(--sx-color-primary)}.is-disabled .sx__date-input-chevron-wrapper{pointer-events:none;cursor:not-allowed}.sx__date-input--active .sx__date-input-chevron-wrapper{transform:translateY(-50%) rotate(180deg)}[dir=rtl] .sx__date-input-chevron-wrapper{left:1rem;right:auto}.sx__date-input-chevron{width:1rem;height:1rem;pointer-events:none;filter:brightness(.7)}.sx__date-input{font-size:1rem;padding:var(--sx-spacing-padding4);border:var(--sx-border);border-radius:var(--sx-rounding-extra-small);cursor:pointer;background-color:var(--sx-color-background);width:100%}.is-disabled .sx__date-input{pointer-events:none}.sx__date-input--active .sx__date-input{border-color:var(--sx-color-primary);outline:1px solid var(--sx-color-primary)}.sx__date-input-label{position:absolute;top:0;inset-inline-start:12px;padding:0 var(--sx-spacing-padding1);background-color:var(--sx-color-background);font-size:.75rem;color:var(--sx-color-neutral);line-height:1rem;transform:translateY(-50%);transition:transform .2s ease-in-out;pointer-events:none}.sx__date-input--active .sx__date-input-label{color:var(--sx-color-primary)}.is-dark .sx__date-input-label{display:none}.sx__date-picker-popup{position:absolute;height:fit-content;z-index:1;top:calc(100% + 1px);width:20.75rem;max-width:500px;max-height:400px;overflow:scroll;box-shadow:var(--sx-box-shadow-level3);padding:var(--sx-spacing-modal-padding);background-color:var(--sx-color-background);color:var(--sx-internal-color-text)}.sx__date-picker-popup.is-dark{background-color:var(--sx-color-surface-container-high)}.sx__date-picker-popup.bottom-end{left:auto;right:0;transform:translate(0)}.sx__date-picker-popup.bottom-end[dir=rtl]{right:auto;left:0;transform:translate(0)}.sx__date-picker-popup.bottom-start{left:0;right:auto;transform:translate(0)}.sx__date-picker-popup.bottom-start[dir=rtl]{left:auto;right:0;transform:translate(0)}.sx__date-picker-popup.top-start{inset:auto auto calc(100% + 1rem) 0;transform:translate(0)}.sx__date-picker-popup.top-end{inset:auto 0 calc(100% + 1rem) auto;transform:translate(0)}.sx__date-picker__years-view{margin:0}.sx__date-picker__years-accordion__expand-button{width:100%;border-radius:0;background-color:transparent;font-size:1rem;padding:1em;transition:background-color .2s ease-in-out;color:var(--sx-internal-color-text)}.sx__is-expanded .sx__date-picker__years-accordion__expand-button{background-color:var(--sx-color-surface-container)}.sx__date-picker__years-accordion__expand-button:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__years-accordion__expand-button:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__date-picker__years-view-accordion__panel{display:flex;flex-wrap:wrap}.sx__date-picker__years-view-accordion__month{flex:1 0 33.3333%;background-color:transparent;border:0;font-size:.9rem;padding:.5em 0;border-radius:25px;color:var(--sx-internal-color-text)}.sx__date-picker__years-view-accordion__month:hover{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__date-picker__day-names{display:flex;width:100%;justify-content:space-evenly;margin-bottom:.5em}.sx__date-picker__day-names .sx__date-picker__day,.sx__date-picker__day-names .sx__date-picker__day-name{flex:1;text-align:center}.sx__date-picker__day-name{font-weight:700;color:var(--sx-color-neutral-variant)}.sx__date-picker__month-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.sx__date-picker__month-view-header .sx__chevron-wrapper:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__month-view-header__month-year{font-size:1.5rem;font-weight:300;color:var(--sx-internal-color-text)}.sx__date-picker__month-view-header__month-year:hover{color:var(--sx-color-primary);text-decoration:underline}.sx__date-picker__week{display:flex;width:100%;justify-content:space-evenly;margin-bottom:.5em}.sx__date-picker__week .sx__date-picker__day,.sx__date-picker__week .sx__date-picker__day-name{flex:1;text-align:center}.sx__date-picker__day{background-color:transparent;border-radius:50%;width:2.5rem;height:2.5rem;color:var(--sx-internal-color-text)}.sx__date-picker__day:hover{background-color:var(--sx-color-surface-dim)}.sx__date-picker__day:focus{outline-offset:-2px;outline:2px solid var(--sx-color-primary)}.sx__date-picker__day:disabled{color:var(--sx-color-neutral-variant);cursor:not-allowed}.sx__date-picker__day.is-leading-or-trailing{color:var(--sx-color-neutral-variant)}.sx__date-picker__day.sx__date-picker__day--selected{background-color:var(--sx-color-primary-container);color:var(--sx-color-on-primary-container)}.sx__date-picker__day.sx__date-picker__day--today{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}:root{--sx-calendar-header-input-font-size: clamp(12px, .875rem, 28px);--sx-calendar-week-grid-padding-left: 75px}:root .sx__date-picker-popup.is-teleported{z-index:3}.sx__calendar-wrapper{height:100%;display:flex;color:var(--sx-internal-color-text)}.sx__calendar-wrapper *{box-sizing:border-box}.sx__calendar{position:relative;flex:1;height:100%;border:var(--sx-border);border-radius:var(--sx-rounding-small);display:flex;flex-flow:column;background-color:var(--sx-color-background);overflow:hidden}.sx__view-container{position:relative;flex:1;overflow-y:auto;scroll-behavior:smooth}.sx__slide-left{animation:sx-slide-left .3s ease-out}@keyframes sx-slide-left{0%{transform:translate(8%);filter:blur(.25rem);opacity:.1}to{transform:translate(0);filter:blur(0);opacity:1}}.sx__slide-right{animation:sx-slide-right .3s ease-out}@keyframes sx-slide-right{0%{transform:translate(-8%);filter:blur(.25rem);opacity:.1}to{transform:translate(0);filter:blur(0);opacity:1}}.sx__calendar-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sx-spacing-padding4);gap:var(--sx-spacing-padding4);flex-wrap:wrap}.sx__calendar-header .sx__date-input{padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);font-size:var(--sx-calendar-header-input-font-size)}.sx__calendar-header .sx__date-picker-popup{z-index:var(--sx-calendar-header-popup-z-index)}.sx__calendar-header-content{display:flex;align-items:center;gap:var(--sx-spacing-padding4);flex-wrap:wrap;min-width:0}.sx__forward-backward-navigation{height:45px}.sx__is-calendar-small .sx__forward-backward-navigation,.is-list-view .sx__forward-backward-navigation{display:none}.sx__calendar-header__week-number{border-radius:4px;background-color:#eceef1;color:var(--sx-color-on-surface);padding:var(--sx-spacing-padding1) var(--sx-spacing-padding2);font-size:.75rem;font-weight:500}.is-dark .sx__calendar-header__week-number{background-color:#4a4458}.sx__range-heading{font-size:clamp(16px,1.25rem,24px);max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx__is-calendar-small .sx__range-heading{font-size:16px}.is-list-view .sx__range-heading{display:none}.sx__today-button{padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-calendar-header-input-font-size);color:var(--sx-internal-color-text)}.sx__today-button:active{background-color:var(--sx-internal-color-gray-ripple-background)}.sx__is-calendar-small .sx__today-button{display:none}.sx__calendar-header .sx__today-button{border:var(--sx-border)}.sx__today-button:hover,.sx__today-button:focus{background-color:var(--sx-internal-color-light-gray)}.is-dark .sx__today-button:hover,.is-dark .sx__today-button:focus{background-color:var(--sx-color-surface-container-low)}.sx__view-selection{position:relative;font-size:var(--sx-calendar-header-input-font-size)}.sx__view-selection-label{position:absolute;top:0;inset-inline-start:12px;padding:0 var(--sx-spacing-padding1);background-color:var(--sx-color-background);font-size:.75rem;color:var(--sx-color-neutral);line-height:1rem;transform:translateY(-50%);transition:transform .2s ease-in-out;pointer-events:none;z-index:1}.is-dark .sx__view-selection-label{display:none}.sx__view-selection-selected-item{background-color:inherit;height:100%;width:fit-content;padding:var(--sx-spacing-padding3) var(--sx-spacing-padding4);cursor:pointer;border-radius:var(--sx-rounding-extra-small);border:var(--sx-border);display:flex;align-items:center;gap:var(--sx-spacing-padding2)}.sx__view-selection-selected-item:hover{background-color:var(--sx-internal-color-light-gray)}.is-dark .sx__view-selection-selected-item:hover{background-color:var(--sx-color-surface-container-low)}.sx__view-selection-chevron{width:1rem;height:1rem;pointer-events:none;filter:brightness(.7);transition:transform .2s ease-in-out}.sx__view-selection.is-open .sx__view-selection-chevron{transform:rotate(180deg)}.sx__view-selection-items{position:absolute;top:100%;box-shadow:var(--sx-box-shadow-level3);margin:0;background-color:var(--sx-color-background);z-index:var(--sx-calendar-header-popup-z-index)}.is-dark .sx__view-selection-items{background-color:var(--sx-color-surface-container-high)}.sx__view-selection-item{display:block;width:100%;text-align:inherit;background-color:inherit;padding:var(--sx-spacing-padding4) var(--sx-spacing-padding6);cursor:pointer}.sx__view-selection-item:hover,.sx__view-selection-item:focus{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__view-selection-item.is-selected{background-color:var(--sx-color-surface-dim)}.sx__view-selection-item.is-selected:hover,.sx__view-selection-item.is-selected:focus{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__month-grid-wrapper{display:flex;flex-flow:column;height:100%}.sx__month-grid-week__week-number{display:flex;justify-content:center;padding-top:12px;background-color:#eceef1;color:var(--sx-color-on-surface);width:1.5rem;font-size:.75rem}.is-dark .sx__month-grid-week__week-number{background-color:#4a4458}.sx__month-grid-week{border-top:var(--sx-border);flex:1;display:flex}.sx__month-grid-week:first-child .sx__month-grid-week__week-number{padding-top:26px}.sx__month-grid-day{position:relative;padding:var(--sx-spacing-padding2) 0;flex:1}.sx__month-grid-day:not(:last-child){border-inline-end:var(--sx-border)}.sx__month-grid-day--dragover{background-color:var(--sx-color-surface-container)}.sx__month-grid-day__header{display:flex;flex-flow:column;align-items:center}.sx__month-grid-day__header-day-name{font-size:11px;text-transform:uppercase;color:var(--sx-color-neutral)}.sx__month-grid-day__header-date{font-size:var(--sx-font-extra-small);margin-bottom:var(--sx-spacing-padding1);border-radius:50%;height:24px;width:24px;display:flex;align-items:center;justify-content:center}.sx__month-grid-day__header-date.sx__is-today{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary)}.sx__month-grid-day__events-more{width:calc(100% - 10px);font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral);margin:var(--sx-spacing-padding1) 0;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.sx__month-grid-day__events-more:hover{background-color:var(--sx-color-surface-container);color:var(--sx-color-on-surface)}.sx__month-grid-background-event{position:absolute;top:0;left:0;height:100%;width:100%}.sx__month-grid-day__events{display:grid;grid-gap:4px}.sx__month-grid-cell{height:clamp(20px,1.25rem,24px)}.sx__month-grid-event{position:relative;display:flex;align-items:center;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);font-size:clamp(12px,var(--sx-font-extra-small),14px);overflow:hidden;white-space:nowrap;z-index:1}.sx__month-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}.sx__month-grid-event-time{margin-right:4px}.sx__month-grid-blocker{pointer-events:none}.sx__month-agenda-week{display:flex}.sx__month-agenda-week:not(:first-child){border-top:var(--sx-border)}.sx__month-agenda-week__week-number{text-align:center;background-color:#eceef1;color:var(--sx-color-on-surface);width:1.5rem;font-size:.75rem;padding-top:9px}.is-dark .sx__month-agenda-week__week-number{background-color:#4a4458}.sx__month-agenda-day{padding:var(--sx-spacing-padding2);flex:1;display:flex;flex-flow:column;align-items:center;height:3rem;border-radius:var(--sx-rounding-extra-small);color:var(--sx-internal-color-text)}.sx__month-agenda-day--active{box-shadow:inset 0 0 0 3px var(--sx-color-primary)}.sx__month-agenda-day__event-icons{margin-top:4px;display:flex;grid-gap:3px}.sx__month-agenda-day__event-icon{height:6px;width:6px;border-radius:50%;filter:brightness(1.6)}.is-dark .sx__month-agenda-day__event-icon{filter:initial}.sx__month-agenda-day-names{display:flex;padding:var(--sx-spacing-padding2) 0;font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral)}.sx__month-agenda-day-names.sx__has-week-numbers{padding-inline-start:1.5rem}.sx__month-agenda-day-name{flex:1;display:flex;justify-content:center}.sx__month-agenda-events{padding:0 var(--sx-spacing-padding2)}.sx__month-agenda-event{padding:var(--sx-spacing-padding2);margin-bottom:var(--sx-spacing-padding2);border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-font-small)}.sx__month-agenda-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}.sx__month-agenda-event:first-child{margin-top:var(--sx-spacing-padding2)}.sx__month-agenda-event__title{font-weight:600}.sx__month-agenda-event__has-icon{display:flex;align-items:center}.sx__month-agenda-events__empty{margin-top:var(--sx-spacing-padding4);display:flex;justify-content:center}.sx__week-agenda-header{position:sticky;top:0;z-index:1;background-color:var(--sx-color-background)}.sx__week-wrapper{position:relative}.sx__week-grid{position:relative;padding-left:var(--sx-calendar-week-grid-padding-left);display:flex;height:var(--sx-week-grid-height);overflow:hidden}.sx__week-header{position:sticky;top:0;z-index:var(--sx-z-index-week-header);background-color:var(--sx-color-background)}.sx__week-header-content{position:relative}.sx__week-header-border{position:absolute;width:100%;bottom:0;border-bottom:var(--sx-border);border-left:250px solid transparent}.sx__list-wrapper{padding:0;background-color:var(--sx-color-background);height:100%;overflow-y:auto;position:relative;scroll-behavior:smooth}.sx__list-day{padding:0;background-color:var(--sx-color-background);will-change:opacity;transform:translateZ(0)}.sx__list-day-header{padding:var(--sx-spacing-padding2) var(--sx-spacing-padding4);background-color:var(--sx-color-surface-container-low);position:sticky;top:0;z-index:1}.sx__list-day-date{font-size:var(--sx-font-extra-small);font-weight:600;color:var(--sx-color-neutral);text-transform:uppercase;letter-spacing:.5px}.sx__list-day-events{padding:0 16px;background:var(--sx-color-background)}.sx__list-event{padding:.75rem 0;display:flex;align-items:flex-start;gap:.75rem}.sx__list-event:not(:first-child){border-top:var(--sx-border)}.sx__list-event-color-line{width:3px;height:24px;border-radius:2px;flex-shrink:0}.sx__list-event-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.sx__list-event-title{font-size:1em;color:var(--sx-color-on-background);flex:1}.sx__list-event-times{display:flex;flex-direction:column;align-items:flex-end;min-width:80px;gap:2px}.sx__list-event-start-time{font-size:.85em;color:var(--sx-color-on-background)}.sx__list-event-end-time{font-size:.85em;color:var(--sx-color-neutral)}.sx__list-event-arrow{font-size:.85em;color:var(--sx-color-neutral);line-height:1}.sx__list-event-all-day{font-size:.85em;color:var(--sx-color-neutral)}.sx__list-day-margin{height:16px}.sx__list-no-events{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sx-color-neutral);font-size:var(--sx-font-extra-small);text-align:center}.sx__week-grid__time-axis{display:flex;flex-flow:column;position:absolute;right:0;top:var(--sx-week-grid-offset-top);width:calc(100% - 60px)}.sx__week-grid__hour{position:relative;height:var(--sx-week-grid-hour-height);border-top:var(--sx-border);font-size:var(--sx-font-extra-small)}.sx__week-grid__hour:first-child{visibility:hidden}.sx__week-grid__hour-text{position:absolute;left:-43px;top:-.75em;color:var(--sx-color-neutral)}.sx__time-grid-day{position:relative;width:100%;height:100%;border-left:var(--sx-border)}.sx__week-grid__date-axis{padding-left:var(--sx-calendar-week-grid-padding-left);display:flex}.sx__week-grid__date{flex:1;display:flex;flex-flow:column;align-items:center;padding:var(--sx-spacing-padding3) 0;gap:var(--sx-spacing-padding1)}.sx__week-grid__day-name{text-transform:uppercase;font-size:var(--sx-font-extra-small);color:var(--sx-color-neutral);font-weight:500}.sx__week-grid__date--is-today .sx__week-grid__day-name{color:var(--sx-color-primary);font-weight:700}.sx__week-grid__date-number{display:flex;align-items:center;justify-content:center;font-size:var(--sx-font-extra-large);font-weight:500;color:var(--sx-color-neutral);height:2em;width:2em}.sx__week-grid__date--is-today .sx__week-grid__date-number{background-color:var(--sx-color-primary);color:var(--sx-color-on-primary);border-radius:50%}.sx__time-grid-event{width:calc(100% - 10px);padding:var(--sx-spacing-padding1);position:absolute;border-radius:var(--sx-rounding-extra-small);font-size:var(--sx-font-extra-small);overflow:hidden;-webkit-user-select:none;user-select:none}.sx__time-grid-event.is-event-copy{opacity:.5;box-shadow:var(--sx-box-shadow-level3);z-index:1;transition:transform .15s ease-in-out}.sx__time-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}[data-has-dnd=true] .sx__time-grid-event{touch-action:none}.sx__is-resizing .sx__time-grid-event:has(+.is-event-copy){opacity:0}.sx__is-resizing .is-event-copy{opacity:1}.sx__time-grid-event-inner{position:relative;height:100%}.sx__time-grid-event-resize-handle{display:block;position:absolute;width:100%;bottom:0;cursor:ns-resize;height:clamp(10px,20px,50%);touch-action:none}.sx__time-grid-event-title{font-weight:600}.sx__time-grid-event-time,.sx__time-grid-event-people,.sx__time-grid-event-location{display:flex;align-items:center;white-space:nowrap}.sx__title-and-time-compact{display:flex;align-items:center;gap:var(--sx-spacing-padding2)}.sx__title-and-time-compact .sx__time-grid-event-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx__title-and-time-compact .sx__time-grid-event-time{flex-shrink:0}.sx__event-icon{min-width:15px;min-height:15px;max-width:15px;max-height:15px;margin-inline-end:var(--sx-spacing-padding2)}.sx__date-grid{display:flex;padding-left:var(--sx-calendar-week-grid-padding-left)}.sx__date-grid-day{position:relative;width:100%;display:grid;grid-gap:2px}.sx__date-grid-day .sx__spacer{display:var(--sx-draw-plugin-spacer-display, none);height:var(--sx-draw-plugin-spacer)}.sx__date-grid-event{z-index:1;position:relative;display:flex;align-items:center;padding:var(--sx-spacing-padding1);border-radius:var(--sx-rounding-extra-small);font-size:clamp(12px,var(--sx-font-extra-small),14px);font-weight:600;-webkit-user-select:none;user-select:none}.sx__date-grid-event:has(.sx__date-grid-event--left-overflow){margin-left:10px}.sx__date-grid-event:has(.sx__date-grid-event--right-overflow){margin-right:10px}.sx__date-grid-event.is-event-new{animation:sx-grow-event .3s ease-in-out forwards}@keyframes sx-grow-event{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sx__date-grid-event .sx__date-grid-event--left-overflow{position:absolute;z-index:1;width:10px;height:100%;left:-10px;clip-path:polygon(100% 0,0 50%,100% 100%,100% 0)}.sx__date-grid-event .sx__date-grid-event--right-overflow{position:absolute;z-index:1;width:10px;height:100%;right:-10px;clip-path:polygon(0 0,100% 50%,0 100%,0 0)}.sx__date-grid-event.sx__date-grid-event--copy{z-index:2;box-shadow:var(--sx-box-shadow-level3);transition-property:transform,width;transition-duration:.15s;transition-timing-function:ease-in-out}.sx__date-grid-event-text{width:calc(100% - var(--sx-spacing-padding1) * 2);left:var(--sx-spacing-padding1);position:absolute;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.sx__date-grid-event-text .sx__date-grid-event-time{font-weight:initial}.sx__date-grid-cell{height:clamp(20px,1.25rem,24px)}.sx__date-grid-event-resize-handle{position:absolute;right:0;height:100%;width:clamp(10px,15px,50%);cursor:ew-resize;z-index:1;touch-action:none}[dir=rtl] .sx__date-grid-event-resize-handle{left:0;right:auto}.sx__date-grid-background-event{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1}:root{--sx-week-grid-height: 0;--sx-time-axis-height: 0;--sx-week-grid-hour-height: 0;--sx-week-grid-offset-top: 0}.sx__event-modal{visibility:hidden;position:fixed;top:var(--sx-event-modal-top);left:var(--sx-event-modal-left);width:400px;max-width:100%;height:fit-content;background-color:var(--sx-color-background);z-index:var(--sx-z-index-event-modal)}.sx__event-modal.is-open{animation:slide-sideways;animation-duration:.3s;visibility:initial}.is-dark .sx__event-modal{background-color:var(--sx-color-surface-container-high)}.sx__event-modal-default{padding:var(--sx-spacing-padding6);background-color:var(--sx-color-background);box-shadow:0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f,0 11px 15px -7px #0003;border-radius:var(--sx-rounding-small);max-height:250px;overflow-y:scroll}@keyframes slide-sideways{0%{opacity:0;transform:translate(var(--sx-event-modal-animation-start))}to{transform:translate(0);opacity:1}}.sx__event-modal .sx__event-icon{min-width:16px;min-height:16px;max-width:16px;max-height:16px;margin-inline-end:var(--sx-spacing-padding2)}.sx__event-modal__color-icon{display:inline-block;width:16px;height:16px;border-radius:25%;margin-inline-end:var(--sx-spacing-padding3)}.sx__has-icon{display:grid;align-items:flex-start;grid-template-columns:30px 1fr;margin-bottom:var(--sx-spacing-padding2)}.sx__has-icon .sx__event-icon{margin-top:2px}.sx__has-icon .sx__event-modal__color-icon{margin-top:4px}.sx__event-modal__title{font-size:var(--sx-font-large)}.sx__event-modal__time{font-size:var(--sx-font-small)}.sx__current-time-indicator{position:absolute;left:0;right:0;height:2px;background-color:red;z-index:0}.sx__current-time-indicator:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background-color:red}.sx__current-time-indicator-full-week{width:calc(100% - var(--sx-calendar-week-grid-padding-left));position:absolute;inset:0 0 0 var(--sx-calendar-week-grid-padding-left);height:2px;background-color:#ff000061}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}:root{--color-main-blue-primary: #22205f;--color-main-orange-primary: #f66a24;--color-main-grey: #605f60;--color-main-alternative: #bf5f60;--color-main-alternative-secondary: #f2f2f2;--color-main-positive-state: #01d42f;--color-main-warning-state: #d93235;--color-main-yellow-primary: #faca4a;--color-main-white: #ffffff;--color-main-black: #000000;--color-main-light-borders: #f1f5f7;--color-main-input-borders: rgba(96, 95, 96, .7);--color-main-light-background: #f1f5f7;--color-dark-100: #e8e8e8;--color-dark-200: #d1d1d1;--color-dark-300: #a2a3a3;--color-dark-400: #747476;--color-dark-500: #454648;--color-dark-550: #2f3032;--color-dark-600: #17181a;--color-dark-700: #121315;--color-dark-800: #0e0e10;--color-dark-900: #090a0a;--color-light-100: #ffffff;--color-light-200: #f1f5f7;--color-light-300: #d9e1e7;--color-light-400: #b3c5d4;--color-light-500: #99b2c6;--color-light-600: #809fb8;--color-light-700: #667f93;--color-light-800: #4d5f6e;--color-light-900: #33404a;--color-light-1000: #1a2025;--color-blue-100: #c0b6fe;--color-blue-200: #816dfd;--color-blue-300: #4324fc;--color-blue-400: #2003d3;--color-blue-500: #15028a;--color-blue-600: #0a0141;--color-blue-700: #09013a;--color-blue-800: #080134;--color-blue-900: #07012d;--color-blue-1000: #060127;--color-red-100: #f8bdbe;--color-red-200: #f59c9e;--color-red-300: #f17c7e;--color-red-400: #ed5b5d;--color-red-500: #ea3a3d;--color-red-600: #bc1417;--color-red-700: #bc1417;--color-red-800: #971012;--color-red-900: #710c0e;--color-red-1000: #4b0809;--color-orange-100: #fee6db;--color-orange-200: #fccdb6;--color-orange-300: #fab592;--color-orange-400: #f99c6d;--color-orange-500: #f88349;--color-orange-700: #d94e09;--color-orange-800: #a33b07;--color-orange-900: #6c2704;--color-orange-1000: #361402;--color-yellow-100: #fffaed;--color-yellow-200: #fef4db;--color-yellow-300: #fdeab7;--color-yellow-400: #fcdf92;--color-yellow-500: #fbd56e;--color-yellow-600: #faca4a;--color-yellow-700: #c8a23b;--color-yellow-800: #96792c;--color-yellow-900: #64511e;--color-yellow-1000: #32280f;--color-green-100: #ceffd8;--color-green-200: #9cffb2;--color-green-300: #6bfe8b;--color-green-400: #3afe65;--color-green-500: #09fe3e;--color-green-600: #01d42f;--color-green-700: #01aa26;--color-green-800: #017f1c;--color-green-900: #005513;--color-green-1000: #002a09;--color-purple-100: #e0ddf1;--color-purple-200: #c0bae4;--color-purple-300: #a198d6;--color-purple-400: #8276c9;--color-purple-500: #6353bb;--color-purple-600: #4d3fa0;--color-purple-700: #3d327d;--color-purple-800: #2c245b;--color-purple-900: #231d49;--color-purple-1000: #1a1637;--border-radius-button: 1.875rem;--border-radius-secondary-button: .625rem;--border-radius-card: 1.25rem;--border-radius-article: .875rem;--border-radius-outline: .5rem;--shadow-black-card: 0 1.25rem 2.5rem 0 rgba(0, 0, 0, .15);--shadow-hover-black-card: 0 1.875rem 3.75rem 0 rgba(0, 0, 0, .35);--shadow-black-button: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .15);--shadow-hover-black-button: 0 .9375rem 1.875rem 0 rgba(0, 0, 0, .25);--shadow-hover-orange-button: 0 .9375rem 1.875rem 0 #fab592;--shadow-hover-elegant-button: 0 4px 16px 0 rgba(246, 106, 36, .35);--border-input: 1px solid rgba(96, 95, 96, .7);--border-input-disabled: 1px solid #d1d1d1;--border-input-error: 1px solid #ea3a3d;--border-input-focus: 1px solid #22205f}:root{--background: var(--color-main-white);--foreground: var(--color-light-1000);--primary: var(--color-main-blue-primary);--primary-foreground: var(--color-main-white);--secondary: var(--color-main-orange-primary);--secondary-foreground: var(--color-main-white);--destructive: var(--color-main-warning-state);--destructive-foreground: var(--color-main-white);--muted: var(--color-main-alternative-secondary);--muted-foreground: var(--color-main-grey);--accent: var(--color-purple-100);--accent-foreground: var(--color-main-blue-primary);--card: var(--color-main-white);--card-foreground: var(--color-light-1000);--popover: var(--color-main-white);--popover-foreground: var(--color-light-1000);--border: var(--color-main-light-borders);--input: var(--color-main-input-borders);--ring: var(--color-main-blue-primary);--radius: var(--border-radius-outline)}@source "./main.js";@custom-variant dark (&:is(.dark *));@custom-variant data-horizontal (&[data-orientation="horizontal"]);@custom-variant data-vertical (&[data-orientation="vertical"]);@custom-variant data-disabled (&[data-disabled]);@custom-variant data-inset (&[data-inset]);@custom-variant data-placeholder (&[data-placeholder]);@custom-variant data-popup-open (&[data-popup-open]);@font-face{font-family:Dax;src:url(https://dibt9vplwriap.cloudfront.net/dax-regular/dax-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(https://dibt9vplwriap.cloudfront.net/Dax-Bold/Dax-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueUltraLight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueUltraLightItalic.otf) format("opentype");font-weight:200;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueThin.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueThinItalic.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueLight.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueLightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueRoman.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueMedium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueMediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueHeavy.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueHeavyItalic.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBlack.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap;ascent-override:95%;descent-override:23%}@font-face{font-family:Helvetica Neue;src:url(https://dibt9vplwriap.cloudfront.net/Helvetica-Neue/HelveticaNeueBlackItalic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap;ascent-override:95%;descent-override:23%}@theme inline{ --color-main-blue-primary: var(--color-main-blue-primary); --color-main-orange-primary: var(--color-main-orange-primary); --color-main-grey: var(--color-main-grey); --color-main-alternative: var(--color-main-alternative); --color-main-alternative-secondary: var(--color-main-alternative-secondary); --color-main-positive-state: var(--color-main-positive-state); --color-main-warning-state: var(--color-main-warning-state); --color-main-yellow-primary: var(--color-main-yellow-primary); --color-main-white: var(--color-main-white); --color-main-black: var(--color-main-black); --color-main-light-borders: var(--color-main-light-borders); --color-main-input-borders: var(--color-main-input-borders); --color-dark-100: var(--color-dark-100); --color-dark-200: var(--color-dark-200); --color-dark-300: var(--color-dark-300); --color-dark-400: var(--color-dark-400); --color-dark-500: var(--color-dark-500); --color-dark-600: var(--color-dark-600); --color-dark-700: var(--color-dark-700); --color-dark-800: var(--color-dark-800); --color-dark-900: var(--color-dark-900); --color-light-100: var(--color-light-100); --color-light-200: var(--color-light-200); --color-light-300: var(--color-light-300); --color-light-400: var(--color-light-400); --color-light-500: var(--color-light-500); --color-light-600: var(--color-light-600); --color-light-700: var(--color-light-700); --color-light-800: var(--color-light-800); --color-light-900: var(--color-light-900); --color-light-1000: var(--color-light-1000); --color-blue-100: var(--color-blue-100); --color-blue-200: var(--color-blue-200); --color-blue-300: var(--color-blue-300); --color-blue-400: var(--color-blue-400); --color-blue-500: var(--color-blue-500); --color-blue-600: var(--color-blue-600); --color-blue-700: var(--color-blue-700); --color-blue-800: var(--color-blue-800); --color-blue-900: var(--color-blue-900); --color-blue-1000: var(--color-blue-1000); --color-red-100: var(--color-red-100); --color-red-200: var(--color-red-200); --color-red-300: var(--color-red-300); --color-red-400: var(--color-red-400); --color-red-500: var(--color-red-500); --color-red-600: var(--color-red-600); --color-red-700: var(--color-red-700); --color-red-800: var(--color-red-800); --color-red-900: var(--color-red-900); --color-red-1000: var(--color-red-1000); --color-orange-100: var(--color-orange-100); --color-orange-200: var(--color-orange-200); --color-orange-300: var(--color-orange-300); --color-orange-400: var(--color-orange-400); --color-orange-500: var(--color-orange-500); --color-orange-700: var(--color-orange-700); --color-orange-800: var(--color-orange-800); --color-orange-900: var(--color-orange-900); --color-orange-1000: var(--color-orange-1000); --color-yellow-100: var(--color-yellow-100); --color-yellow-200: var(--color-yellow-200); --color-yellow-300: var(--color-yellow-300); --color-yellow-400: var(--color-yellow-400); --color-yellow-500: var(--color-yellow-500); --color-yellow-600: var(--color-yellow-600); --color-yellow-700: var(--color-yellow-700); --color-yellow-800: var(--color-yellow-800); --color-yellow-900: var(--color-yellow-900); --color-yellow-1000: var(--color-yellow-1000); --color-green-100: var(--color-green-100); --color-green-200: var(--color-green-200); --color-green-300: var(--color-green-300); --color-green-400: var(--color-green-400); --color-green-500: var(--color-green-500); --color-green-600: var(--color-green-600); --color-green-700: var(--color-green-700); --color-green-800: var(--color-green-800); --color-green-900: var(--color-green-900); --color-green-1000: var(--color-green-1000); --color-purple-100: var(--color-purple-100); --color-purple-200: var(--color-purple-200); --color-purple-300: var(--color-purple-300); --color-purple-400: var(--color-purple-400); --color-purple-500: var(--color-purple-500); --color-purple-600: var(--color-purple-600); --color-purple-700: var(--color-purple-700); --color-purple-800: var(--color-purple-800); --color-purple-900: var(--color-purple-900); --color-purple-1000: var(--color-purple-1000); --border-radius-button: var(--border-radius-button); --border-radius-secondary-button: var(--border-radius-secondary-button); --border-radius-card: var(--border-radius-card); --border-radius-article: var(--border-radius-article); --border-radius-outline: var(--border-radius-outline); --shadow-black-card: var(--shadow-black-card); --shadow-hover-black-card: var(--shadow-hover-black-card); --shadow-black-button: var(--shadow-black-button); --shadow-hover-black-button: var(--shadow-hover-black-button); --shadow-hover-orange-button: var(--shadow-hover-orange-button); --font-heading: "Dax", sans-serif; --font-sans: "Helvetica Neue", "Inter Variable", sans-serif; --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-floating-sidebar-card-border: var(--floating-sidebar-card-border); --color-floating-sidebar-hover: var(--floating-sidebar-hover); --color-floating-sidebar-toggle-hover: var(--floating-sidebar-toggle-hover); --color-floating-sidebar-item-foreground: var(--floating-sidebar-item-foreground); --color-floating-sidebar-search: var(--floating-sidebar-search); --color-floating-sidebar-search-border: var(--floating-sidebar-search-border); --color-floating-sidebar-indicator: var(--floating-sidebar-indicator); --color-floating-sidebar-scrollbar-thumb: var(--floating-sidebar-scrollbar-thumb); --color-floating-sidebar-scrollbar-thumb-hover: var(--floating-sidebar-scrollbar-thumb-hover); --color-floating-sidebar-scrollbar-track: var(--floating-sidebar-scrollbar-track); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive: var(--destructive); --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --color-foreground: var(--foreground); --color-background: var(--background); --radius-sm: calc(var(--radius) * .6); --radius-md: calc(var(--radius) * .8); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.4); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2); --radius-4xl: calc(var(--radius) * 2.6); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; }:root{--floating-sidebar-card-border: #eef0f5;--floating-sidebar-hover: #f4f4f9;--floating-sidebar-toggle-hover: #f4f3fb;--floating-sidebar-item-foreground: #2b2a3a;--floating-sidebar-search: #f8f9fc;--floating-sidebar-search-border: #e3e7ec;--floating-sidebar-indicator: var(--color-purple-600);--floating-sidebar-scrollbar-thumb: #c2cbdc;--floating-sidebar-scrollbar-thumb-hover: #aeb8cc;--floating-sidebar-scrollbar-track: #f7f8fb}:root{--chart-1: oklch(.87 0 0);--chart-2: oklch(.556 0 0);--chart-3: oklch(.439 0 0);--chart-4: oklch(.371 0 0);--chart-5: oklch(.269 0 0);--sidebar: var(--color-main-white);--sidebar-foreground: var(--color-main-blue-primary);--sidebar-primary: var(--color-main-blue-primary);--sidebar-primary-foreground: var(--color-main-white);--sidebar-accent: var(--color-main-light-background);--sidebar-accent-foreground: var(--color-main-blue-primary);--sidebar-border: var(--color-main-light-borders);--sidebar-ring: var(--color-main-orange-primary)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@layer base{*,:before,:after{border-color:var(--color-border, currentColor)}}@supports (scrollbar-gutter: stable){html{scrollbar-gutter:stable}html body[data-scroll-locked]{margin-right:0!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-main-orange-primary) #f1f1f1}*::-webkit-scrollbar{width:.5rem}*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}*::-webkit-scrollbar-thumb{background:var(--color-main-orange-primary);border-radius:.625rem}*::-webkit-scrollbar-thumb:hover{background:var(--color-main-orange-primary)}.my-toast{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:176.782%;border:none!important;box-shadow:var(--shadow-black-card);border-radius:var(--border-radius-article)!important}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,var(--color-main-positive-state) 0%,var(--color-green-200) 100%)!important;color:var(--color-main-white)!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,var(--color-main-warning-state) 0%,var(--color-red-300) 100%)!important;color:var(--color-main-white)!important}[data-sonner-toaster]{bottom:6rem!important}[data-sonner-toaster][data-position=bottom-center]{transform:translateY(-3rem)!important}
|
package/dist/main.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes, Ref } from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes, MouseEvent, Ref } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import { Avatar as Avatar$1, Label as Label$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Select as Select$1, Separator as Separator$1, Progress as Progress$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1, Popover as Popover$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Accordion as Accordion$1, DropdownMenu as DropdownMenu$1, RadioGroup as RadioGroup$1, NavigationMenu as NavigationMenu$1, Checkbox as Checkbox$1 } from 'radix-ui';
|
|
@@ -2310,6 +2310,212 @@ type BottomNavTabsListProps = {
|
|
|
2310
2310
|
};
|
|
2311
2311
|
declare function BottomNavTabsList({ items, className }: BottomNavTabsListProps): react.JSX.Element;
|
|
2312
2312
|
|
|
2313
|
+
/**
|
|
2314
|
+
* Icon of a module or item. Backend payloads cannot carry React elements, so a string key is
|
|
2315
|
+
* accepted and resolved through `resolveIcon`.
|
|
2316
|
+
*/
|
|
2317
|
+
type FloatingSidebarIcon = ReactNode | string;
|
|
2318
|
+
/** A link (or action) inside a module. */
|
|
2319
|
+
interface FloatingSidebarItemData {
|
|
2320
|
+
/** Stable, unique id. Drives `activeItemId`, favorites and `onItemSelect`. */
|
|
2321
|
+
id: string;
|
|
2322
|
+
/** Visible text; also what the module search matches (ignoring case and accents). */
|
|
2323
|
+
label: string;
|
|
2324
|
+
/** React element or backend icon key resolved with `resolveIcon`. Missing or unknown keys render a neutral fallback. */
|
|
2325
|
+
icon?: FloatingSidebarIcon;
|
|
2326
|
+
/** Destination. Items without `href` render a `<button>` and only fire `onItemSelect`. */
|
|
2327
|
+
href?: string;
|
|
2328
|
+
/** Opens the link in a new tab (`target="_blank"`, `rel="noopener noreferrer"`). Clicking it never moves the current page. */
|
|
2329
|
+
external?: boolean;
|
|
2330
|
+
/** Renders the item as a disabled button, without a link. */
|
|
2331
|
+
disabled?: boolean;
|
|
2332
|
+
/**
|
|
2333
|
+
* Whether the item gets a favorite star when `showFavorites` is on. Defaults to `true`; set it
|
|
2334
|
+
* to `false` for items the backend cannot store as favorites (in Nexus, pages: only apps can).
|
|
2335
|
+
*/
|
|
2336
|
+
favoritable?: boolean;
|
|
2337
|
+
/** Grant(s) required to show the item, checked against the `AbilityProvider`. */
|
|
2338
|
+
permission?: Permission | Permission[];
|
|
2339
|
+
/** With several permissions: `any` (default) needs one of them, `all` needs every one. */
|
|
2340
|
+
permissionMode?: 'any' | 'all';
|
|
2341
|
+
}
|
|
2342
|
+
/** A group of items. Expanded it is a card; collapsed, a tile with a tooltip and a flyout. */
|
|
2343
|
+
interface FloatingSidebarModuleData {
|
|
2344
|
+
/** Stable, unique id. Drives `openModuleIds`. */
|
|
2345
|
+
id: string;
|
|
2346
|
+
/** Card title, tile tooltip and flyout title. */
|
|
2347
|
+
label: string;
|
|
2348
|
+
/** React element or backend icon key resolved with `resolveIcon`. */
|
|
2349
|
+
icon?: FloatingSidebarIcon;
|
|
2350
|
+
/** Items in display order. A module without items is hidden unless `hideEmptyModules` is false. */
|
|
2351
|
+
items: FloatingSidebarItemData[];
|
|
2352
|
+
/**
|
|
2353
|
+
* Grant(s) required to show the module, checked against the `AbilityProvider`. A module whose
|
|
2354
|
+
* items are all hidden by their own permissions is hidden too.
|
|
2355
|
+
*/
|
|
2356
|
+
permission?: Permission | Permission[];
|
|
2357
|
+
/** With several permissions: `any` (default) needs one of them, `all` needs every one. */
|
|
2358
|
+
permissionMode?: 'any' | 'all';
|
|
2359
|
+
}
|
|
2360
|
+
/**
|
|
2361
|
+
* Props handed to `renderLink` so router links (React Router, Next) keep the item styling.
|
|
2362
|
+
* Spread all of them on the link element; `onClick` must run for selection to work.
|
|
2363
|
+
*/
|
|
2364
|
+
interface FloatingSidebarLinkProps {
|
|
2365
|
+
href: string;
|
|
2366
|
+
className: string;
|
|
2367
|
+
children: ReactNode;
|
|
2368
|
+
tabIndex: number;
|
|
2369
|
+
onClick: (event: MouseEvent<HTMLElement>) => void;
|
|
2370
|
+
target?: string;
|
|
2371
|
+
rel?: string;
|
|
2372
|
+
'aria-current'?: 'page';
|
|
2373
|
+
'data-slot': string;
|
|
2374
|
+
'data-active'?: 'true';
|
|
2375
|
+
}
|
|
2376
|
+
/** Every interface string. Pass a partial object through `labels` to translate or reword them. */
|
|
2377
|
+
interface FloatingSidebarLabels {
|
|
2378
|
+
/** Accessible name of the `<nav>` landmark. Default: "Modules navigation". */
|
|
2379
|
+
navigation: string;
|
|
2380
|
+
/** Visible title above the cards; long titles end with an ellipsis. Default: "Modules". */
|
|
2381
|
+
title: string;
|
|
2382
|
+
/** Toggle button name while expanded. Default: "Collapse menu". */
|
|
2383
|
+
collapse: string;
|
|
2384
|
+
/** Toggle button name while collapsed. Default: "Expand menu". */
|
|
2385
|
+
expand: string;
|
|
2386
|
+
/** Mobile only: the built-in trigger shown when `mobileOpen` is not controlled. */
|
|
2387
|
+
openMenu: string;
|
|
2388
|
+
/** Appended to a collapsed tile's name when it contains the active item. */
|
|
2389
|
+
currentPageSuffix: string;
|
|
2390
|
+
/** Placeholder of a module search field. */
|
|
2391
|
+
searchPlaceholder: (moduleLabel: string) => string;
|
|
2392
|
+
/** Accessible name of a module search field. */
|
|
2393
|
+
searchLabel: (moduleLabel: string) => string;
|
|
2394
|
+
/** Name of the button that clears a search. */
|
|
2395
|
+
clearSearch: string;
|
|
2396
|
+
/** Heading of the no-matches message. */
|
|
2397
|
+
noMatchesTitle: string;
|
|
2398
|
+
/** Body of the no-matches message in an expanded card. */
|
|
2399
|
+
noMatches: (moduleLabel: string, query: string) => string;
|
|
2400
|
+
/** Shorter no-matches message used inside the collapsed flyout. */
|
|
2401
|
+
flyoutNoMatches: (query: string) => string;
|
|
2402
|
+
/** Shown inside a module without items when `hideEmptyModules` is false. */
|
|
2403
|
+
emptyModule: string;
|
|
2404
|
+
/** Name of the star button when the item is not a favorite. */
|
|
2405
|
+
addFavorite: (itemLabel: string) => string;
|
|
2406
|
+
/** Name of the star button when the item is a favorite. */
|
|
2407
|
+
removeFavorite: (itemLabel: string) => string;
|
|
2408
|
+
}
|
|
2409
|
+
/**
|
|
2410
|
+
* Besides its own props, the sidebar forwards the native `<nav>` props (`id`, `aria-*`, `data-*`,
|
|
2411
|
+
* `style`, event handlers…) and `ref` to its root element. The sidebar's own attributes win over
|
|
2412
|
+
* forwarded ones: name the landmark with `labels.navigation` (not `aria-label`), and `aria-busy`,
|
|
2413
|
+
* `data-slot`, `data-state`, `data-side` and the `width` and `transition` of `style` are its own.
|
|
2414
|
+
*/
|
|
2415
|
+
interface FloatingSidebarProps extends Omit<ComponentProps<'nav'>, 'children'> {
|
|
2416
|
+
/**
|
|
2417
|
+
* Modules with their items, usually mapped from a backend response. Array order is display
|
|
2418
|
+
* order; modules without items are not rendered unless `hideEmptyModules` is false. Entries
|
|
2419
|
+
* with `permission` are filtered against the `AbilityProvider`.
|
|
2420
|
+
*/
|
|
2421
|
+
modules: FloatingSidebarModuleData[];
|
|
2422
|
+
/** Resolves string icon keys sent by the backend. Unknown keys render a neutral fallback icon. */
|
|
2423
|
+
resolveIcon?: (key: string) => ReactNode;
|
|
2424
|
+
/**
|
|
2425
|
+
* Renders item links, e.g. a router `Link`. Receives the link props (spread them all) and the
|
|
2426
|
+
* item. Defaults to a plain `<a>`.
|
|
2427
|
+
*/
|
|
2428
|
+
renderLink?: (props: FloatingSidebarLinkProps, item: FloatingSidebarItemData) => ReactNode;
|
|
2429
|
+
/**
|
|
2430
|
+
* Expanded (`true`) or collapsed (`false`), controlled. Pair it with `onOpenChange`; the toggle
|
|
2431
|
+
* and Ctrl/Cmd + B request changes through it.
|
|
2432
|
+
*/
|
|
2433
|
+
open?: boolean;
|
|
2434
|
+
/** Initial expanded state when uncontrolled. Read once on mount. */
|
|
2435
|
+
defaultOpen?: boolean;
|
|
2436
|
+
/** Fires when the toggle or Ctrl/Cmd + B requests expanding or collapsing (desktop only). */
|
|
2437
|
+
onOpenChange?: (open: boolean) => void;
|
|
2438
|
+
/** Side of the screen the sidebar sits on. Tooltips, flyouts and the mobile drawer open towards the content. */
|
|
2439
|
+
side?: 'left' | 'right';
|
|
2440
|
+
/** Expanded width in pixels. */
|
|
2441
|
+
width?: number;
|
|
2442
|
+
/** Collapsed width in pixels; also sizes the collapsed tiles. Values below 40 are clamped to 40. */
|
|
2443
|
+
collapsedWidth?: number;
|
|
2444
|
+
/**
|
|
2445
|
+
* `single` keeps one module card open at a time (accordion); `multiple` lets cards open and
|
|
2446
|
+
* close independently.
|
|
2447
|
+
*/
|
|
2448
|
+
type?: 'single' | 'multiple';
|
|
2449
|
+
/** Open module cards (controlled). In `single` mode only the first id is used. */
|
|
2450
|
+
openModuleIds?: string[];
|
|
2451
|
+
/** Initially open module cards when uncontrolled. Read once on mount. */
|
|
2452
|
+
defaultOpenModuleIds?: string[];
|
|
2453
|
+
/** Fires with the new list of open module cards. */
|
|
2454
|
+
onOpenModulesChange?: (moduleIds: string[]) => void;
|
|
2455
|
+
/** Hides modules without items. When `false`, they render with an empty message. */
|
|
2456
|
+
hideEmptyModules?: boolean;
|
|
2457
|
+
/**
|
|
2458
|
+
* Current page item (controlled), usually derived from the router. Marks the item with
|
|
2459
|
+
* `aria-current="page"` and its module (or collapsed tile) as active.
|
|
2460
|
+
*/
|
|
2461
|
+
activeItemId?: string | null;
|
|
2462
|
+
/**
|
|
2463
|
+
* Initial current page item when uncontrolled. Afterwards it only moves on a plain click of an
|
|
2464
|
+
* in-app link; external links, buttons and modifier clicks keep the current page.
|
|
2465
|
+
*/
|
|
2466
|
+
defaultActiveItemId?: string | null;
|
|
2467
|
+
/** Fires on every item selection, in the cards, the flyout and the drawer. */
|
|
2468
|
+
onItemSelect?: (item: FloatingSidebarItemData, module: FloatingSidebarModuleData) => void;
|
|
2469
|
+
/** Favorite item ids (controlled). Listen to `onFavoritesChange` to persist them in the backend. */
|
|
2470
|
+
favoriteIds?: string[];
|
|
2471
|
+
/** Initial favorites when uncontrolled. Read once on mount. */
|
|
2472
|
+
defaultFavoriteIds?: string[];
|
|
2473
|
+
/** Fires with the full new list of favorites. Toggling a star never selects the item. */
|
|
2474
|
+
onFavoritesChange?: (favoriteIds: string[]) => void;
|
|
2475
|
+
/** Shows the favorite star on every item, except those with `favoritable: false`. */
|
|
2476
|
+
showFavorites?: boolean;
|
|
2477
|
+
/**
|
|
2478
|
+
* Shows skeletons instead of the modules, e.g. while the backend responds. Skeletons also show
|
|
2479
|
+
* while the `AbilityProvider` loads grants for modules or items that declare `permission`.
|
|
2480
|
+
*/
|
|
2481
|
+
loading?: boolean;
|
|
2482
|
+
/** Rendered when no module has items to show. */
|
|
2483
|
+
emptyState?: ReactNode;
|
|
2484
|
+
/**
|
|
2485
|
+
* Mobile only (below 768px): the drawer that holds the sidebar. When `mobileOpen` is not
|
|
2486
|
+
* controlled, a built-in menu button opens it; when it is, the consumer renders the trigger.
|
|
2487
|
+
*/
|
|
2488
|
+
mobileOpen?: boolean;
|
|
2489
|
+
/** Initial drawer state when uncontrolled. Read once on mount. */
|
|
2490
|
+
defaultMobileOpen?: boolean;
|
|
2491
|
+
/** Fires when the drawer opens or closes, including after an item selection. */
|
|
2492
|
+
onMobileOpenChange?: (open: boolean) => void;
|
|
2493
|
+
/**
|
|
2494
|
+
* Enables Ctrl/Cmd + B: toggles the sidebar on desktop and the drawer on mobile. Ignored while
|
|
2495
|
+
* typing in a field or when another handler already used the keystroke.
|
|
2496
|
+
*/
|
|
2497
|
+
shortcut?: boolean;
|
|
2498
|
+
/** Overrides any interface copy (see `FloatingSidebarLabels`). Pass the app language here. */
|
|
2499
|
+
labels?: Partial<FloatingSidebarLabels>;
|
|
2500
|
+
/** Extra classes for the `<nav>` element. */
|
|
2501
|
+
className?: string;
|
|
2502
|
+
}
|
|
2503
|
+
/**
|
|
2504
|
+
* Floating, collapsible main navigation organized in module cards, for apps whose menu comes
|
|
2505
|
+
* from the backend.
|
|
2506
|
+
*
|
|
2507
|
+
* Expanded, each module is a card with its own search (one open at a time, or several with
|
|
2508
|
+
* `type="multiple"`). Collapsed, each module becomes a tile with a tooltip and a flyout. Below
|
|
2509
|
+
* 768px it lives in a drawer, opened by a built-in menu button or, when `mobileOpen` is
|
|
2510
|
+
* controlled, by the app's own trigger.
|
|
2511
|
+
*
|
|
2512
|
+
* Data-driven: it never fetches. Map the backend response to `modules`, resolve icon keys with
|
|
2513
|
+
* `resolveIcon` and plug the router with `renderLink`. Every piece of state (`open`,
|
|
2514
|
+
* `openModuleIds`, `activeItemId`, `favoriteIds`, `mobileOpen`) can be controlled or left
|
|
2515
|
+
* uncontrolled with its `default*` prop and `on*Change` callback.
|
|
2516
|
+
*/
|
|
2517
|
+
declare function FloatingSidebar({ modules, resolveIcon, renderLink, open: openProp, defaultOpen, onOpenChange, side, width, collapsedWidth, type, openModuleIds: openModulesProp, defaultOpenModuleIds, onOpenModulesChange, hideEmptyModules, activeItemId: activeItemProp, defaultActiveItemId, onItemSelect, favoriteIds: favoritesProp, defaultFavoriteIds, onFavoritesChange, showFavorites, loading, emptyState, mobileOpen: mobileOpenProp, defaultMobileOpen, onMobileOpenChange, shortcut, labels: labelsProp, className, ref, style, onPointerDownCapture, onFocusCapture, ...navProps }: FloatingSidebarProps): react.JSX.Element;
|
|
2518
|
+
|
|
2313
2519
|
declare function Drawer({ children, open, onOpenChange, modal, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2314
2520
|
declare function DrawerTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2315
2521
|
declare function DrawerClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
@@ -2366,7 +2572,7 @@ interface SignaturePadProps {
|
|
|
2366
2572
|
throttle?: number;
|
|
2367
2573
|
/** 0–1 weight of the previous velocity when computing width. Higher evens out width changes. */
|
|
2368
2574
|
velocityFilterWeight?: number;
|
|
2369
|
-
/**
|
|
2575
|
+
/** Visible text and accessible name of the built-in clear button. Pass a translated string from the app. */
|
|
2370
2576
|
clearLabel: string;
|
|
2371
2577
|
className?: string;
|
|
2372
2578
|
/** Imperative handle with `clear`, `isEmpty` and `toBlob`. */
|
|
@@ -2389,4 +2595,4 @@ interface TCCEProviderProps {
|
|
|
2389
2595
|
}
|
|
2390
2596
|
declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react.JSX.Element;
|
|
2391
2597
|
|
|
2392
|
-
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, type AbilityStatus, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, CONFETTI_COLORS, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, type CanState, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, type FireConfettiOptions, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Permission, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignaturePad, type SignaturePadHandle, type SignaturePadProps, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, fireConfetti, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, resetConfetti, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAbilityStatus, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|
|
2598
|
+
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, type AbilityStatus, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, CONFETTI_COLORS, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, type CanState, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, type FireConfettiOptions, FloatingSidebar, type FloatingSidebarIcon, type FloatingSidebarItemData, type FloatingSidebarLabels, type FloatingSidebarLinkProps, type FloatingSidebarModuleData, type FloatingSidebarProps, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Permission, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignaturePad, type SignaturePadHandle, type SignaturePadProps, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, fireConfetti, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, resetConfetti, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAbilityStatus, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|