@paygreen/pgui 3.0.15 → 3.1.0

package/dist/pgui.css

@@ -1 +1 @@
-@charset "UTF-8";.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.chakra-datepicker{width:100%}.chakra-datepicker .react-datepicker{font-size:var(--chakra-font-sizes-sm);font-family:inherit;border:1px solid var(--chakra-colors-border);border-radius:var(--chakra-radii-md);background-color:var(--chakra-colors-white);box-shadow:var(--chakra-shadows-md);width:100%}.chakra-datepicker .react-datepicker-wrapper{width:100%}.chakra-datepicker .react-datepicker__header{background-color:transparent;border-bottom:1px solid var(--chakra-colors-border);padding:.5rem}.chakra-datepicker .react-datepicker__month-select,.chakra-datepicker .react-datepicker__year-select{background-color:var(--chakra-colors-white);border:1px solid var(--chakra-colors-border);border-radius:var(--chakra-radii-md);padding:.2rem;margin:.2rem}.chakra-datepicker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:80px}.chakra-datepicker .react-datepicker__day{color:var(--chakra-colors-lm_gray-30);border-radius:var(--chakra-radii-md);margin:.1rem;width:1.75rem;line-height:1.75rem}.chakra-datepicker .react-datepicker__day:hover{background-color:var(--chakra-colors-lm_gray-80)}.chakra-datepicker .react-datepicker__day--keyboard-selected{background-color:var(--chakra-colors-lm_cello-50)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker .react-datepicker__day--selecting-range-start .chakra-datepicker .react-datepicker__day--selecting-range-end{background-color:var(--chakra-colors-lm_cello-40)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker .react-datepicker__day--in-selecting-range,.chakra-datepicker .react-datepicker__day--in-range{background-color:var(--chakra-colors-lm_cello-50)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker .react-datepicker__day--range-start,.chakra-datepicker .react-datepicker__day--range-end,.chakra-datepicker .react-datepicker__day--selected{background-color:var(--chakra-colors-lm_cello-40)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker .react-datepicker__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;visibility:hidden!important}.chakra-datepicker .react-datepicker__day--disabled{opacity:.5;cursor:not-allowed}.chakra-datepicker .react-datepicker__day--in-selecting-range{background-color:var(--chakra-colors-brand-100)}.chakra-datepicker .react-datepicker__time-container{border-left:1px solid var(--chakra-colors-border);width:5rem}.chakra-datepicker .react-datepicker-time__header{font-size:var(--chakra-font-sizes-sm)}.chakra-datepicker .react-datepicker__time-box{border-radius:0}.chakra-datepicker .react-datepicker__time-list-item{color:var(--chakra-colors-lm_gray-700);padding:.25rem}.chakra-datepicker .react-datepicker__time-list-item:hover{background-color:var(--chakra-colors-lm_gray-100)}.chakra-datepicker .react-datepicker__time-list-item--selected{background-color:var(--chakra-colors-lm_cello-40)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker .react-datepicker__day-name{color:var(--chakra-colors-lm_gray-600)}.chakra-datepicker .react-datepicker__current-month{display:none}.chakra-datepicker .react-datepicker__navigation-icon{margin-top:1rem}.chakra-datepicker .react-datepicker__navigation-icon:before{border-color:var(--chakra-colors-gray-600)}.chakra-datepicker .react-datepicker__triangle{display:none!important}.chakra-datepicker[data-theme=dark] .react-datepicker{background-color:var(--chakra-colors-lm_gray-20);border-color:var(--chakra-colors-lm_gray-30)}.chakra-datepicker[data-theme=dark] .react-datepicker__header{background-color:var(--chakra-colors-lm_gray-30);border-color:var(--chakra-colors-lm_gray-35)}.chakra-datepicker[data-theme=dark] .react-datepicker__day{color:var(--chakra-colors-lm_gray-60)}.chakra-datepicker[data-theme=dark] .react-datepicker__day:hover{background-color:var(--chakra-colors-lm_gray-35)}.chakra-datepicker[data-theme=dark] .react-datepicker__day--in-selecting-range{background-color:var(--chakra-colors-lm_cello-20)}.chakra-datepicker[data-theme=dark] .react-datepicker__time-container{border-color:var(--chakra-colors-lm_gray-600)}.chakra-datepicker[data-theme=dark] .react-datepicker-time__header{color:var(--chakra-colors-lm_gray-100)}.chakra-datepicker[data-theme=dark] .react-datepicker__time-list{background-color:var(--chakra-colors-lm_gray-800)}.chakra-datepicker[data-theme=dark] .react-datepicker__time-list-item{color:var(--chakra-colors-lm_gray-300)}.chakra-datepicker[data-theme=dark] .react-datepicker__time-list-item:hover{background-color:var(--chakra-colors-lm_gray-600)}.chakra-datepicker[data-theme=dark] .react-datepicker__time-list-item--selected{background-color:var(--chakra-colors-lm_cello-40)!important;color:var(--chakra-colors-white)!important}.chakra-datepicker[data-theme=dark] .react-datepicker__time-box{background-color:var(--chakra-colors-gray-800)}.chakra-datepicker[data-theme=dark] .react-datepicker__day-name{color:var(--chakra-colors-lm_gray-50)}.chakra-datepicker[data-theme=dark] .react-datepicker__current-month{color:var(--chakra-colors-lm_gray-75)}.chakra-datepicker[data-theme=dark] .react-datepicker__navigation-icon:before{border-color:var(--chakra-colors-lm_gray-75)}.chakra-datepicker[data-theme=dark] .react-datepicker__month-select,.chakra-datepicker[data-theme=dark] .react-datepicker__year-select{background-color:var(--chakra-colors-lm_gray-700);color:var(--chakra-colors-white);border:1px solid var(--chakra-colors-border-emphasized)}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.select-custom-container{font-size:var(--chakra-font-sizes-sm);min-width:200px;display:inline-block;width:100%}.select-custom-container--error .select-custom__control{border-color:var(--chakra-colors-border-error)!important}.select-custom-container--error .select-custom__control--is-focused{border-color:var(--chakra-colors-border-error)!important;box-shadow:0 0 0 1px var(--chakra-colors-border-error)!important}.select-custom-container--error .select-custom__control:hover{border-color:var(--chakra-colors-border-error)!important}.select-custom__single-value{color:var(--chakra-colors-fg)!important}.select-custom__control{border:1px solid var(--chakra-colors-border)!important}.select-custom__control,.select-custom__control--is-focused{min-height:var(--chakra-sizes-10)!important;background-color:transparent!important}.select-custom__control--is-focused{box-shadow:none!important;outline-offset:0!important;outline-width:var(--focus-ring-width, 1px)!important;outline-color:var(--chakra-colors-color-palette-focus-ring)!important;outline-style:var(--focus-ring-style, solid)!important;border-color:var(--chakra-colors-color-palette-focus-ring)!important}.select-custom__menu{z-index:1000!important;border:1px solid var(--chakra-colors-border)!important;background-color:var(--chakra-colors-bg-panel)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border-radius:var(--chakra-radii-md)!important}.select-custom__menu-list{border-radius:var(--chakra-radii-md)!important;padding:0!important}.select-custom__multi-value{background-color:var(--chakra-colors-bg-panel)!important;border:1px solid var(--chakra-colors-border)!important;border-radius:var(--chakra-radii-sm)!important}.select-custom__multi-value__label{color:var(--chakra-colors-fg)!important}.select-custom__option{background-color:var(--chakra-colors-bg)!important;font-size:var(--chakra-font-sizes-sm)!important;padding:5px 10px!important}.select-custom__option:hover{background-color:var(--chakra-colors-bg-muted)!important;cursor:pointer!important}.select-custom__option--is-selected{color:var(--chakra-colors-fg)!important;background-color:var(--chakra-colors-bg-muted)!important}.select-custom__multi-value__label{font-size:var(--chakra-font-sizes-sm)!important}.select-custom__multi-value__remove{color:var(--chakra-colors-fg)!important}.select-custom__multi-value__remove:hover{cursor:pointer!important;background-color:var(--chakra-colors-danger-muted)!important}.select-custom__indicator svg{cursor:pointer;width:15px;height:15px}
+:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.select-custom-container{font-size:var(--chakra-font-sizes-sm);min-width:200px;display:inline-block;width:100%}.select-custom-container--error .select-custom__control{border-color:var(--chakra-colors-border-error)!important}.select-custom-container--error .select-custom__control--is-focused{border-color:var(--chakra-colors-border-error)!important;box-shadow:0 0 0 1px var(--chakra-colors-border-error)!important}.select-custom-container--error .select-custom__control:hover{border-color:var(--chakra-colors-border-error)!important}.select-custom__single-value{color:var(--chakra-colors-fg)!important}.select-custom__control{border:1px solid var(--chakra-colors-border)!important}.select-custom__control,.select-custom__control--is-focused{min-height:var(--chakra-sizes-9)!important;background-color:transparent!important}.select-custom__control--is-focused{box-shadow:none!important;outline-offset:0!important;outline-width:var(--focus-ring-width, 1px)!important;outline-color:var(--chakra-colors-color-palette-focus-ring)!important;outline-style:var(--focus-ring-style, solid)!important;border-color:var(--chakra-colors-color-palette-focus-ring)!important}@keyframes pgui-select-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-custom__menu{z-index:1000!important;border:1px solid var(--chakra-colors-border)!important;background-color:var(--chakra-colors-bg-panel)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border-radius:var(--chakra-radii-md)!important;animation:pgui-select-menu-in .2s cubic-bezier(.4,0,.2,1)}.select-custom__menu-list{border-radius:var(--chakra-radii-md)!important;padding:0!important}.select-custom__multi-value{background-color:var(--chakra-colors-bg-panel)!important;border:1px solid var(--chakra-colors-border)!important;border-radius:var(--chakra-radii-sm)!important}.select-custom__multi-value__label{color:var(--chakra-colors-fg)!important}.select-custom__option{background-color:var(--chakra-colors-bg)!important;font-size:var(--chakra-font-sizes-sm)!important;padding:5px 10px!important}.select-custom__option:hover{background-color:var(--chakra-colors-bg-muted)!important;cursor:pointer!important}.select-custom__option--is-selected{color:var(--chakra-colors-fg)!important;background-color:var(--chakra-colors-bg-muted)!important}.select-custom__multi-value__label{font-size:var(--chakra-font-sizes-sm)!important}.select-custom__multi-value__remove{color:var(--chakra-colors-fg)!important}.select-custom__multi-value__remove:hover{cursor:pointer!important;background-color:var(--chakra-colors-danger-muted)!important}.select-custom__indicator svg{cursor:pointer;width:15px;height:15px}

package/dist/styled-system.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Type-only module augmenting Chakra UI's component prop interfaces
+ * with the pgui-specific variants we add via our recipes overrides.
+ *
+ * We augment the *exported* prop interfaces (e.g. `CardRootProps`) rather
+ * than the generated `CardVariant` interface, because the latter lives
+ * under the deep path `dist/types/styled-system/generated/recipes.gen`
+ * and is not re-exported from the root of `@chakra-ui/react`. A
+ * `declare module '@chakra-ui/react' { interface CardVariant {…} }` would
+ * therefore create an isolated phantom interface that does not merge
+ * with the one consumed by `CardRootProps`.
+ *
+ * `src/index.ts` re-exports this file so `vite-plugin-dts` keeps the
+ * reference in `dist/index.d.ts` and the augmentation is auto-pulled
+ * by consumers.
+ */
+declare module '@chakra-ui/react' {
+    interface CardRootProps {
+        /**
+         * When true, applies `cursor: pointer`, a `box-shadow` transition,
+         * and upgrades the shadow on hover via the `cardHover` token.
+         * The consumer remains responsible for `role="button"`, `tabIndex`,
+         * and keyboard handlers.
+         */
+        isInteractive?: boolean;
+    }
+}
+export {};

package/dist/theme/animationStyles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Curated set of named animation presets exposed by pgui.
+ *
+ * Consumers apply them via the `animationStyle` prop on any Chakra
+ * component:
+ *
+ *   <Box animationStyle="slideInTop" />
+ *   <Box animationStyle={{ _open: 'slideInTop', _closed: 'slideOutTop' }} />
+ *
+ * Each preset combines a Chakra v3 built-in keyframe (`fade-in/out`,
+ * `slide-from-X`, `slide-to-X`) with pgui's internal duration and
+ * easing tokens. Consumers never have to know the underlying ms or
+ * cubic-bezier values — they pick a semantic name.
+ *
+ * Distances on slide-from / slide-to are Chakra's subtle 0.5rem
+ * variants (not the `-full` 100% variants used by drawers). Override
+ * `animationDuration` / `animationTimingFunction` at the call site
+ * if a specific case needs a non-default pacing.
+ */
+declare const animationStyles: import('@chakra-ui/react').AnimationStyles;
+export default animationStyles;

package/dist/theme/recipes/alert-recipe.d.ts

@@ -1,2 +1,30 @@
-declare const alertRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "title" | "root" | "description" | "indicator">>;
+declare const alertRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
+    status: {
+        info: {
+            root: {
+                colorPalette: "info";
+            };
+        };
+        warning: {
+            root: {
+                colorPalette: "warning";
+            };
+        };
+        success: {
+            root: {
+                colorPalette: "success";
+            };
+        };
+        error: {
+            root: {
+                colorPalette: "danger";
+            };
+        };
+        neutral: {
+            root: {
+                colorPalette: "neutral";
+            };
+        };
+    };
+}>;
 export default alertRecipe;

package/dist/theme/recipes/button-recipe.d.ts

@@ -0,0 +1,46 @@
+/**
+ * pgui button recipe — overrides Chakra's default size scale by one
+ * notch, so medium buttons default to 36 px instead of Chakra's 40 px.
+ * Everything else (base styles, variants) is inherited from Chakra via
+ * `createSystem` deep-merge.
+ */
+declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        '2xs': {
+            h: "6";
+            minW: "6";
+            px: "2";
+        };
+        xs: {
+            h: "7";
+            minW: "7";
+            px: "2";
+        };
+        sm: {
+            h: "8";
+            minW: "8";
+            px: "3";
+        };
+        md: {
+            h: "9";
+            minW: "9";
+            px: "3.5";
+        };
+        lg: {
+            h: "10";
+            minW: "10";
+            px: "4";
+        };
+        xl: {
+            h: "11";
+            minW: "11";
+            px: "4.5";
+        };
+        '2xl': {
+            h: "14";
+            minW: "14";
+            px: "6";
+        };
+    };
+}>;
+export default buttonRecipe;

package/dist/theme/recipes/card-recipe.d.ts

@@ -4,12 +4,27 @@ declare const cardRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root"
             root: {
                 h: "fit-content";
                 w: "100%";
-                boxShadow: "sm";
+                borderWidth: "1px";
+                borderColor: "border";
+                boxShadow: "card";
             };
             description: {
                 color: "{fg}";
             };
         };
     };
+    isInteractive: {
+        true: {
+            root: {
+                cursor: "pointer";
+                transitionProperty: "box-shadow";
+                transitionDuration: "fast";
+                transitionTimingFunction: "standard";
+                _hover: {
+                    boxShadow: "cardHover";
+                };
+            };
+        };
+    };
 }>;
 export default cardRecipe;

package/dist/theme/recipes/index.d.ts

@@ -1,4 +1,68 @@
 declare const recipes: {
     text: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
+    input: import('@chakra-ui/react').RecipeDefinition<{
+        size: {
+            '2xs': {
+                '--input-height': "sizes.6";
+            };
+            xs: {
+                '--input-height': "sizes.7";
+            };
+            sm: {
+                '--input-height': "sizes.8";
+            };
+            md: {
+                '--input-height': "sizes.9";
+            };
+            lg: {
+                '--input-height': "sizes.10";
+            };
+            xl: {
+                '--input-height': "sizes.11";
+            };
+            '2xl': {
+                '--input-height': "sizes.14";
+            };
+        };
+    }>;
+    button: import('@chakra-ui/react').RecipeDefinition<{
+        size: {
+            '2xs': {
+                h: "6";
+                minW: "6";
+                px: "2";
+            };
+            xs: {
+                h: "7";
+                minW: "7";
+                px: "2";
+            };
+            sm: {
+                h: "8";
+                minW: "8";
+                px: "3";
+            };
+            md: {
+                h: "9";
+                minW: "9";
+                px: "3.5";
+            };
+            lg: {
+                h: "10";
+                minW: "10";
+                px: "4";
+            };
+            xl: {
+                h: "11";
+                minW: "11";
+                px: "4.5";
+            };
+            '2xl': {
+                h: "14";
+                minW: "14";
+                px: "6";
+            };
+        };
+    }>;
 };
 export default recipes;

package/dist/theme/recipes/input-recipe.d.ts

@@ -0,0 +1,33 @@
+/**
+ * pgui input recipe — overrides the `--input-height` CSS variable per
+ * size to a `sizes.N` token one notch smaller, so medium form inputs
+ * default to 36 px instead of Chakra's 40 px. Everything else (base
+ * styles, variants) is inherited from Chakra via `createSystem`
+ * deep-merge.
+ */
+declare const inputRecipe: import('@chakra-ui/react').RecipeDefinition<{
+    size: {
+        '2xs': {
+            '--input-height': "sizes.6";
+        };
+        xs: {
+            '--input-height': "sizes.7";
+        };
+        sm: {
+            '--input-height': "sizes.8";
+        };
+        md: {
+            '--input-height': "sizes.9";
+        };
+        lg: {
+            '--input-height': "sizes.10";
+        };
+        xl: {
+            '--input-height': "sizes.11";
+        };
+        '2xl': {
+            '--input-height': "sizes.14";
+        };
+    };
+}>;
+export default inputRecipe;

package/dist/theme/semanticTokens/index.d.ts

@@ -453,5 +453,19 @@ declare const semanticThemeTokens: {
             };
         };
     };
+    shadows: {
+        card: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+        cardHover: {
+            value: {
+                _light: string;
+                _dark: string;
+            };
+        };
+    };
 };
 export default semanticThemeTokens;

package/dist/theme/semanticTokens/shadows.d.ts

@@ -0,0 +1,15 @@
+declare const shadows: {
+    card: {
+        value: {
+            _light: string;
+            _dark: string;
+        };
+    };
+    cardHover: {
+        value: {
+            _light: string;
+            _dark: string;
+        };
+    };
+};
+export default shadows;

package/dist/theme/tokens/durations.d.ts

@@ -0,0 +1,6 @@
+declare const durations: {
+    spin: {
+        value: string;
+    };
+};
+export default durations;

package/dist/theme/tokens/easings.d.ts

@@ -0,0 +1,12 @@
+declare const easings: {
+    readonly standard: {
+        readonly value: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly accelerate: {
+        readonly value: "cubic-bezier(0.4, 0, 1, 1)";
+    };
+    readonly decelerate: {
+        readonly value: "cubic-bezier(0, 0, 0.2, 1)";
+    };
+};
+export default easings;

package/dist/theme/tokens/font-sizes.d.ts

@@ -1,3 +1,9 @@
+/**
+ * pgui fontSizes — already one notch smaller than Tailwind defaults
+ * for compact-density usage (pgui sm = 12 px ≈ Tailwind xs, pgui md =
+ * 14 px ≈ Tailwind sm). Not shifted again — text below 12 px becomes
+ * hard to read on body text.
+ */
 declare const fontSizes: {
     max: {
         value: string;

package/dist/theme/tokens/index.d.ts

@@ -401,6 +401,22 @@ declare const themeTokens: {
             };
         };
     };
+    durations: {
+        spin: {
+            value: string;
+        };
+    };
+    easings: {
+        readonly standard: {
+            readonly value: "cubic-bezier(0.4, 0, 0.2, 1)";
+        };
+        readonly accelerate: {
+            readonly value: "cubic-bezier(0.4, 0, 1, 1)";
+        };
+        readonly decelerate: {
+            readonly value: "cubic-bezier(0, 0, 0.2, 1)";
+        };
+    };
     fontSizes: {
         max: {
             value: string;

package/dist/theme/tokens/sizes.d.ts

@@ -1,3 +1,12 @@
+/**
+ * pgui sizes — only named width tokens (form / modal / container widths)
+ * are overridden. The numeric scale (1, 2, 3, ..., 96) is inherited
+ * from Chakra defaults (which match Tailwind defaults).
+ *
+ * Compactness of form-element heights is achieved per-component via
+ * `input-recipe.ts` / `button-recipe.ts` overrides — not by shifting
+ * the global `sizes` scale.
+ */
 declare const sizes: {
     max: {
         value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paygreen/pgui",
-  "version": "3.0.15",
+  "version": "3.1.0",
   "description": "core ui for paygreen apps",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -36,17 +36,16 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@chakra-ui/react": "^3.34.0",
-    "@chakra-ui/react-use-outside-click": "^2.2.0",
+    "@chakra-ui/react": "^3.35.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/geist": "^5.2.9",
+    "@internationalized/date": "^3.12.1",
     "@tanstack/react-table": "^8.21.3",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.20",
     "libphonenumber-js": "^1.12.39",
     "next-themes": "^0.4.6",
     "react": "^18.0.0 || ^19.0.0",
-    "react-datepicker": "^8.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-icons": "^5.6.0",
     "react-phone-number-input": "^3.4.16",
@@ -64,8 +63,8 @@
     "@storybook/react-vite": "^9.1.17",
     "@testing-library/react": "^16.3.2",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^24.12.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^24.12.4",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
@@ -83,9 +82,10 @@
     "eslint-plugin-storybook": "^0.11.2",
     "globals": "^16.2.0",
     "husky": "^9.1.7",
+    "jsdom": "^29.1.1",
     "lint-staged": "^16.3.2",
-    "playwright": "^1.58.2",
-    "prettier": "^3.8.1",
+    "playwright": "^1.60.0",
+    "prettier": "^3.8.3",
     "prop-types": "^15.8.1",
     "storybook": "^9.1.17",
     "typescript": "^5.9.3",
@@ -94,12 +94,11 @@
     "vitest": "^3.2.3"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.34.0",
+    "@chakra-ui/react": "^3.35.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@tanstack/react-table": "^8.21.3",
     "react": "^18.0.0 || ^19.0.0",
-    "react-datepicker": "^8.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-phone-number-input": "^3.4.16",
     "react-select": "^5.10.2",

package/src/components/select/select.css

@@ -28,7 +28,7 @@
 
 .select-custom__control,
 .select-custom__control--is-focused {
-  min-height: var(--chakra-sizes-10) !important;
+  min-height: var(--chakra-sizes-9) !important;
   background-color: transparent !important;
 }
 
@@ -41,6 +41,17 @@
   border-color: var(--chakra-colors-color-palette-focus-ring) !important;
 }
 
+@keyframes pgui-select-menu-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 .select-custom__menu {
   z-index: 1000 !important;
   border: 1px solid var(--chakra-colors-border) !important;
@@ -49,6 +60,7 @@
     0 4px 6px -1px rgba(0, 0, 0, 0.1),
     0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
   border-radius: var(--chakra-radii-md) !important;
+  animation: pgui-select-menu-in 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .select-custom__menu-list {

package/src/styles/index.css

@@ -1,12 +1,8 @@
 /* Fonts */
 @import "@fontsource-variable/geist/index.css";
 
-/* CSS for react-datepicker */
-@import "react-datepicker/dist/react-datepicker.css";
-
 /* CSS for react-phone-number-input */
 @import "react-phone-number-input/style.css";
 
 /* Custom components styles */
-@import "../components/date-picker/date-picker.css";
 @import "../components/select/select.css";