@cfx-dev/ui-components 4.3.14 → 4.3.17

package/dist/assets/css/DropdownContent.css

@@ -1 +1 @@
-.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-small);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xsmall);height:var(--control-height-normal);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover{background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__fullWidth__c56c3,.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
+.cfxui__DropdownContent__fullWidth__c56c3,.cfxui__DropdownContent__fullWidth__c56c3 .cfxui__DropdownContent__item__8feac{width:100%}.cfxui__DropdownContent__content__ea3aa{--border-color: var(--color-input-border);border-radius:var(--border-radius-small);box-shadow:0 0 0 var(--input-border-size, initial) var(--border-color) inset;background-color:rgba(var(--color-bg),1);overflow:hidden}.cfxui__DropdownContent__content__ea3aa.cfxui__DropdownContent__onlight__352dc{--border-color: var(--color-input-onlight-border)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xsmall);height:var(--control-height-normal);display:flex;align-items:center;padding:0 var(--offset-medium);cursor:pointer}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:not(:last-child){box-shadow:0 calc(-1 * var(--input-border-size, initial)) 0 0 var(--border-color) inset}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac:hover:not(.cfxui__DropdownContent__disabled__9002a){background-color:rgba(var(--color-bg-light),1)}.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac.cfxui__DropdownContent__disabled__9002a{cursor:not-allowed;color:rgba(var(--color-secondary),1);background-color:rgba(var(--color-bg-dark),.5)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-large__04104.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-large__269b0.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 360px){.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-small__faa09.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 640px){.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1024px){.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-small__d130d.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1280px){.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-large-large__87b4b.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 1920px){.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-large-small__e42f3.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-small);height:var(--control-height-normal)}}@media (min-width: 2560px){.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__trigger__4bac0 .cfxui__DropdownContent__icon__2ede5 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb.cfxui__DropdownContent__content__ea3aa .cfxui__DropdownContent__item__8feac{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}

package/dist/assets/css/Select.css

@@ -1 +1 @@
-.cfxui__Select__trigger__232e4{width:100%;padding:0 var(--offset-medium);border:none;display:inline-flex;align-items:center;justify-content:space-between;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__Select__trigger__232e4::placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4[type=search]::-ms-clear,.cfxui__Select__trigger__232e4[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__Select__trigger__232e4[type=search]::-webkit-search-decoration,.cfxui__Select__trigger__232e4[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Select__trigger__232e4[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Select__trigger__232e4:not(:disabled){cursor:pointer}.cfxui__Select__trigger__232e4[data-placeholder]{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4[data-placeholder]:hover,.cfxui__Select__trigger__232e4[data-placeholder]:focus{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4.cfxui__Select__fullWidth__739d7{width:100%}.cfxui__Select__icon__36b6c{margin-left:var(--quant)}.cfxui__Select__content__067da{padding:var(--border-radius-xsmall) 0;border-radius:var(--border-radius-xsmall);background-color:var(--color-interactive-list-background);box-shadow:var(--shadow-large, initial);z-index:2;animation:cfxui__Select__app__e0114 ease .2s}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb{display:flex;align-items:center;justify-content:center}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb:hover{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--offset-small) var(--offset-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);font-size:var(--font-size-xsmall);height:var(--control-height-normal);background-color:var(--color-interactive-list-item-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-state=checked]{background-color:var(--color-interactive-list-item-active-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-highlighted]{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}@keyframes cfxui__Select__app__e0114{0%{opacity:0}to{opacity:1}}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}@media (min-width: 360px){.cfxui__Select__select-size-small-large__79811.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 360px){.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-large__88062.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}
+.cfxui__Select__trigger__232e4{width:100%;padding:0 var(--offset-medium);border:none;display:inline-flex;align-items:center;justify-content:space-between;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__Select__trigger__232e4::placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4[type=search]::-ms-clear,.cfxui__Select__trigger__232e4[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__Select__trigger__232e4[type=search]::-webkit-search-decoration,.cfxui__Select__trigger__232e4[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Select__trigger__232e4[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Select__trigger__232e4:not(:disabled){cursor:pointer}.cfxui__Select__trigger__232e4[data-placeholder]{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4[data-placeholder]:hover,.cfxui__Select__trigger__232e4[data-placeholder]:focus{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4.cfxui__Select__fullWidth__739d7{width:100%}.cfxui__Select__icon__36b6c{margin-left:var(--quant)}.cfxui__Select__content__067da{padding:var(--border-radius-xsmall) 0;border-radius:var(--border-radius-xsmall);background-color:var(--color-interactive-list-background);box-shadow:var(--shadow-large, initial);z-index:9000;animation:cfxui__Select__app__e0114 ease .2s}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb{display:flex;align-items:center;justify-content:center}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb:hover{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--offset-small) var(--offset-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);font-size:var(--font-size-xsmall);height:var(--control-height-normal);background-color:var(--color-interactive-list-item-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-state=checked]{background-color:var(--color-interactive-list-item-active-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-highlighted]{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}@keyframes cfxui__Select__app__e0114{0%{opacity:0}to{opacity:1}}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}@media (min-width: 360px){.cfxui__Select__select-size-small-large__79811.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 360px){.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-large__88062.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}

package/dist/components/DropdownContent/DropdownContent.d.ts

@@ -1,10 +1,14 @@
 import { default as React } from 'react';
 import { InputSize } from '../Input';
-import { SelectOption } from '../Select';
 import { ResponsiveValueType } from '../../utils/ui';
 
+export interface DropdownOption<T extends string> {
+    value: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
 export type ExtraClassNameTyape = 'content' | 'trigger';
-export type DropdownContentOption = SelectOption<string>;
+export type DropdownContentOption = DropdownOption<string>;
 export interface DropdownContentProps {
     options: DropdownContentOption[];
     className?: string;

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a, g as i } from "../../DropdownContent-Robn2rha.js";
+import { D as a, g as i } from "../../DropdownContent-BertjH0y.js";
 import "react";
 import "../../utils/clsx.js";
 import "../../utils/ui/ui.js";

package/dist/components/DropdownContent/index.js

@@ -1,4 +1,4 @@
-import { D as n, g as t } from "../../DropdownContent-Robn2rha.js";
+import { D as n, g as t } from "../../DropdownContent-BertjH0y.js";
 export {
   n as DropdownContent,
   t as getDropdownContentSizeClassNames

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { R as m, T as p, D as f } from "../../DropdownContent-Robn2rha.js";
+import { R as m, T as p, D as f } from "../../DropdownContent-BertjH0y.js";
 import u from "react";
 function h(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
+import { DropdownContentOption } from '../DropdownContent';
 import { IconSize } from '../Icon';
 import { InputSize } from '../Input';
-import { SelectOption } from '../Select';
 import { ResponsiveValueType } from '../../utils/ui';
 
 export declare const ICON_SIZE_MAP: Record<InputSize, IconSize>;
 export interface DropdownSelectProps<T = string> {
-    options: SelectOption<T>[];
+    options: DropdownContentOption[];
     value?: T;
     onChange: (value: T) => void;
     placeholder?: React.ReactNode;

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,74 +1,75 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { g as w, R as C, T as D, D as W } from "../../DropdownContent-Robn2rha.js";
-import N, { useRef as R, useState as b, useEffect as v } from "react";
-import z from "../Flex/Flex.js";
-import { clsx as I } from "../../utils/clsx.js";
-import { Icon as T } from "../Icon/Icon.js";
-import { mergeRefs as j } from "../../utils/mergeRefs.js";
-const E = "cfxui__DropdownSelect__icon__d05b8", k = "cfxui__DropdownSelect__trigger__c03df", y = "cfxui__DropdownSelect__onlight__f0191", A = "cfxui__DropdownSelect__fullWidth__dce56", B = "cfxui__DropdownSelect__placeholder__e0d89", e = {
-  icon: E,
-  trigger: k,
-  onlight: y,
-  fullWidth: A,
-  placeholder: B
-}, H = {
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { g as D, R as W, T as N, D as R } from "../../DropdownContent-BertjH0y.js";
+import f, { useRef as v, useState as b, useEffect as z } from "react";
+import I from "../Flex/Flex.js";
+import { clsx as T } from "../../utils/clsx.js";
+import { Icon as j } from "../Icon/Icon.js";
+import { mergeRefs as E } from "../../utils/mergeRefs.js";
+const M = "cfxui__DropdownSelect__icon__d05b8", O = "cfxui__DropdownSelect__trigger__c03df", k = "cfxui__DropdownSelect__onlight__f0191", y = "cfxui__DropdownSelect__fullWidth__dce56", A = "cfxui__DropdownSelect__placeholder__e0d89", e = {
+  icon: M,
+  trigger: O,
+  onlight: k,
+  fullWidth: y,
+  placeholder: A
+}, J = {
   small: "xxsmall",
   normal: "xsmall",
   large: "normal"
 };
-function J(i) {
+function K(_) {
   const {
-    options: a,
-    value: r,
-    onChange: n,
-    size: s = "normal",
-    fullWidth: t = !1,
-    onlight: d = !1,
-    disabled: f,
-    placeholder: _ = "Select...",
-    ref: g
-  } = i, o = R(null), [m, h] = b(void 0);
-  v(() => {
-    t && o.current && h(o.current.offsetWidth);
-  }, [t]);
-  const p = w(s, "trigger"), u = I(
-    p,
+    options: t,
+    value: l,
+    onChange: c,
+    size: i = "normal",
+    fullWidth: o = !1,
+    onlight: g = !1,
+    disabled: m,
+    placeholder: u = "Select...",
+    ref: p
+  } = _, r = v(null), [h, x] = b(void 0), S = D(i, "trigger"), w = T(
+    S,
     e.trigger,
     {
-      [e.placeholder]: !r,
-      [e.fullWidth]: t,
-      [e.onlight]: d
+      [e.placeholder]: !l,
+      [e.fullWidth]: o,
+      [e.onlight]: g
     }
-  ), x = N.useCallback((S) => {
-    n(S);
-  }, [n]);
-  return /* @__PURE__ */ c(C, { children: [
-    /* @__PURE__ */ l(
-      D,
+  ), C = f.useCallback((n) => {
+    c(n);
+  }, [c]), a = f.useMemo(
+    () => t.find((n) => n.value === l),
+    [t, l]
+  );
+  return z(() => {
+    o && r.current && x(r.current.offsetWidth);
+  }, [o]), /* @__PURE__ */ d(W, { children: [
+    /* @__PURE__ */ s(
+      N,
       {
-        ref: j(g, o),
-        className: u,
-        disabled: f,
-        children: /* @__PURE__ */ c(z, { gap: "small", centered: !0, spaceBetween: !0, children: [
-          r || _,
-          /* @__PURE__ */ l(T, { className: e.icon, name: "DownChevron" })
+        ref: E(p, r),
+        className: w,
+        disabled: m,
+        children: /* @__PURE__ */ d(I, { gap: "small", centered: !0, spaceBetween: !0, children: [
+          a !== void 0 ? a.label : u,
+          /* @__PURE__ */ s(j, { className: e.icon, name: "DownChevron" })
         ] })
       }
     ),
-    /* @__PURE__ */ l(
-      W,
+    /* @__PURE__ */ s(
+      R,
       {
-        triggerWidth: m,
-        options: a,
-        size: s,
-        fullWidth: t,
-        onSelect: x
+        triggerWidth: h,
+        options: t,
+        size: i,
+        fullWidth: o,
+        onSelect: C
       }
     )
   ] });
 }
 export {
-  J as DropdownSelect,
-  H as ICON_SIZE_MAP,
-  J as default
+  K as DropdownSelect,
+  J as ICON_SIZE_MAP,
+  K as default
 };

package/dist/components/DropdownSelect/DropdownSelectShowcase.js

@@ -1,30 +1,30 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import r from "react";
-import l from "../Flex/Flex.js";
-import { Text as o } from "../Text/Text.js";
+import t from "../Flex/Flex.js";
+import { Text as a } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { DropdownSelect as a } from "./DropdownSelect.js";
+import { DropdownSelect as o } from "./DropdownSelect.js";
 const c = [
   {
-    value: "all",
+    value: "value_all",
     label: "all"
   },
   {
-    value: "recurring",
+    value: "value_recurring",
     label: "recurring"
   },
   {
-    value: "bursts",
+    value: "value_bursts",
     label: "bursts"
   }
 ];
 function d() {
   const [i, n] = r.useState(void 0), [u, s] = r.useState(void 0);
-  return /* @__PURE__ */ t(l, { gap: "large", vertical: !0, pb: 20, children: [
-    /* @__PURE__ */ t(l, { gap: "normal", vertical: !0, children: [
-      /* @__PURE__ */ e(o, { children: "Default Select Input" }),
+  return /* @__PURE__ */ l(t, { gap: "large", vertical: !0, pb: 20, children: [
+    /* @__PURE__ */ l(t, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(a, { children: "Default Select Input" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        a,
+        o,
         {
           options: c,
           onChange: n,
@@ -32,10 +32,10 @@ function d() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ t(l, { gap: "normal", vertical: !0, children: [
-      /* @__PURE__ */ e(o, { children: "Full Width Select Input" }),
+    /* @__PURE__ */ l(t, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(a, { children: "Full Width Select Input" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        a,
+        o,
         {
           size: "large",
           options: c,

package/dist/components/Text/Text.js

@@ -1,34 +1,34 @@
 import { jsx as c } from "react/jsx-runtime";
-import { clsx as A } from "../../utils/clsx.js";
-import { getColor as E } from "../../utils/color.js";
+import { clsx as E } from "../../utils/clsx.js";
+import { getColor as O } from "../../utils/color.js";
 import { ui as o } from "../../utils/ui/ui.js";
 import { TextSizeEnum as a } from "../../utils/ui/ui.types.js";
-const F = "cfxui__Text__root__2fe11", O = "cfxui__Text__centered__4d7bd", H = "cfxui__Text__underlined__5860e", N = "cfxui__Text__strikethrough__e3ee3", $ = "cfxui__Text__truncated__417f4", w = "cfxui__Text__typographic__d8155", P = "cfxui__Text__block__cb1b6", r = {
-  root: F,
-  centered: O,
-  underlined: H,
-  strikethrough: N,
-  truncated: $,
-  typographic: w,
-  block: P
-}, q = (e) => e in a ? o.fontSize(e) : typeof e == "number" ? o.q(e) : e, B = (e) => e in a ? o.lineHeight(e) : typeof e == "number" ? o.q(e) : e, D = {
+const H = "cfxui__Text__root__2fe11", N = "cfxui__Text__centered__4d7bd", $ = "cfxui__Text__underlined__5860e", w = "cfxui__Text__strikethrough__e3ee3", P = "cfxui__Text__truncated__417f4", q = "cfxui__Text__typographic__d8155", B = "cfxui__Text__block__cb1b6", r = {
+  root: H,
+  centered: N,
+  underlined: $,
+  strikethrough: w,
+  truncated: P,
+  typographic: q,
+  block: B
+}, D = (e) => e in a ? o.fontSize(e) : typeof e == "number" ? o.q(e) : e, I = (e) => e in a ? o.lineHeight(e) : typeof e == "number" ? o.q(e) : e, L = {
   0: 0,
   25: "var(--text-opacity-25)",
   50: "var(--text-opacity-50)",
   75: "var(--text-opacity-75)",
   100: 1
-}, I = {
+}, M = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
   h4: "h4",
   h5: "h5",
   h6: "h6"
-}, L = (e, n = 1) => {
-  const t = typeof e == "string" && D[e];
+}, V = (e, n = 1) => {
+  const t = typeof e == "string" && L[e];
   return typeof t == "string" || typeof t == "number" ? t : n;
-}, M = "primary";
-function V(e) {
+}, X = "primary";
+function j(e) {
   const {
     family: n,
     size: t = "normal",
@@ -41,52 +41,65 @@ function V(e) {
     truncated: h = !1,
     typographic: m = !1,
     uppercase: g = !1,
-    userSelectable: y = !1,
-    underlined: d = !1,
+    userSelectable: d = !1,
+    underlined: y = !1,
     strikethrough: x = !1,
     children: T,
     className: b,
     style: k,
-    ref: S
-  } = e, C = i === "div", R = A(
+    ref: S,
+    htmlFor: C,
+    id: R
+  } = e, v = i === "div", z = E(
     r.root,
     b,
     o.getResponsiveClassnames("font-size", t),
     o.getResponsiveClassnames("line-height", t),
     {
-      [r.block]: C,
+      [r.block]: v,
       [r.centered]: p,
       [r.truncated]: h,
-      [r.underlined]: d,
+      [r.underlined]: y,
       [r.strikethrough]: x,
       [r.typographic]: m,
-      [o.cls.userSelectableText]: y
+      [o.cls.userSelectableText]: d
     }
-  ), v = E({
+  ), F = O({
     ...e,
-    color: _ || M,
-    opacity: L(u)
-  }), z = typeof n == "string" ? n : I[i] || "primary", s = {
-    color: v,
-    fontFamily: `var(--font-family-${z})`,
+    color: _ || X,
+    opacity: V(u)
+  }), A = typeof n == "string" ? n : M[i] || "primary", s = {
+    color: F,
+    fontFamily: `var(--font-family-${A})`,
     lineHeight: `var(--line-height-${t})`,
     letterSpacing: `var(--letter-spacing-${f})`,
     fontWeight: `var(--font-weight-${l})`,
-    ...o.getResponsiveStyles("font-size", t, q),
-    ...o.getResponsiveStyles("line-height", t, B),
+    ...o.getResponsiveStyles("font-size", t, D),
+    ...o.getResponsiveStyles("line-height", t, I),
     ...k
   };
-  return g && (s.textTransform = "uppercase"), /* @__PURE__ */ c(i, { ref: S, dir: "auto", className: R, style: s, children: T });
+  return g && (s.textTransform = "uppercase"), /* @__PURE__ */ c(
+    i,
+    {
+      ref: S,
+      dir: "auto",
+      className: z,
+      style: s,
+      htmlFor: C,
+      id: R,
+      children: T
+    }
+  );
 }
-function J(e) {
-  return /* @__PURE__ */ c(V, { ...e, as: "div" });
+function Q(e) {
+  return /* @__PURE__ */ c(j, { ...e, as: "div" });
 }
 export {
-  M as DEFAULT_TEXT_COLOR,
-  D as TEXT_OPACITY_MAP,
-  V as Text,
-  J as TextBlock,
-  L as getTextOpacity,
-  B as lineHeightResponsiveValueFormatter,
-  q as textSizeResponsiveValueFormatter
+  X as DEFAULT_TEXT_COLOR,
+  L as TEXT_OPACITY_MAP,
+  j as Text,
+  Q as TextBlock,
+  V as getTextOpacity,
+  I as lineHeightResponsiveValueFormatter,
+  D as textSizeResponsiveValueFormatter
 };

package/dist/components/Text/Text.types.d.ts

@@ -31,6 +31,8 @@ interface TextPropsBase {
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    htmlFor?: string;
+    id?: string;
 }
 export interface TextColorProps extends GetColorProps {
     opacity?: TextOpacity;

package/dist/main.d.ts

@@ -18,6 +18,7 @@ export type { GetColorProps } from './utils/color';
 export { ui, OffsetEnum, MediaQueryEnum, BorderRadiusEnum, ZIndexEnum, ColorEnum, } from './utils/ui';
 export type { OffsetType, MediaQueryType, ResponsiveOffsetType, ResponsiveValueType, MPProps, BorderRadiusType, ZIndexType, ColorType, } from './utils/ui';
 export { isInEnum } from './utils/enum';
+export { joaat32 } from './utils/joaat32';
 export { IconButton } from './components/IconButton';
 export type { IconButtonProps, IconButtonAreaSize } from './components/IconButton';
 export { Accordion, AccordionTrigger, AccordionHeader, AccordionItem, AccordionContent, } from './components/Accordion';