@cocso-ui/react 0.2.21 → 1.0.1

package/dist/esm/index.css

@@ -1 +1,7 @@
-.Accordion-module_content__V9Ftc,.Accordion-module_item__iE3dq{overflow:hidden}.Accordion-module_content__V9Ftc[data-state=open]{animation:Accordion-module_slide-down__88c3a .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_content__V9Ftc[data-state=closed]{animation:Accordion-module_slide-up__hbYw7 .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_trigger__6nu7o{cursor:pointer;display:flex;justify-content:space-between;width:100%}.Accordion-module_chevron__oFGVg{display:inline-block;height:var(--ds-spacing-10);transition:transform .2s ease-in-out;width:var(--ds-spacing-10)}.Accordion-module_trigger__6nu7o[data-state=closed]>.Accordion-module_chevron__oFGVg{transform:rotate(0deg)}.Accordion-module_trigger__6nu7o[data-state=open]>.Accordion-module_chevron__oFGVg{transform:rotate(180deg)}@keyframes Accordion-module_slide-up__hbYw7{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes Accordion-module_slide-down__88c3a{0%{height:0}to{height:var(--radix-accordion-content-height)}}.Typography-module_typography__45lnt{--cocso-typography-font-color:inherit;--cocso-typography-font-size:inherit;--cocso-typography-font-weight:inherit;--cocso-typography-line-height:inherit;color:var(--cocso-typography-font-color);font-size:var(--cocso-typography-font-size);font-weight:var(--cocso-typography-font-weight);line-height:var(--cocso-typography-line-height)}.Typography-module_typography__45lnt[aria-disabled=true]{cursor:not-allowed;opacity:.4}@media (min-width:768px){.Typography-module_typography__45lnt{font-size:var(--cocso-tablet-typography-font-size,var(--cocso-typography-font-size))}}@media (min-width:1024px){.Typography-module_typography__45lnt{font-size:var(--cocso-desktop-typography-font-size,var(--cocso-tablet-typography-font-size,var(--cocso-typography-font-size)))}}.Badge-module_badge__ikDSa{--cocso-badge-padding:inherit;--cocso-badge-border-radius:inherit;--cocso-badge-bg-color:inherit;background-color:var(--cocso-badge-bg-color);border-radius:var(--cocso-badge-border-radius);display:inline-flex;padding:var(--cocso-badge-padding);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.Badge-module_inner__-g0sp{align-items:center;display:inline-flex;gap:2px}@keyframes Spinner-module_donut-spin__cBa-F{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Spinner-module_spinner__iIx6p{--cocso-spinner-size:inherit;--cocso-spinner-border-width:inherit;--cocso-spinner-border-color:inherit;--cocso-spinner-bg-color:inherit;animation:Spinner-module_donut-spin__cBa-F .5s linear infinite;border:var(--cocso-spinner-border-width) solid var(--cocso-spinner-bg-color);border-radius:50%;border-top-color:var(--cocso-spinner-border-color);display:inline-block;height:var(--cocso-spinner-size);position:relative;transform-origin:center center;width:var(--cocso-spinner-size)}.Button-module_button__eiKKZ{--cocso-button-height:inherit;--cocso-button-padding-inline:inherit;--cocso-button-content-padding:inherit;--cocso-button-font-color:inherit;--cocso-button-font-size:inherit;--cocso-button-font-weight:inherit;--cocso-button-border:inherit;--cocso-button-border-radius:inherit;--cocso-button-bg-color:inherit;align-items:center;background-color:var(--cocso-button-bg-color);border:var(--cocso-button-border);border-radius:var(--cocso-button-border-radius);color:var(--cocso-button-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-button-font-size);font-weight:var(--cocso-button-font-weight);height:var(--cocso-button-height);justify-content:center;opacity:1;padding-inline:var(--cocso-button-padding-inline);position:relative;transform:translateZ(0);transition:background-color .15s ease-in-out,transform .15s ease-in-out}.Button-module_button__eiKKZ:not(.Button-module_disabled__M6r1w):hover{--cocso-button-bg-color-hover:inherit;background-color:var(--cocso-button-bg-color-hover)}.Button-module_button__eiKKZ:not(.Button-module_disabled__M6r1w):active{--cocso-button-bg-color-active:inherit;background-color:var(--cocso-button-bg-color-active);transform:scale(.98)}.Button-module_content__SVjwi{padding:var(--cocso-button-content-padding)}.Button-module_prefix__d7ljt{margin-right:2px}.Button-module_prefix__d7ljt,.Button-module_suffix__9oysT{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.Button-module_suffix__9oysT{margin-left:2px}.Button-module_disabled__M6r1w{cursor:not-allowed;opacity:.4}.Button-module_svgOnly__8RcZ7{aspect-ratio:1/1;padding:0}.Checkbox-module_wrapper__5uqJp{align-items:center;display:flex;gap:var(--ds-spacing-5)}.Checkbox-module_checkbox__05Z5t{--cocso-checkbox-size:inherit;--cocso-checkbox-color:inherit;--cocso-checkbox-border-color:inherit;--cocso-checkbox-bg-color:inherit;align-items:center;background-color:var(--cocso-checkbox-bg-color);border:1px solid var(--cocso-checkbox-border-color);border-radius:4px;color:var(--cocso-checkbox-color);cursor:pointer;display:inline-flex;height:var(--cocso-checkbox-size);justify-content:center;opacity:1;position:relative;transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;width:var(--cocso-checkbox-size)}.Checkbox-module_icon__hEcKq{stroke:var(--cocso-checkbox-color);display:block;height:auto;max-width:100%;transition:stroke .15s ease-in-out}.Checkbox-module_checkbox__05Z5t input[type=checkbox]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.Checkbox-module_indicator__MLpNt{bottom:var(--ds-spacing-1);left:var(--ds-spacing-1);position:absolute;right:var(--ds-spacing-1);top:var(--ds-spacing-1);transition:opacity .15s ease-in-out}.Checkbox-module_label__ubb5U{cursor:pointer;opacity:1}.Checkbox-module_checkbox__05Z5t[disabled],.Checkbox-module_label__ubb5U[aria-disabled=true]{cursor:not-allowed;opacity:.4}@keyframes Dropdown-module_dropdown-slide-up__2uVH3{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Dropdown-module_dropdown-slide-down__T5LLc{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.Dropdown-module_content__S3TRi{background-color:var(--ds-color-white);border-radius:var(--ds-spacing-3);box-shadow:var(--ds-shadow-2);display:flex;flex-direction:column;will-change:transform,opacity;z-index:var(--ds-z-index-overlay)}.Dropdown-module_content__S3TRi[data-side=top]{animation:Dropdown-module_dropdown-slide-up__2uVH3 .4s cubic-bezier(.16,1,.3,1)}.Dropdown-module_content__S3TRi[data-side=bottom]{animation:Dropdown-module_dropdown-slide-down__T5LLc .4s cubic-bezier(.16,1,.3,1)}.Dropdown-module_item__MIltz{display:flex;flex-direction:column}.DayPicker-module_root__lDrAw{display:inline-block;transform:translateZ(0)}.DayPicker-module_content__VVh4Y{min-width:260px;overflow:hidden}.DayPicker-module_sunday__RaZuV{color:var(--ds-color-danger-600)!important}.DayPicker-module_saturday__e-AQO{color:var(--ds-color-primary-600)!important}.react-datepicker__month-container{padding-block:var(--ds-spacing-8);width:100%}.react-datepicker__day-names{text-align:center;white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name{color:var(--ds-color-text-primary);display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day{border-radius:8px;cursor:pointer;font-weight:500}.react-datepicker__day:hover{background-color:var(--ds-color-neutral-50)}.react-datepicker__day--selected{background-color:var(--ds-color-primary-500);color:var(--ds-color-white)!important}.react-datepicker__day--selected:hover{background-color:var(--ds-color-primary-600)!important}.react-datepicker__day-name:first-child{color:var(--ds-color-danger-600)}.react-datepicker__day-name:nth-child(7){color:var(--ds-color-primary-600)}.react-datepicker__day--disabled{cursor:not-allowed;opacity:.3}.Link-module_link__J9CFb{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ds-spacing-2);justify-content:center;text-decoration:none;transition:color .15s ease-in-out;width:fit-content}.Link-module_link__J9CFb>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Link-module_indicator__DIUaW{text-decoration:underline}@keyframes Modal-module_overlay-show__zyvAx{0%{opacity:0}to{opacity:1}}.Modal-module_overlay__7ZBDB{animation:Modal-module_overlay-show__zyvAx .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-black-alpha-30);inset:0;position:fixed;z-index:var(--ds-z-index-overlay)}@keyframes Modal-module_content-show__anq3d{0%{opacity:0;transform:translate(-50%,-48%) scale(.997)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.Modal-module_content__M1b6Q{animation:Modal-module_content-show__anq3d .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border-radius:12px;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:380px;padding:var(--ds-spacing-9);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:var(--ds-z-index-modal)}.Modal-module_close__UbAF7{align-items:center;align-self:flex-end;cursor:pointer;display:flex;height:var(--ds-spacing-10);justify-content:center;position:absolute;right:var(--ds-spacing-9);top:var(--ds-spacing-9);width:var(--ds-spacing-10)}.Modal-module_title__oTluo{word-break:keep-all}.Modal-module_description__RgMC5{margin-top:var(--ds-spacing-3)}.MonthPicker-module_root__my2Kl{display:inline-block;transform:translateZ(0)}.MonthPicker-module_content__6glhz{min-width:260px;overflow:hidden}.react-datepicker{background-color:var(--ds-color-white);color:var(--ds-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:var(--ds-spacing-8);position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--ds-spacing-5);width:100%}.react-datepicker__week{text-align:center;white-space:nowrap}.react-datepicker__month{display:flex;flex-direction:column;gap:var(--ds-spacing-5)}.react-datepicker__month-wrapper{align-items:center;display:flex;gap:var(--ds-spacing-5);justify-content:space-between}.react-datepicker__month-text{align-items:center;border-radius:8px;color:var(--ds-color-text-primary);cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;height:40px;justify-content:center}.react-datepicker__month-text:hover{background-color:var(--ds-color-neutral-50)}.react-datepicker__month-text--selected{background-color:var(--ds-color-primary-500);color:var(--ds-color-white);font-weight:600}.OneTimePasswordField-module_otp__zoWO7{align-items:center;display:flex;gap:var(--ds-spacing-5)}.OneTimePasswordField-module_input__owV9H{align-items:center;background-color:var(--ds-color-neutral-50);border:none;border-radius:var(--ds-spacing-2);box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-50);color:var(--ds-color-neutral-950);display:inline-flex;flex:1;font-size:16px;font-weight:500;height:100%;justify-content:center;line-height:1;outline:none;text-align:center;text-transform:uppercase;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.OneTimePasswordField-module_input__owV9H:focus,.OneTimePasswordField-module_input__owV9H:hover{box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-200)}.OneTimePasswordField-module_input__owV9H::selection{background-color:var(--ds-color-neutral-400)}.Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:transform .15s ease-in-out;width:var(--ds-spacing-12);will-change:transform}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_arrow__YYkob:active,.Pagination-module_item__uVIra:active{transform:scale(.98)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}@keyframes Popover-module_slide-up-and-fade__adQar{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-right-and-fade__br3DV{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes Popover-module_slide-down-and-fade__Lkl4N{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-left-and-fade__yHinG{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.Popover-module_content__ry9PF{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border:1px solid var(--ds-color-neutral-100);border-radius:var(--ds-spacing-4);box-shadow:var(--ds-shadow-2);padding-block:var(--ds-spacing-6);padding-inline:var(--ds-spacing-8);will-change:transform,opacity}.Popover-module_content__ry9PF[data-state=open][data-side=top]{animation-name:Popover-module_slide-down-and-fade__Lkl4N}.Popover-module_content__ry9PF[data-state=open][data-side=right]{animation-name:Popover-module_slide-left-and-fade__yHinG}.Popover-module_content__ry9PF[data-state=open][data-side=bottom]{animation-name:Popover-module_slide-up-and-fade__adQar}.Popover-module_content__ry9PF[data-state=open][data-side=left]{animation-name:Popover-module_slide-right-and-fade__br3DV}.RadioGroup-module_root__6bGu5{display:flex;flex-direction:column;gap:6px}.RadioGroup-module_root__6bGu5[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_item__g-YFM{background-color:#fff;border:2px solid var(--ds-color-text-primary);border-radius:100%;cursor:pointer;height:18px;width:18px}.RadioGroup-module_item__g-YFM[data-state=checked]{border-color:var(--ds-color-primary-500)}.RadioGroup-module_item__g-YFM[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_indicator__Tb6Nm{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.RadioGroup-module_indicator__Tb6Nm:after{background-color:var(--ds-color-primary-500);border-radius:50%;content:"";display:block;height:8px;width:8px}.Select-module_wrapper__4k8By{cursor:pointer;position:relative;width:fit-content}.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW,.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW .Select-module_select__MUUdH{width:100%}.Select-module_select__MUUdH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--ds-color-white);appearance:none;-o-appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--cocso-select-bg-color);border:1px solid var(--ds-color-neutral-100);border-radius:var(--cocso-select-border-radius);color:var(--ds-color-neutral-950);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG{cursor:not-allowed}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_select__MUUdH{cursor:not-allowed;opacity:.4}.Select-module_icon__EuBJI{color:var(--ds-color-neutral-500);pointer-events:none;position:absolute;right:var(--ds-spacing-5);top:50%;transform:translateY(-50%)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_icon__EuBJI{cursor:not-allowed;opacity:.4}.StockQuantityStatus-module_stock__mWbqI{--cocso-stock-quantity-status-color:inherit;align-items:center;color:var(--cocso-stock-quantity-status-color);display:inline-flex;gap:var(--ds-spacing-2)}.StockQuantityStatus-module_indicator__inaKv{--cocso-stock-quantity-status-indicator-width:inherit;flex-shrink:0;height:auto;width:var(--cocso-stock-quantity-status-indicator-width)}.StockQuantityStatus-module_indicator__inaKv>svg{height:100%;width:100%}.Switch-module_wrapper__qcI9-{align-items:center;display:flex;gap:var(--ds-spacing-5)}.Switch-module_wrapper__qcI9-[aria-disabled=true]{cursor:not-allowed;opacity:.4}.Switch-module_switch__pwmft{--cocso-switch-width:inherit;--cocso-switch-height:inherit;--cocso-switch-bg-color:inherit;background-color:var(--cocso-switch-bg-color);border-radius:var(--ds-spacing-max);cursor:pointer;height:var(--cocso-switch-height);opacity:1;position:relative;width:var(--cocso-switch-width)}.Switch-module_switch__pwmft[data-disabled=true],.Switch-module_switch__pwmft[disabled]{cursor:not-allowed;opacity:.4}.Switch-module_switch__pwmft[data-state=checked]{--cocso-switch-bg-color:var(--ds-color-primary-500)}.Switch-module_thumb__pQGDy{--cocso-switch-thumb-width:inherit;--cocso-switch-thumb-height:inherit;background-color:var(--ds-color-white);border-radius:var(--ds-spacing-max);display:block;height:var(--cocso-switch-thumb-width);transform:translateX(var(--ds-spacing-2));transition:transform .15s ease;width:var(--cocso-switch-thumb-width);will-change:transform}.Switch-module_thumb__pQGDy[data-state=checked]{transform:translateX(calc(var(--cocso-switch-width) - var(--cocso-switch-thumb-width) - var(--ds-spacing-2)))}
+@layer components{.accordion-module_content__1WTaS,.accordion-module_item__qfZXb{overflow:hidden}.accordion-module_content__1WTaS[data-open]{animation:accordion-module_slide-down__0ZzAE var(--cocso-duration-slow) var(--cocso-easing-accordion)}.accordion-module_content__1WTaS:not([data-open]){animation:accordion-module_slide-up__txwke var(--cocso-duration-slow) var(--cocso-easing-accordion)}.accordion-module_trigger__p5Nek{cursor:pointer;display:flex;justify-content:space-between;width:100%}.accordion-module_trigger__p5Nek:focus-visible{outline:2px solid var(--cocso-color-focus-ring);outline-offset:2px}.accordion-module_chevron__yZOb8{display:inline-block;height:var(--cocso-spacing-10);transition:transform var(--cocso-duration-normal) var(--cocso-easing-default);width:var(--cocso-spacing-10)}.accordion-module_trigger__p5Nek:not([data-panel-open])>.accordion-module_chevron__yZOb8{transform:rotate(0deg)}.accordion-module_trigger__p5Nek[data-panel-open]>.accordion-module_chevron__yZOb8{transform:rotate(180deg)}@keyframes accordion-module_slide-up__txwke{0%{height:var(--accordion-panel-height);opacity:1;transform:perspective(800px) rotateX(0deg) translateZ(0)}to{height:0;opacity:0;transform:perspective(800px) rotateX(-3deg) translateZ(-10px)}}@keyframes accordion-module_slide-down__0ZzAE{0%{height:0;opacity:0;transform:perspective(800px) rotateX(-3deg) translateZ(-10px)}to{height:var(--accordion-panel-height);opacity:1;transform:perspective(800px) rotateX(0deg) translateZ(0)}}@media (prefers-reduced-motion:reduce){.accordion-module_content__1WTaS:not([data-open]),.accordion-module_content__1WTaS[data-open]{animation:none}}}.cocso-alert{--cocso-alert-border-radius:var(--cocso-radius-4);--cocso-alert-padding:12px 16px;--cocso-alert-font-size:14px}.cocso-alert.cocso-alert--variant-info{--cocso-alert-bg-color:var(--cocso-color-feedback-info-subtle);--cocso-alert-font-color:var(--cocso-color-feedback-info-text);--cocso-alert-border-color:var(--cocso-color-feedback-info-border)}.cocso-alert.cocso-alert--variant-success{--cocso-alert-bg-color:var(--cocso-color-feedback-success-subtle);--cocso-alert-font-color:var(--cocso-color-feedback-success-text);--cocso-alert-border-color:var(--cocso-color-feedback-success-border)}.cocso-alert.cocso-alert--variant-warning{--cocso-alert-bg-color:var(--cocso-color-feedback-warning-subtle);--cocso-alert-font-color:var(--cocso-color-feedback-warning-text);--cocso-alert-border-color:var(--cocso-color-feedback-warning-border)}.cocso-alert.cocso-alert--variant-error{--cocso-alert-bg-color:var(--cocso-color-feedback-danger-subtle);--cocso-alert-font-color:var(--cocso-color-feedback-danger-text);--cocso-alert-border-color:var(--cocso-color-feedback-danger-border)}@layer components{.alert-module_alert__7Bt6c{align-items:flex-start;background-color:var(--cocso-alert-bg-color);border:1px solid var(--cocso-alert-border-color);border-radius:var(--cocso-alert-border-radius);color:var(--cocso-alert-font-color);display:flex;font-size:var(--cocso-alert-font-size);gap:var(--cocso-spacing-3);padding:var(--cocso-alert-padding)}.alert-module_icon__Ue8Rs{align-items:center;display:inline-flex;flex-shrink:0}.alert-module_content__-bCFU{flex:1;min-width:0}.alert-module_close__6VtOe{align-items:center;background:none;border:none;border-radius:var(--cocso-radius-2);color:currentColor;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;opacity:.7;padding:0;width:20px}.alert-module_close__6VtOe:hover{opacity:1}}.cocso-avatar{--cocso-avatar-bg-color:var(--cocso-color-surface-neutral);--cocso-avatar-font-color:var(--cocso-color-text-secondary);--cocso-avatar-font-weight:500}.cocso-avatar.cocso-avatar--size-xs{--cocso-avatar-height:24px;--cocso-avatar-width:24px;--cocso-avatar-font-size:10px}.cocso-avatar.cocso-avatar--size-sm{--cocso-avatar-height:32px;--cocso-avatar-width:32px;--cocso-avatar-font-size:12px}.cocso-avatar.cocso-avatar--size-md{--cocso-avatar-height:40px;--cocso-avatar-width:40px;--cocso-avatar-font-size:14px}.cocso-avatar.cocso-avatar--size-lg{--cocso-avatar-height:48px;--cocso-avatar-width:48px;--cocso-avatar-font-size:16px}.cocso-avatar.cocso-avatar--size-xl{--cocso-avatar-height:64px;--cocso-avatar-width:64px;--cocso-avatar-font-size:20px}.cocso-avatar.cocso-avatar--shape-circle{--cocso-avatar-border-radius:100%}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-xs{--cocso-avatar-border-radius:var(--cocso-radius-2)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-sm{--cocso-avatar-border-radius:var(--cocso-radius-3)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-lg,.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-md{--cocso-avatar-border-radius:var(--cocso-radius-4)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-xl{--cocso-avatar-border-radius:var(--cocso-radius-5)}@layer components{.avatar-module_avatar__yPIOs{align-items:center;background-color:var(--cocso-avatar-bg-color);border-radius:var(--cocso-avatar-border-radius);color:var(--cocso-avatar-font-color);display:inline-flex;font-size:var(--cocso-avatar-font-size);font-weight:var(--cocso-avatar-font-weight);height:var(--cocso-avatar-height);justify-content:center;overflow:hidden;width:var(--cocso-avatar-width)}.avatar-module_image__Ngo7A{height:100%;object-fit:cover;width:100%}.avatar-module_fallback__Tf3oZ{align-items:center;display:inline-flex;justify-content:center;line-height:1;-moz-user-select:none;-webkit-user-select:none;user-select:none}}.cocso-badge.cocso-badge--variant-primary{--cocso-badge-bg-color:var(--cocso-color-interactive-primary);--cocso-badge-font-color:var(--cocso-color-text-on-primary)}.cocso-badge.cocso-badge--variant-secondary{--cocso-badge-bg-color:var(--cocso-color-surface-secondary);--cocso-badge-font-color:var(--cocso-color-text-secondary)}.cocso-badge.cocso-badge--variant-success{--cocso-badge-bg-color:var(--cocso-color-feedback-success-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-success-text)}.cocso-badge.cocso-badge--variant-error{--cocso-badge-bg-color:var(--cocso-color-feedback-danger-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-danger-text)}.cocso-badge.cocso-badge--variant-warning{--cocso-badge-bg-color:var(--cocso-color-feedback-warning-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-warning-text)}.cocso-badge.cocso-badge--variant-info{--cocso-badge-bg-color:var(--cocso-color-feedback-info-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-info-text)}.cocso-badge.cocso-badge--variant-outline{--cocso-badge-bg-color:var(--cocso-color-transparent);--cocso-badge-font-color:var(--cocso-color-text-primary);--cocso-badge-border:1px solid var(--cocso-color-border-secondary)}.cocso-badge.cocso-badge--size-large{--cocso-badge-padding:5px 10px;--cocso-badge-font-size:14px}.cocso-badge.cocso-badge--size-medium{--cocso-badge-padding:4px 8px;--cocso-badge-font-size:12px}.cocso-badge.cocso-badge--size-small{--cocso-badge-padding:3px 6px;--cocso-badge-font-size:11px}.cocso-badge.cocso-badge--shape-circle{--cocso-badge-border-radius:100%}.cocso-badge.cocso-badge--shape-rounded{--cocso-badge-border-radius:var(--cocso-radius-full)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-small{--cocso-badge-border-radius:var(--cocso-radius-3)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-large,.cocso-badge.cocso-badge--shape-square.cocso-badge--size-medium{--cocso-badge-border-radius:var(--cocso-radius-4)}@layer components{.typography-module_typography__krwBf{--cocso-typography-font-color:inherit;--cocso-typography-font-size:inherit;--cocso-typography-font-weight:inherit;--cocso-typography-line-height:inherit;color:var(--cocso-typography-font-color);font-size:var(--cocso-typography-font-size);font-weight:var(--cocso-typography-font-weight);line-height:var(--cocso-typography-line-height)}.typography-module_typography__krwBf[aria-disabled=true]{cursor:not-allowed;opacity:.4}@media (min-width:768px){.typography-module_typography__krwBf{font-size:var(
+        --cocso-tablet-typography-font-size,var(--cocso-typography-font-size)
+      )}}@media (min-width:1024px){.typography-module_typography__krwBf{font-size:var(
+        --cocso-desktop-typography-font-size,var(
+          --cocso-tablet-typography-font-size,var(--cocso-typography-font-size)
+        )
+      )}}}@layer components{.badge-module_badge__4Tx0D{--cocso-badge-padding:inherit;--cocso-badge-border-radius:inherit;--cocso-badge-bg-color:inherit;--cocso-badge-border:none;background-color:var(--cocso-badge-bg-color);border:var(--cocso-badge-border);border-radius:var(--cocso-badge-border-radius);color:var(--cocso-badge-font-color);display:inline-flex;padding:var(--cocso-badge-padding);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.badge-module_circle__NP4-2{aspect-ratio:1;justify-content:center;padding:var(--cocso-badge-padding-y)}.badge-module_inner__YYjpI{align-items:center;display:inline-flex;gap:var(--cocso-spacing-2)}}.cocso-breadcrumb{--cocso-breadcrumb-font-color:var(--cocso-color-text-muted)}.cocso-breadcrumb.cocso-breadcrumb--size-sm{--cocso-breadcrumb-font-size:12px}.cocso-breadcrumb.cocso-breadcrumb--size-md{--cocso-breadcrumb-font-size:14px}.cocso-breadcrumb.cocso-breadcrumb--size-lg{--cocso-breadcrumb-font-size:16px}@layer components{.breadcrumb-module_breadcrumb__dW5v-{color:var(--cocso-breadcrumb-font-color);font-size:var(--cocso-breadcrumb-font-size)}.breadcrumb-module_list__mLCBo{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cocso-spacing-2);list-style:none;margin:0;padding:0}.breadcrumb-module_item__G0t2y{align-items:center;display:inline-flex;gap:var(--cocso-spacing-2)}.breadcrumb-module_item__G0t2y:last-child{color:var(--cocso-color-neutral-950);font-weight:500}.breadcrumb-module_separator__wMAks{color:var(--cocso-color-neutral-300);user-select:none}}.cocso-button.cocso-button--variant-primary{--cocso-button-bg-color:var(--cocso-color-interactive-primary);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-primary-active)}.cocso-button.cocso-button--variant-secondary{--cocso-button-bg-color:var(--cocso-color-surface-secondary);--cocso-button-font-color:var(--cocso-color-text-secondary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary-hover)}.cocso-button.cocso-button--variant-outline{--cocso-button-bg-color:var(--cocso-color-transparent);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-border:1px solid var(--cocso-color-border-secondary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-ghost{--cocso-button-bg-color:var(--cocso-color-surface-primary);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-success{--cocso-button-bg-color:var(--cocso-color-interactive-success);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-success-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-success-active)}.cocso-button.cocso-button--variant-error{--cocso-button-bg-color:var(--cocso-color-interactive-danger);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-danger-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-danger-active)}.cocso-button.cocso-button--variant-warning{--cocso-button-bg-color:var(--cocso-color-interactive-warning);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-warning-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-warning-active)}.cocso-button.cocso-button--variant-info{--cocso-button-bg-color:var(--cocso-color-interactive-info);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-info-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-info-active)}.cocso-button.cocso-button--size-large{--cocso-button-height:40px;--cocso-button-padding-inline:14px;--cocso-button-content-padding:0 6px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-medium{--cocso-button-height:36px;--cocso-button-padding-inline:12px;--cocso-button-content-padding:0 6px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-small{--cocso-button-height:32px;--cocso-button-padding-inline:10px;--cocso-button-content-padding:0 2px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-x-small{--cocso-button-height:28px;--cocso-button-padding-inline:8px;--cocso-button-content-padding:0;--cocso-button-font-size:12px}.cocso-button.cocso-button--shape-circle{--cocso-button-border-radius:100%}.cocso-button.cocso-button--shape-rounded{--cocso-button-border-radius:var(--cocso-radius-full)}.cocso-button.cocso-button--shape-square.cocso-button--size-x-small{--cocso-button-border-radius:var(--cocso-radius-3)}.cocso-button.cocso-button--shape-square.cocso-button--size-large,.cocso-button.cocso-button--shape-square.cocso-button--size-medium,.cocso-button.cocso-button--shape-square.cocso-button--size-small{--cocso-button-border-radius:var(--cocso-radius-4)}.cocso-spinner.cocso-spinner--variant-primary{--cocso-spinner-blade-color:var(--cocso-color-interactive-primary)}.cocso-spinner.cocso-spinner--variant-secondary{--cocso-spinner-blade-color:var(--cocso-color-text-muted)}.cocso-spinner.cocso-spinner--variant-success{--cocso-spinner-blade-color:var(--cocso-color-feedback-success)}.cocso-spinner.cocso-spinner--variant-error{--cocso-spinner-blade-color:var(--cocso-color-feedback-danger)}.cocso-spinner.cocso-spinner--variant-warning{--cocso-spinner-blade-color:var(--cocso-color-feedback-warning)}.cocso-spinner.cocso-spinner--variant-info{--cocso-spinner-blade-color:var(--cocso-color-feedback-info)}.cocso-spinner.cocso-spinner--variant-white{--cocso-spinner-blade-color:var(--cocso-color-surface-primary)}.cocso-spinner.cocso-spinner--size-large{--cocso-spinner-blades:10px;--cocso-spinner-blade-width:2px;--cocso-spinner-blade-height:6px;--cocso-spinner-blade-radius:1px;--cocso-spinner-output:20px}.cocso-spinner.cocso-spinner--size-medium{--cocso-spinner-blades:8px;--cocso-spinner-blade-width:2px;--cocso-spinner-blade-height:5px;--cocso-spinner-blade-radius:1px;--cocso-spinner-output:16px}.cocso-spinner.cocso-spinner--size-small{--cocso-spinner-blades:6px;--cocso-spinner-blade-width:1.5px;--cocso-spinner-blade-height:4px;--cocso-spinner-blade-radius:0.75px;--cocso-spinner-output:12px}@layer components{@keyframes spinner-module_spinner-blade-fade__Xtrit{0%{opacity:1}to{opacity:.15}}.spinner-module_spinner__28e7a{color:var(--cocso-spinner-blade-color);display:block;flex-shrink:0;position:relative}.spinner-module_blade__EIEE6{animation:spinner-module_spinner-blade-fade__Xtrit var(--cocso-duration-decorative) linear infinite;bottom:0;position:absolute}@keyframes spinner-module_spinner-reduced-pulse__-WlGM{0%,to{opacity:.4}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.spinner-module_blade__EIEE6{animation:spinner-module_spinner-reduced-pulse__-WlGM 2s ease-in-out infinite;animation-delay:0s!important}}}@layer components{.button-module_button__5dzDN{--cocso-button-height:inherit;--cocso-button-padding-inline:inherit;--cocso-button-content-padding:inherit;--cocso-button-font-color:inherit;--cocso-button-font-size:inherit;--cocso-button-font-weight:inherit;--cocso-button-border:inherit;--cocso-button-border-radius:inherit;--cocso-button-bg-color:inherit;align-items:center;background-color:var(--cocso-button-bg-color);border:var(--cocso-button-border,none);border-radius:var(--cocso-button-border-radius);color:var(--cocso-button-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-button-font-size);font-weight:var(--cocso-button-font-weight);height:var(--cocso-button-height);justify-content:center;opacity:1;padding-inline:var(--cocso-button-padding-inline);position:relative;transition:background-color var(--cocso-duration-fast) var(--cocso-easing-default)}@media (hover:hover) and (pointer:fine){.button-module_button__5dzDN:not([disabled]):hover{--cocso-button-bg-color-hover:inherit;background-color:var(--cocso-button-bg-color-hover)}}.button-module_button__5dzDN:not([disabled]):active{--cocso-button-bg-color-active:inherit;background-color:var(--cocso-button-bg-color-active)}.button-module_content__q0g4H{padding:var(--cocso-button-content-padding)}.button-module_prefix__836bE{margin-right:var(--cocso-spacing-2)}.button-module_prefix__836bE,.button-module_suffix__6k1TK{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.button-module_suffix__6k1TK{margin-left:var(--cocso-spacing-2)}.button-module_button__5dzDN:focus-visible{outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.button-module_button__5dzDN[disabled]{cursor:not-allowed;opacity:.4}.button-module_svgOnly__QHNx6{aspect-ratio:1/1;padding:0}.button-module_spinnerOverlay__kbemq{inset:0;position:absolute}.button-module_buttonInner__aXpaa,.button-module_spinnerOverlay__kbemq{align-items:center;display:inline-flex;justify-content:center}.button-module_invisible__esdRe{opacity:0}}.cocso-card.cocso-card--variant-elevated,.cocso-card.cocso-card--variant-outlined{--cocso-card-bg-color:var(--cocso-color-surface-primary);--cocso-card-border-radius:var(--cocso-radius-4)}.cocso-card.cocso-card--variant-outlined{--cocso-card-border:1px solid var(--cocso-color-border-secondary)}.cocso-card.cocso-card--variant-filled{--cocso-card-bg-color:var(--cocso-color-surface-secondary);--cocso-card-border-radius:var(--cocso-radius-4)}.cocso-card.cocso-card--padding-sm{--cocso-card-padding:12px}.cocso-card.cocso-card--padding-md{--cocso-card-padding:16px}.cocso-card.cocso-card--padding-lg{--cocso-card-padding:24px}@layer components{.card-module_card__ZPFTz{background-color:var(--cocso-card-bg-color);border:var(--cocso-card-border,none);border-radius:var(--cocso-card-border-radius);display:flex;flex-direction:column;padding:var(--cocso-card-padding)}.card-module_elevated__Gua8s{box-shadow:var(--cocso-shadow-card)}}.cocso-checkbox.cocso-checkbox--size-large{--cocso-checkbox-size:18px;--cocso-checkbox-radius:var(--cocso-radius-3)}.cocso-checkbox.cocso-checkbox--size-medium{--cocso-checkbox-size:16px;--cocso-checkbox-radius:var(--cocso-radius-2)}.cocso-checkbox.cocso-checkbox--size-small{--cocso-checkbox-size:14px;--cocso-checkbox-radius:var(--cocso-radius-1)}.cocso-checkbox.cocso-checkbox--status-on{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-checkbox.cocso-checkbox--status-off{--cocso-checkbox-border-color:var(--cocso-color-border-secondary);--cocso-checkbox-bg-color:var(--cocso-color-surface-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-secondary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-secondary-hover)}.cocso-checkbox.cocso-checkbox--status-intermediate{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}@layer components{.checkbox-module_wrapper__vP2bp{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.checkbox-module_checkbox__zAB1y{--cocso-checkbox-size:inherit;--cocso-checkbox-color:inherit;--cocso-checkbox-border-color:inherit;--cocso-checkbox-bg-color:inherit;align-items:center;background-color:var(--cocso-checkbox-bg-color);border:1px solid var(--cocso-checkbox-border-color);border-radius:var(--cocso-checkbox-radius);color:var(--cocso-checkbox-color);cursor:pointer;display:inline-flex;height:var(--cocso-checkbox-size);justify-content:center;opacity:1;position:relative;transition:color var(--cocso-duration-fast) var(--cocso-easing-default),border-color var(--cocso-duration-fast) var(--cocso-easing-default),background-color var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-checkbox-size)}.checkbox-module_icon__Taf0X{stroke:var(--cocso-checkbox-color);display:block;height:auto;max-width:100%;transition:stroke var(--cocso-duration-fast) var(--cocso-easing-default)}.checkbox-module_checkbox__zAB1y:focus-within{outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.checkbox-module_checkbox__zAB1y input[type=checkbox]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.checkbox-module_indicator__Cs9Yi{bottom:var(--cocso-spacing-1);left:var(--cocso-spacing-1);position:absolute;right:var(--cocso-spacing-1);top:var(--cocso-spacing-1);transition:opacity var(--cocso-duration-fast) var(--cocso-easing-default)}.checkbox-module_label__EvRQ7{cursor:pointer;opacity:1}.checkbox-module_checkbox__zAB1y[data-disabled],.checkbox-module_label__EvRQ7[aria-disabled=true]{cursor:not-allowed;opacity:.4}}@layer components{@keyframes dropdown-module_dropdown-slide-up__OrP7L{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-module_dropdown-slide-down__3NX30{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-module_content__nf11j{animation:none}.dropdown-module_item__BvWCj{transition:none}}.dropdown-module_content__nf11j,.dropdown-module_positioner__mGdXB{z-index:var(--cocso-z-index-overlay)}.dropdown-module_content__nf11j{animation-duration:var(--cocso-duration-normal);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);border-radius:var(--cocso-radius-3);box-shadow:var(--cocso-shadow-dropdown);display:flex;flex-direction:column;min-width:128px;padding:var(--cocso-spacing-4);will-change:transform,opacity}.dropdown-module_content__nf11j[data-side=top]{animation-name:dropdown-module_dropdown-slide-up__OrP7L;margin-bottom:var(--cocso-spacing-3)}.dropdown-module_content__nf11j[data-side=bottom]{animation-name:dropdown-module_dropdown-slide-down__3NX30;margin-top:var(--cocso-spacing-3)}.dropdown-module_item__BvWCj{align-items:center;border-radius:var(--cocso-radius-3);cursor:pointer;display:flex;font-size:var(--cocso-text-sm);gap:var(--cocso-spacing-4);height:fit-content;line-height:1.5;padding-block:var(--cocso-spacing-4);padding-inline:var(--cocso-spacing-5);transition:background-color var(--cocso-duration-fast) var(--cocso-easing-soft),scale var(--cocso-duration-fast) var(--cocso-easing-soft)}.dropdown-module_prefix__oBteB{align-items:center;display:inline-flex;flex-shrink:0;height:14px;justify-content:center;width:14px}@media (hover:hover) and (pointer:fine){.dropdown-module_item__BvWCj:hover{background-color:var(--cocso-color-surface-secondary)}.dropdown-module_item__BvWCj[data-disabled]:hover{background-color:transparent}}.dropdown-module_item__BvWCj:active{scale:.98}.dropdown-module_item__BvWCj[data-disabled]{cursor:not-allowed;opacity:.4}.dropdown-module_item__BvWCj[data-disabled]:active{scale:1}.day-picker-module_root__QVrbb{display:inline-block;transform:translateZ(0)}.day-picker-module_content__34qUu{border-radius:var(--cocso-radius-4);min-width:260px;overflow:hidden;padding:var(--cocso-spacing-7)}.day-picker-module_menu__2eMt0{align-items:center;display:flex;gap:var(--cocso-spacing-3);justify-content:center}.day-picker-module_arrow__p9QLq{height:24px;width:24px}.react-datepicker__day.day-picker-module_sunday__nVavs{color:var(--cocso-color-danger-600)}.react-datepicker__day.day-picker-module_saturday__ZYoB9{color:var(--cocso-color-info-600)}.react-datepicker{background-color:var(--cocso-color-surface-primary);color:var(--cocso-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:0;position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__month-container{padding-block:0;width:100%}.react-datepicker__header--custom{padding-bottom:var(--cocso-spacing-5)}.react-datepicker__day-names,.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;width:100%}.react-datepicker__day-names{padding-bottom:var(--cocso-spacing-2);text-align:center;white-space:nowrap}.react-datepicker__month{gap:var(--cocso-spacing-2)}.react-datepicker__week{align-items:center;display:flex;justify-content:space-between;text-align:center;white-space:nowrap;width:100%}.react-datepicker__day-name{font-weight:500;padding-inline:var(--cocso-spacing-3)}.react-datepicker__day,.react-datepicker__day-name{align-items:center;aspect-ratio:1/1;color:var(--cocso-color-text-primary);display:inline-flex;justify-content:center;margin:0;min-width:1.7rem;text-align:center;width:auto}.react-datepicker__day{border-radius:var(--cocso-radius-4);cursor:pointer;font-family:var(--font-mono,"monospace"),monospace}.react-datepicker__day.react-datepicker__day--selected{background-color:var(--cocso-color-interactive-primary);color:var(--cocso-color-surface-primary)}}@layer components{@media (hover:hover) and (pointer:fine){.react-datepicker__day:hover{background-color:var(--cocso-color-interactive-secondary)}.react-datepicker__day.react-datepicker__day--selected:hover{background-color:var(--cocso-color-interactive-primary-hover)}}.react-datepicker__day-name:first-child{color:var(--cocso-color-danger-600)}.react-datepicker__day-name:nth-child(7){color:var(--cocso-color-info-600)}.react-datepicker__day--outside-month{opacity:.4}.react-datepicker__day--disabled{cursor:not-allowed;opacity:.4}}@layer components{@keyframes dialog-module_overlay-show__gzSZE{0%{opacity:0}to{opacity:1}}.dialog-module_overlay__aJLpW{animation:dialog-module_overlay-show__gzSZE var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-black-alpha-30);inset:0;position:fixed;z-index:var(--cocso-z-index-overlay)}@keyframes dialog-module_content-show__rVhLI{0%{opacity:0;transform:translate(-50%,-48%) perspective(1200px) rotateX(-2deg) scale(.995)}to{opacity:1;transform:translate(-50%,-50%) perspective(1200px) rotateX(0deg) scale(1)}}.dialog-module_panel__5XCTU{animation:dialog-module_content-show__rVhLI var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-white);border:1px solid var(--cocso-color-neutral-100);border-radius:var(--cocso-radius-5);box-shadow:var(--cocso-shadow-dialog);display:flex;flex-direction:column;left:50%;max-height:85vh;padding:var(--cocso-spacing-9);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:var(--cocso-z-index-dialog)}.dialog-module_small__JObfk{max-width:380px}.dialog-module_medium__Xxtor{max-width:520px}.dialog-module_large__O71LV{max-width:680px}@media (prefers-reduced-motion:reduce){.dialog-module_overlay__aJLpW,.dialog-module_panel__5XCTU{animation:none}}.dialog-module_close__cuRe9{align-items:center;align-self:flex-end;cursor:pointer;display:flex;height:var(--cocso-spacing-10);justify-content:center;position:absolute;right:var(--cocso-spacing-9);top:var(--cocso-spacing-9);width:var(--cocso-spacing-10)}.dialog-module_title__E36pq{word-break:keep-all}.dialog-module_description__DNssa{margin-top:var(--cocso-spacing-3)}.field-module_root__m2CZV{--cocso-field-label-font-size:var(--cocso-text-sm);--cocso-field-description-font-size:var(--cocso-text-xs);display:flex;flex-direction:column;gap:var(--cocso-spacing-5)}.field-module_label__LbITU{color:var(--cocso-color-text-primary);cursor:pointer;font-size:var(--cocso-field-label-font-size);font-weight:var(--cocso-font-weight-medium);user-select:none}.field-module_optional__NE5TC{color:var(--cocso-color-text-tertiary);font-size:var(--cocso-field-description-font-size);font-weight:var(--cocso-font-weight-regular);margin-left:var(--cocso-spacing-4)}.field-module_description__qiTfj{color:var(--cocso-color-text-secondary);font-size:var(--cocso-field-description-font-size);margin:0}.field-module_errorMessage__HWoWa{color:var(--cocso-color-feedback-danger);font-size:var(--cocso-field-description-font-size);margin:0}}.cocso-input{--cocso-input-border-color:var(--cocso-color-border-primary)}.cocso-input.cocso-input--size-x-small{--cocso-input-height:28px;--cocso-input-padding-x:8px;--cocso-input-font-size:12px;--cocso-input-border-radius:var(--cocso-radius-3);--cocso-input-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-input-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-input.cocso-input--size-small{--cocso-input-height:32px;--cocso-input-padding-x:10px;--cocso-input-font-size:12px;--cocso-input-border-radius:var(--cocso-radius-3);--cocso-input-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-input-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-input.cocso-input--size-medium{--cocso-input-height:36px;--cocso-input-padding-x:12px;--cocso-input-font-size:14px;--cocso-input-border-radius:var(--cocso-radius-4);--cocso-input-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-input-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-input.cocso-input--size-large{--cocso-input-height:40px;--cocso-input-padding-x:14px;--cocso-input-font-size:14px;--cocso-input-border-radius:var(--cocso-radius-4);--cocso-input-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-input-border-color-focus:var(--cocso-color-interactive-primary-active)}@layer components{.input-module_input__-ipHD{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-white);background-color:var(--cocso-input-bg-color);border:none;border-radius:var(--cocso-input-border-radius);box-shadow:0 0 0 1px var(--cocso-color-neutral-100),var(--cocso-shadow-xs);color:var(--cocso-color-neutral-950);display:block;font-size:var(--cocso-input-font-size);height:var(--cocso-input-height);outline:none;padding-inline:var(--cocso-input-padding-x);transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft);width:fit-content}.input-module_input__-ipHD::placeholder{color:var(--cocso-color-neutral-400)}.input-module_input__-ipHD:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-neutral-400),var(--cocso-shadow-xs);outline:2px solid transparent}.input-module_input__-ipHD.input-module_stretch__1zxJA{width:100%}.input-module_input__-ipHD:disabled{cursor:not-allowed;opacity:.4}.input-module_input__-ipHD:read-only{background-color:var(--cocso-color-neutral-50);cursor:default}.input-module_input__-ipHD.input-module_error__8P-i-{box-shadow:0 0 0 1px var(--cocso-color-danger-500),var(--cocso-shadow-xs)}.input-module_input__-ipHD.input-module_error__8P-i-:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-danger-500),var(--cocso-shadow-xs);outline:2px solid transparent}}@layer components{.input-trigger-module_trigger__FepZ1{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-white);align-items:center;background-color:var(--cocso-input-bg-color);border:none;border-radius:var(--cocso-input-border-radius);box-shadow:0 0 0 1px var(--cocso-color-neutral-100),var(--cocso-shadow-xs);color:var(--cocso-color-neutral-950);cursor:pointer;display:inline-flex;font-size:var(--cocso-input-font-size);gap:var(--cocso-spacing-4);height:var(--cocso-input-height);padding-inline:var(--cocso-input-padding-x);text-align:left;transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft);width:fit-content}.input-trigger-module_trigger__FepZ1:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-neutral-400),var(--cocso-shadow-xs);outline:2px solid transparent}.input-trigger-module_trigger__FepZ1.input-trigger-module_stretch__iRyO-{width:100%}.input-trigger-module_trigger__FepZ1:disabled{cursor:not-allowed;opacity:.4}.input-trigger-module_trigger__FepZ1.input-trigger-module_error__qttrx,.input-trigger-module_trigger__FepZ1.input-trigger-module_error__qttrx:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-danger-500),var(--cocso-shadow-xs)}.input-trigger-module_value__3RNV4{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-trigger-module_placeholder__-9y7a{color:var(--cocso-color-neutral-400)}.input-trigger-module_affix__IJsDY{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}}.cocso-link.cocso-link--variant-inline{--cocso-link-color:var(--cocso-color-interactive-info);--cocso-link-color-hover:var(--cocso-color-interactive-info-active)}.cocso-link.cocso-link--variant-current{--cocso-link-color:currentColor;--cocso-link-color-hover:currentColor}.cocso-link.cocso-link--variant-plain{--cocso-link-color:var(--cocso-color-interactive-info);--cocso-link-color-hover:var(--cocso-color-interactive-info-active)}@layer components{.link-module_link__RLpbr{align-items:center;color:var(--cocso-link-color);cursor:pointer;display:inline-flex;gap:var(--cocso-spacing-2);justify-content:center;text-decoration:none;transition:color var(--cocso-duration-fast) var(--cocso-easing-default);width:fit-content}@media (hover:hover) and (pointer:fine){.link-module_link__RLpbr:hover{color:var(--cocso-link-color-hover)}.link-module_current__RgEV9:hover{opacity:.7}}.link-module_link__RLpbr:focus-visible{border-radius:var(--cocso-radius-1);outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.link-module_indicator__73GYU{text-decoration:underline;text-decoration-thickness:.0625em;text-underline-offset:.15em}.link-module_externalIcon__3okjy{flex-shrink:0;height:1em;width:1em}.month-picker-module_root__iHMl-{--cocso-month-picker-font-size:var(--cocso-text-sm);display:inline-block;transform:translateZ(0)}.month-picker-module_content__vb64G{--cocso-month-picker-min-width:260px;border-radius:var(--cocso-radius-4);min-width:var(--cocso-month-picker-min-width);overflow:hidden;padding:var(--cocso-spacing-7)}.month-picker-module_menu__V8bwo{align-items:center;display:flex;gap:var(--cocso-spacing-3);justify-content:center}.month-picker-module_arrow__eD5-G{height:24px;width:24px}.react-datepicker{background-color:var(--cocso-color-surface-primary);color:var(--cocso-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:0;position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--cocso-spacing-5);width:100%}.react-datepicker__week{text-align:center;white-space:nowrap}.react-datepicker__month{display:flex;flex-direction:column;gap:var(--cocso-spacing-5)}.react-datepicker__month-wrapper{align-items:center;display:flex;gap:var(--cocso-spacing-3);justify-content:space-between}.react-datepicker__month-text{align-items:center;border-radius:var(--cocso-radius-4);color:var(--cocso-color-text-primary);cursor:pointer;display:flex;flex:1;font-size:var(--cocso-month-picker-font-size);font-weight:var(--cocso-font-weight-medium);height:var(--cocso-spacing-14);justify-content:center}.react-datepicker__month-text--selected{background-color:var(--cocso-color-interactive-primary);color:var(--cocso-color-surface-primary);font-weight:var(--cocso-font-weight-semibold)}}@layer components{@media (hover:hover) and (pointer:fine){.react-datepicker__month-text:hover{background-color:var(--cocso-color-interactive-secondary)}.react-datepicker__month-text--selected:hover{background-color:var(--cocso-color-interactive-primary-hover)}}}@layer components{.one-time-password-field-module_otp__6eiAN{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.one-time-password-field-module_slot__tFGbq{align-items:center;background-color:var(--cocso-color-surface-secondary);border-radius:var(--cocso-radius-1);box-shadow:0 0 0 var(--cocso-spacing-1,1px) var(--cocso-color-border-secondary);color:var(--cocso-color-text-primary);display:inline-flex;font-size:var(--cocso-text-base);font-weight:var(--cocso-font-weight-medium);height:3rem;justify-content:center;line-height:1;position:relative;text-align:center;text-transform:uppercase;transition:background-color var(--cocso-duration-fast) var(--cocso-easing-default),box-shadow var(--cocso-duration-fast) var(--cocso-easing-default);user-select:none;width:2.5rem}@media (hover:hover) and (pointer:fine){.one-time-password-field-module_slot__tFGbq:hover{box-shadow:0 0 0 var(--cocso-spacing-1,1px) var(--cocso-color-border-primary)}}.one-time-password-field-module_slotActive__iT0ud{box-shadow:0 0 0 var(--cocso-spacing-1,1px) var(--cocso-color-border-primary)}.one-time-password-field-module_caret__X9T-B{animation:one-time-password-field-module_caret-blink__dcoHY 1s step-end infinite;background-color:var(--cocso-color-text-primary);height:1em;position:absolute;width:1px}@keyframes one-time-password-field-module_caret-blink__dcoHY{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.one-time-password-field-module_caret__X9T-B{animation:none}}}@layer components{.pagination-module_pagination__XjBXK{align-items:center;display:flex;gap:var(--cocso-spacing-2);justify-content:center;margin-inline:auto}.pagination-module_arrow__q388S,.pagination-module_item__9Vttf{--cocso-pagination-font-size:var(--cocso-text-sm);--cocso-pagination-font-color:var(--cocso-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--cocso-radius-4);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-pagination-font-size);font-weight:var(--cocso-pagination-font-weight);height:var(--cocso-spacing-12);justify-content:center;transition:transform var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-spacing-12);will-change:transform}.pagination-module_arrow__q388S:focus-visible,.pagination-module_item__9Vttf:focus-visible{outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.pagination-module_arrow__q388S:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover) and (pointer:fine){.pagination-module_arrow__q388S:not(:disabled):hover,.pagination-module_item__9Vttf[data-active=false]:hover{--cocso-pagination-bg-color:var(--cocso-color-neutral-50)}}.pagination-module_arrow__q388S:not(:disabled):active{--cocso-pagination-bg-color:var(--cocso-color-neutral-100)}.pagination-module_arrow__q388S>svg{flex-shrink:0;height:var(--cocso-spacing-8);width:var(--cocso-spacing-8)}.pagination-module_arrow__q388S:active,.pagination-module_item__9Vttf:active{transform:scale(.98)}.pagination-module_item__9Vttf[data-active=true]{--cocso-pagination-font-color:var(--cocso-color-white);--cocso-pagination-bg-color:var(--cocso-color-primary-950);--cocso-pagination-font-weight:var(--cocso-font-weight-semibold)}.pagination-module_item__9Vttf[data-active=false]:active{--cocso-pagination-bg-color:var(--cocso-color-neutral-100)}.pagination-module_trunc__neqoN{align-items:center;color:var(--cocso-color-text-primary);display:inline-flex;font-size:var(--cocso-text-base);height:var(--cocso-spacing-13);justify-content:center;width:var(--cocso-spacing-13)}}@layer components{@keyframes popover-module_slide-up-and-fade__Xlvb6{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-right-and-fade__R8x1-{0%{opacity:.9;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-module_slide-down-and-fade__hwk68{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-left-and-fade__dQXyx{0%{opacity:.9;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.popover-module_content__TwOg0{animation:none}}.popover-module_positioner__TnQeH{z-index:var(--cocso-z-index-overlay)}.popover-module_content__TwOg0{animation-duration:var(--cocso-duration-normal);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);border-radius:var(--cocso-radius-3);box-shadow:var(--cocso-shadow-popover);font-size:var(--cocso-text-sm);line-height:1.5;overflow:visible;padding-block:var(--cocso-spacing-4);padding-inline:var(--cocso-spacing-5);position:relative;will-change:transform,opacity}.popover-module_content__TwOg0[data-open][data-side=top]{animation-name:popover-module_slide-up-and-fade__Xlvb6;margin-bottom:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=right]{animation-name:popover-module_slide-right-and-fade__R8x1-;margin-left:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=bottom]{animation-name:popover-module_slide-down-and-fade__hwk68;margin-top:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=left]{animation-name:popover-module_slide-left-and-fade__dQXyx;margin-right:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=top]:has(.popover-module_arrow__zZuHF){margin-bottom:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=right]:has(.popover-module_arrow__zZuHF){margin-left:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=bottom]:has(.popover-module_arrow__zZuHF){margin-top:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=left]:has(.popover-module_arrow__zZuHF){margin-right:var(--cocso-spacing-6)}.popover-module_arrow__zZuHF{background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);height:10px;width:10px}.popover-module_arrow__zZuHF[data-side=bottom]{border-bottom:none;border-right:none;top:0;transform:translateY(-50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=top]{border-left:none;border-top:none;bottom:0;transform:translateY(50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=right]{border-right:none;border-top:none;left:0;transform:translateX(-50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=left]{border-bottom:none;border-left:none;right:0;transform:translateX(50%) rotate(45deg)}}.cocso-progress{--cocso-progress-bg-color:var(--cocso-color-surface-neutral)}.cocso-progress.cocso-progress--variant-primary{--cocso-progress-fill-color:var(--cocso-color-interactive-primary)}.cocso-progress.cocso-progress--variant-secondary{--cocso-progress-fill-color:var(--cocso-color-text-muted)}.cocso-progress.cocso-progress--variant-success{--cocso-progress-fill-color:var(--cocso-color-feedback-success)}.cocso-progress.cocso-progress--variant-danger{--cocso-progress-fill-color:var(--cocso-color-feedback-danger)}.cocso-progress.cocso-progress--variant-warning{--cocso-progress-fill-color:var(--cocso-color-feedback-warning)}.cocso-progress.cocso-progress--variant-info{--cocso-progress-fill-color:var(--cocso-color-feedback-info)}.cocso-progress.cocso-progress--size-sm{--cocso-progress-height:4px;--cocso-progress-border-radius:var(--cocso-radius-1)}.cocso-progress.cocso-progress--size-md{--cocso-progress-height:8px;--cocso-progress-border-radius:var(--cocso-radius-2)}.cocso-progress.cocso-progress--size-lg{--cocso-progress-height:12px;--cocso-progress-border-radius:var(--cocso-radius-3)}@layer components{.progress-module_track__gM0oV{background-color:var(--cocso-progress-bg-color);border-radius:var(--cocso-progress-border-radius);height:var(--cocso-progress-height);overflow:hidden;width:100%}.progress-module_fill__aLAbp{background-color:var(--cocso-progress-fill-color);border-radius:inherit;height:100%;transition:width var(--cocso-duration-normal) var(--cocso-easing-soft)}}.cocso-radio.cocso-radio--size-large{--cocso-radio-size:18px;--cocso-radio-dot-size:8px}.cocso-radio.cocso-radio--size-medium{--cocso-radio-size:16px;--cocso-radio-dot-size:7px}.cocso-radio.cocso-radio--size-small{--cocso-radio-size:14px;--cocso-radio-dot-size:6px}.cocso-radio.cocso-radio--selected-true{--cocso-radio-bg-color:var(--cocso-color-interactive-primary);--cocso-radio-border-color:var(--cocso-color-interactive-primary);--cocso-radio-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-radio.cocso-radio--selected-false{--cocso-radio-bg-color:var(--cocso-color-surface-primary);--cocso-radio-border-color:var(--cocso-color-border-primary);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-muted)}@layer components{.radio-group-module_root__b8W35{display:flex;flex-direction:column;gap:var(--cocso-spacing-4)}.radio-group-module_root__b8W35[data-disabled]{cursor:not-allowed;opacity:.4}.radio-group-module_item__QAyhl{background-color:var(--cocso-color-white);border:var(--cocso-spacing-2) solid var(--cocso-color-text-primary);border-radius:100%;cursor:pointer;height:var(--cocso-radio-size,16px);width:var(--cocso-radio-size,16px)}.radio-group-module_item__QAyhl:focus-visible{outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.radio-group-module_item__QAyhl[data-checked]{border-color:var(--cocso-color-primary-950)}.radio-group-module_item__QAyhl[data-disabled]{cursor:not-allowed;opacity:.4}.radio-group-module_indicator__I0Col{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.radio-group-module_indicator__I0Col:after{background-color:var(--cocso-color-primary-950);border-radius:50%;content:"";display:block;height:var(--cocso-radio-dot-size,7px);width:var(--cocso-radio-dot-size,7px)}}.cocso-select{--cocso-select-border-color:var(--cocso-color-border-primary)}.cocso-select.cocso-select--size-x-small{--cocso-select-min-width:28px;--cocso-select-height:28px;--cocso-select-padding-left:8px;--cocso-select-padding-right:26px;--cocso-select-icon-right:8px;--cocso-select-font-size:12px;--cocso-select-border-radius:var(--cocso-radius-3);--cocso-select-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-select-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-select.cocso-select--size-small{--cocso-select-min-width:32px;--cocso-select-height:32px;--cocso-select-padding-left:10px;--cocso-select-padding-right:32px;--cocso-select-icon-right:10px;--cocso-select-font-size:12px;--cocso-select-border-radius:var(--cocso-radius-3);--cocso-select-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-select-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-select.cocso-select--size-medium{--cocso-select-min-width:36px;--cocso-select-height:36px;--cocso-select-padding-left:12px;--cocso-select-padding-right:38px;--cocso-select-icon-right:12px;--cocso-select-font-size:14px;--cocso-select-border-radius:var(--cocso-radius-4);--cocso-select-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-select-border-color-focus:var(--cocso-color-interactive-primary-active)}.cocso-select.cocso-select--size-large{--cocso-select-min-width:40px;--cocso-select-height:40px;--cocso-select-padding-left:14px;--cocso-select-padding-right:42px;--cocso-select-icon-right:14px;--cocso-select-font-size:14px;--cocso-select-border-radius:var(--cocso-radius-4);--cocso-select-border-color-hover:var(--cocso-color-interactive-primary-muted);--cocso-select-border-color-focus:var(--cocso-color-interactive-primary-active)}@layer components{.select-module_wrapper__7szq0{cursor:pointer;position:relative;width:fit-content}.select-module_wrapper__7szq0.select-module_stretch__mQv7N{width:100%}.select-module_select__RLsWH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--cocso-color-white);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--cocso-select-bg-color);border:none;border-radius:var(--cocso-select-border-radius);box-shadow:0 0 0 1px var(--cocso-color-neutral-100),var(--cocso-shadow-xs);color:var(--cocso-color-neutral-950);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);outline:none;padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right);transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft)}.select-module_select__RLsWH:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-neutral-400),var(--cocso-shadow-xs);outline:2px solid transparent}.select-module_wrapper__7szq0.select-module_stretch__mQv7N .select-module_select__RLsWH{width:100%}.select-module_wrapper__7szq0:has(select:disabled){cursor:not-allowed}.select-module_select__RLsWH:disabled{cursor:not-allowed;opacity:.4}.select-module_wrapper__7szq0.select-module_error__4KQv3 .select-module_select__RLsWH{box-shadow:0 0 0 1px var(--cocso-color-danger-500),var(--cocso-shadow-xs)}.select-module_wrapper__7szq0.select-module_error__4KQv3 .select-module_select__RLsWH:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-danger-500),var(--cocso-shadow-xs);outline:2px solid transparent}.select-module_icon__K93bs{color:var(--cocso-color-neutral-500);pointer-events:none;position:absolute;right:var(--cocso-select-icon-right,var(--cocso-spacing-5));top:50%;transform:translateY(-50%)}.select-module_wrapper__7szq0:has(select:disabled) .select-module_icon__K93bs{opacity:.4}}.cocso-skeleton{--cocso-skeleton-bg-color:var(--cocso-color-surface-neutral)}.cocso-skeleton.cocso-skeleton--variant-text{--cocso-skeleton-height:16px;--cocso-skeleton-border-radius:var(--cocso-radius-2)}.cocso-skeleton.cocso-skeleton--variant-circular{--cocso-skeleton-height:40px;--cocso-skeleton-width:40px;--cocso-skeleton-border-radius:100%}.cocso-skeleton.cocso-skeleton--variant-rectangular{--cocso-skeleton-height:120px;--cocso-skeleton-border-radius:var(--cocso-radius-4)}@layer components{.skeleton-module_skeleton__fula5{background-color:var(--cocso-skeleton-bg-color);border-radius:var(--cocso-skeleton-border-radius);height:var(--cocso-skeleton-height);width:var(--cocso-skeleton-width,100%)}.skeleton-module_pulse__YLysm{animation:skeleton-module_skeleton-pulse__Yp45W var(--cocso-duration-decorative-slow) var(--cocso-easing-default) infinite}.skeleton-module_wave__GxWJ1{overflow:hidden;position:relative}.skeleton-module_wave__GxWJ1:after{animation:skeleton-module_skeleton-wave__zaVNu var(--cocso-duration-decorative-slow) var(--cocso-easing-default) infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";inset:0;position:absolute}@keyframes skeleton-module_skeleton-pulse__Yp45W{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeleton-module_skeleton-wave__zaVNu{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}}.cocso-stock-quantity-status.cocso-stock-quantity-status--quantity-sufficient{--cocso-stock-quantity-status-color:var(--cocso-color-feedback-info)}.cocso-stock-quantity-status.cocso-stock-quantity-status--quantity-normal{--cocso-stock-quantity-status-color:var(--cocso-color-feedback-success-muted)}.cocso-stock-quantity-status.cocso-stock-quantity-status--quantity-insufficient{--cocso-stock-quantity-status-color:var(--cocso-color-feedback-danger)}@layer components{.stock-quantity-status-module_stock__vGdTq{--cocso-stock-quantity-status-color:inherit;align-items:center;color:var(--cocso-stock-quantity-status-color);display:inline-flex;gap:var(--cocso-spacing-2)}.stock-quantity-status-module_indicator__AerLT{--cocso-stock-quantity-status-indicator-width:inherit;flex-shrink:0;height:auto;width:var(--cocso-stock-quantity-status-indicator-width)}.stock-quantity-status-module_indicator__AerLT>svg{height:100%;width:100%}}.cocso-switch{--cocso-switch-switch-bg-color:var(--cocso-color-surface-neutral)}.cocso-switch.cocso-switch--variant-primary{--cocso-switch-checked-bg-color:var(--cocso-color-interactive-primary);--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-switch.cocso-switch--variant-success{--cocso-switch-checked-bg-color:var(--cocso-color-interactive-success);--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-success-hover-subtle)}.cocso-switch.cocso-switch--variant-error{--cocso-switch-checked-bg-color:var(--cocso-color-interactive-danger);--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-danger-hover-subtle)}.cocso-switch.cocso-switch--variant-warning{--cocso-switch-checked-bg-color:var(--cocso-color-interactive-warning-active);--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-warning-hover-subtle)}.cocso-switch.cocso-switch--variant-info{--cocso-switch-checked-bg-color:var(--cocso-color-interactive-info);--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-info-hover-subtle)}.cocso-switch.cocso-switch--size-large{--cocso-switch-width:40px;--cocso-switch-height:22px;--cocso-switch-thumb-size:18px;--cocso-switch-thumb-offset:2px}.cocso-switch.cocso-switch--size-medium{--cocso-switch-width:36px;--cocso-switch-height:20px;--cocso-switch-thumb-size:16px;--cocso-switch-thumb-offset:2px}.cocso-switch.cocso-switch--size-small{--cocso-switch-width:32px;--cocso-switch-height:18px;--cocso-switch-thumb-size:14px;--cocso-switch-thumb-offset:2px}.cocso-switch.cocso-switch--variant-primary.cocso-switch--checked-true{--cocso-switch-switch-bg-color:var(--cocso-color-interactive-primary)}.cocso-switch.cocso-switch--variant-success.cocso-switch--checked-true{--cocso-switch-switch-bg-color:var(--cocso-color-interactive-success)}.cocso-switch.cocso-switch--variant-error.cocso-switch--checked-true{--cocso-switch-switch-bg-color:var(--cocso-color-interactive-danger)}.cocso-switch.cocso-switch--variant-warning.cocso-switch--checked-true{--cocso-switch-switch-bg-color:var(--cocso-color-interactive-warning-active)}.cocso-switch.cocso-switch--variant-info.cocso-switch--checked-true{--cocso-switch-switch-bg-color:var(--cocso-color-interactive-info)}.cocso-switch.cocso-switch--checked-false{--cocso-switch-switch-bg-color-hover:var(--cocso-color-interactive-secondary-hover)}@layer components{.switch-module_wrapper__mB3eH{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.switch-module_wrapper__mB3eH[data-disabled]{cursor:not-allowed;opacity:.4}.switch-module_switch__KrHDz{--cocso-switch-width:inherit;--cocso-switch-height:inherit;--cocso-switch-bg-color:inherit;background-color:var(--cocso-switch-bg-color);border-radius:var(--cocso-radius-full);cursor:pointer;height:var(--cocso-switch-height);opacity:1;position:relative;width:var(--cocso-switch-width)}.switch-module_switch__KrHDz:focus-visible{outline:2px solid var(--cocso-color-primary-950);outline-offset:2px}.switch-module_switch__KrHDz[data-disabled]{cursor:not-allowed;opacity:.4}.switch-module_switch__KrHDz[data-checked]{--cocso-switch-bg-color:var(--cocso-switch-checked-bg-color)}.switch-module_thumb__sXgSl{--cocso-switch-thumb-size:inherit;background-color:var(--cocso-color-white);border-radius:var(--cocso-radius-full);box-shadow:var(--cocso-shadow-thumb);display:block;height:var(--cocso-switch-thumb-size);position:absolute;top:50%;transform:translate(var(--cocso-switch-thumb-offset),-50%);transition:transform var(--cocso-duration-fast) var(--cocso-easing-soft);width:var(--cocso-switch-thumb-size);will-change:transform}.switch-module_thumb__sXgSl[data-checked]{transform:translate(calc(var(--cocso-switch-width) - var(--cocso-switch-thumb-size) - var(--cocso-switch-thumb-offset)),-50%)}}@layer components{@keyframes tooltip-module_slide-up-and-fade__DiOEq{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-right-and-fade__o6cCB{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltip-module_slide-down-and-fade__HJFYG{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-left-and-fade__ghuNp{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.tooltip-module_content__gv0-E{animation:none}}.tooltip-module_positioner__iuJEP{z-index:var(--cocso-z-index-overlay)}.tooltip-module_content__gv0-E{animation-duration:var(--cocso-duration-fast);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-inverse);border-radius:var(--cocso-radius-2);color:var(--cocso-color-surface-primary);font-size:var(--cocso-text-xs);line-height:1.5;overflow:visible;padding-block:var(--cocso-spacing-3);padding-inline:var(--cocso-spacing-5);position:relative;will-change:transform,opacity}.tooltip-module_content__gv0-E[data-open][data-side=top]{animation-name:tooltip-module_slide-up-and-fade__DiOEq;margin-bottom:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=right]{animation-name:tooltip-module_slide-right-and-fade__o6cCB;margin-left:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=bottom]{animation-name:tooltip-module_slide-down-and-fade__HJFYG;margin-top:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=left]{animation-name:tooltip-module_slide-left-and-fade__ghuNp;margin-right:var(--cocso-spacing-5)}.tooltip-module_arrow__HFT-V{background-color:var(--cocso-color-surface-inverse);height:6px;width:6px}.tooltip-module_arrow__HFT-V[data-side=bottom]{top:0;transform:translateY(-50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=top]{bottom:0;transform:translateY(50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=right]{left:0;transform:translateX(-50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=left]{right:0;transform:translateX(50%) rotate(45deg)}}

package/dist/esm/index.d.mts

@@ -1,23 +1,36 @@
-export { Accordion } from './accordion/Accordion.mjs';
-export { Badge, BadgeProps } from './badge/Badge.mjs';
-export { Button, ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from './button/Button.mjs';
-export { Checkbox, CheckboxProps, CheckboxSize, CheckboxStatus } from './checkbox/Checkbox.mjs';
-export { DayPicker, DayPickerProps } from './day-picker/DayPicker.mjs';
-export { Dropdown } from './dropdown/Dropdown.mjs';
-export { Link, LinkProps, LinkSize } from './link/Link.mjs';
-export { Modal } from './modal/Modal.mjs';
-export { MonthPicker, MonthPickerProps } from './month-picker/MonthPicker.mjs';
-export { OneTimePasswordField } from './one-time-password-field/OneTimePasswordField.mjs';
-export { Pagination, PaginationProps } from './pagination/Pagination.mjs';
-export { Popover } from './popover/Popover.mjs';
-export { RadioGroup } from './radio-group/RadioGroup.mjs';
-export { Select, SelectProps } from './select/Select.mjs';
-export { Spinner, SpinnerColor, SpinnerProps, SpinnerSize } from './spinner/Spinner.mjs';
-export { QuantityStatus, QuantityStatusProps, StockQuantityStatus, getColor } from './stock-quantity-status/StockQuantityStatus.mjs';
-export { Switch, SwitchProps, SwitchSize } from './switch/Switch.mjs';
-export { Tab } from './tab/Tab.mjs';
+export { cn } from './cn.mjs';
+export { Accordion, AccordionTriggerProps } from './components/accordion/accordion.mjs';
+export { Alert, AlertProps, AlertVariant } from './components/alert/alert.mjs';
+export { Avatar, AvatarProps, AvatarShape, AvatarSize } from './components/avatar/avatar.mjs';
+export { Badge, BadgeProps, BadgeSize } from './components/badge/badge.mjs';
+export { Breadcrumb, BreadcrumbProps, BreadcrumbSize } from './components/breadcrumb/breadcrumb.mjs';
+export { Button, ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from './components/button/button.mjs';
+export { Card, CardPadding, CardProps, CardVariant } from './components/card/card.mjs';
+export { Checkbox, CheckboxProps, CheckboxSize, CheckboxStatus } from './components/checkbox/checkbox.mjs';
+export { DayPicker, DayPickerProps } from './components/day-picker/day-picker.mjs';
+export { Dialog, DialogCloseProps, DialogSize } from './components/dialog/dialog.mjs';
+export { Dropdown } from './components/dropdown/dropdown.mjs';
+export { Field, FieldProps, useField } from './components/field/field.mjs';
+export { Input, InputProps, InputSize } from './components/input/input.mjs';
+export { InputTrigger, InputTriggerProps } from './components/input-trigger/input-trigger.mjs';
+export { Link, LinkProps, LinkSize, LinkVariant } from './components/link/link.mjs';
+export { MonthPicker, MonthPickerProps } from './components/month-picker/month-picker.mjs';
+export { OneTimePasswordField, OneTimePasswordFieldProps } from './components/one-time-password-field/one-time-password-field.mjs';
+export { Pagination, PaginationLabels, PaginationLocale, PaginationProps } from './components/pagination/pagination.mjs';
+export { Popover } from './components/popover/popover.mjs';
+export { Progress, ProgressProps, ProgressSize, ProgressVariant } from './components/progress/progress.mjs';
+export { RadioGroup, RadioSize } from './components/radio-group/radio-group.mjs';
+export { Select, SelectProps, SelectSize } from './components/select/select.mjs';
+export { Skeleton, SkeletonAnimation, SkeletonProps, SkeletonVariant } from './components/skeleton/skeleton.mjs';
+export { Spinner, SpinnerProps, SpinnerSize, SpinnerVariant } from './components/spinner/spinner.mjs';
+export { QuantityStatus, StockQuantityStatus, StockQuantityStatusProps } from './components/stock-quantity-status/stock-quantity-status.mjs';
+export { Switch, SwitchProps, SwitchSize, SwitchVariant } from './components/switch/switch.mjs';
+export { Tab, TabContentProps, TabListProps, TabProps, TabTriggerProps } from './components/tab/tab.mjs';
 export { Toaster, toast } from 'sonner';
+export { Tooltip } from './components/tooltip/tooltip.mjs';
+export { BodySize, HeadingSize, Typography, TypographyProps } from './components/typography/typography.mjs';
+export { RenderProp } from './primitives/use-render.mjs';
 export { colors } from './token/color.mjs';
+export { radius } from './token/radius.mjs';
 export { spacing } from './token/spacing.mjs';
 export { FontSize, FontWeight, LineHeight, ResponsiveFontSize, fontSize, fontWeight, lineHeight } from './token/typography.mjs';
-export { BodySize, DisplaySize, HeadingSize, Typography, TypographyProps } from './typography/Typography.mjs';

package/dist/esm/index.mjs

@@ -1,23 +1,35 @@
-export { Accordion } from './accordion/Accordion.mjs';
-export { Badge } from './badge/Badge.mjs';
-export { Button } from './button/Button.mjs';
-export { Checkbox } from './checkbox/Checkbox.mjs';
-export { DayPicker } from './day-picker/DayPicker.mjs';
-export { Dropdown } from './dropdown/Dropdown.mjs';
-export { Link } from './link/Link.mjs';
-export { Modal } from './modal/Modal.mjs';
-export { MonthPicker } from './month-picker/MonthPicker.mjs';
-export { OneTimePasswordField } from './one-time-password-field/OneTimePasswordField.mjs';
-export { Pagination } from './pagination/Pagination.mjs';
-export { Popover } from './popover/Popover.mjs';
-export { RadioGroup } from './radio-group/RadioGroup.mjs';
-export { Select } from './select/Select.mjs';
-export { Spinner } from './spinner/Spinner.mjs';
-export { StockQuantityStatus, getColor } from './stock-quantity-status/StockQuantityStatus.mjs';
-export { Switch } from './switch/Switch.mjs';
-export { Tab } from './tab/Tab.mjs';
+export { cn } from './cn.mjs';
+export { Accordion } from './components/accordion/accordion.mjs';
+export { Alert } from './components/alert/alert.mjs';
+export { Avatar } from './components/avatar/avatar.mjs';
+export { Badge } from './components/badge/badge.mjs';
+export { Breadcrumb } from './components/breadcrumb/breadcrumb.mjs';
+export { Button } from './components/button/button.mjs';
+export { Card } from './components/card/card.mjs';
+export { Checkbox } from './components/checkbox/checkbox.mjs';
+export { DayPicker } from './components/day-picker/day-picker.mjs';
+export { Dialog } from './components/dialog/dialog.mjs';
+export { Dropdown } from './components/dropdown/dropdown.mjs';
+export { Field, useField } from './components/field/field.mjs';
+export { Input } from './components/input/input.mjs';
+export { InputTrigger } from './components/input-trigger/input-trigger.mjs';
+export { Link } from './components/link/link.mjs';
+export { MonthPicker } from './components/month-picker/month-picker.mjs';
+export { OneTimePasswordField } from './components/one-time-password-field/one-time-password-field.mjs';
+export { Pagination } from './components/pagination/pagination.mjs';
+export { Popover } from './components/popover/popover.mjs';
+export { Progress } from './components/progress/progress.mjs';
+export { RadioGroup } from './components/radio-group/radio-group.mjs';
+export { Select } from './components/select/select.mjs';
+export { Skeleton } from './components/skeleton/skeleton.mjs';
+export { Spinner } from './components/spinner/spinner.mjs';
+export { StockQuantityStatus } from './components/stock-quantity-status/stock-quantity-status.mjs';
+export { Switch } from './components/switch/switch.mjs';
+export { Tab } from './components/tab/tab.mjs';
 export { Toaster, toast } from 'sonner';
+export { Tooltip } from './components/tooltip/tooltip.mjs';
+export { Typography } from './components/typography/typography.mjs';
 export { colors } from './token/color.mjs';
-export { spacing } from './token/spacing.mjs';
 export { fontSize, fontWeight, lineHeight } from './token/typography.mjs';
-export { Typography } from './typography/Typography.mjs';
+export { radius } from './token/radius.mjs';
+export { spacing } from './token/spacing.mjs';

package/dist/esm/primitives/use-render.d.mts

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+export { useRender } from '@base-ui/react/use-render';
+
+/**
+ * Public alias for the `render` prop type accepted by polymorphic components
+ * (`Button`, `Link`, `Typography`, …). Re-exported so consumers can type their
+ * own `render` values without importing from `@base-ui/react` directly.
+ */
+type RenderProp = useRender.RenderProp;
+
+export type { RenderProp };

package/dist/esm/token/color.d.mts

@@ -1,3 +1,4 @@
+/** Cocso design system color token map keyed by semantic name. */
 declare const colors: {
     transparent: string;
     white: string;
@@ -77,6 +78,17 @@ declare const colors: {
     success800: string;
     success900: string;
     success950: string;
+    info50: string;
+    info100: string;
+    info200: string;
+    info300: string;
+    info400: string;
+    info500: string;
+    info600: string;
+    info700: string;
+    info800: string;
+    info900: string;
+    info950: string;
     textPrimary: string;
     textSecondary: string;
     textTertiary: string;

package/dist/esm/token/color.mjs

@@ -1,85 +1,97 @@
+/** Cocso design system color token map keyed by semantic name. */
 const colors = {
-  transparent: 'var(--ds-color-transparent)',
-  white: 'var(--ds-color-white)',
-  whiteAlpha5: 'var(--ds-color-white-alpha-5)',
-  whiteAlpha10: 'var(--ds-color-white-alpha-10)',
-  whiteAlpha20: 'var(--ds-color-white-alpha-20)',
-  whiteAlpha30: 'var(--ds-color-white-alpha-30)',
-  whiteAlpha40: 'var(--ds-color-white-alpha-40)',
-  whiteAlpha50: 'var(--ds-color-white-alpha-50)',
-  whiteAlpha60: 'var(--ds-color-white-alpha-60)',
-  whiteAlpha70: 'var(--ds-color-white-alpha-70)',
-  whiteAlpha80: 'var(--ds-color-white-alpha-80)',
-  whiteAlpha90: 'var(--ds-color-white-alpha-90)',
-  black: 'var(--ds-color-black)',
-  blackAlpha5: 'var(--ds-color-black-alpha-5)',
-  blackAlpha10: 'var(--ds-color-black-alpha-10)',
-  blackAlpha20: 'var(--ds-color-black-alpha-20)',
-  blackAlpha30: 'var(--ds-color-black-alpha-30)',
-  blackAlpha40: 'var(--ds-color-black-alpha-40)',
-  blackAlpha50: 'var(--ds-color-black-alpha-50)',
-  blackAlpha60: 'var(--ds-color-black-alpha-60)',
-  blackAlpha70: 'var(--ds-color-black-alpha-70)',
-  blackAlpha80: 'var(--ds-color-black-alpha-80)',
-  blackAlpha90: 'var(--ds-color-black-alpha-90)',
-  neutral50: 'var(--ds-color-neutral-50)',
-  neutral100: 'var(--ds-color-neutral-100)',
-  neutral200: 'var(--ds-color-neutral-200)',
-  neutral300: 'var(--ds-color-neutral-300)',
-  neutral400: 'var(--ds-color-neutral-400)',
-  neutral500: 'var(--ds-color-neutral-500)',
-  neutral600: 'var(--ds-color-neutral-600)',
-  neutral700: 'var(--ds-color-neutral-700)',
-  neutral800: 'var(--ds-color-neutral-800)',
-  neutral900: 'var(--ds-color-neutral-900)',
-  neutral950: 'var(--ds-color-neutral-950)',
-  primary50: 'var(--ds-color-primary-50)',
-  primary100: 'var(--ds-color-primary-100)',
-  primary200: 'var(--ds-color-primary-200)',
-  primary300: 'var(--ds-color-primary-300)',
-  primary400: 'var(--ds-color-primary-400)',
-  primary500: 'var(--ds-color-primary-500)',
-  primary600: 'var(--ds-color-primary-600)',
-  primary700: 'var(--ds-color-primary-700)',
-  primary800: 'var(--ds-color-primary-800)',
-  primary900: 'var(--ds-color-primary-900)',
-  primary950: 'var(--ds-color-primary-950)',
-  danger50: 'var(--ds-color-danger-50)',
-  danger100: 'var(--ds-color-danger-100)',
-  danger200: 'var(--ds-color-danger-200)',
-  danger300: 'var(--ds-color-danger-300)',
-  danger400: 'var(--ds-color-danger-400)',
-  danger500: 'var(--ds-color-danger-500)',
-  danger600: 'var(--ds-color-danger-600)',
-  danger700: 'var(--ds-color-danger-700)',
-  danger800: 'var(--ds-color-danger-800)',
-  danger900: 'var(--ds-color-danger-900)',
-  danger950: 'var(--ds-color-danger-950)',
-  warning50: 'var(--ds-color-warning-50)',
-  warning100: 'var(--ds-color-warning-100)',
-  warning200: 'var(--ds-color-warning-200)',
-  warning300: 'var(--ds-color-warning-300)',
-  warning400: 'var(--ds-color-warning-400)',
-  warning500: 'var(--ds-color-warning-500)',
-  warning600: 'var(--ds-color-warning-600)',
-  warning700: 'var(--ds-color-warning-700)',
-  warning800: 'var(--ds-color-warning-800)',
-  warning900: 'var(--ds-color-warning-900)',
-  warning950: 'var(--ds-color-warning-950)',
-  success50: 'var(--ds-color-success-50)',
-  success100: 'var(--ds-color-success-100)',
-  success200: 'var(--ds-color-success-200)',
-  success300: 'var(--ds-color-success-300)',
-  success400: 'var(--ds-color-success-400)',
-  success500: 'var(--ds-color-success-500)',
-  success600: 'var(--ds-color-success-600)',
-  success700: 'var(--ds-color-success-700)',
-  success800: 'var(--ds-color-success-800)',
-  success900: 'var(--ds-color-success-900)',
-  success950: 'var(--ds-color-success-950)',
-  textPrimary: 'var(--ds-color-text-primary)',
-  textSecondary: 'var(--ds-color-text-secondary)',
-  textTertiary: 'var(--ds-color-text-tertiary)'
+  transparent: "var(--cocso-color-transparent)",
+  white: "var(--cocso-color-white)",
+  whiteAlpha5: "var(--cocso-color-white-alpha-5)",
+  whiteAlpha10: "var(--cocso-color-white-alpha-10)",
+  whiteAlpha20: "var(--cocso-color-white-alpha-20)",
+  whiteAlpha30: "var(--cocso-color-white-alpha-30)",
+  whiteAlpha40: "var(--cocso-color-white-alpha-40)",
+  whiteAlpha50: "var(--cocso-color-white-alpha-50)",
+  whiteAlpha60: "var(--cocso-color-white-alpha-60)",
+  whiteAlpha70: "var(--cocso-color-white-alpha-70)",
+  whiteAlpha80: "var(--cocso-color-white-alpha-80)",
+  whiteAlpha90: "var(--cocso-color-white-alpha-90)",
+  black: "var(--cocso-color-black)",
+  blackAlpha5: "var(--cocso-color-black-alpha-5)",
+  blackAlpha10: "var(--cocso-color-black-alpha-10)",
+  blackAlpha20: "var(--cocso-color-black-alpha-20)",
+  blackAlpha30: "var(--cocso-color-black-alpha-30)",
+  blackAlpha40: "var(--cocso-color-black-alpha-40)",
+  blackAlpha50: "var(--cocso-color-black-alpha-50)",
+  blackAlpha60: "var(--cocso-color-black-alpha-60)",
+  blackAlpha70: "var(--cocso-color-black-alpha-70)",
+  blackAlpha80: "var(--cocso-color-black-alpha-80)",
+  blackAlpha90: "var(--cocso-color-black-alpha-90)",
+  neutral50: "var(--cocso-color-neutral-50)",
+  neutral100: "var(--cocso-color-neutral-100)",
+  neutral200: "var(--cocso-color-neutral-200)",
+  neutral300: "var(--cocso-color-neutral-300)",
+  neutral400: "var(--cocso-color-neutral-400)",
+  neutral500: "var(--cocso-color-neutral-500)",
+  neutral600: "var(--cocso-color-neutral-600)",
+  neutral700: "var(--cocso-color-neutral-700)",
+  neutral800: "var(--cocso-color-neutral-800)",
+  neutral900: "var(--cocso-color-neutral-900)",
+  neutral950: "var(--cocso-color-neutral-950)",
+  primary50: "var(--cocso-color-primary-50)",
+  primary100: "var(--cocso-color-primary-100)",
+  primary200: "var(--cocso-color-primary-200)",
+  primary300: "var(--cocso-color-primary-300)",
+  primary400: "var(--cocso-color-primary-400)",
+  primary500: "var(--cocso-color-primary-500)",
+  primary600: "var(--cocso-color-primary-600)",
+  primary700: "var(--cocso-color-primary-700)",
+  primary800: "var(--cocso-color-primary-800)",
+  primary900: "var(--cocso-color-primary-900)",
+  primary950: "var(--cocso-color-primary-950)",
+  danger50: "var(--cocso-color-danger-50)",
+  danger100: "var(--cocso-color-danger-100)",
+  danger200: "var(--cocso-color-danger-200)",
+  danger300: "var(--cocso-color-danger-300)",
+  danger400: "var(--cocso-color-danger-400)",
+  danger500: "var(--cocso-color-danger-500)",
+  danger600: "var(--cocso-color-danger-600)",
+  danger700: "var(--cocso-color-danger-700)",
+  danger800: "var(--cocso-color-danger-800)",
+  danger900: "var(--cocso-color-danger-900)",
+  danger950: "var(--cocso-color-danger-950)",
+  warning50: "var(--cocso-color-warning-50)",
+  warning100: "var(--cocso-color-warning-100)",
+  warning200: "var(--cocso-color-warning-200)",
+  warning300: "var(--cocso-color-warning-300)",
+  warning400: "var(--cocso-color-warning-400)",
+  warning500: "var(--cocso-color-warning-500)",
+  warning600: "var(--cocso-color-warning-600)",
+  warning700: "var(--cocso-color-warning-700)",
+  warning800: "var(--cocso-color-warning-800)",
+  warning900: "var(--cocso-color-warning-900)",
+  warning950: "var(--cocso-color-warning-950)",
+  success50: "var(--cocso-color-success-50)",
+  success100: "var(--cocso-color-success-100)",
+  success200: "var(--cocso-color-success-200)",
+  success300: "var(--cocso-color-success-300)",
+  success400: "var(--cocso-color-success-400)",
+  success500: "var(--cocso-color-success-500)",
+  success600: "var(--cocso-color-success-600)",
+  success700: "var(--cocso-color-success-700)",
+  success800: "var(--cocso-color-success-800)",
+  success900: "var(--cocso-color-success-900)",
+  success950: "var(--cocso-color-success-950)",
+  info50: "var(--cocso-color-info-50)",
+  info100: "var(--cocso-color-info-100)",
+  info200: "var(--cocso-color-info-200)",
+  info300: "var(--cocso-color-info-300)",
+  info400: "var(--cocso-color-info-400)",
+  info500: "var(--cocso-color-info-500)",
+  info600: "var(--cocso-color-info-600)",
+  info700: "var(--cocso-color-info-700)",
+  info800: "var(--cocso-color-info-800)",
+  info900: "var(--cocso-color-info-900)",
+  info950: "var(--cocso-color-info-950)",
+  textPrimary: "var(--cocso-color-text-primary)",
+  textSecondary: "var(--cocso-color-text-secondary)",
+  textTertiary: "var(--cocso-color-text-tertiary)"
 };
 
 export { colors };

package/dist/esm/token/radius.d.mts

@@ -0,0 +1,12 @@
+/** Border radius token scale from none to full. */
+declare const radius: {
+    readonly r1: "var(--cocso-radius-1)";
+    readonly r2: "var(--cocso-radius-2)";
+    readonly r3: "var(--cocso-radius-3)";
+    readonly r4: "var(--cocso-radius-4)";
+    readonly r5: "var(--cocso-radius-5)";
+    readonly r6: "var(--cocso-radius-6)";
+    readonly full: "var(--cocso-radius-full)";
+};
+
+export { radius };

package/dist/esm/token/radius.mjs

@@ -0,0 +1,12 @@
+/** Border radius token scale from none to full. */
+const radius = {
+  r1: "var(--cocso-radius-1)",
+  r2: "var(--cocso-radius-2)",
+  r3: "var(--cocso-radius-3)",
+  r4: "var(--cocso-radius-4)",
+  r5: "var(--cocso-radius-5)",
+  r6: "var(--cocso-radius-6)",
+  full: "var(--cocso-radius-full)"
+};
+
+export { radius };

package/dist/esm/token/spacing.d.mts

@@ -1,27 +1,28 @@
+/** Spacing token scale from s0 (0) to max (80px). */
 declare const spacing: {
-    readonly s0: "var(--ds-spacing-0)";
-    readonly s1: "var(--ds-spacing-1)";
-    readonly s2: "var(--ds-spacing-2)";
-    readonly s3: "var(--ds-spacing-3)";
-    readonly s4: "var(--ds-spacing-4)";
-    readonly s5: "var(--ds-spacing-5)";
-    readonly s6: "var(--ds-spacing-6)";
-    readonly s7: "var(--ds-spacing-7)";
-    readonly s8: "var(--ds-spacing-8)";
-    readonly s9: "var(--ds-spacing-9)";
-    readonly s10: "var(--ds-spacing-10)";
-    readonly s11: "var(--ds-spacing-11)";
-    readonly s12: "var(--ds-spacing-12)";
-    readonly s13: "var(--ds-spacing-13)";
-    readonly s14: "var(--ds-spacing-14)";
-    readonly s15: "var(--ds-spacing-15)";
-    readonly s16: "var(--ds-spacing-16)";
-    readonly s17: "var(--ds-spacing-17)";
-    readonly s18: "var(--ds-spacing-18)";
-    readonly s19: "var(--ds-spacing-19)";
-    readonly s20: "var(--ds-spacing-20)";
-    readonly s21: "var(--ds-spacing-21)";
-    readonly max: "var(--ds-spacing-max)";
+    readonly s0: "var(--cocso-spacing-0)";
+    readonly s1: "var(--cocso-spacing-1)";
+    readonly s2: "var(--cocso-spacing-2)";
+    readonly s3: "var(--cocso-spacing-3)";
+    readonly s4: "var(--cocso-spacing-4)";
+    readonly s5: "var(--cocso-spacing-5)";
+    readonly s6: "var(--cocso-spacing-6)";
+    readonly s7: "var(--cocso-spacing-7)";
+    readonly s8: "var(--cocso-spacing-8)";
+    readonly s9: "var(--cocso-spacing-9)";
+    readonly s10: "var(--cocso-spacing-10)";
+    readonly s11: "var(--cocso-spacing-11)";
+    readonly s12: "var(--cocso-spacing-12)";
+    readonly s13: "var(--cocso-spacing-13)";
+    readonly s14: "var(--cocso-spacing-14)";
+    readonly s15: "var(--cocso-spacing-15)";
+    readonly s16: "var(--cocso-spacing-16)";
+    readonly s17: "var(--cocso-spacing-17)";
+    readonly s18: "var(--cocso-spacing-18)";
+    readonly s19: "var(--cocso-spacing-19)";
+    readonly s20: "var(--cocso-spacing-20)";
+    readonly s21: "var(--cocso-spacing-21)";
+    readonly max: "var(--cocso-spacing-max)";
 };
 
 export { spacing };