@bizapps/design-system-testing 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/main.cjs +96 -20
  2. package/dist/main.cjs.map +1 -1
  3. package/dist/main.css +1 -1
  4. package/dist/main.d.cts +35 -2
  5. package/dist/main.d.ts +35 -2
  6. package/dist/main.js +96 -21
  7. package/dist/main.js.map +1 -1
  8. package/package.json +1 -1
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- @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 data-horizontal (&[data-horizontal]);@custom-variant data-vertical (&[data-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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}@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}}*{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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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}@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: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}@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)}}*{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
@@ -645,20 +645,35 @@ interface NavbarUtilityLink {
645
645
  href: string;
646
646
  label: string;
647
647
  }
648
+ interface NavbarNotification {
649
+ id: string;
650
+ title: string;
651
+ description?: string;
652
+ read?: boolean;
653
+ timestamp?: string;
654
+ }
648
655
  interface NavbarProps extends HTMLAttributes<HTMLElement> {
649
656
  logo?: ReactNode;
650
657
  brandName?: string;
651
658
  utilityLinks?: NavbarUtilityLink[];
652
659
  navigationLinks?: NavbarNavLink[];
653
660
  notificationCount?: number;
661
+ notifications?: NavbarNotification[];
654
662
  avatarSrc?: string;
655
663
  avatarFallback?: string;
656
664
  onNavLinkClick?: (href: string) => void;
657
665
  onSearchClick?: () => void;
658
666
  onHelpClick?: () => void;
659
667
  onAvatarClick?: () => void;
668
+ onNotificationClick?: (id: string) => void;
660
669
  }
661
670
  declare const Logo: (props: SVGAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
671
+ /**
672
+ * @remarks
673
+ * Navigation dropdowns use `absolute` positioning without a Portal. If this
674
+ * component is placed inside a container with `overflow-hidden`, dropdowns will
675
+ * be clipped. Ensure all ancestor containers use `overflow-visible`.
676
+ */
662
677
  declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
663
678
 
664
679
  declare function NavigationMenu({ className, children, viewport, ...props }: ComponentProps<typeof NavigationMenu$1.Root> & {
@@ -700,9 +715,17 @@ interface SideBarProps {
700
715
  brandName?: string;
701
716
  showHeader?: boolean;
702
717
  className?: string;
718
+ mainClassName?: string;
703
719
  children?: React.ReactNode;
704
720
  }
705
- declare function SideBar({ items, activeItem, onItemClick, brandName, showHeader, className, children, }: SideBarProps): react_jsx_runtime.JSX.Element;
721
+ /**
722
+ * @remarks
723
+ * Internally wraps SidebarProvider (shadcn), which imposes `min-h-svh` on the root.
724
+ * This component overrides it with `min-h-0`.
725
+ *
726
+ * Use `mainClassName` to control styles on the inner `<main>` (scroll, padding, etc.).
727
+ */
728
+ declare function SideBar({ items, activeItem, onItemClick, brandName, showHeader, className, mainClassName, children, }: SideBarProps): react_jsx_runtime.JSX.Element;
706
729
 
707
730
  declare function Textarea({ className, ...props }: ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
708
731
 
@@ -1170,7 +1193,9 @@ interface DataTableProps<T = unknown> {
1170
1193
  size?: TableCellSize;
1171
1194
  variant?: TableVariant;
1172
1195
  isLoading?: boolean;
1196
+ /** Pins the header row while scrolling. Requires `maxHeight` — without a bounded scroll container, sticky has no effect. */
1173
1197
  stickyHeader?: boolean;
1198
+ /** Sets the scroll container height. Required when using `stickyHeader`. Accepts any valid CSS value (e.g. `"500px"`, `"60vh"`). */
1174
1199
  maxHeight?: string | number;
1175
1200
  sorting?: SortingState;
1176
1201
  defaultSorting?: SortingState;
@@ -1941,4 +1966,12 @@ declare function AbilityProvider({ children, permissions }: AbilityProviderProps
1941
1966
  declare function useAbility(): AbilityContextValue;
1942
1967
  declare function useCan(permissions: string | string[], mode?: 'any' | 'all'): boolean;
1943
1968
 
1944
- export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, Calendar, CalendarDayButton, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, 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 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, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, 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, SideBar, type SideBarItem, type SideBarProps, SidebarProvider, SidebarTrigger, 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, 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, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
1969
+ interface TCCEProviderProps {
1970
+ children: ReactNode;
1971
+ permissions?: string[];
1972
+ toasterPosition?: ToasterPosition;
1973
+ tooltipDelayDuration?: number;
1974
+ }
1975
+ declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react_jsx_runtime.JSX.Element;
1976
+
1977
+ export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, Calendar, CalendarDayButton, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, 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 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, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, 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, 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, SideBar, type SideBarItem, type SideBarProps, SidebarProvider, SidebarTrigger, 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, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
package/dist/main.d.ts CHANGED
@@ -645,20 +645,35 @@ interface NavbarUtilityLink {
645
645
  href: string;
646
646
  label: string;
647
647
  }
648
+ interface NavbarNotification {
649
+ id: string;
650
+ title: string;
651
+ description?: string;
652
+ read?: boolean;
653
+ timestamp?: string;
654
+ }
648
655
  interface NavbarProps extends HTMLAttributes<HTMLElement> {
649
656
  logo?: ReactNode;
650
657
  brandName?: string;
651
658
  utilityLinks?: NavbarUtilityLink[];
652
659
  navigationLinks?: NavbarNavLink[];
653
660
  notificationCount?: number;
661
+ notifications?: NavbarNotification[];
654
662
  avatarSrc?: string;
655
663
  avatarFallback?: string;
656
664
  onNavLinkClick?: (href: string) => void;
657
665
  onSearchClick?: () => void;
658
666
  onHelpClick?: () => void;
659
667
  onAvatarClick?: () => void;
668
+ onNotificationClick?: (id: string) => void;
660
669
  }
661
670
  declare const Logo: (props: SVGAttributes<SVGElement>) => react_jsx_runtime.JSX.Element;
671
+ /**
672
+ * @remarks
673
+ * Navigation dropdowns use `absolute` positioning without a Portal. If this
674
+ * component is placed inside a container with `overflow-hidden`, dropdowns will
675
+ * be clipped. Ensure all ancestor containers use `overflow-visible`.
676
+ */
662
677
  declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
663
678
 
664
679
  declare function NavigationMenu({ className, children, viewport, ...props }: ComponentProps<typeof NavigationMenu$1.Root> & {
@@ -700,9 +715,17 @@ interface SideBarProps {
700
715
  brandName?: string;
701
716
  showHeader?: boolean;
702
717
  className?: string;
718
+ mainClassName?: string;
703
719
  children?: React.ReactNode;
704
720
  }
705
- declare function SideBar({ items, activeItem, onItemClick, brandName, showHeader, className, children, }: SideBarProps): react_jsx_runtime.JSX.Element;
721
+ /**
722
+ * @remarks
723
+ * Internally wraps SidebarProvider (shadcn), which imposes `min-h-svh` on the root.
724
+ * This component overrides it with `min-h-0`.
725
+ *
726
+ * Use `mainClassName` to control styles on the inner `<main>` (scroll, padding, etc.).
727
+ */
728
+ declare function SideBar({ items, activeItem, onItemClick, brandName, showHeader, className, mainClassName, children, }: SideBarProps): react_jsx_runtime.JSX.Element;
706
729
 
707
730
  declare function Textarea({ className, ...props }: ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
708
731
 
@@ -1170,7 +1193,9 @@ interface DataTableProps<T = unknown> {
1170
1193
  size?: TableCellSize;
1171
1194
  variant?: TableVariant;
1172
1195
  isLoading?: boolean;
1196
+ /** Pins the header row while scrolling. Requires `maxHeight` — without a bounded scroll container, sticky has no effect. */
1173
1197
  stickyHeader?: boolean;
1198
+ /** Sets the scroll container height. Required when using `stickyHeader`. Accepts any valid CSS value (e.g. `"500px"`, `"60vh"`). */
1174
1199
  maxHeight?: string | number;
1175
1200
  sorting?: SortingState;
1176
1201
  defaultSorting?: SortingState;
@@ -1941,4 +1966,12 @@ declare function AbilityProvider({ children, permissions }: AbilityProviderProps
1941
1966
  declare function useAbility(): AbilityContextValue;
1942
1967
  declare function useCan(permissions: string | string[], mode?: 'any' | 'all'): boolean;
1943
1968
 
1944
- export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, Calendar, CalendarDayButton, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, 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 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, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, 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, SideBar, type SideBarItem, type SideBarProps, SidebarProvider, SidebarTrigger, 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, 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, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
1969
+ interface TCCEProviderProps {
1970
+ children: ReactNode;
1971
+ permissions?: string[];
1972
+ toasterPosition?: ToasterPosition;
1973
+ tooltipDelayDuration?: number;
1974
+ }
1975
+ declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react_jsx_runtime.JSX.Element;
1976
+
1977
+ export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, Calendar, CalendarDayButton, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, 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 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, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, 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, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, 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, 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, SideBar, type SideBarItem, type SideBarProps, SidebarProvider, SidebarTrigger, 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, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };