naria-ui 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/naria-ui.css CHANGED
@@ -1 +1 @@
1
- .transform-origin-top-start{transform-origin:top left}.transform-origin-top-end{transform-origin:top right}.transform-origin-top-center{transform-origin:top center}.transform-origin-bottom-center{transform-origin:bottom center}.transform-origin-bottom-start{transform-origin:bottom left}.transform-origin-bottom-end{transform-origin:bottom right}.transform-origin-right-start{transform-origin:top left}.transform-origin-left-start{transform-origin:top right}.transform-origin-left-center{transform-origin:left center}.transform-origin-right-center{transform-origin:right center}.transform-origin-right-bottom{transform-origin:right bottom}.transform-origin-left-bottom{transform-origin:left bottom}html[dir=rtl] .transform-origin-top-start{transform-origin:top right}html[dir=rtl] .transform-origin-top-end{transform-origin:top left}html[dir=rtl] .transform-origin-bottom-start{transform-origin:bottom right}html[dir=rtl] .transform-origin-bottom-end{transform-origin:bottom left}.backdrop--dismissible{cursor:default}.backdrop--opaque{background-color:#0000004d}.backdrop--blur{background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0}30%{-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes fadeInTranslateY{0%{opacity:0;-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;-moz-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}.naria-button{display:flex;align-items:center;width:100%}.naria-button .naria-loading{width:14px;height:14px}.naria-loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.naria-calendar .naria-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__header .naria-calendar__month-year{grid-column:auto/span 3}.naria-calendar .naria-calendar__header .naria-calendar__next-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__next-year svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{width:16px;height:16px}.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(180deg)}.naria-calendar .naria-calendar__body .naria-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__body .naria-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.naria-calendar .naria-calendar__body .naria-calendar__months{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.naria-calendar .naria-calendar__day--selected,.naria-calendar .naria-calendar__month--selected{background-color:#fff}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(0)}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-year svg{transform:rotate(180deg)}.naria-checkbox{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.naria-checkbox input{display:none}.naria-checkbox .naria-checkbox__indicator{width:20px;height:20px;border:2px solid black;border-radius:6px;position:relative;transition:all .1s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.naria-checkbox .naria-checkbox__indicator span{width:100%;height:100%;transform:scale(0);transition:transform .1s ease}.naria-checkbox .naria-checkbox__indicator svg polyline{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.naria-checkbox input:checked+.naria-checkbox__indicator{background-color:#fff;border-color:#000}.naria-checkbox input:checked+.naria-checkbox__indicator span{transform:scale(1)}.naria-checkbox input:checked+.naria-checkbox__indicator svg polyline{stroke-dashoffset:0}.naria-checkbox:not(.disabled):hover .naria-checkbox__indicator{border-color:red}.naria-checkbox:not(.disabled):focus .naria-checkbox__indicator{box-shadow:0 0 0 3px #0000004d}.naria-checkbox.disabled{cursor:not-allowed;opacity:.6}.naria-modal__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:950;cursor:pointer}.naria-modal__backdrop.naria-modal__backdrop--show{opacity:1}.naria-modal__backdrop .naria-modal{cursor:auto;opacity:0;width:100%;display:flex;flex-direction:column;height:100%}.naria-modal__backdrop .naria-modal.naria-modal--show{opacity:1}.naria-modal__backdrop .naria-modal.naria-modal--desktop{animation:fadeInTranslateY .2s ease-out forwards}.naria-modal__backdrop .naria-modal.naria-modal--mobile{max-height:100%;height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-modal__backdrop .naria-modal .naria-modal__header{display:flex;align-items:center;justify-content:space-between}.naria-modal__backdrop .naria-modal .naria-modal__body{height:100%;overflow-y:auto}@media screen and (min-width:768px){.naria-modal__backdrop{place-items:center}}.naria-pagination .naria-pagination__page--active{background-color:red}.naria-popover__content.naria-popover__content--desktop{position:absolute;z-index:951}.naria-popover__content.naria-popover__content--mobile{animation:fadeInBottomToTop .2s ease-out forwards}.naria-popover__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:950;cursor:pointer;background-color:#0000004d}.fade-in-scale{animation:fadeInScale .2s ease-out forwards}.fade-out-scale{animation:fadeOutScale .05s ease-out forwards}@media screen and (min-width:768px){.naria-popover .naria-popover__backdrop{place-items:center}}.naria-radio{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.naria-radio input{display:none}.naria-radio .naria-radio__indicator{width:20px;height:20px;border:2px solid black;border-radius:9999px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.naria-radio .naria-radio__indicator>div{width:14px;height:14px;transform:scale(0);transition:transform .1s ease;display:flex;align-items:center;justify-content:center}.naria-radio .naria-radio__indicator>div span{border-radius:9999px;width:100%;height:100%;background-color:red}.naria-radio input:checked+.naria-radio__indicator{background-color:#fff;border-color:#000}.naria-radio input:checked+.naria-radio__indicator>div{transform:scale(1)}.naria-radio:not(.disabled):hover .naria-radio__indicator{border-color:red}.naria-radio:not(.disabled):focus .naria-radio__indicator{box-shadow:0 0 0 3px #0000004d}.naria-radio.disabled{cursor:not-allowed;opacity:.6}.naria-select__option--active{background-color:red}.naria-select{position:relative}.naria-select .naria-select__search-input-root{position:relative;display:flex}.naria-select .naria-select__search-input-root input{width:100%}.naria-select .naria-select__handler{position:relative!important;display:flex;gap:4px;width:100%;align-items:center;justify-content:space-between}.naria-select .naria-select__handler .naria-select__arrow-icon{transition:transform .4s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.naria-select .naria-select__handler .naria-select__arrow-icon.naria-select__arrow-icon--rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.naria-select__icon-root{position:absolute;bottom:0;margin-top:auto;margin-bottom:auto;top:0;right:0;width:12px;z-index:1;display:flex;align-items:center;justify-content:center}.naria-select__icon-root .naria-select__arrow-icon,.naria-select__icon-root .naria-select__search-icon{display:block}.naria-select__icon-root .naria-select__arrow-icon svg,.naria-select__icon-root .naria-select__search-icon svg{width:100%;display:block}.naria-select__list-root{overflow:hidden}.naria-select__list-root.naria-select__list-root--mobile{position:fixed;bottom:0;height:100%;width:100%;z-index:950}.naria-select__list-root .naria-select__list{display:flex;flex-direction:column;z-index:99;position:relative;overflow:auto}.naria-select__list-root .naria-select__list.naria-select__list--mobile{position:fixed;bottom:0;width:100%;max-height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-select__list-root .naria-select__list.naria-select__list--desktop{width:100%;position:absolute;animation:fadeInTranslateY .3s ease-out forwards;max-height:150px}.naria-select__list-root .naria-select__list .naria-select__loading-root{padding:24px 0;display:flex;justify-content:center}.naria-select__list-root .naria-select__list .naria-select__loading-root .naria-select__loading{width:24px;margin:auto}.naria-select__list-root .naria-select__list .naria-select__loading-more-root{position:sticky;bottom:0;text-align:center;width:100%}.naria-select__list-root .naria-select__list .naria-select__loading-more-root .naria-select__loading-more{width:24px;margin:auto}.naria-select__list-root .naria-select__list .naria-select__header--mobile{position:sticky;top:0;justify-content:end;display:flex;gap:8px}.naria-select__list-root .naria-select__list .naria-select__header--mobile .naria-select__search-input-root{position:relative;flex-grow:1}.naria-select__list-root .naria-select__list .naria-select__header--mobile .naria-select__search-input-root .naria-select__search-input{width:100%}html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__icon-root{left:0;right:auto}.naria-switch{display:flex;cursor:pointer}.naria-switch.disabled{cursor:not-allowed;opacity:.6}.naria-switch__button{position:relative;display:inline-block;background:none;border:none;padding:0;outline:none;cursor:pointer}.naria-switch__button:disabled{cursor:not-allowed}.naria-switch__button.active .naria-switch__thumb{transform:translate(16px)}.naria-switch__track{display:block;background-color:#e2e8f0;border-radius:9999px;transition:background-color .2s ease;position:relative;width:36px;height:20px}.naria-switch__thumb{position:absolute;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a;width:16px;height:16px;top:2px;left:2px}.naria-switch__button.active .naria-switch__track{background-color:#3b82f6}.naria-switch__button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.naria-switch__label{font-size:14px;color:#1f2937;-webkit-user-select:none;user-select:none}.naria-switch__button:not(.disabled):hover .naria-switch__track{background-color:#cbd5e1}.naria-switch__button:not(.disabled):hover.active .naria-switch__track{background-color:#2563eb}.naria-switch__track,.naria-switch__thumb{transition:all .2s cubic-bezier(.4,0,.2,1)}.naria-tabs__container{display:flex;align-items:center}.naria-tabs__tab-wrapper{flex:1;display:flex;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;align-items:center}.naria-tabs__tab-wrapper::-webkit-scrollbar{display:none}.naria-tabs__scroll-btn{border:none;cursor:pointer;z-index:1;transition:all .2s ease;flex-shrink:0;display:flex}.naria-tabs__scroll-btn:disabled{opacity:.3;cursor:not-allowed}.naria-tabs__scroll-btn__arrow{width:20px;height:20px}.naria-tabs__scroll-btn__arrow--rotate{transform:rotate(180deg)}.naria-tabs__tab{white-space:nowrap;transition:all .2s ease}.naria-tabs__content{display:none;animation:fadeInTranslateY .2s ease-out forwards}.naria-tabs__content:not([hidden]){display:block}
1
+ .transform-origin-top-start{transform-origin:top left}.transform-origin-top-end{transform-origin:top right}.transform-origin-top-center{transform-origin:top center}.transform-origin-bottom-center{transform-origin:bottom center}.transform-origin-bottom-start{transform-origin:bottom left}.transform-origin-bottom-end{transform-origin:bottom right}.transform-origin-right-start{transform-origin:top left}.transform-origin-left-start{transform-origin:top right}.transform-origin-left-center{transform-origin:left center}.transform-origin-right-center{transform-origin:right center}.transform-origin-right-bottom{transform-origin:right bottom}.transform-origin-left-bottom{transform-origin:left bottom}html[dir=rtl] .transform-origin-top-start{transform-origin:top right}html[dir=rtl] .transform-origin-top-end{transform-origin:top left}html[dir=rtl] .transform-origin-bottom-start{transform-origin:bottom right}html[dir=rtl] .transform-origin-bottom-end{transform-origin:bottom left}.backdrop--dismissible{cursor:default}.backdrop--opaque{background-color:#0000004d}.backdrop--blur{background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0}30%{-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes fadeInTranslateY{0%{opacity:0;-moz-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;-moz-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}.naria-button{display:flex;align-items:center;width:100%}.naria-button .naria-loading{width:14px;height:14px}.naria-loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.naria-calendar .naria-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__header .naria-calendar__month-year{grid-column:auto/span 3}.naria-calendar .naria-calendar__header .naria-calendar__next-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__next-year svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{width:16px;height:16px}.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(180deg)}.naria-calendar .naria-calendar__body .naria-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__body .naria-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.naria-calendar .naria-calendar__body .naria-calendar__months{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.naria-calendar .naria-calendar__day--selected,.naria-calendar .naria-calendar__month--selected{background-color:#fff}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(0)}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-year svg{transform:rotate(180deg)}.naria-checkbox{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.naria-checkbox input{display:none}.naria-checkbox .naria-checkbox__indicator{width:20px;height:20px;border:2px solid black;border-radius:6px;position:relative;transition:all .1s ease;display:flex;align-items:center;justify-content:center;background-color:#fff}.naria-checkbox .naria-checkbox__indicator span{width:100%;height:100%;transform:scale(0);transition:transform .1s ease}.naria-checkbox .naria-checkbox__indicator svg polyline{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.naria-checkbox input:checked+.naria-checkbox__indicator{background-color:#fff;border-color:#000}.naria-checkbox input:checked+.naria-checkbox__indicator span{transform:scale(1)}.naria-checkbox input:checked+.naria-checkbox__indicator svg polyline{stroke-dashoffset:0}.naria-checkbox:not(.disabled):hover .naria-checkbox__indicator{border-color:red}.naria-checkbox:not(.disabled):focus .naria-checkbox__indicator{box-shadow:0 0 0 3px #0000004d}.naria-checkbox.disabled{cursor:not-allowed;opacity:.6}.naria-modal__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:950;cursor:pointer}.naria-modal__backdrop.naria-modal__backdrop--show{opacity:1}.naria-modal__backdrop .naria-modal{cursor:auto;opacity:0;width:100%;display:flex;flex-direction:column;height:100%}.naria-modal__backdrop .naria-modal.naria-modal--show{opacity:1}.naria-modal__backdrop .naria-modal.naria-modal--desktop{animation:fadeInTranslateY .2s ease-out forwards}.naria-modal__backdrop .naria-modal.naria-modal--mobile{max-height:100%;height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-modal__backdrop .naria-modal .naria-modal__header{display:flex;align-items:center;justify-content:space-between}.naria-modal__backdrop .naria-modal .naria-modal__body{height:100%;overflow-y:auto}@media screen and (min-width: 768px){.naria-modal__backdrop{place-items:center}}.naria-pagination .naria-pagination__page--active{background-color:red}.naria-popover__content.naria-popover__content--desktop{position:absolute;z-index:951}.naria-popover__content.naria-popover__content--mobile{animation:fadeInBottomToTop .2s ease-out forwards}.naria-popover__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:950;cursor:pointer;background-color:#0000004d}.fade-in-scale{animation:fadeInScale .2s ease-out forwards}.fade-out-scale{animation:fadeOutScale .05s ease-out forwards}@media screen and (min-width: 768px){.naria-popover .naria-popover__backdrop{place-items:center}}.naria-radio{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.naria-radio input{display:none}.naria-radio .naria-radio__indicator{width:20px;height:20px;border:2px solid black;border-radius:9999px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.naria-radio .naria-radio__indicator>div{width:14px;height:14px;transform:scale(0);transition:transform .1s ease;display:flex;align-items:center;justify-content:center}.naria-radio .naria-radio__indicator>div span{border-radius:9999px;width:100%;height:100%;background-color:red}.naria-radio input:checked+.naria-radio__indicator{background-color:#fff;border-color:#000}.naria-radio input:checked+.naria-radio__indicator>div{transform:scale(1)}.naria-radio:not(.disabled):hover .naria-radio__indicator{border-color:red}.naria-radio:not(.disabled):focus .naria-radio__indicator{box-shadow:0 0 0 3px #0000004d}.naria-radio.disabled{cursor:not-allowed;opacity:.6}.naria-select__option--active{background-color:red}.naria-select{position:relative}.naria-select .naria-select__search-input-root{position:relative;display:flex}.naria-select .naria-select__search-input-root input{width:100%}.naria-select .naria-select__handler{position:relative!important;display:flex;gap:4px;width:100%;align-items:center;justify-content:space-between}.naria-select .naria-select__handler .naria-select__arrow-icon{transition:transform .4s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.naria-select .naria-select__handler .naria-select__arrow-icon.naria-select__arrow-icon--rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.naria-select__icon-root{position:absolute;bottom:0;margin-top:auto;margin-bottom:auto;top:0;right:0;width:12px;z-index:1;display:flex;align-items:center;justify-content:center}.naria-select__icon-root .naria-select__arrow-icon,.naria-select__icon-root .naria-select__search-icon{display:block}.naria-select__icon-root .naria-select__arrow-icon svg,.naria-select__icon-root .naria-select__search-icon svg{width:100%;display:block}.naria-select__list-root{overflow:hidden}.naria-select__list-root.naria-select__list-root--mobile{position:fixed;bottom:0;height:100%;width:100%;z-index:950}.naria-select__list-root .naria-select__list{display:flex;flex-direction:column;z-index:99;position:relative;overflow:auto}.naria-select__list-root .naria-select__list.naria-select__list--mobile{position:fixed;bottom:0;width:100%;max-height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-select__list-root .naria-select__list.naria-select__list--desktop{width:100%;position:absolute;animation:fadeInTranslateY .3s ease-out forwards;max-height:150px}.naria-select__list-root .naria-select__list .naria-select__loading-root{padding:24px 0;display:flex;justify-content:center}.naria-select__list-root .naria-select__list .naria-select__loading-root .naria-select__loading{width:24px;margin:auto}.naria-select__list-root .naria-select__list .naria-select__loading-more-root{position:sticky;bottom:0;text-align:center;width:100%}.naria-select__list-root .naria-select__list .naria-select__loading-more-root .naria-select__loading-more{width:24px;margin:auto}.naria-select__list-root .naria-select__list .naria-select__header--mobile{position:sticky;top:0;justify-content:end;display:flex;gap:8px}.naria-select__list-root .naria-select__list .naria-select__header--mobile .naria-select__search-input-root{position:relative;flex-grow:1}.naria-select__list-root .naria-select__list .naria-select__header--mobile .naria-select__search-input-root .naria-select__search-input{width:100%}html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__icon-root{left:0;right:auto}.naria-switch{display:flex;cursor:pointer}.naria-switch.disabled{cursor:not-allowed;opacity:.6}.naria-switch__button{position:relative;display:inline-block;background:none;border:none;padding:0;outline:none;cursor:pointer}.naria-switch__button:disabled{cursor:not-allowed}.naria-switch__button.active .naria-switch__thumb{transform:translate(16px)}.naria-switch__track{display:block;background-color:#e2e8f0;border-radius:9999px;transition:background-color .2s ease;position:relative;width:36px;height:20px}.naria-switch__thumb{position:absolute;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a;width:16px;height:16px;top:2px;left:2px}.naria-switch__button.active .naria-switch__track{background-color:#3b82f6}.naria-switch__button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.naria-switch__label{font-size:14px;color:#1f2937;-webkit-user-select:none;user-select:none}.naria-switch__button:not(.disabled):hover .naria-switch__track{background-color:#cbd5e1}.naria-switch__button:not(.disabled):hover.active .naria-switch__track{background-color:#2563eb}.naria-switch__track,.naria-switch__thumb{transition:all .2s cubic-bezier(.4,0,.2,1)}.naria-tabs__container{display:flex;align-items:center}.naria-tabs__tab-wrapper{flex:1;display:flex;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;align-items:center}.naria-tabs__tab-wrapper::-webkit-scrollbar{display:none}.naria-tabs__scroll-btn{border:none;cursor:pointer;z-index:1;transition:all .2s ease;flex-shrink:0;display:flex}.naria-tabs__scroll-btn:disabled{opacity:.3;cursor:not-allowed}.naria-tabs__scroll-btn__arrow{width:20px;height:20px}.naria-tabs__scroll-btn__arrow--rotate{transform:rotate(180deg)}.naria-tabs__tab{white-space:nowrap;transition:all .2s ease}.naria-tabs__content{display:none;animation:fadeInTranslateY .2s ease-out forwards}.naria-tabs__content:not([hidden]){display:block}